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

 
/*-------- Custom CSS Document -------*/ 
@import url("http://cdn.myld.com.au/1/bootstrap/edge_2.0/css/styles.css");  
@import url("http://cdn.myld.com.au/1/bootstrap/edge_2.0/css/edge-responsive.css");
@import url("http://cdn.myld.com.au/1/bootstrap/edge_2.0/css/sequencejs.css");
@import url("http://cdn.myld.com.au/1/bootstrap/focus/js/plugins/faq/faq.css"); 
@import url("http://cdn.myld.com.au/1/css/socialmedia.css");
@import url("http://cdn.myld.com.au/1/css/AnimateCss/animate.css");
@import url("http://cdn.myld.com.au/1/css/fontawesome/3.2.0/css/font-awesome.css"); 
@import url('http://cdn.myld.com.au/1/fancybox/jquery.fancybox-1.3.4.min.css');
@import url('http://cdn.myld.com.au/1/js/plugins/PhotoSwipe/photoswipe.min.css');
@import url("http://cdn.myld.com.au/1/js/cform_validation/validation-2.0.css");

 

@font-face {
    font-family: 'HelveticaNeueLT Roman';
    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;
}
@font-face {
    font-family: 'HelveticaNeueLT UltraLight';
     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;
}
@font-face {
    font-family: 'HelveticaNeueLT Light';
     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;
}
@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: normal;
    font-style: normal;
}

.full{
  background-color: white;
  border-top: #e77604 5px solid;
  border-bottom: #e77604 5px solid;
  width: 100%;
  margin-bottom: 25px !important;
  }
body{
    /*background: #051c55;
    background: url(http://cdn.myld.com.au/2/317/sunstate-garages-sheds_0412503f65.png) no-repeat #051c55;
    background-position: -140px 0;*/
  	background:url(http://cdn.myld.com.au/2/1440/sunstate-garages-sheds_77a66b2a37.png) center 200px no-repeat #051c55;
    font-family: "HelveticaNeueLT Light", "Helvetica", "Arial", sans-serif;
}
body.info{
     background: url(http://cdn.myld.com.au/2/317/sunstate-garages-sheds_eb17060351.png) no-repeat #051c55;
     background-position: -136px 144px;
}
a{
    color: #E77604;
}
a:hover{
    color: #E77604;
}

.text-orange{
  color: #e77604 !important;
  }
h1{
    text-indent: -9999px;
    height: 0;
    margin:0;
}
h1.title {
    text-indent: 10px;
    color: #1e3365;
  }

.text-green{
  color: green !important;
  }

.logo{
    margin-top:20px;
}

.fullWidth{
  width: 100%;
  }

.sequence_slider .model{
    left: 0 !important;
    width: 100%;
    max-width: none;
}
.slider-shadow {
  margin-top: -5px; 
  }

.bjqs-markers {
  display: none
  }

header{
    margin: 0;
    border: none;
    background: #fff;
}
.sequence_slider #header{
    height: 411px;
}
.sequence_slider .model{
    bottom: -48%;
}
.navbar-inner .container{
    background: url(http://cdn.myld.com.au/2/317/web_sunstate-garages-sheds_b946c6dd64.png) no-repeat;
    margin-left: -60px;
    padding-left: 60px;
}
.navbar.main-nav{
    position: relative;
    z-index: 10;
    margin-top:14px;
    padding: 0;
}
.nav-collapse{
    background: url(http://cdn.myld.com.au/2/317/web_sunstate-garages-sheds_b946c6dd64.png) no-repeat;
    padding-left: 0px;
}
.navbar-inner{
    min-height: 34px;
}
.nav{
    background: url(http://cdn.myld.com.au/2/317/web_sunstate-garages-sheds_3cee21c8d9.png) repeat-x; 
    width: 99.9%;
    margin: 0 0 30px !important;
    margin-left: -0px !important; 
    padding-left: 0px;
} 
.navbar .nav > li > a{
    text-transform: capitalize;
    font-size: 14px;
    font-family: "HelveticaNeueLT Roman", "Helvetica", "Arial", sans-serif;
    padding: 8px 8px 6px;
}
.navbar .nav > li > a:hover{
    background: #1e3365 !important;
}
.navbar .nav > .active > a, 
.navbar .nav > .active > a:hover, 
.navbar .nav > .active > a:focus{
    background: #1e3365 !important;
    color: #fff !important;
}
.navbar .nav{
    bottom: 0;
}
header .span9{
    margin: 0 !important;
}
header .data{
    float: left;
    font-family: "HelveticaNeueLT Roman", "Helvetica", "Arial", sans-serif;
    color: #051c55;
    margin-top: 20px;
}


header .data.phone{
    background: url(http://cdn.myld.com.au/2/317/web_sunstate-garages-sheds_0fe4a79f67.png) no-repeat;
    width: auto;
    height: 75px;
    padding-left: 87px;
    line-height: 75px;
    font-size: 25.5px;
    margin-left: 35px;
    
}
.data.fax {
display: none;
}
header a {
  color:#051c55;
}
header .data.fax,
header .data.email{
     background: url(http://cdn.myld.com.au/2/317/web_sunstate-garages-sheds_4bee5393a9.png) no-repeat;
     font-size: 17px;
     height: 40px;
     padding-left: 47px;
     line-height: 40px;
     margin:37px 0 0 30px;
}
header .data.email{
    width:200px;
    letter-spacing: -0.5px;
    margin-left: 23px;
}
header .data.email{
     background: url(http://cdn.myld.com.au/2/317/web_sunstate-garages-sheds_3e0c1a2a6f.png) no-repeat;
}
#slider ul{
    margin: 0;
}
.icon-angle-left,
.icon-angle-right{
    display: none !important;
}
#sequence{
     background: url(http://cdn.myld.com.au/2/317/sunstate-garages-sheds_1cb25ae683.png) no-repeat left bottom;
     background-size: 100%;
}
section.main{
    padding-top: 42px;
}
section.content{
    padding-top:27px;
}
.info section.main{
     padding-top: 22px;
}
section.main.logo-bar{
    padding-top: 23px;
}
section.main.button_free{
    padding-top: 33px;
}
.main h2{
    font-family: "HelveticaNeueLT Light", "Helvetica", "Arial", sans-serif;
    background: #e77404;
    text-transform: none;
    font-size: 40px;
    padding: 15px 0 5px;
    text-align: center;
    border: none;
    font-weight: normal;
    margin: -3px 0 17px 0;
    
}
.main .span12{
    padding: 5px 20px 10px;
    font-size: 18px;
    text-align: center;
}
.main p{
    font-size: 17px;
}
.info p{
    font-size: 20px;
}
.main p,.main ul li{
    line-height: 31px;
}
section.about{
    margin-bottom: 20px;
}
section.img-blocks{
    padding-top: 33px;
}
.img-blocks .span3{
    margin-left: 0 !important;
    width:25%;
}
.img-blocks .span3 img{
    max-width: 100%;
    box-sizing: border-box;
}
.img-blocks .row-fluid [class*="span"]:first-child{
    margin-left: -5px !important;
}
.hover_image .box_img,
.info .box_img{
    padding-bottom: 8px;
    background: url(http://cdn.myld.com.au/2/317/web_sunstate-garages-sheds_e143a66085.png) no-repeat left bottom;
}
.hover_image img,
.info .box_img img{
    border: 5px solid #fff;
}
.logo-bar{
   
    padding-bottom: 13px;
}
.logo-bar .row-fluid{
    background: #fff;
    padding: 20px 0 10px;
}
.logo-bar .row-fluid .span2{
    width:12.6%;
    margin-left: 1.5%;
}
.span2.logo_fds{
    margin-left: 0 !important;
}
.logo-bar a{
    box-shadow: none;
    background: none;
    border: none;
}
.logo_fds img{
    margin:5px 0 0 -45px;
}
.logo_stramit img{
    margin:19px 0 0 -30px;
}
.logo_kingspan img {
    margin: 0 0 0 -20px
}
.logo_bdd img{
    margin:28px 0 0 5px; 
}
.logo_porters img{
    margin:20px 0 0 10px; 
}
.logo-bar .row-fluid .span2.logo_fm{
    margin-left: 3.8%;
}
.logo_fm img{
     margin:-5px 0 0 -50px; 
}
.logo-bar .row-fluid .span2.logo_ss{
     margin:0 0 0 1%; 
}
.span2.logo_ss img{
    margin:-5px 0 0 -85px;
}
.button_free a{
    display: block;
    width: 436px;
    height:136px;
    text-align: center;
    margin:0 auto;
    background: url(http://cdn.myld.com.au/2/317/sunstate-garages-sheds_71a9a9a51d.png) no-repeat;
}
.hover_image .desc{
    position:static;
    background: none;
    font-family: "HelveticaNeueLT Light","Helvetica", "Arial", sans-serif;
    text-align: center;
    padding: 0;
    box-shadow: none;
    
}
.hover_image .desc p,
.info .desc p,
.main ul{
     font-size: 14px;
     line-height: 21px;
}
.hover_image .desc h3,.info h3{
    font-size: 27px;
    text-transform: capitalize;
    color: #e77604;
    font-family: "HelveticaNeueLT Roman","Helvetica", "Arial", sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 15px 0 10px;
}
.info h3{
    margin-top:0;
    line-height: 30px;
    margin-bottom: 6px;
}
.hover_image{
   padding: 5px 5px 19px; 
   box-shadow: none;
   border: none;
   text-align:center;
}
.hover_image:hover{
    background: #fbc900;
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fbc900), to(#e56c04));
    background: -webkit-linear-gradient(#fbc900, #e56c04);
    background: -moz-linear-gradient(#fbc900, #e56c04);
    background: -ms-linear-gradient(#fbc900, #e56c04);
    background: -o-linear-gradient(#fbc900, #e56c04);
    background: linear-gradient(#fbc900, #e56c04);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbc900', endColorstr='#e56c04',GradientType=0 );
    text-decoration: none;
    
}
.hover_image:hover h3{
    color: #fff;
}

.ds-1 {
    position:relative;
    margin-bottom: 30px
}
.ds-1:after {
    content:"";
    position:absolute; 
    z-index:0;
    width:100%;
    height:20%;
    background:url(http://cdn.myld.com.au/1/images/shadows/ds7.png) no-repeat center top;
    background-size:100%;
  display: block;
    /*edit the code below to change shadow opacity*/
    zoom: 1;
  filter: alpha(opacity=60);
  opacity: 0.6;
}

.ds-1 img {
  position:relative;
  z-index:5
  }

section.foot{
    background: #fff;
}
.main-footer{
    font-family: "open_sans","Arial",sans-serif;
    font-size: 15px;
    color: #05236e;
}

.main-footer a{
  color: #05236e !important;
  }
.main-footer h4{
    text-transform: none;
    letter-spacing: 0.2px;
    font-size: 28px;
    font-family: "HelveticaNeue Roman","Helvetica", "Arial", sans-serif;
    font-weight: normal;
    color: #e77604;
}
.main-footer .powered a{
    float: right;
}
.icon-none {
  display: block;
  width: 17px;
  height: 20px;
  }
  
  .socialmedia {
  color: #fff;
  clear: both;
  margin: 57px 0 0 115px;
}

.contact .ttl{
    font-size: 17px;
    width: 73px;
    display: block;
    float: left;
}
.contact li span{
    display: block;
    float: left;
    width:180px;
    text-indent: 0;
    font-size: 15px;
}
.main-footer .contact ul{
    width: 340px;
    margin:20px 0 0 19px;
    list-style: none
}
.main-footer .bottom{
    margin-top: 10px;
}
.main-footer .bottom .span8{
    font-size: 13px;
    
}
.main-footer .contact li,.contact li{
    clear: both;
    line-height: 25px;
}

#footer-map {
  width: 97%;
  min-height: 150px;
  border: 5px solid #fff
  }

.contact i{
    font-size: 20px;
    margin-right: 17px;
    float: left;
    width: 20px
}
 
.map img{
    padding: 3px;
    background: #fff;
    border:1px solid #f0f2f6;
    margin-top: 10px;
}
.about{
    line-height: 27px; 
} 
.about .logo{ 
    background: url(http://cdn.myld.com.au/2/345/web_sunstate-garages-sheds_d7a3310019.jpg) no-repeat;
    width: 243px;
    height: 98px;
    margin:10px 0 17px 0;
    background-size: 100
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
}
.info h2{
    font-family: "HelveticaNeueLT UltraLight","Helvetica", "Arial", sans-serif;
    background: none;
    text-transform: none;
    color: #e77604;
    font-size: 81px;
    padding: 30px 0 3px;
    text-align: center;
    font-weight: 100;
    letter-spacing: 2px;
}
.info .content .row-fluid{
    margin-bottom: 40px;
}
.sidebar li span{
    text-indent: 0;
}
.btn{
    background: #E77404;
    color: #fff;
}
.contact h3{
    margin-bottom: 30px;
}
.testim .desc{
    font-family: "HelveticaNeueLT Italic","Helvetica", "Arial", sans-serif;
    font-style: italic;
}
.testim .author{
    float: right;
    display: block;
    font-size: 16px;
    margin:10px 0;
}
#custom_form2{
    text-align: left;
}
.finish label,
.finish div{
    float: left;
    margin-right: 15px;
}
.input-xlarge {
width: 95%;
}
#map-canvas{
    width:100%;
    height: 280px;
    margin-bottom: 20px;
}
.contact a{
    color: #ffffff; 
}
.contact a:hover,
.contact a:active{ 
    color: #E77604;
    text-decoration: underline;
}

.contact li.contact-email span:hover { 
    color: #E77604;
    text-decoration: underline;
} 


.contact li.footer-email span:hover { 
    color: #E77604;
    text-decoration: underline;
} 

.hover_image .desc{
    width:100%;
}
#ld_branding_link{
    float: right;
}

/**faq**/

.faq-container {
  text-align: left
  }

.faq-number {
    background: #E77604 
}

/****mobile responsive nav icon override****/


.navbar .btn-navbar, a.btn-tel, .navbar .btn-navbar:hover {
  border: solid 1px #ffffff;
  color: #ffffff; 
}
.navbar .btn-navbar, a.btn-tel{
    background: #e77604 !important;
}
a.btn-tel {
   padding:12px 13px 8px !important;
}

.pi {
  display:block!important;
}
.hover_image img {
  display:inline-block;
}

.nav-tabs {
    margin-left: 0;
}

.nav-tabs li {
    list-style: none;
}

.nav-tabs li.active a, .nav-tabs li a:hover, .nav-tabs li.active a:hover {
    background: url(http://cdn.myld.com.au/2/317/web_sunstate-garages-sheds_3cee21c8d9.png) repeat-x;
    border: 1px solid #E77604;
    color: #fff;
    text-decoration: none
}

.tab-content {
  overflow: visible
  }

.tab-pane  {
  text-align: left
  }
  
#footerLogos {
	margin-bottom:15px;
}

#footerLogos img {
	display:inline-block;
	vertical-align:middle;
	max-width:160px;
}

#footerLogos img:last-child {
	margin-left:15px;
}

#logos {
	text-align:center;
}

#logos img {
	display:inline-block;
	vertical-align:middle;
	max-width:150px;
	margin:5px;
}

#logos a:first-child img {
	margin-left:0;
}

#logos a:last-child img {
	margin-right:0;
}


@media (min-width:1200px) {
  .data.fax {
display: block;
}  

header .data.phone{
    background: url(http://cdn.myld.com.au/2/317/web_sunstate-garages-sheds_0fe4a79f67.png) no-repeat;
    width: auto;
    height: 75px;
    padding-left: 87px;
    line-height: 75px;
    font-size: 25.5px;
    margin-left: 60px;
    
}
.sequence_slider #header{
    height: 490px;
}

.navbar.main-nav{
    position: relative; 
    z-index: 10;
    margin-top:14px;

}



}


@media (max-width: 1200px)  {
  
  
body{ 
    background: url(http://cdn.myld.com.au/2/317/sunstate-garages-sheds_0412503f65.png) no-repeat center top #051c55;
    
}
  
.footer-email a span {
  font-size: 13px
  }
  
  .navbar .nav > li > a {
      font-size: 13px;
      padding: 8px 5px 6px
  }
  
  .navbar .nav {
      margin-left: 0px !important
  }
  
  }

@media (max-width: 800px)  {
  .sticky {
    top: 0px;
    background:   #fff;
    width: 100%;
    padding-top: 5px;
    }
  
  .navbar-inner .container {
  	border-top: 1px solid #ffffff;
                background: none !important;
	}
        .box_img img{
            margin: 0 auto;
        }
        .hover_image .box_img, .info .box_img{
            background-position: center bottom;
            text-align: center;
        }        
        .navbar.main-nav{
            left: 0;
        }
        .logo-bar .row-fluid .span2,
        .logo-bar .row-fluid .span3{
            width: 32%;
            margin: 0 !important ;
            float: left;
}
        .img-blocks .span3{
            width: 100%;
        }
        .info h3{
            text-align: center;
        }
        
        .logo-bar .row-fluid {
          padding-top: 5px
          }
        
        .logo-bar .row-fluid .span2 a {
          margin: 0 0  !important;
          display: table-cell;  
          text-align: center;
          vertical-align: middle;
          height: 100px;  
          padding: 0 5px;
          width: 400px;
        }
        .logo-bar .row-fluid .span2 img {
            margin: 0;
        }
          
        .hover_image .box_img, .info .box_img {
          background: url(http://cdn.myld.com.au/2/317/web_sunstate-garages-sheds_e143a66085.png) no-repeat bottom center;
          }
          
          .row-fluid .span3.pi {
            width: 100%;
            text-align: center;
            margin: 0
            }
            
      .logo-bar .row-fluid .span2 {
          float: left;
          width: 50%;
          margin: 0 !important
      }
}


@media (max-width: 980px)  {
	#logo{
        margin: 5px 0px 10px;
    }
        .navbar-inner .container {
                background: none !important;
	}
        .data.fax,
        .data.email, .data.phone{
            display: none;
        }
          .data.phone{
            margin-left: 150px !important;
        }
        .nav-collapse{
            background: none;
        }
        .nav{
            padding-left: 0;
            background: none;
        }
        .span2.logo_ss img{
            margin-left: 30px;
        }
		
		.sequence_slider #header{
    height: 320px;
}
section.main{
    padding-top: 22px;
}

body.info{
     background-position: -138px 82px;
}
		
        section.content .contact .ttl{
            display: none;
        }   
        .row-fluid .span4.contact,
        .row-fluid .span4.map{
           width:48% !important;
        }
        footer .span4.about{
            display:none;
        }
		.info .content .row-fluid{
    margin-bottom: 0px;
}
 
.pd {
	width:100%!important;
	margin-top:20px;
	margin-bottom:20px;
}

  .nav-collapse .nav > li {
    margin-bottom: 0px;
  }
}


@media (max-width: 1200px){
    .nav-collapse{
        padding-left: 0;
    }
    .nav{
       padding-left: 0;
       width: 100%;
    }
    section.content .contact li span{
        width: 160px;
    }
    
} 



@media (max-width: 800px) {
    .ds-1 { 
      width: 54%;
      margin: 0 auto; 
      }
      
}

@media (max-width: 767px) {
	body {
		padding-left:15px;
		padding-right:15px;
	}
	header {
		margin:0px -15px;
		padding:0px 15px;
	}
	
	.navbar-inner.sticky {
		width:100%;
		-webkit-box-sizing: border-box;
-moz-box-sizing: border-box; 
box-sizing: border-box; 
background:#fff;
padding-top:3px;
padding-right:3px;
	}
	
	.navbar-inner .container {
			padding-bottom:0px!important;
		}
		.navbar.main-nav {
			margin-top:-51px;
		}
		
		.info h2 {
			font-size:51px;
		}
		
		.main .span12 {
			padding:0px;
		}
		
		#about .span9 {
			text-align:center;
		}
		
		.hover_image img,
.info .box_img img{ 
}
.hover_image .box_img, .info .box_img {
	background:none;
}
}


@media (max-width: 550px){
              header .data.phone{
            margin-left: 0 !important;
        }
		
		
}
@media (max-width: 480px){
   .data.phone{
           display: none;;
        } 
        a.btn-tel{
            background: #e77604 !important;
        }
        .button_free a{
            width: 90%;
            background-size: 100%;
        }
		.navbar.main-nav {
			margin-top:0px;
		}
    
    .ds-1 { 
      width: 80%;
      margin: 0 auto; 
      }
    
}  

#page-not-found div#error{
  margin: 0 auto;
  padding: 50px 30px;
  background: #fff
}
  
#page-not-found div#error h1, #page-not-found div#error p  {
  text-align: center;
  color: red;
  text-indent: 0;
}            

.colorChange {
color:#ff0000;

}

.christmas {
 font-family: "courgette"; 

}