@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: 'Figtree';
	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: 'Figtree';
    src: url('Figtree-ExtraBold.woff2') format('woff2'),
        url('Figtree-ExtraBold.woff') format('woff');
    font-weight:800;
    font-style: normal;
    font-display: swap;
	}

@font-face {
    font-family: 'Figtree';
    src: url('Figtree-Bold.woff2') format('woff2'),
        url('Figtree-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
	}
@font-face {
    font-family: 'Figtree';
    src: url('Figtree-Medium.woff2') format('woff2'),
        url('Figtree-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
	}
@font-face {
    font-family: 'Figtree';
    src: url('Figtree-Regular.woff2') format('woff2'),
        url('Figtree-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
	}
@font-face {
    font-family: 'Figtree';
    src: url('Figtree-SemiBold.woff2') format('woff2'),
        url('Figtree-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
	}

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

/*-----------------------
		TOP Strip
------------------------*/
.top_strip{
	float:left;
	width:100%;
	background:#ffdb4c;
	padding:5px 0 3px;
	position:fixed;
	top:0;
	z-index:99;
	}
.strip_iner{
	display:-webkit-flex;
	display:flex;
	flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin: 0 auto;
	}
.strip_cont{
	width:37%;
	}
.strip_text{
	font-size:20px;
	line-height:24px;
	color:#000;
	font-weight:bold;
	}
.offer_txt{
	font-size:16px;
	line-height:18px;
	color:#000;
	font-weight:600;
	}
.discount_img{
	display:inline-block;
	vertical-align:middle;
	width:19px;
	margin:-7px 8px 0 0;
	}
.giftbx{
	display:inline-block;
	vertical-align:middle;
	width:19px;
	margin:-7px 0 0 9px;
	}	

.strip_gap{
	float:left;
	width:100%;
	height:51px;
	}
/*-----------------------
	 Section 1
------------------------*/
.section_1{
	float:left;
	width:100%;
	background:#fff;
	padding:35px 0 80px;
	}
.main_heading{
	font-size:41px;
	line-height:52px;
	color:#000;
	font-weight:800;
	text-align:left;
	}
.author_strip{
	display: inline-block;
	vertical-align:top;	
    width: 100%;
    margin-top:30px;
	text-align:left;
	}
.author_strip_cont{
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width:70%;
	}
.author_img{
	border-radius:50%;
	width:46px;
	}
.author_strip_cont_inr{
	width:calc(100% - 46px);
	padding-left:15px;
	}
.author_text{
	font-size:16px;
	line-height:22px;
	color:#333333;
	font-weight:400;
	}
	
.compare_chart{
	width:100%;
	margin:60px auto 15px;
	display:-webkit-flex;
    display:flex;
    justify-content:space-between;
	}
.compare_col{
	width:33.33%;
	}
.compare_col1{ width:24.6%;}
.comp_col_header{
	width:100%;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	justify-content:center;
	height:65px;
	}
ul.compare_list{
	display:inline-block;
	vertical-align:middle;
	width:100%;
	}
ul.compare_list li{
	width:100%;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	text-align:center;
	justify-content: center;
	border-top:2px dotted #b4b4b4;
	height:80px;
	font-size:16px;
	line-height:22px;
	color:#6a6a6a;
	font-weight:500;
	padding:0 0 0 35px;
	}
.comp_list_iconbx{
	width:40px;
	}
.comp_list_icon{
	display:block;
	margin:0 auto 0;
	max-width:100%;
	}
.compare_col1 ul.compare_list li{ padding:0; text-align:left;justify-content:flex-start;}
.compare_col1 ul.compare_list li p{
	font-size:20px;
	line-height:24px;
	color:#000;
	font-weight:bold;
	padding-left:5px;
	}
.compare_col2{
	border:2px solid #ffdb4c;
	background:#fff8de;
	border-radius:15px;
	margin-top:-15px;
	padding:4px 5px;
	width:45.4%;
	}
.compare_col2 .comp_col_header{ height:75px;}
.comp_prod{
	display:block;
	height:44px;
	}
.comp_col_head_inr{
	display:inline-block;
	vertical-align:top;
	text-align:left;
	padding-left: 10px;
	}
.comp_col_head_inr p{
	font-size:16px;
	line-height:20px;
	color:#000;
	font-weight:bold;
	}
.compare_logo{
	width:110px;
	margin:0 auto 5px;
	}
.compare_col2 ul.compare_list li{ font-size:17px; color:#000; font-weight:600; padding:0 3px; border-top:1px solid #e6d8d2;}
.compare_col3, .compare_col4{border-top:2px dotted #b4b4b4;}
.compare_col3 .comp_col_header, .compare_col4 .comp_col_header{
	background:#f6f6f6;
	}
.compare_col3 .comp_col_header p{
	font-size:18px;
	line-height:21px;
	color:#000;
	font-weight:bold;
	}
.tldr_text{
	font-size:20px;
	line-height:28px;
	color:#000;
	margin-top:30px;
	text-align:left;
	}
	
.common_text{
	font-size:18px;
	line-height:26px;
	color:#000;
	margin-top:20px;
	text-align:left;
	}
.reason_block{
	display:inline-block;
	vertical-align:top;
	width:100%;
	}
.reason_box{
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	align-items: center;
	width:100%;
	margin-top:80px;
	}
.reason_box:first-child{ margin-top:60px;}
.reason_img_bx{
	width:47.44%;
	}
.reason_img{
	display:block;
	margin:0 auto 0;
	border-radius:12px;
	width:403px;
	}
.reason_content_box{
	width:47%;
	text-align:left;
	}
.reason_heading{
	font-size:30px;
	line-height:36px;
	color:#0a0a0a;
	font-weight:800;
	letter-spacing: -0.5px;
	}
/*-----------------------
	 Section 2
------------------------*/
.section_2{
	float:left;
	width:100%;
	background:#f2f2f2;
	padding:80px 0 80px;
	}

.prod_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	background:#fff;
	border:1px dashed #000;
	border-radius:15px;
    position: relative;
	}	
.sale_box{
	position:absolute;
	top: -22px;
    left: 50%;
	 -webkit-transform: translateX(-50%);
    transform: translate(-50%);
	background:#000;
	padding:7px 15px 6px;
	border-radius:8px;
	font-size:18px;
	line-height:24px;
	color:#fff;
	font-weight:bold;
	z-index: 1;
	}
.sale_discount{
	display:inline-block;
	vertical-align:middle;
	margin:-5px 10px 0 0;
	width:21px;
	}
.sale_giftbx{
	display:inline-block;
	vertical-align:middle;
	margin:-5px 0 0 10px;
	width:19px;
	}
	
	
.prod_box_inr{
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	width:100%;
	margin:0 auto;
	overflow: hidden;
	position:relative;
	}
.prod_box_left{
	display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
	width:51%;
	background:#fffced;
	border-radius: 15px 0 0 15px;
	position:relative;
	}
.prod_imgbx{
	display:inline-block;
	vertical-align:top;
	width:100%;
	padding:50px 0 0;
	position:relative;
	}
.product_img {
    display: block;
    margin: 0 auto;
	width:428px;
	}	
.guarantee_seal {
    position: absolute;
   	top:0;
    right: 35px;
    width:125px;
	}

.prod_contbx{
	width:49%;
	padding:40px 18px 30px;
	}
.prod_contbx_hdng{
	font-size:36px;
    line-height:42px;
    color: #0a0a0a;
    font-weight:800;
	}
.prod_contbx_hdng span{ color:#ff0000;}

.free_gift{
	font-size:20px;
	line-height:26px;
	color:#000;
	font-weight:600;
	margin-top:10px;
	text-transform:uppercase;
	}
.prod_giftbx{
	display:inline-block;
	vertical-align:middle;
	margin:-2px 10px 0;
	width:18px;
	}
.gift_box{
	display:inline-block;
	vertical-align:top;
	width:100%;
	margin-top:12px;
	text-align:center;
	}
.gift_box-heading{
    font-size: 15px;
    line-height: 15px;
    color: #000;
    font-weight:600;
    letter-spacing: 0.3px;
    position: relative;
	}
.gift_box-heading:before{
	position:absolute;
	left: 25px;
    right: 25px;
    top: 50%;
	border-bottom:1px solid #ddd;
	content:"";
	}
.gift_box-heading img{
	width:15px;
	vertical-align:middle;
	margin:-5px 8px 0;
	}
.gift_box-heading span{
	position:relative;
	background:#fff;
	padding:0 5px;
	}
.gift_box-row{
	width:100%;
	margin:30px auto 0;
	display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
	justify-content: space-between;
	}
.gift_box-col{
	width:23%;
	text-align:center;
	}
.gift_box-col-inr{
	width:100%;
	background:#fff9dd;
	border:2px dashed #333;
	position:relative;
	padding:10px 5px 5px;
	border-radius:5px;
	margin-bottom:4px;
	aspect-ratio: 1;
	display:-webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
	}
.gift_box-col p{
	position: absolute;
    left: 50%;
    top: -10px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 60px;
    border-radius: 3px;
    background: #ea0000;
    padding: 3px 6px 2px;
    font-size:8px;
    line-height:10px;
    letter-spacing: 0.5px;
    color: #fff;
    text-transform: uppercase;
	}
.gift_box-col p span{
	font-size:8px;
    line-height:10px;
    letter-spacing: 0.5px;
    color: #fff;
	position:relative;
	}
.gift_box-col p span:before{
	content: '';
    position: absolute;
    top: 4px;
    left: -2px;
    background: #fff;
    height: 1px;
    width: 25px;
	}
.gift_box-col span {
	display: inline-block;
    font-size: 11px;
    line-height: 14px;
    letter-spacing: 0.2px;
    font-weight:500;
    color: #000;
	}
.gift_prod{
    display: block;
    margin: 0 auto 0;
    max-width: 100%;
    width: 42px;
	}
.gift_prod2{ margin:0 0 -15px 0;}	

.prod_btnbx{
	display:inline-block;
	vertical-align:top;
	width:100%;
	max-width:355px;
	margin-top:25px;
	}
a.common_btn{
   	display:inline-block;
	vertical-align:top;	
    width: 100%;
    height:65px;
	background:#04ad4a;
    font-size:23px;
    line-height:65px;
    color: #fff;
    font-weight:800;
    text-align: center;
    border-radius:8px;
	box-shadow:2px 0 4px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:2px 0 4px 2px rgba(0,0,0,0.2);
	}
.btn_arw{
	display:inline-block;
	vertical-align:middle;
	margin:-2px 0 0 20px;
	}
.comn_btn_blw{
	float:left;
	width:100%;
	color:#000;
	font-size:17px;
	line-height:21px;
	font-weight:bold;
	margin-top:12px;
	}
.red_text{color:#ff0000;}
.extrabold{ font-weight:800;}
ul.shipping_list{
	display:-webkit-flex;
	display: flex;
    align-items: center;
    justify-content: center;
	width:100%;
	max-width:320px;
	background:#fff6ee;
	padding:8px 10px;
	margin:10px auto 0;
	}
ul.shipping_list li{
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	line-height:20px;
	letter-spacing:0.3px;
	padding:0 10px;
	border-right:1px solid #000;
	}
ul.shipping_list li:last-child{ border:none;}

/*-----------------------
	 Footer
------------------------*/
.footer{
	float:left;
	width:100%;
	background:#fff;
	padding:40px 0 50px;
	border-top:1px solid #eaeaea;
	}
.footer_text{
	font-size: 17px;
    line-height:20px;
    color: #000;
    font-weight:400;
	margin-top:10px;
	}
.footer_text a{ color: #000; padding:0 8px;}


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


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

.strip_cont{ width: 38%;}
.strip_text{ font-size:18px; line-height: 22px;}
.offer_txt{ font-size: 15px; line-height: 19px;}

.section_1{ padding: 35px 0 60px;}
.main_heading{ font-size: 35px; line-height: 43px;}
.reason_box:first-child{ margin-top: 40px;}
.reason_heading{ font-size: 24px; line-height: 30px;}
.common_text{ font-size: 17px; line-height: 25px; color: #000; margin-top: 25px;}

ul.compare_list li{ padding: 0 0 0 20px; }
.compare_col1 ul.compare_list li p{ font-size: 18px; line-height: 22px;}
	
.tldr_text{ font-size: 18px; line-height: 26px; margin-top: 25px;}	
	
.section_2{ padding: 60px 0 60px;}	
.sale_box{ top: -20px; padding: 9px 12px 6px; font-size: 16px; line-height: 22px;}
.prod_imgbx{ padding: 35px 0 0;}
.prod_contbx{ padding:45px 13px 35px;}
.prod_contbx_hdng{ font-size: 32px; line-height: 42px;}
.gift_box-heading{ font-size: 14px; line-height: 15px; letter-spacing: 0;}
.gift_box-col span{ font-size: 10px; line-height: 12px;}
.gift_prod2{ margin: 0 0 -6px 0;}
a.common_btn{ height: 60px; font-size: 22px; line-height: 60px;}
.comn_btn_blw{ margin-top: 10px; font-size: 16px; line-height: 20px;}
ul.shipping_list{ max-width: 295px; padding: 10px 8px 6px;}
ul.shipping_list li{ font-size: 14px; line-height: 18px; letter-spacing: 0; padding: 0 8px;}
	
.footer{ padding: 35px 0 35px;}
.footer_text{ font-size: 15px; line-height: 18px;}

}

@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;}

.top_strip{ padding:7px 0 5px;}
.strip_iner{ max-width: 360px;}
.strip_cont{ width:57%;}
.discount_img{ width: 14px; margin: -3px 4px 0 0}	
.strip_text{ font-size: 13px; line-height: 18px;}
.offer_txt{ font-size: 10px; line-height:16px;}
.giftbx{ width: 13px; margin: -3px 0 0 5px;}
	
.strip_gap {height: 46px;}
		
.section_1{ padding: 18px 0 30px;}		
.main_heading{ font-size:32px; line-height: 36px;}	
		
.author_strip{ margin-top: 15px;}		
.author_img{ width: 40px;}
.author_strip_cont_inr{ width: calc(100% - 40px); padding-left: 15px;}
.author_text{ font-size: 14px; line-height: 20px;}

.compare_chart{margin:40px 0 10px;}
.compare_col{ width:30%;}
.compare_col1{ width:27%;}
.compare_col2{ width:43%; padding:4px 5px 10px; border-radius:10px;}
ul.compare_list li{ height:65px; font-size:13px; line-height:17px; padding:0 5px; border-top-width:2px;}
.compare_col1 ul.compare_list li{ padding-left:0;}
.comp_list_iconbx{ width:30px;flex-shrink: 0;}
.compare_col1 ul.compare_list li p{ font-size:12px; line-height:14px; width:calc(100% - 30px); padding-left:3px;}
.comp_col_header{ flex-direction: column; height:70px;}
.comp_col_head_inr{ text-align: center; padding-left: 0;}
.comp_prod{ height: 30px; margin: 0 auto 6px; }
.compare_logo{ width:60px; margin: 0 auto 2px;}
.compare_col2 .comp_col_header{ height:80px;}
.compare_col2 .comp_col_header p{ font-size:12px; line-height:15px;}
.compare_col2 ul.compare_list li{ font-size: 14px; line-height:17px;}
.compare_col .comp_col_header p{ font-size:12px; line-height:15px;}
.tldr_text{ font-size: 17px; line-height: 24px; letter-spacing:0.3px; margin-top: 20px;}


.reason_box{ margin-top:30px; border-bottom:1px solid #ccc; padding-bottom:30px;}
.reason_box:last-child{ border-bottom:none; padding-bottom:0;}
.reason_box:first-child{ margin-top:25px;}
.reason_img_bx{ width: 100%; margin:18px auto 0;}
.reason_img{ border-radius: 6px;}
.reason_content_box{ width: 100%;}
.reason_heading{ font-size: 24px;line-height: 30px;}
.common_text{ font-size: 17px; line-height: 23px; margin-top: 20px;}

	
.section_2{ padding: 45px 0 35px;}
.sale_box{ top: -18px; padding: 6px 8px 5px; font-size: 13px; line-height: 20px; border-radius: 5px; width: 220px;}
.sale_discount{ margin: -2px 6px 0 0; width: 15px;}
.sale_giftbx{ margin: -4px 0 0 7px; width: 15px;}
.prod_box{ border-radius: 8px;}	
.product_img{ width: 295px;}
.prod_contbx{ width: 100%; padding: 28px 12px 30px;}	
.prod_box_left{ width: calc(100% + 40px); margin: 15px 0 0 -20px;}
.prod_contbx_hdng{ font-size:28px; line-height: 36px;}
.prod_giftbx{ margin: -2px 8px 0; width: 16px;}
.prod_imgbx{ padding: 25px 0; max-width: 345px;}
.guarantee_seal{ top: 15px; right: 40px; width: 90px;}
.gift_box{ margin-top:25px;}
.gift_box-row { margin: 30px auto 0;}
.gift_box-heading{ font-size: 13px; line-height: 15px;}
.gift_box-col span{ font-size: 11px; line-height: 15px;}
.gift_prod {width: 33px;}
.gift_box-heading img{ margin: -5px 4px 0;}
.gift_box-heading:before{ left: 10px; right: 10px;}
.gift_prod2 { margin:0;}
.prod_btnbx{ max-width:300px; margin-top: 20px;}	
a.common_btn{ height:60px; font-size: 22px; line-height: 60px;}	
.btn_arw{ margin: -2px 0 0 13px;}
.comn_btn_blw{ margin-top: 15px; font-size: 14px; line-height: 16px;}
ul.shipping_list{ max-width: 276px; padding: 8px 7px 6px; margin: 7px auto 0;}
ul.shipping_list li{ font-size: 14px; line-height: 16px;}
		

.footer { padding:15px 0;}
.footer_text a{ font-size:13px; line-height:18px; margin-top:6px;}

.btmfix{ margin-top:20px;}
#ctabtn-mob{
	background:#fff;
	padding:10px 15px;
	position:fixed;
	bottom:0%;
	left: auto;
	z-index: 99;
	transition: bottom 1s;
	display: table;
	width:100%;
	margin-bottom:0;
	}
}
