@import url('https://fonts.googleapis.com/css?family=Roboto:400,700,100,300,800,900|Open+Sans:400,700,600');
/*
    font-family: 'Roboto', sans-serif;
	font-family: 'Open Sans', sans-serif;
*/
 
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display: block; margin: 0; padding: 0;}
* {box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
html {font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, body, div, h1, h2, h3, h4, h5, h6, p, ul, li, form {margin: 0; padding: 0; list-style: none; font-weight: normal;}
button, input, select, textarea {margin: 0; padding: 0; border: none; font-family:'Roboto', sans-serif}
.custfield:focus,input[type="file"]:focus, input[type="checkbox"]:focus, input[type="radio"]:focus {outline: none; border: none; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}
body {font-family:'Roboto', sans-serif; font-size: 14px; color: #767676; line-height:24px;}
a,input,a:hover, button {text-decoration:none;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;}
a:hover, a:focus {text-decoration: none; outline: none;}
img {border: none; vertical-align: middle; max-width:100%}

::-webkit-input-placeholder {color: #ccc !important; font-size: 14px; font-weight: normal;}
::-moz-placeholder {color: #ccc !important; font-size: 14px; font-weight: normal;}
:-ms-input-placeholder {color: #ccc !important; font-size: 14px; font-weight: normal;}
:-moz-placeholder {color: #ccc !important; font-size: 14px; font-weight: normal;}

/****************
 * Common Css
 ****************/
header, nav, section, footer {width: 100%; float: left;}

/*header*/
header{ position:fixed; left:0; top:0; z-index:2; border-bottom:1px solid #5dcd21; background:rgba(0,0,0,0.8);transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;}
header.headerFix{background:#000}
header .site-title{ float:left; padding:6px 91px 6px 0; position:relative; background:url(../images/site-title-bg.png) right top no-repeat; z-index:1;}
header .site-title:after{ position:absolute; left:auto; right:5.6rem; top:0; height:100%; width:110rem; background:#fff; content:''; z-index:-1}
header #main-nav{ float:right}
header .headnav { margin:0; padding:0; list-style:none}
header .headnav li{ float:left; line-height:90px; padding:0 33px; font-weight:300}
header .headnav li a{ font-size:18px; color:#fff; text-transform:uppercase;}
header .headnav li a:hover{ color:#5dcd21;}
header .headnav li.active a{ font-weight:700}
header .headnav li i{ font-size:20px; padding:0 15px 0 0}
header .headnav.nav-right li:last-child{ padding-right:0}
header .headnav.nav-left{ padding-right:160px }
.mobile-menu {display: none;}
/*header*/


/*home slider*/
.section-slider{ float:left; width:100%}
.sign-banner {border-bottom: solid 4px #38b002;}
/*home slider*/

/*about section*/
.section-about1{ padding:0; position:relative;}
.section-about1:after{ position:absolute; left:0; top:0; content:''; background:#f1f1f1; height:100%; width:48%; z-index:-1}
.section-about1 .aboutimg-set{ background:url(../images/about-secbg.jpg) left center no-repeat; padding:54px 0 60px 88px; background-size:cover; position:relative; z-index:1}
.section-about1 .aboutimg-set .imgsetinn{ float:left; background:#cacaca; padding:0 5px 5px 0}
.section-about1 .aboutimg-set .imgsetrow { margin-bottom:31px;}
.section-about1 .aboutimg-set .img1,
.section-about1 .aboutimg-set .img3{ margin-right:31px; margin-top:35px;}
.section-about1 .content-inner{ padding:145px 30px 0 78px}
.section-about1 .content-inner h3{color:#5dcd21; margin:0; padding:0 0 20px 0; text-transform:uppercase; font-size:48px; font-weight:900; line-height:60px;}
.section-about1 .content-inner h3 span{ display:block; color:#0d296a; font-weight:100; text-transform:none; }
/*about section*/
/*section services*/
.section-services1{ background:#fbfbfb; padding:95px 0}
.section-services1 .section-title{ padding:0 0 90px 0}
.section-services1 .section-title h3{color:#5dcd21; margin:0; padding:0 0 15px 0; text-transform:uppercase; font-size:48px; font-weight:900; line-height:60px;}
.section-services1 .section-title h3 span{ display:block; color:#0d296a; font-weight:100; text-transform:none; }
.section-services1 .section-title p{ max-width:875px; margin:0 auto}
.section-services1 .services-list{text-align:center; margin-bottom:70px}
.section-services1 .services-list.last{margin-bottom:0px}
.section-services1 .services-list h4{color:#0d296a; margin:0; padding:15px 0 13px; font-size:20px; font-weight:400; line-height:normal;}
.section-services1 .services-list h4 a{color:#0d296a}
.section-services1 .services-list h4 a:hover{color:#66cd2f;}
.section-services1 .mdl-serimg{ padding-top:55px;}
/*section services*/

/*section- product*/
.section-ltsadd{ padding:80px 0;}
.section-ltsadd .section-title{ padding-bottom:40px;}
.section-ltsadd .owl-carousel .owl-stage{ padding-bottom:1px;}
.section-ltsadd .section-title h3{color:#5dcd21; margin:0; padding:0; text-transform:uppercase; font-size:48px; font-weight:900; line-height:60px;}
.section-ltsadd .item{ border:1px solid #dbdbdb; padding:9px; position:relative}
.section-ltsadd .proboxinn { padding:10px}
/*.section-ltsadd .b6cbfc{border:1px solid #b6cbfc;}*/
.section-ltsadd .new-lab{font-size:11px; text-transform:uppercase; color:#fff;font-family: 'Open Sans', sans-serif; font-weight:600; background:url(../images/new-lab-bg.png) left top no-repeat; width:49px; height:25px; padding:2px; line-height:normal; text-align:center; top:22px; left:16px; position:absolute}
.section-ltsadd .item h3{ font-weight:700; color:#0d296a; font-size:15px;font-family: 'Open Sans', sans-serif; margin:0; padding:0 0 8px 0}
.section-ltsadd .item h3 a{ color:#0d296a;}
.section-ltsadd .item h3 a:hover{ color:#5dcd21;}
.section-ltsadd .item .review-star{ padding-bottom:10px}
.section-ltsadd .item .review-star img{width:auto}
.section-ltsadd .item .proprice{ color:#515151; font-size:21px;font-family: 'Open Sans', sans-serif; font-weight:700; float:left;}
.section-ltsadd .item .wishlist{ float:right; margin-top:5px;}
.section-ltsadd .item .proverlay{ position:absolute; left:0; top:0; background:rgba(53,112,247,0.6); width:100%; height:100%; padding:10px; opacity:0; transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;}
.section-ltsadd .item:hover .proverlay{ opacity:1}
.section-ltsadd .item .proverlay .addtocart{border:1px solid #b6cbfc; height:100%; width:100%; text-align:center}
.section-ltsadd .item .proverlay img{ width:auto; display:inline-block;}
.section-ltsadd .item .proverlay a{ width:94px; height:94px; border-radius:50%; background:#5dcd21; text-align:center; display:inline-block; position:absolute; left:50%; top:50%;transform:translate(-50%,-50%); line-height:84px;}
.section-ltsadd .item .proverlay a:hover{ background:#16171c;}
.section-ltsadd .owl-nav{ position:absolute; left:0; top:50%;transform:translateY(-50%); width:100%}
.section-ltsadd .owl-nav .owl-prev{ float:left; background:url(../images/arrow-left.jpg) left top no-repeat; margin:0 0 0 -43px }
.section-ltsadd .owl-nav .owl-next{ float:right; background:url(../images/arrow-right.jpg) left top no-repeat;margin:0 -43px 0 }
.section-ltsadd .owl-nav .owl-prev,
.section-ltsadd .owl-nav .owl-next{ width:16px; height:30px;}
/*section- product*/

/*Footer*/
footer .footer-top{ background:url(../images/footer-bg.jpg) center top no-repeat; background-size:cover; padding:80px 0; color:#fff}
footer .footer-top h3{font-size:20px; margin:0; padding:0 0 25px 0; font-weight:700;}
footer .footer-top p{color:#cccccc;}
footer .footer-top p a{color:#cccccc;}
footer .footer-top p a:hover{color:#5dcd21;}
footer .footer-top .about{ width:24%; padding-right:30px;}
footer .footer-top .contact-us{ width:26%; padding-right:15px;}
footer .footer-top .contact-us p{ padding-bottom:30px}
footer .footer-top .newsletter{ width:25%; padding-right:40px;}
footer .footer-top .newsletter form{ margin:15px 0 0 0; position:relative}
footer .footer-top .newsletter form input[type='text']{ width:100%; background:rgba(255,255,255,0.10); border:1px solid rgba(255,255,255,0.10); color:#fff; height:38px; padding:8px 43px 8px 13px;}
footer .footer-top .newsletter form .subtn{ position:absolute; right:0; top:0; width:37px; height:38px; background:url(../images/btn-arrow.png) center center no-repeat #5dcd21;}
footer .footer-top .newsletter form .subtn:hover{ background-color:#355fbf;}
footer .footer-top .open-hours{ width:265px;}
footer .footer-top .open-hours ul{ margin:0; padding:0; list-style:none}
footer .footer-top .open-hours ul li{ border-bottom:1px solid #232327; color:#cccccc; padding:6px 0 7px}
footer .footer-top .open-hours ul li:last-child{ border-bottom:0; padding-bottom:0}
footer .footer-top .open-hours ul li span{ float:right}
footer .footer-down{ background:#0d296a; padding:32px 0}
footer .footer-down .copyright{ float:left;}
footer .footer-down .copyright ul{ margin:0; padding:0; list-style:none}
footer .footer-down .copyright ul li{ float:left; text-transform:uppercase; background:url(../images/footer-sep.png) right center no-repeat; padding:0 22px 0 16px}
footer .footer-down .copyright ul li:first-child{ padding-left:0}
footer .footer-down .copyright ul li:last-child{ padding-right:0; background:none;}
footer .footer-down .copyright ul li a{ color:#fff; }
footer .footer-down .copyright ul li a:hover{ color:#5dcd21; }
footer .footer-down .copyright p{ color:#9ea9c3; font-size:13px; padding-top:5px; clear:both;}
footer .footer-down .f-socialmedia{ float:right; padding:5px 0 0 0}
footer .footer-down .f-socialmedia ul{ margin:0; padding:0; list-style:none}
footer .footer-down .f-socialmedia ul li{ float:left; margin:0 20px 0 0}
footer .footer-down .f-socialmedia ul li:last-child{ margin-right:0}
footer .footer-down .f-socialmedia ul li a{ float:left; width:44px; height:44px; border-radius:50%; background:#5dcd21; color:#fff; text-align:center; font-size:18px; line-height:44px;}
footer .footer-down .f-socialmedia ul li a:hover{ background:#fff; color:#0d296a;}
/*Footer*/

/*About us*/
.about-sub-txt {max-width: 54%;}
.about-sub-txt, .about-sub-image {display: inline-block;} 
.sub-about {padding: 70px 0 0 0;}
.sub-about-one {padding-bottom: 85px;}
.sub-about-one h2 {font-family:'Roboto', sans-serif; font-weight: 300; font-size: 48px; line-height: 60px; color: #0d296a;}
.sub-about-one h2 span {text-transform: uppercase; font-weight: 900; color: #5dcd21;}
.sub-about-one p, .about-options p {font-family:'Roboto', sans-serif; font-weight: 400; color: #767676; font-size: 14px; line-height: 24px; padding: 20px 0 35px 0;}
.about-options p:last-child {padding-bottom: 0;}
.about-options img {padding-right: 15px;}
.about-options h3 {font-family:'Roboto', sans-serif; font-weight: 400; color: #0d296a; font-size: 20px;}
.about-sub-image {max-width: 41.89%; float: right;}
.about-sub-image img {object-fit: cover; width: 100%;}
.choose-us {background: url(../images/sub-about-bg.jpg); background-repeat: no-repeat; background-attachment: fixed; padding: 95px 0; background-size: cover;}
.choose-center {display: flex; align-items: center;}
.choose-us h2 {font-size: 40px; font-weight: 700; color: #5dcd21; padding-bottom: 30px;}
.choose-us p {font-size: 14px; color: #ffffff; line-height: 24px; padding: 0;}
.counter {display: inline-block; vertical-align: middle; width: 202px; height: 202px; border: dashed 5px #3570f7; border-radius: 100%; padding: 70px 34px; margin-right: 15px;}
.counter h3 {text-align: center; font-size: 52px; color: #fefefe; font-weight: 700; line-height: 24px;}
.counter h3 span {font-size: 14px;}
.counter.c-space {margin-right: 45px;}
.client-say {padding:65px 0 80px 0;}
#testiSlider {padding-top: 70px;}
.testi-img {width: 106px; height: 106px; border-radius: 100%; border-left: solid 5px #d4d4d4;}
.testi-img img {width: 100%; height: 100%; object-fit: cover; border-radius: 100%;}
.testi-txt {width: 81%; padding-left: 30px; position: relative;}
.testi-txt:after {position: absolute; content: url(../images/testimonial-bg.png); right: 35px; top: 0;}
.testi-txt h3 {font-family:'Roboto', sans-serif; font-weight: 700; color: #2a2626; font-size: 18px; padding-top: 20px;}
.testi-txt h3 span {font-weight: 300; color: #686868;}
.testi-txt p {font-family: 'Open Sans', sans-serif; font-size: 14px; color: #626262; line-height: 24px; padding-top: 15px;}
/*.client-say .owl-carousel .owl-dots {display: block; width: 13px; height: 13px; background: #e3e3e3; border-radius: 100%;}*/
.subpage-title h2 {text-transform: uppercase; font-weight: 700; font-size: 30px; color: #5dcd21;}
/*About us*/

/*Contact Us*/
.sub-contact {padding: 60px 0;}
.contact-detail {padding-left: 100px;}
.contact-detail .c-detail {padding-bottom: 35px;}
.contact-detail .c-detail.c-space {padding-bottom: 0;}
.contact-detail .c-detail img, .contact-detail .c-detail .c-block {display: inline-block; vertical-align: middle;}
.contact-detail .c-detail img {padding-right: 40px;}
.c-block h3 {color: #484848; font-weight: 700; font-size: 22px; text-transform: uppercase;}
.c-block p {font-size: 14px; color: #999999; font-weight: 400; padding-top: 10px;}
.c-block p a {color: #999999;}
.c-block p a:hover {color: #5dcd21;}
.contact-detail h2 {text-transform: uppercase; font-size: 44px; font-weight: 700; color: #484848; padding: 55px 0;}
.c-form form label, .c-form form input {width: 100%; font-size: 14px; color: #999999; font-weight: 400;}
.c-form form input, .c-form form textarea {border: solid 1px #a1a1a1; padding: 13px; width: 100%;}
.c-form form input:focus, .c-form form textarea:focus {border: solid 1px #5dcd21; outline: none;}
.c-form form .name-mail .f-name, .c-form form .name-mail .f-mail {width: 47%; display: inline-block;}
.c-form form .name-mail .f-name {margin-right: 12px; }
.c-form form .name-mail .f-mail {margin-left: 12px;}
.c-form form input {margin-bottom: 30px;}
.c-form form textarea {margin-bottom: 25px;}
.c-form form button {background: #5dcd21; font-size: 20px; font-weight: 700; color: #ffffff; text-transform: uppercase; border-radius: 50px; padding: 14px 40px;}
.c-form form button:hover {background: #0d296a;}
/*Contact Us*/

/*Register*/
.register {position: absolute; top: 30%; left: 0; right: 0;}
.sign-banner, .sub-register {position: relative;}
.sign-banner img {width: 100%; object-fit: cover; height: 870px;}
.sign-title {max-width: 634px; padding: 25px 0 0px 0; background: url(../images/sign-form-bg.png); min-height: 411px;}
.sign-title h1 {font-family: Impact; font-size: 61px; color: #fff; position: relative; display: inline-block; padding: 7px 96px; overflow: hidden; text-transform: uppercase;}
.sign-title h1 span, .form-btn span {position: relative; z-index: 1;}
.sign-title h1:after, .form-btn:after {
	background: #3570f7;
    content: '';
    height: 385%;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(115deg);
    width: 100%;
    content: "";
    position: absolute;
    transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
}
.register form {position: relative; max-width: 362px; margin: 0 auto;padding-top: 25px;}
.register form input { width: 100%; margin-bottom: 20px; padding: 13px 20px 13px 55px; color: #fefefe; font-size: 16px; font-family: Arial; font-weight: 400; border: solid 1px; position: relative; background: rgba(255, 255, 255, 0.2); border-color: rgba(255, 255, 255, 0.4);}
.register form input::placeholder {color: #fefefe; font-size: 16px;}
.register form .login-name, .register form .login-pass, .register form .register-email {position: relative;}
.register form .login-name-img, .register form .login-pass-img, .register form .register-email-img {position: absolute; content: ''; left: 0; top: 0; z-index: 1; background: #fff; padding: 11px;}
.form-btn {font-family:'Roboto', sans-serif; font-weight: 700; font-size: 22px; color: #fefefe; text-align: center; position: relative; display: block; padding: 12px 58px; overflow: hidden; text-transform: uppercase;}
.form-btn:after {height: 337%; background: #38b002;}
.form-btn:hover:after {background: #3570f7;}
.form-btn:hover {color: #fff;}
/*Register*/

/*Login*/
.login-title h1 {padding: 7px 102px;}
.login form p input {width: auto; margin: 0 10px 0 0;}
.login form p {font-size: 13px; color: #adadad; font-family: Arial;}
.login form p a {color: #007aff;}
.login form p a:hover {color: #38b002;}
.login form p.s-here {padding-bottom: 15px;}
/*Login*/