html{width:100%;height:100%;float:left;}
body{width:100%;height:100%;margin:0;float:left;font-family:'Open Sans', sans-serif;}
img{max-width:100%;}
strong{font-family: 'Roboto Condensed';font-weight:bold;}
h1, h2 { margin: 20px 0; font-family: 'Roboto Condensed', sans-serif; font-weight: normal; line-height: 1; text-transform: uppercase; }
h1 { font-size: 24px; }
h3 {font-size:16px; color:#5C5C5C;}
p{font-family:'Open Sans', sans-serif; color:#5c5c5c; font-size: 14px; margin: 15px 0;}
li{color:#5c5c5c;font-size: 14px;}
a:not([href]) { cursor: default; }
.container{float:left;width:100%;}
.wrapper{width:1200px;margin:0 auto;max-width:100%;}
.clear {clear:both;}

.button { line-height: 30px; padding: 5px 30px; text-transform: uppercase; text-decoration: none; background-color: #FFFFFF; color:#5c5c5c; border: none; font-family:'Roboto Condensed', sans-serif; }
.button.border { border: 1px solid #FFFFFF; }
.button.orange { background-color: #F99B25; color: #FFFFFF; }

.grey_bar { background-color: #222222; color: #FFFFFF; }

/*header*/
#head .wrapper{width:1500px;margin:0 auto;max-width:100%;}
#head{color:#FFFFFF;font-family:'Roboto Condensed', sans-serif; z-index: 10; position: absolute; top: 0; left: 0;}
#head a{color:#FFFFFF;text-decoration:none;}
#head label{display:none; background: #F99B25;}
#head input{position:absolute;top:-9999px;left:-9999px;}
#head .logo{float:left;margin-top: 16px; width: 49%;}
#head .menu{float:left;width:51%;margin-top: 90px; margin-bottom: 45px;line-height: 1.5;}
#head .menu ul{float:right;width:auto;padding:0;margin:0;}
#head .menu ul li{float:left;padding:0 13px;list-style:none;position:relative;}
#head .menu ul li a{float:left;font-size:18px;text-transform:uppercase;}
#head .menu ul li a.login{color:#000000;}
#head .menu ul li a.selected{color:#000000;}
#head .menu ul li img{margin-right:5px;}
#head .menu ul.dropdown{position:absolute;width:230px;background:#000;top:100%;margin-left:-15px;line-height:40px;display:none;z-index: 999;}
#head .menu ul.dropdown li{float:left;width:100%;}
#head .menu ul li:hover ul.dropdown{display:block;}
#head .menu ul.dropdown2{position:absolute;width:230px;background:#000;top:100%;margin-left:-15px;line-height:40px;display:none;z-index: 999;}
#head .menu ul.dropdown2 li{float:left;width:100%;}
#head .menu ul li:hover ul.dropdown2{display:block;}
.icons {width:60px!important;}
.icons img{width:60px;}
/*home*/
.winner-logo{
  z-index: 8;
  position: absolute;
  right:20px;
  bottom: 90px;
  width:auto;
}
.winner-logo img{max-width:65%;}
#home-splash{background-image:url(../images/banner1.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;height:100%;background-attachment: fixed;}
#home-splash #home-black{background-color: rgba(0,0,0,0.8);width: 50%; height: 100%; position: absolute; top: 0; left: 0; z-index: 9;}
#home-splash #home-orange{background-color: rgba(249, 155, 37, 0.6);width: 50%; height: 100%; position: absolute; top: 0; right: 0; z-index: 9;}
#home-splash #bot-bar{position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; line-height: 70px; text-align: center; background-color: #000000; color: #FFFFFF; z-index: 9; text-transform: uppercase; font-size: 20px;}
#home-splash #bot-bar span{color: #F99B25; margin: 0 20px;}
#home-splash #scrolldown{cursor:pointer;}
.tabs{z-index: 99;font-family:'Roboto Condensed', sans-serif;position:fixed;right:-111px;-ms-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);transform: rotate(-90deg);top:50%; background-image:url(../images/sidebar.png);background-size:cover;}
.tabs a{/*border-top:5px solid #FFFFFF;border-right:5px solid #FFFFFF;background:#4EAF4E;*/color:#FFFFFF;text-decoration:none;padding-bottom:5px; padding-top:7px; width:130px;font-size:18px;float:left;text-transform:uppercase; text-align:center;}
.tabs a:first-child{/*border-left:5px solid #FFFFFF;background:#000;*/}
.tabs a:last-child{/*background-image:url(../images/thatch.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;*/}
#slider #slides .text{float:left;width:100%;margin-top:calc(50% - 350px);margin-top:-moz-calc(50% - 350px);margin-top:-webkit-calc(50% - 350px);font-size:110px;color:#FFFFFF;text-transform:uppercase;font-family: 'Roboto Condensed';font-weight:300;}
#slider #slides .text .img{float:left;width:30%;}
#slider #slides .text .headline{float:right;width:68%;}
#slider #slides .text .headline span{padding-bottom: 10px;border-bottom: 7px solid #FFFFFF;}
#slider #slides
#circles{background-image:url(../images/thatch.jpg);padding-top:50px;padding-bottom:18px;}
#circles .box{background-size:cover;background-position:center center;background-repeat:no-repeat;float:left;height:0;margin-right:10px;position:relative;
  width:calc((100% - 120px)/4);width:-moz-calc((100% - 120px)/4);width:-webkit-calc((100% - 120px)/4);
  padding-bottom: calc((100% - 120px)/4);padding-bottom: -moz-calc((100% - 120px)/4);padding-bottom: -webkit-calc((100% - 120px)/4); margin-bottom:60px;}
#circles.six .box{width:calc((100% - 140px)/7);width:-moz-calc((100% - 140px)/7);width:-webkit-calc((100% - 140px)/7);height:295px;}
#circles .box .orange_heading{position: absolute; top: 100%; width: 100%; left: 0; text-align: center; background-color: #F99B25;padding: 10px 0; text-decoration: none; color: #FFFFFF; text-transform: uppercase; font-size: 20px;}
#circles .box:last-child{margin-right:40px;margin-bottom:60px;}
#circles .box:first-child{margin-left:40px;margin-bottom:60px;}
#circles .box table{width:100%;height:100%;float:left;color:#FFFFFF;text-align:center;position: absolute;top: 0; left:0;background:rgba(0,0,0,0.5);opacity: 0;}
#circles .box table:hover{opacity: 1;}
#circles .box table .text{position:relative; top:10px; text-transform:uppercase;font-size:14px;}
#circles .box table .read_more{position:relative; top:10px; text-transform:uppercase;font-size:20px;margin: 40px auto 0;border: 1px solid #FFF;padding: 5px;width: 120px;}
#circles .box table .whiteline{position:relative; top:-2px;}
.learn{cursor: pointer;
  z-index: 10;
  margin-left: calc(50% - 32px);
  margin-left: -moz-calc(50% - 32px);
  margin-left: -webkit-calc(50% - 32px);
  position: absolute;
  bottom: 160px;
}
.learn img{max-width:20%;}
.readmore{display:none;}
.less{display:none; cursor:pointer; width:77px; text-align:center; padding:0px 20px;}
.more{cursor:pointer; width:77px; text-align:center; padding:0px 20px;}
#main{}
#main h2{text-align:center;font-size:24px;text-transform:uppercase;font-family: 'Roboto Condensed';font-weight:300; background-color: #222222; color: #FFFFFF; padding: 10px 0;}
#main p.larger { font-size: 18px; margin-top: 20px; }

#grey-bar { background-color: #EEEEEE; margin-bottom: 20px; }
#grey-bar .left { width: 20%; float: left; }
#grey-bar .right { width: 75%; float: right; }
#grey-bar .right p { margin: 23px 0; }

#featured { margin-bottom: 20px;}
#featured h2{text-align:center;font-size:24px;text-transform:uppercase;font-family: 'Roboto Condensed';font-weight:300; background-color: #222222; color: #FFFFFF; padding: 10px 0; margin: 0;}
#featured h2 span{color: #F99B25;}
#featured .left{width: 50%; float: left;}
#featured .left .box{width: 50%; float: left; height: 0; padding-bottom: 25%; background-size: cover; background-position: center center;}
#featured .right{width: 50%; float: right;}
#featured .right .box{width: 100%; float: left; height: 0; padding-bottom: 50%; background-size: cover; background-position: center center;}

#boxes{}
#boxes .box{background-size:cover;background-position:center center;background-repeat:no-repeat;float:left;width:20%;height:380px;}
#boxes .box table{width:100%;height:100%;float:left;color:#FFFFFF;text-align:center;}
#boxes .box table:hover{background:rgba(0,0,0,0.5);}
#boxes .box table .text{text-transform:uppercase;font-size:42px; position:relative; top:22px;}
#boxes .box table .whiteline{position:relative; top:4px;}
#boxes .box table .readmore{position:relative; top:5px;}
#social{background-image:url(../images/thatch.jpg);padding:20px 0;text-align:center;}
#social img{max-width:50px;}

/*Homepage Inner*/
#main-inner-head{position: relative;height:100px; display:none;}
#main-inner-head #home-black{background-color: #000000;width: 50%; height: 100px; position: fixed; top: 0; left: 0; z-index: 9; }
#main-inner-head #home-orange{background-color: #F99B25;width: 50%; height: 100px; position: fixed; top: 0; right: 0; z-index: 9; }
#main-inner-head #bot-bar{position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; line-height: 70px; text-align: center; background-color: #000000; color: #FFFFFF; z-index: 9; text-transform: uppercase; font-size: 20px;}
#main-inner-head #bot-bar span{color: #F99B25; margin: 0 20px;}
#main-inner-head #head {position: fixed; top: 0; left: 0; z-index: 10; background-color: transparent; height: 100px; }
#main-inner-head #head .menu {margin-top: 50px; margin-bottom: 20px;}
#main-inner-head #head .logo img {height: 80px;margin-left:300px;}
#main-inner-head #head .logo{float:left;margin-top: 16px; width: 49%;}
#main-inner-head #head .menu{float:left;width:51%; margin-bottom: 45px;line-height: 1.5;}
#main-inner-head #head .menu ul{float:right;width:auto;padding:0;margin:0;}
#main-inner-head #head .menu ul li{float:left;padding:0 13px;list-style:none;position:relative;}
#main-inner-head #head .menu ul li a{float:left;font-size:18px;text-transform:uppercase;}
#main-inner-head #head .menu ul li a.login{color:#000000;}
#main-inner-head #head .menu ul li a.selected{color:#000000;}
#main-inner-head #head .menu ul li img{margin-right:5px;}
#main-inner-head #head .menu ul.dropdown{position:absolute;width:230px;background:#000;top:100%;margin-left:-15px;line-height:40px;display:none;z-index: 999;}
#main-inner-head #head .menu ul.dropdown li{float:left;width:100%;}
#main-inner-head #head .menu ul li:hover ul.dropdown{display:block;}
#main-inner-head #head .menu ul.dropdown2{position:absolute;width:230px;background:#000;top:100%;margin-left:-15px;line-height:40px;display:none;z-index: 999;}
#main-inner-head #head .menu ul.dropdown2 li{float:left;width:100%;}
#main-inner-head #head .menu ul li:hover ul.dropdown2{display:block;}

/*Rest of Pages Inner*/
#inner-head{position: relative;height:100px;}
#inner-head #home-black{background-color: #000000;width: 50%; height: 100px; position: fixed; top: 0; left: 0; z-index: 9;}
#inner-head #home-orange{background-color: #F99B25;width: 50%; height: 100px; position: fixed; top: 0; right: 0; z-index: 9;}
#inner-head #bot-bar{position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; line-height: 70px; text-align: center; background-color: #000000; color: #FFFFFF; z-index: 9; text-transform: uppercase; font-size: 20px;}
#inner-head #bot-bar span{color: #F99B25; margin: 0 20px;}
#inner-head #head {position: fixed; top: 0; left: 0; z-index: 10; background-color: transparent; height: 100px;}
#inner-head #head .menu {margin-top: 50px; margin-bottom: 20px;}
#inner-head #head .logo img {height: 80px;margin-left:150px;}
#inner-head #head .logo{float:left;margin-top: 16px; width: 49%;}
#inner-head #head .menu{float:left;width:51%; margin-bottom: 45px;line-height: 1.5;}
#inner-head #head .menu ul{float:right;width:auto;padding:0;margin:0;}
#inner-head #head .menu ul li{float:left;padding:0 13px;list-style:none;position:relative;}
#inner-head #head .menu ul li a{float:left;font-size:18px;text-transform:uppercase;}
#inner-head #head .menu ul li a.login{color:#000000;}
#inner-head #head .menu ul li a.selected{color:#000000;}
#inner-head #head .menu ul li img{margin-right:5px;}
#inner-head #head .menu ul.dropdown{position:absolute;width:230px;background:#000;top:100%;margin-left:-15px;line-height:40px;display:none;z-index: 999;}
#inner-head #head .menu ul.dropdown li{float:left;width:100%;}
#inner-head #head .menu ul li:hover ul.dropdown{display:block;}
#inner-head #head .menu ul.dropdown2{position:absolute;width:230px;background:#000;top:100%;margin-left:-15px;line-height:40px;display:none;z-index: 999;}
#inner-head #head .menu ul.dropdown2 li{float:left;width:100%;}
#inner-head #head .menu ul li:hover ul.dropdown2{display:block;}
/*about*/
#about{min-height:688px;}
#about .left { width: 49%; float: left; margin-top:2px; }
#about .right { width: 49%; float: right; margin-bottom: 20px; }
#about .right .box { float: left; height: 0; background-size: cover; background-position: center center; margin-top: 20px;}
#about .right .box.full { width: 100%; padding-bottom: 64%;}
#about .right .box.half { padding-bottom: 32%; margin-right: 20px;
  width: calc((100% - 20px) / 2); width: -moz-calc((100% - 20px) / 2); width: -webkit-calc((100% - 20px) / 2); }
#about .right .box.half:nth-child(2n +1) { margin-right: 0; }

/*building services*/
#building-services{min-height:724px;}
#building-services .left { width: 49%; float: left; }
#building-services .right { width: 49%; float: right; margin-bottom: 20px; }
#building-services .right .box { width: 100%; float: left; height: auto; margin-top: 20px; position: relative; }
#building-services .right .box .right { width: 50%; float: left; height: 100%; background-size: cover; background-position: center center; position: absolute; top: 0; right: 0; }
#building-services .right .box .left { width: 50%; float: left; height: 100%; background-color: #F99B25; text-align: center; color: #FFFFFF; }
#building-services .right .box .left h2 { margin: 30px 0; }
#building-services .right .box .left p { margin: 30px 0; }

/*cabins*/
#cabins{min-height:724px;}
#cabins .left { width: 49%; float: left; margin-top:5px;}
#cabins .right { width: 49%; float: right; margin-bottom: 20px; }
#cabins .box { width: 100%; float: left; height: auto; margin-left: 20px; position: relative; margin-top:20px;}
/*#cabins .box:last-child {margin-left:0;margin-bottom:20px;}
#cabins .box:first-child {margin-left:0;}
#cabins .box:nth-child(4n+4) {margin-left:0;}*/
#cabins .box .right { width: 50%; float: left; height: 100%; background-size: cover; background-position: center center; position: absolute; top: 0; right: 0; }
#cabins .box .right.border{border-bottom:1px solid #F99B25;border-top:1px solid #F99B25;border-right:1px solid #F99B25;height:calc(100% - 2px);width:calc(50% - 1px);}
#cabins .box .left { margin-top:0;width: 50%; float: left; height: 100%; background-color: #F99B25; text-align: center; color: #FFFFFF; }
#cabins .box .left h2 { margin: 30px 0; }
#cabins .box .left p { margin: 30px 0; }

/*cabins detail*/
.cabindetail{min-height:724px;}
.cabindetail .bottom{margin-bottom:10px;}
.cabindetail p.larger {font-size: 18px;margin-top: 20px;}
.cabindetail .left { width: 100%; float: left; }
.cabindetail .right { width: 100%; float: right; margin-bottom: 20px; }
.cabindetail .right a { width: 23%; float: left; margin-right: 2%; margin-top: 20px; position: relative; }
.cabindetail .right a:nth-child(4n) { margin-right: 0%; }
.cabindetail .right .box { width: 100%; float: left; height: 0; padding-bottom: 65%; position: relative; background-size: cover; background-position: center center; }
.cabindetail .right .box img { position: absolute; bottom: 10px; right: 10px; }
.icons{width:5%;float:left;margin-top:15px;}
.icons p{    text-align: center;
    margin: 0;font-weight:bold;}
 .pack{margin-left:15px;float:left;}
 .pack img{width:50%;}
/*.memlogo {width:auto;float:left;}
.memlogo img{float:left;}
.middle {margin-left:25%;float:left;    line-height: 30px;}*/
.space-right{margin-left: 20px;}   
/*residential*/
#residential{min-height:724px;}
#residential p.larger {font-size: 18px;margin-top: 20px;}
#residential .left { width: 100%; float: left; }
#residential .right { width: 100%; float: right; margin-bottom: 20px; }
#residential .right a { width: 23%; float: left; margin-right: 2%; margin-top: 20px; position: relative; }
#residential .right a:nth-child(4n) { margin-right: 0%; }
#residential .right .box { width: 100%; float: left; height: 0; padding-bottom: 65%; position: relative; background-size: cover; background-position: center center; }
#residential .right .box img { position: absolute; bottom: 10px; right: 10px; }

/*commercial*/
#commercial{min-height:724px;}
#commercial p.larger {font-size: 18px;margin-top: 20px;}
#commercial .left { width: 100%; float: left; }
#commercial .right { width: 100%; float: right; margin-bottom: 20px; }
#commercial .right a { width: 23%; float: left; margin-right: 2%; margin-top: 20px; position: relative; }
#commercial .right a:nth-child(4n) { margin-right: 0%; }
#commercial .right .box { width: 100%; float: left; height: 0; padding-bottom: 65%; position: relative; background-size: cover; background-position: center center; }
#commercial .right .box img { position: absolute; bottom: 10px; right: 10px; }

/*granny*/
#granny{min-height:724px;}
#granny p.larger {font-size: 18px;margin-top: 20px;}
#granny .left { width: 100%; float: left; }
#granny .right { width: 100%; float: right; margin-bottom: 20px; }
#granny .right a { width: 23%; float: left; margin-right: 2%; margin-top: 20px; position: relative; }
#granny .right a:nth-child(4n) { margin-right: 0%; }
#granny .right .box { width: 100%; float: left; height: 0; padding-bottom: 65%; position: relative; background-size: cover; background-position: center center; }
#granny .right .box img { position: absolute; bottom: 10px; right: 10px; }



/*news*/
#news_item{}
#news #news_item:last-child {padding-bottom:30px;} 
#news #news_item {padding-top:30px; } 
#news_item .left{float:left; width:26%}
#news_item .right h2{color:#000;font-family:'Roboto Condensed', sans-serif; font-weight:300; margin-top:0px;}
#news_item .right{float:right; width:72%;}
#news_item .button.orange { background-color: #F99B25; color: #FFFFFF;}
#news_item p {margin-bottom:30px;}
#news_item .left .box { width: 100%; float: left; height: 0; padding-bottom: 65%; position: relative; background-size: cover; background-position: center center; margin-bottom:20px;}

/*news-detail*/

#news_article{padding:30px 0; min-height:724px; } 
#news_article .left{float:left; width:26%}
#news_article .right h2{color:#000;font-family:'Roboto Condensed', sans-serif; font-weight:300; margin-top:0;}
#news_article .right{float:right; width:72%;}
#news_article .button.orange { background-color: #F99B25; color: #FFFFFF; float:right;}
#news_article .left .box { width: 100%; float: left; height: 0; padding-bottom: 65%; position: relative; background-size: cover; background-position: center center; margin-bottom:20px;}

/*contact*/
#contact input[type="text"]#job_captcha  { float:left; width:29%; padding:12px 1%; font-size:14px; border:solid 1px #bababa; background-color:#FFFFFF;color:#bababa;margin:0;margin-bottom:10px;}
#contact input[type="text"]{width:98%; padding:12px 1%; font-size:14px; border:solid 1px #bababa; background-color:#FFFFFF;color:#bababa;margin:0;margin-bottom:10px;  border-radius:0;}
#contact input[type="submit"]{float:right;width:140px; height:41px;margin-right:-2px;border:0;position:relative;cursor:pointer;  border-radius:0; background:url(../images/contact_submit.jpg)}
#contact textarea{width:98%; padding:12px 1%; height:172px;; font-size:14px; border:solid 1px #bababa; margin-top:2px;background-color:#FFFFFF;color:#bababa;margin:0;  border-radius:0;}
#contact select{width:100%; padding:12px 1%;background-color:#FFFFFF; border:solid 1px #bababa; color:#bababa;margin:0;margin-bottom:10px;  border-radius:0;}
#contact  .button { line-height:0px; padding:0px; text-transform: uppercase; text-decoration: none; background-color: #FFFFFF; color:#5c5c5c; border: none; font-family:'Roboto Condensed', sans-serif; }
#contact  .button.orange { background-color: #F99B25; color: #FFFFFF;  }
#contact #form{margin-top:5px;}
#contact #details {padding:20px 0; min-height:680px;}
#contact #details #captcha{float:left;}
#contact #details .left{float:left; width:48%; margin-top:5px;}
#contact #details .left p:first-child{margin-top:0;}
#contact #details .right{width:48%; float:right;margin-top:5px;}
#contact #details .bottomimage img{padding-top:15px;}
#contact #details .left .contactinfo{float:left;width:100%;margin-bottom:15px;}
#contact #details .left .contactinfo .left{width:10%; margin: 0;}
#contact #details .left .contactinfo .right{width:90%; font-weight:bold;}

/*login*/
#loginform {padding:30px 0; min-height:688px;}
#loginform .form {width:600px; top:50%; position:absolute; left:50%; margin-left:-300px; margin-top:-113px;}
#loginform input[type="text"]{width:98%; padding:2% 1%; font-size:14px; border:solid 1px #bababa; background-color:#FFFFFF;color:#bababa;margin:0;margin-bottom:10px;  border-radius:0;}
#loginform input[type="password"]{width:98%; padding:2% 1%; font-size:14px; border:solid 1px #bababa; background-color:#FFFFFF;color:#bababa;margin:0;margin-bottom:10px;  border-radius:0;}
#loginform input[type="submit"]{float:right;width:140px; height:41px;margin-right:-2px;border:0;position:relative;cursor:pointer;  border-radius:0; background:url(../images/contact_submit.jpg)}
#loginform  .button { line-height:0px; padding:0px; text-transform: uppercase; text-decoration: none; background-color: #FFFFFF; color:#5c5c5c; border: none; font-family:'Roboto Condensed', sans-serif; }
#loginform  .button.orange { background-color: #F99B25; color: #FFFFFF;  }

/*MSDS*/
#MSDSDetails .button.orange {margin-bottom:0px;}
#MSDSDetails p.pdf {margin:30px auto; width:100%; /*max-width:646px;*/} 
/*#MSDSDetails .pdfs a{float:left;}*/

#MSDSDetails{padding:20px 0;}
#MSDSDetails h2{color:#000;font-family:'Roboto Condensed', sans-serif; font-weight:300; margin-top:0; text-transform:none;}

#MSDSDetails .row {width:100%; float:left;}
#MSDSDetails .row .box {border-top:2px solid #ddd;  border-left:2px solid #ddd; width: 24.6%; float: left; height: 0; padding-bottom: 9%; position: relative; background-size: contain; background-position: center center;  background-repeat: no-repeat;}
#MSDSDetails .row a {width: 100%;  float: left; height: 0; padding-bottom: 37.25%; position: relative; }
#MSDSDetails .row .box:last-child{border-top:2px solid #ddd;  border-left:2px solid #ddd; border-right:2px solid #ddd;}

#MSDSDetails .secondlastrow {width:100%; float:left;}
#MSDSDetails .secondlastrow .box {border-top:2px solid #ddd; border-bottom:2px solid #ddd;  border-left:2px solid #ddd; width: 24.6%; float: left; height: 0; padding-bottom: 9%; position: relative; background-size: contain; background-position: center center;  background-repeat: no-repeat;}
#MSDSDetails .secondlastrow a {width: 100%;  float: left; height: 0; padding-bottom: 37.25%; position: relative; }
#MSDSDetails .secondlastrow .box:nth-child(3){border-top:2px solid #ddd;  border-left:2px solid #ddd; border-bottom:2px solid #ddd;}
#MSDSDetails .secondlastrow .box:last-child{border-left:2px solid #ddd; border-bottom:2px solid #ddd;border-right:2px solid #ddd;border-top:2px solid #ddd;}

#MSDSDetails .lastrow {width:100%; float:left;}
#MSDSDetails .lastrow .box {border-bottom:2px solid #ddd; border-left:2px solid #ddd; width: 24.6%; float: left; height: 0; padding-bottom: 9%; position: relative; background-size: contain; background-position: center center;  background-repeat: no-repeat;}
#MSDSDetails .lastrow a {width: 100%;  float: left; height: 0; padding-bottom: 37.25%; position: relative; }
#MSDSDetails .lastrow .box:last-child{border-bottom:2px solid #ddd;  border-left:2px solid #ddd; border-right:2px solid #ddd;}
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #bababa;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #bababa;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #bababa;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
   color:   #bababa;
}

/*contact-footer*/
#contact-footer form img#captcha{float:left;margin-top:5px;}
#contact-footer{background:#000000;color:#FFFFFF;font-family:'Open Sans', sans-serif;}
#contact-footer .whiteline{position:relative; top:16px; left:-100px;}
#contact-footer .left{width:48%;float:left; margin:0 0 40px 0;}
#contact-footer .right{width:48%;float:right;}
#contact-footer .right .left{width:12%; margin: 0;}
#contact-footer .right .right{width:88%;}
#contact-footer  .left .half{width:50%; margin: 0;    }
#contact-footer  .right.half{width:50%;    }
#contact-footer  .right.lesst{width:45%;}
#contact-footer  .right.lesst .right{width:84%;}

#contact-footer  .left.moret{width:55%;}

#contact-footer input[type="text"]#job_captcha{ margin-top:5px;float:left;width:27.5%;padding:12px 2%;border:0;margin-bottom:5px;font-family:'Open Sans', sans-serif; color:#bababa; }
#contact-footer input[type="text"]{margin:0;float:left;width:96%;padding:12px 2%;border:0;margin-bottom:5px;font-family:'Open Sans', sans-serif; color:#bababa;  border-radius:0;}
#contact-footer input[type="submit"]{float:right;padding:5px 30px;border:0;margin-top:5px;background:#F99B25;color:#FFFFFF;margin-right: 1px;cursor:pointer;font-family:'Open Sans', sans-serif;  border-radius:0; background:url(../images/contact_submit.jpg)}
#contact-footer input[type="text"].half{width:calc((92% - 5px)/2);}
#contact-footer input[type="text"].half.lft{float:left;}
#contact-footer input[type="text"].half.rght{float:right;}
#contact-footer textarea{margin:0;float:left;width:96%;padding:12px 2%;border:0;height:100px;font-family:'Open Sans', sans-serif; color:#bababa;  border-radius:0;}
#contact-footer h2{text-align:center;font-size:32px;text-transform:uppercase;font-family: 'Roboto Condensed';font-weight:300; margin: 30px 0;line-height:1; color: #F99B25;}

/*footer*/
#footer .top{background:#333333;}
#footer .bott{background:#222222;color:#FFFFFF;font-size:10px;padding:20px 0;}
#footer .menu{float:left;width:850px;line-height:100px;height:100px;}
#footer .menu ul{float:left;width:100%;padding:0;margin:0;}
#footer .menu ul li{float:left;padding:0 15px;list-style:none;}
#footer .menu ul li a{float:left;font-size:14px;text-transform:uppercase;color:#FFFFFF;text-decoration:none;}
#footer .menu ul li a.login{color:#4EAF4E;}
#footer .menu ul li a.selected{color:#4EAF4E;}
#footer .menu ul li img{margin-right:5px;}
#footer .zimple{float:right;}
#footer .bott .left{float:left;text-align:left;}
#footer .bott .left p{margin:0; color:#FFFFFF; line-height: 21px;font-size: 10px;}
#footer .bott .right{float:right;text-align:right;}
#footer .bott .right a{color:#FFFFFF;text-decoration:none;font-family:'Open Sans', sans-serif;line-height: 21px;}
#footer .left a{color:#fff;text-decoration:none;}

@media screen and (max-height: 560px) {
#loginform .form{position:initial; margin-top:20px; margin-left:calc((100% - 600px)/2);}
}

@media screen and (max-width: 1205px) {
#inner-head #head .logo{width:40%;}
#head .logo{width:40%;}
#inner-head #head .menu{width:59%;}
#head .menu{width:59%;}
#main-inner-head #head .logo{width:40%;}
#main-inner-head #head .menu{width:59%;}  
#main-inner-head #home-orange {width:56%;}
#inner-head #home-orange {width:56%;}
#home-splash #home-orange{width:54%;}
#home-splash #home-black{width:46%;}
}
@media screen and (max-width: 1200px) {
#main-inner-head #home-orange {width:60%;}
#inner-head #home-orange {width:60%;}
.wrapper{width:94%;}
  
}
@media screen and (max-width: 1180px){
#home-splash #home-orange{width:57%;}
#home-splash #home-black{width:43%;}
}
@media screen and (max-width: 1120px){
#home-splash #home-orange{width:59%;}
#home-splash #home-black{width:41%;}
}
@media screen and (max-width: 1087px) {
#head .logo{width:35%;}
#inner-head #head .logo{width:35%;}
#head .menu{width:64%;}  
#inner-head #head .menu{width:64%;}  
#main-inner-head #head .logo{width:35%;}
#main-inner-head #head .menu{width:64%;}  
}
@media screen and (max-width: 1080px){
#home-splash #home-orange{width:62%;}
#home-splash #home-black{width:38%;}
}
@media screen and (max-width: 1065px) {
#inner-head #home-orange {width:70%;}
#main-inner-head #home-orange {width:70%;}
}
@media screen and (max-width: 1025px){
#home-splash #home-orange{width:64%;}
#home-splash #home-black{width:36%;}
}
@media screen and (max-width: 1024px) {
.fancybox-nav span {visibility:visible!important;}
}
@media screen and (max-width: 1003px) {
#inner-head #head .logo{width:30%;}
#head .logo{width:30%;}
#head .menu{width:69%;} 
#inner-head #head .menu{width:69%;} 
#main-inner-head #head .logo{width:30%;}
#main-inner-head #head .menu{width:69%;}  
}
@media screen and (max-width: 995px){
#home-splash #home-orange{width:67%;}
#home-splash #home-black{width:33%;}
}
@media screen and (max-width: 945px){
#home-splash #home-orange{width:69%;}
#home-splash #home-black{width:31%;}
}
@media screen and (max-width: 920px){
#home-splash #home-orange{width:72%;}
#home-splash #home-black{width:28%;}
}
@media screen and (max-width: 932px) {
#inner-head #head .logo{width:25%;}
#head .logo{width:25%;}
#head .menu{width:74%;}
#inner-head #head .menu{width:74%;}
#main-inner-head #head .logo{width:25%;}
#main-inner-head #head .menu{width:74%;}  
}
@media screen and (max-width: 915px) {
#main-inner-head #home-orange {width:74%;}
#inner-head #home-orange {width:74%;}
}
@media screen and (max-width: 900px) {

/*#about .left{float:none; width:99%; padding-top:74px; padding-bottom:10px;}*/
#about .right .box.half{width:100%; padding-bottom:65%;}
#residential{padding-bottom:30px;}
#residential .left{float:none; width:99%; padding-top:74px; padding-bottom:10px;}
#residential .right{float:none;}
#commercial{padding-bottom:30px;}
#commercial .left{float:none; width:99%; padding-top:74px; padding-bottom:10px;}
#commercial .right{float:none;}
#granny{padding-bottom:30px;}
#granny .left{float:none; width:99%; padding-top:74px; padding-bottom:10px;}
#granny .right{float:none;}
#building-services {padding-bottom:30px;}
#building-services .left{float:none; width:99%; padding-top:74px; padding-bottom:10px;}
#building-services  .right{float:none; width:99%;}
#building-services .right .box{width:100%;}
#building-services .right .box .left {padding-top:20px;}
#cabins {padding-bottom:30px;}
#cabins .left{float:none; width:99%; padding-top:74px; padding-bottom:10px;}
#cabins .right{float:none; width:99%;}
#cabins .right .box{width:100%;}
#cabins .right .box .left {padding-top:20px;}
#news #news_item{padding:10px 0;}
#news_item .right{float:left; width:99%; padding-top:25px;}
#news_item  .left{float:left;width:99%}

#news_item .left .box {width: 99%;float:left;padding-bottom:50%; margin-top:20px; }
#news_article .right{float:right; width:99%;padding-top:25px;}
#news_article  .left{float:right; width:99%}
#news_article .left .box {width: 30.5%;float:left;padding-bottom:30%; margin-top:20px; margin-right:2%;}
#contact #details .left {float: none;width: 99%;}
#contact #details .right {float: none;width: 99%; }
#contact #details .left .contactinfo .left{float:left;}
#contact #details .left .contactinfo .right{float:left;}
@media screen and (max-width: 871px) {
#head .menu ul li a {font-size:16px;}
 #inner-head #head .menu ul li a {font-size:16px;}
#main-inner-head #head .menu ul li a {font-size:16px;}
 #inner-head #home-orange {width:70%;}
 #main-inner-head #home-orange {width:70%;}
}

@media screen and (max-width: 829px) {
 #head .menu ul li a {font-size:14px;}
 #inner-head #head .menu ul li a {font-size:14px;}
 #main-inner-head #head .menu ul li a {font-size:14px;}
 #inner-head #home-orange {width:69%;}
 #main-inner-head #home-orange {width:69%;}
}
@media screen and (max-width: 770px) {
#inner-head #head .menu ul li {padding: 0 10px;}
#main-inner-head #head .menu ul li {padding: 0 10px;}
#head .menu ul li {padding: 0 10px;}
}
@media screen and (max-width: 767px) {
#contact-footer .right{font-size:13px;}
}
@media screen and (max-width: 715px) {
#main-inner-head #head .menu ul li {padding: 0 6px;}
#head .menu ul li {padding: 0 6px;}
#inner-head #head .menu ul li {padding: 0 6px;}
}
@media screen and (max-width: 703px) {
#circles .box{width:-moz-calc((100% - 120px)/2);width:calc((100% - 120px)/2);width:-webkit-calc((100% - 120px)/2);}
#circles .box:nth-child(3){margin-left:40px;}
}

@media screen and (max-width: 650px) {
#head{display:none;}
#head .menu ul li:hover ul.dropdown {display:none;}
#head .menu ul li:hover ul.dropdown2{display:none;}
#inner-head#head .menu ul li a.login{color:#ffffff;}
#inner-head #head .menu ul li a.selected{color:#ffffff;}
#inner-head #head .menu ul li:hover ul.dropdown{display:none;}
#inner-head #head .menu ul.dropdown { top:-60px; margin-left:175px;background:#F99B25;} 
#inner-head #head .menu ul.dropdown2 {height:60px; top:-60px; margin-left:175px;background:#F99B25;} 
#inner-head #head .menu ul li:hover ul.dropdown2{display:none;}
#inner-head{display:block;}
#inner-head #head{display:block;}
#inner-head #home-black{width:100%; display:block;}
#inner-head #home-orange{width:100%; top:100px; height:60px; }
#inner-head #head .menu ul{display:none;background:rgba(0,0,0,0);padding-bottom: 20px; width:100%; margin-left:-17px;}
#inner-head #head .menu input[type=checkbox]:checked ~ ul {display: block; z-index:2; position:absolute; background:#404040; padding:10px; width:100%; margin-top:0px; font-size:initial; text-align:center;}
#inner-head #head .menu label{display:block;cursor:pointer; text-align:center; height:40px; padding-top: 20px;}
#inner-head #head .menu ul li a.dropdown{display: none!important;background:#F99B25;position: inherit;float: left;text-align: left;margin-top: 10px !important;margin-left: 0;width: 100%;line-height: inherit; }
#inner-head #head .menu ul li a.dropdown2{display: none!important;background:#F99B25;position: inherit;float: left;text-align: left;margin-top: 10px !important;margin-left: 0;width: 100%;line-height: inherit; }
#inner-head #head .menu {margin-top: 20px}
#inner-head #head .logo{width:100%;}
#inner-head #head .menu{line-height: 20px;font-size: 20px;max-height: inherit;margin-top:0;width:100%; }
#inner-head #head .menu ul li{width:100%;margin-top: 10px; padding:0;}
#inner-head #head .menu ul li:first-child{margin-top: 0px;}
#inner-head #head .menu ul li a{font-size:20px; width:100%;}

#main-inner-head #head .menu ul li a.login{color:#ffffff;}
#main-inner-head #head .menu ul li a.selected{color:#ffffff;}
#main-inner-head #head .menu ul.dropdown { top:-60px; margin-left:175px;background:#F99B25;} 
#main-inner-head #head .menu ul.dropdown2 { height:60px; top:-60px; margin-left:175px;background:#F99B25;} 
#main-inner-head #head .menu ul li:hover ul.dropdown{display:none;}
#main-inner-head {display:block!important;margin-top: 60px;}
#main-inner-head #head{display:block!important;}
#main-inner-head #home-black{width:100%; display:block;}
#main-inner-head #home-orange{width:100%; top:100px; height:60px; }
#main-inner-head #head .menu ul{display:none;background:rgba(0,0,0,0);padding-bottom: 20px; width:100%; margin-left:-17px;}
#main-inner-head #head .menu input[type=checkbox]:checked ~ ul {display: block; z-index:2; position:absolute; background:#404040; padding:10px; width:100%; box-sizing:border-box;left:0;margin-left:0;margin-top:0px;font-size:initial; text-align:center;}
#main-inner-head #head .menu label{display:block;cursor:pointer; text-align:center; height:40px; padding-top: 20px;}
#main-inner-head #head .menu ul li a.dropdown{display: none!important;background:#F99B25;position: inherit;float: left;text-align: left;margin-top: 10px !important;margin-left: 0;width: 100%;line-height: inherit; }
#main-inner-head #head .menu ul li a.dropdown2{display: none!important;background:#F99B25;position: inherit;float: left;text-align: left;margin-top: 10px !important;margin-left: 0;width: 100%;line-height: inherit; }
#main-inner-head #inner-head #head .menu {margin-top: 20px}
#main-inner-head #head .logo{width:100%;}
#main-inner-head #head .menu{line-height: 20px;font-size: 20px;max-height: inherit;margin-top:0;width:100%; }
#main-inner-head #head .menu ul li{width:100%;margin-top: 10px; padding:0;}
#main-inner-head #head .menu ul li:first-child{margin-top: 0px;}
#main-inner-head #head .menu ul li a{font-size:20px; width:100%;}

/*#featured{display:none;}*/
/*#grey-bar{display:none;}*/
#circles{display:none;}
#main{/* padding-top:40px; */}
#main h2{margin-top:0;}
#about  {padding-top:60px;min-height:724px;}
#residential {padding-top:60px;min-height:694px;}
#commercial {padding-top:60px;min-height:694px;}
#granny {padding-top:60px;min-height:694px;}
#building-services {padding-top:60px;min-height:694px;}
#cabins {padding-top:60px;min-height:694px;}
#news {padding-top:160px;}
#news_detail{padding-top:60px;} 
#news #news_item{padding:10px 0; min-height:609px;}
#contact{padding-top:160px;}
#login{padding-top:160px;}
#MSDS{padding-top:160px;}
#home-splash{display:none!important;}
#about .left{float:none; width:99%; padding-top:74px; padding-bottom:10px;}
#about .right{display:none;}
#residential .left{float:none; width:99%; padding-top:74px; padding-bottom:10px;}
#residential .right{display:none;}
#commercial .left{float:none; width:99%; padding-top:74px; padding-bottom:10px;}
#commercial .right{display:none;}
#granny .left{float:none; width:99%; padding-top:74px; padding-bottom:10px;}
#granny .right{display:none;}
#building-services .left{float:none; width:99%; padding-top:74px; padding-bottom:10px;}
#cabins .left{float:none; width:99%; padding-top:74px; padding-bottom:10px;}
/*#building-services  .right{display:none;}*/
#news #news_item{padding:10px 0;}
#news_item .right{float:none; width:99%;}
#news_item  .left{display:none;}
#news_detail .right{float:none; width:99%;}
#news_detail  .left{display:none;}
#contact-footer{display:none;}
#loginform .form {width:96%;  margin-left:calc((100% - 96%)/2);margin-left:-webkit-calc((100% - 96%)/2);margin-left:-moz-calc((100% - 96%)/2); left:0;}
#loginform{min-height:600px;}
}

@media screen and (max-width: 678px) {

#MSDSDetails .row {width:33%; float:left; padding-top:10px;}
#MSDSDetails .row .box {border:2px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; width: 47.6%; float: left; height: 0; padding-bottom: 25%; position: relative; background-size: contain; background-position: center center;  background-repeat: no-repeat;}
#MSDSDetails .row .box:nth-child(2){border-bottom:1px solid #ddd; border-left:1px solid #ddd;border-top:2px solid #ddd;  border-right:2px solid #ddd;}
#MSDSDetails .row .box:nth-child(3){border-right:1px solid #ddd; border-top:1px solid #ddd;border-left:2px solid #ddd; border-bottom:2px solid #ddd;}
#MSDSDetails .row .box:last-child{border-top:1px solid #ddd; border-bottom:2px solid #ddd; border-left:1px solid #ddd; border-right:2px solid #ddd;}
#MSDSDetails .row a {width: 100%;  float: left; height: 0; padding-bottom: 55.75%; position: relative; }

#MSDSDetails .secondlastrow {width:33%; float:left; padding-top:10px;}
#MSDSDetails .secondlastrow .box {border:2px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; width: 47.6%; float: left; height: 0; padding-bottom: 25%; position: relative; background-size: contain; background-position: center center;  background-repeat: no-repeat;}
#MSDSDetails .secondlastrow .box:nth-child(2){border-bottom:1px solid #ddd; border-left:1px solid #ddd;border-top:2px solid #ddd;  border-right:2px solid #ddd;}
#MSDSDetails .secondlastrow .box:nth-child(3){border-right:1px solid #ddd; border-top:1px solid #ddd;border-left:2px solid #ddd; border-bottom:2px solid #ddd;}
#MSDSDetails .secondlastrow .box:last-child{border-left:1px solid #ddd; border-bottom:2px solid #ddd;border-right:2px solid #ddd;border-top:1px solid #ddd;}
#MSDSDetails .secondlastrow a {width: 100%;  float: left; height: 0; padding-bottom: 55.75%; position: relative; }

#MSDSDetails .lastrow {width:33%; float:left;padding-top:10px;}
#MSDSDetails .lastrow .box {border:2px solid #ddd; border-right:1px solid #ddd; width: 47.6%; float: left; height: 0; padding-bottom: 25%; position: relative; background-size: contain; background-position: center center;  background-repeat: no-repeat;}
#MSDSDetails .lastrow .box:nth-child(2) {border:2px solid #ddd; border-left:1px solid #ddd; width: 47.6%; float: left; height: 0; padding-bottom: 25%; position: relative; background-size: contain; background-position: center center;  background-repeat: no-repeat;}
#MSDSDetails .lastrow .box:last-child{border-bottom:2px solid #ddd;  border-left:1px solid #ddd; border-right:2px solid #ddd; border-top: none;}
#MSDSDetails .lastrow a {width: 100%;  float: left; height: 0; padding-bottom: 55.75%; position: relative; }
}
@media screen and (max-width: 626px) {
#contact-footer .right{font-size:11px;}
}

@media screen and (max-width: 600px) {

#MSDSDetails .row {width:100%; float:left; padding-top:0px;}
#MSDSDetails .row .box{width: 100%; float: left; height: 0; padding-bottom: 25%; position: relative; background-size: contain; background-position: center center;  background-repeat: no-repeat;}
#MSDSDetails .row .box:first-child { border:2px solid #ddd!important;}
#MSDSDetails .row .box:nth-child(1n){border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:2px solid #ddd;border-top:none;}
#MSDSDetails .row .box:last-child{border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:none;border-top:none;}

#MSDSDetails .row a {width: 100%;  float: left; height: 0; padding-bottom: 55.75%; position: relative; }

#MSDSDetails .secondlastrow {width:100%; float:left; padding-top:0px;}
#MSDSDetails .secondlastrow .box{width: 100%; float: left; height: 0; padding-bottom: 25%; position: relative; background-size: contain; background-position: center center;  background-repeat: no-repeat;}
#MSDSDetails .secondlastrow .box:first-child { border:2px solid #ddd!important;}
#MSDSDetails .secondlastrow .box:nth-child(1n){border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:2px solid #ddd;border-top:none;}
#MSDSDetails .secondlastrow .box:last-child{border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:none;border-top:none;}
#MSDSDetails .secondlastrow a {width: 100%;  float: left; height: 0; padding-bottom: 55.75%; position: relative; }

#MSDSDetails .lastrow {width:100%; float:left; padding-top:0px;}
#MSDSDetails .lastrow .box{width: 100%; float: left; height: 0; padding-bottom: 25%; position: relative; background-size: contain; background-position: center center;  background-repeat: no-repeat;}
#MSDSDetails .lastrow .box:first-child { border:2px solid #ddd!important;}

#MSDSDetails .lastrow .box:nth-child(2){border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:2px solid #ddd;border-top:none; width:100%;}
#MSDSDetails .lastrow .box:last-child{border-left:2px solid #ddd;border-right:2px solid #ddd;border-bottom:2px solid #ddd;border-top:none;}
#MSDSDetails .lastrow a {width: 100%;  float: left; height: 0; padding-bottom: 55.75%; position: relative; }
}


@media screen and (max-width: 485px) {
#footer .zimple {float: none;}
#footer .bott .right {float: none; text-align: center;}
#footer .bott .left {float: none; text-align: center;}
}
@media screen and (max-width: 450px) {
#news_item .left .box {width: 100%;float:none;padding-bottom:73%;}
#news_article .left .box {width: 100%;float:none;padding-bottom:73%;}
}

@media screen and (max-width: 323px) {
#contact input[type="submit"]{width:80px; }
}