/***********************
*  Site Specific CSS   *
************************/

  

/*-------- Custom CSS Document -------*/ 
@import url("http://cdn.myld.com.au/1/bootstrap/turbo-luxe_2.0/css/style.css");
@import url("http://cdn.myld.com.au/1/bootstrap/2.3.1/css/grid.css");
@import url('http://cdn.myld.com.au/1/js/plugins/Basic-slider/bjqs.css');
@import url("http://cdn.myld.com.au/1/css/socialmedia.css");
@import url("http://cdn.myld.com.au/1/js/cform_validation/validation-2.0.css");
@import url("http://cdn.myld.com.au/1/bootstrap/focus/js/plugins/faq/faq.css");
@import url("http://cdn.myld.com.au/1/js/plugins/CameraSlider/css/camera.css");
@import url("http://cdn.myld.com.au/1/fancybox/jquery.fancybox-1.3.4.css");
@import url("http://cdn.myld.com.au/1/js/plugins/PhotoSwipe/photoswipe.css");
@import url("http://cdn.myld.com.au/1/js/plugins/PrettyPhoto/css/prettyPhoto.css");
@import url('http://cdn.myld.com.au/1/js/plugins/HoverAnimations/jquery.hover-animations-1.0.css');

#map-area {
  /*margin-top: 115px !important;*/
}
#map-canvas img {
  max-width: none !important;
}
div#error {
  text-align: center; 
  margin-top: 40px; 
}
.thumbnail>img {
  width: 100%;
}

.navbar-inner {
    filter:none !important;
}
.navbar.main-nav {
  filter: none !important;  
}

.header-wrapper, body {
  background-color: transparent !important;  
}

@font-face {
    font-family: 'Open Sans';
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-regular-webfont.eot');
    src: url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-regular-webfont.woff') format('woff'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-regular-webfont.ttf') format('truetype'),
         url('http://cdn.myld.com.au/1/fonts/OpenSans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

/****mobile responsive nav icon override****/
.navbar .btn-navbar, .navbar .btn-navbar:hover, .navbar .btn-navbar:active, .navbar .btn-navbar:focus, a.btn-tel, a.btn-tel:hover, a.btn-tel:active, a.btn-tel:focus {
    background: #fff6f6;
    border: solid 1px #fff6f6;
    color: #2d2b2b;
}

/***************                            main                            **************************/
body, p, a, b, li, span, label, input, h1, h2, h3, h4, h5 {
    font-family: 'Open Sans';
    font-weight: 400;
}

body {
  background-image: url('http://cdn.myld.com.au/2/532/dryology-carpet-cleaning_c7bb4e5419.jpg') !important;
  background-color: #ffd800 !important;
  background-position:50% 0px;
  background-repeat: no-repeat;
  padding-top: 0;
}

p, a, b, li, label, input {
    font-size: 14px;
    line-height: 20px;
    color: #000;
}

b {
    color: #3a3a3d;
    font-weight: 700;
}

h1, h2, h3, h4, h5 {
    font-size: 25px;
    letter-spacing: -0.015em;
    line-height: 1.2em;
    margin-top: 21px;
    margin-bottom: 21px;
    color: #3a3a3d;
}

a:hover {
    color: inherit;
}

.backstretch img {
    /*top: 655px !important;*/
    left: auto !important;
    right: 0 !important;
}

::selection {
  background: rgba(200, 200, 200, .6);
}

::-moz-selection {
  background: rgba(200, 200, 200, .6);
}

::-webkit-selection {
  background: rgba(200, 200, 200, .6);
}

/***************                            header                          **************************/
.header {
  background: none transparent;
  filter: none;
  border-bottom: none;
  box-shadow: none;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  z-index: 1000;
}

#home .header {
    min-height: 116px;
}

.header > .container {
    background: url(http://cdn.myld.com.au/2/490/dryology-carpet-cleaning_c3e057675a.png) #fff right 11px no-repeat scroll;
    position: relative;
    z-index: 1000;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/*#home .header > .container, 
#mould-remediation .header > .container {
    background-color: transparent;
}*/

#home .header > .container {
    background-color: #fff;
}

.header > .container:after {
    content: '';
    display: block;
    background: url(http://cdn.myld.com.au/2/490/dryology-carpet-cleaning_26efd28d89.png) transparent right top no-repeat scroll;
    position: absolute;
    right: 10px;
    top: 0;
    z-index: 5px;
    width: 90%;
    height: 26px;
}

#logo{
  display:none;
  }

#logo-new {
    position: relative;
    z-index: 10;
    padding-top: 23px;
    margin: 0;
}

#logo-new:before {
    content: '';
    display: block;
    background: url(http://cdn.myld.com.au/2/490/dryology-carpet-cleaning_984f27fad7.png) transparent left top no-repeat scroll;
    position: absolute;
    left: -10px;
    top: 0;
    z-index: -1;
    width: 198px;
    height: 116px;
}

#logo-new:after {
    content: '';
    display: block;
    background: url(http://cdn.myld.com.au/2/490/dryology-carpet-cleaning_702067b3ba.png) transparent right top no-repeat scroll;
    position: absolute;
    right: -57px;
    top: 0;
    z-index: -1;
    width: 197px;
    height: 116px;
}

.navbar {
    position: relative;
    z-index: 20;
  filter: none; 
   
}

 
    .navbar { 
      
        max-height: 30px;
    }
 

.navbar:after {
    content: "";
    position: absolute; 
    z-index: -2;
    width: 100%;
    height: 31px;
    background: url(http://cdn.myld.com.au/2/490/dryology-carpet-cleaning_89e6998dfd.png) no-repeat center top;
    background-size: 100%;
    top: 100%;
    display: block;
}

.navbar-inner {
  filter: none;
    min-height: 0;
    padding-right: 0;
    padding-left: 0;
    background-color: transparent;
    background-image: none;
    background-repeat: repeat-x;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(none);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.navbar-inner .container {
    background: transparent !important;
  filter: none;
} 

.navbar .nav > li > a {
    font-size: 13px;
    letter-spacing: -0.015em;
    line-height: 1.2em;
    text-align: center;
    color: #fff6f6;
}

.navbar .nav>.active>a, .navbar .nav>.active>a:hover, .navbar .nav>.active>a:focus,
.navbar .nav > li > a:hover, .navbar .nav > li.active > a {
  color: #2d2b2b;
  background-color: #fff6f6;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
 
/***************                            slider                          **************************/
/*body#home > .container,
body#mould-remediation > .container{
    position: relative;
    margin-top: -116px;   
    display: block;
}*/

body#home > .container {
    position: relative;
    margin-top: -116px;   
    display: block;
}

/* @-moz-document url-prefix() {
   
   body#home > .container,
body#mould-remediation > .container {
    position: relative;
    margin-top: 0;   
    top: -116px;
    display: block;
}
   }*/

 @-moz-document url-prefix() {
   
   body#home > .container {
    position: relative;
    margin-top: 0;   
    top: -116px;
    display: block;
}
   }   

.slider-area {
    position: relative;
    z-index: 0;
    background-color: #fff;
}

.slider-area .span12 {
    float: none;
}

.camera_wrap {
    float: none;
    max-height: 655px;
}

.camera_prev, .camera_next, .camera_commands {
  top: 60%;  
}

#slider {
  padding-top: 95px;
}

/***************                            google map                      **************************/
#map-canvas {
    width: 100%;
    height: 400px;
}

#map-area {
    /*padding-bottom: 5px;*/
}

.btn-custom {
    background: #e24929;
    color: #fff !important;
    text-shadow: none;
    border-radius: 0;
    border: 1px solid #e24929;
    box-shadow: none;
}

.btn-custom:hover,
.btn-custom:active,
.btn-custom:focus {
    background-color: #000 !important;
    border-color: #000;
    background-image: none;
    outline: none;
}

#contact-area a {
    color: #e24929 !important;
}

#contact-area a:hover {
    text-decoration: underline;
}

#checked {
    padding-top: 20px;
    padding-bottom: 20px;
}

#custom_form #checked label {
    float: right !important;
    clear: right;
    width: 60% !important;
    overflow: hidden;
    margin-bottom: 0;
}

#checked p {
    font-size: 15px;
    width: 40%;
    float: left;
}

#custom_form input[type="checkbox"] {
    vertical-align: text-top;
    margin-top: 3px;
    margin-right: 10px;
    margin-bottom: 30px;
    float: left;
}

.form-input {
    width: 60%;
    height: 40px !important;
    border-radius: 0 !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

textarea.form-input {
    height: 100px !important;
}

#spambox {
    float: left;
}

#spambox input {
    border-radius: 0 !important;
}

#custom_form label {
    float: left;
    width: 40%;
    margin-bottom: 20px;
}

textarea:focus, input[type="text"]:focus {
    border-color: rgba(226, 73, 41, 0.8);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(226, 73, 41, 0.075) inset, 0px 0px 8px rgba(226, 73, 41, 0.6);
}

/***************                            content                         **************************/
.inner-container {
    background-color: #fff;
}

.inner-padding {
    padding-left: 20px;
    padding-right: 20px;
}

#home .inner-container {
    background: url(http://cdn.myld.com.au/2/490/dryology-carpet-cleaning_2f704dedf4.png) #fff left top repeat scroll;
    padding-top: 20px;
}

.content-area {
    border-bottom: 1px solid #ededed;
    padding-bottom: 54px;
    padding-top: 48px;
}

.content-area > .row-fluid {
    padding-bottom: 23px;
}

#home .content-area {
    padding-top: 10px;
    border-bottom: none;
    padding-bottom: 9px;
}

#home .content-area > .row-fluid {
    padding-bottom: 0;
}

#home .content-area li {
    line-height: 22px;
    word-wrap: break-word;
}

.content-area ul {
    margin-bottom: 24px;
}

.content-area li {
    background: url(http://cdn.myld.com.au/2/490/dryology-carpet-cleaning_d690f9b8ac.png) transparent left 8px no-repeat scroll;
    padding-left: 28px;
}

.content-area ol {
    margin: 28px;
}

.content-area ol li {
    background: none;
    padding-left: 0;
}

.content-area li span {
    text-decoration: underline;
}

.bjqs li {
    padding-left: 0;
    background: none;
}

.slider-inline {
    padding-top: 36px;
}

.content-area ul + .row-fluid .slider-inline {
    padding-top: 22px;
}

.ticked {
    list-style-type: none;
    margin-left: 0;
}

.ticked li {
    background: none;
    padding-left: 28px;
    position: relative;
    z-index: 0;
}

.ticked li:before {
    content:'\2713';
    font-size: 18px;
    margin-top: -2px;
    position: absolute;
    z-index: 0;
    left: 0;
    color: #e24929;
}

#about-us {
    padding-bottom: 16px;
}

#home-service-list a {
  color: red;
}

#home-service-list li {
  color: red;
}

/***************                            footer                          **************************/
#footer {
  background: none #fff;
  filter: progid:DXImageTransform.Microsoft.gradient(none);
  border-color: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  color: #FFFFFF;
  min-height: 0;
  margin-top: 0;
  padding-top: 19px;
    padding-bottom: 10px;
}

.main-footer .ld-branding {
    margin-top: 9px;
}

#footer-alt {
    display: none;
}

#footer-alt .ld-branding {
    margin-top: 9px;
}

/***************                            sticky                          **************************/
.navbar .navbar-inner.sticky {
    width: 100%;
    padding: 10px 10px 5px;
    background: #2d2b2b;
    color: #fff;
    margin-left: 0px;
    margin-right: 0px;
    -webkit-border-radius: 0px; 
    -moz-border-radius: 0px; 
    border-radius: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
}

.navbar .navbar-inner.sticky .container {
    padding-bottom: 0px;
}

.sticky h1.title, .sticky h1.title span {
    font-family: 'Open Sans';
    font-size: 13px;
    color: #fff6f6;
}

/***************                            responsive override             **************************/

/* Small desktop */
@media (min-width: 980px) {
    .header > .container {
        padding-left: 20px;
        padding-right: 40px;
    }
    .navbar {
        padding-top: 38px;
        padding-bottom: 14px;
        padding-right: 10px;
    }
    .navbar .navbar-inner {
        padding: 0;
    }
    .navbar .nav {
        margin: 0;
        display: table;
        width: 100%;
    }
    .navbar .nav li {
        display: table-cell;
        width: 1%;
        text-align: center;
        height: auto;
        float: none;
        vertical-align: middle;
        padding-left: 3px;
        padding-right: 3px;
    }
    .navbar .nav > li > a {
        padding: 0;
        width: auto;
        position: relative;
        z-index: 0;
    }
    .navbar .nav > li > a:hover:after,
    .navbar .nav > li.active > a:after {
        content: '';
        display: block;
        background: transparent;
        width: 100%;
        height: 34px;
        border-bottom: 2px solid #fff;
        position: absolute;
        z-index: -2;
        top: 50%;
        -bracket-:hack[;
            height: 35px;
        ];
    }
    .navbar .nav>.active>a,
    .navbar .nav>.active>a:hover,
    .navbar .nav>.active>a:focus,
    .navbar .nav > li > a:hover,
    .navbar .nav > li.active > a {
        background: transparent;
        color: #fff6f6;
    }
    #logo-new:after {
        right: -45px;
    }
    @media all and (-webkit-min-device-pixel-ratio: 0) {
        .navbar .nav > li:nth-child(2) > a:after,
        .navbar .nav > li:nth-child(3) > a:after,
        .navbar .nav > li:nth-child(5) > a:after {
            height: 35px;
        }
    }
    @-moz-document url-prefix() {
        .navbar {
            padding-bottom: 12px;
        }
    }
    
    
}


@media (max-width: 1200px) {
  
.navbar {
  max-height: none;  
}    
}

/* Large desktop */
@media (min-width: 1200px) {
    .navbar {
        padding-top: 48px;
        padding-bottom: 19px;
    }
    .navbar .nav > li {
        padding-left: 3px;
        padding-right: 3px;
    }
    .navbar .nav > li > a {
        min-height: 20px;
    }
    .navbar .nav > li > a:hover:after,
    .navbar .nav > li.active > a:after {
        height: 32px;
    }
    #logo-new:after {
        right: -57px;
    }
    @-moz-document url-prefix() {
        .navbar {
            padding-bottom: 18px;
        }
        .navbar .nav > li > a:hover:after,
        .navbar .nav > li.active > a:after {
            height: 23px;
        }
    }
    .camera_wrap {
        margin-left: 1px;
    }
    
    
}

 
 
        .navbar .nav > li > a:hover:after,
        .navbar .nav > li.active > a:after {
            height: 23px\9;
              
        }

@media (max-width: 1199px) {
    .backstretch img {
        top: 527px !important;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    #map-canvas {
        /*height: 300px;*/
    }
    
    .socialmedia {
      display: none;  
    }
    
    .inner-padding {
        padding-left: 20px;
        padding-right: 20px;
    }
}

/* Portrait tablet to landscape and desktop below */
@media (max-width: 979px) {
    .header {
        min-height: 0;
        margin-bottom: ;
    }
    .header > .container {
        background: none #2d2b2b !important;
    }
    .navbar {
        padding-top: 40px;
        padding-bottom: 10px;
    
        max-height: none;
}
    #logo-new:before {
        width: 140px;
        left: -20px;
    }
    #logo-new:after {
        right: -40px;
    }
    .navbar .nav {
        margin-bottom: 0;
    }
    .backstretch img {
        top: 387px !important;
    }
    
    .socialmedia {
      display: none;  
    }
    
    .inner-padding {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    
.camera_prev, .camera_next, .camera_commands {
  top: 70%;  
} 
}

/* iPhone 5 landscape */
@media (max-width: 800px)  {
    #home .header-wrapper .container {
        background-color: #fff;
    }
    .navbar-inner .container {
        border-top: 1px solid #ffffff;
    }
    #footer-alt {
        display: block;
    }
    .slider-area {
        /*display: none;*/
    }
    .navbar {
        padding-top: 30px;
    }
    .backstretch img {
        top: 107px !important;
    }
    #home .header {
        min-height: 0;
    }
    .header-wrapper {
        background-color: #2b2b2b;
    }
    
    .socialmedia {
      display: none;  
    }
    
    .inner-padding {
        padding-left: 20px;
        padding-right: 0px;
    }
    
    .content-area {
        margin-right: 20px;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  
  
  
    #map-canvas {
        /*height: 200px;*/
        height: 250px;
    }
    #map-area {
        padding-bottom: 0;
    }
    #custom_form label {
        width: 100%;
    }
    .form-input {
        width: 100%;
    }
    #spambox {
        float: none;
    }
    .container {
        padding-left: 20px;
        padding-right: 20px;
    }
    .header .container {
        padding-left: 0;
        padding-right: 0;
    }
    #logo-new:before,
    #logo-new:after {
        display: none;
    }
    #logo-new {
        background: #f8f8f8;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
    }
    .navbar {
        padding: 0 20px;
    }
    .navbar:after {
        left: 0;
    }
    .backstretch img {
        top: 177px !important;
    }
    .inner-padding {
        padding-left: 20px;
        padding-right: 20px;
    }
    h1, h2, h3, h4, h5 {
        font-size: 21px;
        margin-top: 15px;
        margin-bottom: 15px;
    }
    .content-area {
        padding-top: 10px !important;
        padding-bottom: 20px !important;
    }
    #custom_form #checked label {
        width: 100% !important;
        float: left !important;
    }
    #contact-info {
        padding-top: 30px;
    }
    .slider-inline {
        padding-top: 20px;
    }
    
    .socialmedia {
      display: none;  
    }
}

/* Landscape phones and down */
@media (max-width: 480px) {
  .socialmedia {
      display: none;  
    }
    
   .inner-padding {
        padding-left: 20px;
        padding-right: 20px;
    }
}  


/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
  #home .inner-container {
    padding-top: 100px;
  }
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
  #home .inner-container {
    padding-top: 100px;
  }
  
  #footer-alt > .row-fluid:first-child {
    display: none;  
  }
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  #home .inner-container {
    padding-top: 100px;
  }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  #home .inner-container {
    padding-top: 50px;
  }
}

@media only screen and (min-width : 980px) {
  #home .inner-container {
    padding-top: 20px;
  }
  
  #home .inner-padding {
      padding-left: 45px;
      padding-right: 45px;
  }
  
  .inner-padding {
      padding-left: 30px;
      padding-right: 30px;
  }
}
#footer-branding{
  display:none !important;
  }