html{min-height: 100%; overflow-x: hidden;font-size: 16px;line-height: 16px}
html, body{
	-webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
	text-rendering: optimizeLegibility;
}

body {
	font-size: 16px;
	line-height: 16px;
	font-family: 'Montserrat', serif !important;
	color: #000000;
	min-height: 100vh;
	position: relative;
	/*padding-top: 50px!important;*/
}

.ivu-modal-body{
	font-size: 14px!important;
}
.ivu-btn{
	font-size: 14px!important;
}

[v-cloak]{
	visibility: hidden;
}

.items{}
.items img.img-responsive{
	border: 1px solid #ccc;
	margin-bottom: 1rem;
}
.items .row{margin-bottom: 6rem}
.items .row .input-group.spinner{float: right}
.product-item--set{margin-top: 6rem!important;}
.product-item button.btn-primary{margin-top: 2rem!important;}

a, button, input{
	outline: none;
}



.modal-body, .modal-dialog{
	font-family: 'Montserrat';
}

.freeitems{
	margin-top: 20px;
	background: #def1df;
	padding: 10px;
	border-radius: 4px;
	color: #4bad4f;
}
.freeitem{
	display: flex;
	margin-bottom: 4px;
}
.freeitem-name{
	flex: 1;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.freeitem-price{
	flex: 0;
	margin-left: 10px;
}
.selectbox ul li > a{
	text-transform: none;
}
.top-banner {
	background-color: white;
	position: fixed;
	z-index: 10;
	width: 100%;
	top: 0;
}

	.top-banner .navbar {
		border: none;
		margin-bottom: 10px;
	}

	.top-banner .navbar-default .navbar-collapse {
		padding-left: 0;
	}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
		color: #000!important;
	}
	.top-banner .navbar .navbar-nav li a.is-Active {
		font-weight: bold;
	}
	.top-banner .navbar .navbar-nav li a {
		color: #3c3c3c;
		font-size: 1em;
		font-weight: 500;
		padding-left: 10px!important;
		padding-right: 10px!important;
	}
  /*.es .top-banner .navbar .navbar-nav li a {*/
	/*	font-size: 18px!important;*/
	/*  padding-left: 6px!important;*/
	/*  padding-right: 6px!important;*/
	/*}*/

	.top-banner .opener {
		height: 100vh;
		padding: 0px 0 28px;
		vertical-align: middle;
	}

	.top-banner .banner_text {
		color: #000;
		line-height: 40px;
	}

		.top-banner .banner_text h1 {
			text-transform: uppercase;
			font-size: 70px;
			font-family: 'Oswald', sans-serif;
			letter-spacing: 5px;
		}

		.top-banner .banner_text .lead-text {
			font-size: 30px;
		}

.header-top {
	/*margin-top: 10px;*/
   padding-top: 0px;
   padding-bottom: 8px;
}

	.header-top .locales {
		margin-top: 10px;
		text-align: right;
	}

	.header-top .bfh-selectbox {
		display: inline-block;
	}

	.header-top .bfh-countries .bfh-selectbox-options {
		text-align:left!important;
	}

	.selectbox-caret{
		display: none;
	}

.header-top .btn-group {
	vertical-align: initial;
}
#divMyAccount_Desk{
	border: none;
	padding: 0px;
	text-transform: uppercase;
	font-size: 0.65rem;
	font-weight: 600;
}

.locale .bfh-selectbox-toggle,
.bfh-countries .bfh-selectbox-toggle{
	border: 1px solid #000;
	border-radius: 0;
	color: #000;
	font-weight: 500;
	outline: none;
	box-shadow: none;
	padding: 2px 4px!important;
	min-height: 25px;
	font-size: .7rem;

	height: 25px;
}
.locale .bfh-selectbox-toggle{
	text-transform: uppercase;
}

.header-top .locales a.form-control,
.header-top .locales .contCart,
.header-top .locales .myAccount,
.header-top .locales .dropdown-toggle,
.header-top .locales .dropdown-toggle:focus,
.header-top .locales .dropdown-toggle:hover,
.header-top .locales .dropdown-toggle:active {
	background: none;
	border: solid 1px #000;
	color: #000;
	padding: 5px 15px;
	font-size: .8rem;
	outline: none;
	width: auto;
	border-radius: 0;
	outline: none;
	box-shadow: none;
	line-height: 22px;
	/*font-family: Tahoma, Arial, sans-serif;*/
}
.header-top .locales .contCart{
	border: none;}

	.header-top .locales a.form-control:hover,
	.header-top .locales .contCart:hover,
	.header-top .locales .myAccount:hover,
	.header-top .locales .dropdown-toggle:hover {
		text-decoration: underline!important;
	}

.header-top .locales .contCart, .header-top .locales .myAccount {
	display: inline-block;
	text-decoration: none;
	position: relative;
	padding: 0;
	text-transform: uppercase;
}

.header-top .locales .myAccount{
	border: none;
	padding-right: 1rem;
}

	/*.header-top .locales .contCart .labelData, .header-top .locales .myAccount span {
		display: inline-block;
		float: left;
		width: 100%;
		height: 20px;
		overflow: hidden;
		text-overflow: ellipsis;
	}*/

	.header-top .locales .contCart .spnImg {
		padding-right: 5px;
	}

		.header-top .locales button, .header-top .locales button:hover, .header-top .locales button:active, .header-top .locales button:focus {
			background: none;
			/*border: solid 1px #fff;*/
			color: #fff;
			padding: 5px 15px;
			font-size: 20px;
			outline: none;
		}

		.header-top .locales .dropdown-menu {
			right: 0;
			left: auto;
		}

			.header-top .locales .dropdown-menu li a {
				color: #000;
				font-size: 16px;
			}

.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:active, .navbar-default .navbar-toggle:focus {
	background: none;
	border: none;
}

	.navbar-default .navbar-toggle .icon-bar {
		background: #fff !important;
	}

.header-text {
	margin-bottom: 0px;
	margin-top: 0;
	color: white;
	font-size: 50px;
}

.timeless-luxurios {
	/*margin-top: -100px;*/
}

	.timeless-luxurios .box {
		background: #fff;
		padding: 0px 20px;
		text-align: center;
	}

		.timeless-luxurios .box h2 {
			line-height: 40px;
			padding: 10% 40px 0 40px;
			font-size: 27px;
		}

video {
	max-width: 100%;
}

.content-section {
}

	.content-section .box {
		background: #fff;
		padding: 40px 20px;
		text-align: center;
	}

		.content-section .box h2 {
			line-height: 40px;
			padding: 0 40px 0 40px;
			font-size: 27px;
		}

.amber-ignites {
}

	.amber-ignites .text-block {
		position: absolute;
		z-index: 10;
		margin-top: 200px;
	}

		.amber-ignites .text-block .block {
			display: table;
			background-color: #fff;
			padding: 20px 35px;
			margin-bottom: 20px;
			text-transform: uppercase;
			font-family: 'Oswald', sans-serif;
			font-size: 50px;
			line-height: 50px;
			letter-spacing: 3px;
		}

	.amber-ignites .ingredients-button {
		margin-top: 40px;
		margin-bottom: 40px;
	}

.btn-default {
	background-color: #fff;
	border-style: solid;
	border-width: 1px;
	border-color: #ddd;
	text-transform: uppercase;
	border-radius: 0px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	font-family: 'Oswald', sans-serif;
	letter-spacing: 3px;
	font-size: 27px;
	padding: 15px 30px;
}

.bottom-section .box {
	padding-top: 100px;
	padding-bottom: 100px;
}

	.bottom-section .box h3 {
		text-transform: uppercase;
		text-align: center;
		font-size: 70px;
		line-height: 1.0;
		margin-bottom: 0;
	}

	.bottom-section .box h4 {
		text-transform: uppercase;
		font-family: 'Oswald', sans-serif;
		text-align: center;
		font-size: 30px;
		margin-top: 0;
	}


.ingredient-banner {
	background: hsla(0, 0%, 0%, 0) url('/_images/ingredient-banner.jpg') no-repeat scroll top center/cover;
	background-color: white;
}

.ingredient {
	margin-top: -250px;
}

.title-section .box {
	margin-bottom: 20px;
}

	.title-section .box p {
		font-size: 17px;
		font-style: italic;
	}

.ingredient-section {
	margin-top: 20px;
	margin-bottom: 20px;
}

	.ingredient-section .text-block {
		margin-top: 40px;
		margin-bottom: 40px;
		margin-left: 40px;
		max-width: 470px;
		background: #fff;
		padding: 30px 30px 20px 30px;
		text-align: center;
	}

		.ingredient-section .text-block h4 {
			font-style: italic;
			font-size: 24px;
			text-transform: uppercase;
		}

		.ingredient-section .text-block p.note {
			font-style: italic;
			margin-bottom: 5px;
		}

		.ingredient-section .text-block p.description {
			padding-bottom: 10px;
			line-height: 30px;
		}

	.ingredient-section .right-block {
		right: 40px;
	}

	.ingredient-section.argan-oil .text-block {
		padding: 140px 70px;
	}

.content-section.ingredients {
	padding-bottom: 30px;
	padding-top: 30px;
}

	.content-section.ingredients .item {
		padding: 10px 30px;
		text-align: center;
		font-size: 18px;
		line-height: 25px;
	}

		.content-section.ingredients .item h5 {
			font-size: 20px;
			text-transform: uppercase;
		}

        .content-section.ingredients .item p.note {
			font-style: italic;
		}

		.content-section.ingredients .item p {
			margin-bottom: 0;
		}

.es .ingredient-section.section-1 .text-block {
	padding-top: 20px;
	margin-top: 30px;
	margin-bottom: 30px;
}

.es .ingredient-section.argan-oil .text-block {
	padding: 130px 50px;
}


#amber-video{position: relative}
#amber-video video{width: 100%}
#amber-video .play-button{position: absolute; top: 50%; left: 50%; margin-left: -71px; margin-top: -81px}

.spinner input {
	text-align: right;
}

.spinner .btn {
	border-radius: 0 !important;
	border-radius: 0;
	line-height: 1;
	background-size: 60%;
	background-repeat: no-repeat;
	background-position-x: 50%;
	background-position-y: 48%;
}

	.spinner .btn img {
		width: 8px;
		height: 8px;
		margin: 0;
		padding: 0;
	}

	.spinner .btn.up {
		background-image: url(../_images/icon-up.png);
	}

	.spinner .btn.down {
		background-image: url(../_images/icon-down.png);
	}

.input-group-btn-vertical {
	position: relative;
	white-space: nowrap;
	width: 2%;
	vertical-align: middle;
	display: table-cell;
}

	.input-group-btn-vertical > .btn {
		display: block;
		float: none;
		width: 100%;
		max-width: 100%;
		padding: 8px;
		margin-left: -1px;
		position: relative;
		border-radius: 0;
		border: 1px solid #ccc;
	}

		.input-group-btn-vertical > .btn:first-child {
			border-top-right-radius: 4px;
		}

		.input-group-btn-vertical > .btn:last-child {
			margin-top: -2px;
			border-bottom-right-radius: 4px;
		}

		.products{
			padding-top: 40px;
			padding-bottom: 40px;
		}

.btn-primary {
	color: #fff;
	background-color: #000;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	border-radius: 0px;
	outline: none;
	text-transform: uppercase;
	font-weight: 500;
}

.products{
	padding-bottom: 50px;
}

.products h3.item-name {
	font-size: 16px;
	font-weight: 500;
}

.products .cart .total {
	font-size: 18px;
	font-weight: 700;
	text-transform: uppercase;
	color: #E2BE66;
	text-align:right;
}

.products .cart .detail {
	color: #E2BE66;
	font-weight: 700;
}

.cart .delBtn{
	margin-top: 10px;
}

.border-bottom {
	border-bottom: 1px solid #eee;
}

.order{
	line-height: 23px;
}
.account-mobile-dd ul li a{
   color: #333!important;
   font-size: 14px!important;
}
.mobile-countries{white-space: nowrap}
.mobile-countries a.form-control{
   padding: 3px 7px!important;
    height: 30px!important;
}

.mobile-countries .locale a.form-control{
   margin-left: 3px!important;
}

.mobile-logo-link{display: flex; align-items: center}
.mobile-logo-link img{margin:  auto;}

.mainbg-mobile{
	height: 100vh;
	background: url(../_images/mobile_greatful_hero.jpg) no-repeat center center;
	background-size: cover;
	position: relative;
	z-index: 0;
}

#buyProductDesktop{position: relative;margin-left: 1.2rem;}
#buyProductDesktop a{font-weight: bold}
#buyProductDesktop::before{
	content: ' ';
	width: 2px;
	border-radius: 14px;
	background-color: #eaeaea;
	position: absolute;
	left: -11px;
	top: 50%;
	height: 18px;
	margin-top: -6px;
}

.page                                       { font-family: Montserrat, Avenir, 'Avenir Next', 'Helvetica Neue', 'Segoe UI', Helvetica, Arial, sans-serif; color: #565656; min-height: 600px}
.page label                                 { font-weight: normal!important;}
/*--------------------------------------------------
 * MY ACCOUNT PAGE
 *--------------------------------------------------*/

.my-account                                 { }
.my-account .page-border                    { border-color: #e8e8e8}
.my-account__title                          { color: #E2BE66; margin: 40px 0; font-size: 36px }
.my-account__tab-items                      {	display: flex;	flex-direction: column;	justify-content: space-between }
.my-account__tab-item                       { background: no-repeat 20px center; padding: 20px 20px 20px 60px; font-size: 18px; text-transform: uppercase; font-weight: bold; border: 1px solid #565656; cursor: pointer; flex: 1; margin-right: 0rem;margin-bottom: 1rem }
.my-account__tab-item:last-child            { margin-right: 0 }
.my-account__tab-item.active                { color: #E2BE66; border-color: #E2BE66; }

.my-account__tab-item--my-info              { background-image: url(../_images/ico_info_off.png) }
.my-account__tab-item--my-info.active       { background-image: url(../_images/ico_info_on.png) }

.my-account__tab-item--my-order             { background-image: url(../_images/ico_orders_off.png) }
.my-account__tab-item--my-order.active      { background-image: url(../_images/ico_orders_on.png) }

.my-account__tab-item--customer-care        { background-image: url(../_images/ico_assistance_off.png) }
.my-account__tab-item--customer-care.active { background-image: url(../_images/ico_assistance_on.png) }

.my-account__sublinks												{ display: flex; flex-direction: column; margin-top: 0.7rem }
.my-account__sublinks a 										{ font-size: 0.9rem; color: #3a3a3a; text-transform: capitalize; font-weight: normal; }

.my-account__tab-item .icon                 { }
.my-account__tab-item img                   { height: 32px }

.my-account__contact                        { }
.my-account__contact ul                     { list-style: none; margin: 100px 0 100px 0; padding: 0; display: flex;  width: 100%; flex-flow: row }
.my-account__contact ul li                  { text-align: center; position: relative;  width: 100%; display: flex;flex-direction: column; align-items: center; }
.my-account__contact ul li img                 {width: 64px}
.my-account__contact ul li:after            { content: ' '; height: 100%; border-right: 1px solid #ddd; position: absolute; top: 0; right: 0 }
.my-account__contact ul li:last-child:after { border: none }
.my-account__contact-type                   { font-family: Oswald; text-transform: uppercase; margin: 40px 0; color: #000;  font-size: 20px}

.my-info                                  { }
.my-info__change-password-link            { margin: 10px 0; display: inline-block}
.my-info__change-password-box             { margin-bottom: 40px}

.my-info__change-password-box input.error { border-color: red;}

.x-btn                                    { font-family: Oswald; font-size: 16px; padding: 8px 18px; min-width: 120px; text-transform: uppercase}
.x-btn-default                            { }
.x-btn-primary                            { background-color: #2196F3; color: #FFF!important;}
.x-btn-auto                               { min-width: 0}

@media (min-width: 768px){
	.my-account__tab-items                      {	display: flex;	flex-direction: row;	justify-content: space-between }
	.my-account__tab-item                       { margin-right: 1rem; margin-bottom: 0 }
	.my-account__tab-item:last-child            { margin-right: 0 }
	
}


.body-container{
	min-height: calc(100vh - 224px);
}

.LearnPage .LearnMenu{color: #000!important; font-weight: bold!important;}
.WhyUsPage .WhyUsMenu{color: #000!important;font-weight: bold!important;}
.FAQPage .FAQMenu{color: #000!important;font-weight: bold!important;}

.FixedIcons {width: 100%; height: auto}
.parallax-window {
	min-height: calc(50vh + 88px);
	background: transparent;
}

.GiftCard{width: 100%;position: relative}
.GiftCard-fakeCard{
	position: absolute; right: 0; left: 0; top: 10px; bottom: 10px;background-color: #edf0f5; z-index: 0;
	border-radius: 2px;
	box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}
.GiftCard-mainCard{
	position: relative;
	right: 0;
	left: 0;
	top: 0px;
	bottom: 0px;
	z-index: 2;
	border-radius: 4px;
	margin-bottom: 3rem;
	border: 1px solid #eaeaea;
}
.GiftCard-header{
	padding: 0.6rem 1rem;
	font-size: 1.2em;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #000;
}
.GiftCard-header button{
	border: 1px solid #F44336;
	font-size: 0.6em;
	border-radius: 4px;
	color: #ffffff;
	padding: 2px 14px;
	background: #ff5043;
}
.GiftCard-body{
	border-top: 1px solid #dce2e6;
	background-color: #f4f5f7;
	padding: 1rem 1rem;
	border-radius: 0 0 4px 4px;
	position: relative;
}
.GiftCard-bodyInner{
	display: flex;
	justify-items: start;
}
/*.GiftCard-body:before{
	background: linear-gradient(-45deg, #f4f5f7 16px, #f4f5f7 16px, #f4f5f7 16px, transparent 0), linear-gradient(45deg, #f4f5f7 16px, #ffffff00 0);
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 16px 26px;
	content: " ";
	display: block;
	height: 32px;
	width: 100%;
	position: absolute;
	top: -18px;
	left: 0;
}*/
.GiftCard-infoBlock{
	padding: 0rem 2rem 0 0;
	text-align: left;
}
.GiftCard-infoBlock > div:first-child{
	font-size: 0.8em;
	margin-bottom: 0rem;
	color: #6d8fad;
	text-transform: uppercase;
}
.GiftCard-infoBlock > div{	font-size: 1.2em}

.PaymentType{
	margin: 0 0 20px;
	display: flex;
	flex-direction: column;
}
.PaymentType-name{
	margin-right: 4rem;
	flex: 0 14%;
}
.PaymentType-details{
	position: relative;
	padding-left: 10px;
	margin-left: 1rem
}

.BeautySection{padding-top: 140px; padding-bottom: 140px; text-align: center}

.BeautySection-beauty {
	font-family: 'Adobe Caslon Pro';
	font-style: italic;
	font-weight: bold;
	font-size: 50pt;
	line-height: 1;
	padding: 0;
	margin: 0 0 -10px 0;
	text-transform: lowercase!important;	
}
.BeautySection-title{
	font-family: 'Montserrat';
	font-weight: bold;
	font-size: 30pt;
	text-transform: uppercase;
	margin: 0;
	line-height: 1;
}
.BeautySection-title.is-Larger{
	font-size: 32pt;
	font-weight: 800;
}
.BeautySection-content{
	font-family: 'Montserrat';
	font-size: 15pt;
	line-height: 2;
	margin-top: 4rem;
	padding: 0;
}
.BeautySection-content.is-smaller{
	font-size: 12pt;
	line-height: 1.6;
}

.WhatInItColumn{text-align: left!important; margin-bottom: 4rem}
.WhatInItColumn img{margin: auto; display: block}
.WhatInItColumn h3{font-weight: bold; font-size: 14pt;padding: 0; margin: 0 0 2rem 0}
.WhatInItColumn p{font-size: 18px;line-height: 1.6;}

.Footer-social {	text-align: center; padding: 0.625rem 0; background-color: #d3d3d3; display: flex; flex-direction: column}
.Footer-social a{	margin-right: 0.4rem}
.Footer-social span{color: #000!important; font-weight: 700; vertical-align: middle}
.Footer-social span.g{margin-top: .6rem}
.Footer-social .Footer-followUs{
	font-family: 'Adobe Caslon Pro';
	color: #000;
	font-weight: bold;
	font-style: italic;
	position: relative;
	font-size: 1.2rem;
}


.LearnMenu{    bottom: -5px;}
.LearnMenu:hover{}
.LearnMenu.is-Active{	 }
.LearnSubMenu, .SubMenu{
	position: absolute;
	list-style: none;
	padding: 0;
	top: 54px;
	display: none;
	background-color: #fff;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 0 0 1px rgba(136,152,170,0.1), 0 15px 35px 0 rgba(49,49,93,0.1), 0 5px 15px 0 rgba(0,0,0,0.08);
	min-width: 160px;
}
.LearnSubMenu.is-Active,
.SubMenu.is-Active{display: block;}

.LearnSubMenu a,
.SubMenu a {
	white-space: nowrap;
	text-decoration: none;
	display: block;
	bottom: 0 !important;
	font-size: 1rem;
	padding: 0.5rem !important;
	line-height: 1;
}
.LearnSubMenu a:hover,
.SubMenu a:hover{color: #000!important;}
.LearnSubMenu li,
.SubMenu li{line-height: 100%}
.LearnSubMenu li:first-child a,
.SubMenu li:first-child a{margin-top: 1rem}
.LearnSubMenu li:last-child a,
.SubMenu li:last-child a{margin-bottom: 1rem}
.text-left{text-align: left !important;}

.LearnSubMenu-mobile {
	list-style: none;
	width: 100%;
	position: relative;
	top: 4px;
	padding: 0;
	/*background-color: #000;*/
}

.LearnSubMenu-mobile li{
	padding-left: 0rem!important;
}
.LearnSubMenu-mobile a{
	padding: 0.8rem 1rem 0.8rem 1rem!important;
	text-decoration: none;
	display: block;
	border-bottom: 1px solid #696969;
	margin: 0 2rem;
	font-weight: normal!important;
}
.LearnSubMenu-mobile a:hover,
.LearnSubMenu-mobile a:focus{
	text-decoration: none!important;
}

#ddYourAccount_Mobile{
	background-color: #fff;
	padding: 0;
}
.MainMenu {white-space: nowrap; display: flex;}
.BagPV{
	font-size: 12px;
	color: #a2a2a2;
	margin-top: 4px;
}
.BagTotalPVValue{
	font-size: 16px;
	color: #e4c05d;
	margin-top: 4px;
}
.BagTotalPV{
	font-size: 16px;
	color: #e4c05d;
	margin-top: 4px;
}
/*--------------------------------------------------
 * FOOTER
 *--------------------------------------------------*/
footer                     { padding: 0px 0; border-top: 1px solid #efefef; background-color: #FFF; width: 100%; padding-top: 0;}
footer .navbar             { margin-bottom: 0;}
footer .navbar li a        { color: #848484!important;}
footer .navbar li a:hover  { background-color: transparent; color: #E2BE66!important;}
footer .navbar li a:active { background-color: transparent; color: #E2BE66!important;}
footer .navbar li a:focus  { background-color: transparent; color: #E2BE66!important;}
footer .navbar-brand img   { max-height: 24px}


/*************Subscription Manage*************/
.subscriptionMng .detailContent {
	margin-top: 30px;
}

.subscriptionMng .buttonHolder input[type="submit"] {
	width: 65%;
}

.subscriptionMng .jumbotron {
	background-color: #5bc0de;
}

.subscriptionMng .subscriptionInfo td {
	border: none;
	padding: 3px 5px 3px 0;
}

.subscriptionMng .lastProcessAutoshipTbl {
	width: auto;
}

.subscriptionMng .lastProcessAutoshipTbl td {
	padding: 5px 10px;
}

.subscriptionMng .lastProcessAutoshipTbl .header {
	color: #0086CB;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 8px;
	border-bottom: solid 1px #ddd;
}

.subscriptionMng .shipPaymentBlock {
	display: inline-block;
	margin-right: 40px;
	margin-bottom: 20px;
}

.editSubscription .buttonHolder input[type="button"] {
	margin-right: 5px;
}

.editSubscription .calculatorSection {
	position: fixed;
	right: 3%;
}

.editSubscription .calculatorSection .calculator {
	border: 1px solid #cccccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 0px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}

.editSubscription .calculatorSection .calculator .hdr {
	background: #5bc0de;
	color: #fff;
	padding: 5px 0;
}

.editSubscription .calculatorSection .calculator .values {
	padding: 7px 20px 7px 10px;
	background-color: #fff;
}

.editSubscription .calculatorSection .calculator .values table td {
	text-align: right;
}

/*************End Subscription Manage*************/

@media all and (max-width: 640px) {
	.my-account__contact ul          { flex-flow: column }
	.my-account__contact ul li       { padding-bottom: 100px }
	.my-account__contact ul li:after { border: none }
}

@media all and (max-width: 992px) {
	footer .navbar.navbar-right    { float: left!important;}
}

.bfh-selectbox .bfh-selectbox-options ul li > a {text-align: left;
	text-decoration: none!important;}


#lnkPrintOrder{
	text-transform: uppercase;
}

.payment-item .card{
	display: table;
}

	.payment-item .card .card-img {
		display: table-cell;
		vertical-align: middle;
	}

	.payment-item .card .card-type {
		display: table-cell;
		vertical-align: middle;
	}
   
   body{
      overflow-x: hidden;
   }
   .DefaultBackground {
      background-position-x: center;
      background-repeat: no-repeat;
      background-size: cover;
	   height: calc(92vh - 50px)!important;
      display: flex;
      align-items: flex-start;
      padding: 0!important;
      position: relative;

      background-image: url(/_images/Top_Banner.jpg);
      /*background-size: 245%;
      background-position-y: 0;*/
   }
   .DefaultBackground-greeting{
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
   }
   .DefaultBackground-greetingContainer{
      display: flex;
      align-items: center;
      justify-content: center;
   }
   .DefaultBackground-greetingText{
      display: inline-block;
      padding: .5rem 2rem;
      background: rgba(255, 255, 255, 0.85);
      border-radius: 4px;
      margin-top: 30rem;
   }
   .DefaultBackground-greeting h1{
      font-weight: bold;
      font-size: 3rem!important;
      color: #D87F2B!important;
   }
   .DefaultBackground-greeting p{
      font-size: 2rem!important;
      color: #D87F2B!important;
      line-height: 1.1;
   }

   .FeaturedIn{
	   min-height: 200px;
   }
   .FeaturedIn-banner{
      position: relative;
   }
   .FeaturedIn-backgroundPattern{
      height: 184px;
      width: 100%;
   }
   .FeaturedIn-logosContainer{
     /*position: absolute;*/
     /*top: 0;*/
     /*left: 0;*/
     /*right: 0;*/
	 padding: 1rem 0 3rem 0;
	   background-image: url(/_images/bg_patternbar.jpg);
   }
   .FeaturedIn-logos{
      display: flex;
      justify-content: space-between;
	   flex-flow: column;
	   align-items: center;

   }
   
   .FeaturedIn-title{
      text-transform: capitalize;
      color: #fff;
      position: relative;
      overflow: hidden;
      margin-bottom: 3rem;
      text-align: center;
   }
   .FeaturedIn-title:after{
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      border-top: 1px solid #fff;
      content: ' ';
      margin-left: 10rem;
   }
   .FeaturedIn-title:before{
      position: absolute;
      top: 50%;
      right: 50%;
      width: 100%;
      border-top: 1px solid #fff;
      content: ' ';
      margin-right: 10rem;
   }
   

   .FeaturedIn-logos img {
	   height: 32px;
	   margin: 1rem 0;
   }

	.navbar-toggle{
		cursor: pointer;
	}
   .navbar-default .navbar-toggle .icon-bar{
      background: #000!important;
   }
   
   .TopBackground{
	   background-size: cover;
	   background-repeat: no-repeat;
	   background-position: 0 -6px;
		background-color: #fff;
      margin-bottom: 0!important;
      border-radius: 0!important;
		position: fixed;
		top: 0;
		width: 100%;
		/*box-shadow: 0 1px 8px -4px rgba(0, 0, 0, 0.3);*/
   }
   .DesktopHeader{
      display: flex;
      position: relative;
      justify-content: space-between;
      margin-top: 0!important;
      /*margin-bottom: 10px;*/
   }
   .DesktopHeader-logo{
      margin-right: 20px;
      flex: 0 0 120px;
      align-items: center;
      display: flex;
   }
   .DesktopHeader-right{
      flex: 1 0;
      display: flex;
      justify-content: flex-end;
      align-items: flex-end;
      position: relative;
   }
   .DesktopHeader-actionBar{margin-left: 2rem}
   .DesktopHeader-actionBar .top a:hover{
		text-decoration: underline!important;
	}
	.selectbox.form a:hover	 {
		text-decoration: none!important;
	}
   .DesktopHeader-menu{
      bottom: -10px; 
      position: relative;
      font-size: 0.9rem;
   }
   .DesktopHeader-menu ul li a{
      font-size: 1em;
		bottom: -5px;
		padding-bottom: 20px;
   }
   .DesktopHeader-menu li a.bold{
      font-weight: bold;
   }
   .DesktopHeader-menu li a:after{
      
   }
   
   .DesktopHeader .contCart{
		font-size: 11px!important;
		font-weight: 600;
	} 
   .DesktopHeader .myAccount {
      font-size: 11px!important;
   }
   
   .Footer{
		background-color: #F5F5F5;
   }
   .Footer-thumbSets{
      margin: 4rem -4px;
	   display: block;
   }
   .Footer-socials{
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
   }
   .Footer-socials a{
      margin-right: 5rem;
   }
   .Footer-socials img{
      height: 60px;
   }
   .Footer-socials a:last-child{
      margin-right: 0;
   }
   .Footer-logo{
      max-height: 100px;
      margin: 5rem auto;
   }
   .Footer-copyRight{
		margin-top: 46px;
		margin-bottom: 18px;
      text-align: center;
      font-size: 15px;
		font-weight: 500;
		color: #000;
   }
   
   .Footer-menu{
      margin: auto;
      margin-top: 1rem;
      margin-bottom:  120px;
      text-align: center;
   }
   .Footer-menu ul{
      float: none;
      display: inline-block;
   }
   
   .Footer-menu li{
      padding: 0 2rem;
   }
   .Footer-menu li a{
      position: relative;
      padding: 0.2rem 1rem;
      font-size: 15px;
      border-radius: 2px;
		font-weight: 500!important;
		color: #000!important;
   }
	.Footer-menu li a:hover,
	.Footer-menu li a:focus{
      color: #000!important;
      background-color: transparent!important;
   }
   
   .Footer-menu li::after{
      content: '';
   }
   .Footer-menu li:last-child::after{
      content: none;
   }

   .TimelessBottle-NBottle {
      top: -2.5rem;
      position: relative;
   }
   .TimelessBottle-newIcon{
      position: absolute;
	   top: -16px;
	   right: 34px;
	   height: 64px;
      
   }
   
   .TimeTo{
      font-family: Oswald;
      color: #D38328;
      font-size: 4rem;
      padding: 2rem 0 4rem;
      text-align: center;
      text-transform: uppercase;
      font-weight: bold;
      letter-spacing: 2px;
   }
   
   .Ingredients{}
   .Ingredients-button{
      margin: 4rem 0;
      color: #D38328;
      border-color: #D38328;
   }

   #divMobileNavbar {
      position: fixed;
		top: 50px;
      z-index: 1;
      width: 100%;
      background: rgba(255, 255, 255, .95);
   }
   #divMobileNavbar .navbar-nav{
      /*padding-bottom: 2rem;*/
   }
   
   #divMobileNavbar li{
      /*padding-left: 3rem;*/
      /*padding-right: 3rem;*/
      position: relative;
   }
   #divMobileNavbar li i{
      position: absolute;
      top: 25%;
      right: 32px;
      color: #000;
   }
   
   #divMobileNavbar li a{
		/* border-bottom: 1px solid #696969; */
		/* padding-bottom: 1rem; */
		color: #000!important;
		font-family: Montserrat;
		padding-left: 2rem;
		font-weight: 500;
   }
	#divMobileNavbar li a:hover{
		background-color: transparent;
		color: #3c3c3c!important;
		text-decoration: none;
   }
	#divMobileNavbar li a:focus{
		background-color: transparent;
   }
	#divMobileNavbar li:last-child a{
		border: none;
   }

   .Footer-menu li a:after{
      content:none;
   }
	
   

   .MobileHeader{
      display: flex;
      justify-content: space-between;
   }

	.FeaturedIn.is-Desktop{
		display: none;
	}
	.FeaturedIn.is-Mobile{
		display: block;
	}
	
	.ShopNowButton {
		background-image: url('/_images/ShopButton_BG.jpg');
		background-repeat: repeat-x;
		text-decoration: none;
		color: #D38328;
		text-transform: uppercase;
		font-size: 1.4em;
		font-family: "Montserrat", Helvetica, Arial, sans-serif;
		text-align: center;
		display: block;
		padding: 2rem 1rem;
		font-weight: bold;
	}
	.ShopNowButton:hover{
		text-decoration: none;
	}
	
	
	.daily-wellness-supplement{
		padding: 4rem 0
	}
	.daily-wellness-supplement__title{
		text-transform: uppercase;
		font-size: 1.4em;
		font-family: Oswald;
		font-weight: bold;
		text-align: center;
		margin-bottom: 2rem;
	}
	.daily-wellness-supplement__content{
		text-align: center;
		line-height: 1.2;
	}
	
	.what-in-it{
		padding: 4rem 0;
		position: relative;
		min-height: 400px;
	}
	.what-in-it__inner{
		position: relative;
		padding: 2rem 0 2rem 7rem;
		border-top: 4px solid #7e7e7e;
		border-bottom: 4px solid #7e7e7e;
		align-self: start;
		margin-left: 7rem;
		margin-top: 4rem;
	}
	.what-in-it__img{
		height: 320px;
		position: absolute;
		z-index: 1;
	}
	.what-in-it__icon{
		height: 32px;
		margin-right: 1rem;
	}
	.what-in-it__title-wrapper{
		display: flex;
		align-items: center;
		margin-bottom: 2rem;
	}
	.what-in-it__title{
		text-transform: uppercase;
		font-size: 1.4em;
		font-family: Oswald;
		font-weight: bold;
		display: inline-block;
		margin: 0;
	}
	.what-in-it__content{
		line-height: 1.2;
	}
	
	
	.icons-mobile{
		background: #000 url(../_images/Icons_bg.png) no-repeat;
		min-height: 100vh;
		background-size: cover;
		display: grid;
		grid-template-columns: 100%;
		grid-column-gap: 20px;
		padding: 4rem 2rem;
	}
	
	.icons-mobile__wrapper{
		display: inline-grid;
		align-items: center;
		margin: 1rem 4rem;
	}
	.icons-mobile__icon{
		max-height: 64px;
		max-width: 88%;
	}
	
	.modal-footer .btn{
		font-size: 1rem!important;
		padding: 0.3rem 1rem;
		font-family: inherit;
		letter-spacing: 0px;
		text-transform: none!important;
		border-radius: 2px!important;
	}
	
	
   @media (max-width: 320px) {
      .DefaultBackground{
         /*height: calc(100vh - 142px)!important;*/
      }
      
      
      .DefaultBackground-greetingText{
         margin-top: -25rem;
      }
      .DefaultBackground-greeting{
         justify-content: flex-end;
      }
      .DefaultBackground-greeting h1{
         font-size: 2rem!important;
      }
      .DefaultBackground-greeting p{
         font-size: 1.7rem!important;
      }
      
      .FeaturedIn-logos img{
         height: 24px;
         margin: 0.7rem 0;
      }
      .TimelessBottle-NBottle{
         top: 2rem
      }
      .FeaturedIn-backgroundPattern{
         height: 280px;
      }
      .TimelessBottle-newIcon {
         right: 24px;
         top: 30px;
         height: 64px;
      }
      .logo-img {
         margin-top: 0px!important;
      }
      .header-top {
         margin-top: 0px!important;
         padding-top: 10px;
         padding-bottom: 10px;
      }
   }
   @media (min-width: 321px) {
      
    
   }

	@media (min-width: 360px) {
		.what-in-it__content{
			font-size: 0.9em;
		}
	}

   @media (width: 375px) {
      .DefaultBackground {
         /*height: 84vh!important;*/
      }
   }
   @media (width: 375px) and (min-height: 811px) {
      .DefaultBackground {
         /*height: 74vh!important;*/
      }
   }

	@media (min-width: 414px) {
		.what-in-it__inner{
			padding: 4rem 0 4rem 7rem;
		}
		.what-in-it__content{
			font-size: 1em;
		}
		
   }

   @media (min-width: 576px) {
	   .FeaturedIn.is-Desktop{
		   display: block;
	   }
	   .FeaturedIn.is-Mobile{
		   display: none;
	   }
      .DefaultBackground {
         /*background-image: none;*/
         align-items: flex-end;
         /*margin-top: 33.1rem;*/
         /*background-size: 140%*/
      }
      .FeaturedIn-logos img{
         height: 32px;
      }

      .DefaultBackground-greetingText{
         margin-top: 36rem;
      }
      .DefaultBackground {
         height: auto!important;
      }
      .DefaultBackground {
         /*height: 100vh!important;*/
      }

      .Footer-socials{
         flex-direction: row;
         align-items: center;
      }
      .TimelessBottle-newIcon {
		  height: 90px;
		  top: -8px;
		  right: 45px;
      }
		.icons-mobile{
			grid-template-columns: 50% 50%;
		}
		.icons-mobile__wrapper{
			
		}
		.icons-mobile__icon{
			max-height: 64px;
			max-width: 100%;
			margin-left: 0;
		}
	   
   }
   
   @media (min-width: 768px) {
	   .FeaturedIn-logos {
		   flex-direction: row;
		   align-items: flex-start;
	   }
      .FeaturedIn-logos img{
         height: 24px;
      }
      .DefaultBackground {
         /*min-height: 68vh;*/
         align-items: flex-start;        
         margin-top: 0rem;
      }
      .DefaultBackground-greetingText {
         margin-top: 30rem;
      }
      .DefaultBackground {
			min-height: 90vh;
      }
		
		.daily-wellness-supplement{
			padding: 6rem 0;
		}
		.daily-wellness-supplement__title{
			font-size: 2em;
		}
		.daily-wellness-supplement__content{
			font-size: 1.4em;
			width: 680px;
			line-height: 1.4;
			margin: auto;
		}
		.what-in-it{
			min-height: 460px;
		}
		.what-in-it__img{
			height: 540px;
			top: -84px;
		}
		
		.what-in-it__title{
			font-size: 2em;
		}
		.what-in-it__content{
			font-size: 1.4em;
			line-height: 1.4;
		}
		.what-in-it__inner{
			padding-left: 20rem;
			padding-right: 2rem;
		}
		.icons-mobile__icon{
			margin-left: 2%;
			max-width: none;
		}

		
		.WhatInItColumn{margin-bottom: 0rem}
		.parallax-window {
			min-height: calc(100vh + 88px);
		}
		.TopBackground{
			position: relative;
			top: 0;
		}
		#divMobileNavbar {
			position: absolute;
			top: initial;
		}
		body{
			/*padding-top:74px!important;*/
		}

		.GiftCard{width: 400px;}

		.Footer-social{
			flex-direction: row;
			justify-content: center;
		}
		.Footer-menu li a{
			padding: 0rem 1rem;
		}
		.Footer-social .Footer-followUs{
			margin: 0 1.2rem 0 0;
			bottom: -8px;
		}
		.Footer-social span.g{margin-top:0;bottom: -6px;position: relative; left: 8px;}
   }
   
   @media (min-width: 992px) {
      .DefaultBackground-greetingText {
         margin-top: 41rem;
      }
      .DefaultBackground-greetingText {
         margin-top: 55rem!important;
      }
      .DefaultBackground {
         min-height: 131vh;
        /* height: auto!important;
         background-image: none;*/
      }
		.icons-mobile__icon{
			margin-left: 16%;
		}
		.homePage .BeautySection-content{
			padding: 0 17rem;
		}
		.LearnYourBodySection-image{margin-top: 0rem!important;}

		.DesktopHeader-logo{
			flex: 0 0 200px;
			margin-top: 26px;
		}
		.logo-img{
			height: 36px;
		}
		.top-banner .navbar .navbar-nav li a {
			padding-left: 12px!important;
			padding-right: 12px!important;
		}
		
		.DesktopHeader-menu ul li a{
			/*font-size: 1.3em!important;*/
		}
		.LearnSubMenu a{font-size: .9rem!important;}
   }

	@media (min-width: 1024px) {
		.DefaultBackground {
			min-height: 90vh;
		}
   }
   
   
   @media (min-width: 1200px) {
      
      .DefaultBackground-greetingText {
         margin-top: 67rem!important;
      }
      .DefaultBackground-greeting h1 {
         font-size: 6rem!important;
      }
      .DefaultBackground-greeting p {
         font-size: 2.5rem!important;
      }
	   .FeaturedIn-logos img {
		   height: 36px;
	   }
	   .TimelessBottle-newIcon {
		   height: 90px;
		   top: -8px;
		   right: 55px;
	   }
		.DefaultBackground {
			min-height: 130vh;
		}

		.what-in-it{
			min-height: 540px;
			padding: 0 4%
		}
		.what-in-it__img{
			height: 640px;
			top: -120px;
		}
		.what-in-it__inner{
			padding: 12rem 1rem 10rem 20rem;
			margin-left: 12rem;
			margin-right: 8rem;
		}
		.what-in-it__content{
			margin-left: 3.4rem;
		}
		.what-in-it__icon{
			height: 36px;
		}
		.container.whatInIt{
			width: 100% !important;
			padding: 0 16%!important;
			max-width: none;
		}
   }

	@media (min-width: 1660px) {
		.FixedIcons {width: auto!important; height: 100% !important; min-width: 100%}
	}
	@media (min-width: 1921px) {
		.FixedIcons {width: 100%!important; height: auto !important; min-width: 100%}
	}