/*-------------------------------------------------*/
/* ----------NeoLife Story page---------- */
/*-------------------------------------------------*/

.neolifeStory .headerLine {
	background-image: url(//s3-us-west-1.amazonaws.com/static.neolife.com/market/cm/assets/images/main_jerry.jpg);
}

/*-------------------------------------------------*/
/* ----------Nutriance page---------- */
/*-------------------------------------------------*/
.nutrianceStory .headerLine {
	background: url(http://static.neolife.com.s3.amazonaws.com/market/us/assets/images/face_f_bw.jpg) center left no-repeat;
	background-size: auto 100%;
	border-bottom:1px solid #efefef;
	height:100vh;
}
.nutrianceStory .headerLine h1{
	color:#626263;
	letter-spacing: 3px;
	text-transform: uppercase;
}
.nutrianceStory .headerLine p{
	letter-spacing: 1px;
}
#wrapper section.ClinicallyProven {
    padding-top: 0px;
    padding-bottom: 0px;
}
.ClinicallyProven .item h1 {
	font-size: 6em;
	color: #8ac2db;
}
.ClinicallyProven .item h3 {
	transform: scaleY(1.2);
	padding-top: 60px;
}
.ClinicallyProven .carousel {
    padding-bottom: 0px;
}
.ClinicallyProven .carousel-inner .item{
	padding-top:180px;
	height:90vh;
	min-height:660px;
	}
	/*
.ClinicallyProven .carousel-inner .item:nth-child(1){
	background:url('http://static.neolife.com.s3.amazonaws.com/market/us/assets/images/bg_ingredients_seaweed.jpg') center center no-repeat;
	background-size:cover;
	}
.ClinicallyProven .carousel-inner .item:nth-child(2){
	background:url('http://static.neolife.com.s3.amazonaws.com/market/us/assets/images/bg_ingredients_seawater.jpg') center center no-repeat;
	background-size:cover;
	}
.ClinicallyProven .carousel-inner .item:nth-child(3){
	background:url('http://static.neolife.com.s3.amazonaws.com/market/us/assets/images/bg_ingredients_Eoil.jpg') center center no-repeat;
	background-size:cover;
	}
.ClinicallyProven .carousel-inner .item:nth-child(4){
	background:url('http://static.neolife.com.s3.amazonaws.com/market/us/assets/images/bg_ingredients_plantwater.jpg') center center no-repeat;
	background-size:cover;
	}
	*/
.ClinicallyProven .carousel-inner .item .box{
	/* border-top:1px solid rgba(0,0,0,0.15); */
	text-align:left;
	background-color: rgba(255,255,255,0.20);
}
.ClinicallyProven .carousel-indicators{
	bottom: 100px;
}
.ClinicallyProven_all{
	padding-top:80px;
	position:absolute;
	width:100%;
	z-index:30;
}
.threeSteps {
	background-image: url(//s3-us-west-1.amazonaws.com/static.neolife.com/market/us/assets/images/main_three_steps.jpg);
	background-size: cover;
}

.threeSteps h1, .threeSteps h4{
	margin-bottom:0;
	padding-bottom:0;
}
.threeSteps .carousel-indicators li {
	width:180px;
	height:30px;
	text-indent: inherit;
	padding-top:3px;
}
.threeSteps .carousel-indicators .active {
	background-color: #efefef;
}
.threeSteps .carousel-indicators{
	bottom:auto;
}
.threeSteps .box{
	padding:0px;
}

.threeSteps .box h1{
	font-family: "Montserrat", Arial, 'Archivo Narrow', sans-serif;
	font-weight:100;
	font-size:130px;
	margin-top:170px;
}
.threeSteps .box h1.blue{
	color:#9bccd6;
}
.threeSteps .box h4{
	font-weight:100;
	font-size:16px;
	padding-bottom:0;
	margin-bottom:0;
	margin-top:0;
	/*color:#999;*/
}
.threeSteps p{
	font-size:13px;
}
.threeSteps .carousel-inner .item{
	/*background:url('http://static.neolife.com.s3.amazonaws.com/market/us/assets/images/bubbles.jpg') center center no-repeat; */
	background-size:100% 100%;
	}
.threeSteps .item_step .item_box{
	padding:0 10px;
}
.threeSteps .item_step .item_box small{
	font-size:65%;
	color:#aaa;
	font-weight:100;
	letter-spacing: .03em;
}
.stepproduct{
	height:320px;
	width:auto;
}
.scientist{
	/* background: linear-gradient( rgba(0,0,0,0.2), rgba(0,0,0,0.2) ),url('http://static.neolife.com.s3.amazonaws.com/market/us/assets/images/main_whyNutriance.jpg') center center no-repeat; */
	background: url('http://static.neolife.com.s3.amazonaws.com/market/us/assets/images/main_whyNutriance.jpg') center center no-repeat;
	background-size:cover;
	height:100vh;
	}
/*.whyNutriance .whiteBG{
	margin-top:260px;
	background: rgba(255,255,255,0);
}*/
.whyNutriance ul{
	list-style:none;
	margin-top:90px;
}
.whyNutriance ul > li {
    display:list-item;
	background-image:  url('http://static.neolife.com.s3.amazonaws.com/market/us/assets/images/seaweed_bullet.png');
    background-repeat: no-repeat;
	padding-bottom:20px;
	text-transform:uppercase;
	letter-spacing: 1px;
	padding-left:50px;
}
.whyNutriance ul > li:nth-child(1) {
	margin-left:30px;
}
.whyNutriance ul > li:nth-child(2) {
	margin-left:15px;
}
.whyNutriance ul > li:nth-child(3) {
	margin-left:0px;
}
.whyNutriance ul > li:nth-child(4) {
	margin-left:25px;
}
.whyNutriance ul > li:nth-child(5) {
	margin-left:10px;
}
.whyNutriance_gray{
	background:#666 url(http://static.neolife.com.s3.amazonaws.com/market/us/assets/images/face_woman.png) center left no-repeat;
	background-size:auto 100%;
}
.whyNutriance_gray h1, .whyNutriance_gray h2, .whyNutriance_gray h3, .whyNutriance_gray h4,.whyNutriance_gray p, .whyNutriance_gray ul li{
	color:white;
}
.whyNutriance_gray h3{
	line-height:1.8em;
}
.Ingredient1{
    background:#efefef url(http://static.neolife.com.s3.amazonaws.com/market/us/assets/images/face_man.png) center right no-repeat;
	background-size:auto 100%;
}
.Ingredient1 .box{
    padding:20px;
}
.callout{
	background:rgba(237, 242, 242, 0.3);

}
.callout img{
	width:30px;
	opacity: .5;
    filter: alpha(opacity=50); /* IE8 and lower */
	padding-right:5px;
	margin-left:30px;

}
.callout ul li{
	display:inline-block;
}

/*-------------------------------------------------*/
/* ----------Golden Story Page--------- */
/*-------------------------------------------------*/

.goldenStory .headerLine {
	background-image: url(https://s3-us-west-1.amazonaws.com/static.neolife.com/market/cm/assets/images/main_golden.jpg);
}
.Ecosystem{
	height:100vh;
	background: url(//s3-us-west-1.amazonaws.com/static.neolife.com/market/us/assets/images/Ecosystem.jpg) bottom right no-repeat;
	background-size:cover;
}

.Penguins{
	height:100vh;
	background: url(//s3-us-west-1.amazonaws.com/static.neolife.com/market/us/assets/images/Penguins.jpg) bottom right no-repeat;
	background-size:cover;
}
.Butterflies{
	height:100vh;
	background: url(//s3-us-west-1.amazonaws.com/static.neolife.com/market/us/assets/images/Butterflies.jpg) bottom left no-repeat;
	background-size:cover;
	background-position:bottom left !important;
}
.Ecosystem .whiteBG, .Penguins .whiteBG, .Butterflies .whiteBG{
    padding: 30px 60px 35px 60px;
}

/*-------------------------------------------------*/
/* ----------Challenge--------- */
/*-------------------------------------------------*/

.challengeTop {
	background-image: url(http://s3-us-west-1.amazonaws.com/static.neolife.com/market/us/assets/images/runner.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: cover;
}
.challengeHeader {
	padding: 0px 0px 100px 0px;
	font-size: 50px;
}
.challengeIntro {
	background-image: url(http://s3-us-west-1.amazonaws.com/static.neolife.com/market/us/assets/images/pull_up_man.jpg);
	height: 100vh;
}
.challengeIntro .whiteBG {
	padding: 30px 60px 35px 60px;
}
.challenge30 {
	background-image: url(http://s3-us-west-1.amazonaws.com/static.neolife.com/market/us/assets/images/elliptical_woman.jpg);
  height: 100vh;
}
.challenge30 .whiteBG {
	padding: 30px 60px 35px 60px;
}
.challenge90 {
	background-image: url(http://s3-us-west-1.amazonaws.com/static.neolife.com/market/us/assets/images/trail_runner.jpg);
  height: 100vh;
}
.challenge90 .whiteBG {
	padding: 30px 60px 35px 60px;
}
.challenge1 {
	background-image: url(http://s3-us-west-1.amazonaws.com/static.neolife.com/market/us/assets/images/bicycle_race.jpg);
  height: 100vh;
}
.challenge1 .whiteBG {
	padding: 30px 60px 35px 60px;
}
.challengeFamily {
	background-image: url(http://s3-us-west-1.amazonaws.com/static.neolife.com/market/cm/assets/images/family.jpg);
  height: 100vh;
}
.challengeFamily .whiteBG {
	padding: 30px 60px 35px 60px;
}
.padBottom50 {
	padding-bottom: 50px;
}


/***************************************************/
/*---------------------Footer----------------------*/
/***************************************************/
.companyInfo p {
  font-size: inherit;
  font-weight: normal;
  line-height: 1.5em;
}

.companyInfo li {
  font-size: inherit;
  font-weight: normal;
  line-height: 1.5em;
}

.companyInfo li a {
  line-height: 1.5em;
}

/*-------------------------------------------------*/
/* ----------footer---------- */
/*-------------------------------------------------*/
footer {
	background: #ffffff;
	padding-top: 30px;
	/*margin-top: 50px;*/
	clear: both;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
}
.footSocial {
	margin-top: 20px;
}
.footSocial ul {
	margin-left: -10px;
}
.footSocial ul li a, .footSocial ul li a:visited {
	width: 28px;
	height: 28px;
	border-radius: 0%;
	color: #7aac41;
	border: 0px solid #fff;
	padding: 1px 1px 0 0;
	display: block;
	text-align: center;
	overflow: hidden;
	font-size: 20px;
	line-height: 1.1em;
}
.footSocial ul li {
	display: inline-block;
	margin: 10px 2px;
	/* vertical-align: top; */
	vertical-align: center;
}
.footSocial ul li a:hover {
	text-decoration: none;
	background: #7aac41;
}
.footSocial ul li a:before {
	color: #4a4a4a;
	font-size: 20px;
	padding: 0 0;
	margin: 0; /*text-shadow:0 0 8px #777;*/
}
.footSocial ul li a:hover:before {
	color: #fff;
	text-shadow: none;
}
.footSocial ul li a.icon-blog {
	padding-top: 8px;
	background-image: url(//s3-us-west-1.amazonaws.com/static.neolife.com/market/au/assets/images/icon_neolife_1.png);
	background-position: 2px -93px;
	background-repeat: no-repeat;
	background-size: 23px 118px;
}
.footSocial ul li a.icon-blog:hover {
	background-position: 2px 2px;
}

/*-------------------------------------------------*/
/* ----------Press page---------- */
/*-------------------------------------------------*/
.press .headerLine {
    background-image: url(https://s3.us-west-1.amazonaws.com/static.neolife.com/market/za/assets/images/Vacations-Mauritius-2024-v1.jpg);
}


/*-------------------------------------------------*/
/* --------------Product Philosophy--------------- */
/*-------------------------------------------------*/
ul.tilesTwoColumn {
  margin-top: 5px;
}

ul.tilesTwoColumn li {
  width: 50%;
  float: left;
  border-right: 5px solid white;
  box-sizing: border-box;
}

ul.tilesTwoColumn li a {
  text-decoration: none;
}

@media (max-width: 767px) {
  ul.tilesTwoColumn li {
    width: 100%;
    border: 0px;
    border-right: 0;
    border-bottom: 5px solid white;
    margin: 0;
  }
}

@media (max-width: 499px) {
  ul.tilesTwoColumn li {
    width: 100%;
    border: 0px;
    border-right: 0;
    border-bottom: 5px solid white;
    margin: 0;
  }
}
