@font-face {
	font-family: 'geomanistlight';
	src: url('../fonts/geomanist-light-webfont.woff2') format('woff2'),
		 url('../fonts/geomanist-light-webfont.woff') format('woff'),
		 url('../fonts/geomanist-light-webfont.svg#geomanistlight') format('svg');
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'geomanistmedium';
	src: url('../fonts/geomanist-medium-webfont.woff2') format('woff2'),
		 url('../fonts/geomanist-medium-webfont.woff') format('woff'),
		 url('../fonts/geomanist-medium-webfont.svg#geomanistmedium') format('svg');
	font-weight: normal;
	font-style: normal;
	}
@font-face {
	font-family: 'geomanist_regular';
	src: url('../fonts/geomanist-regular-webfont.woff2') format('woff2'),
		 url('../fonts/geomanist-regular-webfont.woff') format('woff'),
		 url('../fonts/geomanist-regular-webfont.svg#geomanist_regularregular') format('svg');
	font-weight: normal;
	font-style: normal;
	}

	@charset "utf-8";
/* CSS Document */
/*----------------
RESET CSS
-----------------*/
body {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 0;
	background: #fefefe;
	color: #000000;
	text-align: center;
	font-family: 'geomanist_regular';
	-webkit-font-smoothing: antialiased;
	font-weight:400;
        overflow-x: hidden;
	}
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;
	color: #000;
	text-decoration: none;
	}
img {border: none;}
li {list-style: none;}
* {box-sizing: border-box;}
.img-full {max-width: 100%;}
.clearall {
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	}
.light-menu{display:none;}
.bld{font-family: 'geomanistmedium';}
/*-----------------------
MAIN CSS START
------------------------*/
.container {
	width: 1170px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	}
.header{
	float:left;
	width:100%;
	height:80px;
	background:#fff;
	position:fixed;
	border-bottom:1px solid #f3f0f0;
	z-index:99;
	}
.logo{
	float:left;
	margin:5px 0 0 0;
	}
ul.menu-bar{
	float:right;
	margin-top:30px;
	}
ul.menu-bar li{
	float:left;
	margin:0 22px;
	}
ul.menu-bar li a{
	float:left;
	color:#545454;
	font-size:18px;
	text-transform:uppercase;
	}
ul.menu-bar li a.active{color:#62c8aa;}

/*---------------------
CSS FOR BANNER
---------------------*/
.banner{
	float:left;
	width:100%;
	height:596px;
	margin-top:80px;
	background:url(../images/banner-bg.jpg) no-repeat center bottom;
	}
.banner-content{
	float:left;
	width:600px;
	text-align:left;
	margin-top:50px;
	}
.banner-content p, .banner-content h1, .banner-content h2, .banner-content ul{
	float:left;
	width:100%;
	}
.banner-content p.top-banr-para{width:90%;}
.top-bnr-devider{
	float:left;
	width:94%;
	height:1px;
	border-bottom:1px solid #cacccd;
	margin-top:10px;
	}
.top-bnr-devider > div{
	float:left;
	width:90px;
	height:6px;
	background:#07be8d;
	margin-top:-3px;
	}
.top-bnr-txt1{
	color:#45494d;
	font-size:26px;
	}
.top-bnr-txt2, .top-bnr-txt3{
	color:#00b786;
	font-size:48px;
	line-height:46px;
	text-transform:uppercase;
	font-family: 'geomanistmedium';
	font-weight:normal;
	letter-spacing:-1px;
	}
.top-bnr-txt3{ color:#31363a;}
.top-banr-para{
	color:#2f2f2f;
	font-size:18px;
	line-height:26px;
	margin-top:10px;
	padding:0 0 0 0;	
	
	}
ul.bnr-list{margin-top:10px;}
ul.bnr-list li{
	color:#31363a;
	font-size:21px;
	position:relative;
	padding-left:44px;
	margin:12px 0;
	}
ul.bnr-list li img{
	position:absolute;
	left:0;
	}
ul.bnr-list li span{
	color:#00a478;
	font-family: 'geomanistmedium';
	}
/*.banner_btl{
	position:absolute;
	left:438px;
	top:282px;
	}*/
.banner_btl {
    left: 479px;
    position: absolute;
    top: 377px;
    width: 432px;
}
.banner_unisex_seal{
	position:absolute;
	left:477px;
	top:15px;
	}
.banner-cta{
	float:left;
	width:100%;
	margin-top:25px;
	text-align:left;
	}
.baner-btn, .banner_seal{
	display:inline-block;
	vertical-align:middle;
	}
.banner_seal{margin-left:10px;}
.banner-strip{
	float:left;
	width:100%;
	height:130px;
	background:#d8f6ee;
	}
.strip-box1{
	float:left;
	margin-top:10px;
	}
.strip-box1 img, .strip-box1 p{display:inline-block; vertical-align:middle;}
.strip-box1 p{
	color:#31363a;
	font-size:20px;
	line-height:22px;
	text-align:left;
	margin-left:10px;
	font-family: 'geomanistmedium';
	}
.strip-box1 p span, .strip-box2 span{color:#009d73;}
.strip-box2{
	float:right;
	color:#31363a;
	font-size:24px;
	font-family: 'geomanistmedium';
	line-height:30px;
	text-align:left;
	background:url(../images/bnr-btm-line-bg.png) no-repeat left center;
	margin-right:90px;
	margin-top:17px;
	padding:15px 0 15px 25px;
	letter-spacing:-1px;
	}
.strip-rgt-img{
	float:right;
	width:156px;
	margin:33px 10px 0 0;
	}
/*--------------------------*/
.bnrform{
	float:right;
	width:317px;
	height:596px;
	background:#045c44;
	/*margin:40px 60px 0 0;*/
	margin:0px 60px 0 0;
	border-radius:10px 10px 0 0;
	position:relative;
	z-index:2;
}
.bnrfrm-hding{	
	font-size:18px;
	line-height:30px;
	color:#fff;
	text-align:center;
	text-transform:uppercase;
	letter-spacing:-1px;
	padding:2px 0 2px 0;
	border-bottom:1px solid #fff;
}
.bnrfrm-hding span{
	font-family: 'geomanistmedium';
	font-size:24px;
}
.sldrtxt{
	font-size: 15px;
    line-height: 31px;
    color: #ff4040;
    text-align: center;
    height: 31px;
    padding: 0 0 0 0;
}
.sldrtxt img{margin:0 3px -1px 0;}
.bnrform-inner{
	margin:0 2.21% 2.21% 2.21%;
	background:#00b786;
	border-radius:10px 10px 0 0;
	padding:14px 0;
	display:table;
	width:95.58%;	
}
.frmElmnts{
	float:left;
	margin:4px 0 0 0;
	width:100%;	
}
.frmElmnts label, .frmElmnts input, .frmElmnts select{
	float:left;
	display:inline-block;
}
.frmElmnts label{
	width:31.36%;
	margin:0 2.64% 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:30px;
	color:#fff;
	text-align:right;
}
.frmElmnts input, .frmElmnts select{
	width:62.05%;
	height:30px;
	background:#fff;
	border:1px solid #c5c7d1;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#828282;
	text-align:left;
	box-sizing:border-box;
	padding:0 8px;
}
.bnrfrm-btn{
	width:275px;
	height:69px;
	background:url(../images/order-btn.png) center top no-repeat;
	margin:17px auto 0 auto;
	display:block;
	border:none;
	outline:none;
	cursor:pointer;
}
.bnrfrm-btn-new{
	width:275px;
	height:69px;
	background:url(../images/order-btn-new.png) center top no-repeat;
	margin:17px auto 0 auto;
	display:block;
	border:none;
	outline:none;
	cursor:pointer;
}
.bnrfrm-logos{
	margin:18px auto 14px auto;
	display:block;
}
.show-tab, .modeltab{display:none;}

/*------------------------
CSS FOR SECTION 
-------------------------*/
.section-all{
	float:left;
	width:100%;
	padding:70px 0;
	background:#fff;
	}
.section-heading{
	float:left;
	width:100%;
	text-align:center;
	padding-bottom:45px;
	background:url(../images/heading-bg.png) no-repeat center bottom;
	}
.section-heading p{
	float:left;
	width:100%;
	color:#00b786;
	font-size:40px;
	line-height:40px;
	font-family: 'geomanistmedium';
	text-transform:uppercase;
	letter-spacing:-1px;
	}
.section-heading span{
	float:left;
	width:100%;
	color:#31363a;
	font-size:26px;
	line-height:30px;
	}
/*----------------------------
CSS FOR SECTION  ONE || ABOUT
------------------------------*/
.s1-txt1{
	float:left;
	width:100%;
	padding:0 100px;
	margin-top:20px;
	color:#2f2f2f;
	font-size:18px;
	line-height:24px;
	/*font-family: 'geomanistlight';*/
	}
.s1-subheading{
	float:left;
	width:100%;
	margin-top:25px;
	color:#00b786;
	font-size:20px;
	line-height:24px;
	font-family: 'geomanistmedium';
	}
.box-abt{
	float:left;
	width:100%;
	margin-top:15px;
	background:url(../images/about-box.jpg) no-repeat center top;
	}
.day-cream{
	float:left;
	width:48%;
	padding-left:95px;
	position:relative;
	text-align:left;
	margin-top:20px;
	}
.night-cream{
	float:right;
	width:48%;
	padding-right:160px;
	position:relative;
	text-align:right;
	margin-top:20px;
	}
.day-cream img.btl{
	position:absolute;
	left:0;
	top:-30px;
	}
.night-cream img.btl{
	position:absolute;
	right:-15px;
	top:0px;
	}
.day-cream img.abt-line-img, .night-cream img.abt-line-img{
	display:inline-block;
	vertical-align:top;
	margin-top:5px;
	}
.prod-title{
	float:left;
	width:100%;
	color:#31363a;
	font-size:22px;
	text-transform:uppercase;
	}
.prod-title span{color:#00b786; font-family: 'geomanistmedium';}
.day-cream p, .night-cream p{
	float:left;
	width:95%;
	color:#2f2f2f;
	font-size:18px;
	/*font-family: 'geomanistlight';*/
	line-height:24px;
	}
.night-cream p{float:right;}
.day-cream ul, .night-cream ul{
	float:left;
	width:100%;
	margin-top:20px;
	}
.day-cream ul li, .night-cream ul li{
	float:left;
	width:100%;
	padding-left:30px;
	color:#00b786;
	font-size:18px;
	margin:4px 0;
	background:url(../images/abt-li-bg.png) no-repeat left center;
	}
.night-cream ul li{
	padding-right:30px;
	padding-left:0;
	background:url(../images/abt-li-bg.png) no-repeat right center;
	}
.abt-btm-box{
	display:inline-block;
	width:50%;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	background:#f3fff8;
	border:1px dashed #00b786;
	padding:10px 20px;
	margin-top:20px;
	}
.abt-btm-box p{
	float:left;
	width:100%;
	color:#2f2f2f;
	font-size:16px;
	}
.abt-btm-box p span{color:#00b786; font-family: 'geomanistmedium';}
.abt-btm-box h3{
	float:left;
	width:100%;
	color:#00b786;
	font-size:20px;
	font-family: 'geomanistmedium';
	font-weight:normal;
	margin-top:5px;
	}

/*------------------------
CSS FOR CTA
-------------------------*/
.cta-block{
	float:left;
	width:100%;
	height:114px;
	background:url(../images/cta-bg.jpg) no-repeat center top #d8f6ee;
	}
.cta-content{
	float:left;
	width:74%;
	text-align:left;
	margin-top:23px;
	}
.cta-content h4{
	float:left;
	width:100%;
	color:#00b786;
	font-size:36px;
	line-height:36px;
	font-family: 'geomanistmedium';
	font-weight:normal;
	}
.cta-content p{
	float:left;
	width:100%;
	color:#31363a;
	font-size:28px;
	}
.cta-block a{
	float:right;
	margin-top:23px;
	}
/*----------------------------
CSS FOR SECTION TWO BENEFITS
------------------------------*/
.benefits{
	background:url(../images/benefits-bg.jpg) no-repeat center top;
	}
.benefits-left{
	float:left;
	width:34.5%;
	margin-top:20px;
	}
.benefits-right{
	float:right;
	width:34.5%;
	margin-top:20px;
	}
.left-h-box, .right-h-box{
	float:left;
	width:100%;
	min-height:90px;
	background:url(../images/benefits-bg-left.png) no-repeat left top;
	padding:17px 0 0 105px;
	position:relative;
	margin-top:40px;
	}
.right-h-box{
	float:right;
	background:url(../images/benefits-bg-rgt.png) no-repeat right top;
	padding:17px 105px 0 0;
	}
.left-h-box img{
	position:absolute;
	left:5px;
	top:5px;
	}
.right-h-box img{
	position:absolute;
	right:7px;
	top:5px;
	}
.left-h-box p, .right-h-box p{
	float:left;
	width:100%;
	color:#242422;
	font-size:26px;
	line-height:28px;
	text-align:left;
	}
.right-h-box p{
	float:right;
	text-align:right;
	}
.left-h-box p span, .right-h-box p span{
	color:#00b786;
	}
.b-points, .b-points-rgt{
	float:left;
	width:100%;
	color:#2f2f2f;
	font-size:18px;
	/*font-family: 'geomanistlight';*/
	line-height:24px;
	text-align:left;
	margin-top:15px;
	padding-left:10px;
	}
.b-points-rgt{text-align:right;}
.benefits-img{
	position:absolute;
	left:50%;
	top:200px;
	margin-left:-180px;
	}
/*-------------------------------
CSS FOR SECTION THREE SCIENCE
---------------------------------*/
.science{
	background:url(../images/science-bg.png) no-repeat center top;
	}
.science-content{
	float:right;
	width:60%;
	}
.science-para{
	float:left;
	width:100%;
	color:#2f2f2f;
	font-size:18px;
	/*font-family: 'geomanistlight';*/
	line-height:24px;
	text-align:left;
	margin-top:10px;
	}
.science-sub-haeding{
	float:left;
	width:100%;
	color:#272727;
	font-size:28px;
	font-family: 'geomanistmedium';
	text-align:left;
	margin-top:25px;
	text-transform:uppercase;
	}
.science-sub-haeding span{color:#00b786;}
.scinece-full-img{
	float:left;
	width:100%;
	margin-top:35px;
	}
.ingredients-block{
	float:left;
	width:100%;
	background:url(../images/ingredients-bg.jpg) no-repeat center 10px;
	margin-top:40px;
	}
.ingredients-left, .ingredients-right{
	float:left;
	width:48.7%;
	}
.ingredients-right{float:right;}
.ing-heading{
	float:left;
	width:100%;
	color:#00b786;
	font-size:36px;
	line-height:34px;
	text-transform:uppercase;
	}
.ing-heading span{color:#272727; font-size:30px; font-family: 'geomanistmedium';}
.ing-box{
	float:left;
	width:100%;
	position:relative;
	padding-left:115px;
	margin-top:45px;
	text-align:left;
	}
.ingredients-right .ing-box{
	min-height:115px;
	margin-top:10px;
	}
.ingredients-right .ing-box.first{margin-top:40px;}
.ingredients-right .ing-box.last{margin-top:20px;}
.ing-box img{
	position:absolute;
	left:0;
	top:5px;
	}
.ing-box span{
	float:left;
	width:100%;
	color:#00b786;
	font-size:26px;
	line-height:26px;
	}
.ing-box p{
	float:left;
	width:100%;
	color:#2f2f2f;
	font-size:18px;
	/*font-family: 'geomanistlight';*/
	line-height:24px;
	margin-top:5px;
	}
.scinece-derma-img{
	position:absolute;
	top: 350px;
    left: 260px;
	}
/*-------------------------------
CSS FOR SECTION FOUR TESTIMONIAL
---------------------------------*/
.testimonial-box{
	width:48%;
	margin-top:30px;
	text-align:left;
	}
.testimonial-box.fl{float:left;}
.testimonial-box.fr{float:right;}
.t-pic{
	float:left;
	width:36.2%;
	}
.t-content{
	float:left;
	width:60%;
	margin-left:3.5%;
	}
.t-content span{
	/*float:left;
	width:100%;*/
	color:#00b786;
/*	font-size:18px;
	line-height:26px;
	font-style:italic;*/
	}
.t-content p{
	float:left;
	width:100%;
	color:#2f2f2f;
	font-size:18px;
	line-height:26px;
	margin-top:15px;
	}
.rating-box{
	float:left;
	width:100%;
	height:90px;
	background:url(../images/rating-box.jpg) no-repeat center top;
	margin-top:30px;
	background-size:100%;
	text-align:center;
	}
.rating-box img{display:inline-block; vertical-align:top; margin-top:5px;}
.left-r{float:left; width:50%; text-align:left; padding-left:25px; color:#272727; font-size:16px; margin-top:10px;}
.left-r span{font-family: 'geomanistmedium'; font-size:23px;}
.rgt-r{float:right; width:50%; text-align:right;  padding-right:25px; color:#272727; font-size:18px; margin-top:14px;}
.rgt-r span{color:#00b786;}

.t-images-blk{
	float:left;
	width:30%;
	margin-top:35px;
	}
.t-images-blk.mid{
	margin-left:5%;
	margin-right:5%;
	}
.t-images-blk p{
	float:left;
	width:100%;
	color:#535353;
	font-size:16px;
	text-transform:uppercase;
	margin-top:10px;
	}
.t-images-blk p span{color:#00b786;}
.t-logo{
	float:left;
	width:100%;
	margin-top:20px;
	}
.t-logo img{display:inline-block;}
.t-logo p{
	display:inline-block;
	text-align:left;
	color:#272727;
	font-size:31px;
	line-height:34px;
	padding-left:25px;
	margin-left:15px;
	border-left:1px solid #b3b3b3;
	/*font-family: 'geomanistlight';*/
	}
.t-logo p span{
	color:#00b786;
	}
/*--------------------------------
CSS FOR SECTION FIVE
---------------------------------*/
.bottomSection{
	padding:50px 0;
	background:url(../images/bottom-sec-bg.jpg) no-repeat center top;
	}
.btm-banner-content{
	float:left;
	width:650px;
	text-align:left;
	}
.btm-banner-content p, .btm-banner-content h1, .btm-banner-content h2, .btm-banner-content ul{
	float:left;
	width:100%;
	}
.bnr-devider{
	float:left;
	width:98%;
	height:1px;
	border-bottom:1px solid #cacccd;
	margin-top:10px;
	}
.bnr-devider > div{
	float:left;
	width:90px;
	height:6px;
	background:#07be8d;
	margin-top:-3px;
	}
.bnr-txt1{
	color:#45494d;
	font-size:26px;
	}
.bnr-txt2, .bnr-txt3{
	color:#00b786;
	font-size:54px;
	line-height:52px;
	text-transform:uppercase;
	font-family: 'geomanistmedium';
	font-weight:normal;
	letter-spacing:-1px;
	}
.bnr-txt3{ color:#31363a;}
.banr-para{
	color:#2f2f2f;
	font-size:18px;
	line-height:26px;
	margin-top:10px;
	}
ul.btm-bnr-list{margin-top:15px;}
ul.btm-bnr-list li{
	color:#31363a;
	font-size:22px;
	padding-left:35px;
	margin:13px 0;
	background:url(../images/btm-li-bg.png) no-repeat left top;
	}
ul.btm-bnr-list span{
	color:#00a478;
	font-family: 'geomanistmedium';
	}
.btm-logo{
	float:left;
	margin-bottom:20px;
	}
.btm-banner-cta{
	float:left;
	width:100%;
	margin-top:30px;
	text-align:left;
	}
.btm-baner-btn, .btm-banner_seal{
	display:inline-block;
	vertical-align:middle;
	}
.btm-baner-btn{margin-left:10px;}
.btm-banner-derma-seal{
	position:absolute;
	top:325px;
	left:416px;
	width:150px;
	}
.btm-banner_unisex-seal{
	position:absolute;
	top:10px;
	left:450px;
	}
.btm-banner-befor-after{
	position:absolute;
	right:-10px;
	top:470px;
	}
.btm-banner-btl{
	position:absolute;
	right: 205px;
    top: 240px;
    width: 390px;
	}
/*--------------------------------
CSS FOR FOOTER
----------------------------------*/
.scl-icon-bg{
	float:left;
	width:100%;
	background:#80e4c9;
	padding:10px 0;
	}
.scl-hdg-txt{
	font-family: 'geomanistmedium';
	font-size:18px;
	text-transform:uppercase;
	color:#31363a;
	display:inline-block;
	vertical-align:middle;
	}
ul.scl-list{
	display:inline-block;
	text-align:center;
	}
ul.scl-list li{
	display:inline-block;
	border-left:1px dotted #fff;
	position:relative;
	margin-left:10px;
	height:38px;
	}
ul.scl-list li img{
	position:absolute;
	left:15px;
	top:5px;
	}
ul.scl-list li p{
	padding-left:55px;
	font-size:13px;
	line-height:17px;
	padding-top:10px;
	}
.stycky_element{
	float:left;
	width:100%;
	}
.footer{
	float:left;
	width:100%;
	padding:40px 0;
	}
.footer p{
	font-size:14px;
	color:#3e3e3e;
	padding:3px 0;
	}
.footer p:last-child{
	padding-top:20px;
	}

#cta { display:none;}
@charset "utf-8";
/* CSS Document */
.show-mob{display: none;}
.show-desk {display: block;}
.light-menu{display:none;}

 #btm-popup {
    background: #fff;
    box-shadow: 0 0 7px 2px rgba(81, 162, 215,0.4);
    font-size: 16px;
    line-height: 21px;
    position: fixed;
    padding: 8px;
    width: 350px;
    height: 80px;
    z-index: 11111;
    left: 15px;
    bottom: -90px;
    overflow: hidden;
    text-align: left;
    border-radius:40px;
    font-family: 'Lato', sans-serif;
    }
.img-n {float: left;margin-top: 2px;}
.img-n > img {width: 60px; border-radius:50%; border:1px solid #51a2d7; margin-right:10px;}
.pop-item{font-size: 14px;}

@media only screen and (max-width:1200px) {
.banner{background:url(../images/banner-bg.jpg) scroll no-repeat 52% bottom;}
.container {width: 1004px;}
.strip-rgt-img{margin:33px 0 0 0;}
.box-abt{background-size:100%;}
.night-cream{padding-right:100px;}
.night-cream img.btl{width:100px;}
.day-cream p, .night-cream p{width:100%;}
.day-cream ul, .night-cream ul{margin-top:10px;}
.day-cream ul li, .night-cream ul li{margin:3px 0; font-size:16px;}
.abt-btm-box{width:60%; margin-top:10px;}
.night-cream img.btl{right:-5px;}

.cta-content{width:70%;}
.scinece-derma-img {left: 200px;}

.benefits-left, .benefits-right{width:37%;}
.left-h-box p, .right-h-box p{font-size:24px;}
.benefits-img{width:300px; margin-left:-145px;}
.science-sub-haeding{font-size:26px;}
.ingredients-block{background:none;}

.ing-box{margin-top:30px;}
.ingredients-right .ing-box.first{margin-top:30px;}

.rating-box img{margin-top:3px;}
.left-r{margin-top:5px;}
.rgt-r{margin-top:10px;}

.t-images-blk img{max-width:100%; display:inline-block;}

.btm-banner_seal{width:290px;}
.btm-baner-btn img{width:250px;}
.btm-banner-befor-after{width:230px; top:490px;}
.btm-banner-btl {right: 189px;top: 312px;width: 310px;}

ul.scl-list{margin:10px 0 0;}
ul.scl-list li:first-child{border-left:none; margin-left:0;}
ul.scl-list li:first-child img{left:0;}
ul.scl-list li:first-child p{padding-left:40px;}
/*------------------------*/
.top-bnr-devider{width:83%;}
.top-bnr-txt1{font-size:22px;	}
.top-bnr-txt2, .top-bnr-txt3{	
	font-size:42px;
	line-height:42px;	
	}
.banner-content p.top-banr-para{width:76%;}
.banner_seal{width:460px;}
.strip-box1 p{
	font-size:18px;
	line-height:20px;
	margin-left:8px;
	}
.strip-box2{font-size:20px;line-height:25px;padding:24px 0 22px 25px;}
.banner_btl {left: 411px;top: 412px;width: 385px;}
.banner_unisex_seal {left: 425px;top: 15px;width:85px;}
}

@media only screen and (max-width:1010px) {
.container {width: 750px;}
ul.menu-bar{display:none;}
.light-menu{display:block;}
.mob-mnu {position: fixed;top: 25px;right: 10px;z-index: 99;}
/*-----------------------------*/
.header{height:70px;}
.strip-box2{font-size:28px;}
.logo{width:170px; margin-top:7px;}
.bnr-txt1{font-size:22px;}
.bnr-txt2, .bnr-txt3{font-size:44px; line-height:46px;}
.banr-para{font-size:18px;}
.banner_unisex_seal {left: 505px;top: 23px;width: 80px;}
ul.bnr-list{margin-top:5px;}
ul.bnr-list li{font-size:20px; margin:7px 0;}
.banner-cta{margin-top:18px; width:600px;}
.banner-strip{height:110px;}
.strip-rgt-img{display:none;}
.baner-btn img{width:240px;}
.banner_seal{width:260px;}
.strip-box1 img{width:90px;}
.strip-box2{font-size:24px; line-height:26px; margin-top:6px;}
.banner_btl {left:auto;top: 293px; width: 280px;right: 0;}

.section-all{padding:40px 0;}
.s1-txt1{padding:0;}
.box-abt{background:none;}

.day-cream, .night-cream{border:1px dashed #00b786; width:100%;-webkit-border-radius: 40px;
border-radius: 40px; padding:20px 20px 20px 120px; text-align:left;}
.day-cream img.btl {left: 20px;top: 6px;}
.night-cream img.btl {right:auto;top: 3px; left:10px;}
.night-cream ul li{background-position:left center; padding-left:30px; padding-right:0;}
.abt-btm-box{width:100%; margin-top:20px; padding:10px 80px;}

.cta-block a{width:30%; margin-top:30px;}
.cta-block a img{width:100%;}
.cta-content{margin-top:30px;}
.cta-content h4{font-size:28px; line-height:30px;}
.cta-content p{font-size:21px;}

.benefits-img{display:none;}

.benefits-left, .benefits-right{width:48%;}
.left-h-box, .right-h-box{ background:none; padding:0; min-height:auto; text-align:center;}
.left-h-box img, .right-h-box img{position:static; display:inline-block;}
.left-h-box p, .right-h-box p{text-align:center;}
.b-points, .b-points-rgt{padding:0; text-align:center;}

.science{background-size:1600px;}
.science-content{width:70%;}
.scinece-derma-img{left:30px; top:510px;}
.science-sub-haeding{font-size:24px;}

.ingredients-left, .ingredients-right{width:100%;}
.ingredients-right{margin-top:50px;}
.ing-box{margin-top:30px;}
.ingredients-right .ing-box span{margin-top:25px;}
.ingredients-right .ing-box.last{margin-top:10px;}

.testimonial-box{width:90%; margin-left:5%; margin-right:5%;}
.t-pic{width:27%;}
.t-content{width:69%;}
.rating-box{float:right; width:70%;}
.left-r{margin-top:7px;}
.left-r span{font-size:20px;}
.rgt-r{font-size:16px;}
.t-logo p{font-size:24px;}
.t-images-blk{width:32%;}
.t-images-blk.mid {margin-left: 2%;margin-right: 2%;}


.bottomSection{background-size:1600px; background-position:center top;}
.btm-banner-content{width:580px;}
.bnr-txt1{font-size:22px;}
.bnr-txt2, .bnr-txt3{font-size:44px; line-height:46px;}
.banr-para{font-size:18px; line-height:20px;}
ul.btm-bnr-list{margin-top:15px;}
ul.btm-bnr-list li{font-size:20px; margin:7px 0;}
.btm-banner-befor-after{display:none;}
.btm-banner_unisex-seal {left: 270px;}
.btm-banner-btl{top: 312px;width: 230px; right:0;}
.btm-banner-derma-seal {left: 376px;width: 120px;}
/*------------------------*/
.banner{background:url(../images/banner-tab.jpg) center top no-repeat;background-size:cover;
margin-top:70px;height:auto;overflow:hidden;}
.banner-content{width:90%;display:block;}
.bnrform{width:400px;float:none;margin:20px auto 10px auto;display:table;cloar:both;}
.banner_btl {left: 480px;top: 188px;width: 385px;}
.banner_seal{width:420px;}
.show-tab{display:block;}
.modeltab{position:absolute;right:-133px;top:40px;width:342px;display:block;}
.top-bnr-devider{width:66%;}
.banner_unisex_seal {left: 425px;top: 15px;width:85px;}
.bnrstrip-box{width:500px;margin:0 auto;dispaly:block;}
}

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

.header{height:60px;}
.logo{width:150px; margin-top:5px;}
.mob-mnu{top:20px;}
.modeltab{display:none;}
.banner_seal{max-width:90%;}
.bnrstrip-box{width:auto;}
/*-----------------------------*/

.banner{margin-top:60px; background:#fff; height:auto;}
.banner .container{padding:0;}
.mob-banneer{width:100%;}
.banner_unisex_seal{display:none;}
.banner-content{margin-top:0; width:100%;}
.mob-set-bg{float:left; width:100%; padding:10px; background:#00b786; text-align:center;}
.banner-content p, .banner-content h1, .banner-content h2{color:#fff;}
.bnr-txt2, .bnr-txt3{font-size:30px; line-height:32px;}
ul.bnr-list{margin-top:15px; padding:0 15px;}
ul.bnr-list li{margin:10px 0; font-size:18px;}
.baner-btn img{display:none;}
.banner-cta{width:100%; background:#eafef9; text-align:center; padding:15px 0;}
.banner_seal{margin-left:0;}

.abt-btm-box{padding:10px 20px;}

.section-all{padding:30px 0;}
.section-heading p{font-size:30px; line-height:30px;}
.section-heading span{font-size:20px;}

.banner-strip{height:auto; padding:20px 0;}
.strip-box1{display:none;}
.strip-box2{width:100%; background:none; padding:0; text-align:center; margin:0;}

.day-cream, .night-cream{padding:15px; text-align:center;}
.day-cream img.btl, .night-cream img.btl{position:static; display:inline-block;}
.day-cream ul li, .night-cream ul li{text-align:left; font-size:17px;}
.s1-txt1{margin-top:10px;}


.cta-block{height:auto; padding:20px 0;}
.cta-content{margin-top:0;}
.cta-block a{display:none;}
.cta-content{width:100%; text-align:center;}


.benefits-left, .benefits-right{width:100%;}

.science{background:#fff;}
.science-content{width:100%; padding:0 15px; text-align:center;}
.science .container{padding:0;}
.science-para{text-align:center;}
.science-sub-haeding{text-align:center;}
.science-sub-haeding{line-height:28px;}
.ingredients-block{padding:0 15px;}
.ing-box{padding-left:0; text-align:center;}
.ing-box img{position:static; display:inline-block;}
.ingredients-right .ing-box span{margin-top:0;}
.ingredients-right .ing-box, .ingredients-right .ing-box.first{margin-top:30px;}
.ingredients-right .ing-box.last{margin-top:30px;}
.ing-heading{font-size:28px; line-height:26px;}
.ing-heading span{font-size:24px;}

.testimonial-box{width:100%; margin:30px 0 0 0; text-align:center;}
.t-content{width:100%; margin:20px 0 0 0;}
.rating-box{width:100%; background:#fff;}
.t-pic{width:100%; max-width:230px; float:none; display:inline-block;}
.mob-star{float:left; width:90%; margin-left:5%;-webkit-border-radius: 15px;
border-radius: 15px; background:#52d7b3; padding:5px 0;}
.rating-box img{margin-top:0;}
.left-r, .rgt-r{width:100%; text-align:center; padding:5px 0 0 0; margin:0;}
.t-logo p{width:100%; float:left; margin:10px 0 0 0; border:none; text-align:center; padding:0; font-size:21px; line-height:23px;}
.h-mob{display:none;}
.t-logo img{width:200px;}
.t-images-blk{width:100%;}
.t-images-blk.mid{margin-left:0; margin-right:0;}

.bottomSection, .scinece-derma-img{display:none;}
.scl-hdg-txt{width:100%;}
ul.scl-list li{border:none; margin:0 5px;}
ul.scl-list li p{display:none;}
ul.scl-list li img{position:static;}

.footer{padding:20px 0;}
#cta {display:block;  background: #00b786;position: fixed;bottom: 0%;z-index: 10;transition: bottom 1s;width:100%; padding:10px 10px 6px 10px;}
.btn-mobile-sticky{display:inline-block; max-width:90%;}
.top-bnr-txt1{font-size:22px;}
.top-bnr-txt2, .top-bnr-txt3{font-size:30px; line-height:32px;}
#viewing-lp{
    display: none;
}
}
@media only screen and (max-width:450px) {
.bnrform{width:96%;float:none;margin:20px auto;display:table;cloar:both;}
}
/*body {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    font-size: 15px;
}
ul, li {
    list-style-type: none;
}
.left {
    float: left;
}
.right {
    float: right;
}
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.alignRright {
    float: right;
    margin: 0 0 12px 15px;
}
.alignLeft {
    float: left;
    margin: 0 15px 12px 0;
}
.alignCenter {
    float: none !important;
    margin: 0 auto;
    display: block;
}
img, a img {
    max-width: 100%;
    height: auto;
    border: 0;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-justify {
    text-align: justify;
}
img{
    max-width:100%;
    height:auto;
}
.config-errors h3 {
    padding: 10px 0;
    margin: 5px;
}
.config-errors ul {
    padding: 0;
    margin: 0;
}
.config-errors li {
    padding: 10px;
    margin: 5px;
    background-color: #FCC;
    border: 1px solid #C00;
    color: #333;
    font: 15px/20px arial, sans-serif;
}
.config-errors li strong {
    float: right;
}*/

.app-benchmark {
    position: fixed;
    width: 98%;
    left: 0;
    bottom: 0;
    padding: 5px 1%;
    background-color: #CCC;
    color: #333;
    text-align: right;
}
#error_handler_overlay, #app_common_modal {
    position: fixed;
    top: 0px;
    left: 0px;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: 2147483647;
    background:#333;
    background: rgba(255,255,255,0.8);
    display: none;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}
#error_handler_overlay  .error_handler_body {
    margin: 100px auto;
    width: 95%;
    max-width: 600px;
    color: #333;
    padding: 20px;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    position: relative;
    box-sizing: border-box;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;
}

#error_handler_overlay_close, #app_common_modal_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: bold;
    line-height: 30px;
    padding: 0;
    margin: 0;
}
/*#error_handler_overlay  .error_handler_body ul {
margin: 0;
padding: 0 0 0px 20px;
}*/
/*#error_handler_overlay .error_handler_body ul li{
    list-style-type: disc;
}*/

#app_common_modal  .app_modal_body {
    margin: 100px auto;
    min-width: inherit;
    width:95%;
    max-width: 600px;
    min-height: 400px;
    color: #333;
    padding: 2.5%;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.5);
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
    font-family: Verdana, Geneva, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    position: relative;
    box-sizing:border-box;
    -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 rgb(213, 214, 239);
}
.exitpop-content {
    position: fixed;
    height: 400px;
    width: 708px;
    margin: -200px 0px 0px -354px;
    top: 50%;
    left: 50%;
    text-align: left;
    padding: 0px;
    border: none;
    z-index: 2147483647;
}
.exitpopup-overlay {
    background: rgba(0, 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 white;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    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%;
    /*-webkit-animation: scaleout 1.0s infinite ease-in-out;
    animation: scaleout 1.0s infinite ease-in-out;*/
}
.float-left {
    float: left;
}
.clear {
    clear: both;
    line-height: 0;
    height: 0;
}
/*input[type="button"], input[type="submit"], button, .button {
    border: 0;
    width: 100%;
    display: block;
    cursor: pointer;
    position: relative;
    outline: 0;
    padding: 20px 15px;
    background: #2288D0;
    color: #fff;
    font-size: 20px;
}
input[type="button"]:hover, input[type="submit"]:hover, button:hover, .button:hover{
     background: #2791E4;
}

.defult {
    padding:10px 15px;
}
.defult form label {
    width: 175px;
    display: inline-block;
}
.defult input[type="text"], .defult input[type="search"], .defult input[type="text"], .defult input[type="number"], .defult input[type="password"], .defult input[type="tel"], .defult input[type="email"], .defult textarea, .defult select{max-width:275px;}
.defult input[type="button"], .defult input[type="submit"], .defult button, .defult .button{max-width:450px;}

.all-card-types li {
    float: left;
    margin-right: 20px;
}
#loading-indicator {
    background-color: rgba(0, 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: rgba(0, 0, 0, 0) url("../../images/loading.gif") no-repeat scroll center center;
    box-sizing: border-box;
    content: "";
    height: 70px;
    left: 50%;
    margin-left: -35px;
    margin-top: -70px;
    position: absolute;
    top: 50%;
    width: 70px;
    z-index: 2;
}
#loading-indicator::after {
    background: #ffffff none repeat scroll 0 0;
    border-radius: 5px;
    box-sizing: border-box;
    color: #000000;
    content: "Processing, one moment please... ";
    font-family: arial;
    font-size: 17px;
    height: 110px;
    left: 50%;
    line-height: 98px;
    margin-left: -150px;
    margin-top: -75px;
    padding-top: 35px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 300px;
    z-index: 1;
}

@-webkit-keyframes scaleout {
0% { -webkit-transform: scale(0.0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes scaleout {
0% {
transform: scale(0.0);
-webkit-transform: scale(0.0);
} 100% {
transform: scale(1.0);
-webkit-transform: scale(1.0);
opacity: 0;
}
}


span.cb-inline-error {
    margin-top: 10px;
    font-weight: 100;
    color: #c00;
    display: block;
}

form {
    padding: 10px;
}*/
@media only screen and (max-width:1023px){
    #side_arrow{
        display: none;
    }
a.mnuclose{
	display: inline-block;
	width:100%;
	padding:5px 15px!important;
	background:#f2f4f4!important;
	color:#a9b1b4!important;
	font-family:Verdana, Geneva, sans-serif!important;
	font-weight:700;
	text-transform:uppercase!important;
	text-decoration:none;
	font-size:24px!important;
	float:left;
	border:1px solid white;
	text-align:right!important;
	}
.mobimenu {
	list-style: none;
	margin: 0px;
	width: 250px;
	position: fixed;
	height: 100%;
	top: 0px;
	padding:0;
	left: -250px;
	background:#fff;
	z-index:999999;
	overflow-y:auto;
	}
.mnuopn{left: 0px !important; }
.ovrActv {
	position: fixed;
	background: rgba(0, 0, 0, 0.79);
	width: 100%;
	height: 100%;
	z-index: 9998;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	}
ul.mobimenu li{
	width:100%;
	padding:0;
	margin:0;
	float:left;
	}
ul.mobimenu li a, ul.mobimenu li p.prod{
	width:100%;
	float:left;
	color:#000;
	font-size:15px;
	padding:15px;
	border-top: 1px solid #e5e5e5;
	text-decoration:none;
	text-transform:uppercase;
	text-align:left;
	cursor:pointer;
	}
ul.mobimenu li a.sign_in{
	background:#090;
	color:#fff;
	font-weight:700;
}
ul.mega-menu li a p{font-size:12px; color:#666;}
.prod{background:url(../images/plus.png) no-repeat 93% center;}
.prod.arrow-i{background:url(../images/minus.png) no-repeat 93% center;}
}
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80);}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden;}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-align-top .mfp-container:before{display:none;}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045;}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}
.mfp-ajax-cur{cursor:progress;}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out;}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in;}
.mfp-auto-cursor .mfp-content{cursor:auto;}
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-loading.mfp-figure{display:none;}
.mfp-hide{display:none !important;}
.mfp-preloader{color:#cccccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044;}
.mfp-preloader a{color:#cccccc;}
.mfp-preloader a:hover{color:white;}
.mfp-s-ready .mfp-preloader{display:none;}
.mfp-s-error .mfp-content{display:none;}
button.mfp-close, button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none;}
button::-moz-focus-inner{padding:0;border:0;}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:white;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;}
.mfp-close:hover, .mfp-close:focus{opacity:1;filter:alpha(opacity=100);}
.mfp-close:active{top:1px;}
.mfp-close-btn-in .mfp-close{color:#333333;}
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close{color:white;right:-6px;text-align:right;padding-right:6px;width:100%;}
.mfp-counter{position:absolute;top:0;right:0;color:#cccccc;font-size:12px;line-height:18px;}
.mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.mfp-arrow:active{margin-top:-54px;}
.mfp-arrow:hover, .mfp-arrow:focus{opacity:1;filter:alpha(opacity=100);}
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}
.mfp-arrow:after, .mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px;}
.mfp-arrow:before, .mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}
.mfp-arrow-left{left:0;}
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a{border-right:17px solid white;margin-left:31px;}
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3f3f3f;}
.mfp-arrow-right{right:0;}
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a{border-left:17px solid white;margin-left:39px;}
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b{border-left:27px solid #3f3f3f;}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}
.mfp-iframe-holder .mfp-close{top:-40px;}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:black;}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto;}
.mfp-figure{line-height:0;}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0, 0, 0, 0.6);background:#444444;}
.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px;}
.mfp-figure figure{margin:0;}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px;}
.mfp-image-holder .mfp-content{max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}
@media screen and (max-width:800px) and (orientation:landscape), screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}
.mfp-img-mobile img.mfp-img{padding:0;}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0, 0, 0, 0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}
.mfp-img-mobile .mfp-counter{right:5px;top:3px;}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0, 0, 0, 0.6);position:fixed;text-align:center;padding:0;}
}
@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}
.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}
.mfp-container{padding-left:6px;padding-right:6px;}
}
.mfp-ie7 .mfp-img{padding:0;}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;}
.mfp-ie7 .mfp-container{padding:0;}
.mfp-ie7 .mfp-content{padding-top:44px;}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;}
.mfp-close-ok{background:none repeat scroll 0 0 #444444 !important;border:1px solid #CCCCCC !important;border-radius:14px;box-shadow:0 2px 2px rgba(0, 0, 0, 0.8) !important;color:#FFFFFF !important;font-size:14px;height:auto;width:auto;margin:0 auto;line-height:1;padding:7px 40px !important;position:inherit;text-shadow:1px 1px 0 #000000;}
.white-popup{font-family:Arial, Helvetica, sans-serif;font-size:0.8em;font-weight:normal;position:relative;background:#FFF;color:#000;padding:20px;width:auto;max-width:860px;margin:20px auto;border-radius:5px;font-weight:normal;}
.white-popup.ic-loading{max-width:300px;text-align:center;font-size:1em;font-weight:bold;}
.white-popup.ic-loading img{display:inline;}
.white-popup .ic-modal-title{border-bottom:1px solid #ccc;font-size:1.2em;font-weight:bold;padding-bottom:5px;}
.white-popup .ic-modal-content{}
.white-popup .ic-modal-content ul{padding:0 0 0 40px;margin:0;}
.white-popup .ic-modal-content p{margin:10px 0;}
.white-popup > h1{line-height:32px;}
.white-popup > p{margin:10px 0;}
.white-popup > p > strong{font-weight:bold;}
.content.white-popup p{text-align:justify;}
.content.white-popup h1{text-align:center;color:#333;font-size:1.5em;margin:0.5em 0;font-weight:bold;text-transform:uppercase;background:none;border:none;padding:0;}
.content.white-popup h2{font-size:1.3em;margin:0.5em 0;}
.ic-side-by-side{text-align:center;}
.ic-side-by-side button{display:inline;margin:0 5px;}
.ic-exitpop{position:relative;width:auto;max-width:860px;margin:0 auto;}
.ic-exitpop img{width:100%;}


#myModal{
	    display: inline-block;
    position: fixed;
    width: 100%;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
        padding: 12px 0;
        z-index: 999;
}
#myModal .modal-header{
	display: inline-block;
    width: 23px;
    height: 23px;
    border: 1px solid #fff;
    border-radius: 50%;
    margin-right: 5px;
    cursor: pointer;
}
#myModal .modal-header:hover{opacity: 0.5;}
#myModal .modal-header a{color: #fff; font-weight: bold;}
#myModal .modal-body{display: inline-block;}
#myModal .modal-body a{color: #fff; text-decoration: underline;}
#myModal .modal-body a:hover{text-decoration: none;}
#myModal .modal-body a{font-family: arial;}
.acceptCookie{
	background: #ff9800;
        color: #000 !important;
    cursor: pointer;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border: none;
    height: 30px;
    position: relative;
    margin: 0 5px 0 5px;
    text-decoration: none !important;
    text-align: center!important;
    font-size: 14px!important;
    font-family: Helvetica,Arial,sans-serif!important;
    font-weight: 500;
    margin-top: 10px;
    padding: 5px 10px 5px;
    vertical-align: bottom;
}