/*NEW LANDING PAGES
-----------------------------*/
#lp_logo.offer_ended {top:auto;left:auto;position:relative;margin:150px auto 25px auto;display:block;}
h1.offer_ended {font-size:50px;line-height:60px;width:100%;text-align:center;}
h4.offer_ended {width:100%;text-align:center;} 
.overlay.opaque {background-color:#FFF;z-index:1000;}
#lp_logo_a, #lp_logo, .lp_logo {width:120px;position:absolute;top:25px;left:25px;margin:0;z-index:1;}
#lp_logo_a #lp_logo {position:relative;top:0;left:0;} 
#lp_logo_mobile {display:none;}
.landing_page .lp_percent_discount {
	left:auto;
	top:-5px;
	right:-5px;
	width:50px;
	height:50px;
	border-top-left-radius:50px;
	border-top-right-radius:50px;
	border-bottom-left-radius:50px;
	border-bottom-right-radius:50px;
}
.landing_page .lp_percent_discount.hidden {display:none;}
.offer_pricing {position:absolute;width:100%;margin-top:-25px;font-size:13px;}
.landing_page .button {height:50px;line-height:50px;font-size:14px;background:#06B468;color:#FFF;border:0;}
.landing_page .button.learn_more {line-height:48px;margin:30px 0;display:block;width:300px;}
.landing_page .button.red {background:#FF0000;}
#lp_top_text .button.learn_more {margin:10px auto;}
.no_touch .landing_page .button:hover, .landing_page .button:focus {background:#02945F;color:#FFF;border:0;}
.no_touch .landing_page .button.red:hover, .landing_page .button.red:focus {background:#D80404;color:#FFF;border:0;}
.landing_page .button.loading, .no_touch .landing_page .button.loading:hover {background:#000 url(https://img.henneorganics.com/img/icons/loading.gif) 5% center no-repeat;}
#lp_top_text {
	width:96%;
	min-width:320px;
	max-width:550px;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;  
	box-sizing:border-box; 
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	text-align:center;
	padding:10px;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	background:#FFF;
	background:rgba(255,255,255,0.85);
	z-index:111;
	border:1px solid #000;
}
#lp_top_text h1 {font-size:28px;line-height:36px;margin:0 auto 20px auto;max-width:300px;max-width:380px;}
#lp_top_text h1 span {font-size:20px;line-height:28px;}
#lp_top_text h3 {font-size:22px;line-height:28px;margin:20px 0 5px 0;}
#lp_top_text h3.red {color:#E21D35;}
#lp_line_through {text-decoration:line-through;}
#lp_discount {color:#C50000;}
.lp_top_text ul {text-align:left;width:375px;margin:5px auto 25px auto;max-width:90%;}
.lp_top_text li {display:block;}
.lp_top_text li::before {
	display:inline-block;
	position:relative;
	top:5px;
	left:-5px;
	width:24px;
	height:24px;
	content:'';
	background-image:url(https://img.henneorganics.com/img/icons/effective-formulas.png);
	background-color:#6BCEA4;
	-moz-border-top-left-radius:20px;
	-moz-border-top-right-radius:20px;
	-moz-border-bottom-left-radius:20px;
	-moz-border-bottom-right-radius:20px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
	-webkit-border-bottom-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	-o-background-size:100% auto;
	background-size:100% auto;
	behavior:url(/css/PIE.htc);		
}
#lp_top_text #satisfaction_guarantee {width:24px;}
#lp_top_text .input_wrapper {float:none;width:300px;display:inline-block;padding:0;}
#lp_top_text input {background:#FFF;}

.bg_text .landing_review {font-style:italic;font-size:18px;line-height:24px;margin:0 0 20px 0;}
.landing_review .stars {position:relative;top:3px;}
.landing_review .star {width:20px;height:20px;}
.landing_review span {font-style:normal;white-space:nowrap;}

#lp_get_started_section span {font-weight:bold;font-size:32px;position:relative;top:1px;font-family:'minion-3-display', 'Times New Roman', serif;}

#landing_page_footer {padding:50px 0;text-align:center;}
#landing_page_footer_logo {width:125px;}

.overlay.black.higherz {z-index:999;}
.landing_page .lp_popup_video {top:100px;bottom:auto;}
.landing_page #tutorial_video {margin-top:0;}

#ingredients_popup {width:750px;margin-left:-375px;top:0;border:1px solid #CCC;padding:40px 20px 25px 20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#ingredients_popup .product_ingredient_wrapper {margin:25px 2.5% 50px 2.5%;float:left;width:44.99%;display:inline-block;}
#benefits_section .product_ingredient_wrapper img {height:125px;}
#benefits_section .product_ingredient_wrapper h5 {font-size:24px;line-height:28px;font-family:'minion-3-display', 'Times New Roman', serif;}

/*TWO OFFERS
------------------------------*/
#two_offers_wrapper {display:table;width:100%;margin-top:20px;}
.two_offers {display:table-cell;float:none;padding:0;}
.two_offers .lp_percent_discount {top:-5px;right:-5px;width:40px;height:40px;line-height:18px;font-size:13px;}
#lp_top_text .two_offers h3 {margin:0;padding:20px 0 25px 0;border-bottom:1px solid #CCC;}
.lp_offer_wrapper {width:94%;margin:0 3%;background:#FFF;box-shadow:10px 13px 13px #CCC;padding-bottom:5px;}
.two_offers p {margin:10px 0;font-weight:bold;font-size:14px;}
.two_offers li {border-bottom:1px solid #CCC;padding:5px 0;}
.two_offers li:last-child {border-bottom:0;}
.landing_page .two_offers .button.learn_more {width:180px;height:40px;line-height:40px;}
.vertical_align {display:table-cell;vertical-align:middle;}

/*TWO OFFERS SPLIT VIEW
------------------------------*/
#lp_top_text.clean {border:0;background:#FFF;}

/*PICK TINTS POPUP
------------------------------*/
#upgrade_pick5_bg {background-image:url(https://img.henneorganics.com/img/landing/lip-tints-square-3.jpeg);}
#upgrade_overlay {display:block;}
#upgrade_popup {width:80%;left:10%;height:625px;min-height:0;}
#upgrade_popup.solicit {height:800px;}
#upgrade_popup h3 {font-size:40px;line-height:46px;}
#upgrade_popup.solicit ul {margin-bottom:25px;}
#upgrade_popup .lip_tint_pick_wrapper {float:none;display:inline-block;width:100%;padding-top:25px;margin:0;max-width:390px;}
#upgrade_popup.solicit .lip_tint_pick_wrapper {padding:0 0 25px 0;}
#upgrade_popup .lip_tint_pick {width:125px;height:70px;margin:0;background-size:100% auto;background-position:center center;background-repeat:no-repeat;float:none;display:inline-block;}
#upgrade_popup .lip_tint_pick span {color:#FFF;position:relative;top:24px;}
#upgrade_popup .bg_text {text-align:center;}
#upgrade_popup .button {margin:25px auto;}
#upgrade_popup_text {display:table;}
#upgrade_popup_text p {padding:0;}
#upgrade_popup .close_text {text-decoration:underline;}
#upgrade_popup .promo_countdown {padding:0;}

/*LIP TINTS SAMPLES
------------------------------*/
#lp_lip_tints_samples_bg {background-image:url(https://img.henneorganics.com/img/landing/lip-color-look-feel-great.jpeg);}
#lp_lip_tints_samples_bg2 {background-image:url(https://img.henneorganics.com/img/landing/lip-tint-smears-pans.jpeg);background-position:center left;}
#body_byebyelipstick #worried_section .half, #body_pick-3-lip-tint-samples #worried_section .half , #body_pick-your-3-free-lip-tint-samples #worried_section .half {float:right;}
#body_byebyelipstick #customers_bg.visible {background-image:url(https://img.henneorganics.com/img/bg/2023/mature-natural-beauty.jpeg);}
#lp_lip_tints_samples_get_started_bg.visible {background-image:url(https://img.henneorganics.com/img/landing/lip-tint-samples.jpeg);}
#lp_lip_tints_samples_imagine_bg.visible {background-image:url(https://img.henneorganics.com/img/landing/non-drying-lip-color.jpeg);background-position:top center;}
#worried_section {height:750px;min-height:0;}
#lp_lip_tints_samples_tutorial_play.visible {background-image:url(https://img.henneorganics.com/img/email/sequences/laura-video-thumbnail.jpg);background-position:center center;cursor:pointer;z-index:1;}

#lp_lip_tints_samples .lip_tint_pick_wrapper, .lip_tint_pick_wrapper.bogo {padding:0;width:auto;margin-bottom:25px;}
.lip_tint_pick_wrapper.bogo {width:100%;}
#lp_lip_tints_samples .lip_tint_pick_wrapper .lip_tint_pick, .lip_tint_pick_wrapper.bogo .lip_tint_pick {width:15%;margin:0 -2% 0 -2%;}

/*PICK 3 FREE LIP TINTS SAMPLES
------------------------------*/
#home_pick_3.landing_page .input_wrapper {width:300px;margin-top:25px;padding:0;}
#home_pick_3.landing_page #email {background:#F2F2F2;}


/*PEPTIDE FACE CREAM
------------------------------*/
#lp_peptide_face_cream_bg {background-image:url(https://img.henneorganics.com/img/landing/peptide-face-cream-smear.jpg);}
#lp_peptide_face_cream_bg2 {background-image:url(https://img.henneorganics.com/img/landing/peptide-face-cream-bottle-2.jpeg);}
#lp_peptide_face_cream_get_started_bg.visible {background-image:url(https://img.henneorganics.com/img/landing/illumine-skin-glow.jpeg);}
#lp_peptide_face_cream_imagine_bg.visible {background-image:url(https://img.henneorganics.com/img/landing/soothe-your-sensitive-skin.jpeg);background-position:top center;}
#worried_section {height:750px;min-height:0;}

#lp_illumine_face_oil_travel_bg {background-image:url(https://img.henneorganics.com/img/landing/illumine-face-oil-travel-size.jpeg);}

/*HEALTHY LIPS KIT
------------------------------*/
#lp_healthy_kips_kit #lp_logo {left:50%;margin-left:-60px;}
#lp_healthy_kips_kit .half {float:right;}
#tutorial_video_wrapper.lp_popup_video {
	z-index:111;
	display:none;
}
#tutorial_video_wrapper.lp_popup_video .close {background-color:transparent;}
#lp_video_thumb {position:absolute;z-index:111;top:0;right:0;cursor:pointer;background:#000;}
#lp_video_thumb img {width:200px;}
#lp_video_thumb h5 {font-size:14px;line-height:20px;letter-spacing:1px;color:#FFF;text-align:center;font-weight:bold;}
#lp_healthy_kips_kit_bg.visible {background-image:url(https://img.henneorganics.com/img/bg/organic-beauty-products.jpeg);}
#lp_healthy_kips_kit .input_wrapper {float:none;}
#lp_healthy_kips_kit .button.closer {margin:0 0 50px 0;}
#lp_healthy_kips_kit input {width:300px;}
#lp_healthy_kips_kit input:focus {border:1px solid #000;}
#product_breakdown_section .half {float:right;}
#product_breakdown_bg_text {width:90%;left:5%;}
.product_breakdown {padding-bottom:5px;display:table;}
#product_breakdown_section .product_breakdown img {float:left;width:75px;margin-right:10px;}
.product_breakdown_text {vertical-align:middle;display:table-cell;}
.product_breakdown h4 {font-size:26px;line-height:30px;margin-bottom:5px;}
.product_breakdown p {margin:0;}
#lp_healthy_lips_kit_product_breakdown_bg.visible {background-image:url(https://img.henneorganics.com/img/landing/healthy-lips-kit.jpeg);background-position:center right;}
#lp_healthy_lips_kit_get_started_bg.visible {background-image:url(https://img.henneorganics.com/img/landing/heal-my-chapped-lips.jpeg);}
#lp_healthy_lips_kit_imagine_bg.visible {background-image:url(https://img.henneorganics.com/img/bg/clean-beauty-products-lip-serum.jpeg);}
#full_samples_wrapper {margin-top:10px;}

/*HEALTHY LIPS KIT SAMPLES
------------------------------*/
#lp_healthy_lips_kit_samples_bg {background-image:url(https://img.henneorganics.com/img/landing/fix-my-chapped-lips-v2.jpeg);}
#lp_healthy_lips_kit_samples_bg2 {background-image:url(https://img.henneorganics.com/img/landing/healthy-lips-kit.jpeg);}
#lp_healthy_lips_kit_samples_product_breakdown_bg.visible {background-image:url(https://img.henneorganics.com/img/landing/healthy-lips-kit-samples.jpeg);}

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


}

@media only screen and (max-width: 1360px) and (min-width: 1201px) {	
	/*LANDING PAGES
	----------------------------------*/
	.landing_page {min-height:750px;}
}

@media only screen and (max-width: 1200px) {	
	/*LANDING PAGES
	----------------------------------*/
	.landing_page:not(.popup) {min-height:800px;}
	.landing_quote {
		position:absolute;
		width:90%;
		bottom:20px;
		left:-95%;
		background:rgba(255,255,255,0.75);
		-moz-border-top-left-radius:5px;
		-moz-border-top-right-radius:5px;
		-moz-border-bottom-left-radius:5px;
		-moz-border-bottom-right-radius:5px;
		-webkit-border-top-left-radius:5px;
		-webkit-border-top-right-radius:5px;
		-webkit-border-bottom-left-radius:5px;
		-webkit-border-bottom-right-radius:5px;
		border-top-left-radius:5px;
		border-top-right-radius:5px;
		border-bottom-left-radius:5px;
		border-bottom-right-radius:5px;
	}
	
	#upgrade_popup {height:675px;}
	#upgrade_popup #upgrade_popup_text {width:60%;}
}

@media only screen and (max-width: 1060px) {
    /*LANDING PAGES
    -----------------------*/
    .landing_page:not(.popup) {min-height:875px;}        
}

/*Smaller than inside*/
@media only screen and (max-width: 900px) {
	.popup.subscribe .half {width:29.99%;}
	#upgrade_popup #upgrade_popup_text {width:70%;padding:0 10px;}
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {		
	/*LANDING PAGES
	------------------------------------*/
	#body_get-your-healthy-lips-kit-samples .landing_page:not(.popup), #body_byebyelipstick .landing_page:not(.popup) {height:auto;}
	.landing_page {min-height:500px;}
	.landing_page:not(.popup) {min-height:0;}
	.landing_center .main_img {display:block;}
    .landing_page .lp_percent_discount {top:-35px;right:0;}
	.full_height.split.landing_page {height:auto;}
	#body_byebyelipstick #lp_top_text {
		width:100%;
		border:0;
		left:0;
		max-width:none;
		position:relative;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		transform: none;
		background:#FFF;
	}
	#body_get-your-healthy-lips-kit-samples .bg_text, #body_byebyelipstick .bg_text, #body_pick-3-lip-tint-samples .bg_text, #body_sensitiveskinrescue .bg_text, #body_myfreefacecream .bg_text, #body_myfreefacecreambonus .bg_text, 
	#body_try-lip-tints-for-free .bg_text {
		position:relative;
		top: 0;
		padding:50px 0 40px 0;
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		transform: none;
	}
	#imagine_section.landing_page {height:auto;}
	.landing_page .half {height:50%;min-height:300px;float:none;margin:0;}
	.landing_page .bg_text:not(#get_started_bg_text):not(#product_breakdown_bg_text) {text-align:center;}
	.landing_page .button.learn_more {margin:30px auto;}
	#landing_wrapper {padding:25px 50px 0 50px;}
	#lp_rewards_bg {background-position:center 30%;}
	.landing_quote {display:none;}
	.landing_page h3 {margin-top:20px;padding:0 5px;}
	.landing_points {margin-bottom:50px;}
	
	.landing_page .lp_popup_video {top:0;}
	
	#ingredients_popup {width:96%;margin-left:0;left:2%;}
	#ingredients_popup .product_ingredient_wrapper {float:none;width:auto;display:block;}
	
	.landing_page .half.two_offers {display:block;margin-top:25px;}
	.landing_page .half.two_offers:first-child {margin-top:10px}
	
	#body_byebyelipstick #lp_logo {display:none;}
	#body_byebyelipstick #lp_logo_mobile {display:block;}
	#body_byebyelipstick #lp_lip_tints_samples {height:auto;padding-top:55px;}
	#body_byebyelipstick #lp_lip_tints_samples.two_offers_section {height:1250px;}
	#body_byebyelipstick #lp_lip_tints_samples .half {height:300px;position:relative;}
	#body_pick-3-lip-tint-samples #lp_lip_tints_samples {height:1150px;}
	#body_pick-3-lip-tint-samples #lp_lip_tints_samples .half {height:53%;}
	#body_pick-3-lip-tint-samples #lp_lip_tints_samples .half.bottom_half {height:47%;}
	#lp_lip_tints_samples_bg {
		background-image:url(https://img.henneorganics.com/img/landing/lip-tint-smears-pans-mobile.jpeg);
		background-position:center center;
		-webkit-background-size:100% auto;
		-moz-background-size:100% auto;
		-o-background-size:100% auto;
		background-size:100% auto;
		behavior:url(/css/PIE.htc);		
	}
	
	#lp_lip_tints_samples_bg2 {
		background-image:url(https://img.henneorganics.com/img/landing/lip-color-look-feel-great.jpeg);
	}
	
	#worried_section.landing_page .half {height:auto;min-height:400px;}
	
	#lp_peptide_face_cream {height:950px;}

	#lp_healthy_kips_kit {height:auto;}
	#lp_healthy_kips_kit .half {height:auto;float:none;}
	#lp_healthy_kips_kit .half.bg_half {height:250px;float:none;}
	#lp_healthy_kips_kit #worried_bg_text {transform:none;padding-top:50px;}
	
	#product_breakdown_bg_text {max-width:none;}
	
	#body_get-your-healthy-lips-kit-samples #lp_healthy_lips_kit_samples {height:1100px;}
	#lp_healthy_lips_kit_samples_product_breakdown_bg {background-position:center 60%;}
	
	#upgrade_popup, #upgrade_popup.solicit {height:900px;width:90%;left:5%;}
	#upgrade_popup.solicit {height:1050px;}
	#upgrade_popup .half {float:none;width:100%;height:300px;position:relative;top:0;}
	#upgrade_popup #upgrade_popup_text {height:500px;width:100%;padding:0;}
	#upgrade_popup_text p {padding:0 15px;}
	#upgrade_popup .suggested_products {width:380px;max-width:100%;}

}

@media only screen and (max-width: 625px) {	
	#body_byebyelipstick #lp_lip_tints_samples .half {height:250px;min-height:0;}
}

@media only screen and (max-width: 500px) {	
	
	#worried_section.landing_page .bg_half {height:400px;} 
}
/*----------------------------------
       LANDING PAGES END
	----------------------------------*/

@media only screen and (max-width: 479px) {	
	/*LANDING PAGES
	----------------------------------*/
	#lp_top_text h3 {font-size:18px;line-height:22px;}
	
	#landing_wrapper {padding: 25px 25px 0 25px;}	
	
	#worried_section.landing_page .bg_half {height:350px;} 
	
	#body_byebyelipstick #lp_lip_tints_samples .half {height:200px;}
	#body_byebyelipstick #lp_lip_tints_samples .half.bottom_half {height:170px;}
	#upgrade_popup h3 {font-size:32px;line-height:36px;}
	
	#body_sensitiveskinrescue #worried_section.landing_page {height:1150px;}
	#body_sensitiveskinrescue  #worried_section.landing_page .half.bg_half {height:400px;}
	#body_sensitiveskinrescue  #worried_section.landing_page .half {height:650px;}
	
	#body_get-your-healthy-lips-kit-samples #lp_healthy_lips_kit_samples {height:1200px;}
	#lp_healthy_lips_kit_samples .half {height:50%;}
	#lp_healthy_lips_kit_samples .half.bottom_half {height:60%;}
	#lp_healthy_lips_kit_samples_bg {background-position:center bottom;}
	#lp_healthy_lips_kit_samples_bg2 {background-position:right center;}
	.landing_page .bg_text {width:90%;left:5%;}
	#product_breakdown_section {height:1400px;} 
	
	#upgrade_popup, #upgrade_popup.solicit {width:100%;left:0;}
	#upgrade_popup.solicit {height:1000px;}
	#upgrade_popup .button {width:90%;}
	#upgrade_popup #upgrade_popup_text {height:590px;}
	#upgrade_popup .lip_tint_pick {width:100px;height:56px;}
	#upgrade_popup .lip_tint_pick span {top:18px;}

}
