body{margin:0}
h1,h2,h3,h4,p,.breadcrumb ol li,.top-sec,.dtl-btn,.quote-hd,input,select,textarea,label,.quoty,.promo-txt,.art-hd,.product-desc ul,.product-desc ol{font-family: 'Rubik', sans-serif}
h1,h2,h3,h4,p,.art-hd{color:#202020;}
h1{font-size:38px;line-height:52px;font-weight:700;padding:25px 0}
h2,.art-hd{font-size:34px;line-height:42px;font-weight:700}
h3{font-size:32px;line-height:38px;font-weight:700}
h4{font-size:28px;line-height:34px;font-weight:700}
p{font-size:16px;font-weight:400;line-height:26px}
.product-desc ul,.product-desc ol{padding:0;margin:30px 0 0 20px;}
.product-desc ul{list-style-type:square;}
.product-desc ul li,.product-desc ol li{font-size:16px;margin:10px 0 0 0;color:#202020}
.container,.breadcrumb,.top-sec,.pro-mid,.pro-pic-col,.pro-quote-col,.quote-sec,.form-sec,.call-bnr,.pro-promo,.promo-row,.promo-col,.product-desc,.related-pro,.pro-col{height:auto;overflow:hidden;}
.container,.form-sec{width:90%;margin:0 auto}
.breadcrumb{width:100%}
.breadcrumb ol{padding:20px 0;margin:0;list-style-type:none;border-bottom:1px solid #e8e8e8}
.breadcrumb ol li{font-size:16px;font-weight:400;display:inline}
.breadcrumb ol li a{text-decoration:none;color:#01539D;font-weight:600}
.breadcrumb ol li a:hover{text-decoration:underline}
.breadcrumb ol li:after{content:'\203A';margin:0 10px;color:#000}
.breadcrumb ol li:last-child:after{content:''}
.top-sec,.pro-mid,.call-bnr,.pro-promo{width:100%;}
.top-sec p{padding-bottom:50px}
.pro-pic-col{width:55%;float:left;padding:5px}
.pro-quote-col{width:43%;float:right;}
.quote-sec{width:99%;border-radius:5px;border:1px solid #eaeaea;float:right;}
.quote-hd{font-size:26px;font-weight:700;color:#FFD662;text-align:center;padding:20px 0;background-color:#329B73}
.form-sec{clear:both;padding-top:10px}
.form-sec input[type=text],[type=email],[type=number],.form-sec select{width:84%;padding:14px 18px;border:1px solid #e8e8e8;margin:10px 0;font-size:16px}
.form-sec input:focus,.form-sec textarea:focus,.form-sec select:focus{outline:none;border:1px solid #FFD662;}
.form-sec textarea{width:84%;height:100px; padding:14px 18px;border:1px solid #e8e8e8;margin:10px 0}
.form-sec label{font-size:16px;font-weight:400;color:#202020;display:block;margin:10px 0 0 0}
.form-sec label span{color:#ff0000}
.quoty{display:block;margin:20px auto 20px auto;text-align:center;cursor:pointer;background-color:#329B73;color:#fff;padding:14px 24px;font-size:18px;border:none;border-radius:5px}
.quoty:hover{color:#FFD662}
.pro-pic-col img{max-width:100%;height:auto}.portfolio-thumb-slider .slick-slider-item{padding:5px}.slick-slider-item img{display:block;margin:0 auto}.portfolio-thumb-slider{margin:0 -5px 5px}.portfolio-thumb-slider .slick-active img{outline:transparent solid 1px}.portfolio-thumb-slider .slick-current img{outline-color:#FFD662}.slick-slider{margin-bottom:0}
.call-bnr{margin-top:20px}
.call-bnr img{width:100%;height:auto;}
.pro-promo{padding:30px 0}
.promo-row{width:100%;text-align:center;vertical-align:top;}
.promo-row{padding:20px 0}
.promo-col{width:31%;padding:10px 0;margin:6px 7px;background-color:#FFD662;display:inline-block;vertical-align:top;}
.promo-img{width:40%;float:left;text-align:center}
.promo-img img{width:60px;height:60px}
.promo-txt{width:58%;float:left;text-align:left;font-size:16px;font-weight:400;color:#202020;padding:10px 2% 0 0}
.promo-txt span{font-weight:600;font-size:18px}
.zebra{border-collapse:collapse;width:100%;margin-top:30px}.tdleft,.tdright{padding:10px;text-align:left;border:none;font-family: 'Rubik', sans-serif;font-size:16px;font-weight:400;letter-spacing:.5px;color:#000}.tdleft a,.tdright a{text-decoration:none;color:#2B94E1}.tdleft{width:30%}.tdright{width:70%}tbody tr:nth-child(odd){background:#f3f3f3}
.product-desc{width:100%;padding:20px 0 0 0}
.product-desc p{margin:20px 0 0 0}
.product-desc h2{margin-top:50px}
.related-pro{width:100%;text-align:center;vertical-align:top;padding:80px 0;}
.pro-col{width:22%;display:inline-block;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;border-top:1px solid #e9e9e9;margin:35px 1% 0 1%;vertical-align:top;}
.pro-col img{width:100%;height:auto;}
.pro-col h3{font-size:20px;line-height:26px;color:#f3f3f3;padding:12px 0;font-weight:400;}
.pro-col:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}
.hd-back{background-color:#01539D}
@media screen and (max-width: 815px){
.pro-pic-col{width:100%;float:none;}
.pro-quote-col{width:100%;float:none;margin-top:50px}
.promo-col{width:46%;}
.pro-col{width:45%;margin:35px 2% 0 2%;}
}
@media screen and (max-width: 497px){
.pro-col{width:90%;margin:35px 2% 0 2%;}
.promo-col{width:92%;}
}
/*
yellow: FFD662
blue: 01539D
green: #329B73
*/