/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ *//* * What follows is the result of much research on cross-browser styling. * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, * Kroc Camen, and the H5BP dev community and team. *//* ==========================================================================   Base styles: opinionated defaults   ========================================================================== */html,button,input,select,textarea {    color: #222;}html {    font-size: 1em;    line-height: 1.4;}/* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */::-moz-selection {    background: #b3d4fc;    text-shadow: none;}::selection {    background: #b3d4fc;    text-shadow: none;}/* * A better looking default horizontal rule */hr {    display: block;    height: 1px;    border: 0;    border-top: 1px solid #ccc;    margin: 1em 0;    padding: 0;}footertext {    z-index: 9;    width: 310px;    color: #fcb040!important;    font-size: 0.6em !important;    letter-spacing: 0.5em !important;    /* padding: 20px 0px 0px 2px; */    position: absolute;    right: 0;    bottom: -25px;}/* * Remove the gap between images, videos, audio and canvas and the bottom of * their containers: h5bp.com/i/440 */audio,canvas,img,video {    vertical-align: middle;}/* * Remove default fieldset styles. */fieldset {    border: 0;    margin: 0;    padding: 0;}/* * Allow only vertical resizing of textareas. */textarea {    resize: vertical;}/* ==========================================================================   Browse Happy prompt   ========================================================================== */.browsehappy {    margin: 0.2em 0;    background: #ccc;    color: #000;    padding: 0.2em 0;}/* ==========================================================================   Author's custom styles   ========================================================================== *//* ==========================================================================   Helper classes   ========================================================================== *//* * Image replacement */.ir {    background-color: transparent;    border: 0;    overflow: hidden;    /* IE 6/7 fallback */    *text-indent: -9999px;}.comments{	padding-top: 10px;}.ir:before {    content: "";    display: block;    width: 0;    height: 150%;}/* * Hide from both screenreaders and browsers: h5bp.com/u */.hidden {    display: none !important;    visibility: hidden;}/* * Hide only visually, but have it available for screenreaders: h5bp.com/v */.visuallyhidden {    border: 0;    clip: rect(0 0 0 0);    height: 1px;    margin: -1px;    overflow: hidden;    padding: 0;    position: absolute;    width: 1px;}/* * Extends the .visuallyhidden class to allow the element to be focusable * when navigated to via the keyboard: h5bp.com/p */.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {    clip: auto;    height: auto;    margin: 0;    overflow: visible;    position: static;    width: auto;}/* * Hide visually and from screenreaders, but maintain layout */.invisible {    visibility: hidden;}/* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the *    `contenteditable` attribute is included anywhere else in the document. *    Otherwise it causes space to appear at the top and bottom of elements *    that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using *    `:before` to contain the top-margins of child elements. */.clearfix:before,.clearfix:after {    content: " "; /* 1 */    display: table; /* 2 */}.clearfix:after {    clear: both;}/* * For IE 6/7 only * Include this rule to trigger hasLayout and contain floats. */.clearfix {    *zoom: 1;}/* ==========================================================================   EXAMPLE Media Queries for Responsive Design.   These examples override the primary ('mobile first') styles.   Modify as content requires.   ========================================================================== */@media only screen and (min-width: 35em) {    /* Style adjustments for viewports that meet the condition */}@media print,       (-o-min-device-pixel-ratio: 5/4),       (-webkit-min-device-pixel-ratio: 1.25),       (min-resolution: 120dpi) {    /* Style adjustments for high resolution devices */}/* ==========================================================================   Print styles.   Inlined to avoid required HTTP connection: h5bp.com/r   ========================================================================== */@media print {    * {        background: transparent !important;        color: #000 !important; /* Black prints faster: h5bp.com/s */        box-shadow: none !important;        text-shadow: none !important;    }    a,    a:visited {        text-decoration: underline;    }    a[href]:after {        content: " (" attr(href) ")";    }    abbr[title]:after {        content: " (" attr(title) ")";    }    /*     * Don't show links for images, or javascript/internal links     */    .ir a:after,    a[href^="javascript:"]:after,    a[href^="#"]:after {        content: "";    }    pre,    blockquote {        border: 1px solid #999;        page-break-inside: avoid;    }    thead {        display: table-header-group; /* h5bp.com/t */    }    tr,    img {        page-break-inside: avoid;    }    img {        max-width: 100% !important;    }    @page {        margin: 0.5cm;    }    p,    h2,    h3 {        orphans: 3;        widows: 3;    }    h2,    h3 {        page-break-after: avoid;    }}body{    font-family: 'Open Sans', sans-serif;}h1,h2,h3,h4,p{    margin: 0;    padding: 0;}h5{	line-height: 1.1em !important;	color: #f09028 !important;	font-family: Oswald:300,400 !important;}.no_pading{}.yes_pading{	padding-top:25px; 	padding-left: 90px;    font-weight:700;	font-size: 16px;}liststyle{	color:#D77100;}ul{    margin: 0;    padding: 0;    list-style: none;}header1 {  background-color: #f09028;  padding: 15px 0;  text-align: center;  position:absolute;  margin:0 auto; }header {  /* background-color: #f09028; Removed Oct 25, 2017 */  padding: 15px 0;  text-align: left;}.top_header > h4 {  color: #fff;  font-size: 16px;  font-weight: 200;  text-transform: uppercase;}.top_header > h4 span {  color: #4f4f4f;}.mid_content > h4 {  color: #4f4f4f;  font-size: 16px;  font-weight: 800;  text-align: center;  text-transform: uppercase;}.mid_content > h4 span {  color: #f09028;}.mid_content {  margin-top: 39px; }.right_content > h2 {  color: #4f4f4f;  font-size: 39px;  font-weight: 700;    text-transform: uppercase;}.right_content {  text-align: center;}.right_content > h1 a {  color: #f09028;  font-size: 49px;  font-weight: 700;  text-decoration: none;  text-transform: uppercase;}.right_content > p {  color: #000;  font-size: 16px;  font-weight: 700;  line-height: 18px;  text-transform: uppercase;}.header_area {   background:#fff;  padding:6px 0;}.file > h4 {  color: #fff;  float: left;  font-size: 13px;  font-weight: 700;  width: 30%;}.fole {  float: left;  margin: 0 !important;  padding: 0 !important;  width: 70% !important;  color: #fff;}.file {  overflow: hidden;}.file > p {  color: #fff;  float: left;  font-size: 13px;  margin-left: 19px;  width: 34%;}.benner_area {  background-image: url("img/com_bg.jpg");  background-repeat: no-repeat;  background-size: cover;  padding: 30px 0;}.banner_area_home {	/* min-height: 700px; */	height: 80vh;  background-image: url("http://www.yesaudio.com.au/img/com_bg_Speaker.jpg");  background-repeat: no-repeat;  background-size: cover;  padding: 30px 0;}.banner_area_index {  background-image: url("http://www.yesaudio.com.au/img/com_bg_Microphone.jpg");  background-color:#000;  background-repeat: no-repeat;  /*background-size: cover;  padding: 30px 0;*/  padding-top:0px;}.banner_area_about {
    background-image: url(http://www.yesaudio.com.au/img/com_bg_Studio.jpg);
    background-color: #000;
    background-repeat: no-repeat;
    padding-top: 0px;
    top: 50px;
    padding-bottom: 80px;
    height: auto;
	background-size: 100% 100%;
}.banner_area_services {background-image: url(http://www.yesaudio.com.au/img/com_bg_Studio.jpg);    background-color: #000;   background-repeat: no-repeat;  padding-top: 0px;}.banner_area_hear {  background-image: url("http://www.yesaudio.com.au/img/com_bg_Headphones.jpg");  background-color:#000;  background-repeat: no-repeat;  /*background-size: cover;  padding: 30px 0;*/}.banner_area_comments {  background-image: url("http://www.yesaudio.com.au/img/com_bg_Headphones2.jpg");  background-color:#000;  background-repeat: no-repeat;  /*background-size: cover;  padding: 30px 0;*/  padding-top:50px;}.banner_area_contact {  background-image: url("http://www.yesaudio.com.au/img/com_bg_Speaker.jpg");  background-color:#000;  background-repeat: no-repeat;  /*background-size: cover;  padding: 30px 0;*/  padding-top:10px;}.banner_area_artcl {  background-image: url("http://www.yesaudio.com.au/img/com_bg_Microphone.jpg");  background-color:#000;  background-repeat: repeat-y;  /*background-size: cover;  padding: 30px 0;*/  padding-top:0;  top:25px;  height:auto; padding-bottom:90px;}.soundcloud {	margin-top: 0px;}iframe{	position:relative;	z-index:999;}.logo > img {  width:100%;}.benner_content {  margin-top: 20px;  margin-left: 16px;	margin-right: 40px;}.benner_content > h2 {  /* border-bottom: 7px solid #f09028; */	vertical-align: middle;  color: #fff;  font-size: 35px;  font-weight: 700;  margin-bottom: 15px;  padding-top: 10%;  padding-bottom: 20%;  /* text-transform: uppercase; */}.benner_award {  background: #f09028 none repeat scroll 0 0;  border: 1px solid #fff;  margin-top: 40px;  overflow: hidden;  padding: 30px 40px;}.awar_img {  display: block;  float: left;  width: 18%;}.awar_img > img {  width: 84%;}.awar_con {  margin-left: 60px;  width: 73%;  float: right;}.awar_con > h2 {  color: #000;  font-size: 25px;  font-weight: 700;  margin-top: 20px;  text-transform: uppercase;}.awar_con > p {  color: #fff;  font-size: 18px;  font-weight: 700;  line-height: 21px;  margin-top: 5px;}.main_form {    background: rgba(240, 144, 40, 0.7) none repeat scroll 0 0;    border: 0px solid #fff;    padding: 0 18px 18px;    z-index: 999;    position: relative;	margin-bottom:100px;}.main_form_index {  /*background: #f09028 none repeat scroll 0 0;  border: 1px solid #fff; */  padding: 0 18px 18px;}.call_content::after {  /* background-image: url("img/tir.png"); */  background-repeat: no-repeat;  content: "";  display: block;  height: 57px;  position: absolute;  right: 0;  top: 86px;  width: 34px;}.call_content {  background-image: url("img/top_call.png");  color: #fff;position:relative;}.call_content > img {  width: 100%;}.call_content > h3 {  color: #fff;  font-size: 42px;  font-weight: 500;}.call_content span {  border-bottom: 1px solid #fff;  font-size: 34px;  font-weight: 500;}.call_content span {  border-bottom: 1px solid #fff;}.form_area span {  font-style: italic;  line-height: 36px;}textarea {  border: 2px solid #ebebeb;  color: #4561b7;  font-size: 12px;  font-weight: 600;  margin-bottom: 10px;  padding: 7px 10px;  resize: vertical;  width: 100%;  height: 96px;}.form_area > h3 {  color: #fff;  font-size: 24px;  font-weight: 800;  margin-left: 0;  text-align: center;  text-transform: uppercase;}form {  margin: 0;  padding: 0}.form_area > p {  color: #fff;  font-size: 16px;  text-align: center;  padding: 10px 0;}.form_area input, select {  border: 2px solid #ebebeb;  font-size: 12px;color: #4561b7;  font-weight: 600;  margin-bottom: 10px;  padding: 6px 10px;  width: 100%;  /* text-transform: uppercase; */}.form_area input[type="submit"] {  background: #464646 none repeat scroll 0 0;  border: medium none;  color: #fff;  font-size: 22px;  font-weight: 700;  margin-top: 10px;  text-transform: uppercase;}textarea {  resize: vertical;  border: 2px solid #ebebeb;  font-size: 12px;color: #4561b7 !important;  font-weight: 600;  margin-bottom: 10px;  padding: 7px 10px;  width: 100%;}.form_area p {  font-size: 16px;  padding-bottom: 14px;}.form_area img {  margin-right: 5px;}.amazing_content > h3 {  color: #000;  font-size: 20px;  font-weight: 700;  padding-bottom: 20px;  text-align: center;}.Amazing_area {  background: #fff none repeat scroll 0 0;  border-bottom: 1px solid #000;  padding: 25px 0;}.about_area {  background: #fff none repeat scroll 0 0;  padding: 35px 0;}.single_com > h3 {  color: #000;  font-size: 20px;  font-weight: 800;  text-transform: uppercase;  margin-top: 6px;}.single_com > h3 span {  color: #f09028;  font-size: 19px;  font-weight: 700;  text-transform: uppercase;}.single_right > img {  width: 100%;}.about_contetn > h3 {  color: #515f6c;  font-size: 30px;  font-weight: 800;  padding-bottom: 24px;  position: relative;  text-transform: uppercase;}.single_com {  margin-bottom: 37px;}.about_contetn > h3::after {  background: #ebebeb none repeat scroll 0 0;  content: "";  display: block;  height: 7px;  left: 0;  position: absolute;  top: 42px;  width: 153px;  z-index: 999;}.about_contetn > p span {  color: #f09028;  font-size: 22px;  font-weight: 800;}.about_contetn > p {  color: #4f4f4f;  font-size: 20px;  font-weight: 400;  line-height: 1.4;  margin-bottom: 20px;}.about_bottom_area::before {  background: #4f4f4f none repeat scroll 0 0;  bottom: -17px;  content: "";  height: 1px;  left: 0;  position: absolute;  width: 100%;}.about_bottom_area {  background: #f8f8f8 none repeat scroll 0 0;  padding: 25px 0;  position: relative;  text-align: center;}.main_img {  min-height: 180px;}.dell {  margin-top: 40px;}.about_contetn_boo > p {  color: #4f4f4f;  font-size: 18px;  font-weight: 600;  line-height: 1.4;  font-style:italic}.about_contetn_boo > p span {  color: #f09028;}.about_contetn_boo > img {  margin-bottom: 10px;  margin-top: 30px;}.about_contetn_boo > h3 {  color: #f09028;  font-size: 19px;  font-weight: 600;  text-transform: uppercase;}.process_area {  /* border-bottom: 1px solid #515f6c; */  padding-bottom: 40px;  padding-top: 50px; }.process_content > h3 {  color: #f09028;  font-size: 28px;  font-weight: 700;  text-transform: uppercase;}.process_content > h4 {  color: #4f4f4f;  font-size: 20px;  font-weight: 700;  margin-top:30px;}.process_content {  text-align: center;}.single_pro_content {  margin-top: 35px;  text-align: center;}.single_pro_content > img {  padding-bottom: 50px;}.sinl_pro_con > h1 {  color: #f09028;  float: left;  font-size: 45px;  font-weight: 700;  text-transform: uppercase;  width: 16%;}.sinl_pro_con > p {  color: #515f6c;  font-size: 15px;  font-weight: 700;  float: left;  width: 84%;}.sinl_pro_con {  text-align: left;}.client_area {  background: #000 none repeat scroll 0 0;  border-top: 0px solid #4f5f6b;  padding: 5px 0 15px;}.client_content > img {  float: left;  margin-right: 3%;  width: 18%;}.client_content > h3 {  color: #f09028;  float: left;  font-size: 23px;  font-weight: 600;  margin-top: 67px;  text-transform: uppercase;  width: 79%;}.client_content > h3 span {  color: #515f6c;  font-weight: 800;}.client_bottom > h2 {  color: #f09028;  font-size: 26px;  font-weight: 700;  text-align: left;  padding-bottom: 5px;  font-family: 'Oswald', sans-serif;  /*	padding-bottom: 18px; */  text-transform: uppercase;}.client_bottom {    /* border: 1px solid #fff; */    margin-bottom: 18px;    padding-top: 5px;    /*background: #000 none repeat scroll 0 0;*/    display: inline-block;	position:relative;}.client_bottom .bg-opcty{	background:rgba(0, 0, 0, 0.3);	position:absolute;	height:100%;	left:0;	top:0;	width:100%;}.li_single {    margin-top: 10px;    margin-bottom: 10px;	/* margin-left: 20px; Doesn't look right on phone*/}.li_single > p {  color: #b3b3b3;  font-size: 20px;  line-height: 1.3;  margin-bottom: 16px;  font-family: 'Oswald', sans-serif;}.li_single > img {  margin-top: 20px;  width: 100%;}.li_single > h3 {  color: #f09028;  font-size: 20px;  text-transform: uppercase;  margin-top: 0;}.li_single > h3 strong {  color: #f09028;  display: block;margin-bottom: 5px;  font-size: 20px;  font-weight: normal;  text-transform: uppercase;  width: 100%;}.li_single > h3 span {  color: #fff;margin-top: 5px;  font-size:20px;display: block;  font-weight: normal;width: 100%;  text-transform: uppercase;flaot:left;}.padding{	width: 20%;}.link > h1 a {  color: #f09028;  float: right;  font-size: 26px;  font-weight: 600;  margin-top: 47px;  text-decoration: none;  text-transform: uppercase;}.service_area {  border-top: 1px solid #4f5f6b;  border-bottom: 1px solid #4f5f6b;  padding: 40px 0;}.ser {  margin-bottom: 40px;  text-align: center;}.ser > h2 {  color: #515f6c;  font-size: 26px;  font-weight: 700;  text-transform: uppercase;}.sample {  margin-bottom: 40px;  text-align: center;  padding-top: 35px;}.sample > h2 {  /* color: #515f6c; */  color: #f09028;	  font-size: 26px;  font-weight: 700;  text-transform: uppercase;  padding-bottom: 15px;}.left_call {  margin-bottom: 5px;  min-height: 94px;   position: relative;  text-align: center;}.left_call > h3 {  bottom: 0;  color: #f09028;  font-size: 26px;  font-weight: 800;  margin-top: 1px;  position: absolute;  text-transform: uppercase;  width: 100%;}.today_area {  background: #f8f8f8 none repeat scroll 0 0;  padding-bottom: 30px;  padding-top: 35px;}.mid_today >p {  color: #515f6c;  font-size:26px;  font-weight:800;}.left_today > img {  width: 100%;}.right_today > h3 a {  background: #f09028 none repeat scroll 0 0;  color: #fff;  font-size: 26px;  font-weight: 800;  padding: 4px 13px;  text-decoration: none;  text-transform: uppercase;}.right_today {  margin-top: 41px;}.vois_area {  background: #fff none repeat scroll 0 0;	border-top: 0px solid #4f5f6b;  padding: 20px 0;}.vois_sound {  background: #fff none repeat scroll 0 0;  padding: 2px 0;	border-bottom: 0px solid #4f5f6b;}.vois_content > h2 {  color: #515f6c;  font-size: 26px;  font-weight:800;  text-transform: uppercase;  margin-bottom:10px;}.vois_content > h3 {  color: #f09028;  font-size: 26px;  font-weight: 700;  margin: 10px 0;position:relative!important;  text-transform: uppercase;}.vois_content > h4 {  border-bottom: 1px solid #f09028;  color: #f09028;  font-size: 26px;  font-weight: 700;  margin: 10px 0;  padding-bottom: 16px;  text-transform: uppercase;    margin-top: 20px;}.vois_content > h3::after {  background: #EBEBEB none repeat scroll 0 0;  content: "";  display: block;  height: 5px;  left: 0;  position: absolute;  top: 32px;  width:160px;  z-index: 999;}.vois_content > p {  color: #515f6c;  font-size: 18px;  margin-bottom: 0;  margin-top: 16px;}.vo_p {	color: #515f6c;  font-size: 12px;}.top_song > h3 {  color: #f09028;  font-size: 25px;  text-transform: uppercase;  margin-top: 35px;}.top_song > h3 strong {  color: #515f6c;  display: block;margin-bottom: 5px;  font-size: 24px;  font-weight: 800;  text-transform: uppercase;  width: 100%;}.top_song > h3 span {  color: #515f6c;margin-top: 5px;  font-size:24px;display: block;  font-weight: 600;width: 100%;  text-transform: uppercase;}.top_song {  height: 269px;}.top_song > p {  color: #b3b3b3;  font-size: 18px;  line-height: 1.3;  margin: 13px 0 33px;}.top_footer_area {  background-image: url("img/bg.jpg");  background-repeat: no-repeat;  border-top: 20px solid #f09028;  padding-bottom: 35px;  padding-top: 50px;}.left_f_c > h2 {  color: #f09028;  font-size: 33px;  font-weight: 800;  text-transform: uppercase;text-shadow: 1px 1px 2px #444;}.left_f_c > h4{  color: #fff;  font-size:24px;  font-weight: 600;}.fight_f_c a {  background: #f09028 none repeat scroll 0 0;  color: #515f6c;  font-weight: 800;  padding: 5px 77px;  text-decoration: none;}.fight_f_c {  margin-top: 14px;}.footer_area {  background: #515f6c none repeat scroll 0 0;  padding-bottom: 10px;  /* padding-top: 10px; */  text-align:right;  display:none;}.footer_copy > h2 {  color: #fff;  font-size: 33px;  font-weight: 700;  text-transform: uppercase;}.vois_content > img {  width: 100%;}.footer_copy > h1 a {  color: #f58f20;  font-size: 36px;  font-weight: 700;text-decoration: none;  text-transform: uppercase;}.footer_copy > p {  color: #fff;  font-size: 16px;  font-weight: 700;}.footer_copy {  text-align: center;}.fo_con > p {  color: #fff;  font-size: 14px;  font-weight: 400;  margin-top: 9px;  text-align: center;}footer {  background: #000 none repeat scroll 0 0;  padding: 30px 0;  text-align: center;  position:fixed;  bottom:0;  width:100%;  z-index:999;}footer p {    font-family: 'Oswald', sans-serif;    color: #7d7a79;}footer a{  color:#7d7a79 !important;}.benner_content > p {  color: #fff;  font-size: 21px;  font-weight: 700;  line-height: 1.2;}.benner_content > p span {  color: #f09028;  font-size: 24px;  font-weight: 700;}.row.extra_social {  display: none;}.owl-controls .owl-pagination .owl-page.active span.owl-numbers{    background: #fff;}.owl-controls .owl-pagination .owl-page {  display: none;}.owl-controls .owl-pagination .owl-page span.owl-numbers {  border: 2px solid #fff;  display: inline-block;  font-size: 0;  height: 12px;  margin: 0 5px;  overflow: hidden;  width: 12px;  z-index: 9999;}.owl-controls .owl-pagination {  position: absolute;  right: 6%;  top: 111%;  z-index: 1003;}.owl-next {  left: -40px;  position: absolute;  top: 35%;}.owl-prev {  position: absolute;  right: -40px;  top: 35%;}img#captcha {    margin-bottom: 10px;}.file h5 {    clear: both;    padding-top: 0px;	padding-right: 5px;    text-align: right;	color: white !important;}/*.collapse {	color: #b5b3b3;} */.collapse1 {	/* color: #b4b3b3; */}.btn {	background-color: #fff;}.btn-primary{}.soundcloud {	max-width: 520px;	padding-left: 15px;}.captcha{	position: center;	background-color: fff;	width: 100%;}.active{  border-bottom:2px solid  #fc8300;}.navbar-inverse{  background-color: black !important;}.navbar-inverse h1.navbar-brand{	margin:0 0 10px 0;}.navbar-nav>li>a{	padding-bottom:5px !important;}@media (max-width: 767px) {	.navbar-inverse .navbar-brand{		padding-left:30px;	}	.navbar-inverse .collapsed .menu-arw{		display:none;	}	.navbar-inverse .navbar-toggle {		display:block;		background: #333 url(../img/menu_arw.png) no-repeat scroll 6px !important;	}	.navbar-inverse .navbar-toggle .menu-arw {		padding: 0 11px;		height: 15px;		float: left;	}	.navbar-inverse .navbar-toggle .icon-bar{		display:none;	}	.navbar-inverse .collapsed {		background: #333 !important;	}	.navbar-inverse .collapsed .icon-bar {		display:block;	}}/*@media only screen and (max-width: 321px){.navbar-brand{  font-size: 16px;	}	}*/