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

body {
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	padding:0;
	background:#fff;
	text-align:center;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-family: 'Open Sans';
	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:#333; text-decoration:none;}
a:hover {outline: none; text-decoration:none;}
img {border:none; height:auto; max-width:100%;}
li {list-style:none;}
*{box-sizing:border-box;}
.clearall{
	clear:both;
	font-size:1px;
	line-height:1px;
	height:1px;
	}
	
/*==============Fonts==============*/
@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Bold.woff2') format('woff2'),
        url('OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Open Sans';
    src: url('OpenSans-Regular.woff2') format('woff2'),
        url('OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    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: '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-Bold.woff2') format('woff2'),
        url('Inter-Bold.woff') format('woff');
    font-weight: bold;
    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-Medium.woff2') format('woff2'),
        url('Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Inter';
    src: url('Inter-Regular.woff2') format('woff2'),
        url('Inter-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
/*-----------------------
MAIN CSS START
------------------------*/
.container{
	width:1105px;
	margin:0 auto;
	padding:0;
	position:relative;
	}

/*-----------------------
		HEADER
------------------------*/
.header{
	float:left;
	width:100%;
	padding:14px 0;
	background:#ffffff;
	}
.header_logo{
	float:left;
	width:135px;
	}
a.header_btn{
	float:right;
	width:100%;
	max-width:166px;
	background: #FE3C20;
	background: linear-gradient(90deg, rgba(254, 60, 32, 1) 0%, rgba(252, 78, 36, 1) 40%, rgba(249, 114, 45, 1) 70%, rgba(248, 126, 48, 1) 100%);
	height:40px;
	font-size:15px;
	line-height:40px;
	color:#fff;
	font-family: 'Inter';
	font-weight:800;
	border-radius:30px;
	-webkit-box-shadow:0 3px 8px 3px rgba(236,209,205);
	box-shadow:0 3px 8px 3px rgba(236,209,205);
	
	}
/*-----------------------
	Banner Section
------------------------*/
.bnr_section{
	float: left;
    width: 100%;
    padding: 70px 0 80px;
    background: url(../images/bnr-bg.jpg) no-repeat center top;
    background-size: cover;
    position: relative;
	}
.bnr_left{
	float:left;
	width:74%;
	text-align:left;
	}
.rate_text{
	font-size:15px;
	line-height:23px;
	color:#000;
	font-weight:600;
	}
.star_img{
	display:inline-block;
	vertical-align:middle;
	margin:-4px 10px 0 0;
	}
.bnr_hdng{
	font-size:45px;
	line-height:60px;
	color:#000;
	font-weight:bold;
	margin-top:15px;
	}

/*-----------------------
	section 1
------------------------*/
.section_1{
	float:left;
	width:100%;
	padding:70px 0;
	background:#fff;
	position:relative;
	}
.common_text{
	font-size:18px;
	line-height:26px;
	color:#000;
	margin-top:30px;
	text-align:left;
	}
.mt_0{ margin-top:0 !important;}
.content_bx{
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
	width:100%;
	margin:0 auto;
	align-items: flex-start;
	}
.mt_70{ margin-top:70px;}
.content_left{
	width:45%;
	}
.reason_img{
	display:block;
	margin:0 auto;
	border:1px solid #96928b;
	box-sizing:content-box;
	border-radius:5px;
	}
.video_box{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	position:relative;
	padding-bottom: 100%;
	border: 1px solid #96928b;
	}
.video_box video, .video_img{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	height:100%;
	width:100%;
	cursor:pointer;
	border-radius:0;
	object-fit: cover;
	}	
.content_rgt{
	width:50%;
	text-align:left;
	}
.step_text{
	display:inline-block;
	vertical-align:top;
	width:100%;
	position:relative;
	}
.step_text span{
	font-size:35px;
	line-height:35px;
	color:#000;
	font-weight:bold;
	position:relative;
	z-index:2;
	}
.step_text:before{
	content:'';
	position:absolute;
	top: 3px;
    left: -14px;
    width: 33px;
    height: 33px;
	background: #FEB6A9;
	background: linear-gradient(0deg, rgba(254, 182, 169, 1) 25%, rgba(253, 197, 173, 1) 100%);
	border-radius:50%;
	}
.step_text:after {
    content: '';
    position: absolute;
    top: 50%;
    left: -40px;
    width: 35px;
    margin-top: -1px;
    border-top: 1px solid #000;
	}
.common_head{
	font-size:36px;
	line-height:46px;
	color:#000;
	font-weight:bold;
	margin-top:20px;
	}
.section_2{
	float:left;
	width:100%;
	background:#f6fdff;
	padding:70px 0;
	}
.flex_start{align-items: flex-start;}
.common_para{
	font-size:17px;
	line-height:25px;
	color:#000;
	margin-top:30px;
	}
.common_para span{
	background: #ffe154;
    padding: 0 7px;
    display: inline;
    box-decoration-break: clone;
    -webkit-box-decoration-break: clone;
	border-radius:3px;
	}
.testi_box{
	display:-webkit-flex;
	display:flex;
	flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
	width:100%;
	margin:40px auto 0;
	}
.testi_imgbx{
	width:20%;
	}
.testi_img{
	display:block;
	margin:0 auto;
	border-radius:50%;
	}
.name{
	font-size:16px;
	line-height:20px;
	color:#000;
	font-weight:bold;
	text-align:center;
	font-family: 'Inter';
	margin-top:2px;
	}
.vrfy_text{
	font-size:12px;
	line-height:16px;
	color:#000;
	text-align:center;
	margin-top:2px;
	}
.vrfy_img{
	display:inline-block;
	vertical-align:middle;
	margin:-2px 5px 0 0;
	}
.testi_contbx{
	width:80%;
	padding-left:40px;
	position:relative;
	}
.testi_contbx:before{
	content:'';
	position:absolute;
	top:0;
	left:12px;
	bottom:0;
	border-left:1px solid #e1e7e9;
	}
.testi_star{
	width:85px;
	}
.testi_contbx .common_para{ margin-top:8px;}
/*------------------------
	section_3
--------------------------*/
.section_3{
	float:left;
	width:100%;
	background:#fff;
	padding:70px 0 80px;
	}
	
.prod_box{
	display:inline-block;
	vertical-align:top;
	width:100%;	
	border-radius:12px;
	padding:30px 35px 55px;
	border: 4px dashed #000;
	}
.prod_box_top{
	display:inline-block;
	vertical-align:top;
	width:100%;
	position:relative;
	}
.prod_box_top:before{
	content:'';
	position:absolute;
	bottom: -20px;
    left:0;
    right:0;
	border-bottom:1px solid #cfcfcf;
	}
.prod_bx_heading{
	font-size: 38px;
    line-height:50px;
    color: #000;
    font-weight: bold;
	}
.prod_bx_text{
	font-size:24px;
    line-height:34px;
    color: #000;
	font-weight:bold;
	margin-top:10px;
	}
.prod_box_mid{
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
	width:100%;
	margin-top:50px;
	position:relative;
	}
.prod_mid_imgbx{
	width:50%;
	}
.product_img {
    display: block;
    margin: 0 auto;
	}
.prod_mid_contbx{
	width:46%;
	}
ul.offer_list{
	display:inline-block;
	vertical-align:top;
	width:100%;
	text-align:left;
	margin-top:10px;
	}
ul.offer_list li{
	display: inline-block;
    vertical-align: top;
    width: 100%;
    background: url(../images/list-tick.png) no-repeat left;
    background-size: 39px;
    padding-left: 46px;
    font-size: 18px;
    line-height: 30px;
    color: #000;
    letter-spacing: 0.3px;
    font-weight: 400;
    margin-top: 7px;
	}
.btn_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:455px;
	margin-top:40px;
	}
ul.btn_bx_top{
	display:-webkit-flex;
    display: flex;
    align-items: center;
	justify-content: center;
    width: 100%;
	margin-bottom:10px;
	}
ul.btn_bx_top li{
	display:inline-block;
	vertical-align:middle;
	font-size:15px;
	line-height:15px;
	font-weight:500;
	letter-spacing:0.3px;
	font-family: 'Inter';
	padding:0 10px;
	}
ul.btn_bx_top li.green-dot{
	padding-left:15px;
	border-right:1px solid #515458;
	position:relative;
	}
.green-dot:after{
	content: '';
	position: absolute;
    top: 4px;
    left: 0;
    width: 7px;
    height: 7px;
	border-radius: 50%;
	background: #42c216;
	animation: breath 1.3s infinite;
	}
@keyframes breath{
	0% { opacity:1;}
	50% { opacity:0;}
	100% { opacity:1;}
	}

.low-stock{
    display: inline-block;
    vertical-align: middle;
    width:60px;
    height: 10px;
    margin: 0 3px;
	}
.low-stock span{
	float: left;
	width: 10px;
	height: 100%;
	background: #fff;
	margin: 0 1px;
	transition: 0.5s;
	background:#cdcdcd;
	}
.black{ font-weight:900;}
.low-stock span.fade{
	animation:fade 1.2s ease-in-out infinite;
	background: #ef2000;
	}
	
@keyframes fade{
0%{ opacity:1;}
50%{ opacity:0;}
100%{ opacity:1;}
	}	
	
.common_button{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height:65px;
    line-height:65px;
    color: #fff;
    font-size: 22px;
    font-weight:800;
    text-align: center;
	font-family: 'Inter';
	border-radius:40px;
	
	background: #FE3C20;
    background: linear-gradient(90deg, rgba(254, 60, 32, 1) 0%, rgba(252, 78, 36, 1) 40%, rgba(249, 114, 45, 1) 85%, rgba(248, 126, 48, 1) 100%);	
	-webkit-box-shadow: 0 3px 6px 3px rgba(236, 209, 205);
    box-shadow: 0 3px 6px 3px rgba(236, 209, 205);
	}
.bnt_bottom_text{
	font-size:15px;
	line-height:20px;
	color:#000;
	font-weight:500;
	margin-top:15px;
	font-family: 'Inter';
	}
.warranty_img{
	display:inline-block;
	vertical-align:middle;
	width:20px;
	margin:-3px 8px 0 0;
	}


/*-----------------------
	 Footer
------------------------*/
.footer{
	float:left;
	width:100%;
	background:#fff;
	padding:40px 0 40px;
	border-top:1px solid #dcdcdc;
	}
.footer_logo{
	display:block;
	margin:0 auto 25px;
	width:138px;
	}
.footer_text{
	font-size: 17px;
    line-height:25px;
    color: #000;
	font-family: 'Inter';
    font-weight:400;
	margin-top:10px;
	}
.footer_text a{ color: #000; padding:0 10px;}


/*=========Media Query=========*/
.show-mob, .show-tab {display: none;}
.fl{ float:left;}
.fr{ float:right;}	

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

.bnr_hdng{ font-size: 41px; line-height: 51px;}

.content_bx{ align-items: flex-start;}	
	
.testi_contbx{ padding-left: 24px;}
.testi_contbx:before{ left: 9px;}	
	
ul.btn_bx_top li{ font-size: 14px; line-height: 14px;}

.common_button{ font-size: 22px;}	
}

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

.header{ padding: 12px 0;}	
.header_logo{ width: 125px;}
a.header_btn{ max-width: 145px; height: 38px; font-size: 14px; line-height: 38px; -webkit-box-shadow: 0 2px 4px 2px rgba(236, 209, 205); box-shadow: 0 2px 4px 2px rgba(236, 209, 205);}
	
.bnr_section{ padding: 50px 0 60px;}
.star_img{ width: 85px;}
.bnr_hdng{ font-size: 29px; line-height: 39px;}

.section_1{ padding: 50px 0;}
.common_text{ font-size: 17px; line-height: 25px; margin-top: 25px;}
.step_text span{ font-size: 30px; line-height: 30px;}
.step_text:before{ top: 0; left: -12px; width: 30px; height: 30px;}
.step_text:after{ left: -30px; width: 28px;}
.common_head{ font-size: 28px; line-height: 38px; margin-top: 15px;}
.common_para{ font-size: 16px; line-height: 24px; margin-top: 25px;}
.testi_box{ margin: 30px auto 0;}
.testi_imgbx{ width: 26%;}
.testi_contbx{ width: 74%;}
.testi_star{ width: 75px;}
.testi_contbx .common_para{ margin-top:6px; font-size: 15px; line-height: 22px;}
	
.section_2{ padding: 50px 0;}

.section_3{ padding: 50px 0 60px;}
.prod_box{ padding: 30px 25px 45px;}
.prod_mid_imgbx{ width: 46%;}
	
.prod_mid_contbx{ width:52%;}	
.prod_bx_heading{ font-size: 30px; line-height: 38px;}
.prod_bx_text{ font-size: 22px;line-height: 30px;}
ul.offer_list li{ background-size: 34px; padding-left: 40px;font-size: 17px; line-height: 28px; letter-spacing: 0; margin-top: 6px;}	
	
.btn_box{ margin-top: 30px;}
ul.btn_bx_top li.green-dot{ padding-left: 11px;}
.green-dot:after{ top: 3px; width: 6px; height: 6px;}
ul.btn_bx_top li{ font-size: 13px; line-height: 13px; letter-spacing: 0; padding: 0 6px;}
.low-stock{ width: 50px; height: 8px; margin: 0 1px}
.low-stock span{ width: 8px;}
	
.common_button{ font-size: 17px; height: 60px; line-height: 60px;}
.bnt_bottom_text{ font-size: 14px; line-height: 18px; margin-top: 14px;}
.warranty_img{ width: 18px; margin: -3px 6px 0 0;}

.footer{ padding: 30px 0;}
.footer_logo{ margin: 0 auto 20px; width: 125px;}
.footer_text{ font-size: 16px; line-height: 24px; margin-top: 8px;}
}

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


.header{ padding: 10px 0;}
.header_logo{ width: 116px; float: none; margin: 0 auto; display: block;}

.bnr_section{ padding: 30px 0; background-position: right 37% top;}
.bnr_left{ width: 100%;}
.star_img{ width: 75px;}
.rate_text{ font-size: 13px; line-height: 17px;}
.bnr_hdng{ font-size: 26px; line-height: 36px; max-width:440px;  padding-right: 75px; margin-top: 10px;}

.section_1{ padding: 30px 0;}
.common_text{ font-size: 16px; line-height: 24px; margin-top: 20px;}
.mt_70{ margin-top: 40px;}
.content_left{ width: 100%; margin-top:20px;}
.content_rgt{ width: 100%;}
.step_text span{ font-size: 25px; line-height: 25px; }
.step_text:before{ left: -9px; width: 26px; height: 26px;}
.step_text:after{ left: -15px; width: 15px; }
.common_head{ font-size: 24px; line-height: 32px; margin-top: 10px;}

.section_2{ padding: 35px 0;}
.testi_img{ width: 40px;}		
.name{ font-size: 15px; line-height: 18px;}		
.vrfy_text{ font-size: 11px; line-height: 15px;}
.testi_contbx{ padding-left: 20px;}
.testi_star{ width: 70px;}
.testi_contbx .common_para{ margin-top: 4px; font-size: 15px; line-height: 20px;}	
	
.section_3{ padding: 35px 0;}	
.prod_box{ padding: 20px 15px 25px; border: 3px dashed #000;}	
.prod_bx_heading{ font-size: 26px; line-height: 34px;}	
.prod_bx_text{ font-size: 18px; line-height: 26px; margin-top: 8px;}	
.prod_box_mid{ margin-top: 40px;}
.prod_mid_imgbx{ width: 100%; margin-top:10px;}	
.prod_mid_contbx{ width: 100%;}
ul.offer_list{ margin-top: 20px;}
ul.offer_list li{ background-size: 30px; padding-left: 35px; font-size: 16px; line-height: 24px;}	

.btn_box{ margin-top: 25px;}
ul.btn_bx_top{ margin-bottom: 8px;}
ul.btn_bx_top li{ font-size: 11px; line-height: 11px; letter-spacing: 0; padding: 0 4px;}	
.low-stock span{ width: 7px;}	
.low-stock{ width: 45px; height: 7px;}	
.green-dot:after{ width: 5px; height: 5px;}	
.common_button{ font-size: 15px; height: 55px; line-height: 55px; -webkit-box-shadow: 0 3px 5px 2px rgba(236, 209, 205); box-shadow: 0 3px 5px 2px rgba(236, 209, 205);}
.bnt_bottom_text{ font-size: 13px; line-height: 17px; margin-top: 10px;}
.warranty_img{ width: 16px;}
	
.footer { padding: 20px 0 20px;}
.footer_logo{ margin: 0 auto 20px; width: 115px;}
.footer_text a{ padding: 0 8px}
.footer_text { font-size: 15px; line-height: 20px; margin-top: 8px;}
}