@import url('https://fonts.googleapis.com/css?family=Amatic+SC:700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,800');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');


body, html {
	font-family: 'Open Sans', sans-serif;
	background: #FFF;
}



.intro_sb {
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top left;
	background-image: url(../img/bg/products/bg-intro.jpg);
	margin: 10px auto 10px auto;
	height: 100%!important;
	padding: 45% 0 0;
	padding-bottom: 90px;
}
.caption {
	position: absolute;
	right: 7%;
	top: 25%;
	width: 100%;
	max-width: 480px;
	text-align: center;
	color: #000!important;
}
	.subtitle { 
		font-size: 30px; 
		font-weight: bold; 
		line-height: 1.3;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
	.title { 
		font-weight: 800; 
		font-size: 32px; 
		text-transform: uppercase; 
		line-height: 1.3;
		margin: 0px 0px 10px 0px;
		padding: 0px 0px 0px 0px;
	}
	.description { 
		font-size: 1.6vw;
		line-height: 1.5;
		font-weight: 300;
		margin: 0;
		padding: 0; 
	}
	
.btn-intro {
	border-radius: 0;
	background-color: rgba(0, 0, 0, 0.7);
	padding: 10px 20px;
	width: 150px;
	color: #FFF;
	margin: 10px 10px 10px 10px;
}


	
.bg-white {
	width: 100%;
	height: 100%;
	display: block;
	z-index: 100;
	background: #FFF;
	position: relative;
	margin: 10px 0px 0px 0px;
	padding: 0;
}



/* ******************************************************************* */
/* ******************************************************************* */
/* Products */
/* ******************************************************************* */
/* ******************************************************************* */

 .product_disclaimer {
	width: 350px;
	font-size: 12px;
 }

/* ******************************************************************* */
/* Elixir 2019 */
/* ******************************************************************* */

.elixir_intro {
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top right;
	background-image: url(../img/products/elixir/bg-elixir.jpg);
	margin: -100px auto 0 auto;
	height: 100%!important;
	padding: 45% 0 0;
	padding-bottom: 250px;
}

.elixir_intro_txt {
	position: absolute;
	left: 7%;
	top: 13%;
	width: 90%;
	text-align: left;
	color: #FFF;
}
.elixir_description {
	display: block;
	width: 450px;
}
	.elixir_description .title_svg { 
		margin-bottom: 10px; 
		width: 200px!important; 
	}
	.elixir_description h2 {
		font-weight: 800; 
		font-size: 24px;
		text-transform: uppercase; 
		line-height: 1; 
		padding: 0;
		margin: 10px 0px 10px 0px;
	}
	.elixir_description p {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5; 
		margin: 0;
		padding: 0px 0px 0px 0px;
	}
.product_elixir {
	display: block;
	width: 80%;
	margin: 50px 0px 0px 0px;
	position: relative;
} 
.productimg_elixir {
	width: auto;
	height: 55%;
	position: absolute;
	top: 18%;
	right: 5%;
}
.elixir_title { width: 250px; padding: 0; margin: 0px 0 10px 0; }
.product_elixir h2 {
	font-weight: 800; 
	font-size: 18px;
	text-transform: uppercase; 
	line-height: 1.3; 
	padding: 0;
	margin: 10px 0px 10px 0px;
}
.product_elixir .diet_badge span { color: #FFF; }

.granit_intro_product {
	display: block;
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top right;
	background-image: url(../img/bg/products/bg-granit.jpg);
	min-height: 100%;
	height: 100%;
	padding-bottom: 50px;
	padding-top: 50px;
	margin-top: 10px;
}	

.elixir_berries {
	width: 50%;
	margin: 2% auto 0 auto;
}
.elixir_subtitle { 
	margin: 20px auto 0px auto!important; 
	width: 50%; 
}
.elixir_intro_product h3 {
	color: #FFF!important;
	font-size: 18px;
}
.elixir_intro_product p {
	color: #FFF!important;
	font-size: 16px;
	padding-left: 20%;
	padding-right: 20%;
	line-height: 1.5;
	font-weight: 300;
	text-align: center;
}

.btn_elixir_pdf {
	border-radius: 0;
	margin: 20px 5px 40px 5px;
	background: #1e5a31;
	color: #FFF;
}


.elixir_berries_herbs {
	background-color: #000;
	background-image: url(../img/bg/location/bg-location-intro.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	margin-top: 10px;
	padding: 35% 0 0% 0;
	overflow-x: hidden;
}

.elixir_berries_herbs_txt {
	clear: both;
	display: block;
	padding-bottom: 5%;
	margin: 0 auto 10px auto;
	color: #FFF;
}
.elixir_berries_herbs_txt h1 {
	font-weight: 300;
	font-size: 22px;
	text-align: center;
	color: #FFF;
	line-height: 1.3;
	text-shadow: 5px 5px 5px rgba(0, 0, 0, 1);
}


.elixir_frozen {
	background-color: #000;
	background-image: url(../img/products/elixir/bg-frozen-berries.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	margin-top: 10px;
	padding: 45% 0 0% 0;
	position: relative;
}
.elixir_frozen_txt {
	position: absolute;
	left: 7%;
	top: 20%;
	width: 45%;
	text-align: left;
	color: #FFF;
	text-shadow: 1px 1px 1px  #000;
}
.elixir_frozen_txt p {
	font-weight: 300; 
	font-size: 22px;
	line-height: 1.3; 
	text-align: center;
	padding-bottom: 40px;
}



@media (min-width: 2000px){
	.elixir_description { width: 800px; }
	.elixir_description h2 { font-size: 56px; margin-bottom: 20px; }
	.elixir_description p,
	.elixir_berries_herbs_txt h4 { font-size: 24px; }
	.elixir_title { width: 500px; padding: 0; margin: 0px 0px 20px 0px; }
	.product_elixir h2 { font-size: 28px;  }
	.product_elixir p { font-size: 24px; }
}

@media (max-width: 990px){
	.elixir_intro { 
		margin-top: 0; 
		padding: 50% 0 0; 
		padding-bottom: 280px;
		min-height: 600px; 
	}
	.elixir_intro_txt { top: 10%; }
	.elixir_description { width: 400px; }
	.elixir_berries_herbs_txt .row { width: 100%!important; margin: 0 auto;}
	.elixir_berries_herbs_txt .col-sm-2 { width: 20%; }
	.elixir_berries_herbs_txt h4 { font-size: 14px; }
	.productimg_elixir { height: 65%; }
	.elixir_frozen_txt p { font-size: 18px; padding-bottom: 20px;}

}
@media (max-width: 768px){
	.elixir_intro { padding-bottom: 400px; }
	.productimg_elixir { height: 55%; top: 30%; }
	.elixir_berries_herbs_txt h4 { font-size: 12px; }
	.elixir_intro_product p { padding-left: 10%; padding-right: 10%; }
	.elixir_frozen_txt p { font-size: 14px; }	
}

@media (max-width: 576px) {  
	.elixir_description { 
		text-align: center;
		width: 90%; 
		margin: 40px auto 0 auto;
	}
	.product_elixir { margin-top: 50px; }
	.elixir_title { width: 150px;}
	.elixir_title_svg { width: 100%; margin: 0 auto 0px auto; }
    .elixir_intro { 
		background-image: url(../img/bg/globalchallenge/bg_difference_mobile.jpg);
		position: relative;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:top center;
		height: 100%!important;
		padding: 0;
		text-align: center;
	}
	.productimg_elixir{ 
		position: relative;
		top: auto;
		left: auto;
		width: 70%;
		margin: 10px auto;
	 }

	.elixir_intro_txt	{
		padding-top: 6%;
		position: relative;
		padding-bottom: 5%;
	}
	.elixir_berries_herbs_txt .row { width: 98%!important; margin: 0 auto;}
	.elixir_berries_herbs_txt .col-sm-2 { float: left; width: 33%; text-align: center; }
	.elixir_berries { width: 70%; }
	.elixir_subtitle { width: 80%; }
	.elixir_intro_product h3 { 
		font-size: 16px; 
	}
	.elixir_intro_product p {
		font-size: 14px;
		padding-left: 40px; 
		padding-right: 40px;
	}
	.elixir_frozen {
		background-position: top right;
		padding: 70% 0 0;
	}
	.elixir_frozen_txt {
		top: 15%;
		width: 55%;
	}
}

/* ******************************************************************* */
/* PRODUCTS 2021 */
/* ******************************************************************* */

.product_intro_2021 {
	overflow: hidden;
	color:#58585a;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
}
.product_intro_2021 .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:         flex;
	flex-wrap: wrap;
  }
.product_intro_2021  .row > [class*='col-'] {
	display: flex;
	flex-direction: column;
}

.product_intro_2021 .productimg {
	margin: 8% auto 5% auto;
	width: 80%;
}
.product_intro_elixir .productimg {
	margin: 0 auto 5% auto;
	width: 80%;
}
.premiumlogo {	
	width: 15%;
	margin: 20px auto 40px auto;
}
.premium_elixir {	
	position:absolute;
	left: 30%;
	top: 20%;
	width: 12%;
	margin: 20px auto 40px auto;
}

.product_intro_2021 h1 {
	font-size: 2.6em;
	font-weight: 300;
	margin: 0px 0px 5px 0px;
	padding: 0;
}
.product_intro_2021 h2 {
	font-size: 2.6em;
	font-weight: 300;
	margin: 0;
	padding: 0;
}
.product_intro_2021 h3 {
	font-size: 1.6em;
	font-weight: 300;
	font-style: italic;
}
.product_intro_2021 h3 {
	font-size: 1.6em;
	font-weight: 300;
	font-style: italic;
}
.dvita_mg {
	font-size: 1.6em;
	position: absolute;
	left: 0;
	top: 0;
}
.logo_elixir {
	margin-bottom: 20px;
	width: 45%;
}
.highlight_arcticsun { color: #fcb040; }
.highlight_arcticoils { color: #b58a42; }
.highlight_arcticextreme { color: #187e3c; }
.highlight_arcticbooster { color: #22b24c; }
.highlight_arcticvital { color: #0067b4; }
.highlight_elixir { color: #cb284e; }

.wave {
	background-repeat:no-repeat;
	background-size:100%;
	background-position:top right;
}
.wave_as { background-image: url(../img/products/arcticsun/bg_arcticsun_wave.jpg); }
.wave_ao { background-image: url(../img/products/arcticoils/bg_arcticoils_wave.jpg); }
.wave_ae { background-image: url(../img/products/extreme/bg_arcticextreme_wave.jpg); }
.wave_av { background-image: url(../img/products/vital/bg_arcticvital_wave.jpg); }
.wave_elixir { background-image: url(../img/products/elixir/bg_elixir_wave.jpg); }

.wave_txt {
	margin: 30% auto 0 auto;
	width: 90%;
	padding-left: 10%;
	padding-right: 10%;
	text-align: left;
}
.wave_txt_av {
	margin-top: 35%;
}
.wave h1 {
	font-size: 2.6em;
	font-weight: 400;
	margin: 0px 0px 5px 0px;
	padding: 0;
}

.wave h3 {
	font-size: 1.6em;
	font-weight: 400;
	font-style: italic;
	margin: 0px 0px 20px 0px;
	padding: 0;
}
ul.product_details_list {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 2;
	text-align: left;
}

ul.product_details { 
	list-style-type: none; 
	margin: 10px auto;
	text-align: left;
	padding: 0;
}
ul.product_details li {
	display: inline-block!important;
	font-size: 16px; 
	color: #58585a;
	font-weight: 400;
	padding: 0;
	width: auto;
	margin: 0 0 10px 0;
}
.berryimg { 
	height: 20px; 
	margin-left: 5px;
	margin-right: 5px;
}

.product_promo {
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: top center;
	margin: 10px auto 0 auto;
	height: 100%!important;
	padding: 40% 0 0;
	padding-bottom: 200px;
}
.promo_as {	background-image: url(../img/products/arcticsun/bg_arcticsun_family.jpg); }
.promo_ao {	background-image: url(../img/products/arcticoils/bg_arcticoils_family.jpg); padding-bottom: 250px; }
.promo_ae {	background-image: url(../img/products/extreme/bg_arcticextreme.jpg); padding-bottom: 250px; }
.promo_ab {	background-image: url(../img/products/booster/bg-arcticbooster.jpg); padding-bottom: 250px; }
.promo_av {	background-image: url(../img/products/vital/bg-arcticvital.jpg); padding-bottom: 250px; }
.promo_elixir {	background-image: url(../img/products/elixir/bg-elixir.jpg); padding-bottom: 150px; }

.product_promo_txt {
	width: 600px;
	position: absolute;
	right: 10%;
	top: 10%;
	color: #000;	
}

/* arctic oils */
.promo_ao_txt {
	right: 0;
	left: 5%;
	color: #FFF;
}

.fos_box {
	width: 80%;
	display: block;
	padding: 5px 40px;
	font-size: 12px;
	background: rgba(255, 255, 255, 0.1);
	z-index: 1000;
}
.fos_box a { color: #FFF; text-decoration: underline;}
.foslogo { 
	display: block;
	width: 130px;
	padding: 0;
	margin: 0 auto;
}

/* extreme */
.promo_ae_txt {
	top: 15%;
	right: 0;
	left: 10%;	
}

/* booster */
.promo_ab_txt {
	top: auto;
	width: 30%;
	bottom: 20%;
	right: 5%;
	text-align: center;
}

/* vital */
.promo_av_txt {
	top: 35%;
	width: 25%;
	right: 5%;
	text-align: right;
}

/* elixir */
.promo_elixir_txt {
	color: #FFF;
	text-shadow: 1px 1px 1px  #000;
	left: 5%;
	top: 30%;
	width: 25%;
}

.product_promo_txt p {
	font-size: 18px;
	line-height: 1.5;
	font-weight: 300; 
	padding-bottom: 10px;
}
.promo_ao p {
	text-shadow: 1px 1px 1px  #000;
}

.arcticsun_seabuckthorn {
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top right;
	background-image: url(../img/products/arcticsun/bg-arcticsun2.jpg);
	margin: 10px auto 0 auto;
	height: 100%!important;
	padding: 40% 0 0;
	padding-bottom: 200px;
}

.berry_facts {
	width: 400px;
	position: absolute;
	right: 10%;
	top: 20%;
	color: #000;	
}
.berry_facts h2   {
	font-weight: 400; 
	font-size: 24px;
	line-height: 1.2; 
	text-align: center;
	padding-bottom: 60px;
}
.arcticsun_intro_product_txt {
	display: block;
	position: relative;
	width: 80%;
	padding-top: 5%;
	padding-left: 15%;
	color: #FFF;
	padding-bottom: 50px;
	margin: 10px auto;
}

.arcticsun_intro_product_txt .subtitle { 
	font-size: 20px;
	font-weight: bold; 
	line-height: 1.3;
	margin: 20px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	color: #FFF;
}
.arcticsun_intro_product_txt .description { 
	font-size: 18px;
	font-weight: 300; 
	margin: 0px 0px 10px 0px;
	padding: 0;
	text-align: left;
}
.arcticsun_intro_product_txt h3 { 
	font-size: 18px;
	font-weight: 400;
	line-height: 1.8;
	margin: 20px 0px 10px 0px;
	padding: 0px 40px 0px 0px;
	color: #faa61a;
	font-style: italic;
}

.arcticsun_berry {
	width: 20%;
	margin: 2% auto;
}
.arcticsun_subtitle { 
	margin: 20px auto 20px auto!important; 
	width: 50%; 
}
.arcticsun_intro_product h3 {
	color: #FFF!important;
	font-size: 18px;
}
.arcticsun_intro_product p {
	color: #FFF!important;
	font-size: 16px;
	padding-left: 20%;
	padding-right: 20%;
	line-height: 1.5;
	font-weight: 300;
	text-align: center;
}


.btn_arcticsun_pdf {
	border-radius: 0;
	margin: 20px 5px 40px 5px;
	background: #fbad18;
	color: #FFF;
}

.btn_nf {
	display: inline-block!important;
	border-radius: 0;
	margin: 20px 5px 40px 5px;
	background: #666666;
	color: #FFF;
	text-transform: uppercase;
}

@media (min-width: 2000px) {  
	.arcticsun_intro_txt, .product_arcticsun { width: 800px; }
	.arcticsun_title { width: 400px; }
	.arcticsun_description { width: 800px; }
	.arcticsun_description .title_svg { margin-bottom: 10px; width: 400px!important; }
	.productimg_arcticsun { width: 900px; right: 10%; }
	.arcticsun_intro_txt h2, .berry_facts h2 { font-size: 3em; }
	.arcticsun_intro_txt p, .product_arcticsun h2, .product_arcticsun p,
	.arcticsun_intro_product h3, .arcticsun_intro_product p { font-size: 26px; }
	.cold { line-height: 1.3!important; }
	.berry_facts { width: 800px; }
	.arcticsun_intro_product { padding-bottom: 5%; }
}
@media (max-width: 990px){
	.product_intro_2021 .row, .product_intro_2021  .row > [class*='col-'] {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	.product_promo_txt {
		background: rgba(255,255,255,0.6);
		padding: 40px 40px;
		width: 80%;
		left: 10%;
		right: 10%;
		text-align: left;
	}
	.product_elixir_txt { padding-bottom: 5%; }
	.promo_elixir_txt	{
		background: none;
		top: 15%;
	}
	.promo_ae_txt {
		width: 50%;
		top: 15%;
		right: 0;
		left: 10%;	
	}
	.promo_ao {
		padding: 100% 0 0;
	}
	.fos_box {
		background: none;
		width: 90%;
		padding: 0px;
	}

	.berry_facts { top: 20%; width: 350px; right: 5%; }
	.berry_facts h2 { font-size: 20px; }
}
@media (max-width: 768px){
	.wave_txt {
		margin: 0;
		padding-top: 35%;
	}

	.product_intro_2021 h1 {
		font-size: 2em;
		font-weight: 300;
		margin: 0px 0px 5px 0px;
		padding: 0;
	}
	.product_intro_2021 h2 {
		font-size: 2em;
		font-weight: 300;
		margin: 0;
		padding: 0 20px;
	}
	.product_intro_2021 h3 {
		font-size: 1.4em;
		font-weight: 300;
		font-style: italic;
	}
	.product_intro_2021 .productimg {
		margin: 15% auto 15% auto;
		width: 100%;
	}
	.product_intro_elixir .productimg {
		margin: 0 auto 5% auto;
	}
	.berry_facts { top: 10%; }
	.berry_facts h2 { padding-bottom: 40px; }
	.arcticsun_intro_product p { padding-left: 10%; padding-right: 10%; }

		
}
@media (max-width: 576px) {
	.wave_txt {
		width: 100%;
	}
	.premiumlogo {	
		width: 20%;
		margin: 0px auto 40px auto;
	}
	.premium_elixir {	
		position:absolute;
		left: 28%;
		top: 18%;
		width: 15%;
		margin: 20px auto 40px auto;
	}
		
	.product_promo {
		padding: 40px 20px;
	}
	.product_promo_txt {
		float: none;
		position: relative;
		width: 100%;
		left: 0;
		right: 0;
		margin: 0px auto;
		padding: 20px;
	}
	.promo_ae {
		padding: 45% 0 0;		
		padding-bottom: 250px;
	}
	.promo_ae_txt {
		position: absolute;
		width: 60%;
		right: auto;
		top: 15%;
		left: 10%;	
	}	
	.product_promo_txt p {
		font-size: 16px;
	}
	.product_elixir_txt { padding-bottom: 10%; }
	

	.arcticsun_seabuckthorn {
		padding: 20px 0;
	}
	.berry_facts {
		position: relative;
		width: 80%;
		left: 0;
		right: 0;
		margin: 0 auto;
		padding: 20px 0;
	}
	.berry_facts h2  { 
		text-shadow: 2px 1px 2px rgba(0, 0, 0, 1);
		color: #FFF; 
		padding-bottom: 20px;
	}
	.arcticsun_berry { width: 40%; }
	.arcticsun_subtitle { width: 80%; }
	.arcticsun_intro_product p { padding-left: 10%; padding-right: 10%; font-size: 14px; }
	.arcticsun_intro_product h3 { font-size: 14px; }
}

/* ******************************************************************* */
/* Arctic Oils 2019 */
/* ******************************************************************* */

.arcticoils_salmon {
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: bottom right;
	background-image: url(../img/products/arcticoils/bg_arcticoils_3.jpg);
	margin: 10px auto 0 auto;
	height: 100%!important;
	padding: 10% 8%;
	padding-bottom: 200px;
	text-align: left;
}
.arcticoils_salmon ul { list-style: none; margin: 0; padding: 0; }
.arcticoils_salmon ul li {
	font-size: 18px;
	color: #000;
	padding: 0;
	margin: 0px 0px 10px 0px;
}
.svg_herbs {
	width: 20%;
	position: absolute;
	left: 40%;
	top: 20%;
}

#title_o1, #title_o2, #title_o3 {
	font-size: 28px;
	font-weight: 900;	
}
#title_o1 { color: #000;	}
#title_o2 { color: #000;	}
#title_o3 { color: #000;	}
.arcticoils_intro_product {
	color: #FFF;
}
.arcticoils_oil {
	width: 20%;
	margin: 2% auto;
}
.arcticoils_subtitle {
	margin: 20px auto 20px auto!important; 
	width: 30%; 
}
.arcticoils_intro_product h3 {
	color: #FFF!important;
	font-size: 18px;
}
.arcticoils_intro_product p {
	color: #FFF!important;
	font-size: 16px;
	padding-left: 20%;
	padding-right: 20%;
	line-height: 1.5;
	font-weight: 300;
	text-align: center;
}
.btn_arcticoils_pdf {
	border-radius: 0;
	margin: 20px 5px 40px 5px;
	background: #be864e;
	color: #FFF;
}


@media (max-width: 768px){
	.arcticoils_intro_product p {padding-left: 11%; padding-right: 11%; }
}

@media (max-width: 660px) {  
	.arcticoils_oil { width: 30%;  }
	.arcticoils_subtitle { width: 80%; }
	.arcticoils_intro_product h3 { font-size: 14px; }
	.arcticoils_intro_product p { padding-left: 10%; padding-right: 10%; font-size: 14px;  }
}
@media (max-width: 480px) {  
	.arcticoils_intro {
		background-size: 150%;
		margin-top: -20px;
	}
}

/* ******************************************************************* */
/* Vital 2019 */
/* ******************************************************************* */

.vital_intro {
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: top right;
	background-image: url(../img/products/vital/bg_vital_intro.jpg);
	margin: -100px auto 0 auto;
	height: 100%!important;
	padding: 40% 0 0;
	padding-bottom: 250px;
}
.vital_intro_txt {
	position: absolute;
	left: 7%;
	top: 15%;
	width: 90%;
	text-align: left;
	color: #373535;
}
.productimg_vital {
	width: 500px;
	max-width: 700px!important;
	position: absolute;
	top: 45%;
	left: 30%;
}

.vital_description {
	display: block;
	width: 500px;
}
.vital_title_svg { height: 100px; }

.vital_description h2 {
	font-weight: 800; 
	font-size: 24px;
	text-transform: uppercase; 
	line-height: 1; 
	padding: 0;
	margin: 10px 0px 10px 0px;
}
.vital_description p {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5; 
	margin: 0;
	padding: 0px 0px 0px 0px;
}

.product_vital {
	display: block;
	width: 80%;
	margin: 50px 0px 0px 0px;
	position: relative;
} 
.vital_title { width: 100px; padding: 0; margin: 0; }
.product_vital h2 {
	font-weight: 800; 
	font-size: 18px;
	text-transform: uppercase; 
	line-height: 1.3; 
	padding: 0;
	margin: 10px 0px 10px 0px;
}

.vital_colostrum {
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: top left;
	background-image: url(../img/products/vital/bg_vital_2.jpg);
	margin: 10px auto 0 auto;
	height: 100%!important;
	padding: 45% 0 0;
	padding-bottom: 200px;
}
.colostrum_facts {
	width: 450px;
	position: absolute;
	left: 10%;
	top: 20%;
	color: #000;
}
.colostrum_facts h2 {
	font-weight: 400; 
	font-size: 24px;
	line-height: 1.2; 
	text-align: center;
	padding-bottom: 40px;
}

.img-colostrum {
	width: 30%;
	margin: 2% auto;
}

.vital_subtitle { 
	margin: 20px auto 20px auto!important; 
	width: 50%; 
}
.vital_intro_product h3 {
	color: #FFF!important;
	font-size: 18px;
}
.vital_intro_product p {
	color: #FFF!important;
	font-size: 16px;
	padding-left: 20%;
	padding-right: 20%;
	line-height: 1.5;
	font-weight: 300;
	text-align: center;
}

.btn_vital_pdf {
	border-radius: 0;
	margin: 20px 5px 40px 5px;
	background: #0066b3;
	color: #FFF;
}
@media (min-width: 2000px){
	.vital_description { width: 1000px; text-align: left; }
	.vital_title_svg { height: 150px; }
	.vital_description h2, .product_vital h2 { font-size: 3em; }
	.vital_description p, .product_vital p { font-size: 26px; }
	.productimg_vital { width: 900px; right: 20%; top: 55%;}
	.vital_title { width: 300px; }
}
@media (max-width: 1100px){ 
	.vital_intro { padding-bottom: 300px; }
}
@media (max-width: 990px){
	.vital_intro { margin-top: 0; padding-bottom: 400px; }
	.vital_intro_txt { top: 10%; }
	.product_vital { max-width: 300px; }
	.productimg_vital { left: 45%; width: 400px; }
}
@media (max-width: 768px){
	.vital_description { width: 450px;	}
	.vital_intro { padding-bottom: 500px; }
	.vital_title_svg { height: 80px; }
	.productimg_vital { top: 50%; left: auto; right: 5%; width: 350px; }
	.vital_subtitle { 
		width: 80%; 
	}
	.vital_intro_product p { padding-left: 40px; padding-right: 40px; }
}
@media (max-width: 576px) {  
	.vital_intro {
		background-size: 200%;
		padding: 0;
		margin: 0;
		height: auto;
		text-align: center;
	}
	.vital_intro_txt {
		position: relative;
		display: block;
		top: 0;
		margin: 0 auto 40px auto;
		left: 0;
		padding-top: 40px;
		width: 100%;
		background: rgba(255, 255, 255, 0.5);
	}
	.product_vital {
		max-width: none;
		width: 90%;
		margin: 40px auto 0px auto;
		padding-left: 0;
		left: 0;
	}
	.vital_description { text-align: center; width: auto; padding-left: 5%; padding-right: 5%;}
	.vital_title_svg {height: auto; width: 90%; }
	.productimg_vital {
		float: none;
		left: 0;
		position: relative;
		right: 0;
		width: 80%;
	}
	.vital_colostrum  {
		padding-bottom: 0;
		padding: 15% 0;
		background-position: top right;
	}
	.colostrum_facts {
		width: 80%;
		position: relative;
		left: 0;
		top: 0;
		margin: 0 auto;
	}
	.colostrum_facts h2 {
		color: #FFF;
		font-style: normal;
		text-shadow: 2px 1px 2px  #000;
		font-size: 18px;
	}
	.img-colostrum {
		width: 50%;
	}
	.vital_description h2, .product_vital h2 { font-size: 18px; }
	.vital_description p, .product_vital p, .vital_intro_product p { font-size: 14px; }
	.product_disclaimer { width: auto; }
}

/* ******************************************************************* */
/* Booster 2019 */
/* ******************************************************************* */

.booster_intro {
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: bottom right;
	background-image: url(../img/products/booster/bg-booster_2.jpg);
	margin: -100px auto 0 auto;
	height: 100%!important;
	padding: 45% 0 0;
	padding-bottom: 300px;
}

.booster_intro_txt {
	position: absolute;
	left: 7%;
	top: 15%;
	width: 90%;
	text-align: left;
	color: #000;
}
.productimg_booster {
	width: 500px;
	max-width: 700px!important;
	position: absolute;
	top: 45%;
	left: 30%;
}

.booster_description {
	display: block;
	width: 500px;
}
.booster_title_svg { height: 100px; }

.booster_description h2 {
	font-weight: 800; 
	font-size: 24px;
	text-transform: uppercase; 
	line-height: 1; 
	padding: 0;
	margin: 10px 0px 10px 0px;
}

.booster_description p {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.5; 
	margin: 0;
	padding: 0px 0px 0px 0px;
}
.booster_title { width: 150px; padding: 0; margin: 0; }

.product_booster {
	display: block;
	width: 90%;
	margin: 40px 0px 0px 0px;
	position: relative;
} 
.product_booster h2 {
	font-weight: 800; 
	font-size: 18px;
	text-transform: uppercase; 
	line-height: 1.3; 
	padding: 0;
	margin: 10px 0px 10px 0px;
}

.booster_lingonberry {
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top right;
	background-image: url(../img/products/booster/bg-booster_3.jpg);
	margin: 10px auto 0 auto;
	height: 100%!important;
	padding: 40% 0 0;
	padding-bottom: 200px;
}
.booster_noni {
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top right;
	background-image: url(../img/products/booster/bg-booster_4.jpg);
	margin: 10px auto 0 auto;
	height: 100%!important;
	padding: 40% 0 0;
	padding-bottom: 200px;
}

.booster_facts {
	width: 450px;
	position: absolute;
	right: 10%;
	top: 20%;
}

.booster_facts h2, .booster_noni_facts h2   {
	font-weight: 400; 
	font-size: 24px;
	line-height: 1.2; 
	text-align: center;
	padding-bottom: 40px;
	color: #FFF;
	text-shadow: 2px 1px 2px  #000;
}
.booster_noni_facts {
	position: absolute;
	width: 90%;
	display: block;
	top: 7%;
	left: 5%;
	right: 5%;
	text-align: center;
}

.booster_berry {
	width: 20%;
	margin: 2% auto;
}

.booster_subtitle { 
	margin: 20px auto 20px auto!important; 
	width: 40%; 
}
.booster_intro_product h3 {
	color: #FFF!important;
	font-size: 18px;
}
.booster_intro_product p {
	color: #FFF!important;
	font-size: 16px;
	padding-left: 20%;
	padding-right: 20%;
	line-height: 1.5;
	font-weight: 300;
	text-align: center;
}

.btn_booster_pdf {
	border-radius: 0;
	margin: 20px 5px 40px 5px;
	background: #5fa341;
	color: #FFF;
}


@media (max-width: 990px){
	.booster_intro { margin-top: 0; padding-bottom: 450px;}
	.booster_intro_txt { top: 10%; }
	.productimg_booster { right: 20%; }
}
@media (max-width: 768px){
	.booster_intro { padding-bottom: 550px; }
	.booster_description h2, .booster_description p {	text-shadow: 3px 3px 5px rgba(255, 255, 255, 1); }
	.productimg_booster { left: auto; right: 5%; width: 400px; top: 50%;}
	.booster_lingonberry, .booster_noni {
		padding: 20px;
	}
	.booster_facts, .booster_noni_facts {
		position: relative;
		width: 96%;
		left: auto;
		right: auto;
		margin: 0 auto;
		padding: 20px 40px;
	}
	.booster_noni_facts .row {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.booster_noni_facts .col-xs-6 {
		width:  100%;
		margin: 0 auto;
		padding: 0;
	}
	.booster_facts h2, .booster_noni_facts h2   {
		text-shadow: 4px 2px 4px  #000;
		text-align: center;
	}
	.booster_intro_product p {padding-left: 10%; padding-right: 10%; }

}
@media (max-width: 660px) {  
	.booster_intro {
		padding: 0;
		background-size: 180%;
		background-position: top right;
		margin: 0 auto;
	}
	.booster_intro_txt {
		position: relative;
		left: 0;
		top: 0;
		padding: 40px 0px 0px 0px;
		margin: 0 auto;
		width: 100%;
		background: rgba(255,255,255,0.4);
	}
	.booster_description { 
		margin: 0 auto;
		text-align: center;
		width: 80%;
	}
	.booster_title_svg { height: 62px; }
	.product_booster {
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 40px;
	}
	.productimg_booster {
		position: relative;
		width: 80%;
		margin: 0 auto;
		left: 0;
	}
	.booster_intro_product h3 { font-size: 14px; }
	.booster_intro_product p { padding-left: 10%; padding-right: 10%; }
	.booster_lingonberry, .booster_noni {
		background-position: top left;
	}
	.booster_lingonberry, .booster_noni {
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.booster_berry_fact_1, .booster_berry_fact_2, .booster_berry_fact_3, .booster_berry_fact_4, .booster_berry_fact_5 {
		position: relative;
		width: 90%;
		left: 0;
		margin: 0 auto;
	}
	.booster_facts h2 {
		color: #FFF;
		font-style: normal;
		font-size: 18px;
		text-shadow: 2px 1px 2px  #000;
	}
	.booster_noni_facts h2   {
		font-size: 18px;
	}
	.booster_subtitle { width: 60%; }
	.booster_intro_product p { font-size: 14px; }
}

/* ******************************************************************* */
/* Extreme 2019 */
/* ******************************************************************* */

.extreme_intro {
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: top right;
	background-image: url(../img/products/extreme/bg-extreme.jpg);
	margin: -100px auto 0 auto;
	height: 100%!important;
	min-height: 650px;
	padding: 45% 0 0;
	padding-bottom: 150px;
}
.extreme_intro_txt {
	position: absolute;
	left: 7%;
	top: 15%;
	width: 90%;
	text-align: left;
	color: #FFF;
}
.productimg_extreme {
	width: 500px;
	max-width: 700px!important;
	position: absolute;
	top: 45%;
	left: 30%;
}

.extreme_description {
	display: block;
	width: 500px;
}
	.extreme_description .extreme_title_svg { height: 73px; }
	.extreme_description h2 {
		font-weight: 800; 
		font-size: 24px;
		text-transform: uppercase; 
		line-height: 1; 
		padding: 0;
		margin: 10px 0px 10px 0px;
	}
	.extreme_description p {
		font-size: 16px;
		font-weight: bold;
		line-height: 1.5; 
		margin: 0;
		padding: 0px 0px 0px 0px;
	}
.product_extreme {
	display: block;
	width: 80%;
	margin: 50px 0px 0px 0px;
	position: relative;
} 
.extreme_title { width: 200px; padding: 0; margin: 0; }
.product_extreme h2 {
	font-weight: 800; 
	font-size: 18px;
	text-transform: uppercase; 
	line-height: 1.3; 
	padding: 0;
	margin: 10px 0px 10px 0px;
}
.product_extreme .diet_badge span {
	color: #FFF;
	display: inline-block;
	line-height: 20px!important;
}

.extreme_bilberry {
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: top right;
	background-image: url(../img/products/extreme/bg-extreme_2.jpg);
	margin: 10px auto 0 auto;
	height: 100%!important;
	padding: 40% 0 0;
	padding-bottom: 200px;
}
.extreme_spirulina {
	position: relative;
	background-repeat:no-repeat;
	background-size:cover;
	background-position: top right;
	background-image: url(../img/products/extreme/bg-extreme_3.jpg);
	margin: 10px auto 0 auto;
	height: 100%!important;
	padding: 40% 0 0;
	padding-bottom: 200px;
}
.extreme_spirulina_txt {
	position: absolute;
	width: 90%;
	display: block;
	top: 10%;
	left: 5%;
	right: 5%;
	text-align: center;
}
.extreme_spirulina_txt .row { width: 100%; }
.extreme_spirulina_txt h2 {
	color: #000!important;
	font-weight: 400; 
	font-size: 24px;
	line-height: 1.2; 
	text-align: center;
}

.extreme_facts {
	width: 450px;
	position: absolute;
	right: 10%;
	top: 20%;
	color: #000;
}
.extreme_facts h2  {
	font-weight: 400; 
	font-size: 24px;
	line-height: 1.2; 
	text-align: center;
	padding-bottom: 40px;
}

.extreme_berry {
	width: 20%;
	margin: 2% auto;
}

.extreme_subtitle { 
	margin: 20px auto 20px auto!important; 
	width: 40%; 
}
.extreme_intro_product h3 {
	color: #FFF!important;
	font-size: 18px;
}
.extreme_intro_product p {
	color: #FFF!important;
	font-size: 16px;
	padding-left: 20%;
	padding-right: 20%;
	line-height: 1.5;
	font-weight: 300;
	text-align: center;
}

.btn_extreme_pdf {
	border-radius: 0;
	margin: 20px 5px 40px 5px;
	background: #1e5a31;
	color: #FFF;
}

@media (min-width: 2000px){
	.extreme_description { width: 1000px; }
	.extreme_description .extreme_title_svg { width: 600px!important; }
	.extreme_description h2 { font-size: 56px; margin-bottom: 20px; }
	.extreme_description p { font-size: 24px; }

	.extreme_title { width: 500px; padding: 0; margin: 0px 0px 20px 0px; }
	.product_extreme h2 { font-size: 28px;  }
	.product_extreme p { font-size: 24px; }

	.extreme_facts { width: 500px; }
	.extreme_facts h2   { font-size: 28px; }
}
@media (max-width: 990px){
	.extreme_intro { 
		margin-top: 0;
		padding-bottom: 250px;
	}
	.extreme_intro_txt { top: 10%; }
	.productimg_extreme { right: 30%; }
	.extreme_facts { right: 5%; width: 350px; top: 15%; }
	.extreme_facts h2, .extreme_spirulina_txt h2 { font-size: 18px!important; }

}
@media (max-width: 768px){
	.extreme_intro { padding: 0; min-height: 750px; }
	.extreme_intro_txt {
		position: relative;
		padding-top: 5%;
	}
	.extreme_description { width: 380px; }

	.productimg_extreme {
		left: auto;
		top: auto;
		bottom: 5%;
		right: 5%;
		width: 50%;
	}
	.extreme_facts { right: 5%; width: 300px; top: 10%; }
	.extreme_facts h2, .extreme_spirulina_txt h2 { font-size: 16px!important; }
	.extreme_facts h2 { padding-bottom: 20px; }
	.extreme_intro_product p { padding-left: 10%; padding-right: 10%; }
	.extreme_spirulina_txt { top: 5%; }
}
@media (max-width: 576px) {  
	.extreme_intro { background-color: #000; background-size: 200%; }
	.extreme_intro_txt {
		width: 100%;
		left: 0;
		right: 0;
		background: rgba(0, 0, 0, 0.5);
	}
	.extreme_description { 
		width: 90%;
		margin: 0 auto;
		text-align: center;
		padding-top: 20px;
	}
	.extreme_title_svg { height: 62px!important; }
	.extreme_description p, .extreme_description h2 { text-shadow: 2px 1px 2px rgba(0, 0, 0, 1); }
	.extreme_berry { width: 40%; }
	.extreme_subtitle { width: 80%;}
	.product_extreme {
		width: 90%;
		margin: 40px auto;
	}
	.productimg_extreme {
		float: none;
		position: relative;
		right: 0;
		left: auto;
		width: 80%;
	}
	.diet_badge span { font-size: 12px; }
	.extreme_lingonberry {
		padding: 40px 0 100px 0;
	}
	.extreme_facts {
		position: relative;
		width: 80%;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.extreme_facts h2  { 
		text-shadow: 2px 1px 2px rgba(0, 0, 0, 1);
		color: #FFF; 
		padding-bottom: 20px;
	}
	.extreme_spirulina { 
		padding: 20px 0 200px 0;
		background-size: 100%;
		background-position: bottom center;
	}
	.extreme_spirulina_txt {
		position: relative;
		margin: 0px auto;
		width: 80%;
	}
	.extreme_spirulina_txt .col-xs-4 {
		float: none;
		display: block;
		width: 100%;
		padding: 20px 0px 0px 0px;
	}
	.extreme_intro_product h3 { font-size: 14px; }
}




/* OLD STUFF */


.container-products {
	margin: 0px auto 0px auto;
	padding: 40px 0px;
	background-image: url(../img/bg/challenge/bg-challenge-start.jpg);
	background-color: #FFF;
    background-size: 100%;
	background-position: top left;
    background-repeat: repeat-y;
	min-height: 800px;
	width: 100%;
	text-align: center;
	z-index: 100;
}
.container-elixir {
	margin: 0px auto 0px auto;
	padding: 0px;
	background-image: url(../img/bg/challenge/bg-challenge-start.jpg);
	background-color: #FFF;
    background-size: 100%;
	background-position: top left;
    background-repeat: repeat-y;
	min-height: 800px;
	width: 100%;
	text-align: center;
}



/* ******************************************************************* */
/* ******************************************************************* */
/* PRODUCTS */
/* ******************************************************************* */
/* ******************************************************************* */

.booster, .vital, .arcticsun {
	width: 100%;
	max-width: 900px!important;
}
.wf-products-booster, .wf-products-vital, .wf-products-arcticsun, 
.wf-products-arcticoils, .wf-products-extreme, .wf-products-elixir {
	margin: 0 auto;
	max-width: 900px;
}
.wf-products-arcticsun-mobile, .wf-products-arcticoils-mobile, .wf-products-extreme-mobile,
.wf-products-vital-mobile, .wf-products-booster-mobile { display: none; }

.wf-products-arcticoils, .wf-products-extreme {
	margin-top: 40px!important;
}

.b-intro { 
	font-size: 18px;
	margin-top: 20px;
	line-height: 1.7;
}
.b-col h3 { color: #6f6f6f; }

.productinfo {
	padding-top: 10%;
	padding-bottom: 10%;
	margin: 0 auto;
	background-size: cover!important;
}
.nf_seabuchthorn { background: bottom right url(../img/products/arcticsun-tyrni.jpg) no-repeat; }
.nf_blackcurrant { background: bottom right url(../img/products/arcticoils-mustaherukka.jpg) no-repeat; }
.nf_oils { background: bottom right url(../img/products/arcticoils-lohi.jpg) no-repeat; }
.nf_bilberry { background: top left url(../img/products/extreme-mustikka.jpg) no-repeat; }
.nf_spirulina { background: top left url(../img/products/extreme-spirulina.jpg) no-repeat; }
.nf_lingonberry { background: top right url(../img/products/booster-puolukka.jpg) no-repeat; }
.nf_noni { background: bottom right url(../img/products/booster-noni.jpg) no-repeat; }
.nf_colostrum { background: bottom left url(../img/products/vital-ternimaito.jpg) no-repeat; }


.productinfo i { margin-bottom: 10px;}
.productinfo a {
	display: block;
	height: 100%;
	width: 100%;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
	color: #FFF;
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
	padding: 0 10px;
}
.productinfo a:hover {
	text-decoration: none;
	color: #ff9900;
	cursor: pointer;
}
.info_arcticsun a, .info_arcticoils a, .info_extreme a, .info_elixir a { color: #666; }

.link_oils a:hover { color: #993399; }
.link_extreme a:hover { color: #CCC; }
.link_booster a:hover{ color: #cc0033; }
.link_vital a:hover{ color: #0066cc; }
.info_elixir {
	padding-top: 0;
	padding-bottom: 2%;
}

/* ******************************************************************* */
/* ******************************************************************* */
/* RAVINTOSISALTÖ TAULUKKO */
/* ******************************************************************* */
/* ******************************************************************* */

.btn-product {
	margin: 5px auto;
	width: 100%;
	white-space: normal!important;
	padding-left: 20px!important;
	padding-right: 20px!important;
}
.nf {
	clear: both!important;
	float: none;
	width: 96%;
	max-width: 768px;
	margin: 40px auto;
	text-align: left;
	font-size: 12px;
	font-style: normal;
	background-image: url(../img/bg/products/bg-structure.jpg);
	background-color: rgba(255,255,255,0.8);
    background-size: 100%;
	background-position: top right;
    background-repeat: no-repeat;	
	padding-bottom: 40px;
}
.tab-nav {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 -5px;
}

.tab-nav li {
	display: inline-block;
	text-align: center;
	flex-grow: 1;
	margin: 0 5px 10px;
}

.tab-nav li:hover { opacity: .95; }

.tab-nav li a {
	padding: 30px;
	display: block;
	text-decoration: none;
	color: white;
}

/* Content */

.content {
  color: #FFF;
  padding: 25px;
  display: none;
}

.link_booster .col-xs-12, .link_oils .col-xs-12, 
.link_extreme .col-xs-12, .link_vital .col-xs-12 {
	margin-bottom: 20px;
}
.content.active { display: block; }

.nf h3 { 
	text-align: left!important; 
	text-transform: uppercase;
	padding-left: 40px;
	padding-top: 20px;
	font-weight: 900;
	font-size: 16px;
}
.nf p { 
	text-align: left; 
	padding: 0px 40px;
	font-size: 14px;
	max-width: 70%;
}
.nfimg-elixir   { 
	float: right; 
	max-width: 250px; 
	padding: 0px 60px 0px 20px;
	margin-top: 50px;
}
.nfimg   { 
	float: right; 
	max-width: 200px; 
	padding: 0px 60px 0px 20px;
	margin-top: 50px;
}
.nf table {
	margin: 0px auto;
	width: 90%;
}
.readmore {
	padding: 20px 0px;
	margin: 20px 0px;
	font-size: 12px!important;
	max-width: auto;
	font-weight: bold;
}
.btn-readmore  {
	margin-top: 10px;
	border: 1px solid #CCC;
	padding: 10px 20px;
	word-wrap: break-word;
}
.disclaimers {
	clear: both;
	margin-top: 20px;
}
.disclaimers p{
	font-size: 11px!important;
	width: 100%;
	max-width: 100%!important;
}

/* ******************************************************************* */
/* ******************************************************************* */
/* PRODUCT: ELIXIR */
/* ******************************************************************* */
/* ******************************************************************* */

.elixir {
	padding-bottom: 0;
	margin-bottom: 0!important;
/*	margin-left: 8%!important;*/
	margin: 0 auto;
}
.wf-products-elixir {
	width: 100%;
}

.elixir h4 {
	padding: 0;
	margin: 0px 0px 3px 0px;
}
.elixirtxt {
	margin-top: 40px; 
	text-align: left;
}
.elixirtxt p{
	font-size: 16px;
	font-style: normal;
	line-height: 1.8;
	padding-bottom: 40px;
}
.elixirtxt h4 {
	font-weight: bold;
	font-style: normal;
	font-size: 14px;
}
.elixirtxt h4:first-child {
	margin-top: 15px;
}
.elixir_adtxt {
	width:  45%;
	right: 0;
	display: block;
	top: 5%;
	position: absolute;
}
.adtxt {
	font-family: 'Amatic SC'!important;
	font-style: normal;
	font-size: 30px!important;
	padding: 0!important;
	margin: 0px 20px 20px 30px!important;
	line-height: 1;
}
.elixir_adtxt h3 {
	font-size: 16px!important;
	font-weight: 900;
	color: #545454;
	margin-top: 50px;
	text-align: left;
	padding-left: 30px;
	line-height: 1.3;
	margin-bottom: 10px;
}
.elixir_adtxt p {
	padding-left: 30px;
	text-align: left;
	font-size: 14px;
}
/*
.adtext > p:first-child {
	padding-top: 300px!important;
}
*/
.berries { margin-bottom: 0!important; }
.ingredient { height: 200px!important; }
.herbs {
	clear: both;
	width: 68%;
	margin: 0 auto;
}
.ingredient img  {
	vertical-align: bottom;
	display: block;
}
.ingredient h4 {
	color: #484848;
	font-size: 14px;
	width: auto;
	font-weight: bold;
	margin-right: 5px;
	margin-left: 5px;
	padding-bottom: 5px;
	margin-bottom: 0;
	border-bottom: 1px solid #CCC;
	text-transform: uppercase;
}
.ingredient h5 {
	font-size: 12px;
	margin-top: 5px;
	padding-top: 0;
	text-transform: uppercase;
}
.container-elixir a { color: #000; }
.container-elixir h4:hover {
	color: #77260a;
}
.container-elixir a:hover {
	color: #77260a!important;
	text-decoration: none;
	cursor: pointer!important;	
}



.story h1 {
	color: #484848; 
	font-weight: 900; 
	font-size: 40px;
}
.story h2 { font-size: 20px; margin-bottom: 40px; }
.storyimg { width: 30%!important;}	




/* ******************************************************************* */
/* ******************************************************************* */
/* PRODUCT: FLOW */
/* ******************************************************************* */
/* ******************************************************************* */
.coming_soon {
	display: block;
	position: relative;
	background: #000;
	height: 70vh;
	margin-top: -100px;
	min-height: 100%;
	margin-bottom: 0px;
	padding: 55% 0 0;
}
.coming_soon .flow_logo {
	width: 90%;
	max-width: 300px;
	margin: 40px auto;
}
.coming_soon_txt {
	position: absolute;
	color: #ffffff;
	z-index: 2;
	padding: 20px 40px;
	width: 80%;
	margin: 0px;
	top: 20%;
	left: 10%;
	right: 10%;
	text-align: center;
}
.coming_soon_txt h1 {
	font-size: 2em;
    font-weight: 800;
    line-height: 1.4;
	text-transform: uppercase;
	color: #FFF;
	text-align: center;
	text-shadow: 2px 1px 2px  #000;
	margin: 0px 0px 60px 0px;
	padding-left: 5%;
	padding-right: 5%;
}

.coming_soon_txt h2 {
	font-size: 1.3em;
    font-weight: 800;
    line-height: 1.4;
	color: #FFF;
	text-align: center;
	text-shadow: 2px 1px 2px  #000;
	margin: 0;
	padding: 0;
}
.coming_soon_txt p {
	font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    padding-bottom: 10px;
	color: #FFF;
	text-align: center;
	text-shadow: 2px 1px 2px  #000;
}

.coming_soon_txt .container {
	width: 100%;
	margin: 0px auto;
}

#countdown {
	width: 100%;
	margin: 60px auto 0px;
}
#countdown .row {
	width: 500px;
	margin: 0 auto;
}
#countdown .col-xs-12 {
	border: 1px dotted #cc3a89;
	background: rgba(0, 0, 0, 0.5);
	padding: 20px;
	margin: 0px 5px 0px 0px;
	width: 24%;
}
#countdown h1 {
	margin: 0!important;
	padding: 0;
	font-size: 3em;
	font-weight: 800;
	line-height: 1;
}
#countdown h5 {
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1;
}

.effects {
	background: #000 top center url(../img/products/flow/effects_bg.jpg) no-repeat;
	background-size: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	padding-bottom: 10%;
	padding-top: 10%;
}
.effects .container {
	position: relative;
	color: #ffffff;
	z-index: 2;	
	opacity: 1;
}
.effects .row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display:  flex;
  }
.effects .row > [class*='col-'] {
	   display: flex;
	   flex-direction: column;
	   min-height: 400px;
	   border-radius: 1px;
	   box-shadow: 0px 0px 0px 3px rgba(204,58,137, 0.9);   
	   padding: 20px 0px;
}
.effect_1, .effect_2, .effect_3 {
	margin-left: 20px;
	position: relative;
	overflow: hidden;
	background-color: rgba(0, 0, 0);
}
.effects h1 {
	font-size: 2em;
    font-weight: 800;
    line-height: 1.3;
	color: #FFF;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 2px 1px 2px  #000;
	margin-bottom: 5%;
	padding-left: 10%;
	padding-right: 10%;
}

.effects h2 {
	padding-left: 15%;
	padding-right: 15%;
	font-size: 1.5em;
    font-weight: 800;
    line-height: 1.3;
	color: #FFF;
	text-transform: uppercase;
	margin-top: 5%;
	text-align: center;
	text-shadow: 2px 1px 2px  #000;
}
.effects p {
	font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    padding-bottom: 10px;
	color: #FFF;
	text-align: center;
	text-shadow: 2px 1px 2px  #000;
}

#effectsvideo { 
	position: absolute;
	height: auto;
	width: auto;
	min-height: 100%;
	min-width: 100%;
	left: 50%;
	top: 50%;
	-webkit-transform: translate3d(-50%, -50%, 0);
	transform: translate3d(-50%, -50%, 0);
	z-index: 1;
	opacity: 0.3;
}

.flow-intro  {
	display: block;
	position: relative;
	background: transparent;
	height: 80vh;
	margin-top: -100px;
	min-height: 700px;
	margin-bottom: 10px;
	padding: 45% 0 0;
}
.flow-intro-txt {
	position: absolute;
	color: #ffffff;
	z-index: 2;
	padding: 20px 40px;
	width: 80%;
	margin: 0px;
	top: 15%;
	left: 10%;
	right: 10%;
	text-align: center;
}

.video-container {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	object-fit: fill;
}

.video-container video {
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.gradient_overlay {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: ' ';
	z-index: 1;
	backface-visibility: hidden;
	background: #3452ff;
	background: linear-gradient(180deg,transparent 0, #000 100%);
	opacity: 0.8;	
}

.flow-intro h1 {
	font-size: 4em;
    font-weight: 800;
    line-height: 1.4;
	color: #FFF;
	text-align: center;
	text-shadow: 2px 1px 2px  #000;
}
.flow-intro h2 {
	font-size: 2em;
    font-weight: 300;
    line-height: 1.4;
    padding-bottom: 10px;
	color: #FFF;
	text-align: center;
	text-shadow: 2px 1px 2px  #000;
}



.flow-effects {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 30px;
    background-color: #000;
	height: 80vh;
    overflow: hidden;
	position: relative;
	color: #FFF;
}
.flow-effects h1 {
	font-size: 7em;
    font-weight: 800;
    line-height: 1.4;
	color: #FFF;
	text-align: center;
	text-shadow: 2px 1px 2px  #000;
}
.flow-effects p {
	font-size: 3em;
	text-transform: uppercase;
    font-weight: 300;
    line-height: 1.4;
    padding-bottom: 10px;
	color: #FFF;
	text-align: center;
	text-shadow: 2px 1px 2px  #000;
}
.carousel-inner {
	height: 100%;
}
#video-background {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: hidden;
	z-index: 1;
	width: 100%;
}

.flow-effects .container {
	top: 0;
	width: 80%;
	left: 10%;
	right: 10%;
	margin-top: 10%;
	position: absolute;
	z-index: 2;
}




.container-flow {
	position: relative;
	/*
	background: #f5f6f6;
	background: -moz-linear-gradient(top,  #f5f6f6 0%, #dbdce2 21%, #a1a2ad 50%, #dddfe3 80%, #f5f6f6 100%);
	background: -webkit-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#a1a2ad 50%,#dddfe3 80%,#f5f6f6 100%);
	background: linear-gradient(to bottom,  #f5f6f6 0%,#dbdce2 21%,#a1a2ad 50%,#dddfe3 80%,#f5f6f6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 );
	*/
	background-repeat:no-repeat;
	background-size:cover;
	background-position: top right;
	background-image: url(../img/products/flow/bg_intro.jpg);
	margin: -100px auto 0 auto;
	height: 100%!important;
	min-height: 650px;
	padding: 45% 0 0;
	padding-bottom: 150px;
}







.flow-txt {
	position: absolute;
	left: 10%;
	top: 15%;
	width: 45%;
	text-align: center;
	color: #FFF;
	padding: 0;
}
.flow_title_svg {
	width: 80%;
}
.container-flow_new .starburst {
	font: 3em/1.4 Impact, serif;
	background: #c90009;  
	width: 2.5em;
	height: 2.5em;
	text-align: center;
	color: #fff;
	transform: rotate(-75deg);
	margin: 0 auto 60px auto;
}
.flow-txt h1 {
	font-weight: 800; 
	font-size: 48px;
	text-transform: uppercase; 
	line-height: 1; 
	padding: 0;
	margin: 10px 0px 10px 0px;
}
.flow-img {
	width: 300px;
	position: absolute;
	top: 15%;
	right: 20%;
}



/* COMING SOON */
.flow-txt_soon {
	position: absolute;
	left: 25%;
	right: 25%;
	top: 35%;
	width: 50%;
	text-align: center;
	color: #FFF;
	padding: 0;
}

.flow-txt_soon h1 {
	font-weight: 800; 
	font-size: 72px;
	text-transform: uppercase; 
	line-height: 1; 
	padding: 0;
	margin: 10px 0px 10px 0px;
	text-align: center;
}




.flow-infobox {
	width: 400px;
	margin: 50px auto 0 auto;
	padding: 5px 20px;
	z-index: 1000;
}
.flow-infobox h2 {
	font-weight: 900; 
	font-size: 24px;
	text-transform: uppercase; 
	line-height: 1; 
	padding: 0;
	margin: 20px 0px 20px 0px;
}

.flow .carousel img {
	max-width: 100%!important;
	width: 100%;
}

.carousel-control.left, .carousel-control.right {
    background-image: none;
}

.unhealthy_loop {
	margin-top: 10px;
	background-image: url(../img/products/flow/bg_unhealthy.jpg);
	background-size: cover;
	background-position: bottom left;
	background-repeat: none;
	height: auto;
	position: relative;
	text-align: center;
	padding: 50% 0 0;	
}

.unhealthy_loop_txt {
	position: absolute;
	top:25%;
	left: 5%;
	width: 38%;
	text-align: center;
	color: #000;
}
.unhealthy_loop_txt h1 {
	font-weight: 800; 
	font-size: 28px;
	text-transform: uppercase; 
	line-height: 1.2; 
	margin-bottom: 25px;
}
.unhealthy_loop_txt p {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.5; 
}


.userexperience {
	margin-top: 10px;
	background-image: url(../img/products/flow/bg_userexperience.jpg);
	background-size: cover;
	background-position: bottom left;
	background-repeat: none;
	height: auto;
	position: relative;
	text-align: center;
	padding: 50% 0 0;	
}

.userexperience_txt {
	position: absolute;
	top:25%;
	left: 5%;
	width: 38%;
	text-align: center;
	color: #000;
}
.userexperience_txt h1 {
	font-weight: 800; 
	font-size: 28px;
	text-transform: uppercase; 
	line-height: 1.2; 
	margin-bottom: 25px;
}
.userexperience_txt p {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.5; 
}
.btn-userexperience {
	margin-top: 10px;
	border: 1px solid #333;
	padding: 10px 40px;
	border-radius: 0;
	color: #000;
}
.btn-userexperience:hover {
	background: #66ccff;
	color: #FFF;
	border: 1px solid #FFF;
}

.scientifically {
	margin-top: 10px;
	background-image: url(../img/products/flow/bg_scientifically.jpg);
	background-size: cover;
	background-position: bottom left;
	background-repeat: none;
	height: auto;
	position: relative;
	text-align: center;
	padding: 60% 0 0;	
}

.scientifically_txt {
	position: absolute;
	top:5%;
	left: 15%;
	right: 15%;
	width: 70%;
	text-align: center;
	color: #000;
}

.flow_title2_svg {
	margin: 0 auto;
}

.identities {
	padding-top: 40px;
	overflow-x: hidden;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.identities div {
	text-align: center;
}
.identities h1 {
	font-weight: 800; 
	font-size: 28px;
	text-transform: uppercase; 
	line-height: 1.2; 
	margin-bottom: 25px;
}
.identities p {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.5; 
}



.flow_cell {
	z-index: 1000;
	position: absolute;
	left: 32%;
	width: 35%;
}
.identities .row {
	display: flex;
	margin-top: 40px;
}
.rowbox_1, .rowbox_2 {
	width: 48%;
	padding: 2em;
	min-height: 500px;	
	background: #fbfbfa;
	border: 2px solid #ebeaea;
}
.rowbox_1 {
	margin-left: 1.5%;
}
.rowbox_2 {
	margin-left: 0.5%;
}
.box_instant, .box_longlasting {
	vertical-align: bottom;
	display: table-cell;
	width: 98%!important;
	margin: 0 auto;
	text-align: center!important;
	height: 100%;
	/*
	background: #fbfbfa;
	border: 2px solid #ebeaea;
	*/
}

.identity_flow {
	position: absolute;
	bottom: 20px;
	z-index: 100;
	width: 65%;
	left: 15%;
	vertical-align: bottom;
}
.identity_products {
	z-index: 100;
	width: 80%;
	margin: 0px auto 0px auto;
	vertical-align: bottom;
}
.box_float_ll {
	display: block;
	position: absolute;
	top: 25%;
	left: 30%;
	width: 35%;
}
	.box_float_ll h2 {
		text-transform: uppercase;
		font-weight: bold;
		color: #6677ae;
		font-size: 24px;
	}





/* ******************************************************************* */
/* ******************************************************************* */
/* FOOTER */
/* ******************************************************************* */
/* ******************************************************************* */


.footer > .container-footer {
	padding-top: 40px;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
}
.copyright {
	margin-top: 20px;
}

.container-footer h5, .container-footer h4 {
	text-transform: uppercase;
	margin-left:5%;
	font-weight: bold;
}
.container-footer h4 {
	font-size: 18px;
    color: #FFF;
    font-style: normal;
}
.container-footer h5 { font-size: 12px; }
.container-footer ul {
	list-style: none;
	margin: 0 0 0 5%;
	padding: 0;
    color: #FFF!important;
}
.container-footer ul li {
    font-size: 14px;
    font-style: normal;
}




/* ******************************************************************* */
/* ******************************************************************* */
/* MOBILE */
/* ******************************************************************* */
/* ******************************************************************* */

@media (max-width: 1300px) {
	.coming_soon {
		display: block;
		position: relative;
		background: transparent;
		height: 70vh;
		margin-top: -100px;
		min-height: 100%;
		margin-bottom: 10px;
		padding: 80% 0 0;
	}
}
@media (max-width: 1100px) {
	.coming_soon {
		padding: 100% 0 0;
	}
	.coming_soon_txt { 
		width: 90%;
		left: 5%;
		right: 5%;
	}
}

@media (max-width: 1024px) {
	.berries { margin: auto; }
}


@media (max-width: 990px) {
	.effects .row {
		width: 100%;
	}
	.effects .row > [class*='col-'] {
		display: flex;
		flex-direction: column;
		min-height: auto;
		border-radius: 1px;
		box-shadow: 0px 0px 0px 5px rgba(0,0,0,0.5);   
		padding: 20px 0px;
	}
 
	.effects h2 {
		font-size: 18px;
		font-weight: 800;
		line-height: 1.4;
		color: #FFF;
		text-align: center;
		text-shadow: 2px 1px 2px  #000;
	}
	.effects p {
		font-size: 14px;
		font-weight: 300;
		line-height: 1.4;
		padding-bottom: 10px;
		color: #FFF;
		text-align: center;
		text-shadow: 2px 1px 2px  #000;
	}



	.elixirtxt {
		margin-top: 0px; 
		text-align: left;
	}
	.elixirtxt p{
		font-size: 14px;
		font-style: normal;
		line-height: 1.8;
		padding-bottom: 40px;
	}

	.adtext > p:first-child {
		padding-top: 110%!important;
	}
	.adtext p { font-size: 20px!important; }
	.container-products {
		max-width: auto;
		width: 100%;
	}
	.wf-products {
		max-width: auto;
		width: 90%!important;
	}
	.wf-products-booster, .wf-products-vital, .wf-products-arcticsun, 
	.wf-products-arcticoils, .wf-products-extreme {
		max-width: auto;
		width: 90%!important;
	}
	.elixirbottle {
		margin: 0 auto!important;
		padding: 0!important;
	}
	.elixirbottle .col-xs-12 {
		display: block;
		width: 50%;
		padding: 0;
		margin: 0;
	}
	.wf-txt { margin: 50px auto; }

	.allproducts  > .col-xs-6  { margin: 0 auto;	}
	.row { width: 90%; }
	.productinfo { margin-bottom: 10px; }
	.link_oils { margin: 0 auto; }
	.link_oils .col-xs-12 {
		width: 49%;
	}
	.adtxt { font-size: 24px!important;}
	.wf-products-elixir  { margin-top: 50px;}
}

@media (max-width: 900px) {
	.wf-products-elixir  { margin-top: 200px;}
}

@media (max-width: 768px) {
	.coming_soon {
		background: top center url(../img/products/flow/flow_mobile_bg.jpg) no-repeat;
		background-size: cover;
		position: relative;
		padding: 10px;
		margin: 0;
		height: auto;
	}
	.coming_soon_txt{
		position: relative;
		margin: 20px auto;
		width: 98%;
		left: 0;

	}
	.introvideo {
		display: none;
	}
	#countdown .row {
		margin: 0 auto;
	}
	#countdown .col-xs-12 {
		width: 48%;
		margin-top: 5px;
	}
	

	.effects .row {
		display: block;
		margin: 0 auto;
	}
	.effects .row > [class*='col-'] {
		display: block;
		float: none;
		left: 0;
		right: 0;
		width: 70%;
		margin: 10px auto 20px auto;
		min-height: auto;
		max-width: auto;
		border-radius: 1px;
		box-shadow: 0px 0px 0px 3px rgba(204,58,137, 0.9);   
		padding: 20px 0px;
	 }
	.effects h1 {
		font-size: 1.5em;
		padding-right: 20px;
		padding-left: 20px;
	}



	.elixirtxt, .elixirimg {
		float: none;
		width: 90%;
		margin: 0 auto;
	}
	.bounce { position: relative; bottom: -40px; }
	.berries { clear:both; margin-top: 10%; }
	.adtext > p:first-child { padding-top: 0px!important; }
	.ingredient { height: 250px!important; }
	.link_oils .col-xs-12, .link_extreme .col-xs-12 {
		float: none;
		width: 96%;
		margin: 0px auto 10px auto!important;
	}
	.productinfo a { font-size: 18px; }
	.nfimg   { 
		padding: 0px 30px 0px 20px;
		margin-top: 10px;
	}
	.wf-products-elixir  { margin-top: 0px;}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) { 
	.elixirbottle {
		float: none;
		width: 90%;
		margin: 0 auto;
	}
	.elixir_adtxt {
		width:  40%;
		right: 0;
		display: block;
		top: 5%;
		position: absolute;
	}
	.elixir_adtxt h3 { margin-top: 100px; }

}

@media (max-width: 660px) {
	.cartbox .border-start {border: none!important; }

	#countdown .row {
		width: 98%;
		margin: 0 auto;
	}
	#countdown .col-xs-12 {
		width: 46%;
		margin-top: 5px;
	}
	
	.container-elixir { overflow: hidden; }
	.elixirtxt { padding-bottom: 0; margin-bottom: 0; }
	.berries {clear: both;}
	.elixirbottle {
		display: block;
		width: 96%;
		padding: 0;
		margin: 0 auto;
	}	
	.elixir_adtxt { 
		display: block;
		clear: both;
		float: none!important;
		width: 96%;
		position: relative;
		top: 0;
	}
	.wf-products-elixir { clear: both; float: none;  }
	.wf-products-elixir-mobile  { margin-top: 50px;}
	.ingredient { height: 240px!important; }
	.product-story { margin: 0 auto! important; }
	.arcticsun h1, .arcticoils h1, .extreme h1, .booster h1, .vital h1 { margin-top: 5%!important; font-size: 36px; }
	.arcticsun h2, .arcticoils h2, .extreme h2, .booster h2, .vital h2 { font-size: 20px; }
	.arcticsun h3, .arcticoils h3, .extreme h3, .booster h3, .vital h3 { font-size: 18px; margin-bottom: 10px; }
	.b-intro { margin-top: 40px; }
	.arcticsun p, .arcticoils p, .extreme p, .booster p, .vital p { font-size: 14px; }
	.info_arcticsun { padding-top: 0;}
	.nf {
		background-image: url(../img/bg/products/bg-structure_mobile.png);
		background-color: rgba(255,255,255,0.8);
		background-size: 100%;
		background-position: top center;
		background-repeat: no-repeat;	
	}
	.nf h3 { 
		text-align: left!important; 
		text-transform: uppercase;
		padding: 0;
		text-align: center!important;
		font-weight: 900;
		font-size: 14px;
	}
	.nf p { 
		text-align: left; 
		padding: 0px 20px 0px 20px;
		font-size: 12px;
		max-width: 96%;
	}
	.nfimg   { 
		float: none; 
		padding: 20px 60px 0px 20px;
		margin: 0px auto 0px auto;
	}	
	.allproducts h3 { font-size: 18px; }
	.allproducts p {
		font-size: 14px;
	}
	
}

@media (max-width: 480px) {
	.col-xs-6 h3 { font-size: 20px; }
	.wf-txt img { 
		width: 90%; 
		margin: 0 auto; 
		padding: 0px 5px 0px 5px; 
	}	
	.col-xs-4,.col-xs-2 { width: 100%; }
	.elixir_adtxt h3 { margin-top: 10px; font-size: 14px!important;}
	.elixir_adtxt p { font-size: 14px;}
	.adtxt { font-size: 22px!important; }
	.ingredient { height: 160px!important; }
	.wf-products-booster, .wf-products-vital, .wf-products-arcticsun, 
	.wf-products-arcticoils, .wf-products-extreme {
		display: none;
	}	
	
	.wf-products-arcticsun-mobile, .wf-products-booster-mobile, .wf-products-vital-mobile,
	.wf-products-arcticoils-mobile, .wf-products-extreme-mobile {
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	
	.arcticsun h1, .arcticoils h1, .vital h1, .booster h1, .extreme h1 { margin-top: 40px!important; font-size: 40px; }
	.arcticsun h2, .arcticoils h2, .vital h2, .booster h2, .extreme h2 { font-size: 18px; }
	.arcticsun h3, .arcticoils h3, .vital h3, .booster h3, .extreme h3 { font-size: 18px; }

	.b-col { margin-top: 0px; }

	
}


.product_card .card {
	border: none;
	overflow: hidden;
}
.product_card .content p {
	font-weight: 300;
}

.thumbnail_images ul{
	list-style: none;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top:10px;
}
.thumbnail_images ul li{
	margin: 5px;
	padding: 10px;
	border: 2px solid #eee;
	cursor: pointer;
	transition: all 0.5s;
}
.thumbnail_images ul li:hover{ border: 2px solid #000; }
.main_image{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 500px;
	width: 100%;
	overflow: hidden;
}
.ratings span{
	font-size: 14px;
	margin-left: 12px
}
.right-side { position: relative; } 

.product_description h4 {
	font-weight: 400;	
}
.product_description .input-group {
	max-width: 240px;
}

@media (max-width: 990px) {
	.product_description .input-group {
		max-width: 100%;
	}
}