@import url('https://fonts.googleapis.com/css?family=Rajdhani:300,400,500,600,700');@import url(ttps://fonts.googleapis.com/css?family=Roboto:300,400,500,700);h1, h3, h4{font-weight:200;font-family:'Roboto', sans-serif;}
h1{font-size:40px;font-size:4rem;font-weight:200;color:#1d1e1f;}
h2{font-size:30px;font-size:3rem;font-weight:400;}
h2 span{font-weight:600;}
h3, h4{font-size:18px;font-size:1.8rem;color:#1d1e1f;font-weight:600;font-family:'Rajdhani', sans-serif;}
a{text-decoration:none;color:inherit;}
p{font-size:16px;}
.address p{line-height:150%;}
.pos3{position:relative;margin-top:-150px;z-index:100;text-align:right;}
.pos2{position:relative;margin-top:-80px;z-index:80;}
.pt10{padding-top:15px;}
html{font-size:62.5%;margin:0 auto;}
*{box-sizing:border-box;-moz-box-sizing:border-box;}
#mapbox{width:100%;height:500px;}
body{text-rendering:optimizeLegibility;font-size:18px;font-size:1.8rem;color:#555;font-family:'Roboto', sans-serif;font-weight:300;margin:0;}
.container{max-width:90%;margin:auto;background-color:#fff;position:relative;}
.contact-banner{width:100%;height:40px;margin-right:20px;background-color:#f7931f;color:white;text-align:right;}
.contact-banner ul{list-style:none;margin:0px;display:inline-block;padding:0;}
.contact-banner ul li{float:left;line-height:40px;margin:0px 30px 0px 0px;list-style:none;font-style:italic;font-size:15px;}
.contact-banner i{color:white;padding-left:5px;}
header{width:100%;position:relative;height:150px;overflow:hidden;line-height:150%;background-color:#141414;width:100%;padding:0 0px 0px 40px;}
.logo{margin-top:20px;line-height:200%;padding:0;}
.logo img{height:110px;}
.logo span{font-size:38px;line-height:50px;font-family:'Rajdhani', sans-serif;}
.contact{margin-top:40px;}
.contact i{width:100px;height:100px;display:inline-block;text-align:center;color:#1d1e1f;float:left;font-size:40px;line-height:70px;}
.contact p{color:white;text-transform:uppercase;line-height:20px;font-size:14px;text-align:left;margin-bottom:0;font-weight:bold;}
.contact a{text-transform:uppercase;font-size:16px;text-decoration:none;font-weight:bold;color:white;}
.nav{width:100%;background-color:#f7931f;height:50px;position:relative;}
.nav::after{width:100%;height:25px;content:" ";background-color:#fff;opacity:0.1;top:0;left:0;position:absolute;pointer-events:none;}
nav{width:100%;position:relative;z-index:10;height:50px;padding:0px;}
nav ul{padding:0;margin:0;}
nav ul li{display:inline-block;float:left;height:100%;}
nav ul li a{color:white;text-transform:uppercase;font-size:13px;padding:0 10px;line-height:50px;position:relative;float:left;min-width:125px;text-align:center;}
nav ul li a:hover{background-color:rgba(0, 0, 0, 0.1);}
nav ul li a, nav ul li nav a:active, nav ul li nav a:visited, nav ul li nav a:link{color:#fff;text-decoration:none;}
nav ul li ul.dropdown{padding:0px;position:absolute;top:50px;width:300px;background:rgba(29, 30, 31, 0.8);text-align:left;display:none;opacity:1;visibility:hidden;}
nav ul li ul.dropdown li{width:100%;display:block;color:#fff !important;color:#f7931f;display:block;opacity:1;visibility:visible;}
nav ul li ul.dropdown li:hover a{border:none;background:rgba(15, 34, 74, 0.8);-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
nav ul li ul.dropdown li a{border:none;line-height:50px;display:block;color:#111112;font-size:13px;color:white;width:100%;text-align:left;}
nav ul li.services:hover > ul.dropdown{display:block;visibility:visible;}
#button, .mobi{display:none !important;}
.phone{display:none;}
.sms{display:none;}
.email{display:none;}
.banner{width:100%;height:500px;z-index:1;}
.banner:after{content:'';position:absolute;width:60%;height:100%;background-color:#000008;top:0px;opacity:0.4;pointer-events:none;left:0px;z-index:0;}
.banner2{width:100%;height:250px;z-index:1;}
.banner2:after{content:'';position:absolute;width:60%;height:100%;background-color:#000008;top:0px;opacity:0.4;pointer-events:none;left:0px;z-index:0;}
.middle{float:left;width:48%;padding:60px 40px 0px 40px;position:absolute;z-index:2;height:100%;color:white;}
.middle h1{font-size:38px;color:white;font-family:'Rajdhani', sans-serif;}
.middle a{color:white;display:inline-block;font-size:20px;line-height:60px;margin-top:10px;padding:0 10px;position:relative;background-color:#f7931f;}
.middle .cta{display:inline-block;line-height:40px;padding:0px 18px;color:#EEE;font-size:15px;text-transform:uppercase;margin:20px 4px;}
.middle .cta:before{width:100%;height:50%;content:" ";background-color:#fff;opacity:0.1;top:0;left:0;position:absolute;pointer-events:none;}
.call-back{width:100%;height:75px;line-height:75px;bottom:0px;left:0;right:0;position:absolute;overflow:hidden;background-color:rgba(29, 30, 31, 0.6);margin:0 auto;display:block;z-index:1;}
.call-back h5{color:white;font-size:16px;padding-left:30px;font-weight:300;font-family:'Roboto', sans-serif;margin:0;}
.call-back .button{height:75px;line-height:45px;text-align:center;color:white;font-size:16px;padding:15px 20px 15px 20px;}
.call-back .button a{display:block;width:100%;height:100%;border:1px solid white;}
.gallery{width:100%;padding:20px;position:relative;overflow:hidden;z-index:1;margin:50px 0px 50px 0px;}
.gallery h3{padding-top:10px;font-weight:500;margin:10px;clear:both;}
.img-area{float:left;width:20%;padding:12px;overflow:hidden;position:relative;z-index:2;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;-webkit-filter:brightness(70%);}
.img-area:hover{-webkit-filter:brightness(100%);}
.img-area::before{content:" ";width:00%;height:calc(100% - 24px);top:12px;left:12px;z-index:20;position:absolute;opacity:0.3;pointer-events:none;background-color:white;}
.img-area::after{content:" ";width:100%;height:100%;top:0;left:0;z-index:20;position:absolute;-webkit-transition:all 600ms cubic-bezier(1,.11,.52,.99);-moz-transition:all 600ms cubic-bezier(1,.11,.52,.99);-o-transition:all 600ms cubic-bezier(1,.11,.52,.99);transition:all 600ms cubic-bezier(1,.11,.52,.99);opacity:0;pointer-events:none;background-image:url(../images/icons/zoom.svg);background-position:center center;background-repeat:no-repeat;-webkit-background-size:10%;background-size:10%;}
.img-area img{width:100%;margin:0!important;}
.img-area a{margin:0!important;}
.img-area:hover::after{-webkit-background-size:20%;background-size:20%;opacity:0.75;}
.img-area:hover::before{width:calc(100% - 24px);}
.supplierimg{float:left;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;margin:10px;width:16%;-webkit-filter:brightness(100%);}
.supplierimg img{width:100%;}
.main{float:left;width:100%;background-color:white;position:relative;z-index:1;padding:50px 0px 50px 0px;}
.home{overflow:hidden;width:100%;}
blockquote{margin:20px 0 0 0;padding:30px;background-color:#EEE;border-left:4px solid #f7931f;font-style:italic;}
blockquote p:last-child{margin-top:20px;text-align:right;}
.why{background-color:#f7931f;background-image:url(../images/pattern.png);}
.why h2{font-family:'Rajdhani', sans-serif;font-size:26px;color:#FFF;margin:0;}
.why ol h3{font-style:initial;font-family:'Rajdhani', sans-serif;margin:5px 0 20px 0;color:#FFF;}
.why .medium-8{padding:50px!important;}
.imgReason{position:relative;min-height:650px;}
.imgReason:before{height:100%;position:absolute;background-color:red;content:'';width:calc(100% + 250px);right:0;z-index:1;background-image:url(../images/side.jpg);-webkit-background-size:cover;background-size:cover;}
.why ol{list-style-type:none;font-size:12px;color:#EEE;margin:0!important;padding:0;margin-left:3em;font-family:'Montserrat', sans-serif;counter-reset:li-counter;font-style:italic;}
.why ol li{position:relative;margin:0;margin-top:20px;width:100%;padding:20px 20px 20px 85px;background:rgba(0,0,0,0.1);min-height:3em;}
.why ol > li:before{position:absolute;top:0;left:0px;font-family:'Roboto', sans-serif;padding-top:10px;width:55px;text-align:center;height:100%;background-color:rgba(0,0,0,0.1);font-size:2em;line-height:1;font-weight:bold;color:white;content:counter(li-counter);counter-increment:li-counter;}
.why p{font-size:12px;}
.content{padding:0 40px 40px 40px;position:relative;z-index:9;}
.content h2{margin:0;font-family:'Rajdhani', sans-serif;}
.whylist{margin-bottom:20px;font-family:'Roboto', sans-serif;overflow:hidden;padding:0;}
.whylist ul{width:100%;}
.whylist li{padding-left:10px;float:left;list-style:none;font-size:14px;color:white;width:100%;line-height:35px;background:rgba(15, 34, 74, 0.9);}
.whylist li:nth-child(even){background-color:#0066cc;}
.whylist li:before{content:"\f14a";font-family:FontAwesome;display:inline-block;font-size:14px;margin-left:.3em;margin-right:.3em;width:1.3em;}
.serviceslist{margin-bottom:20px;font-family:'Roboto', sans-serif;overflow:hidden;padding:0;-webkit-columns:2;-moz-columns:2;-ms-columns:2;-o-columns:2;columns:2;}
.serviceslist ul{width:100%;}
.serviceslist li{padding-left:10px;float:left;list-style:none;font-size:16px;color:#1d1e1f;width:100%;line-height:50px;background:rgba(15, 34, 74, 0.1);}
.serviceslist li:nth-child(even){background:rgba(15, 34, 74, 0.3);}
.serviceslist li:before{content:"\f14a";font-family:FontAwesome;display:inline-block;font-size:16px;margin-left:.3em;margin-right:.3em;width:1.3em;}
.contacts{text-align:right;float:right;margin-top:40px;}
.contacts a{line-height:50px;font-size:15px;margin-left:20px;font-weight:300;color:#fff;}
.contacts a img{height:30px;margin-right:15px;}
.contacts i{padding-right:10px;display:inline-block;color:#f7931f;font-size:18px;}
.boxes{padding:20px 0px 30px 0px;}
.box{height:400px;position:relative;z-index:4;margin-bottom:20px;box-shadow:inset 0 400px rgba(0, 0, 0, 0.1);}
.box .caption{width:60%;position:absolute;padding:10px;text-align:left;background:#f7931f;background:rgba(15, 34, 74, 0.9);z-index:10;left:0;bottom:40px;}
.box .caption p{color:#fff;margin:0px;}
.box .caption h2{color:#fff;font-size:18px;font-weight:400;margin:0;}
.box .caption a{color:#fff;}
.sidebar{padding-top:30px;padding-bottom:30px;}
.sidebar ul{list-style:none;margin-left:-22px;}
.sidebar ul a{font-size:14px;line-height:20px;list-style:none;}
.sidebar p{margin:0;font-size:18px;font-weight:500;}
.sidebar hr{width:90%;display:inline-block;background-color:#1476b3;border:none;height:3px;}
.amcs{background-color:#111112;overflow:hidden;}
.amcs .left{text-align:left;}
.amcs .right{text-align:right;}
.amcs p{font-size:12px;color:white;text-transform:uppercase;letter-spacing:0.5px;margin:10px 0;line-height:34px;}
.socialbar{background-color:#111112;padding:10px 0;position:relative;}
.socialbar p{float:left;line-height:60px;color:white;margin:0;font-size:16px;}
.socialicons{text-align:right;}
.social{display:inline-block;width:40px;height:40px;line-height:40px;background-color:white;text-align:center;color:#1d1e1f;font-size:20px;margin:10px 2px;transform:background-color 0.5s;}
.social:hover{background-color:#f7931f;color:white;}
.images{background-color:#1d1e1f;padding:20px;}
.images img{width:100%;}
.images h3{color:white;}
.images h4{font-size:25px;color:white;font-weight:200;margin-top:0;}
.images p{font-size:14px;color:white;font-weight:200;}
.images .caption{background-color:#f7931f;padding:10px;color:white;text-align:center;}
.images .caption p{font-size:20px;font-weight:500;}
.images .caption h4{font-size:25px;color:white;font-weight:200;}
.images .accred{background-color:white;padding:10px;}
.images .accred img{display:inline-block;text-align:center;width:auto;height:85px;padding:10px;}
.contactform .form-small input, footer .contactform .form-small textarea{width:100%;border:1px solid #bbb;padding:4px;margin-top:10px;font-size:13px;font-size:1.3rem;color:white;height:30px;background:rgba(0, 0, 0, 0.2);outline-color:#f7931f;float:left;}
.contactform textarea{width:100%;border:1px solid #bbb;padding:4px;margin-top:10px;height:150px;background:rgba(0, 0, 0, 0.2);outline-color:#f7931f;color:white;font-size:13px;font-size:1.3rem;margin-left:0px;}
.contactform img{width:50%;}
.contactform input[type="submit"]{background:#f7931f;color:white;border:0;padding:9px 3px;float:right;margin-top:10px;margin-bottom:20px;width:15%;font-family:'Roboto', sans-serif;font-size:10px;font-size:1rem;font-weight:200;}
.contactform::-webkit-input-placeholder{font-family:'Roboto', sans-serif;font-style:italic;font-weight:200;color:white;font-size:12px;font-size:1.2rem;}
.contactform::-moz-placeholder{color:#183574;font-size:12px;font-size:1.2rem;}
.contactform:-ms-input-placeholder{color:#183574;font-size:12px;font-size:1.2rem;}
.contactform:-moz-placeholder{color:#183574;font-size:12px;font-size:1.2rem;}
footer{background-color:#1d1e1f;padding:40px;overflow:hidden;}
footer h4{font-family:'Rajdhani', sans-serif;color:white;font-size:18px;text-transform:uppercase;letter-spacing:1px;margin:40px 0 10px 0;}
footer #mapbox{width:100%;height:200px;}
footer .contactform .form-small input, footer .contactform .form-small textarea{width:100%;border:1px solid #bbb;padding:4px;margin-top:10px;font-size:13px;font-size:1.3rem;color:white;height:30px;background:rgba(0, 0, 0, 0.2);outline-color:#f7931f;float:left;}
footer .contactform textarea{width:100%;border:1px solid #bbb;padding:4px;margin-top:10px;height:200px;background:white;outline-color:#f7931f;margin-left:0px;}
footer .contactform img{width:50%;}
footer .contactform input[type="submit"]{background:#f7931f;color:white;border:0;padding:9px 3px;float:right;margin-top:10px;margin-bottom:20px;width:15%;font-family:'Roboto', sans-serif;font-size:10px;font-size:1rem;font-weight:200;}
footer .contactform::-webkit-input-placeholder{font-family:'Roboto', sans-serif;font-style:italic;font-weight:200;color:white;font-size:12px;font-size:1.2rem;}
footer .contactform::-moz-placeholder{color:#183574;font-size:12px;font-size:1.2rem;}
footer .contactform:-ms-input-placeholder{color:#183574;font-size:12px;font-size:1.2rem;}
footer .contactform:-moz-placeholder{color:#183574;font-size:12px;font-size:1.2rem;}
footer .social{display:inline-block;width:40px;height:40px;line-height:40px;background-color:white;text-align:center;color:#34495e;font-size:20px;margin:10px 2px;transform:background-color 0.5s;}
footer .social:hover{background-color:#f7931f;color:white;}
footer ul{padding:0;}
footer ul li{color:white;opacity:0.8;font-size:14px;line-height:28px;list-style:none;text-transform:uppercase;}
footer ul li a{font-weight:bold;}
footer ul li:before{font-family:ionicons;content:'\f125';font-size:14px;color:#f7931f;margin-right:10px;}
footer hr{width:80px;display:inline-block;background-color:#f7931f;border:none;height:2px;}
footer .about{margin-bottom:30px;}
footer p{color:white;margin:4px 0 20px 0;max-width:540px;opacity:0.8;font-style:italic;font-size:14px;line-height:24px;}
@media screen and (max-width:1400px){.middle{float:left;width:75%;padding:60px 40px 0px 40px;position:absolute;z-index:2;height:100%;color:white;}
.contact a{font-size:14px;}
.banner{width:100%;height:500px;z-index:1;}
.projects{background:white;padding:50px 0px 50px 0px;width:100%;height:auto;position:relative;overflow:hidden;}
.projects .cta{background:#f7931f;color:white;bottom:0;padding:10px;display:block;margin:0 auto;width:150px;text-align:center;}
.projects:before{width:65%;}
}
@media screen and (max-width:1038px){header img{float:none;width:auto;margin:0;max-width:100%;}
.banner{width:100%;min-height:500px;height:550px;z-index:1;}
.logo{text-align:center;padding:20px;margin:0;width:100%;}
header{padding:0;}
.middle{float:left;width:80%;padding:40px 40px 0px 40px;position:absolute;z-index:2;height:100%;color:white;}
.call-back h5{font-size:12px;padding-left:10px;}
.call-back .button{font-size:12px;}
.contact{display:none;}
.main{padding:20px 0px 20px 0px;}
.projects{background:white;padding:50px 0px 50px 0px;width:100%;height:auto;position:relative;overflow:hidden;}
.projects .cta{background:#f7931f;color:white;bottom:0;padding:10px;display:block;margin:0 auto;width:150px;text-align:center;}
.projects:before{width:75%;}
.mobi-ban a{float:right;display:block;width:50px;height:50px;text-align:center;line-height:50px;color:white;font-size:22px;}
#button{display:block !important;width:80%;text-align:left;float:left;margin-left:5px;}
#button i{color:white;text-align:left;line-height:50px;}
#button a{float:right;display:block;width:50px;height:50px;text-align:center;line-height:50px;color:white;font-size:22px;}
.phone{background-color:rgba(0, 0, 0, 0.4);}
.sms{background-color:rgba(0, 0, 0, 0.4);}
.email{background-color:rgba(0, 0, 0, 0.4);}
.nav{background-color:#f7931f;width:100%;position:relative;z-index:10;height:50px;padding:0px;}
nav:after{display:none;}
nav{width:280px;height:auto;overflow:hidden;background-color:#1d1e1f;left:-280px;z-index:999;transition:left 0.5s;}
nav ul{padding:0;margin:0;}
nav ul li{display:block;float:left;height:100%;width:100%;}
nav ul li a{color:white;text-transform:uppercase;font-size:13px;padding:0 10px;line-height:50px;position:relative;float:left;width:125px;text-align:left;width:100%;}
nav ul li a:hover{background-color:rgba(0, 0, 0, 0.1);}
nav ul li a, nav ul li nav a:active, nav ul li nav a:visited, nav ul li nav a:link{color:#fff;text-decoration:none;}
nav ul li ul.dropdown{padding:0px;position:relative;top:0px;width:100%;text-align:right;display:none;opacity:1;visibility:hidden;background:#111112;}
nav ul li ul.dropdown li{width:100%;display:block;padding-right:0px;color:#fff;color:white;display:block;opacity:1;visibility:visible;}
nav ul li ul.dropdown li:hover a{margin-top:25px;margin:0px;border:none;background-color:#1d1e1f;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition:all 0.5s ease-in-out;}
nav ul li ul.dropdown li a{border:none;line-height:40px;display:block;color:white;font-size:12px;margin:0px;padding-left:15px;}
.mobinav{left:0px;}
}
@media screen and (max-width:768px){footer{background-color:#1d1e1f;padding:20px;overflow:hidden;}
.img-area{float:left;width:33.33%;padding:5px;overflow:hidden;position:relative;z-index:2;}
.supplierimg{float:left;width:33.33%;padding:5px;overflow:hidden;position:relative;z-index:2;}
.banner{width:100%;min-height:550px;height:550px;z-index:1;}
.banner:after{content:'';position:absolute;width:100%;height:100%;background-color:#000008;top:0px;opacity:0.4;pointer-events:none;left:0px;z-index:0;}
.mobi-ban a{float:right;display:block;width:50px;height:50px;text-align:center;line-height:50px;color:white;font-size:22px;}
#button{display:block !important;width:50%;text-align:left;float:left;margin-left:5px;}
#button i{color:white;text-align:left;line-height:50px;}
#button a{float:right;display:block;width:50px;height:50px;text-align:center;line-height:50px;color:white;font-size:22px;}
.phone{background-color:rgba(0, 0, 0, 0.4);}
.sms{background-color:rgba(0, 0, 0, 0.4);}
.email{background-color:rgba(0, 0, 0, 0.4);}
.nav{background-color:#f7931f;width:100%;position:relative;z-index:10;height:50px;padding:0px;}
nav:after{display:none;}
nav{width:280px;height:auto;overflow:hidden;background-color:#1d1e1f;left:-280px;z-index:999;transition:left 0.5s;}
nav ul{padding:0;margin:0;}
nav ul li{display:block;float:left;height:100%;width:100%;}
nav ul li a{color:white;text-transform:uppercase;font-size:13px;padding:0 10px;line-height:50px;position:relative;float:left;width:125px;text-align:left;width:100%;}
nav ul li a:hover{background-color:rgba(0, 0, 0, 0.1);}
nav ul li a, nav ul li nav a:active, nav ul li nav a:visited, nav ul li nav a:link{color:#fff;text-decoration:none;}
nav .middle{padding:20px 20px 0px 20px;}
nav .middle h2{font-size:32px;}
.mobinav{left:0px;}
.middle{width:100%;}
.middle h2{font-size:32px;}
.call-back{display:none;}
.main{float:left;width:100%;background-color:white;position:relative;}
.projects{background:white;padding:50px 0px 50px 0px;width:100%;height:auto;position:relative;overflow:hidden;}
.projects .cta{background:#f7931f;color:white;bottom:0;padding:10px;display:block;margin:0 auto;width:150px;text-align:center;}
.projects:before{width:75%;}
.serviceslist{margin-bottom:20px;font-family:'Roboto', sans-serif;overflow:hidden;padding:0;-webkit-columns:1;-moz-columns:1;-ms-columns:1;-o-columns:1;columns:1;}
}
@media screen and (max-width:480px){.img-area{float:left;width:50%;padding:5px;overflow:hidden;position:relative;z-index:2;}
.socialicons{text-align:left;}
.socialbar{background-color:#111112;padding:20px;position:relative;}
.socialbar p{float:left;line-height:40px;color:white;margin:0;font-size:16px;text-align:center;}
.banner{width:100%;min-height:700px;height:700px;z-index:1;}
.banner:after{content:'';position:absolute;width:100%;height:100%;background-color:#000008;top:0px;opacity:0.4;pointer-events:none;left:0px;z-index:0;}
header img{float:none;width:auto;margin:0;max-width:100%;}
.producttoggler{background-color:#72ce2b;position:relative;line-height:40px;text-align:center;display:block;color:white;text-transform:uppercase;font-weight:300;font-size:13px;letter-spacing:1px;width:100%;}
.producttoggler::after{width:100%;height:20px;content:" ";background-color:#fff;opacity:0.2;top:0;left:0;position:absolute;pointer-events:none;}
.sidebar ul{display:none;}
.showproducts{display:block;}
.selection{padding-top:0;}
.why .small-12{padding:20px!important;}
.why ol li{position:relative;margin:0;width:100%;padding:20px;background:rgba(0,0,0,0.1);min-height:3em;}
.why ol > li:before{display:none;}
}