@charset "utf-8";
/* CSS Document */


@font-face {
    font-family: 'Roboto-Light';
    src: url('../ttf/roboto-light.ttf');
}

@font-face {
    font-family: 'Roboto-Regular';
	src: url('../ttf/roboto-regular.ttf');
}

@font-face {
    font-family: 'Roboto-Bold';
	src: url('../ttf/roboto-bold.ttf');
}

@font-face {
    font-family: 'Roboto-Black';
	src: url('../ttf/roboto-black.ttf');
}

@font-face {
    font-family: 'museo_slab_300';
	src: url('../woff/museo_slab_300-web.woff');
}


@font-face {
    font-family: 'museosans_100';
	src: url('../woff/museosans_100-web.woff');
}

@font-face {
    font-family: 'museosans_300';
	src: url('../woff/museosans_300-web.woff');
}

@font-face {
    font-family: 'museosans_500';
	src: url('../woff/museosans_500-web.woff');
}

@font-face {
    font-family: 'museosans_700';
	src: url('../woff/museosans_700-web.woff');
}

*{margin:0; padding:0;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:focus {outline:none !important}
a {outline: 0 !important; text-decoration:none; color: #000;}
a:hover, a:active, a:focus {outline: 0 !important;}
input::-moz-focus-inner {border: 0 !important;}
*:hover, a:hover, a, .btn:hover, .btn {transition: 0.4s;}
html,body {width: 100%;height: 100%;}
body{font-family: 'museo_slab_300'; font-size:16px; color:#000; line-height:24px;}
.cntOuter{display:table; width:100%; height:100%;}
.cntInner{display:table-cell; width:100%; height:100%; vertical-align:middle;}
.img-responsive{display:inline-block; max-width:100%;}
.text-center{text-align:center !important;}
.text-left{text-align:left !important;}
.text-right{text-align:right !important;}
.dsFlex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.dsNone{display:none;}
.clearBoth{clear:both;}
.space20{clear:both; width:100%; height:20px; display:block;}
.space30{clear:both; width:100%; height:30px; display:block;}
.zeroPadding{padding:0 !important;}
.zeroTopPadding{padding-top:0 !important;}
.zeroBtmPadding{padding-bottom:0 !important;}
.zeroMargin{margin:0 !important;}
.zeroBtmMargin{margin-bottom:0 !important;}
.zeroTopMargin{margin-top:0 !important;}
.zeroBorder{border:none !important;}
.height100{height:100%;}
h1,h2,h3,h4,h5,h6{font-weight:normal; font-family: 'museosans_500'; margin-bottom: 25px; }
h3{font-size: 24px; line-height: 30px;  }
h4{font-size: 20px; line-height: 36px;  }
p{ margin-bottom: 15px;}
.bgCover{background-position:center !important; background-size:cover !important;}
.padding30{padding:30px 0 !important;}
.container {    width: 100%;    max-width: 1200px; position: relative;}
ul{margin: 0; padding: 0;}
ul li{margin: 0; padding: 0; list-style: none;}
.btn{border: 1px solid #000; border-radius: 0; display:inline-block; font-size: 16px; padding:10px 15px;  color: #000;  text-align: center; font-family: 'museo_slab_300';}
.btn-cornered{border-radius: 5px; }
.btn-med{width: 158px;}
.orange-btn{background-color: #f58134; border:1px solid #f58134 !important; color:#FFF;}
.orange-btn:hover{color:#FFF;}
section{padding: 40px 0; position: relative;}
.bgYellow{background-color: #ffde16;}
.bgGrey{background-color: #717171; color: #FFF;}
.bgLightGrey{background-color: #ededed;}
.bshadow{box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.padding100{padding: 0 100px;}
.btn-os{padding:15px 60px; color:#fff; background-color: #f58134; border: none;}
.dsfCenter{align-items:center;}
.msgError{background-color: #f55834 ; text-align: center; color: #FFF; display:table; min-width:250px; padding:5px 15px; margin:0 auto;}
/******************************************/


header{background:#FFF; padding-top: 20px; position: relative; z-index: 10;}
header .logo{padding-bottom: 20px; display:flex;align-items: center;}
header .logo div{width:50%;}
header .logo div:last-child{text-align:right;}
.menu-bar{background-color: #f1f2f3;}
header .hLinks{display:flex;}
header .hLinks  li{position:relative; flex-grow: 1; padding: 13px 0;}
header .hLinks  li a{display:block; color:#000; font-family: 'museo_slab_300'; position: relative;transition: 0.4s; position:relative; border-right: 2px solid #d2d2d2; font-size: 16px; line-height: 25px; height:25px;text-align:center;}
header .hLinks li:hover{background:#1d656d;}
header .hLinks li:hover a{color:#FFF; border-color:#1d656d;}
header .hLinks ul > li.menu-item-has-children > a:after{ content: "\f105";    font-family: "Font Awesome 5 Free";    font-style: normal;    font-weight: 900;    text-decoration: inherit;    color: #000;    font-size: 20px;    position: absolute;    top: 0;    right: 25px;}

header .hLinks li > ul.sub-menu{opacity: 0; position: absolute; width: 270px; z-index: 9; background:#f1f2f3; visibility:hidden; top:100%;}
header .hLinks li > ul.sub-menu li a{color: #000;}
header .hLinks li > ul.sub-menu li{display: block;}
header .hLinks li > ul.sub-menu li a{width: 100%; border: none; text-align: left; line-height: 25px; padding:0 10px; height: auto;}
header .hLinks li ul.sub-menu li a:hover{color:#FFF;}
header .hLinks li.menu-item-has-children:hover > ul.sub-menu{opacity: 1; visibility:visible;}
header .hLinks li > ul.sub-menu > li > ul.sub-menu{opacity: 0; position: absolute; width: 270px; z-index: 9; background:#f1f2f3; visibility:hidden; top:0; left:100%;}
header .hLinks li > ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu{opacity: 1; visibility:visible;}

header .hLinks  li.lnSocial, header .hLinks  li.lnSearch{max-width:60px;}
header .hLinks  li.lnSocial a, header .hLinks  li.lnSearch a{padding-top:4px;}
header .hLinks  li.lnSearch{background-color: #f58134;}
header .hLinks  li.lnSearch a{color:#FFF; border:none;}
header .sm-links > ul{ }
header .sm-links  li{position:relative; display: inline-block; vertical-align: top;  text-align: center;}
header .sm-links  li > a{display:block; color:#000; padding: 5px 25px; font-family: 'museo_slab_300'; position: relative;transition: 0.4s; line-height:18px; position:relative; font-size: 16px; border-right: 2px solid #d2d2d2; font-size: 16px; line-height: 26px;}
header .sm-links  li a.noborder{border: none !important;}
header .search-link{background-color: #f58134; padding: 17px 0; text-align: center; position: absolute; right: 0; height: 100%; width: 50px;}
header .search-link a{color: #FFF;}

.homeBanner{height:620px; width:100%; position:relative; z-index: 1;}
.hbImage{width:100%; height:100%; position:relative; background-size:cover !important; background-position:top right !important; background-repeat: no-repeat;}
.homeBanner .container{height:100%;}
.hbDesc{position:absolute; top:40%;  transform: translateY(-40%); width:90%; max-width:470px; }
.psRight{right:0;}
.hbDescTitle{font-size:35px; line-height: 48px;  font-family: 'museo_slab_300';}
.hbDescTitle span{   font-family: 'museosans_700';}
.hbsubTitle{font-size:35px; line-height: 40px;   }
.hbDescCnt{ font-size:18px; line-height: 25px; margin:15px 0; }
.txtWhite{color:#FFF;}
.hbDesc a{font-size:16px; padding:15px 75px; color:#fff; background-color: #f58134; display: inline-block; margin-right: 15px;}

.hmWhyus{color: #000; background-color: #3d868d;}
.hmWhyus h3{color: #fff; margin-bottom:25px;}
.hmWhyus .whyBox{background-color: #fff; box-shadow: rgba(149, 157, 165, 0.5) 0px 8px 24px; border-radius:5px; position: relative; padding: 15px; display:flex; align-items: center;}
.hmWhyus .whyBox div:first-child{margin-right:20px;}
.hmWhyus .whyBox span{font-family: 'museosans_500';}
.hmWhyus .whyBox p{margin-bottom: 0; margin-top:5px;}

.poBox{border: 1px solid #FFF; width:100%; display:flex;}
.prdCategory{min-width:225px; padding-left:20px;}
.poLists li a{font-size: 18px; line-height: 26px; font-family: 'museosans_500'; display: block; margin: 10px 0; padding: 10px 15px; border-radius: 50px;  position: relative; display: inline-block;}
.poLists{margin-top: 15px;}
.poLists li a i{opacity: 0; position: relative; top: 2px;}
.poLists li a:hover, .poLists li a.active{background-color: #f58134; color: #FFF;}
.poLists li a:hover i, .poLists li a.active i{opacity: 1; color: #FFF;}
.prdDescription{background-color: #FFF; padding: 50px 30px; width: 655px;}
.poSubTabs li{padding: 5px 0;}
.poSubTabContent{width: 100%;}
.poSubTabContent img{margin-bottom: 20px;}

.brands{align-items:center;}
.brands li{ display: inline-block; vertical-align:middle; text-align: center;}
.brands li img {position: relative; max-width: 100%;}

.product-search-input{background-color: #eeeeee ; border-radius: 25px; height: 47px; position: relative; margin-bottom: 50px; padding: 13px 15px}
.product-search-input i{position: absolute; left: 20px; top: 15px;}
.product-search-input input{background: transparent; border: none; padding-left: 50px; width:100%;}
.hmProductOffr .workBox{background-color: #fff;}
.hmProductOffr h3{text-align: center; margin-bottom: 40px;}
.hmProductOffr .workBox{margin-bottom: 30px; padding-bottom: 10px; box-shadow: 0px 15px 10px -15px  rgba(0, 0, 0, 0.2);border: 1px solid #c5c5c5; border-radius: 5px;}
.hmProductOffr .workBox .wImg{height: 200px;  margin-bottom: 10px; text-align: center; border-bottom:1px solid #c5c5c5; border-radius: 5px;}
.hmProductOffr .workBox .wImg img{max-height:197px;}
.hmProductOffr .workBox .wInfo {height: 145px;padding: 20px 25px;  font-family: 'museosans_300';}
.hmProductOffr .workBox .wInfo span{display:block;}
.hmProductOffr .workBox .wInfo span.wTitle{margin-bottom:15px; }
.view-details{position: relative; padding: 15px; margin-top:15px; }
.view-details a{color: #000; border-radius: 10px; border: 1px solid #f58135; padding: 5px 20px; font-size:14px;}

section h4, .hmProductOffr .workBox .wInfo span.wTitle{font-size: 20px; line-height: 30px; font-family: 'museosans_500'; height:55px; overflow:hidden;}
section h4 span{font-family: 'museosans_500';}
.learnMore{ padding:  35px 0; background-image:url(../png/sensor-copy.png); background-repeat:no-repeat; background-position:center left;}
.learnMore p{margin-top: 15px; margin-bottom: 0;}

.hmAbout{padding: 70px 0;}
.hmAbout .space{height: 100px;}
.hmAbout h3{margin-bottom: 20px;}
.blogImgCover{min-width:47%; margin-right:30px;}
.flexVideo video, .flexVideo iframe{width:100%;}

.latestUpdates{ padding:  0	 0; color: #FFF; margin: 60px 0;}
.latestUpdates .container{background-color: #3d868d; padding:  45px 85px;}
.latestUpdates p{margin-top: 15px; margin-bottom: 0;}
.subsInput{ position: relative;}
.subsInput input{display: inline-block; width: 280px; background-color: #FFF; height: 35px; border: none;}
.subsInput button{display: inline-block; padding: 5px 15px; height: 35px; width: auto; color: #fff; background-color: #f58134; border: none; vertical-align: top; position: relative; margin-left: 15px;}

.blogPosts{}
.blogPosts .workBox{background-color: #FFF; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}
.blogPosts h3{text-align: center; margin-bottom: 40px;}
.blogPosts .workBox{margin-bottom: 30px;}
.blogPosts .workBox .wImg{height: 300px; padding: 5px 0; margin-bottom: 10px; display:block;}
.blogPosts .workBox .wInfo{padding: 10px 15px; height: 100px;font-size: 20px; line-height: 26px; font-family: 'museosans_500'; }
.blogPosts .workBox .wInfo a{color:#000;}
.blogPosts .workBox .wInfo span{display: block; padding-bottom: 10px;  font-size: 14px; font-family: 'museo_slab_300';}
.read-more{position: relative; padding: 15px; }
.read-more a{color: #000; display: block; position: relative;}
.read-more a::after{position: absolute; right: 15px; bottom: 0px; content: url('../png/right-icon.png');}

.subpageHeading{margin-bottom: 20px; padding: 25px 0; background-color: #ededed; text-align: center; } 
.subpageHeading h2{font-size: 24px; line-height: 30px; margin-bottom: 0;}

.breadcrumbs{padding: 30px 0;}
.breadcrumbs li{display: inline-block; position: relative; padding-right: 30px;}
.breadcrumbs li:after{ position: absolute; content: '>'; right: 10px;}
.breadcrumbs li:last-child:after{display: none;}

.productFilters h4{margin-top: 20px;}
.productFilters ul li{margin: 5px 0;}
.productFilters a{color: #f58134; font-size: 13px; line-height: 20px;}

h3.heading-middle {width: 100%; text-align: center; position:relative;margin: 10px 0 50px; } 
h3.heading-middle:after { content: "";  display: block;  width: 100%;  height: 1px;  background: #c5c5c5;  right: 0; left:0;  top: 50%;  position: absolute;} 
h3.heading-middle span { background:#fff; padding:0 20px; display:inline-block; position:relative; z-index:5}

.blogSuggest{height: 300px; position: relative; margin-bottom: 30px;} 
.blogSuggest .dsFlex{align-items:center;}
.blogSuggest .blogBoxImage{height: 300px; display:block;}
.blogSuggest .blogBoxInfo{height: 100%; position:relative; padding-bottom:30px;}
.blogSuggest .blogBoxInfo .wInfo {padding:  0px;  font-family: 'museo_slab_300';}
.blogSuggest .blogBoxInfo .wInfo a{color:#000;}
.blogSuggest .blogBoxInfo .wInfo h4{font-size: 24px; line-height: 30px; font-family: 'museosans_500'; padding: 10px 0; }
.blogSuggest .blogBoxInfo .read-more{position: absolute; bottom: 0; padding: 0; width: 100%;}
.blogSuggest .blogBoxInfo .read-more::after {bottom: 3px}

.productHeader{background-color: #e3e4e7; padding-bottom: 30px;}
.productHeader .sub-products{margin-bottom: 15px; display: block;}
.productHeader .sub-products a{ display: inline-block; margin-right: 2px; color: #3c3c3c; font-size: 14px; line-height: 20px; padding: 3px 25px;}
.productHeader .sub-products a.active{background-color: #3c3c3c; color: #FFF;}
.ph-buttons a{padding:10px 40px; color:#3c3c3c; background: transparent; border: 1px solid #3c3c3c; margin-right: 5px; display: inline-block;}
.ph-buttons a.btn-contact{color:#fff; background-color: #f58134; border: none;}
.ph-buttons a i{margin-right:5px;}
.p-brochure{margin-top: 80px; margin-bottom: 60px;}
.p-brochure ul.row{border-bottom: 1px solid #c5c5c5; padding-bottom: 20px; padding-top: 20px; }
li 	.pb-left {vertical-align: top; display: inline-block;  font-size: 'museo_slab_300';}
.pb-left i{font-size: 36px; position: relative; top: 7px; margin-right: 10px;}
a.pb-right {width: 192px; height: 37px; line-height: 34px; padding-left: 40px; margin-top: 5px; display: inline-block; position: relative; border: 1px solid #363636; text-align:center;}
a.pb-right i{position: absolute; left: 0; top: 0; width: 41px; height: 36px; line-height: 30px; background-color: #363636; color: #FFF; text-align: center;}
.pb-right:hover{border-color: #f58134;}
.pb-right:hover i{background-color: #f58134; color: #FFF;}

.brandHeader {color: #FFF; height: 260px;}
.brandHeader a{color: #FFF;}
.brands .workBox{background-color: #fff;}
.brands .workBox{margin-bottom: 30px; box-shadow: 0px 15px 10px -15px  rgba(0, 0, 0, 0.2);border: 1px solid #f1f1f1; border-radius: 5px;}
.brands .workBox .wImg{height:100px; text-align: center; background-color: #fff; border-radius: 5px; padding: 10px 0px;}
.brands .workBox .wImg img{max-height:100%;}
.brands .workBox .wInfo {height: 220px;padding: 20px 25px;  font-family: 'museo_slab_300';}

.blogListBox{border-bottom: 1px solid #c5c5c5; padding-bottom: 30px; margin-bottom: 30px;}
.blogLists .blogBoxImage{height:260px; display:block;}
.blogLists .blogBoxInfo{height: 100%;}
.blogLists .blogBoxInfo .wInfo {padding:  0px;  font-family: 'museo_slab_300';}
.blogLists .blogBoxInfo .wInfo h4{font-size: 24px; line-height: 30px; font-family: 'museosans_500'; padding: 10px 0;margin-bottom: 5px; }
.blogLists .blogBoxInfo .wInfo span{display: block; margin-bottom: 10px;}
.shareBlog a{display: inline-block; margin-right: 15px; margin-top: 15px;}

.registerBox{padding: 80px 20px 30px 20px; width: 100%; height: 350px; background-image: url('../jpg/gradient-blue-bg.jpg'); background-repeat: no-repeat; background-size: cover;  font-family: 'museo_slab_300'; color: #FFF;}
.registerBox h3{font-size: 34px; line-height: 44px; font-family: 'museosans_700'; margin-bottom: 10px;}
.registerBox span{font-size: 22px; line-height: 32px;}
.registerBox a{font-size: 18px; line-height: 26px; font-family: 'museo_slab_300'; width: 100%; padding: 13px; color: #000; display: inline-block; margin-top: 15px; background-color: #fff200; border-radius: 5px; text-align: center;} 

.recentPosts{margin-top: 30px;}
.recentPosts .rpBox{padding: 20px 23px; background-color: #f6f6f6; margin-bottom: 20px;}
.recentPosts .rpBox h4{margin-bottom: 20px; font-size: 16px; line-height: 24px; font-family: 'museosans_500';}
.recentPosts .rpBox a{color: #000; display: block;}

.contact .contactLeft{font-family: 'museo_slab_300';}
.contact .cLoc{font-family: 'museosans_500'; margin: 10px 0;}
.contact .cAddr{margin: 10px 0;}
.contact .cInfo{margin: 10px 0; font-family: 'museo_slab_300';}
.contact .cInfo a i{margin-right:5px;}
.crBox{border: 1px solid #a6a6a6; height: 150px; padding: 15px 10px 15px 60px; border-radius: 5px; position: relative; font-size: 14px; line-height: 20px;}
.crBox span{font-family: 'museosans_500';}
.crBox i{position: absolute; font-size: 30px; left: 15px; top: 20px;}

.documents .pb-left i{font-size: 47px;	position: relative;	top: 23px;	margin-right: 15px;}
.documents 	li .pb-left{margin-top: -15px;}
.documents 	a.pb-right{margin-top: 12px;}
.documents .p-brochure ul.row{padding-bottom: 35px;}
.pb-left .pb-tag{display: inline-block; padding: 2px 5px; border: 1px solid #eeeeee; border-radius: 5px; margin-left: 15px; font-size:13px;}
.pb-left > .pb-tag.lftSpace{margin-left: 55px !important;}

footer .fMenus{padding: 60px 0;}
footer h4{font-size: 18px; line-height: 24px; font-family: 'museosans_500'; }
footer .fMenus ul li a{color: #000; padding: 5px 0; display: inline-block; line-height: 20px;}
footer .copyright{background-color: #ededed; padding: 25px 0;}
footer .copyright span{display: block;}
footer .copyright .links{padding-bottom: 20px;}
footer .social-links{padding-top: 27px;}
footer .social-links a{padding: 0 15px ; display: inline-block;}
.ctext{padding-top: 27px;}

.cNetwork{background-image: url('../customer-network-map.html'); background-repeat: no-repeat; background-position: center 60px;}
.networkBox{padding: 20px 0;}
.networkInfo{text-align: center;}
.networkInfo span{display: block; padding: 10px 15px;}
.networkInfo h4{font-size: 36px; font-family: 'museo_slab_300';}
.clientPlaces { display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.clientPlaces li a{display: inline-block; border: 1px solid #c5c5c5; padding: 10px; width: 100%; border-radius: 25px; text-align: center; margin-bottom: 20px;}
.clientLogos {margin-top: 30px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.clientLogos li{margin-bottom: 20px; text-align: center;}
.sghImage{max-height:190px;}
.hWhiteBG{background:#FFF !important;}
.prdPagination{clear:both; padding-top:10px; text-align:right;}
.prdPagination a,.prdPagination span{padding:3px 7px; margin:0 2px; border:1px solid #1d656d;}
.prdPagination a:hover,.prdPagination span{background:#1d656d; color:#FFF;}
.flexTextarea ul{margin-left:15px;}
.flexTextarea ul li{list-style:disc;}
/****Search ****/
#searchform{text-align: center;}
#searchform #s{padding: 10px; background: transparent; border: 1px solid #ccc; margin-right: 20px;}
#searchsubmit{background-color: #f58134; border:1px solid #f58134 !important; color:#FFF; border-radius: 0; display:inline-block; font-size: 16px; padding:10px 15px;   text-align: center; font-family: 'Roboto-Light';}

.rspMenuLink, .rspMenuContent, .rspFilterContent{display:none;}

@media only screen and (max-width : 991px) {
	.dsFlex{display:block;}
	.rspPaddingBtm{padding-bottom:25px;}

	header{border-bottom:1px solid #1e666e;}
	header .logo{display:block;}
	header .logo div{width:100%; text-align:center;}
	.btn{margin-bottom: 10px;}
	
	.rspLogo{padding:15px 0; text-align:center; background:#FFF;}
	.rspLogo .img-responsive{max-width:75%;}
	
	.rspMenuLink{background-color: #f58134; position:fixed; bottom: 20px; right: 30px; width: 50px; height: 50px; z-index:9999; padding-top:18px; cursor:pointer; display:block; border-radius:25px;}
	.rspMenuLink span, .rspFilterClose span{display: block;width: 20px;height: 2px;margin: 0 auto 3px auto;background: #FFF;transition: 0.4s;}

	.rspFilterClose{background-color: #f58134; position:absolute; bottom: 30px; right: 25px; width: 50px; height: 50px; z-index:9999; padding-top:18px; cursor:pointer; display:block; border-radius:25px;}
	.rspMenuClose span{background:#FFF;}
	.rspMenuClose span:first-child, .rspFilterClose span:first-child {-webkit-transform: rotate(-45deg) translate(-5px, 5px) ;transform: rotate(-45deg) translate(-3px, 4px);}
	.rspMenuClose span:nth-child(2), .rspFilterClose span:nth-child(2) {opacity: 0;}
	.rspMenuClose span:last-child, .rspFilterClose span:last-child {-webkit-transform: rotate(45deg) translate(-2px, -2px) ;transform: rotate(45deg) translate(-3px, -4px) ;}

	.rspMenuContent, .rspFilterContent{width: 100%; background: #f1f2f3; position: fixed; left: -100%; top: 0; z-index: 999; height: 100vh; margin: 0; padding: 0; -webkit-transition: all .3s linear; -moz-transition: all .3s linear; -o-transition: all .3s linear; -ms-transition: all .3s linear; transition: all .3s linear; overflow:hidden; overflow-y: scroll; display:block;}
	.rspMenuActive, .rspFilterActive{left:0; visibility:visible;}
	.rspFilterContent{padding:30px; z-index:99991}

	.rspMenuContent li{list-style-type: none; border-bottom: solid 1px #d2d2d2;}
	.rspMenuContent li a{color: #000; display: block; font-size: 18px; line-height: 26px; padding: 17px 20px 16px; text-decoration: none; position:relative; }
	.rspMenuContent li.rspLnSocial a{display:inline-block; margin-right:15px;}
	.rspMenuContent li .sub-menu {margin-left:30px;}
	.rspMenuContent li .sub-menu li{border:none;}
	.rspMenuContent li .sub-menu a{ padding:10px;}
	.rspMenuContent li.greyBG{background: #e9e9e9; color:#000; border-bottom-color:#000;}
	.rspMenuContent li.greyBG a{color:#000;}
	
	.hbImage{background:#C7E2EB !important;}
	.homeBanner{height:550px;}
	.hbImage .txtWhite{color:#000 !important;}
	.hbDesc{margin:0 auto; left:0 !important; right:0 !important;}
	.hmWhyus .whyBox{margin-bottom:15px;}
	.rspHmProducts ul{text-align:center;}
	.rspHmProducts ul li{display:inline-block; min-width:150px; margin:10px 0;}
	.rspHmProducts ul li a{display:block; color:#000; text-align:center;}
	.rspHmProducts ul li a i{height:80px; width:80px; font-size:25px; border-radius:50%; background:#3d868d; color:#FFF; line-height:80px;}
	.rspHmProducts ul li a span{display:block; padding-top:5px;}
	.learnMore{background-image:none; padding:45px 0;}
	.latestUpdates .container{padding:30px;}
	
	.brands .workBox{box-shadow:none; border:none;}
	.brands .workBox .wImg{background-color:transparent;}
	.brands .workBox .wInfo{display:none;}
	.blogSuggest .blogBoxInfo .read-more{position:relative;}
	.blogSuggest .blogBoxInfo .wInfo{height:auto;}
	
	.sBarFilter ul{text-align:left;}
	.sBarFilter ul li{display:inline-block; padding:5px 10px; border:1px solid #f1f2f3; margin:5px;}
	.sBarFilter ul li a{margin-left:10px; font-size:14px; font-weight:normal;}
	.p-brochure .text-center{text-align:right !important;}
	
	footer .copyright, footer .copyright .text-right{text-align:center !important;}
}

@media only screen and (max-width : 500px) {
	.subsInput button{margin:15px 0 0 0; display:block;}
}
@media only screen and (min-width : 768px) and (max-width : 1200px) {
	.prdCategory{min-width:250px;}
	.poLists li a{padding:10px; font-size:15px;}
}
.noptin-form-footer .noptin-optin-field-wrapper:not(.noptin-optin-field-wrapper-hidden){width: 280px; border-radius: 0; display: inline-block;}
.noptin-form-footer .noptin-optin-field-wrapper:not(.noptin-optin-field-wrapper-hidden) .noptin-form-field{width: 100%; display: inline-block; border-radius: 0;}
.noptin-form-footer .noptin-form-button-block{width: auto; display: inline-block; border-radius: 0; margin-left: 15px;}
.noptin-optin-form{text-align: left;}
.noptin-form-footer, .noptin-form-header{padding: 0;}
.noptin-form-fields p{color: #FFF;}

.loader{text-align: center; margin-top: 80px;}
.lds-spinner {
	color: #3d868d;
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px; margin: auto;
  }
  .lds-spinner div {
	transform-origin: 40px 40px;
	animation: lds-spinner 1.2s linear infinite;
  }
  .lds-spinner div:after {
	content: " ";
	display: block;
	position: absolute;
	top: 3px;
	left: 37px;
	width: 6px;
	height: 18px;
	border-radius: 20%;
	background: #3d868d;
  }
  .lds-spinner div:nth-child(1) {
	transform: rotate(0deg);
	animation-delay: -1.1s;
  }
  .lds-spinner div:nth-child(2) {
	transform: rotate(30deg);
	animation-delay: -1s;
  }
  .lds-spinner div:nth-child(3) {
	transform: rotate(60deg);
	animation-delay: -0.9s;
  }
  .lds-spinner div:nth-child(4) {
	transform: rotate(90deg);
	animation-delay: -0.8s;
  }
  .lds-spinner div:nth-child(5) {
	transform: rotate(120deg);
	animation-delay: -0.7s;
  }
  .lds-spinner div:nth-child(6) {
	transform: rotate(150deg);
	animation-delay: -0.6s;
  }
  .lds-spinner div:nth-child(7) {
	transform: rotate(180deg);
	animation-delay: -0.5s;
  }
  .lds-spinner div:nth-child(8) {
	transform: rotate(210deg);
	animation-delay: -0.4s;
  }
  .lds-spinner div:nth-child(9) {
	transform: rotate(240deg);
	animation-delay: -0.3s;
  }
  .lds-spinner div:nth-child(10) {
	transform: rotate(270deg);
	animation-delay: -0.2s;
  }
  .lds-spinner div:nth-child(11) {
	transform: rotate(300deg);
	animation-delay: -0.1s;
  }
  .lds-spinner div:nth-child(12) {
	transform: rotate(330deg);
	animation-delay: 0s;
  }
  @keyframes lds-spinner {
	0% {
	  opacity: 1;
	}
	100% {
	  opacity: 0;
	}
  }

  .singleProduct h3{margin-top: 50px;}

.wpcf7 {width:100% !important;}  

input.wpcf7-submit {
    background-color: #F58134;
    border: none;
    box-shadow: none;
	padding: 15px 60px;
    color: #fff;
}