body {font-family: 'Roboto', sans-serif;background-color:#fff;font-size:14px;}
a {text-decoration:none;-webkit-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
.extrapad {padding-left:45px !important;padding-right:45px !important;}
.whitebg {background-color:#fff;}
.whitebg90 {background-color:rgba(255,255,255,0.85);}
.silverbg {background-color:#f8f9fa;}
.lightbg {background-color:#dedede;}
.redbg {background-color:#051153;}
.darkbg {background-color:#02041b;}
.bxshedow {box-shadow: 0 4px 5px rgba(0,0,0, .2);}
.botbor {border-bottom:solid 1px #dedede;}
.ltrtborder {border-left:solid 1px #b9c0b5;border-right:solid 1px #b9c0b5;}
.primcolor {color:#0099dd;}
.primbg {background-color:#0099dd;}

/** Header*/
.logo {display:inline-block;padding:8px 0px 12px 0px;}
.logo img{width:70%;}
 a.topcontact{display:inline-block;padding:12px 20px;margin-top:30px;font-size:15px;font-weight:500;color:#fff;background-color: #333a42;border-radius:6px;user-select:none;}
 a.topcontact:hover{background-color: #0099dd;}

.infocontent {display:inline-block;position:relative;text-align:left;padding:5px 30px 0px 75px;margin-top:18px;border-left: solid 1px #ddd;transition:all 0.3s linear;}
.infocontent::before {font-family: Flaticon;font-size:28px;position: absolute;top:2px;left:22px;color: #666;transition:all 0.3s linear;}
.infocontent span{display:block;line-height:16px;}
.infocontent span:first-child{font-size:16px;font-weight:700;color:#0b0a4e;margin-bottom:5px;}
.infocontent span:last-child{font-size:14px;font-weight:400;color:#444}
.infocontent:hover span:first-child{color:#000;}
.infocontent:hover span:last-child{color:#0099dd;}
.location::before {content: "\f105";} 
.mailus::before {content: "\f109";} 
.callus::before {content: "\f108";} 
.location{border-left-width:0px;} 
.callus{padding-right:6px;}

.mainnav {display:block;position: absolute;bottom: -25px;background-color: #0099dd;border-radius:10px;width: 100%;transition: all 0.3s linear;}
.mainnav a {display:inline-block;position:relative;padding:12px 8px 12px 8px;margin:7px;font-size:14px;font-weight: 400;color: #fff;transition:all 0.3s linear;text-transform: uppercase;}
.mainnav a::before {display:block;position:absolute;bottom:-10px;left:0px;width:100%;height:0px;background-color:#353c42;content:'';transition:all 0.3s linear;border-top-left-radius: 50px;border-top-right-radius: 50px;}
.mainnav a:hover::before {height:15px;}
.mainnav .logo-toggle {display:none;}
.mainnav a.logo-toggle:hover::before {height:0px;}


/**Hero*/
.hero {margin-top:-30px;box-sizing:border-box;overflow:hidden;}
.hero .heroslide {display:block;height: 680px;padding-top:280px;}
.hero .heroslide h1 {font-size: 48px;font-weight:400;color: #fff;line-height:64px;text-shadow: 1px 1px 5px 8px rgba(0,0,0,0.8);}
.hero .heroslide h1 span {font-size: 48px;font-weight:900;text-transform: uppercase;color: #37c0ff;}
.hero .heroslide p {font-size: 24px;font-weight: 300;color: #fff;line-height:30px;margin-top:18px;}
.hero .heroslide hr {width:180px;background-color:#7e0505;height:5px;opacity:1.0;border-radius:30px;}
.hero .heroslide a {display:inline-block;padding:16px 26px;margin-top:24px;font-size: 12px;font-weight: 600;color:#0b0a4e;background-color: #fff;border-radius:2px;-webkit-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;user-select:none;}
.hero .heroslide a:hover {background: rgb(5,17,83);background: linear-gradient(15deg, rgba(5,17,83,1) 40%, rgba(2,163,102,1) 100%);color:#fff;}
.hero .one {background: url(../images/hero/sb.jpg) no-repeat top center;background-size: cover;}
.hero .two {background: url(../images/hero/sa.jpg) no-repeat top center;background-size: cover;}

.bg-a{background: url(../images/product/bg-d.jpg) no-repeat left center #dedede;}

.linetext {display: inline-block;border-bottom: solid 2px #aaa;font-size:13px;font-weight:500;color: #0099dd;padding-bottom:2px;}
.headingtext{font-size:24px;font-weight:400;color:#000;line-height: 32px;}
.ptext{font-size:17px;font-weight:300;color:#000;line-height:26px;}

.prodtitles {display:block;margin-top:10px;color:#000;}
.prodtitles a{display: block;position:relative;margin-bottom:12px;padding-left:24px ;font-size:16px;font-weight:400;color:#525a5e;cursor: pointer;transition:all 0.3s linear;}
.prodtitles a:after{content:'';position:absolute;width:6px;bottom:50%;left:0px;height:1px;background-color:#000;transition:all 0.3s linear;}
.prodtitles a:hover{color:#000;padding-left: 45px;}
.prodtitles a:hover:after {width:42px;}

.valuebox {display: block;overflow: hidden;transition: all 0.3s linear;text-align: center;}
.valuebox img{width:100%;border-radius: 6px;}
.valuebox p{font-size:17px;font-weight:300;color:#000;line-height:26px;text-align: left;margin-top: 16px;}


/**Product Section **/
.prodsection {display:block;box-sizing:border-box;padding-top:60px;text-align:center;}
.prodsection .boxbtn {display:inline-block;padding:3px 6px;border:solid 1px #a90b0b;color:#a90b0b;font-size:11px;font-weight:500;margin-bottom:8px;}
.prodsection h3 {font-size:24px;font-weight:700;color:#000;line-height:36px;opacity:0.9;}
.prodsection hr{display:block;margin:0px auto 60px auto;width:140px;height:3px;background-color:#a90b0b;opacity:1.0;}
.prodsection .hr2{display:block;margin:0px auto 60px auto;width:75px;height:3px;background-color:#a90b0b;opacity:1.0;}

.proditems {display:block;text-align:center;margin-bottom:60px;padding:0px;user-select:none;position: relative;overflow: hidden;background-color: #000;border-radius: 3px;}
.proditems img{position: relative;transition: all 0.3s linear;width:100%;border-radius: 3px;}
.proditems label{position:absolute;bottom:-30px;left: 0px;width: 100%;height: 1px;overflow: hidden;padding: 15px 12px;background-color: rgba(255,255,255,0.40);border-top: solid 3px #051153;transition: all 0.3s linear;font-weight:700;}
.proditems:hover label{height:120px;background-color: rgba(255,255,255,0.70);}



/**Titles  */
.Section-title {display:block;box-sizing:border-box;text-align:center;padding:0px 0px 60px 0px;}
.Section-title .boxbtn {display:inline-block;padding:3px 6px;border:solid 1px #a90b0b;color:#a90b0b;font-size:11px;font-weight:500;margin-bottom:12px;}
.Section-title h1  {font-size:24px;font-weight:700;color:#000;line-height:36px;opacity:0.9;}
.Section-title hr{display:block;margin:0px auto;width:160px;height:3px;background-color:#a90b0b;opacity:1.0;}

.sec-title-two{ position:relative;margin-bottom:60px;}
.sec-title-two .title{position:relative;font-size:16px;font-weight:600;padding-bottom:5px;margin-bottom:25px;color:rgba(0,0,0,0.40);}
.sec-title-two .title:after {position: absolute;content: '';left: 0px;bottom: 0px;width: 70px;height: 2px;background-color:#397f0e;}
.sec-title-two h2{position:relative;color:#00000a;font-size:32px;font-weight:500;line-height:1.4em;padding-right:30px;}
.sec-title-two h2 span{font-weight:900;}
.sec-title-two p {font-size:16px;font-weight:400;color:#777;}
.sec-title-two .big-letter{position:absolute;left:-20px;top:90px;color:#e0f8d4;font-size:340px;font-weight:700;line-height:1em;opacity:0.3;white-space:nowrap}

/***Why Section */

.sec-title{position:relative;margin-bottom:65px;margin-top:65px;}
.sec-title h2{position:relative;font-size:38px;font-weight:600;color:#00000a;line-height:1.2em;text-transform:capitalize;}
.sec-title .text{position:relative;font-size:16px;margin-top:25px !important;color:rgba(0,0,0,0.60);}
.sec-title.centered{text-align:center;}
.sec-title.centered .text{max-width:790px;margin:0 auto;}

.whycard img {display: block;}
.whycard h3 {font-size:20px;font-weight:700;}
.whycard p {font-size:17px;font-weight:400;color:#000;}

.whycardcta {display: block;padding: 65px 45px;background: rgb(5,17,83);background: linear-gradient(15deg, rgba(5,17,83,1) 40%, rgba(2,163,102,1) 100%);}
.whycardcta h2{color:#fff;text-align: center;}

/*** About */
.aboutsec{user-select:none; background:url('../images/about.jpg') top center no-repeat #30352c; background-size:cover;}
.aboutsec h1 {font-size:48px;font-weight:400;color:#fff;}
.aboutsec h1 span {font-weight:900;position:relative} 
.aboutsec p {font-size:20px;font-weight:300;color:#fff;}

/***Footer Section */

.ftrsection {display: block; padding:60px 0px 90px 0px;background:url('../images/ftr.jpg') bottom right no-repeat #0099dd;animation: herobgzoom 160s infinite; }
.ftrsection-top h1 {font-size:38px;font-weight:400;color:#fff}
.ftrsection-top h1 span {font-weight:900;} 
.ftrsection-top h3 {font-size:18px;font-weight:500;color:#000;}
.ftrsection-top p {font-size:20;font-weight:300;color:#000;text-decoration: underline;}
.ftrsection-top .infotx {font-size:20;font-weight:400;color:#000;}
.ftrsection-top .infotx a {font-size:22;font-weight:500;color:#000;position: relative;}
.ftrsection-top .infotx a::before {position: absolute;left: 0px;bottom: -3px;width: 0px;height: 1px;transition: all 0.3s linear;content: ''; background-color: #029764;}
.ftrsection-top .infotx a:hover::before{width: 100%;}
.copytx {font-size:13px;font-weight:400;color:#aaa;opacity:0.7}

@keyframes herobgzoom {
    0% {background-size:auto;}
    50% {background-size: 75%;}
    100% {background-size:auto}
}