.navbar{padding:0 1rem;}
.navbar-brand{font-size:32px;font-weight: bold;}
.menu>li>a{color:#1f1f1f;}

.menulogo{display:none !important;}

@media screen and (max-width:991px){
.navbar-toggler{position:absolute;top:13px;right:0;padding:10px 0;display:block !important;}
.navbar-toggler:focus{outline:none;}
.navbar-toggler span{background:#057ac3;width:40px;height:4px;display:block;}
.navbar-toggler span + span{margin-top:7px;}
.navbar-nav{flex-direction:column !important}
.navbar-nav .nav-link{border-bottom:1px solid #545454;border-radius:0;color:#fff;display:block;}
	
#mainmenu{z-index:1003;position:fixed;height:100%;left:-250px;top:0;bottom:0;border:none;overflow-y:auto;width:250px;background:#057bc3;border-right:2px solid rgba(255,255,255,0.25);}
#mainmenu.showmenu{left:0;}
.menulogo{display:block !important;background:#fff;text-align:center;border-bottom:2px solid rgba(255, 255, 255, 0.3) !important;}
.navbar-expand-lg .navbar-nav .dropdown-menu{padding:0;}
.siteheader .container{max-width:100%;padding:0;}
.menu ul,.menu ul ul{position: relative;left: 0;transform: translate(0,0);width: 100%;box-shadow: none;top:0;visibility:visible;opacity:1;display:none;}
.menu li:hover>ul{display:block;z-index: 999;}
.menu ul ul li a{background:#ddd;}
.menu ul:before{border-width:7px;top:-14px;}
.menu ul ul:before{display:none;}
.menu li:hover>ul{transform: translate(0,0);}
	
.navbar-nav li{width:100%;margin:0 !important;border-top: none;}
.navbar-nav li a{border-bottom:1px solid rgba(255, 255, 255, 0.15);}
.menu>li>a{display: block;padding:12px 20px;color:#fff;}
}


.container{position:relative;}
.siteheader {
    position: fixed;
    z-index:1000;
	top: 0;
    width: 100%;
	color: #fff;
}

.siteheader a{color: #fff;}
.navbar-nav{align-items:center;}
.navbar-nav li{margin-left:30px;}
.navbar-nav a{font-size: 17px;border-radius:0;}

.readmore{color:#3eb2c2;display: inline-block;font-weight: bold;}
.readmore:before{content:'';display:block;width: 30px;height: 2px;background:#ccc; margin:20px 0;}
.readmore:hover{color:#0061aa;}

.credit{text-align: right;}
.credit a{opacity:0.8;}
.credit a:hover{opacity:1;}

#pageheader{background:#004c9c url(../images/herobg.jpg) center top repeat-x fixed; color: #fff;padding-top:90px;position: relative;}
#pageheader h1{padding:70px 0;text-align:center;font-size:44px;}
body:not(.homepage) .siteheader{border-bottom:1px solid rgba(255,255,255,0.3);}
#content{padding-top:30px;padding-bottom:30px;}
#content:after{content:'';display:block;clear:both;}
#content h2{margin-bottom:13px;}
#content h3{font-size:25px;color:#444;}
#content h4{font-size:22px;}
/*.imgright{border:5px solid #ddd; float:right;max-width:47%; margin:5px 0 10px 20px;}*/
.imgright{float:right;max-width:47%; margin:5px 0 10px 20px;}
.imgleft{border:5px solid #ddd; float:left;max-width:47%; margin:5px 20px 10px 0;}
.imgbdr{border:5px solid #ddd; max-width:100%}
.nobdr{border:none;}

@media screen and (max-width:1340px){
	
}
@media screen and (max-width:991px){
	.credit a{opacity:1;}
}
@media screen and (max-width:767px){
	.readmore{margin-bottom:20px;}
	.imgright{float:none; margin:5px 0 20px;max-width:100%;}
	#pageheader h1{padding:40px 0;font-size:35px;}
}
@media screen and (max-width:420px){
/*
	
	.navbar-toggler{padding:5px 0;}
	.navbar-toggler span + span{margin-top:5px;}
	#pageheader{padding-top:48px;}
*/
}

section{padding-top:90px;padding-bottom:60px;}

button.btn{min-width:150px;}
.form-group{position:relative;}
.form-control{border-radius:0;}
.ib{display:inline-block;}
.contact>div{margin-bottom:25px;}
.conbk{border:2px solid #ddd;height:100%;padding:5px 15px 15px 0;}
.conbk_wrap{overflow:hidden;}
.conbk p:last-child{margin-bottom:0;}
.conbk h5{font-size:18px;}
.conbk i {
    float: left;
    font-size: 30px;
    line-height: 1.2;
    color: #3eb2c2;
	margin-right:5px;
}
#CaptchaInput{height:46px;}
.captcha_refresh{width:34px;text-align: center;line-height:43px;color:#555;font-size:22px;transform:rotate(20deg);}
.captcha_refresh:hover{color:#000;transform:rotate(-60deg);}
.alert{text-align:center;}
.gmap{height:400px;margin-top:30px;border:5px solid #ccc;width:100%;}
.capbox .input-group-prepend{border:1px solid #ccc;color:#fff;border-right:none;padding:0;font-weight:600;letter-spacing:1px;font-size:20px}
.capbox .input-group-prepend img{width: auto !important; border-right:1px solid #c8c8c8;}
.imgloader{width:30px;height: 30px;vertical-align: middle;display:none;position: absolute;right: 5px;top: 5px;border-radius: 50%;color: #fff;}

button:focus{outline:none;}
.valid_error{color:#ccc;font-style:italic;text-align:right;font-size:13px;position:absolute;right:18px;}
.has-error .valid_error, .has-success .valid_error{display:block;}
.has-success .valid_error{font-size:14px;line-height:1.4;background:#1f9416}
.valid_error{display:none;color:#fff;background:#e74036;font-size:20px;font-weight:bold;font-style:normal;width:20px;height:20px;border-radius:50%;text-align:center;line-height:1;position:absolute;right:6px;bottom:10px;z-index:999;}
form .btn{position:relative;}


b, strong{font-weight:bold;}

#content p{text-align:justify;}

#siteheader{position: fixed;width: 100%;z-index: 101;padding:10px 0;background:rgba(255,255,255,0.95);}
body,html,#hero{height:100%;}

.navbar-brand{width:298px;padding:0;}
.navbar-brand img{width:100%;}

#siteheader.fxd{padding:5px 0; box-shadow:0 5px 12px rgba(0,0,0,0.15);}
#siteheader.fxd .navbar-brand{width:150px;}
#siteheader.fxd .navbar-toggler{top:0;}

#hero{background:#004c9c url(../images/herobg.jpg) no-repeat;background-size:cover;padding-top:110px;color: #fff;overflow: hidden;position: relative;}
#hero .container{height:100%;}
#hero:after{content:''; display:block; background:url(../images/big-icon.png) no-repeat center center;width:386px;height:386px; position:absolute; bottom:-100px;left:-100px;opacity:0.05;}
.hero_cnt{align-items:center;justify-content:space-between;height:100%;position: relative;z-index: 55;}
.caption-title{font-size:55px;line-height:1.1;margin-bottom:10px;}
.caption-desc{font-size:18px;line-height:1.4;}
/*.caption_wrap{position:relative;top:50%;}*/
#mouse{width:24px;height:36px;display: block;border:2px solid #fff; border-radius:20px;position:absolute;margin-left: -10px;left:50%;bottom:20px;z-index:100;}
#mouse:before{content:'';width:3px;height:8px;background: #fff;display: block;position: absolute;left:50%;top:6px;margin-left:-1px;}

.btn{border-radius:0;}
#hero .btn-green{background:#009fbc;color:#fff;margin-top:20px;border-radius:50px; padding:7px 25px;}
#hero .btn-green:hover{background:#111;}

#features{line-height: 1.6;}
#features h1{font-weight:bold;}

.features_list {
    padding-bottom: 30px;
}
.features_list .features-images {
	padding-bottom: 10px;
    display: inline-block;
    float: left;
    width: 60px;
}
 .features_list .features-images img {
     -webkit-transition-duration: .5s;
     transition-duration: .5s;
	 max-width:100%;
}
 .features_list .features-description h4 {
     font-size: 24px;
     margin-bottom: 5px;
}
 .features_list:hover img {
     -o-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -webkit-transform: scale(1.1);
	 transform: scale(1.1);
}

 .features_list:hover .features-description h4 {
     color: #3fb2c2;
}
 .features_list .features-images {
     display: inline-block;
     float: left;
     width: 60px;
}
.features_list .features-description {
     overflow: hidden;
     padding-left: 20px;
}
.features_list .features-description h4 {
     margin-top: -1px;
     line-height:1.3;
	font-weight: bold;
}
.features_list.list_item {
     align-items: center;
}
 .features-border {
     display: inline-block;
     width: 100%;
     margin: 60px 0;
     border: solid 1px rgba(255, 255, 255, 0.1);
}
 .features-border .features_list {
     padding-bottom: 0;
}
 .features-border > div {
     margin: 50px 0;
}
 .features-border > div:not(:last-child) {
     border-right: solid 1px rgba(255, 255, 255, 0.1);
}

#specifications{background:#eff0f2;}
.heading {
    padding-bottom:40px;
    font-weight: bold;
}
.heading .heading__title {
    font-size:35px;
    line-height:1.2;
    color:#373737;
    letter-spacing: -0.8px;
}
.heading .heading__sub {
    font-size: 16px;
    padding-bottom: 10px;
	color:#057bc3;
}

#content .list_product h3{font-weight:bold;color:#22a9bb; border-bottom:1px dashed #bbb; padding-bottom:3px;margin-bottom:15px;font-size: 21px;text-transform: uppercase;}
.list_specs{column-count:3; column-gap:20px;position:relative}

.list_specs li {padding-bottom: 25px;page-break-inside:avoid;position:relative}
.list_specs h5 {margin:0 0 2px;color:#555;}
.list_specs .list_desc {}

#specifications .row{align-items:center;}
#specifications ul{font-size:18px;margin-bottom:40px;}
#specifications .list_specs li{padding-bottom:35px;}
/*#specifications .eneryicon{position: absolute;bottom:150px;right:30px;}*/
#specifications img.sclrimg {
     -webkit-transition: .5s;
     -o-transition: .5s;
     transition: .5s;
}
 #specifications:hover img.sclrimg {
     -webkit-transform: scale(1.06);
     -moz-transform: scale(1.06);
     -ms-transform: scale(1.06);
     -o-transform: scale(1.06);
     transform: scale(1.06);
}


.liststyle1{margin:0 0 20px;padding:0;list-style:none;}
.liststyle1 li{position:relative;padding-left:14px;line-height:1.4;margin-bottom:8px;}
.liststyle1 li:before{font:normal 14px/1 fontello;content:"\f105";color:#888;position:absolute;margin-top:3px;left:0;}
#specifications .liststyle1 li:before{margin-top:5px;}

#call2action{background:#057bc3;text-align: center;color: #fff;padding:50px;}
#call2action h3{font-size:55px;}
#call2action a{background:#0061aa;font-size: 24px;color: #fff;display: inline-block;padding:10px 30px;border:2px solid #3095d2;margin-top:10px;font-weight: 300;border-radius: 50px;}
#call2action a:hover{background:#00203c;}

#sitefooter{background:#00203c;color:#fff;}
.fphone span{display:inline-block;}
.ftop{padding-top:30px;padding-bottom:30px;font-size:22px;font-weight:300; line-height:2;}
.fbtm{border-top:1px solid rgba(255, 255, 255, 0.15); padding:20px 0;color:#bbb;}
.fphone{text-align:center;}
.fsoc{text-align: right;}
.social a{color:#fff;width:50px; height:50px; font-size:26px; border:1px solid #555;display:inline-block;text-align:center;line-height:1.9;}
.social a:hover{background:#0061aa;border-color:#0061aa;}

.btn-primary{background-color:#004d9b;border-color:#004d9b;}
.list_product{padding:30px 15px;position:relative;}
.list_product .heading{padding-bottom:20px;}
.list_product h2{font-weight:bold;display: inline-block;position:relative;margin-bottom:0 !important;}
.list_product .heading h5{font-size:20px;text-transform:none;color:#30508a;}
.heading h2:after{content:'';display: block;width:160%;height:2px;background:#3eb2c2;}
.heading h2:before{content:'';display: block;width:16px;height:16px;background:#3eb2c2;position:absolute;bottom:-7px;left:160%;transform:rotate(45deg)}
.list_product .liststyle1{column-count:2;}

.list_product:not(:first-child){padding-top:50px;}
.list_product:nth-child(2n+2){background:#eee; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.anchor{display: block;position: relative;top:-80px;visibility: hidden;}

.product_list{display:flex;flex-wrap:wrap;}
.product_list li{flex:0 0 25%;max-width:25%;padding:15px;position:relative;}
.product_list li img{width:100%;padding:10px;}
.product_list li a.prolink{display:block;border:1px solid #ddd;text-align:center;}
.product_list li h3{font-weight:bold;font-size:20px !important; background:#eee;margin:0; padding:7px 10px;border-top:1px solid #ddd;}
.product_list li .selectProduct:hover,.selected a.prolink{background:#17385d;border-color:#17385d;}
.product_list li .selectProduct:hover h3, .selected a.prolink h3{background:#3eb2c2;color:#fff !important; border-top-color:rgba(255,255,255,0.2);}

.feature_icons{display:flex;text-align:center;margin-bottom:30px;line-height:1.3;}
.feature_icons li{flex:0 0 20%;max-width:20%;}
.feature_icons li img{width:50px;margin-bottom:5px;}
.feature_icons li p{text-align:center !important;margin-bottom:0;}
.feature_icons .icon_wrapper{border:1px solid #ddd;border-bottom-width:5px;background:rgba(255, 255, 255, 0.3); margin-right:12px; padding:10px;height:100%;}
.feature_icons .icon_wrapper:hover{border-color:#b0d0d4;}

.proslider.owl-carousel .owl-item img{width:auto; margin:auto;}

.owl-nav {color:#fff;}
.owl-nav i:before{margin:0;width: auto;}
.owl-nav>div {display:inline-block; width:34px;height:34px; position: absolute;top:50%; margin-top:-25px; font-size:30px; text-align:center;line-height:1;background:rgba(0,0,0,0.5);border-radius:50%;}
.owl-nav .owl-prev {left:0; padding-right:3px;}
.owl-nav .owl-next {right:0;padding-left:3px;}
.proslider{-webkit-position:sticky;position:sticky;top:80px;}


@media screen and (max-height:680px) and (min-width:1200px){
	#hero .container img{height:480px;width:auto;}
}
@media screen and (max-width:1499px){
	.feature_icons{font-size:14px;}
	.feature_icons li{flex:1;max-width:100%;}
}
@media screen and (max-width:1199px){
	.navbar-brand{width:250px;}
	#call2action h3{font-size:45px;}
	.heading .heading__title{font-size:28px;}
	.list_product .heading .heading__title{font-size:35px;}
	#features{line-height:1.4;}
	.features_list .features-description h4{font-size:22px;}
	#hero{padding-top:90px;}
	.product_list li{flex:0 0 33.33%;max-width:33.33%;}
}
@media screen and (max-width:991px){
	.navbar{padding:0;}
	.ftop{font-size:16px;padding-top:20px;padding-bottom:20px;}
	.social{padding-right:25px;}
	.social a{font-size:20px;width:40px; height:40px;}
	#call2action{padding:30px;}
	#call2action h3{font-size:38px;}
	#call2action a{font-size:21px;}
	section {padding-top:50px;padding-bottom:20px;}
	.caption-title{font-size:45px;}
	.heading{padding-bottom:30px;}
	.features_list{padding-bottom:10px;}
	.list_specs{padding-bottom:15px;}
	.list_specs{column-count:2;}
	#specifications .row{align-items:flex-start;}
	.feature_icons{flex-wrap:wrap;}
	.feature_icons li{flex:0 0 33.33%;max-width:33.33%; margin-bottom:15px;}
	.list_product .liststyle1{column-count:1;}
	.product_list li{padding:10px;}
}
@media screen and (max-width:767px){
	body, html, #hero{height:auto;}
	
	.hero_cnt{text-align:center;padding:40px 10px;}
	.caption-title{font-size:33px;}
	.caption-desc{font-size:16px;}
	#hero .btn-green{margin-bottom:20px;}
	#mouse{display:none;}
	
}
@media screen and (max-width:575px){
}
@media screen and (max-width:430px){
	.navbar-brand{width:170px;}	
	.navbar-toggler{top:0;}
	.hero_cnt{padding:20px 10px;}
}