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

body {
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding:0;
	background:#fff;
	color:#000;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-family: 'Open Sans';
	}
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:#333; text-decoration:none;}
a:hover {outline: none; text-decoration:none;}
img {border:none; height:auto;}
li {list-style:none;}
*{box-sizing:border-box;}
.clearall{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
	}

/*-----------------------
FONTS
------------------------*/
@font-face {
    font-family: 'Inter';
    src: url('Inter-Black.woff2') format('woff2'),
        url('Inter-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('Inter-ExtraBold.woff2') format('woff2'),
        url('Inter-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('Inter-Bold.woff2') format('woff2'),
        url('Inter-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-SemiBold.woff2') format('woff2'),
        url('OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans.woff2') format('woff2'),
        url('OpenSans.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


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

.fl{float:left;}
.fr{float:right;}

.hide-desk{display:none;}

/*-----------------------
TOP STRIP
------------------------*/
.top_strip{
	float:left;
	width:100%;
	background:#3bbcff;
	padding:5px 0;
}
.top_strip_inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
}
.top_strip_text{
	font-size:16px;
	line-height:20px;
	font-weight:600;
	color:#000;
	margin-right:10px;
}
.top_strip_text img{
	display:inline-block;
	vertical-align:middle;
	width:22px;
	margin:-2px 4px 0 0;
}

#clockdiv {
    display: -webkit-flex;
    display: flex;
	align-items:center;
	justify-content:center;
	font-family: 'Inter';
	}
#clockdiv > div{
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
	width: 35px;
	height:32px;
	background: #fff;
	border-radius: 3px;
	padding:2px 0;
	box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 10px 1px rgba(0,0,0,0.1);
	}
#clockdiv div > span{
    text-align: center;
    color: #000000;
    font-size: 15px;
    line-height: 15px;
	font-family: 'Inter';
	font-weight:800;
	}
.smalltext{
    font-size:7px;
    line-height: 7px;
	font-weight:700;
    color: #444;
    text-align: center;
	text-transform:uppercase;
	}
#clockdiv span.col{
    width:14px;
    color: #fff;
    font-size:16px;
	}
#clockdiv p{
    float: left;
    width:15px;
    color: #000;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
    padding: 0 0 0 0;
	}	
	
/*-----------------------
HEADER
------------------------*/
.top-fix-bar {
	float:left;
	width:100%;
	margin-bottom:72px;
}
.header{
	float:left;
	width:100%;
	height:72px;
	background:#fff;
	box-shadow:0px 3px 10px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 3px 10px 0px rgba(0,0,0,0.1);
	padding:15px 0;
	margin-top:-72px;
	top:72px;
	position:relative;
	z-index:2;
}
.fixed-nav .header{
	position: fixed;
	z-index: 11;
	-webkit-transition: margin .3s ease-out;
	transition: margin .3s ease-out;
	margin-top:0;
	top:0;
	width:100%;
}
.logo{
	float:left;
	width:258px;
	margin-top:4px;
}
.header_button{
	float:right;
	width:228px;
	height:42px;
	background:#ff006c;
	border-radius:100px;
	font-size:21px;
	line-height:42px;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
	font-family: 'Inter';
	font-weight:700;
	position:relative;
	overflow: hidden;
}
.header_button:after{
	content:'';
	position:absolute;
	left:-10%;
	top:0;
	background:url(../images/btn-anim.png) left top no-repeat;
	width:120%;
	height:100%;
	
	animation: anime 2.5s cubic-bezier(0.43, 0.61, 1, 1) infinite;
	-webkit-animation: anime 2.5s cubic-bezier(0.43, 0.61, 1, 1) infinite;
}

/*-----------------------
BLACK STRIP
------------------------*/
.black_strip{
	float:left;
	width:100%;
	background:#000;
	padding:7px 0;
}
.black_strip p{
	font-size:14px;
	line-height:18px;
	font-weight:500;
	color:#fff;
}
.black_strip p img{
	width:70px;
	display:inline-block;
	vertical-align:middle;
	margin:-3px 4px 0 0;
}

/*-----------------------
SECTION-1
------------------------*/
.section-1{
	float:left;
	width:100%;
	padding:50px 0 60px;
	background:#eff8ff;
	overflow-x:hidden;
}
.sec1_inr{
	float:left;
	max-width:600px;
	text-align:left;
	position:relative;
	z-index:1;
}
.sec1_hdg{
	font-size:67px;
	line-height:70px;
	color:#000014;
	font-family: 'Inter';
	font-weight:900;
	text-transform:uppercase;
	padding-bottom:12px;
}
.sec1_hdg span{
	color:#ff006c;
}
.line{
	border-top:1px solid #ff006c;
	position:relative;
	display:inline-block;
	vertical-align:middle;
	max-width:600px;
	width:100%;
}
.line:before, .line:after{
	content:'';
	position:absolute;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#ff006c;
	top:-3px;
}
.line:before{left:-6px;}
.line:after{right:-6px;}
.sec1_txt{
	font-size:19px;
	line-height:26px;
	margin-top:15px;
}
ul.sec1-ben_lst{
	display:inline-block;
	vertical-align:top;
	margin-top:20px;
}
ul.sec1-ben_lst li{
	text-align:left;
	position:relative;
	padding:15px 0 15px 70px;
	border-bottom:1px solid #bbbbbc;
}
ul.sec1-ben_lst li:last-child{padding-bottom:0px; border-bottom:none;}
ul.sec1-ben_lst li img{
	width:55px;
	position:absolute;
	left:0;
	top:14px;
}
ul.sec1-ben_lst li h3{
	font-size:20px;
	line-height:24px;
	font-family: 'Inter';
	font-weight:800;
	text-transform:uppercase;
}
ul.sec1-ben_lst li p{
	font-size:19px;
	line-height:26px;
	margin-top:5px;
}
.button_box{
    display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:455px;
	margin-top:50px;
	text-align:center;
	overflow: hidden;
	}
.common_button{
    width: 100%;
    display: inline-block;
    vertical-align: top;
    background: #ff006c;
    height: 65px;
    line-height: 65px;
    color: #fff;
    font-size: 24px;
    font-family: 'Inter';
	font-weight:800;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    text-align: center;
	text-transform:uppercase;
	}
.button_arw{
    display: inline-block;
    vertical-align: middle;
    width: 23px;
    margin: -2px 0 0 10px;
	}
.common_button:after{
	content:'';
	position:absolute;
	left:-10%;
	top:0;
	background:url(../images/btn-anim.png) left top no-repeat;
	width:120%;
	height:100%;
	animation: anime 2.5s cubic-bezier(0.43, 0.61, 1, 1) infinite;
    -webkit-animation: anime 2.5s cubic-bezier(0.43, 0.61, 1, 1) infinite;
}

@-webkit-keyframes anime {
    100%{background-position:100% 50%}
   	0%{background-position:0% 50%}
}
@-moz-keyframes anime {
    100%{background-position:100% 50%}
   	0%{background-position:0% 50%}
}
@-o-keyframes anime {
    100%{background-position:100% 50%}
   	0%{background-position:0% 50%}
}
@keyframes anime {
    100%{background-position:100% 50%}
   	0%{background-position:0% 50%}
}

.ship_text{
	display:flex;
	display:-webkit-flex;
	align-items:center;
	justify-content:center;
	font-size:14px;
	line-height:20px;
	color:#000;
	font-weight:700;
	margin-top:10px;
	position:relative;
	}
.ship_text:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:7px;
	height:7px;
	background:#1fa700;
	border-radius:50%;
	border:3px solid #d3f1dc;
	margin:0 5px 0 0;
	animation:breath 1.3s infinite;
	}
@keyframes breath{
	0% { opacity:1;}
	50% { opacity:0.5;}
	100% { opacity:1;}
	}
.low-stock-row{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	width:80px;
	margin:0 10px;
	}
.low-stock-indicater{
	width:12px;
	height:16px;
	background:#fff;
	box-shadow:0px 0px 0px 1px #efbcb8; 
	}
.low-stock-indicater.active > span{
	background:#ef2000;
	width:100%;
	height:100%;
	float:left;
	}
.fade{
	animation:fade 1.2s ease infinite;
	}
@keyframes fade{
	0%{ opacity:1;}
	50%{ opacity:0.1;}
	100%{ opacity:1;}
	}

.sec1_img{
	position: absolute;
	right: 170px;
	top: -40px;
}
.sec1_shoe{
	position: absolute;
    right: -340px;
    top: -50px;
    z-index: 1;
}
.sec1_prod{
	position: absolute;
	right: -710px;
	top: 140px;
}
.sec1-seal{
	position: absolute;
    right: -460px;
    top: 390px;
    width: 111px;
}
.doc-recom_box{
	max-width:537px;
	width:100%;
	background:url(../images/doc-recom-bg.jpg) center top no-repeat;
	background-size:cover;
	padding:15px 150px 20px 18px;
	position:absolute;
	right:-520px;
	bottom:0;
}
.doc-recom_box h3{
	font-size:22px;
	line-height:26px;
	font-family: 'Inter';	
	font-weight:900;
	color:#0275ce;
	background:url(../images/doc-recom-line.png) left bottom no-repeat;
	width:calc(100% + 50px);
	padding-bottom:20px;
}
.doc-recom_box p{
	font-size:15px;
	line-height:22px;
	font-style:italic;
	padding-top:10px;
}
.doc-recom_img{
	position:absolute;
	right:-10px;
	bottom:0;
}

/*-----------------------
FITS SECTION
------------------------*/
.fits_section{
	float:left;
	width:100%;
	padding:30px 0 40px;
}
.fits_section_hdg{
	font-size:20px;
	line-height:24px;
	font-family: 'Inter';
	font-weight:600;
}
ul.fits_list{
	max-width:730px;
	width:100%;
	margin:0 auto;
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	margin-top:40px;
}
ul.fits_list li{
	width:20%;
	text-align:center;
}
.fits_list_img{
	width:80px;
	margin:0 auto;
	position:relative;
	z-index:1;
}
.fits_list_img:before{
	content:'';
	position:absolute;
	left:0;
	top:-15px;
	width:70px;
	height:70px;
	border-radius:50%;
	background:#eff8ff;
	z-index:-1;
}
.fits_list_img img{
	display:inline-block;
	vertical-align:top;
	max-width:100%;
}
ul.fits_list li h3{
	font-size:15px;
	line-height:20px;
	font-weight:600;
	margin-top:12px;
}

/*-----------------------
SECTION-2
------------------------*/
.section-2{
	float:left;
	width:100%;
	padding:60px 0 70px;
	background:#eff8ff;
}
.section-2_prd_info{
	float:left;
	width:52.56%;
	position:relative;
	margin:40px 0 0 -40px;
}
.sec2_prod_bx{
	position:relative;
}
.sec2_prod_line{
	position: absolute;
    left: 50px;
    top: -40px;
}
.sec2_boost{
	width: 293px;
    position: absolute;
    left: 60px;
    top: 110px;
}
.sec2_prod{
	position:relative;
	z-index:1;
}
.sec2_charge{
	position:absolute;
	right:-30px;
	bottom:0;
	width:306px;
	z-index:1;
}

.section-2_content{
	float:right;
	width:43.5%;
	text-align:left;
}
.comn_hdg{
	font-size:48px;
	line-height:52px;
	font-family: 'Inter';
	font-weight:900;
	text-transform:uppercase;
	padding:5px 0;
}
.comn_hdg span{
	color:#ff006c;
	display:block;
}
.comn_sub-hdg{
	font-size:19px;
	line-height:26px;
	font-family: 'Inter';
	font-weight:900;
	text-transform:uppercase;
	color:#ff006c;
}
.comn_text--center{
    max-width: 770px;
    width: 100%;
    margin: 0 auto;
}
.comn_txt{
	font-size:19px;
	line-height:28px;
	margin-top:20px;
}
.comn_txt--mt-0{margin-top:0;}
.sec-2_vid_bx{
	max-width:505px;
	width:100%;
	position:relative;
	border:2px solid #ef437a;
	border-radius:10px;
	overflow:hidden;
	padding-bottom:55.5%;
	margin-top:40px;
	cursor:pointer;
}
.sec-2_vid_bx img, .sec-2_vid_bx iframe{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:100%;
	height:100%;
}

/*-----------------------
SECTION-3
------------------------*/
.section-3{
	float:left;
	width:100%;
	padding:60px 0 70px;
}
.section-3_content{
	width:47%;
	float:left;
	text-align:left;
}
.sec-3_prod{
	float: right;
    width: 47.8%;
    margin: -20px 0 0px;
}
.secret_sec{
	float:left;
	width:100%;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	-webkit-justify-content:space-between;
}
.secret_sec_bx{
	width:31.5%;
	box-shadow:0px 0px 7px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 7px 2px rgba(0,0,0,0.1);
	margin-top:35px;
	padding:25px 20px 30px;
}
.secret_prod img{
	margin:0 auto 10px;
	display:inline-block;
	vertical-align:top;
	max-width:100%;
}
.secret_content h3{
	font-size:23px;
	line-height:30px;
	color:#000014;
	font-family: 'Inter';
	font-weight:900;
	text-transform:uppercase;
}
.secret_content h3 span{
	color:#3abcff;
}
.secret_content p{
	font-size:18px;
	line-height:26px;
	padding:12px 15px 0;
}


/*-----------------------
SECTION-4
------------------------*/
.section-4{
	float:left;
	width:100%;
	padding:60px 0 70px;
	background:#eff8ff;
}
.sec4_benfit{
	float:left;
	width:100%;
	margin-bottom:15px;
}
.sec4_benfit_bx{
	display:flex;
	display:-webkit-flex;
	justify-content: space-evenly;
	-webkit-justify-content: space-evenly;
	margin-top:50px;
	position:relative;
}
.sec4_benfit_bx:before{
	content:'';
	position:absolute;
	top:50%;
	height:444px;
	width:77px;
	border:1px solid #000;
	left:0;
	border-right:none;
	border-radius:50px 0 0 50px;	
}
.sec4-benfit_content{
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	text-align:left;
	max-width:350px;
}
.sec4-benfit_icon{
	width:55px;
	display:block;
	margin:0 0 15px;
}
.sec4-benfit_content h3{
	font-size:23px;
	line-height:28px;
	font-family: 'Inter';
	font-weight:900;
	text-transform:uppercase;
}
.sec4-benfit_content p{
	font-size:19px;
	line-height:28px;
	margin-top:10px;
}
.sec4-benfit_image{margin:0 -70px;}
.sec4-benfit_image img{
	border-radius:10px;
	display:inline-block;
	vertical-align:top;
	max-width:100%;
}
.sec4_benfit_bx.reverse{flex-direction:row-reverse; -webkit-flex-direction:row-reverse;}
.sec4_benfit_bx.reverse:before{
	left:auto;
	right:0;
	border:1px solid #000;
	border-left:none;
	border-radius:0 50px 50px 0;
}
.sec4_benfit_bx:last-child:before{display:none;}


/*-----------------------
SECTION-5
------------------------*/
.section-5{
	float:left;
	width:100%;
	padding:60px 0 70px;
}
.sec5_work{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin:45px 0 0;
}
.sec5_work_bx{
	width:23.5%;
}
.sec5_work_img img{
	border-radius:8px;
	display:inline-block;
	vertical-align:top;
	max-width:100%;
	margin:0 auto 25px;
}
.sec5_work_bx h3{
	font-family: 'Inter';	
	font-weight:900;
	font-size:23px;
	line-height:28px;
	text-transform:uppercase;
}
.sec5_work_bx p{
	font-size:19px;
	line-height:28px;
	margin-top:10px;
}

/*-----------------------
SECTION-6
------------------------*/
.section-6{
	float:left;
	width:100%;
}
.sec6_bx{
	max-width:956px;
	width:100%;
	border:8px solid #3abcff;
	padding:40px 250px 50px 40px;
	margin:0 auto;
	background:#252123;
	text-align:left;
	color:#fff;
	position:relative;
}
.sec6_bx .ship_text{color:#fff;}
.sec6_bx_hdg{
	font-size:45px;
	line-height:52px;
	font-family: 'Inter';
	font-weight:900;
	text-transform:uppercase;
}
.sec6_bx_hdg span{
	color:#ff006c;
}
.sec6_lst_hdg{
	font-size:24px;
	line-height:30px;
	font-family: 'Inter';
	font-weight:900;
	margin-top:35px;
}
ul.sec6_lst{
	float:left;
	width:100%;
	margin-top:5px;
}
ul.sec6_lst li{
	font-size:19px;
	line-height:28px;
	font-family: 'Inter';
	font-weight:900;
	text-transform:uppercase;
	background:url(../images/sec6-tick.png) left 3px no-repeat;
	background-size:20px;
	padding-left:35px;
	margin-top:15px;
}
.sec6_bx_img{
	position:absolute;
	right:0;
	top:0;
}

/*-----------------------
SECTION-7
------------------------*/
.section-7{
	float:left;
	width:100%;
	padding:60px 0 70px;
}
.sec7_inr{
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	margin-top:10px;
}
.sec7_inr_bx{
	width:31.5%;
	position:relative;
	margin-top:35px;
}
.sec7_inr_bx img{
	display:inline-block;
	vertical-align:top;
	border-radius:20px;
	max-width:100%;
}
.sec7_inr_bx h3{
	font-size:23px;
	line-height:28px;
	font-family: 'Inter';
	font-weight:900;
	text-transform:uppercase;
	width:85%;
	min-height:47px;
	background:#b7ff07;
	padding:5px;
	border-radius:100px;
	position:absolute;
	bottom:25px;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	display:flex;
	align-items:center;
	justify-content:center;
}

/*-----------------------
SECTION-8
------------------------*/
.section-8{
	float:left;
	width:100%;
	padding:60px 0 70px;
	background:#f0faff;
}
.compare-chart{
	display:inline-block;
	vertical-align:top;
	max-width:830px;
	width:100%;
	margin-top:90px;
	margin-bottom:30px;
	}
.chart-col1{
	float:left;
	width:46%;
	text-align:left;
	position:relative;
	z-index:1;
	padding-left:25px;
	}
.chart-col1:before{
	content: '';
    position: absolute;
    background: #fff;
    top: 108px;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: -1;
	border-radius:12px 0 0 12px;
}
.chart-row{
	float:left;
	width:100%;
	height:65px;
	display: flex;
    flex-wrap: wrap;
	justify-content:center;
	-webkit-justify-content:center;
	flex-direction:column;
	-webkit-flex-direction:column;
	border-bottom:1px solid #b8b8b8;
	}
.chart-prod{
	margin:-70px auto 5px;
	position:relative;
	z-index:1;
	max-width:100%;
}
.chart-col1	.chart-row{ padding:0 15px 0 0;}
.chart-col1	.chart-row p{
	font-size:20px;
	line-height:24px;
	color:#000000;
	font-family: 'Inter';
	font-weight:900;
	text-transform:uppercase;
	}
.chart-row:first-child{
	height:110px;
	border-bottom:none;
	background:none;
	font-family: 'Inter';
	font-weight:900;
	text-transform:uppercase;
	}
.chart-row:last-child{border-bottom:none;}
.chart-col2{
	float:left;
	width:27%;
	border-radius:12px 12px 0 0;
	background:#028cd4;
	position:relative;
	}
.chart-col2:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-29px;
	height:30px;
	width:100%;
	background:#028cd4;
	border-radius:0 0 12px 12px;
}
.chart-col2 .chart-row{border-bottom:1px solid #016599;}	
.chart-col2 .chart-row:first-child, .chart-col2 .chart-row:last-child{border-bottom:none;}		
.chart-col2 .chart-row p{
	text-align:center;
	font-size:18px;
	line-height:24px;
	color:#fff;
	}
.chart-row p span{ font-size:13px; line-height:13px; font-weight:600;}
.chart-img{
	display:block;
	margin:0 auto;
	max-width:100%;
	width:35px;
	}
.chart-row p{
	font-size:19px;
	line-height:26px;
	color:#000;
	}
.chart-col3{
	float:left;
	width:27%;
	}
.chart-col3 .chart-row{background:#fff;}
.chart-col3 .chart-row:first-child{background:none; position:relative;}
.chart-col3 .chart-row:first-child:before{
	content:'';
	position:absolute;
	left:0;
	bottom:0;
	height:70px;
	width:100%;
	background:#fff;
	border-radius:0 12px 0 0;
}
.chart-col3 .chart-row:last-child{border-radius:0 0 12px 0;}
.chart-col3 .chart-row p{
	float:left;
	width:100%;
	font-size:16px;
	line-height:18px;
	text-align:center;
	position:relative;
	}

/*-----------------------
SECTION-9
------------------------*/
.section-9{
	float:left;
	width:100%;
	padding:60px 0 70px;
}
.trust{
	padding:40px 0;
	overflow-x:clip;
	}
.trust_inner{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	max-width:1560px;
	position:relative;
	}
.trust_box{
	display:inline-block;
	vertical-align:middle;
	max-width:33%;
	width:100%;
	background:#000;
	border-radius:10px;
	margin:0 10px;
	padding:35px 15px;
	}
.trust_image{
	position:absolute;
	right:67.3%;
	top:0;
	}
.trust_image--right{
	left:67.3%;
	right:auto;
	}
.trust_box_heading{
	font-size:33px;
	line-height:38px;
	color:#fff;
	font-family: 'Inter';
	font-weight:900;
	text-transform:uppercase;
	}
.trust_box_heading span{
	color:#b7ff07;
}
.trust_box_star{
	width:140px;
	display:block;
	margin:12px auto 0;
}
.trust_rating h3{
	font-size:70px;
	line-height:72px;
	font-family: 'Inter';
	font-weight:900;
	color:#fff;
}
.trust_rating p{
	font-size:17px;
	line-height:22px;
	color:#fff;
	margin-top:5px;
}
.review{
	max-width:830px;
	width:100%;
	margin:0 auto;
}
.review_box{
	border:1px solid #ccc;
	border-radius:15px;
	padding:20px;
	text-align:left;
	margin-top:20px;
}
.review_user_info{
	position:relative;
	border-bottom:1px solid #d9d9d9;
	padding:5px 0 20px 70px;
	min-height:54px;
	margin-bottom:20px;
}
.review_letr{
	position:absolute;
	left:0;
	top:0;
	width:54px;
	height:54px;
	border-radius:50%;
	background:#d1f9ea;
	font-size:17px;
	line-height:54px;
	font-family: 'Inter';
	font-weight:900;
	text-transform:uppercase;
	text-align:center;
}
.review_user_info h3{
	font-size:18px;
	line-height:22px;
	font-weight:600;
}
.review_user_info p{
	font-size:15px;
	line-height:20px;
	margin-top:2px;
}
.review_star{
	width:130px;
	display:block;
	margin:0 0 15px;
}
.review_hdg{
	font-size:20px;
	line-height:26px;
	font-weight:600;
}
.review_txt{
	font-size:17px;
	line-height:26px;
	margin-top:12px;
}

/*-----------------------
SECTION-10
------------------------*/
.section-10{
	float:left;
	width:100%;
	padding:40px 0 70px;
}
.sec10_inr{
	max-width:1030px;
	width:100%;
	margin:0 auto;
}
.sec10_inr_top{
	position:relative;
	padding-bottom:40px;
}
.sec10_content{
	width:52%;
	text-align:left;
	position:relative;
	z-index:1;
}
.sec10_img{
	position:absolute;
	right:0;
	bottom:0;
}
.sec10_box{
	box-shadow:0px 0px 4px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow:0px 0px 4px 1px rgba(0,0,0,0.1);
	background:#f6fbff;
	border:1px solid #e0e0e0;
}
.sec10_box_hdg{
	background:#0038a2;
	padding:15px 30px;
	text-align:left;
}
.sec10_box_hdg span{
	font-size:24px;
	line-height:30px;
	color:#fff;
	margin:0 20px;
	opacity:0.7;
}
.sec10_box_hdg img{
	display:inline-block;
	vertical-align:middle;
}
.havard_logo{width:175px;}
.wyss_logo{width:205px;}
.sec10_box_content{
	padding:0 30px 25px;
	text-align:left;
}
.sec10_box_content .comn_txt{
	font-weight:600;
}
.highlight {
    background: #fff000;
    padding: 1px 5px;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
}


/*-----------------------
SECTION-11
------------------------*/
.section-11{
	float:left;
	width:100%;
	padding:60px 0 70px;
	background:#eff8ff;
}
.faq-container{
	display:inline-block;
	vertical-align:top;
	max-width:770px;
	width:100%;
	margin:30px auto 0;
	}
.up-slide-dwn{
	border-bottom:1px solid #000;
	}
.faq-innr{

	}
.accordion{
	text-align:left;
	background:url(../images/close-btn.png) no-repeat right center;
	background-size:16px;
	padding:20px 20px 20px 0;
	font-size:22px;
	line-height:28px;
	font-weight:700;
	color:#000;
	cursor:pointer;
	position:relative;
	}
.acdn-heading.accordion-open{
	background:url(../images/open-btn.png) no-repeat right center;
	background-size:16px;
	}
.acdn-content{
	text-align:left;
	padding:0 20px 0 0;
	}
.acdn-para{
	font-size:18px;
	line-height:28px;
	color:#000;
	padding-bottom:20px;
	}

.up-slide-dwn:last-child{
	border-bottom:none;
}

/*-----------------------
SECTION-12
------------------------*/
.section-12{
	float:left;
	width:100%;
	padding:60px 0 20px;
}
.limited_offer_box{
	max-width:970px;
	width:100%;
	margin:0 auto;
	border:8px solid #3abcff;
	border-top:none;
	background: rgb(0,0,0);
	background: radial-gradient(circle, rgba(0,0,0,0.711922268907563) 0%, rgba(0,0,0,0.9192051820728291) 50%);
	position:relative;
}
.limiter_offer_hdg{
	background:#3abcff;
	padding:10px;
	font-size:16px;
	line-height:20px;
	font-family: 'Inter';
	font-weight:900;
	text-transform:uppercase;
}
.limiter_offer_hdg span{margin-left:5px;}
.limited_offer_content{
	padding:70px 30px;
	text-align:left;
}
.limited_offer_content
.offer_logo{
	width:280px;
}
.offer_content_hdg{
	font-size:46px;
	line-height:52px;
	color:#fff;
	font-family: 'Inter';
	font-weight:900;
	text-transform:uppercase;
	margin-top:20px;
}
.offer_content_hdg span{
	color:#ff006c;
}
.limited_offer_content .ship_text{color:#fff;}
.offer_prod{
	position:absolute;
	right:0;
	top:80px;
}

/*-----------------------
FOOTER
------------------------*/
.footer{
	float:left;
	width:100%;
	padding:40px 0;
}
.footer_logo{
	width:284px;
	margin:0 auto 15px;
}
.footer_text{
	font-size:15px;
	line-height:22px;
	margin-top:5px;
	color:#000;
}
.footer_text a{color:#000;}

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

ul.sec1-ben_lst li p{ font-size: 18px;}
	
.sec1_inr{max-width:470px;}
.sec1_hdg{font-size:54px; line-height:57px;}
.sec1_prod{right:-530px; width:530px;}

.sec2_prod_line{width:540px;}
.sec2_boost{top:50px;}
.sec2_prod{width:590px;}

.trust_box_heading{font-size:30px; line-height:38px;}
}

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

.section-1{padding:30px 0 50px;}
.sec1_inr{max-width:380px;}
.sec1_hdg{font-size:44px; line-height:47px;}
.sec1_txt{font-size:17px; line-height:24px;}
ul.sec1-ben_lst li{padding:10px 0 10px 50px;}
ul.sec1-ben_lst li img{width:40px;}
ul.sec1-ben_lst li p{font-size:16px; line-height:24px;}

.doc-recom_box{right:-360px; max-width:340px; padding: 15px 120px 20px 18px;}
.doc-recom_box h3{font-size:20px;}
.doc-recom_box p{font-size:15px; line-height:20px;}

.sec1_prod{right: -400px; width: 450px; transform: rotate(-15deg); -webkit-transform: rotate(-15deg);}
.sec1-seal{right:-310px; top:360px; width:100px;}
.sec1_shoe{right:-250px; width:280px;}
.sec1_img{width:200px;}

.button_box{max-width:345px; margin-top:35px;}
.common_button{font-size:20px; line-height:58px; height:58px;}
.ship_text{font-size:11px;}

.section-2{padding:40px 0 50px;}
.comn_sub-hdg{font-size:17px; line-height:24px;}
.comn_hdg{font-size:34px; line-height:42px; padding:0;}
.comn_txt{font-size:17px; line-height:24px;}

.sec2_prod_line{width:380px;}
.sec2_boost{width:200px; left:35px;}
.sec2_prod{width:420px;}
.sec2_charge{width:215px;}

.section-3{padding:40px 0 50px;}
.secret_sec_bx{padding:20px 15px 25px; margin-top:20px;}
.secret_content h3{font-size:18px; line-height:24px;}
.secret_content p{font-size:17px; line-height:24px;}

.section-4{padding:40px 0 50px;}
.sec4-benfit_content h3{font-size:20px; line-height:26px;}
.sec4-benfit_image img{width:280px;}
.sec4_benfit_bx:before{height:290px;}

.section-5{padding:40px 0 50px;}
.sec5_work_bx h3{font-size:20px; line-height:24px;}
.sec5_work_bx p{font-size:17px; line-height:24px;}

.section-6{}
.sec6_bx_hdg{font-size:34px; line-height:40px;}

.section-7{padding:40px 0 50px;}
.sec7_inr_bx h3{font-size:20px; line-height:24px;}

.section-8{padding:40px 0 50px;}

.section-9{padding:40px 0 50px;}
.trust_box{padding:20px 15px;}
.trust_box_heading{font-size:28px; line-height:36px;}

.section-10{padding:30px 0 50px;}
.sec10_img{width:360px;}

.section-11{padding:40px 0 50px;}

.section-12{padding:50px 0 10px;}
.offer_content_hdg{font-size:36px; line-height:42px;}
.offer_prod{width:360px;}

}

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

.top_strip_text{font-size:12px; line-height:18px;}

.top-fix-bar{margin-bottom:40px;}
.header{height:40px; margin-top:-40px; top:40px; padding:8px 0;}
.header_inner{justify-content:center; -webkit-justify-content:center;}
.logo{width:170px; float:none; margin:1px auto 0;}
.header_button{width:128px; height:48px; font-size:18px; line-height:46px;}

.black_strip p{font-size:12px; line-height:16px;}

.section-1{padding:20px 0 0;}
.sec1_inr{max-width:100%;}
.sec1_hdg{font-size:36px; line-height:40px;}
.sec1_shoe{top:-20px; right:-20px; width:220px;}
.sec1_prod_mob{position:relative;}
.sec1_prod{position:static; width:350px; margin:-70px auto; transform: rotate(25deg); -webkit-transform: rotate(25deg);}
.sec1-seal{width:70px; top:90px; right:42px;}
.doc-recom_box{position:static; max-width:none; width:calc(100% + 30px); margin-left:-15px; padding: 15px 138px 20px 18px; margin-top:40px;}
.doc-recom_box h3{font-size:18px; line-height:20px; padding-bottom:15px;}

.fits_section{padding:20px 0 25px;}
ul.fits_list{max-width:none; width:calc(100% + 30px); margin-left:-15px;}
ul.fits_list li h3{font-size:13px; line-height:16px;}
.fits_list_img{width:50px;}
.fits_list_img:before{width:50px; height:50px;}

.section-2{padding:30px 0 35px; overflow-x:clip;}
.section-2_prd_info, .section-2_content{width:100%;}
.section-2_prd_info{max-width:345px; margin: 20px 0 0 -40px; float:none; display:inline-block;}
.sec2_prod_line{width:280px; transform:rotate(15deg); -webkit-transform:rotate(15deg); left:50px; top:-30px;}
.sec2_boost{width:185px; left:15px; top:0;}
.sec2_prod{width:300px; margin-left:45px; transform:rotate(15deg); -webkit-transform:rotate(15deg);}
.sec2_charge{width:195px; right:-15px;}
.mob_play_btn{position:absolute; right:0; top:-20px; z-index:1; width:95px;}
.mob_play_btn img{max-width:100%;}

.pulsing {transform: scale(1);animation: 1.5s ease 0s infinite normal none running pulsing; border-radius:50%;}
@keyframes pulsing { 
0% { transform: scale(1); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 0px; }
30% { transform: scale(1); box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 0px 0px; }
70% { transform: scale(1.20); box-shadow: transparent 0px 0px 0px 15px; }
100% { transform: scale(1); box-shadow: transparent 0px 0px 0px 0px; }
}

.comn_hdg{font-size:30px; line-height:32px;}
.comn_txt{font-size:16px; line-height:24px; margin-top:12px;}
.button_box{margin-top:30px;}
.common_button{font-size:17px; line-height:50px; height:50px;}
.common_button:after{left: -5%;width: 110%;}
.low-stock-row{width:76px; margin:0 7px;}
.ship_text{font-size:10px;}

.section-3{padding:30px 0 35px;}
.sec-3_prod{width: 100%; float: none; margin: 25px auto 0; border: 1px solid #ddd;}
.section-3_content{width:100%;}
.secret_sec_bx{
	width:100%; 
	display:flex; 
	flex-direction:row-reverse; 
	overflow-x:clip; 
	padding: 15px 10px 20px; 
	align-items:center; 
	-webkit-align-items:center;
}
.secret_content{text-align:left; width:60%}
.secret_content h3{font-size:17px; line-height:22px;}
.secret_content p{padding:5px 0 0; font-size:16px; line-height:22px;}
.secret_prod{width:48%; margin-right:-8%; padding-left:5px;}
.secret_prod img{max-width:none; width:calc(100% + 20px); margin-left:-10px;}

.section-4{padding:30px 0 15px; position:relative; z-index:1; max-width:430px;float: none; display: inline-block; vertical-align: top;}
.section-4:before{
	content:'';
	background:#fff;
	position:absolute;
	left:0;
	right:0;
	top:50%;
	bottom:0;
	z-index:-1;
}
.sec4_benfit{width:calc(100% + 30px); margin-left:-15px; position:relative; z-index:1; margin-top:55px; float: none; display: inline-block;}
.sec4_benfit:before{
	content:'';
	background:#fff;
	position:absolute;
	left:0;
	right:0;
	top:10px;
	bottom:0;
	z-index:-1;
}
.sec4_benfit_bx{margin-top:-15px; align-items: flex-start; -webkit-align-items: flex-start;}
.sec4_benfit_bx:before{display:none;}
.sec4-benfit_content{max-width:none; width:47%; padding:55px 15px 15px 15px;}
.sec4_benfit_bx:first-child .sec4-benfit_content{margin-top:0px;}
.sec4-benfit_icon{width:40px;}
.sec4-benfit_content p{font-size:14px; line-height:20px;}
.sec4-benfit_image{
	margin: 0;
	width: 53%;
	transform: skewY(-12deg);
	overflow: hidden;
	position:relative;
	border-bottom:3px solid #b7ff07;
	position:relative;
	z-index:1;
	}
.sec4-benfit_image img{ 
	max-width:none;       
	width: 300px;
	border-radius: 0px;
	transform: skewY(12deg) rotate(-12deg);
	margin-left: -40px;
}
.sec4_benfit_bx.reverse{padding-top:62px;}
.sec4_benfit_bx.reverse .sec4-benfit_content{ padding:0 15px 15px;}
.sec4_benfit_bx:first-child:after{
	content: '';
	position: absolute;
	left: 0;
	top: -12px;
	border-bottom: 37px solid #fff;
	border-right: 202px solid transparent;
}
.sec4_benfit_bx:first-child .sec4-benfit_content{position:relative;}
.sec4_benfit_bx:first-child .sec4-benfit_content:before{
	content: '';
	position: absolute;
	left: 0;
	top: -17px;
	border-bottom: 41px solid #3abcff;
	border-right: 195px solid transparent;
}

.section-5{padding:30px 0 15px; text-align:left;}
.sec5_work{margin:10px 0;}
.sec5_work_bx{
	width:100%; 
	display:flex; 
	display:-webkit-flex; 
	align-items:center; 
	-webkit-align-items:center; 
	padding:20px 0; 
	border-bottom:1px solid #e1e1e1;
}
.sec5_work_bx:last-child{border-bottom:none; padding-bottom:0;}
.sec5_work_bx h3{font-size:18px; line-height:22px;}
.sec5_work_bx p{font-size:16px; line-height:22px; margin-top:5px;}
.sec5_work_img{width:40%;}
.sec5_work_img img{margin:0 auto;}
.sec5_work_content{width:60%; padding-left:20px;}

.section-6{padding:30px 0 0;}
.sec6_bx{padding:20px 10px 25px; text-align:center;}
.sec6_bx_img{position:static; border-radius:10px; margin:30px auto 0;}
.sec6_bx_hdg{font-size:30px; line-height:36px;}
.sec6_bx_hdg span{display:block;}
.sec6_lst_hdg{font-size:20px; line-height:26px; letter-spacing:0.5px;}
ul.sec6_lst{max-width:270px; margin:20px auto 0; float:none;}
ul.sec6_lst li{background:none; padding-left:0; margin-top:3px; font-size:17px; line-height:22px; padding:8px; border:1px solid #413e3f; border-radius:10px;}

.section-7{padding:30px 0; text-align:left;}
.sec7_inr{margin:10px auto; text-align:center;}
.sec7_inr_bx{width:48.5%; margin-top:15px;}
.sec7_inr_bx h3{font-size:16px; line-height:18px; bottom:10px;}
.sec7_inr_bx img{border-radius:8px;}

.section-8{padding:30px 0 35px; text-align:left;}
.compare-chart{margin-top:30px;}
.chart-col1{width:44%; padding-left:0;}
.chart-col1 .chart-row p{padding-left:15px; font-size:15px; line-height:18px;}
.chart-col2{width:33%;}
.chart-col2 .chart-row p{font-size:12px; line-height:15px;}
.chart-col3{width:23%;}
.chart-col3 .chart-row p{font-size:12px; line-height:15px;}
.chart-prod{margin:-30px auto 5px;}

.section-9{padding:30px 0 35px; text-align:left;}
.trust{padding:30px 0 15px;}
.trust_inner{display:flex; display:-webkit-flex; align-items:flex-start; -webkit-align-items:flex-start; justify-content:center; padding:0 5px;}
.trust_image_mobile{width:100px;}
.trust_box{max-width:48%; text-align:center; margin:0 5px; padding:16px 10px;}
.trust_box_heading{font-size:16px; line-height:20px;}
.trust_box_star{width:85px; margin:10px auto 0;}
.trust_rating h3{font-size:44px; line-height:50px;}
.trust_rating p{font-size:15px; line-height:20px;}
.review_star{width:100px;}
.review_hdg{font-size:18px; line-height:24px;}
.review_txt{font-size:16px; line-height:22px;}

.section-10{padding:0 0 35px;}
.sec10_content{width:100%;}
.sec10_inr_top{padding-bottom:0;}
.sec10_img{width:100%; position:static; display:inline-block; vertical-align:top; margin-top:15px;}
.sec10_box_hdg{padding:10px 15px; text-align:center;}
.havard_logo{width:120px;}
.wyss_logo{width:140px;}
.sec10_box_hdg span{font-size:18px; line-height:24px; margin:0 12px;}
.sec10_box_content{padding:10px 15px 25px;}

.section-11{padding:30px 0 25px; text-align:left;}
.faq-container{margin-top:5px;}
.accordion{padding: 15px 30px 15px 0; font-size: 17px; line-height: 24px; background-size:14px;}
.acdn-heading.accordion-open{background-size:14px;}
.acdn-para{font-size:16px; line-height:24px;}

.section-12{padding:40px 0 0;}
.limited_offer_content{padding:25px 15px; text-align:center;}
.limited_offer_content .offer_logo{width:200px;}
.offer_content_hdg{font-size:34px; line-height:36px;}
.offer_prod{position:static; width:calc(100% + 60px); margin:0px 0 -35px -30px;}

.footer{padding:35px 0 20px;}
.footer_logo{width:120px; margin:25px auto 5px;}
#call-btn{
	background:#028cd4;
	padding:8px 10px;
	position: fixed;
	bottom:0%;
	left: auto;
	z-index: 99;
	transition: bottom 1s;
	display: table;
	width:100%;
	}
#call-btn .ship_text{ color:#fff;font-size: 12px; letter-spacing:0.3px;margin-top: 10px;}
#call-btn  .ship_text:before { border-width: 2px;}

/*========================
popup VDO
==========================*/
.popup-Box{
	position:fixed;
	top:0;
	bottom:0;
	width:100%;
	left:0;
	background:rgba(0,0,0,0.6);
	z-index:999;	
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
	}
.pop-content{
	float: left;
    width: 100%;
    padding: 30px 0;
	}		
.pop-container{
	max-width: 730px;
    margin: 0 auto;
    padding: 0 15px;
	}	
.pop-outerBox{
	float:left;
	width:100%;
	position:relative;
	background:#fff;
	border:4px solid #fff;
	}
.pop-close{
	position: absolute;
    z-index: 99;
    right: -8px;
    top: -8px;
    font-size: 15px;
    color: #fff;
    border-radius: 50%;
    border: 2px solid #fff;
	background:#333;
    width: 28px;
    height: 28px;
	line-height:25px;
    text-align: center;
    font-family: sans-serif;
    cursor: pointer;
	font-weight:bold;
	}
.pop-vdo-box-body{
	float:left;
	width:100%;
	padding-bottom:56.8%;
	}
.video-player{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	height:100%;
	}
.video-player iframe{width:100%; height:100%;}
.popup-Box{}
}