/***********************
*  Site Specific CSS   *
************************/

/***********************
*  Site Specific CSS   *
************************/

/* @imports
--------------*/
@import url("http://cdn.myld.com.au/1/css/fontawesome/4.0.3/css/font-awesome.css");
@import url('http://cdn.myld.com.au/1/js/plugins/smartCaptcha/smartCaptcha-v1.0.min.css');
@import url('http://cdn.myld.com.au/1/js/fancybox2/jquery.fancybox.css');
@import url('http://cdn.myld.com.au/1/js/fancybox2/helpers/jquery.fancybox-thumbs.css');
@import url('http://cdn.myld.com.au/1/js/plugins/PhotoSwipe/photoswipe.min.css');

/* @font-faces
--------------*/
@font-face{
   font-family: 'Raleway';
   src:   url(http://cdn.myld.com.au/1/fonts/Raleway/raleway-thin-webfont.eot);
   src:   url(http://cdn.myld.com.au/1/fonts/Raleway/raleway-thin-webfont.eot?#iefix) format('embedded-opentype'),
   url(http://cdn.myld.com.au/1/fonts/Raleway/raleway-thin-webfont.woff) format('woff'),
   url(http://cdn.myld.com.au/1/fonts/Raleway/raleway-thin-webfont.ttf) format('truetype'),
   url(http://cdn.myld.com.au/1/fonts/Raleway/raleway-thin-webfont.svg#ralewaythin) format('svg');
   font-weight:100;
   font-style:normal;
}
@font-face{
   font-family: 'Raleway';
   src:   url(http://cdn.myld.com.au/1/fonts/Raleway/raleway-semibold-webfont.eot);
   src:   url(http://cdn.myld.com.au/1/fonts/Raleway/raleway-semibold-webfont.eot?#iefix) format('embedded-opentype'),
   url(http://cdn.myld.com.au/1/fonts/Raleway/raleway-semibold-webfont.woff) format('woff'),
   url(http://cdn.myld.com.au/1/fonts/Raleway/raleway-semibold-webfont.ttf) format('truetype'),
   url(http://cdn.myld.com.au/1/fonts/Raleway/raleway-semibold-webfont.svg#ralewaysemibold) format('svg');
   font-weight:600;
   font-style:normal;
}

/* @general styles
-----------------*/
::selection {
  background:#13a000;
  color:#fff;
}
a:hover {text-decoration:none !important;}
a:active {text-decoration:none !important;}
a.active {text-decoration:none !important;}
a:focus {text-decoration:none !important;}
#wrapper {background:url('http://cdn.myld.com.au/2/1068/canbuild_64915a872a.jpg') center top;}

#schema {display:none;}

/*LOGO*/
#logo {position:relative;background:#fff;}
#logo img {position:relative;z-index:2 !important;margin:0 auto;padding-top:30px;padding-bottom:45px;width:auto !important;}
.logo-line {position:absolute;height:1px;background:#e3e3e3;z-index:1;left:130px;width:80%;top:50px;}

#slider {height:480px;z-index:1 !important;margin-top:-55px;z-index:1 !important;}
#slider img {z-index:1 !important;}
#slider div {z-index:1 !important;}
.carousel-inner .item {background-repeat:no-repeat;background-position:center top;height:480px;}


/*SECTION 1*/
#section-1 {padding: 30px;text-align:center;background:#fff;font-family:'Raleway';}
#section-1 h1 {font-weight:600;font-size:20px;}
#section-1 p {font-weight:600;padding:0px 45px;margin-left:-70px;margin-top:20px;}
.sec-1-bg {width:500px;margin: 0 auto;height:35px;}
.sec-1-bg h1 {margin:0 !important;padding-bottom:0px;}
.sec-1-bg:after {content: '';display: block;margin-left:220px;margin-top:10px;height: 2px;width: 60px;background: #a79f76;transition: width .5s ease, background-color .5s ease;}
.brown-line {height:2px;background:#f0e8c4;width:120px;margin-left:190px;position:absolute;margin-top:10px;opacity:0.8;}
.services-bg {width:120px;margin:20px auto;height:38px;margin-top:50px;}
.services-bg h1 {margin: 0px auto !important;padding-bottom:4px;}
.services-bg {border-bottom:3px solid #f0e8c4;}
.services-bg:after {content: '';display: block;margin-left:30px;margin-top:10px;height: 2px;width: 60px;background: #d9ce9e;transition: width .5s ease, background-color .5s ease;}
.find-us {border-bottom:3px solid #f0e8c4;width:122px;margin: 35px auto;height:55px;}
.find-us:before {position:absolute;content: '';display: block;margin-left:30px;margin-top:53px;height: 2px;width: 60px;background: #d9ce9e;transition: width .5s ease, background-color .5s ease;}

.sect1-list {font-weight:600;}
.sect1-list li {display:inline;margin:0 12px;}
.contact-btn {padding:15px 50px;font-family:'Raleway';color:#000000;font-weight:600;border:1px solid #a79f76;font-size:16px;}
.contact-btn:hover {text-decoration:none;background:#a19667;color:#fff;}
.contact-btn {
background: rgb(247,244,200); /* Old browsers */
background: -moz-linear-gradient(top, rgba(247,244,200,1) 0%, rgba(234,226,188,1) 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,244,200,1)), color-stop(98%,rgba(234,226,188,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(247,244,200,1) 0%,rgba(234,226,188,1) 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(247,244,200,1) 0%,rgba(234,226,188,1) 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(247,244,200,1) 0%,rgba(234,226,188,1) 98%); /* IE10+ */
background: linear-gradient(to bottom, rgba(247,244,200,1) 0%,rgba(234,226,188,1) 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f4c8', endColorstr='#eae2bc',GradientType=0 ); /* IE6-9 */}

.contact-btn-serv {padding:15px 50px;font-family:'Raleway';color:#000000;font-weight:600;border:1px solid #a79f76;font-size:16px;}
.contact-btn-serv:hover {text-decoration:none;background:#a19667;color:#fff;}
.contact-btn-serv {
background: rgb(247,244,200); /* Old browsers */
background: -moz-linear-gradient(top, rgba(247,244,200,1) 0%, rgba(234,226,188,1) 98%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,244,200,1)), color-stop(98%,rgba(234,226,188,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(247,244,200,1) 0%,rgba(234,226,188,1) 98%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(247,244,200,1) 0%,rgba(234,226,188,1) 98%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(247,244,200,1) 0%,rgba(234,226,188,1) 98%); /* IE10+ */
background: linear-gradient(to bottom, rgba(247,244,200,1) 0%,rgba(234,226,188,1) 98%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f4c8', endColorstr='#eae2bc',GradientType=0 ); /* IE6-9 */}

/*SECTION 2*/
#section-2 {background:#fff;font-family:'Raleway';padding-bottom:30px;}
#section-2 h1 {text-align:center;font-size:20px;font-weight:600;}
.services-thumbs {text-align:center;}
.thumbs img {max-height:340px;width:100%;}
.services-sec div .row .col-lg-6 img {width:100%;max-height:340px;}
.services-sec div .row .col-lg-6 .panel-body {padding:0;}
.h-thumbs img {max-height:240px !important;}
.panel-heading {background:#f0e8c4;border-radius:0;}
.thumbs:hover .panel-heading {background:#a19667;border-radius:0;color:#fff;}
.thumbs .panel-body {padding:0;}
.thumbs h2 {font-size:17px;text-align:center;color:#000000;}
.bathroom {padding:4px 0px;}
.tiling {padding:4px;}
.waterproofing {padding:4px 0px;}
#section-2 .row {margin-left:0px;margin-right:0px;}
.tiling-desc {display:none;}
.water-desc {display:none;}

.obligation {padding:50px;}

/* Float Shadow */
.thumbs {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.thumbs:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.thumbs:hover, .thumbs:focus, .thumbs:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.thumbs::before, .thumbs:focus:before, .thumbs:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/*SECTION 3*/
#section-3 {background:#fff;margin-top:-20px;padding:30px;font-size:15px;font-family:"Raleway";font-weight:600;}
#section-3 h1 {font-size:15px;font-weight:bolder;}
.top-shadow {
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -o-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  -moz-transition-property: transform;
  -o-transition-property: transform;
  -ms-transition-property: transform;
  transition-property: transform;
}
.top-shadow:after {content:'';display:block;border-bottom:1px solid #f5f5f5 !important;width:1000px;left:80px;position:absolute;bottom:-8px;}
.top-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(top, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at top, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  -moz-transition-property: transform, opacity;
  -o-transition-property: transform, opacity;
  -ms-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.top-shadow:focus, .top-shadow:active {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.top-shadow:before, .top-shadow:focus:before, .top-shadow:active:after {
  opacity: 1;
  -webkit-transform: translateY(5px);
  -moz-transform: translateY(5px);
  -o-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

/*NAV*/
#menu {margin:0px 50px;padding-bottom:1px;font-family:'Raleway';}
.navbar-placeholder {border-bottom:3px solid #a79f76;margin-bottom:15px;}
.navbar {background:url(http://cdn.myld.com.au/2/1071/canbuild_feda281d1d.jpg) center top;background-size:cover;z-index:2;height:65px;margin-top:-28px;}
.navbar-nav {float:none;text-align:center;z-index:2;}
.navbar ul {background:#dbd2a7;z-index:9999999 !important;}
.navbar-nav>li {float:none;display:inline-block;margin:0px 30px;z-index:2;}
.navbar-nav>li>a:hover {background:none;border-bottom:1px solid #ffffff;font-weight:700;}
.navbar-nav>li>a {color:#000;font-size:18px;font-weight:normal;padding-bottom:17.5px;}
.navbar-nav>li.active a {background:none;border-bottom:1px solid #ffffff;font-weight:bolder !important;}
.navbar-nav>li>a:focus {background:none;border-bottom:1px solid #ffffff;}

.nav2 {height:65px;z-index:2;padding:20px 0px;width:900px;margin:30px auto;}
.nav2>li {cursor:pointer;display:inline-block;z-index:2;padding-bottom:11px;}
.nav2>li:hover {background:none;border-bottom:1px solid #ffffff;}
.nav2>li {color:#000;font-size:15px;font-weight:700;margin:0px 8px;}
.nav2>li.active {background:none;border-bottom:1px solid #ffffff;font-weight:700;}
.nav2>li:focus {background:none;border-bottom:1px solid #ffffff;}
.services-nav {padding:40px 0px;}
.services-nav h1 {margin-left:0 !important;}
.nav2 {background:url(http://cdn.myld.com.au/2/1071/canbuild_0f2e694602.jpg) center top;background-size:cover;}

/*slider*/
a.prev, a.next {
  position:absolute;
  width:30px;
  height:56px;
  bottom:-65px;
  text-indent:-99999%;
  z-index:100;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}


a.prev {background:url(http://cdn.myld.com.au/2/1073/canbuild_104ae5e320.jpg) no-repeat;left:10px;}
a.next {background:url(http://cdn.myld.com.au/2/1073/canbuild_4e3286c2c0.jpg) no-repeat;right:0px;}
a.next:hover {background:url(http://cdn.myld.com.au/2/1068/canbuild_7087309be4.jpg) no-repeat;}
a.prev:hover {background:url(http://cdn.myld.com.au/2/1073/canbuild_0695759dde.jpg) no-repeat;}

/*map*/
#g-map {height:190px;}

/*ABOUT*/
.about {padding:0px 30px;}
.about h1 {margin-left: -70px !important;}

/*GALLERY*/
.galleries {padding:0px 20px;}
.galleries h1 {margin-left:0 !important;}
.galleries p {padding:10px 30px !important;margin-left:0 !important;}

/*CONTACTUS*/
.contact-us h1,p {margin-left:0px !important;}
.contact-forms {margin-top:-10px !important;padding:0px 30px;}

/*footer*/
footer {background:#fff;margin-top:-20px;font-family:'Raleway';font-weight:600;}
footer h1 {font-size:17px;text-align:center;padding:30px;font-weight:bold;}
footer .about-us {background:#fbf4d4;padding:20px 15px;}
footer .about-us h2 {font-size:17px;font-weight:600;}
footer .contact-us {background:#f0e8c4;padding:20px 0px;}
footer a {color:#000000;font-weight:bolder;}
footer a:hover {color:#000000;font-weight:bolder;}
.copy-powered {background:#f0e8c4;height:30px;padding:4px 30px;} 

/*HOME SERVICES*/

/*SERVICES*/
.service-info h4 {font-size:17px;font-weight:bolder;padding:15px 0px;}
.service-info p {font-size:15px;font-weight:bold;}
.service-info ul li {font-weight:bold;display:inline-block;;margin:0px 2px;}
.service-info ul {margin-left:-40px;}
.services-sec .thumbs {padding-left:0px;}
.services-sec {padding:0px 30px;}


.serv-water {display:none;}
.serv-floor {display:none;}
.serv-framework {display:none;}
.serv-abestos {display:none;}
.serv-portable {display:none;}

/* @media queries
-----------------*/
@media (max-width: 1200px) {
  .top-shadow:after {content:'';display:block;border-bottom:1px solid #f5f5f5 !important;width:750px;left:80px;position:absolute;bottom:-8px;}
  .sec-1-bg {margin:0 auto;}
  .navbar-nav>li>a {color:#000;font-size:18px;font-weight:normal;padding-bottom:15.5px;}
   .nav2 {height:65px;z-index:2;padding:20px 0px;width:100%;;margin:0 auto;}
  .thumbs img {max-height:195px !important;}
  .nav2>li {cursor:pointer;display:inline-block;z-index:2;padding-bottom: 9px;}
  #section-1 h1 {margin-left:0px;}
}

@media (min-width: 1170px) {
}


@media (min-width: 992px) {
  .sect1-list {margin-left:-50px;}
  #section-1 .row {padding:0px 40px;}
}

@media (max-width: 991px) { 
  .sec-1-bg {margin-bottom:30px;}
  .logo-line {display: none;}
  .thumbs img {max-height:700px !important;}
   .services-sec .thumbs img {max-height:600px !important;}
  .services-sec .thumbs {padding-left: 15px;}
  .nav2 {background:#f0e8c4;height:auto;z-index:2;width:100%;;margin-left:0px !important;}
  #section-1 ul li {float:none;text-align:center;display:block;border-bottom:1px dashed #fff;padding:10px 0px;}
  #section-1 ul li:hover {color:brown;}
  #section-1 ul li:last-child {border-bottom:none;}
}

@media (min-width: 768px) {
  
}

@media (max-width: 767px) {
  .sect1-list {margin-left: -20px !important;}
  .sec-1-bg {width: auto !important;}
  .sec-1-bg h1 {font-size:17px !important;}
   .services-sec .thumbs img {max-height:350px !important;}
  .services-sec .thumbs {padding: 15px;}
  .service-info {padding: 15px;}
  .service-info ul li {display: block;margin-left:-40px;text-align:center;}
   .nav2 {height:auto;z-index:2;width:100%;;margin-left:0px !important;}
  .services-nav {padding:0px;}
  #section-1 ul li:hover {color:brown;}
  .about {padding:20px 15px;}
  .about h1 {margin-left:0 !important;padding:0!important;}
  .about p {margin-left:0 !important;padding:0 !important;}
  .obligation {padding:15px;}
  .contact-btn {margin-left: 0px;font-size: 13px;padding:10px;}
  .contact-btn-serv {margin-left: 0px;font-size: 13px;padding:10px;}
}

@media (max-width: 568px) {
 .thumbs img {max-height:320px;}
  .sec-1-bg h1 {font-size:15px !important;}
}

@media (max-width: 480px) {
  #section-1 p {padding:0px 10px;}
}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px) and (max-width: 1199px) {
  
}

/* Device specific media queries ----------- */
/* Tablets */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {...}

/* iPads (landscape) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {...}

/* iPads (portrait) */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {...}

/* iPhone */
@media only screen  
and (max-device-width : 568px) {...}