@charset "utf-8";

/* Simple fluid media

   Note: Fluid media requires that you remove the media's height and width attributes from the HTML

   http://www.alistapart.com/articles/fluid-images/ 

*/

img, object, embed, video {

	max-width: 100%;

	height:auto;

	border: none;

    vertical-align: middle;

}

/* IE 6 does not support max-width so default to width 100% */

.ie6 img {

	width: 100%;

}

body {

	font-family: 'Inter';

	font-weight: normal;

	color: #2d2d2d;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	-webkit-overflow-scrolling: touch;

	padding: 0;

	margin: 0;

	list-style: none;

}

p, h1, h2, h3, h4, h5, ul {

	padding: 0;

	margin: 0;

}

li {

	list-style: none;

}

a {

	text-decoration: none;

	color: #333;

}

/*=========FONTS===========*/

@font-face {

    font-family: 'Caudex';

    src: url('Caudex-Bold.woff2') format('woff2'),

        url('Caudex-Bold.woff') format('woff');

    font-weight: bold;

    font-style: normal;

    font-display: swap;

}



@font-face {

    font-family: 'Caudex';

    src: url('Caudex.woff2') format('woff2'),

        url('Caudex.woff') format('woff');

    font-weight: normal;

    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;

}



@font-face {

    font-family: 'Inter';

    src: url('Inter-SemiBold.woff2') format('woff2'),

        url('Inter-SemiBold.woff') format('woff');

    font-weight: 600;

    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;

}



/*************************************/

.clearall {

	clear: both;

	height: 1px;

	width: auto;

}

* {box-sizing: border-box;}

.container {

	width: 1170px;

	height: auto;

	margin: 0 auto;

	padding: 0;

	position:relative;

}

.overflow{ overflow:hidden; float: left; width:100%;}

.top-caption{

	float:left;

	width:100%;

	background:#cde7e9;

	height:30px;

	padding:7px 0;

	}

ul.topbar-cont{

	float:left;

	width:100%;

	text-align:left;

	}

ul.topbar-cont li{

	display:inline-block;

	vertical-align:top;

	font-size:14px;

	line-height:14px;

	color:#0b0b0b;

	letter-spacing:0.5px;

	margin-right:25px;

	}

ul.topbar-cont li:first-child{ padding-left:0;}		

ul.topbar-cont li a{color:#0b0b0b;}

ul.topbar-cont li img{

	display:inline-block;

	vertical-align:middle;

	margin:-5px 5px 0 0;	

}	

		

/*-----------------------

CSS FOR NAV BAR

------------------------*/	

.top-fix-bar{

	float: left;

	width: 100%;

	margin-bottom:70px;

	}

.nav-sec{

background: #fff;

float: left;

width: 100%;

height: 90px;

padding: 17px 0;

margin-top: -70px;

top: 69px;

position: relative;

-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);

text-align: center;

z-index: 9;

}

.fixed-nav .nav-sec{

	position: fixed;

	z-index: 10;

	transition: margin .3s ease-out;

	-webkit-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;

	width: 240px;

}		

.nav-rgt{

	float: right;

    margin-top: 6px;

	}		

.cartbox{

	display:inline-block;

	vertical-align:middle;

	position:relative;

	margin-left:15px;

	padding-right:12px;

	}		

.crt-txt-no{

    position: absolute;

    top: -12px;

    right: 0;

    color: #484848;

    font-size: 14px;

    line-height: 20px;

	font-weight:500;

	}

.cart-icn{

    display: block;

    margin: 0 auto;

	}		

		

ul.menu-list{

display: inline-block;

margin: 15px 0 0 0px;

}

ul.menu-list li{

	float: left;

	border-right: 1px solid #cecece;

	}

ul.menu-list li:last-child{ border:none;}	

ul.menu-list li a{

	float:left;

    color: #505050;

    font-size: 16px;

    line-height: 16px;

    letter-spacing: 0.3px;

	padding:0 20px;

	}	

ul.menu-list li a:hover{ color:#ecac0e;}

ul.menu-list li a.active{ color:#ecac0e;}



.nav-sec .nav-btn {

    float: right;

    font-size: 16px;

    width: 155px;

    height: 40px;

    line-height: 40px;

    margin: -4px 0 0 20px;

}

.nav-btn img{

	display: inline-block;

    vertical-align: middle;

        margin: -4px -4px 0 4px;

    width: 12px;

	}	

 	

/*==============banner===============*/

.banner-section{

	background:#f3efeb;

	float:left;

	width:100%;

	height:621px;

	padding:90px 0;

	}

.bnr-content{

	float:left;

	width:48%;

	text-align:left;

	}

.bnr-tag-txt{

	font-size:20px;

	line-height:22px;

	color:#00aeef;

	font-weight:600;

	text-transform:uppercase;

	}

.bnr-heading{

	font-size:48px;

	line-height:58px;

	color:#000;

	font-family: 'Caudex';

	font-weight:bold;

	margin-top:20px;

	}

.bnr-para{

	font-size:17px;

	line-height:26px;

	letter-spacing:0.5px;

	color:#000000;

	font-weight:500;

	margin-top:17px;

	}



.btn-box{

    display: inline-block;

    vertical-align: middle;

    text-align: center;

    width:290px;

	max-width:100%;

	position:relative;

	margin-top:50px;

	}

.shop-btn{

    display: inline-block;

    vertical-align: middle;

    width: 100%;

    margin: 0 auto;

    background: #fdc22f;

    border-radius: 6px;

    height: 60px;

    overflow: hidden;

    color: #000;

    font-size: 20px;

    line-height: 60px;

    letter-spacing: 1px;

    position: relative;

    text-align: center;

    text-transform: uppercase;

    font-weight: 600;

    font-family: inherit;

    border: 1px solid #fdc22f;

    outline: none;

    transition: all 0.3s;

    cursor: pointer;

}

.shop-btn:hover{

    background: #fce6af;

    border: 1px solid #333333;

}

.btn-arw{

	display:inline-block !important;

	vertical-align:middle;

	margin:-2px 0 0 15px;

	}

.btn-guaranty{

	float:left;

	width:100%;

	position:relative;

	font-size:13px;

	color:#000;

	font-weight:600;

	letter-spacing:0.3px;

	margin-top:7px;

	}  

.btn-guaranty span{ position:relative;}	

.btn-guaranty span:before, .btn-guaranty span:after{

	content:'';

	position:absolute;

	top:8px;

	left:-60px;

	background:#000;

	width:50px;

	height:1px;

	}

.btn-guaranty span:after{

	left:auto;

	right:-60px;

	}	

.bnr-seal{

	position: absolute;

    top: 120px;

    right: 500px;

	}

	

	



/*==========sectionOne============*/

.sectionOne{

	background:#00aeef;

	float:left;

	width:100%;

	padding:60px 0 70px;

	position:relative;

	text-align: center;

	}

.sectionOne:after{

	content:'';

	position:absolute;

	bottom:-45px;

	left:50%;

	background:#ffba99;

	width:1px;

	height:90px;

	}	

.common-tag-txt{

	font-size: 20px;

    line-height: 22px;

    color: #00aeef;

    font-weight: 600;

    text-transform: uppercase;

    margin-bottom: 7px;

	}

.color-1{ color:#ffdbb3;}	

.common-heading{

	font-size: 48px;

    line-height: 58px;

    color: #000;

    font-family: 'Caudex';

    font-weight: bold;

    display: inline-block;

    vertical-align: middle;

    width: 100%;

    text-transform: capitalize;

	}

.white{ color:#fff;}		



ul.s1-list{

	margin:60px auto 0;

	width:100%;

	

    display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;	

    justify-content: space-between;

	}

ul.s1-list li{

	text-align:center;

	}	

ul.s1-list li img{

	margin:0 auto 0;

	display:block;

	width:80px;

	}

ul.s1-list li p{

	font-size:20px;

	line-height:28px;

	color:#fff;

	margin-top:20px;	

	text-transform: capitalize;

	}	



/*=============sectionTwo============*/

.sectionTwo{

	float:left;

	width:100%;

	padding:60px 0 70px;

	text-align: center;

	}

.common-para{

    font-size: 18px;

    line-height: 28px;

    color: #000000;

    margin-top: 20px;

    display: inline-block;

    vertical-align: middle;

    width: 100%;

}

.s2-product-wrap{

	margin:0 auto 0;

	width:100%;

	

	display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-evenly;

	}

.s2-product-col{

	float: left;

	width:40%;

    text-align: center;

	margin-top:45px;

	}

.s2-prdbox{

	float:left;

	width:100%;

	padding:30px 10px;

	background:#eefaff;

	position:relative;

	}	

.s2-prods{

	display:inline-block;

	vertical-align:top;

	max-width:100%;

	

	}		

.s2-prod-details{

	float:left;

    width:100%;

	text-align:left;

	padding:25px 0 0;

	position:relative;

	}		

.s2-prod-name{

    font-size:30px;

	line-height:34px;

	color:#000;

	font-weight:600;

	}

.s2-prod-desc{ margin-top: 7px; width: 90%;}

.s2-prod-icn1{

    position: absolute;

    top: 20px;

    right: 10px;

	width:40px;

	}		

.s2-prod-prcbox{

	width:100%;

	margin:35px auto 0;

	

    display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

	    align-items: center;		

	}

.s2-prod-prcbox h4{

	font-size:24px;

	line-height:24px;

	color:#00aeef;

	font-weight:bold;

	}

.s2-prod-prcbox h4 span{

	color:#000;

	font-size:12px;

	font-weight:normal;

	}		

.s2-prod-prcbox p{

	font-size:15px;

	line-height:23px;

	color: #000000;

	}	

a.s2-order-btn{

	display:inline-block;

	vertical-align:top;

	width:100%;

	height:55px;

	background:#fff;

	text-align:center;

	border:1px solid #000;

	border-radius:5px;

	font-size:18px;

	line-height:55px;

	font-weight:600;

	letter-spacing:1px;

	text-transform:uppercase;

	margin-top:30px;

	transition:0.5s all ease;

	}

a.s2-order-btn img{

	display:inline-block;

	vertical-align:middle;

	margin:-2px 0 0 20px;

	}	

a.s2-order-btn:hover{

	background:#fdc22f;

	border:1px solid #fdc22f;

	}	



/*===============sectionThree==========*/

.sectionThree{

	background:url(../images/sec3-bg.jpg) no-repeat center top;

	float:left;

	width:100%;

	background-size:cover;

	padding:60px 0 70px;

	overflow:hidden;

	}

.s3-content{

	float:right;

	width:50%;

	text-align:left;

	}

.s3-prod-img{

	    position: absolute;

    top: 10px;

    left: -90px;

}





/*==============sectionFive===============*/

.sectionFive{

	float:left;

	width:100%;

	position: relative;

    overflow: hidden;	

	}

.s5-mid-wrap{

	float:left;

	width:100%;

	}	

.s5-mid-row{

    width: 100%;

	margin: 0 auto 0;

	background:#ecf2fe;

	position:relative;

	

    display: flex;

    -webkit-box-pack: center;

    justify-content: center;

    -webkit-box-align: stretch;

    align-items: stretch;

    -webkit-box-align: center;

    align-items: center;	

	}	

.s5-mid-row:before{

	content: '';

    position: absolute;

    top: 0;

    bottom: 0;

    left: 0;

    right: -4000px;

    background: #ecf2fe;

	}	

.s5-mid-cont{

    width: 50%;

    text-align: left;

	position:relative;

	z-index:2;	

	}

.s5-mid-row .s5-mid-cont{ padding-left: 45px;}	

.s5-mid-row2 .s5-mid-cont{ padding-right: 45px; padding-left:0;}

.s5-mid-row2{ background: #fff3f4;}

.s5-mid-row2:before{

    left: -4000px;

    right:0;

    background: #fff3f4;	

	}			



.s5-mid-imgbx{

	width: 50%;

    height: 594px;

    position: relative;	

	}	

.s5-mid-imgbx:before{

	content: "";	

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    left: -400px;

    background: url(../images/s5-bnr-img1.jpg) no-repeat right top;

	}	

.s5-mid-row2 .s5-mid-imgbx:before{

	left: 0;

    right: -400px;

    background: url(../images/s5-bnr-img2.jpg) no-repeat right top;

	}	



/*=============sectionSix=============*/

.sectionSix{

	background:#fff;

	float:left;

	width:100%;

	padding:60px 0 70px;

	text-align: center;

	}

ul.s6-list{

	margin:0 auto 10px;

	width:100%;

	padding:0 40px;

	

	display: -webkit-flex;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

	}

ul.s6-list li{

	text-align:center;

	margin-top:50px;

	}	

ul.s6-list li img{

	margin:0 auto 0;

	display:block;

	width:105px;

	filter: hue-rotate(35deg);

	}		

/*-------------------------

CSS FOR SECTION 6

--------------------------*/

.section-6{

	    float: left;

    width: 100%;

    padding: 60px 0;

    background: #f7f7f7;

	text-align:center;

	}



.faq-section{

	display: inline-block;

	width: 70%;

	text-align: left;

	margin: 40px 0 0;

	}

.faq-slide-row{

	    float: left;

    width: 100%;

    background: #fff;

    box-shadow: 0 0 5px #e3e3e3;

    padding: 5px 20px;

    margin-bottom: 16px;

	}

.accordion{

	float: left;

    width: 100%;

    text-align: left;

    background: url(../images/s6-close.png) no-repeat 98% center;

    background-size: 12px;

    padding: 17px 25px 17px 0;

    font-size: 24px;

    line-height: 34px;

    color: #000000;

    letter-spacing: 0.5px;

    position: relative;

    cursor: pointer;

	}

.acdn-heading.accordion-open{

	background:url(../images/s6-open.png) no-repeat 98% center;

	background-size:12px;

	padding-bottom:17px;

	border-bottom:none;

	}

.acdn-content{

	float:left;

	width:100%;

	text-align:left;

	padding:0 35px 15px 0;

	}

.accordion.last, .acdn-content.last{border-bottom:none;}

.acdn-para{

	float:left;

	width:100%;

	font-size:18px;

	line-height:26px;

	color:#000000;

	letter-spacing:0.3px;

	margin-bottom:15px;

	font-weight:normal;

	}

	

.acdn-para a{ color:#00F; text-decoration:underline;}

ul.acdn-list{

	float:left;

	width:100%;

	margin-bottom:15px;

	padding-left:15px;

	}

ul.acdn-list li{

	float:left;

	width:100%;

	font-size:16px;

	line-height:24px;

	color:#000;

	font-weight:normal;

	margin:5px 0;

	}



/*-------------------------

CSS FOR BOTTOM SECTION

--------------------------*/

.btm-section {

    float: left;

    width: 100%;

    background: #035270;

    padding: 20px 0;

}

ul.btm-list {

    float: left;

    width: 100%;

    display: flex;

    flex-wrap: wrap;

}

ul.btm-list li{

	width:24%;

	font-size:18px;

	color:#fff;

	line-height:26px;

	text-align:center;

	position:relative;

	border-right:1px solid #fff;

}

ul.btm-list li:last-child{ border:none;}

ul.btm-list li img{

	max-width:54px;

	display:block;

	margin:0px auto 10px;

}

/*-------------------------

CSS FOR FOOTER

--------------------------*/

.footer{

	float:left;

	width:100%;

	background:#fff;

	}

.footer-text-box{

	float:left;

	width:100%;

	margin-top:30px;

	padding:15px 70px;

	border:2px solid #d2d2d2;

	}

.footer-top-text{

	    float: left;

    width: 100%;

    color: #000000;

    font-size: 16px;

    line-height: 26px;

    font-weight: 400;

    text-align: center;

    border: 1px solid #d2d2d2;

    padding: 15px;

	}

.footer-logo-row{

	float: left;

    width: 100%;

    margin-top: 30px;

    display: flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    flex-wrap: wrap;

    row-gap: 20px;

	}

.footer-logo-row-left{

	width:27%;

	text-align:left;

	}

.footer-logo{

	display:inline-block;

	vertical-align:middle;

	width:175px;

	}

.footer-logo-text{

	display:inline-block;

	vertical-align:middle;

	margin-left:18px;

	padding-left:20px;

	border-left:1px solid #747474;

	color:#fff;

	font-size:14px;

	line-height:20px;

	font-weight:400;

	letter-spacing:0.5px;

	}



.footer-logo-row-right{

	text-align: center;

	width: 100%;

	display: flex;

	justify-content: center;

	column-gap: 35px;

	flex-wrap: wrap;

	}

.footer-logo-row-right li{

	    display: inline-block;

    vertical-align: middle;

    position: relative;

    font-size: 16px;

    line-height: 26px;

	}

.footer-logo-row-right li:last-child:after{ display:none;}

.footer-logo-row-right li img{

	display:inline-block;

	vertical-align:middle;

	width:22px;

	margin-right:7px;

	}

.footer-logo-row-right li a{

	    display: inline-block;

    vertical-align: middle;

    color: #000;

    font-size: 16px;

    line-height: 26px;

    font-weight: 400;

	}

    .footer-logo-row-right li a:hover{

        text-decoration: underline;

    }

.footer-link-row{

	    float: left;

    width: 100%;

    margin-top: 0px;

    padding: 25px 0;

    display: flex;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

    column-gap: 40px;

	    flex-wrap: wrap;



	}

.footer-link-row li{

	color: #000;

    font-size: 16px;

    line-height: 26px;

    font-weight: 400;

    position: relative;

	}

.footer-link-row li a{

	display:inline-block;

	vertical-align:middle;

	cursor:pointer;

	 color: #000;

	}

    .footer-link-row li a:hover{color: #ecac0e;}

.footer-link-row li:after, .footer-logo-row-right li:after{

	content:'';

	position:absolute;

	top:0;

	bottom:0;

	right:-20px;

	width:1px;

	background:#000;

	}

.footer-link-row li:last-child:after{ display:none;}



.copyright-section{

	float:left;

	width:100%;

	background:#fff;

	padding:25px 0;

	}

.copyright-row{

	    float: left;

    width: 100%;

    display: flex;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    align-items: center;

    justify-content: center;

	}

.copyright-text{

	color:#000;

	font-size:16px;

	line-height:20px;

	font-weight:400;

	letter-spacing:0.5px;

	text-align:center;

	}

.copyright-logos{

	display:block;

	margin:0 auto;

	width:140px;

	}

/*-------------------------INNER PAGE--------------------------*/

/*-------------------------

CSS FOR FCOMMON HEADER

--------------------------*/

.shopBreadcrm {

        float: left;

    width: 100%;

    color: #222;

    font-size: 14px;

    text-align: left;

    background: #e8f8ff;

    padding: 10px 0;

    background-size: cover;

}



.shopBreadcrm a {

    color: #222;

}

.shopBreadcrm span {

    color: #222;

    font-weight: 600;

}





/*****************************/

/*TERMS- PRIVACY*/



.tems-bg {

	float: left;

	width: 100%;

	padding: 40px 0;

}

.trm-bx {

	background: #fff;

	width: 100%;

	float: left;

	text-align: left;

	padding: 40px 0;

}



.trm-bx h1 {

	line-height: 30px;

    color: #333;

    margin: 0;

    padding: 0px 0 10px;

    font-size: 22px;

    float: left;

    width: 100%;

    margin-top: 0px;

    margin-bottom: 20px;

    font-weight: 700;

    border-bottom: 5px solid #333;

}

.trm-bx h3 {

	line-height: 28px;

    text-align: left;

    font-size: 24px;

    float: left;

    width: 100%;

    margin: 0px 0 15px;

    color: #000;

    font-weight: 600;

    padding: 0;

}

.trm-bx li {

	font-size: 16px;

    line-height: 24px;

    float: left;

    width: 100%;

    list-style: decimal;

}

.trm-bx ol li {

    list-style: lower-roman;

}

.trm-bx li ol li {

    list-style: lower-alpha;

}

.trm-bx strong {

	text-transform: capitalize;

}

.trm-bx span {

	text-transform: capitalize;

    display: block;

    font-weight: 700;

    margin-bottom: 5px;

}

.trm-bx p {

	font-size: 16px;

    line-height: 24px;

    float: left;

    width: 100%;

    margin-bottom: 10px;

    

}

.trm-bx h4, .trm-bx h5 {

	    font-size: 20px;

    float: left;

    width: 100%;

    margin: 10px 0 10px;

    font-weight: 500;

    line-height: 30px;

}

.ingr-lst h4 {

    text-align: center;

}

.ing-blk img {

display: block;

width: 100%;
}

.ingr-lst img {

    display: block;

    margin: 0 auto 20px;

    max-width: 530px;

    width: 100%;

}

.trm-bx h5 {

	font-size: 20px;

	font-weight: 500;

}

.privacy-list {

	padding: 0 0 0 30px

}

.privacy-list li {

	font-weight: bold;

}

.privacy-list li p {

	font-weight: normal;

	margin-top: 10px;

}

.mrg-tp {

	margin: 15px 0 !important;

	float: left;

	width: 100%

}

.trm-txt {

	float: left;

	width: 100%;

	background: #fff;

	padding: 20px 20px

}

.disclr-bx {

	border: 2px solid #000;

	padding: 10px;

	font-weight: 500;

	float: left;

	width: 100%;

	margin: 0;

}

.disclr-bx p {

	margin-bottom: 0;

	font-weight: bold;

}

.trm-bx ol, .trm-bx ul {

	margin-bottom: 20px;

    float: left;

    width: 100%;

    font-weight: 400;

    padding: 0 20px;

    display: flex;

    flex-wrap: wrap;

    row-gap: 10px;

}

.trm-bx .disclmr {

	width: 100% !important;

}

.trm-bx table {

    float: left;

    width: 100%;

    border-collapse: collapse;

}

.trm-bx table td, .trm-bx table th {

    padding: 14px;

    border: 1px solid #ccc;

}



.ing-blk {

/* float: left; */

width: 100%;

/* display: -webkit-box; */

display: -moz-box;

display: -ms-flexbox;

/* display: -webkit-flex; */

/* display: flex; */

/* flex-wrap: wrap; */

/* justify-content: space-between; */

/* row-gap: 10px; */
}



.ing-blk-lft {

/* float: left; */

/* width: 50%; */
}



/*----------- popup ---------------- */

#pop-overlay {

	background-color: rgba(0, 0, 0, 0.6);

	clear: none;

	display: none;

	height: 100%;

	left: 0;

	margin: 0;

	padding: 0;

	position: fixed;

	top: 0;

	width: 100%;

	z-index: 9999;

}

#pop-content {

	height: auto;

	width: 100%;

	background-color: white;

	border-radius: 4px;

	margin: 8% auto 0 auto;

	position: relative;

	text-align: center;

	padding: 30px 20px 20px 20px;

	max-width: 600px;

}

.cross {

	position: absolute;

	right: 5px;

	top: 5px;

	max-width: 100%;

	cursor: pointer;

}



.age-pop-overlay {

	width: 100%;

	height: 100%;

	position: fixed;

	z-index: 9999;

	left: 0;

	top: 0

}

.pop-up-bg {

	width: 100% !important;

	height: 100% !important;

	position: fixed !important;

	left: 0px !important;

	top: 0px !important;

	margin: 0px !important;

	padding: 0px !important;

	z-index: 9999600 !important;

	border: 0px;

	opacity: 0.75;

	background-color: rgb(0, 0, 0) !important;

}

.pop-up-bg-in {

	height: 100% !important;

	position: fixed !important;

	top: 0px !important;

	padding: 0px !important;

	margin: 0px !important;

	border: 0px;

	opacity: 0.93;

	box-shadow: rgba(0, 0, 0, 0.25) 4px 0px 5px 0px !important;

	background-color: rgb(255, 255, 255) !important;

	transition: left 1s ease 0s !important;

	z-index: 10000010 !important;

	width: 390px !important;

	left: 0px;

}

.pop-up-left {

	width: 100% !important;

	height: 100% !important;

	position: fixed !important;

	left: 0px !important;

	top: 0px !important;

	border: 0px;

	background-color: rgb(0, 0, 0) !important;

	display: none !important;

	opacity: 0.8 !important;

	z-index: 10000001 !important;

}

.pop-up-left-txt {

	    position: fixed !important;

    left: 40px;

    bottom: 50% !important;

    top: initial !important;

    margin-bottom: -120px !important;

    margin-left: 0px !important;

    width: 300px !important;

    min-height: 40px !important;

    height: auto !important;

    z-index: 10000100 !important;

    background-color: transparent !important;

    background-repeat: no-repeat !important;

    background-position: left 30px !important;

    background-image: url(../images/ageverify.png) !important;

    background-size: auto 50px !important;

    text-align: left !important;

    text-shadow: none !important;

    color: rgb(0, 0, 0) !important;

    font-size: 24px !important;

    font-style: normal !important;

    font-weight: 300 !important;

    letter-spacing: 0px !important;

    text-transform: capitalize;

    box-sizing: initial !important;

    padding: 100px 0px !important;

    overflow-wrap: break-word !important;

    line-height: 31px !important;

    border: none !important;

    transition: left 1s ease 0s !important;

}

.pop-up-left-txt span{

	font-weight: 700 !important;

	}

.no-btn {

	position: fixed !important;

	cursor: pointer;

	left: 190px;

	margin-left: 0px !important;

	top: 50% !important;

	margin-top: 35px !important;

	height: 40px !important;

	width: 140px !important;

	color: rgb(255, 255, 255) !important;

	font-size: 22px !important;

	min-width: 1em !important;

	line-height: 1em !important;

	letter-spacing: 0px !important;

	text-transform: none !important;

	text-decoration: none !important;

	text-shadow: none !important;

	text-align: center !important;

	padding: 0px !important;

	font-weight: 700 !important;

	font-style: normal !important;

	background-image: none !important;

	border-width: 2px !important;

	border-style: solid !important;

	border-color: rgb(0, 112, 0) !important;

	border-radius: 0px !important;

	outline: none !important;

	box-shadow: none !important;

	background-color: rgb(0, 112, 0) !important;

	z-index: 10000400 !important;

	transition: left 1s ease 0s !important;

	appearance: none !important;

}

.yes-btn {

	position: fixed !important;

	cursor: pointer !important;

	left: 40px;

	margin-left: 0px !important;

	top: 50% !important;

	margin-top: 35px !important;

	height: 40px !important;

	width: 140px !important;

	color: rgb(255, 255, 255) !important;

	font-size: 22px !important;

	min-width: 1em !important;

	line-height: 1em !important;

	letter-spacing: 0px !important;

	text-transform: none !important;

	text-decoration: none !important;

	text-shadow: none !important;

	text-align: center !important;

	padding: 0px !important;

	font-weight: 700 !important;

	font-style: normal !important;

	background-image: none !important;

	border-width: 2px !important;

	border-style: solid !important;

	border-color: rgb(0, 112, 0) !important;

	border-radius: 0px !important;

	outline: none !important;

	box-shadow: none !important;

	background-color: rgb(0, 112, 0) !important;

	appearance: none !important;

	transition: left 1s ease 0s !important;

	z-index: 10000200 !important;

}



/*CSS FOR MODAL*/

#app_common_modal,

#error_handler_overlay{position:fixed;top:0;left:0;padding:0;margin:0;width:100%;height:100%;z-index:2147483647;background:#333;background:rgba(255, 255, 255, .8);display:none;overflow-x:hidden;-webkit-overflow-scrolling:touch}

#app_common_modal .app_modal_body,

#error_handler_overlay .error_handler_body{max-width:600px;-webkit-background-clip:padding-box;font-family:Verdana, Geneva, sans-serif;box-sizing:border-box;outline:0}

#error_handler_overlay .error_handler_body{margin:100px auto;width:95%;padding:20px;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0, 0, 0, .2);border-radius:0;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);box-shadow:0 3px 9px rgba(0, 0, 0, .5);font-size:14px;line-height:1.42857143;color:#333;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}

#app_common_modal_close,

#error_handler_overlay_close{position:absolute;right:-10px;top:-10px;color:#FFF;background-color:#333;border:2px solid #FFF;border-radius:50%;width:30px;height:30px;text-align:center;cursor:pointer;text-decoration:none;font-weight:700;line-height:26px;padding:0;margin:0}

#app_common_modal .app_modal_body{margin:100px auto;min-width:inherit;width:95%;min-height:400px;padding:2.5%;background-color:#fff;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0, 0, 0, .2);border-radius:0;-webkit-box-shadow:0 3px 9px rgba(0, 0, 0, .5);box-shadow:0 3px 9px rgba(0, 0, 0, .5);font-size:14px;line-height:1.42857143;color:#333;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box}

#app_common_modal .app_modal_body iframe{min-height:400px;width:100%;border:1px solid #d5d6ef}

.exitpop-content{position:fixed;height:400px;width:708px;margin:-200px 0 0 -354px;top:50%;left:50%;text-align:left;padding:0;border:none;z-index:2147483647}

.exitpopup-overlay{background:rgba(0, 0, 0, .6);height:100%;left:0;position:fixed;top:0;width:100%;z-index:2147483647;display:none}

.exitpop-content img{display:block;margin:0 auto;position:relative;text-align:center;max-width:100%;height:auto}

.exitpop-discountbar{background-color:red;border-bottom:4px dashed #fff;color:#fff;font-family:Arial, Helvetica, sans-serif;font-size:15px;font-weight:700;height:50px;line-height:50px;position:fixed;text-align:center;top:0;width:100%;z-index:9999;display:none}

.app-load-spinner{display:none;position:fixed;top:0;bottom:0;left:0;right:0;width:100px;height:100px;margin:auto;background-color:#333;border-radius:100%}

#loading-indicator::after,

#loading-indicator::before{box-sizing:border-box;left:50%;position:absolute;top:50%}

.all-card-types li{float:left;margin-right:20px}

#loading-indicator{background-color:rgba(0, 0, 0, .5);bottom:0;box-sizing:border-box;font-size:1px;height:100%;left:0;margin:0!important;padding:0!important;position:fixed;right:0;top:0;width:100%;z-index:2147483646}

#loading-indicator::before{background:url(../images/loading.gif) center center no-repeat rgba(0, 0, 0, 0);content:"";height:70px;margin-left:-35px;margin-top:-70px;width:70px;z-index:2}

#loading-indicator::after{background:#fff;border-radius:5px;color:#000;content:"Processing, one moment please... ";font-family:arial;font-size:17px;height:110px;line-height:98px;margin-left:-150px;margin-top:-75px;padding-top:35px;text-align:center;width:300px;z-index:1}



@-webkit-keyframes scaleout{

0%{-webkit-transform:scale(0)}

100%{-webkit-transform:scale(1);opacity:0}

}



@keyframes scaleout{

0%{transform:scale(0);-webkit-transform:scale(0)}

100%{transform:scale(1);-webkit-transform:scale(1);opacity:0}

}





@media screen and (max-device-width:767px) and (orientation:landscape){#app_common_modal .app_modal_body, #error_handler_overlay .error_handler_body{margin:20px auto;}

#app_common_modal .app_modal_body iframe{min-height:360px;}

}





@media(max-device-width:767px){#app_common_modal .app_modal_body{margin:2% auto} .trm-bx{padding: 20px 0;} .ing-blk-lft{width:100%}.trm-bx h4, .trm-bx h5{font-size: 18px;line-height: 28px;}}



.cooki-body{

    position: fixed;

        bottom: 40px;

        right: 5%;

        width: 40%;

        padding: 25px 25px;

        flex-direction: column;

        display: none;

        align-items: center;

        justify-content: space-between;

        background-color: #eee;

        border-radius: 5px;

        box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);

}

.cooki-heading{

    font-size: 25px;line-height: 2;

}

.cooki-con{

  text-align: center; padding: 10px;

}

.cooki-accept{

height: 40px; 

        background-color: #72d2f6;

        width: 100px;

        border: none;

        color: white;

        border-radius: 2px;

        cursor: pointer;

        font-weight: bold;

        margin: 4px;

}

.cooki-accept:hover{

    background-color: #818181;

}

.cooki-dec{

height: 40px;

        background-color: #818181;

        border: none;

        color: white;

        border-radius: 2px;

        width: 100px;

        cursor: pointer;

        font-weight: bold;

        margin: 4px;

}

.cooki-dec:hover{

    background-color: #72d2f6;

}





.about-us-section {
  background-color: #f9f9f9;
  padding: 40px 20px;
  font-family: 'Roboto', sans-serif;
  color: #222;
}

.about-us-section .container {
  max-width: 900px;
  margin: 0 auto;
  background: #fff;
  border-radius: 12px;
  padding: 30px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
}

.about-us-section h1 {
  font-size: 32px;
  margin-bottom: 20px;
  color: #108bea;
  text-align: center;
}

.about-us-section .intro {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 25px;
  text-align: center;
}

.about-us-section .about-list {
  list-style: none;
  padding-left: 0;
  font-size: 16px;
  line-height: 1.8;
}

.about-us-section .about-list li {
  margin-bottom: 15px;
  display: flex;
  align-items: flex-start;
}

.about-us-section .about-list i {
  color: #108bea;
  margin-right: 10px;
  font-size: 18px;
  margin-top: 4px;
}


.single-product-feature {
  text-align: center;
  padding: 50px 20px;
}

.s2-product-showcase {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  gap: 40px;
}

.s2-image-box {
  flex: 1;
  max-width: 470px;
}

.s2-prod-details {
  flex: 1;
  max-width: 480px;
  text-align: left;
}

.s2-prod-name {
  font-size: 26px;
  color: #222;
  margin-bottom: 20px;
}

.s2-feature-list {
  list-style: none;
  padding-left: 0;
  font-size: 16px;
  line-height: 1.8;
}

.s2-feature-list li {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.s2-feature-list i {
  color: #108bea;
  margin-right: 10px;
  font-size: 18px;
}
.img-note {
    font-size: 16px;
    color: #a52929;
    text-align: left;
    margin-top: 8px;
    font-style: italic;
}

.policy-section {
  font-family: 'Roboto', sans-serif;
  color: #222;
  padding: 40px 20px;
  line-height: 1.7;
}

.policy-section h2 {
  font-size: 28px;
  margin-bottom: 20px;
  color: #108bea;
}

.policy-section h3 {
  font-size: 20px;
  margin-top: 25px;
  margin-bottom: 10px;
  color: #444;
}

.policy-section p {
  margin-bottom: 16px;
}

.policy-section ul {
  padding-left: 20px;
  margin-bottom: 20px;
}

.policy-section li {
  margin-bottom: 8px;
}

.policy-section a {
  color: #108bea;
  text-decoration: underline;
}

.cookie-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
  font-size: 15px;
}

.cookie-table th,
.cookie-table td {
  border: 1px solid #ccc;
  padding: 10px;
}

.cookie-table th {
  background-color: #f7f7f7;
  text-align: left;
}

.policy-section h3 {
  font-size: 22px;
  margin-top: 30px;
  color: #333;
}

.policy-section h4 {
  font-size: 18px;
  margin-top: 25px;
  color: #444;
}




@media only screen and (max-width: 767px){

    .cooki-body{

    width: 90%;

    padding: 10px 10px;

    }

        div#cookiePopup {

        width: 90% !important;

    }

.s2-product-showcase { display: inline-block;}


}