body{margin:0}
h1,h2,h3,h4,p,.breadcrumb ol li,.top-sec,.dtl-btn,.quote-hd,.label-hd,input,select,textarea,label,.quoty,.promo-txt{font-family: 'Rubik', sans-serif}
h1,h2,h3,h4,p{color:#202020;}
h1{font-size:38px;line-height:52px;font-weight:700;padding:25px 0}
h2{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}
.container,.breadcrumb,.pro-sec,.left-col,.right-col,.pro-list,.quote-sec,.form-sec,.promo-row,.promo-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{width:100%}
.pro-sec{width:100%;margin:0;padding:50px 0 0 0}
.left-col{width:69.5%;float:left;}
.right-col{width:30%;float:right;}
.pro-list{width:100%;vertical-align:top;}
.pro-block{width:45%;display:inline-block;margin:0 2% 50px 2%;box-shadow:0 4px 8px 0 rgba(0,0,0,.2);transition:.3s;border-top:1px solid #e9e9e9;text-align:center;vertical-align:top;}
.pro-block:hover{box-shadow:0 8px 16px 0 rgba(0,0,0,.2)}
.pro-block img{width:100%;height:auto;}
.dtl-btn{font-weight:400;font-size:16px;text-align:center;background-color:#01539D;display:inline-block;color:#f7f7f7;padding:10px 16px;border-radius:50px;margin-top:15px;cursor:pointer;text-decoration:none;}
.dtl-btn:hover{color:#FFD662}
.pro-txt{background-color:#f3f3f3;padding:25px 0}
.pro-txt:hover{background-color:#FFD662;}
.pro-txt h3{text-align:center;font-size:22px;line-height:28px;}
.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}
.label-hd{font-size:18px;font-weight:700;color:#329B73;display:inline-block;border-bottom:1px solid #329B73;margin:20px 0;}
.form-sec{clear:both;}
.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:150px; 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}
.left-form{width:100%;float:left;}
.right-form{width:100%;float:right;}
.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}
.main-desc{width:100%;padding:30px 0 80px 0}
.main-desc h2{margin:0 0 20px 0}
.main-desc p{margin:0 0 20px 0}
.promo-row{width:100%}
.promo-row{padding:20px 0}
.promo-col{width:99%;padding:10px 0;margin:5px 0;background-color:#FFD662}
.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}
@media screen and (max-width: 1025px){
.left-col,.right-col{width:100%;float:none;}
.right-col{margin:50px 0}
.label-hd{display:none;}
.form-sec{padding:30px 0}
.promo-row{text-align:center;padding-top:80px}
.promo-col{width:48%;margin:5px 1%;float:left;}
}
@media screen and (max-width: 630px){
.promo-col{width:100%;}
}
@media screen and (max-width: 550px){
.pro-block{width:95%}
}
/*
yellow: FFD662
blue: 01539D
green: #329B73
*/