@import url('https://fonts.googleapis.com/css2?family=Antonio:wght@700&display=swap');


/* CSS Document */
/*----------------
RESET CSS
-----------------*/
body {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0;
	background: #fff;
	color: #000000;
	text-align: center;
	font-family: 'Harmonia Sans Pro Cyr';
	font-weight: normal;
	}
div, ul, h1, h2, h3, h4, h5, li, p, img, form, input, textarea {margin: 0;padding: 0;}
header, section, footer, aside, nav, main, article, figure {display: block;}
table, tr, td {border: 0;}
a {outline: none;color: inherit;text-decoration: none;}
img {border: none;}
li {list-style: none;}
* {box-sizing: border-box;}
.img-full {max-width: 100%;}
.clearall {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	}
	
@font-face {
	font-family: 'Harmonia Sans Pro Cyr';
	src: url('../fonts/HarmoniaSansProCyr-Regular.woff2') format('woff2'),
		url('../fonts/HarmoniaSansProCyr-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
	}

@font-face {
	font-family: 'Harmonia Sans Pro Cyr';
	src: url('../fonts/HarmoniaSansProCyr-Italic.woff2') format('woff2'),
		url('../fonts/HarmoniaSansProCyr-Italic.woff') format('woff');
	font-weight: normal;
	font-style: italic;
	font-display: swap;
	}

@font-face {
	font-family: 'Harmonia Sans Pro Cyr';
	src: url('../fonts/HarmoniaSansProCyr-SemiBd.woff2') format('woff2'),
		url('../fonts/HarmoniaSansProCyr-SemiBd.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
	}

@font-face {
	font-family: 'Harmonia Sans Pro Cyr';
	src: url('../fonts/HarmoniaSansProCyr-Bold.woff2') format('woff2'),
		url('../fonts/HarmoniaSansProCyr-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
	}

	
/*-----------------------
MAIN CSS START
------------------------*/
.container{
	width: 1170px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}	

.top-caption{
	float:left;
	width:100%;
	background:#ff0000;
	height:30px;
	position:relative;
	overflow:hidden;
	}
.caption{
	position:absolute;
	left:0;
	width:100%;
	padding-top:3px;
	}
.caption-txt{
	color:#ffffff;
	font-size:18px;
	line-height:20px;	
	font-weight:normal;
	letter-spacing:1px;
	white-space: nowrap;
	}
.caption-txt span{
	color:#ffeb10;
	font-weight:bold;
	}		
	
.top-fix-bar{
	float: left;
	width: 100%;
	margin-bottom: 75px;
	}
.header{
	float:left;
	width:100%;
	background:#fff;
	height:75px;
	padding:9px 0;
	
	margin-top:-75px;
	top:75px;
	position:relative;		
	}
.fixed-nav .header{
	position: fixed;
	z-index: 10;
	-webkit-transition: margin .3s ease-out;
	transition: margin .3s ease-out;
	margin-top:0;
	top:0;
	-webkit-box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
	box-shadow: 0 3px 4px 0 rgba(0,0,0,0.1);
	}				
.logo{
	float:left;
	margin-top:0px;
	}
ul.topMenu{
	float:right;
	margin: 15px 0 0 0;
	}
ul.topMenu li{
	float:left;
	padding:3px 18px;
	position:relative;
	}
ul.topMenu li a{
	color:#565656;
	font-size:17px;
	line-height:16px;
	letter-spacing:0.5px;
	}
ul.topMenu li:after{
	content:'';
	width:1px;
	background:#a7a7a7;
	top:5px;
	bottom:5px;
	position:absolute;
	right:0;
	}	
ul.topMenu li:last-child:after{display:none;}
ul.topMenu li a:hover, ul.topMenu li a.active{color:#5592fd;}
a.nav-btn{
    float: right;
	background:#13af26;
    color: #fff;
    font-size: 18px;
    text-align: center;
    width: 138px;
    height: 40px;
    line-height: 42px;
	border-radius:20px;
	font-weight:600;
	margin-top:9px;	
	}	

/*-----------------------
		BANNER
------------------------*/
.banner {
	background: #f2fbff;
    float: left;
    width: 100%;
    height: 568px;
	overflow:hidden;
	}
.bnr-left{
    float: left;
    width: 62%;
    text-align: left;
    margin-top:50px;
	}	
.bnr-revw{
	float:left;
	width:100%;
	font-size:17px;
	line-height:19px;
	color:#353535;
	letter-spacing:0.5px;
	}
.bnr-revw img{
	display:inline-block;
	vertical-align:middle;
	margin:-6px 3px 0 0;
	}	
.bnr-revw img.rev-tik{
	margin:-4px 5px 0 3px;
	}
.bnr-head{
    float: left;
    width: 100%;
    font-size: 46px;
    line-height: 54px;
    color: #052f5b;
	font-weight:bold;
    margin-top: 10px;
	}
.bnr-head span{color:#2451a0;}	
.bnr-strip{
	float:left;
	width:100%;
	text-align:left;
	margin-top:25px;
	}
.bnr-strip li{
	display:inline-block;
	vertical-align:middle;
	}
.bnr-strip li img{
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;	
	}
.bnr-strip li p{
	display:inline-block;
	vertical-align:middle;
	font-size:25px;
	line-height:25px;
	color:#2451a0;
	font-weight:bold;
	letter-spacing:0.5px;
	}	
.bnr-strip li span{
	color: #052f5b;
	font-size:27px;
	line-height:27px;
	margin:0 15px;
	}
.bnr-para{
    float: left;
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    color: #000;
	letter-spacing:0.5px;
	padding-right:150px;	
    margin-top: 20px;
	}				
.btnBlk{
	display:inline-block;
	vertical-align:middle;
	width:316px;
	text-align:center;
	margin-top:50px;
	}
.banner .btnBlk{margin-top:30px;}
a.pg-btn{
	float:left;
	width:100%;
	height:55px;
	cursor:pointer;
	position:relative;
	overflow:hidden;
	background: #13af26;
	border-radius:30px;
	}
a.pg-btn p{
	float:left;
	width:100%;
	color:#fff;
	line-height:55px;
	font-size:22px;
	letter-spacing:0.5px;
	font-weight:bold;
	}	
.mbg-txt{
	float:left;
	width:100%;
	font-size:16px;
	color:#3b3b3b;
	font-weight:600;
	position:relative;
	margin-top:6px;
	letter-spacing:0.5px;
	}
.mbg-txt .btn-bdr{
	display:inline-block;
	vertical-align:middle;
	padding:0 5px;
	z-index:2;
	position:relative;
	}
.red{ color:#ff0000;}		
.mbg-txt .btn-bdr:before, .mbg-txt .btn-bdr:after{
	content:'';
	position:absolute;
	top:11px;
	height:1px;
	background:#97a0ab;
	width:20px;
	left:-20px;
	}	
.mbg-txt .btn-bdr:after{ 
	left:auto;
	right:-20px;
	}
	
.bnr-right{
	width:30%;
	float:right;
	position:relative;
	}
.bnr-right:before{
    content: '';
    position: absolute;
    left: 0;
    width: 763px;
    height: 568px;
    top: 0;
    bottom: 0;
    background: url(../images/bnr-hero.jpg) no-repeat top left;
    background-size: cover;
	}
.bnr-prod{
    position: absolute;
    top: 47px;
    right: 200px;
	}
.bnr-seal{
    position: absolute;
	top: 97px;
    right: 184px;
	}					

/*-----------------------
		STRIP BG
------------------------*/
.strip-bg{
    float: left;
    width: 100%;
    background: #fff;
    padding: 40px 0 0;
	position:relative;
	}
.strip-bg:before{
	content:'';
	position:absolute;
	left:50%;
	bottom:-26px;
	background:url(../images/dwn-arw.png) no-repeat center center;
	width:59px;
	height:28px;
	margin-left:-25px;
	}	
.ftur-hdng{
    background: url(../images/futr-line.png) no-repeat center center;	
	float:left;
	width:100%;
    font-size: 18px;
    line-height: 22px;
    color: #272727;
	font-weight:600;
	letter-spacing:0.5px;
	}
ul.strip-list{
	float:left;
	width:100%;
	border-bottom:1px solid #ececec;
	margin-top:25px;
	padding-bottom:20px;
	}
ul.strip-list li{
	display:inline-block;
	vertical-align:top;
	padding:0 54px;
    position: relative;
	}
ul.strip-list li:before{
    content: '';
    border-right: 1px solid #ebebeb;
    top: 15px;
    bottom: 15px;
    right: 0;
    position: absolute;
	}
ul.strip-list li:last-child:before{ display:none;}			
ul.strip-list li img{
	max-width:100%;
	display:inline-block;
	vertical-align:middle;
	}	
ul.strip-list span{
	float:left;
	width:100%;
	font-size:17px;
	color:#272727;
	letter-spacing:0.5px;
	margin-top:10px;
	}	

/*-----------------------
		SECTION 1
------------------------*/	
.section1{
	background: #fff;
	float:left;
	width:100%;
	padding:60px 0 190px;
	}		
.common-head{
	float:left;
	width:100%;
	font-size:48px;
	line-height:48px;
	color:#052f5b;
	letter-spacing:0.5px;
	font-weight:bold;
	}
.common-head span{
	display: inline-block;
    vertical-align: top;
    font-size: 36px;
    line-height: 38px;
    color: #2451a0;
	}	
.comon-bdr{
	display:inline-block;
	vertical-align:top;
	background:#56a5dd;
	width:75px;
	height:5px;
	border-radius:20px;
	margin-top:25px;
	}	
.common-para{
	float:left;
	width:100%;
	font-size:18px;
	line-height:26px;
	color:#000;
	letter-spacing:0.5px;	
	margin-top:25px;
	}
.common-para.padding{padding:0 80px;}	
.s1-prod{
    position: absolute;
    top: 282px;
    left: 12px;
    max-width: 100%;
    width: 400px;
	}	
.sec1Box{
	background:url(../images/s1box-bg.jpg) no-repeat center top;
	float:right;
	width:100%;
	max-width:885px;
	height:393px;
	border-radius:22px;
	background-size:cover;
	margin-top:50px;
	padding:60px 60px 0 125px;
	}	
.s1-inrbox{
	float:left;
	width:100%;
	text-align:left;
	position:relative;
	}	
.s1-inrbox:before{
    content: '';
    position: absolute;
    top: -25px;
    left: 80px;
    right: -25px;
    bottom: -25px;
    background: #f9fdff;
    border-radius: 30px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	-webkit-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;	
	}	
.s1-list{
	float:left;
	width:100%;
	text-align:left;
	position:relative;
	}	
.s1-list li{
	float:left;
	width:100%;
	position:relative;
	padding-left:110px;
	margin-bottom:30px;
	}
.s1-list li:before{
	content: '';
    position: absolute;
    bottom: -28px;
    left: 70px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #111b29;
	}	
.s1-list li:nth-child(2):before{ background: #703d26;}	
.s1-list li:last-child:before{ display:none;}	
.s1-list li:last-child{ margin-bottom:0;}	
.s1-list li img{
	position:absolute;
	top:5px;
	left:0;
	}
.s1-list li span{
	float:left;
	width:100%;
	font-size:22px;
	line-height:24px;
	color:#052f5b;
	letter-spacing:0.5px;
	font-weight:bold;
	}	
.s1-list li p{ margin-top:7px;}				
.s1-inrbox .btnBlk{ margin:35px 0 0 110px;}	
	
	
				
/*-----------------------
		SECTION 2
------------------------*/	
.section2{
	background: #fff;
    float: left;
    width: 100%;
	padding:60px 0 70px;
	}
.s2-left{
	float:left;
	width:50%;
	text-align:left;
	margin-top:40px;
	}
.s2-list{
	float:left;
	width:100%;
	}
.s2-list-col{
	float:left;
	width:100%;
	padding:20px 30px 20px 70px;
	text-align:left;
	position:relative;
	cursor:pointer;
	}
.s2-list-col-1{
	background:url(../images/s2-icon1.png) no-repeat left 20px;
	}
.s2-list-col-2{
	background:url(../images/s2-icon2.png) no-repeat left 20px;
	}
.s2-list-col-3{
	background:url(../images/s2-icon3.png) no-repeat left 20px;
	}
.s2-list-col-4{
	background:url(../images/s2-icon4.png) no-repeat left 20px;
	}
.s2-list-col span{
	float: left;
    width: 100%;
    font-size: 30px;
    line-height: 32px;
    font-weight: bold;
    color: #052f5b;
	letter-spacing:0.5px;
	}
.s2-list-col p{
	float: left;
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    color: #000000;
	letter-spacing:0.5px;
	margin-top:10px;
	padding-right:25px;
	}
.s2-right{
	float:right;
	width:48.8%;
	margin-top:50px;
	background:#fff;
	box-shadow:0 2px 15px 2px rgba(0,0,0,0.2);
	position:relative;
	}
.s2-rgt-img{
	display:inline-block;
	vertical-align:middle;
	max-width:100%;
	}
/*-----------------------
		SECTION 3
------------------------*/	
.section3{
	background:#e9f4f9;
	float:left;
	width:100%;
	padding:60px 0 70px;
	}
.s3-prod{
	display:inline-block;
	vertical-align:middle;
	margin:50px 0 0 50px;
	}	
ul.s3-list{
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	margin-left:40px;
	}
ul.s3-list li{
	color:#000000;
	font-size:22px;
	font-weight:600;
	padding-left:35px;
	background:url(../images/s3-list-bg.png) no-repeat center left;
	margin-top:20px;
	}
/*-----------------------
		SECTION 4
------------------------*/	
.section4{
	background:#fff;
	float:left;
	width:100%;
	padding:60px 0 70px;
	}
	
.protectionBox{
	float:left;
	width:100%;
	background:#fff;
	border-radius:30px;
	overflow:hidden;
	margin-top:50px;
	box-shadow:0 0 8px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0 0 8px 2px rgba(0,0,0,0.1);
	position:relative;
	}
.s4-prod{
	position:absolute;
	top:50%;
	left:50%;
	max-width:100%;
	margin:-164px 0 0 -164px;
	}		
.protect-cont{
	background:#e9f4f9;
	width:50%;
	padding:30px 30px 40px;
	}
.protect-cont.fr{background:url(../images/night-bg.jpg) no-repeat center center; background-size:cover;}	
.protect-cont.fl{text-align:left;}
.protect-cont.fr{text-align:right;}		
.protect-head{
	float:left;
	width:100%;
	font-size:36px;
	line-height:38px;
	color:#052f5b;
	letter-spacing:0.5px;
	font-weight:bold;
	}
.protect-cont.fr .protect-head{ color:#fff;}	
.s4-inr-sec{ width:420px;}
.s4-inr-sec-bx{
	float:left;
	width:100%;
	position:relative;
	margin-top:30px;
	}
.s4-inr-sec.fl .s4-inr-sec-bx{text-align:left; padding-left:120px; padding-right: 50px;}
.s4-inr-sec.fr .s4-inr-sec-bx{text-align:right; padding-right:120px; padding-left: 50px;}
.s4-inr-sec-bx img{
	position:absolute;
	top:0;
	border:1px solid #d3d3d3;
	border-radius:50%;
	padding:3px;
	width:100px;
	}
.s4-inr-sec.fl .s4-inr-sec-bx img{left:0;}
.s4-inr-sec.fr .s4-inr-sec-bx img{right:0;}
.s4-inr-sec-bx span{
	float:left;
	width:100%;
	font-size:24px;
	line-height:26px;
	color:#052f5b;
	font-weight:bold;
	}
.protect-cont.fr .s4-inr-sec-bx span{ color:#fff;}	
.s4-inr-sec-bx p{ margin-top:7px;}
.protect-cont.fr .s4-inr-sec-bx p{ color:#fff;}	

	
/*-----------------------
		SECTION 6
------------------------*/	
.section6{
	background: #e9f4f9;
	float:left;
	width:100%;
	padding:60px 0 70px;
	}		
.s6-list{
	float:left;
	width:100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top:50px;
	padding:0 35px;
	}
.s6-list li{
    float: left;
    width: 31.5%;
	text-align:center;
	background:#fff;
	border-radius:12px;
	overflow:hidden;
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	-webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	}
.s6-list-top{
	float:left;
	width:100%;
	background:url(../images/s6-list-bnr.jpg) no-repeat center top;
	height:140px;
	background-size:cover;
	padding:27px 10px 0;
	}	
.s6-lst-hd{
	float:left;
	width:100%;
	font-size:30px;
	line-height:32px;
	letter-spacing:0.5px;
	color:#fff;
	font-weight:bold;
	}	
.s6-list-btm{
	float:left;
	width:100%;
	padding:0 15px 30px;
	}	
.s6-icn-imgs{
	display:inline-block;
	vertical-align:top;
	margin-top:-56px;
	}	
.s6-list-btm span{
	float:left;
	width:100%;
	font-size:22px;
	line-height:24px;
	color:#052f5b;
	letter-spacing:0.5px;
	font-weight:bold;
	margin-top:25px;
	}
.s6-list-btm p{ margin-top:17px;}				
		
		
/*-----------------------
		SECTION 7
------------------------*/	
.section7{
	background: #e9f4f9;
	float:left;
	width:100%;
	padding:60px 0 70px;
	}
.testiBox{
	float:left;
	width:100%;
	margin-top:20px;
	padding:0 100px;
	}	
.testiRow{
	float:left;
	width:100%;
	text-align:left;
	padding-left:85px;
	margin-top:40px;
	position:relative;
	}
.name-icon{
    position: absolute;
    left: 0;
    top: 10px;
    width: 63px;
    height: 63px;
    background: #c0d6e9;
    color: #fff;
    font-size: 26px;
    line-height: 63px;
    border-radius: 50%;
    text-align: center;
    text-transform: uppercase;
	font-weight:600;
	}			
.s5-testi-hd{
	float: left;
    width: 100%;
    font-size: 24px;
    line-height: 26px;
    color: #10416b;
	font-weight:bold;
	letter-spacing:0.5px;
	}
.testi-star{
	display:inline-block;
	vertical-align:middle;
	margin-top:8px;
	}	
.testiRow .common-para{
	font-style:italic;
	margin-top:12px;
	}
.s5-testi-nm{
	float:left;
	width:100%;
	font-size:20px;
	line-height:20px;
	color:#101010;
	font-weight:600;
	margin-top:15px;
	}
.s5-testi-nm span{
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
	line-height:20px;
	color:#3f3f3f;
	}	
.s5-testi-nm span img{
    display: inline-block;
    vertical-align: middle;
    margin: -2px 6px 0 8px;
	}	
	
/*-----------------------
		SECTION 8
------------------------*/	
.section8{
	background: #fafafa;
	float:left;
	width:100%;
	padding:60px 0 70px;
	}	
.faq-container{
	float: left;
    width: 100%;
	padding:0 120px;
    text-align: left;
    margin-top: 40px;
	}
.up-slide-dwn{
	float:left;
	width:100%;
	}
.accordion{
	float: left;
    width: 100%;
    text-align: left;
    background: url(../images/close-btn.png) no-repeat 98% center;
    padding: 18px 20px 18px 0;
    font-size: 20px;
    line-height: 24px;
    color: #000;
    font-weight: 600;
	border-bottom:1px solid #cecece;
	letter-spacing:0.5px;
    cursor: pointer;
	}	
.acdn-heading.accordion-open {
    background: url(../images/open-btn.png) no-repeat 98% center;
	}
.acdn-content{
    float: left;
    width: 100%;
    padding: 18px 20px 15px 0;
	}
.acdn-content .faq-txt{ 
	margin-top:0;
	}	
																
/*-----------------------
		Footer
------------------------*/
.footer{
	float: left;
    width: 100%;
	text-align:center;
	background:#fff;
    padding: 40px 0 30px;
	}
.ftr-logo{
	margin:0 auto 15px;
	display:block;
	}	
.ftr-txt{
    float: left;
    width: 100%;
    font-size: 17px;
    line-height:25px;
    color: #636363;
	letter-spacing:0.5px;
	margin-top:10px;
	}	
.footer .ftr-txt a{
    padding: 0 5px;
    color: #636363;
	}	
.ftr-txt2{
	border-top:1px solid #d2d2d2;
	padding-top:30px;
	margin-top:30px;
	}	
	
/*-----------------------
		Pulse
------------------------*/
.pulse {
	animation-name: pulse;
	-webkit-animation-name: pulse;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
	}
@keyframes pulse {
0% {transform: scale(0.9);}
50% {transform: scale(1);}
100% {transform: scale(0.9);}
}

@-webkit-keyframes pulse {
0% {-webkit-transform: scale(0.95);}
50% {-webkit-transform: scale(1);}
100% {-webkit-transform: scale(0.95);}
}	



.show-mob, .show-tab {display: none;}
.show-desk {display: block;}
.fl{ float:left;}
.fr{ float:right;}

/*---------Media Querry---------*/

@media only screen and (max-width:1187px){
.container{width:1004px;}

.bnr-left{ width:66%;}
.bnr-prod{ right:120px;}
.bnr-seal{right:114px;}
ul.strip-list li{ padding:0 40px;}
.s1-prod{ width:232px;}
.common-para.padding{padding:0;}
.s3-prod{width:550px; margin-left:0;}
.s4-prod{ margin: -115px 0 0 -115px; width: 230px;}
.testiBox{ padding:0 30px;}
.faq-container{ padding:0 30px;}
}


@media only screen and (max-width:1023px){
.container{width:750px;}
.show-desk {display: none;}
.show-tab {display: block;}

a.nav-btn{margin-right:40px;}
.mob-mnu-ic{
    cursor: pointer;
    position:absolute;
    right: 0px;
    top: 19px;
	z-index:16;
	height:30px;
	}
.mob-mnu-ic button{
	outline: none;
    -webkit-appearance: none;
	background: none;
	padding:0;
    cursor: pointer;
	border: none;
	}
.mob-mnu-ic span{
	color:#000;
	display:inline-block;
	vertical-align:top;
	font-size:16px;
	font-weight:300;
	margin-top:4px;
	margin-right:5px;
	}
.bar1, .bar2, .bar3 {
	width: 30px;
	height: 3px;
	background-color: #000;
	transition: 0.4s;
	-webkit-border-radius: 2px 2px 2px 2px;
	border-radius: 2px 2px 2px 2px;
	}
.bar2{margin: 6px 0;}

.dl-active .bar1 {
	-webkit-transform: rotate(-45deg) translate(-6px, 5px);
	transform: rotate(-45deg) translate(-6px, 5px);
	background:#000;
	}
.dl-active .bar2 {opacity: 0;}
.dl-active .bar3 {
	-webkit-transform: rotate(45deg) translate(-7px, -7px);
	transform: rotate(45deg) translate(-7px, -7px);
	background:#000;
	}	
.mobilemenu{
	left:0;
	position:fixed;
	top:105px;
	background:rgba(255,255,255,1);
	z-index:10;
	right:0;
	bottom:0;
	overflow:scroll;
	display:none;
	border-top:1px solid #dddddd;
	}
.mobimenu-top{ top:75px;}	
.mobilemenu li{
	float:left;
	width:100%;
	text-align:left;
	border-bottom:1px solid #dddddd;
	}
.mobilemenu li a{
	float:left;
	width:100%;
	padding:17px 20px;
	font-size:18px;
	color:#000;
	}	
.mobilemenu li a:hover{color:#000;}

.banner{ height:520px;}
.bnr-left{margin-top:30px;}
.bnr-head{ font-size:32px; line-height:40px;}
.bnr-para{ padding-right:75px;}
.bnr-right{ width:34%;}
.bnr-right:before{ width: 627px; height: 520px;}
.bnr-prod{ width:200px; top:65px; right:90px;}
.bnr-seal{width: 100px;}
.bnr-strip li p{font-size:22px;}
.bnr-strip li span{margin:0 10px;}

ul.strip-list li{ padding:0 18px;}

.section1{ padding:60px 0 180px;}
.common-head{ font-size:40px; line-height:42px;}
.common-head span{ font-size:30px; line-height:32px;}
.s1-prod{ display: inline-block; vertical-align: top; width: 265px; position: static; margin-top: 30px;}
.sec1Box{ padding:50px 45px 0 25px;}

.section2{ padding:50px 0 60px;}
.s2-left{width:58%;}
.s2-list-col{padding: 10px 10px 10px 60px}
.s2-list-col span{ font-size:23px; line-height:25px;}
.s2-list-col p{font-size:17px; padding-right:0;}
.s2-right{width:40%;}

.section3{ padding:50px 0 60px;}
.s3-prod{width:360px;}
ul.s3-list{ margin:25px 0 0 20px;}
ul.s3-list li{ font-size:17px; margin-top:15px; background-size:20px; padding-left:30px;}

.section4{ padding:50px 0 60px;}
.s4-prod{ display:none;}
.protect-cont{ width:50%; padding: 25px 15px 35px;}
.protect-head{ font-size:30px; line-height:32px;}
.s4-inr-sec{ width:100%;}
.s4-inr-sec.fl .s4-inr-sec-bx{ padding-left: 95px; padding-right: 10px;}
.s4-inr-sec-bx img{ width:80px;}
.s4-inr-sec.fr .s4-inr-sec-bx{ padding-right: 95px; padding-left: 10px;}

.section6{ padding:50px 0 60px;}
.s6-list{ padding:0;}
.s6-list-btm span{font-size:20px; line-height:28px;}
.s6-icn-imgs{ width:100px;}

.section7{ padding:50px 0 60px;}
.testiBox{ padding:0;}

.section8{ padding:50px 0 60px;}
.faq-container{ padding:0;}

}

@media only screen and (max-width:767px){
.container{width:100%; padding:0 10px; max-width:600px; box-sizing:border-box;}
.show-desk{display:none;}
.show-tab{display:none;}
.show-mob{display:block;}
.hide-mob{ display:none;}



.header{ height:55px; margin-top: -55px; top: 55px; padding: 6px 0;}
.logo{margin-top:4px;}
.fixed-nav .header{ border-bottom:1px solid #ddd;}
.top-fix-bar{ margin-bottom:55px;}
a.nav-btn{margin-top:3px; height:36px; line-height:36px; font-size:17px; margin-right:0;}

.mob-mnu-ic{ top:11px; right:10px; display:none;}
.mobilemenu{ top:85px;}
.mobimenu-top{ top:54px;}

.banner{height:auto; padding:25px 0;}
.bnr-left{width:100%; text-align:center; margin-top:0;}
.bnr-revw{font-size:15px; letter-spacing:0.5px;}
.bnr-star{width:80px;}
.bnr-head{font-size: 24px; line-height: 32px; margin-top:8px;}
.bnr-strip{margin-top:22px; text-align:center;}
.bnr-strip li img{ width:30px;}
.bnr-strip li p{ font-size:18px; line-height:20px;}
.bnr-strip li span{margin:0 5px;}
.bnr-para{font-size:16px; line-height:24px; margin-top:15px; padding:0;}
.bnr-right{display:none;}
.bnr-prod, .bnr-seal{ display:none;}
.mob-bnr{ float: left; width: calc(100% + 20px); margin-left: -10px; max-width: none;margin-top: 20px;}

.strip-bg{ padding:25px 0; border-bottom: 1px solid #c8c8c8;}
ul.strip-list{ border:none; padding:0; margin-top:0;}
ul.strip-list li{ float:left; width:33.33%; padding:0; margin-top:20px;}
ul.strip-list li:before{ display:none;}
ul.strip-list span{margin-top:5px;}

.section1{ padding:30px 0 35px;}
.common-head{ font-size: 30px; line-height: 32px;}
.common-head span{ font-size:24px; line-height:28px;}
.common-para{ font-size:17px; line-height:25px; margin-top:15px;}
.s1-prod{ margin-top:20px;}
.sec1Box{ height:auto; padding:30px 20px; margin-top:25px;}
.s1-list li:before{ display:none;}
.s1-inrbox:before{ top:-20px; left:-10px; bottom:-20px; right:-10px;}
.s1-list li{ padding-left: 48px; margin-bottom: 20px;}
.s1-list li img{ width:40px;}
.s1-list li span{ font-size:20px; line-height:22px;}

.section2{ padding:25px 0 30px;}
.s2-right{ margin-top:20px; width:100%;}
.s2-left{ width:100%; margin-top:20px;}

.section3{ padding:25px 0 30px;}
.s3-prod{ margin:20px 0 0 0; max-width:100%;}
ul.s3-list{width:100%; margin:20px 0 0 0; padding:5px 15px 15px; border:2px solid #2451a0; border-radius:10px;}
ul.s3-list li{margin-top:10px;}

.section4{ padding:25px 0 30px;}
.protectionBox{ margin-top:30px;}
.protect-cont{ width:100%; padding:25px 15px 30px;}
.s4-inr-sec-bx{ margin-top:20px;}
.protect-head{ font-size:24px; line-height:26px;}
.s4-prod{ margin:30px 0 0;}
.protect-cont.fr{ text-align:left;}
.s4-inr-sec.fr .s4-inr-sec-bx{ padding-left: 95px; padding-right: 10px; text-align:left;}
.s4-inr-sec.fr .s4-inr-sec-bx img{ left:0;}
.s4-inr-sec-bx span{ font-size:20px; line-height:22px;}

.section6{ padding:25px 0 30px;}
.s6-list{ margin-top:0; padding:0 20px;}
.s6-list li{ width:100%; margin-top:30px;}
.s6-lst-hd{ font-size:24px; line-height:26px;}
.s6-icn-imgs{width: 85px;}
.s6-list-top{ height:120px; padding:20px 10px 0;}
.s6-list-btm{ padding-bottom:25px;}
.s6-list-btm span{ font-size:22px; line-height:22px; margin-top:18px;}
.s6-list-btm p{ margin-top:10px; padding:0 15px;}
.s6-list li:last-child .s6-list-btm p{ padding:0;}

.section7{ padding:25px 0 30px;}
.testiBox{ margin-top:0;}
.testiRow{ padding-left:65px; margin-top:25px;}
.s5-testi-hd{ font-size:22px; line-height:24px;}
.name-icon{ width:55px; height:55px; line-height:55px;}

.section8{ padding:25px 0 30px;}
.faq-container{ margin-top:25px;}
.accordion{ border-bottom: 1px solid #cecece; padding:15px 22px 15px 0;}
.acdn-content{ padding:15px 10px 10px 0;}

#ctabtn-mob{
	background: #2451a0;
	padding:7px 10px;
	position: fixed;
	bottom:0%;
	left: auto;
	z-index: 99;
	transition: bottom 1s;
	display: table;
	width:100%;
	}
#ctabtn-mob a.order-btn{ margin:0;}	

.footer{ padding: 0 0 20px;}
.ftr-logo{margin:25px auto 5px;}
.ftr-txt{ font-size:16px; line-height:26px;}
.footer .ftr-txt a{ padding:0;}
.ftr-txt2{ padding-top: 15px; margin-top: 15px;}


.caption-txt{
	transform: translateX(100%);
	-webkit-transform: translateX(100%);
	animation: move 15s linear infinite;
	-webkit-animation: move 15s linear infinite;
	}

@keyframes move {
  to { transform: translateX(-100%); }
}

@-webkit-keyframes{
	to { -webkit-transform: translateX(-100%); }
}
}