body{font-family: 'Poppins', sans-serif;font-size: 14px;font-weight: 400;color:#444;}
a{text-decoration: none;transition: all 0.3s linear;}

.primbg {background-color: #0088CC !important;}
.primlightbg {background-color: #cee9f7 !important;}
.seconbg{background-color:#f0f0f0 !important;}
.lgbg {background-color:#eee !important;}

.topinfo a {display: inline-block;font-size: 13px;color:#fff;padding:12px 12px 11px 12px;opacity: 0.75;}
.topinfo a i{font-size: 15px;}
.topinfo a:hover {opacity: 1;}

.logo img{max-height: 60px;}

.navi {display: block;padding-top:12px;margin-left: 18px;}
.navi a {display: inline-block;padding: 16px 20px;font-size: 14px;font-weight: 500;background-color: #fff;color:#666;border-top:solid 6px #fff;}
.navi a:hover, .navi a.fixnav {background-color: #0088CC;color:#fff;border-top:solid 6px #0c638e;}

.herslide{height: 510px;padding-left:150px;padding-top: 130px;}
.herslide * {position: relative;z-index: 1;}
.herslide h1{font-size: 55px;font-weight: 700;color:#fff;}
.herslide p{font-size: 18px;font-weight:300;line-height: 28px;color:#fff;}

.slide-a {background:url(../img/hero/b.jpg) no-repeat center center; background-size: cover;position: relative;}
.slide-b {background:url(../img/hero/a.jpg) no-repeat center center; background-size: cover;position: relative;}
.slide-a::before, .slide-b::before{position: absolute;content: '';left: 0px;top:0px;width: 100%;height: 100%;background-color: rgba(0,0,0,0.4);}


.about {display: block;}
.about h5{font-size:16px;font-weight: 500;color:#0088CC;}
.about h3{font-size:30px;font-weight: 600;color:#000;}
.about p{font-size:16px;font-weight:400;line-height: 26px;margin-top: 24px;}
.about .checks {color:#444;font-size: 16px;position: relative;padding-left: 40px;margin: 12px 0px;}
.about .checks::before{content: '\eed8'; position: absolute;top:50%; transform: translateY(-50%);left: 0px;font-family: IcoFont!important;font-size: 30px;color:#0088CC;}

h3.prodtitle{font-size:26px;font-weight:700;color:#000;}
h3.prodtitle span {font-weight: 600;}

.prodbox {display: block;}
.prodbox img{border-radius: 3px;transition: all 0.3s linear;max-width: 100%;transition: all 0.3s linear;}
.prodbox p{font-size:16px;font-weight:400;color:#000;text-align: center;padding: 12px;position: relative;}
.prodbox p span{font-weight:600}
.prodbox p::before{position: absolute;top: 3px;left:50%;transform: translateX(-50%);width:0%;height: 3px;background-color: #0088CC;content: '';transition: all 0.3s linear;}
.prodbox:hover p::before{width: 90%;}
.prodbox:hover img{transform:scale(1.02);}

.brandslider {box-sizing:border-box;overflow:hidden;padding-right:2px;}
.brandslider .brandslide {display:block;padding:24px;border-radius: 3px;margin:3px;border:solid 1px #ededed;}
.brandslider .brandslide img{transition: all 0.3s linear;max-width:70%;margin:auto 15%;filter: grayscale(1);opacity:0.7;}
.brandslider .brandslide:hover {border:solid 1px #0088CC;}
.brandslider .brandslide:hover img{transform:scale(1.2);filter: grayscale(0);opacity:1;}

.brandslider .slick-track { display: flex !important;}
.brandslider .slick-slide { height: inherit !important;}


.counterbg {background: url(../img/counterbg.png) center center no-repeat; background-size: cover;}
.counterbox {padding-top:70px;padding-bottom: 60px;}
.counterbox h3{margin-top: 16px;font-size: 30px;font-weight: 600;color:#555}
.counterbox p {font-size: 20px;font-weight: 600;color:#555}

.contactbox {display: block;text-align: left;padding:30px 0px 40px 10px;}
.contactbox h3{font-size: 20px;font-weight: 600;color:#fff}
.contactbox p{font-size: 14px;font-weight: 300;color:rgba(255,255,255,0.8)}
.contactbox a {display: block;text-align: left;transition: all 0.3s linear;font-size: 14px;font-weight: 300;color:rgba(255,255,255,0.8);}
.contactbox a:hover {color:#fff;transform: scale(1.05);}

.mapbox {display: block;width: 100%;height: 500px;}
.mapbox iframe{width: 100%;height: 100%;}

.ftrcopy {display: block;padding:50px 0px 30px 0px;text-align: center;background-color:#161616}
.ftrcopy a {display: inline-block;font-size: 14px;color:#fff;border-bottom: dotted 1px #777;opacity: 0.95;}
.ftrcopy a:hover{border-bottom: dotted 1px #fff;opacity: 1.0;}
.ftrcopy p{display:block;font-size: 14px;opacity: 0.6;text-align: center;margin-top: 12px;}