html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
strong,b{font-weight:700;}
em,i{font-style:italic;}

body {
	 font-family:azo-sans-web,sans-serif; 
	font-size:18px;font-weight:400;
	color:#000000;line-height:1.2; position:relative;
}
a {
	-moz-transition: all 0.8s ease;
	-o-transition: all 0.8s ease;
	-webkit-transition: all 0.8s ease;
	transition: all 0.8s ease;
	color:#000000;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
	color:#ffc813;
}

.disc ul {list-style:none; margin-bottom:10px;}
.disc ul li {margin-left: 22px;}

h1{font-size:60px;margin-bottom:50px;line-height:1.2; color:#fff;font-weight:700; }
h2{font-size:50px;margin-bottom:50px;line-height:1; color:#000000;font-weight:700;}
h3{font-size:48px;font-weight:bold;margin-bottom:30px;}
h4{font-size:28px;font-weight:bold;margin-bottom:30px;}
p{margin-bottom:30px;}
ul.disc{ padding-left:20px; list-style:disc;}

.container{width:1280px;margin:0px auto; position:relative;}
.top-header{height:68px;line-height:68px; background:#000; color:#fff; font-family:ff-good-headline-web-pro-con,sans-serif;font-size:24px; text-transform:uppercase;}
.top-header .container{width:1340px;}
.top-header ul{ float:right;}
.top-header ul li{ float:left;}
.top-header ul li a{padding:0px 31px; display:block;color:#fff; text-decoration:none;}
.top-header #nav_1912415 > li:last-child > a{ background:url(../images/download.png) no-repeat 30px center #585858;padding-left:70px;}
.top-header ul li a:hover{ background-color:#ffc813;}
.top-header li ul{position:absolute; display:none; background:#000;z-index:1000;}
.top-header li:hover ul{ display:block;}
.top-header li li{ float:none; display:block;}

.header{ background:#ffc813; color:#000;padding:35px 0px;border-bottom:10px solid #000;}
.logo{float:left;margin-top:20px;}
.phone{float:right;text-align:right;font-size:38px;font-family:ff-good-headline-web-pro-con,sans-serif; font-style:italic;}
.white{ color:#fff;}
.phone strong{ font-size:43px; font-weight:normal;}
a.btn-phone{padding:20px 35px; color:#fff; background:#000; text-decoration:none; display:inline-block; font-family:azo-sans-web,sans-serif; font-style:normal;font-size:24px; text-transform:uppercase;}
.phone-btns{margin-top:15px; }
a.btn-phone:hover{ background:#585858;}
.toggle{ display:none;}
.clearfix{ clear:both;}
.header a{ text-decoration:none;}
.sticky{ display:none;}
.sticky.top-header{ position:fixed;width:100%;z-index:200;}
.sticky.top-header li span{ display:none;}
.sticky.top-header .logo-small{ float:left;margin-top:15px;margin-left:30px;}
.banner-home{ background:url(../images/banner-home.jpg) no-repeat center center;}
.banner-home .container{ height:800px;}
.home-caption{ position:absolute;top:140px; right:0px; text-align:right;width:60%;}
.home-caption{ background:url(../images/sgs.png) no-repeat 30px 150px;}
.home-caption a{ display:inline-block;padding:15px 70px; background:#ffc813; color:#fff; text-decoration:none;font-size:24px; text-transform:uppercase;}
.home-caption a:hover{background:#000;}
a.banner-bot{ position:absolute;right:0px;bottom:80px;font-size:30px;font-weight:bold; background:url(../images/arrow.png) no-repeat left center;padding-left:40px; color:#fff;}
.logos{padding:70px 0px; text-align:center; overflow:hidden;}
h2.heading-thin{font-weight:200;}
.testi{font-size:23px;padding:100px 0px;}
blockquote{padding:0px 100px 0px 180px; background:url(../images/quote.png) no-repeat 100px top;}
.commercial{ background:#ffc813; position:relative; overflow:hidden;}
.commercial .img{ background:url(../images/commercial.jpg) no-repeat left top; background-size:cover; position:absolute; top:0px;left:30%;height:100%;width:70%;}
.commercial .caption{width:33%;padding: 40px 40px 40px 0px; text-align:right; box-sizing:border-box;}
a.btn{ background:#000 url(../images/arrow-pad.png) no-repeat right center; color:#fff;padding:15px 80px 15px 30px; text-decoration:none; font-weight:bold;width:260px;font-size:24px; display:inline-block; text-align:left; box-sizing:border-box;}
a.btn-small{ background:#000; color:#fff;padding:10px 20px;text-decoration:none;font-size:18px; display:inline-block; text-align:left; box-sizing:border-box;}
a.btn:hover,a.btn-small:hover{ background-color:#585858;}
a.btn-y{background-color:#ffc813;width:auto;}
a.btn-left{background:#ffc813 url(../images/arrow-l-pad.png) no-repeat left center;padding:15px 30px 15px 80px;}
a.btn-y:hover{background-color:#000;}
img{max-width:100%;}
.residential{ background:#ffc813; position:relative; overflow:hidden;}
.residential .img{ background:url(../images/residential.jpg) no-repeat right top; background-size:cover; position:absolute; top:0px;right:30%;height:100%;width:70%;}
.residential .caption{width:30%;padding: 40px 0px 40px 40px; text-align:left;margin-left:70%; box-sizing:border-box;}
.text-center{text-align:center;}
.grid-sizer{width: 31%;}
.grid-item { width: 31%;border:1px solid #d7d7d7;padding:30px;box-sizing:border-box;margin-bottom:30px; }
.gutter-sizer { width: 2%; }

.contact{ background:url(../images/contact.jpg) no-repeat center center;padding:100px 0px; color:#fff;font-size:36px;border-bottom:12px solid #fff;}
.contact form{width:360px;margin-left:120px;}
input.form-control,select.form-control,textarea.form-control{font-size:18px; font-family:azo-sans-web, sans-serif;padding:20px 30px;width:100%; box-sizing:border-box;border:0px none;margin-bottom:15px;}
textarea.form-control{height:180px;}
.contact-form .form-control{border:1px solid #ccc; color:#888888;}
.check-group{padding:20px 30px;line-height:35px;border:1px solid #ccc; background:#fff;margin-bottom:15px; color:#888888;}
button.btn{ color:#fff; text-transform:uppercase; font-family:azo-sans-web, sans-serif;padding:20px 30px; border:none 0px; background:#ffc813; text-transform:uppercase;font-size:28px;width:100%; box-sizing:border-box; text-align:left;}
.contact-form .form-control-half{width:49%;margin-right:2%; float:left;}
.contact-form .form-control-half:nth-child(2){margin-right:0px;}
.check-col{width:25%; float:left;}

.contact-form button.btn{ width:280px; text-transform:none;font-size:24px;font-weight:bold;max-width:100%;}
button.btn:hover{background:#000;}

.footer{ background:#ffc813;padding:30px 0px;font-size:16px;}
.footer .footer-col-right{margin-top:10px;}

.copyright{ background:#000;padding:25px 0px;  font-size:16px; color:#ffc813; }
.copyright a{ color:#ffc813; text-decoration:none;}
.copyright a:hover{ color:#fff; text-decoration:none;}

.footer a{ color:#000000; text-decoration:none;}
.footer a:hover{ color:#000; text-decoration:underline;}
.footer-col-left{ float:left;}
.footer-col-right{ float:right; text-align:right}
.footer li{ display:inline-block;margin-left:80px; font-weight:bold;}
.banner-page h1{ color:#fff; font-family:ff-good-headline-web-pro-con,sans-serif;margin:0px;font-size:120px; text-transform:uppercase;font-weight:normal;}
.banner-page { background:#000; text-align:center;padding:80px 0px;}
.page-content{padding:50px 0px;}
.row{margin:0px -25px 0px -25px;}
.row-15{margin:0px -15px 30px -15px;}
.row:after{clear:both;content:''; display:block;}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{position:relative;min-height:1px;padding-right:25px;padding-left:25px; float:left; box-sizing:border-box;}
.row-15 .col6{padding-right:15px;padding-left:15px;}
.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}
.column{padding:100px 0px; background:url(../images/about-col.jpg) center center; background-size:cover;}
.column-case{  background-image:url(../images/case-col.jpg); }
.column-supplier{  background-image:url(../images/supplier-col.jpg); }
.ffsa{  background-image:url(../images/ffsa-bg.jpg); }
.column-contact{  background-image:url(../images/contact-col.jpg);}
.column-commercial{  background-image:url(../images/commercial-col.jpg);}
.column-case a > img{width:100%;}
.list-check li{padding-left:30px; background:url(../images/check.png) no-repeat top left;}
.list-check {margin-bottom:30px;}

.col{background:rgba(255,255,255,0.9);padding:40px;border-top:10px solid #ffc813;min-height:260px;}
.column-case .col{background:#fff;}
.column-case{ background-size:100%; background-repeat:no-repeat; background-position:top;}
.col p:last-child{margin-bottom:0px;}
.heading{ background:#ffc813;padding:80px 0px; text-align:center;}
.heading h2{margin:0px;}
.sub-text{font-weight:400;}
.recommendation{padding:0px 0px 30px; text-align:center;}
.recommendation img{margin:0px 40px;}
.reco{ display:none;}
.callback{background:#ffc813;padding:70px 0px;}
.callback button.btn{background:#000;padding:18px 30px; text-align:center;font-weight:bold;font-size:20px;}
.callback button.btn:hover{ background:#585858;}
.call-col{width:20%;margin-right:1%; float:left;}
.call-col:nth-child(5){margin-right:0px;width:16%;}
.picts{padding:12px 6px;}
.picts img{padding:0px 6px;width:33.3333%; box-sizing:border-box; float:left;}
.picts:after{clear:both; content:''; display:block;}
.height80{height:80px;}
.map{border-bottom:12px solid #fff;}

@media(max-width:1299px){
.container{width:960px;}
.top-header .container{width:1000px;}
.top-header ul li a{padding:0px 22px;}
.top-header ul li span{display:none;}
.sticky.top-header ul li a{padding:0px 15px;}
.top-header #nav_1912415 > li:last-child > a{ background-position:20px center;padding-left:50px;}
.sticky.top-header .logo-small{margin-left:20px;}
.check-col{width:50%;}

.banner-home .container{ height:600px;}
.home-caption{top:100px;   width:80%;}
.footer li{margin-left:30px;}
.home-caption a:hover{background:#000;}
.callback{font-size:15px;padding:40px 0px;}
}
@media(max-width:959px){
.container{width:700px;}
.top-header .container{width:730px;}
body {
	font-size:16px;

}
.top-header{height:50px;line-height:50px;}
.top-header ul li a{padding:0px 15px;}
.sticky.top-header ul li a{padding:0px 10px;}
.top-header #nav_1912415 > li:last-child > a{ background-position:10px center;padding-left:30px; background-size:15px;}
.sticky.top-header .logo-small{height:30px;margin-top:10px;margin-left:10px;}
h1{font-size:40px;}
h2{font-size:30px;}
h3{font-size:24px;font-weight:bold;margin-bottom:30px;}
h4{font-size:20px;}
.banner-page{padding:40px; 0px;}
.banner-page h1{font-size:70px;}
.top-header{font-size:18px;}
.phone{font-size:30px;}

.phone strong{ font-size:36px; font-weight:normal;}
a.btn-phone{font-size:18px;padding:15px 30px;}
.home-caption{top:80px; background-position:50px 100px; background-size:100px;}
.home-caption a{ font-size:20px;padding:15px 30px;}
.banner-home{ backgrounds-size:cover;}
.banner-home .container{height:500px;}
a.banner-bot{ font-size:20px;}
.testi{font-size:18px;}
a.btn{font-size:20px;}
.contact{font-size:30px;}
input.form-control,select.form-control,textarea.form-control{font-size:16px;}
button.btn{font-size:24px;}
.footer,.copyright{font-size:14px;}
blockquote{padding:0px 0px 0px 60px; background-position:top left;}
.commercial .img{width:50%;left:50%;}
.residential .img{width:50%;right:50%;}
.residential .caption{width:50%;margin-left:50%;padding-left:40px;}
.commercial .caption{width:50%;padding-right:40px;}
.footer li{margin-left:10px;}
.footer-col-left img{width:150px;}
.footer .footer-col-right{margin-top:0px;}
.recommendation img{margin:0px 0px 20px 0px;}
.col{min-height:0px; margin:0px 0px 20px;}
.callback{font-size:16px;}
.call-col{width:27%;}
.call-col:nth-child(1){ float:none; width:100%;margin-right:0px;margin-bottom:10px; text-align:center;}
.callback button.btn{padding:18px 0px;}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{width:100%;float:none;padding:0px;}
.row{margin:0px;}
}
@media(max-width:699px){

.container{width:auto;margin:0px 20px;}
.top-header .container{width:100%;margin:0px;}
.contact{ text-align:center; background-position:left; background-size:cover;padding:50px 0px;}
.testi,.logos,.column,.heading{padding:50px 0px;}
.contact form{margin:0px;width:auto;}
.footer-col-left,.footer-col-right{ text-align:center; float:none;}
.footer li{margin-left:5px;margin-right:5px;}
a.btn{ max-width:100%;}
.home-caption{ background-position:0px 100px;width:100%;}
.toggle{ display:block;height:51px;width:51px;background:url(../images/toggle.png) #000 center center no-repeat; color:#fff; cursor:pointer;margin-left:10px;float:left;}
a.btn-phone{float:left;}
.toggle:hover{ background-color:#585858;}
.top-header { display:none; z-index:1000;}
.top-header .logo-small{ display:none;}
header{border-top:10px solid #000; position:relative;}
.top-header.sticky{display:none;}
.top-header{height:auto;line-height:1;font-size:20px; position:absolute;z-index:200;top:235px;width:100%;}
.top-header ul{ float:none;}
.top-header ul li{ float:none; display:block;}
.top-header ul li a{padding:15px 20px;}
.top-header #nav_1912415 > li:last-child > a{ background:url(../images/download.png) no-repeat 20px center #585858;padding-left:60px;}
.top-header ul li span{display:inline;}
.top-header li ul{position:relative; display:block; background:#000;}
.top-header li ul li a{padding:15px 30px;}

.residential .img,.commercial .img{ position:relative;width:100%;height:200px; background-size:cover;right:0px;left:0px;}
.residential .caption,.commercial .caption{width:100%;padding:40px 0px;margin:0px; text-align:left;}

.picts{padding:6px 3px;}
.picts img{padding:0px 3px;}
.height80{height:40px;}
.grid-sizer{width: 48%;}
.grid-item { width: 48%; }
.gutter-sizer { width: 2%; }
}
@media(max-width:639px){
.contact-form .form-control-half{width:100%; float:none;margin-right:0px;}
.check-col{width:100%;}
.header{ text-align:center}
.logo,.phone{ float:none; text-align:center;margin-top:0px;}
.phone{margin-top:10px;}
.phone-btns{ text-align:center;margin:10px auto;width:290px;max-width:100%;}
.phone-btns:after{ clear:both;content:''; display:block;}
.home-caption{ background-position:0px 150px;}
.top-header{top:385px;}
.call-col{width:48%;margin-right:2%;}
.call-col:nth-child(3){margin-right:0px;}
.call-col:nth-child(5){width:48%;margin-right:0px;}
.grid-sizer{width: 100%;}
.grid-item { width: 100%; }
.gutter-sizer { width: 0px; }
}
@media(max-width:479px){
.grid-item { padding:20px;}
a.btn-phone {
    padding: 15px 15px;
}
h1{font-size:30px;}
.banner-page h1{font-size:60px;}
.home-caption{ background-position:0px 120px;top:40px;background-size:80px;}
.testi{font-size:16px;}
.col{padding:20px;}
.call-col{width:100%;margin-right:0px; float:none;}

.call-col:nth-child(5){width:100%;}
}