/* =================================== MOBILE HEADE EXCEPTIONS =============================== */

#golden-radiance.isMobile header{
	display:none;
}

	#golden-radiance.isMobile .grLogo .productName {
		margin-top: -30px;
		font-size: 14px;
		font-weight: normal;
	}
	
/* ===================================== OBJECTS OVERIDES =========================================== */

#golden-radiance.isMobile .w400{
	width: 100%;
}
	
#golden-radiance.isMobile .mobile-hide{
	display: none;
}


/* ===================================== PRELOADER =========================================== */

#golden-radiance.isMobile .productNavigation{
	display: block;
	height: 100%;
	top: 0;
	margin: 0;
	padding: 0;
	z-index: 9000;
	position: absolute;
}


#golden-radiance.isMobile .mainButtons{
	display: none;
}

#golden-radiance.isMobile .experienceButton{
	display: none;
}

#golden-radiance.isMobile .mobileButtons{
	display: block;
}

#golden-radiance.isMobile .mobileButtons a{
	padding: 4px 10px;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: 0px;	
}


#golden-radiance.isMobile .productNavigation .rangeNavText{
	display: none;
}

#golden-radiance.isMobile .productNavigation .rangeNav{
	width: 36px;
	height: 100%;
	background: url(../img/mobile/RightArrow.png) no-repeat center;
	background-size: 50%;
}

#golden-radiance.isMobile .productNavigation .rangeNav:active{
	width: 26px;
}

#golden-radiance.isMobile .productNavigation .rangeNav.leftArrow{
	background: url(../img/mobile/LeftArrow.png) no-repeat center;
	background-size: 50%;
}


#golden-radiance.isMobile #preLoader{
	z-index: 15000;
}

#golden-radiance.isMobile #preLoader.isLoaded .instructions{
	display:block;
	margin: 10px auto;
	
}

	#golden-radiance.isMobile #preLoader.isLoaded .instructions .instructImg{
		width: 60%;
		max-width: 400px;
		margin: 0 auto;
		
	}

#golden-radiance.isMobile .uspWorksWellSep{
	top: 45px;
	left: 29px;
}

#golden-radiance.isMobile .uspWorksWellCnt{
	width: 40px;
	height: 40px;
	background-size: 70%;
}

#golden-radiance.isMobile .uspWorksWellCnt:hover{
	margin-left: 0;
	margin-top: 0;
}

#golden-radiance.isMobile .uspWorksWellCnt:hover span{
	display: none;
}

#golden-radiance.isMobile .uspWorksWell h2{
	font-size: 12px;
	color: #552b2a;
	margin-left: 0px;
}

#golden-radiance.isMobile .uspWorksWellCnt.uspWorksWellRight{
	left: 60px;
	top: 25px;
}
#golden-radiance.isMobile .uspWorksWellCnt.uspWorksWellleft{
	top: 25px;	
}


#golden-radiance.isMobile #preLoader .instructions p,#golden-radiance.isMobile #preLoader .instructions .instructImg{
	display: none;
}

#golden-radiance.isMobile #preLoader.isLoaded .instructions p{
	font-size: 11px;
	font-weight: normal;
	color: #683c3a;
	line-height: 12px;
	margin-top: 10px;
}

#golden-radiance.isMobile #preLoader.isLoaded .instructImg{
	display: block;
	max-width: 30%;
}

#golden-radiance.isMobile #preLoader .blurredImg{
	display: none;
}

#golden-radiance.isMobile #preLoader .navBar{
	display: none;	
}

#golden-radiance.isMobile #preLoader .preloadContent{
	top: 0px;
	left: 0;
	margin: 0;
	width: 100%;
	height: 100%;
	padding: 0;
}

	#golden-radiance.isMobile #preLoader .preloadContent h1{
		font-weight: normal;
		position: absolute;
		top: 67%;
		width: 100%;
		font-size: 14px;
	}


	#golden-radiance.isMobile #preLoader .preloadContent h3{
		font-size: 14px;
		position: absolute;
		font-weight: normal;
		top: 80%;
		width: 100%;
	}


	#golden-radiance.isMobile #preLoader .preloadContent .smlLogo{
		width: 250px;
		margin-top: 10%;
	}

	#golden-radiance.isMobile #preLoader .preloadContent .rangeImg{
		width: 100%;
		margin: 0 auto;
		max-width: none;
		z-index: 0;
		opacity: 0.5;
	}


#golden-radiance.isMobile #preLoader .loadingBar{
	width: 80%;
	height: 12px;
	margin-left: -42%;
	border: 1px solid #b68d4c;
	padding: 2px;
	position: absolute;
	top: 40%;
	border-radius: 3px;
}

#golden-radiance.isMobile #preLoader .loadingBar .loaded{
	height: 12px;
	border-radius: 2px;
}


/* ===================================== ORIENTATION CHECK =========================================== */

@media only screen and (orientation: portrait) {

}

@media only screen and (orientation: landscape) {
	#golden-radiance.isMobile #preLoader.isLoaded{
		display: none;
	}
	
	#golden-radiance.isMobile #preLoader .preloadContent .rangeImg{
		max-width: 52%;		
	}

	#golden-radiance.isMobile #preLoader .preloadContent .smlLogo{
		width: 180px;
		margin-top: 2%;
	}
	
	#golden-radiance.isMobile #preLoader .preloadContent h1{
		top: 25%;
		font-size: 10px;
	}


	#golden-radiance.isMobile #preLoader .preloadContent h3{
		top: 50%;
		font-size: 10px;
	}

	#golden-radiance.isMobile #preLoader .loadingBar{
		top: 80%;
	}


	#golden-radiance.isMobile #preLoader .preloadContent h1 br,#golden-radiance.isMobile #preLoader .preloadContent h3 br{
		display:none;
	}


}


#golden-radiance.isMobile .mobiFullScreen{
	z-index: 16000;
	position: absolute;
	color: #663b3a;
	background: rgba(255, 255, 255, 0.9);
	border: 1px solid #bb8c58;
	border-radius: 5px;
	font-size: 11px;
	box-shadow: 0px 0px 140px 100px #f7e9d6;
	padding: 12px;
	left: 50%;
	width: 150px;
	text-align: center;
	height: 30px;
	top: 50%;
	margin: -26px 0 0 -95px;
	display: none;
}

#golden-radiance.isMobile .grLogo img{
	display:none;
}

#golden-radiance.isMobile #timeline{
	width: 100%;
	left: 0px;
	margin-left: 0px;
	bottom: 0px;	
}


	#golden-radiance.isMobile .afterCnt:after{
		content:url(../img/btn/grUspButton.png);
		position: absolute;
		top: -20px;
		left: 245px;
	}

	#golden-radiance.isMobile #timeline .productContentIndicatorsContainer{
		display:none;
	}

	#golden-radiance.isMobile #timeline .productLinkContainer,
	.isMobile .lightBoxFooter{
		width:100%;
	}

	#golden-radiance.isMobile #timeline .timeLineProdRight, #golden-radiance.isMobile #timeline .timeLineRangeLeft{
		display: none;
	}

	#golden-radiance.isMobile #timeline .timeLineShadow{
		display: none;
	}

	#golden-radiance.isMobile #timeline a {
		line-height: 32px;
		height: 30px;
		font-size: 11px;
		width: 15%;
	}
		
	#golden-radiance.isMobile #timeline .productLink:hover{
		background: url('../img/bg/tlBarHoverMobile.png') repeat-x bottom;
	}
	
	#golden-radiance.isMobile #timeline .productLink.selected{
		background: url('../img/bg/tlBarHoverMobile.png') repeat-x bottom;
	}

	#golden-radiance.isMobile #parallaxWrapper .contentItem.usp:after{
		display: none;
	}

	#golden-radiance.isMobile #parallaxWrapper .contentItem.usp{
		border: 1px solid #bb8c58;
		border-radius: 5px;
			padding: 4px;
		width: 300px;
	}

		#golden-radiance.isMobile #parallaxWrapper .contentItem.aboutUSP{
			background: rgba(255, 255, 255, 0.6)  url(../img/mobile/About_Icon.png) no-repeat 5px;
			background-size: 17px;
			width:127px;
		}

		#golden-radiance.isMobile #parallaxWrapper .contentItem.commentUSP{
			background: rgba(255, 255, 255, 0.6) url(../img/mobile/BAComment_Icon.png) no-repeat 5px;
			width: 136px;
			background-size: 17px;
		}

		#golden-radiance.isMobile #parallaxWrapper .contentItem.rdCommentUSP{
			background: rgba(255, 255, 255, 0.6) url(../img/mobile/RDComment_Icon.png) no-repeat 5px;
			background-size: 17px;
			width:145px;
		}

		#golden-radiance.isMobile #parallaxWrapper .contentItem.benefitsUSP{
			background: rgba(255, 255, 255, 0.6) url(../img/mobile/KeyBenefits_Icon.png) no-repeat 5px;
			background-size: 17px;
			width:95px;
		}

		#golden-radiance.isMobile #parallaxWrapper .contentItem.aboutDavidUSP{
			background: rgba(255, 255, 255, 0.6) url(../img/mobile/KeyBenefits_Icon.png) no-repeat 5px;
			background-size: 17px;
			width:140px;
		}


		#golden-radiance.isMobile #parallaxWrapper .contentItem.usp.competitionUSP{
			background: rgba(255, 255, 255, 0.6)  no-repeat 5px; /* url(../img/mobile/competition_icon.png) */
			/*background-size: 17px;*/
			border: 1px solid #663b3a;
			width: 100px;
		}



			#golden-radiance.isMobile #parallaxWrapper .contentItem.usp.competitionUSP.widerMobi{
				width:100px;
				padding-left: -10px;
			}

			#golden-radiance.isMobile #parallaxWrapper .contentItem.usp.competitionUSP img{
				display: none;
			}


		#golden-radiance.isMobile #parallaxWrapper .contentItem.davidComment{
			background: rgba(255,255,255,0.6) no-repeat 5px;
			background-size: 40px;
			width: 100px;
			padding-left: 27px;
			line-height: 12px;
		}
		
		
		#golden-radiance.isMobile #parallaxWrapper .contentItem.davidComment.davidRange{
			width: 80px;

		}

		#golden-radiance.isMobile .usp.davidComment:hover{
			box-shadow:0px 0px 40px #fff;
			-o-transition:box-shadow .35s, background 0.5s;
			-ms-transition:box-shadow .35s, background 0.5s;
			-moz-transition:box-shadow .35s, background 0.5s;
			-webkit-transition:box-shadow .35s, background 0.5s;
			transition:box-shadow .35s, background 0.5s;
		}
		


		#golden-radiance.isMobile #parallaxWrapper .contentItem.davidComment h2{
			margin-left: 7px;
		}

		#golden-radiance.isMobile #parallaxWrapper .contentItem.davidComment .davidImg{
			position: absolute;
			left: -18px;
			top: -2px;
		}

		#golden-radiance.isMobile #parallaxWrapper .contentItem.davidComment .davidImg img{
			width:48px;
		}


		#golden-radiance.isMobile #parallaxWrapper .contentItem.davidComment .davidText{
			display: none;
		}

		#golden-radiance.isMobile #parallaxWrapper .contentItem.davidComment .readMore{
			display: none;
		}

		#golden-radiance.isMobile .backBtn{
			font-size: 9px;
		}

		#golden-radiance.isMobile .contentItem.usp h2{
			display: block;
			font-size: 12px;
			font-weight: normal;
			margin-left: 23px;
		}

			#golden-radiance.isMobile .contentItem.usp.survey h2 {
				margin-left:8px;
			}
			
			#golden-radiance #parallaxWrapper .contentItem.usp.survey {
				display:none;
			}

			#golden-radiance.isMobile #parallaxWrapper .contentItem.usp.survey {
				display:block;
				width:100px;
			}


		#golden-radiance.isMobile .contentItem.usp ul{
			display: none;		
		}


		#golden-radiance.isMobile .lbCommentBubble{
			height: 34px;
		}

		#golden-radiance.isMobile .lbCommentBubble img{
			width: 50%;
		}


		#golden-radiance.isMobile .uspColabDress{
			height: 150%;
		}

		#golden-radiance.isMobile .uspVideo{
			width: 60px;
		}

		#golden-radiance.isMobile .uspVideo img{
			border: 1px solid #bb8c58;
			z-index: 10000;
			width: 100%;
		}

		#golden-radiance.isMobile .uspVideo:hover .uspVideoPlay{
			background: url('../img/btn/grVideoPlayBtn.png') no-repeat;
		}

		#golden-radiance.isMobile .uspVideoPlay{
			top: -2px;
			left: 8px;
			width: 61px;
			height: 43px;
		}

		#golden-radiance.isMobile #parallaxWrapper .contentItem.usp p,
		#golden-radiance.isMobile #parallaxWrapper .contentItem.usp .uspShare{
			display: none;
		}	

	#golden-radiance.isMobile #parallaxWrapper .prodImg img{
		display: none;
	}

		#golden-radiance.isMobile #parallaxWrapper .prodImg img.focus{
			display: block;
			position: relative;
		}


	#golden-radiance.isMobile .organzeBG{
		display:none;
	}
	



	
	
	/* ===================================== LIGHTBOX =========================================== */


#golden-radiance.isMobile .lightboxWrapper{
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 14000;
	background: rgba(244, 223, 194, 0.95);
}
	#golden-radiance.isMobile .lightboxWrapper .lbGenText{
		width: 100%;
	}

	#golden-radiance.isMobile .left-nav-arrow{
		background: url('../img/mobile/LeftArrow.png') no-repeat center;
		width: 50px;
		height: 100%;
		overflow: hidden;
		left: 0%;
		top: 0px;
		background-size: 30%;
	}

	#golden-radiance.isMobile .right-nav-arrow{
		background: url('../img/mobile/RightArrow.png') no-repeat center;
		width: 50px;
		height: 100%;
		overflow: hidden;
		right: 0%;
		top: 0px;
		background-size: 30%;
	}

	#golden-radiance.isMobile .lightboxNav.disabled{
		opacity: 0.2;
	}

	#golden-radiance.isMobile .lightBoxFooter{
		width: 100%;
		padding: 4px 0px 0px 0px;
		display: block;
		margin: 0px 0 0 0;
		position: fixed;
		bottom: 0px;
		color: #B57F35;
		background-color: #f2e3d1; 
	    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#efddc8));
	    background-image: -webkit-linear-gradient(top, #fff, #efddc8); 
	    background-image: -moz-linear-gradient(top, #fff, #efddc8);
	    background-image: -ms-linear-gradient(top, #fff, #efddc8);
	    background-image: -o-linear-gradient(top, #fff, #efddc8);
	    z-index: 11000;
	}

	#golden-radiance.isMobile .lightBoxFooter .mobileFadeOut{
		background: #f00;
		position: absolute;
		height: 70px;
		width: 100%;
		top: -70px;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZGZjMiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU5JSIgc3RvcC1jb2xvcj0iI2Y0ZGZjMiIgc3RvcC1vcGFjaXR5PSIwLjk1Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
		background: -moz-linear-gradient(top,  rgba(244,223,194,0) 0%, rgba(244,223,194,0.95) 59%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(244,223,194,0)), color-stop(59%,rgba(244,223,194,0.95)));
		background: -webkit-linear-gradient(top,  rgba(244,223,194,0) 0%,rgba(244,223,194,0.95) 59%);
		background: -o-linear-gradient(top,  rgba(244,223,194,0) 0%,rgba(244,223,194,0.95) 59%);
		background: -ms-linear-gradient(top,  rgba(244,223,194,0) 0%,rgba(244,223,194,0.95) 59%);
		background: linear-gradient(to bottom,  rgba(244,223,194,0) 0%,rgba(244,223,194,0.95) 59%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4dfc2', endColorstr='#f2f4dfc2',GradientType=0 );

	}

	#golden-radiance.isMobile .lbSocialIcons,#golden-radiance.isMobile .lbClose{
		color: #B57F35;
		width: 17%;
		height: 30px;
		margin: 0 0px 0 0;
		padding: 0px 0 0 0;
		font-size: 11px;
		font-weight: normal;
		line-height: 22px;
		opacity: 1;
		border-right: 1px solid #EFDFC6;
		border-left: 1px solid #FDFCFA;
		font-family: "proxima-nova";
		background: transparent;
	}

	#golden-radiance.isMobile .lbSocialIcons._jsShareFb{
		margin-left: 6%;	
	}
	

	#golden-radiance.isMobile .lbClose{
		float: left;
		border-right: none;
		width: 17%;
		line-height: 28px;
	}

	#golden-radiance.isMobile .lbSocialIconSize{
		font-size: 14px;
		float: left;
		line-height: 29px;
		margin-left: 5px;
	}

	#golden-radiance.isMobile .lbSocialIconText{
		padding-left: 4px;
	}


	#golden-radiance.isMobile .lightboxContainer .grGoldBar, #golden-radiance.isMobile .lightboxContainer .grGoldBarBottom{
		display: none;
	}
	
	#golden-radiance.isMobile .lightboxContainer{
		background: none;
		color: #663b3a;
		height: 100%;
		left: 0px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		position: relative;
		width: 100%;
		top: 0;
		overflow: hidden;
	}
	
		#golden-radiance.isMobile .lbProdImg{
			display: none;
		}
		
		#golden-radiance.isMobile .lbProdImgMobile{
			max-width: 25%;
			display: block;
			float: left;
			margin: 5px 20px 10px 0px;
			max-height: 190px;
		}
		
		
		#golden-radiance.isMobile .lbProdImgMobile.DavidImage{
			max-width: 100%;
			display: block;
			margin: 0 auto;
			max-height: 190px;
			float: none;
		}
		
		#golden-radiance.isMobile .aboutCollabBarMobi{
			width: 100%;
		}
		
		#golden-radiance.isMobile .CompTop {
		background: url('../img/collab/competition/compTop.jpg') no-repeat top;
		width: 100%;
		height: 150px;
		}
	
		#golden-radiance.isMobile .lbProdText{
			width:100%;
		}
	
		#golden-radiance.isMobile .lightboxContent{
			-webkit-overflow-scrolling: touch;
			font-size: 16px;
			margin: 0;
			display: block;
			position: hidden;
			width: 100%;
			height: 100%;
			overflow: hidden;
			padding: 0;
		}
	
		#golden-radiance.isMobile .lightBoxBody{
			width: 100%;
			height: 100%;
			overflow: auto;
		}

		#golden-radiance.isMobile ._jsLightboxContent{
			padding: 10px 50px 120px 50px;
			text-align: left;
		}

		#golden-radiance.isMobile .grComments {
			font-size: 30px;
			line-height: 50px;
		}
	
		#golden-radiance.isMobile .lightboxContainer h1{
			font-size: 16px;
			margin: 10px 0 10px;
			font-weight: normal;
		}
	
		#golden-radiance.isMobile .lightboxContainer p,#golden-radiance.isMobile .lightboxContainer li {
			font-size: 15px;
			line-height: 25px;
			height: auto;
			background-position: 0px 5px;
			font-weight: normal;
			background-size: 20px;
			
		}	

		#golden-radiance.isMobile .lightboxContainer li {
			padding-left: 30px;
		}

		#golden-radiance.isMobile .lightboxContainer .baName{
			font-size: 12px;
			font-weight: normal;
		}

		#golden-radiance.isMobile .lightboxContainer .grVideo{
			line-height: 250px;
			text-align: center;
			font-size: 12px;
			background: url(../img/loader.gif) no-repeat 50% 60%;
			background-size: 30px;
			width: 390px;
		}
		
		#golden-radiance.isMobile .rangeComment.dayCream{
			width: auto;
			float: none;
		}


		#golden-radiance.isMobile .aboutCollabImgLeft{
			width: 202px !important;
			float: left;
			position: relative;
			top:0;
			left:0;
			margin:0 !important;

		}

		#golden-radiance.isMobile .aboutCollabImgRight{
			width: 202px !important;
			float: right;
			position: relative;
			top:0;
			left:0;
			margin:0 !important;

		}

		#golden-radiance.isMobile .aboutCollab{
			width: auto;
			float: none;
		}

		#golden-radiance.isMobile .uspRangeButton{
			font-size: 10px;
			padding: 5px 10px;
		}
		

		#golden-radiance.isMobile .CompPopUp{
			display: none;
		}

			#golden-radiance.isMobile .CompPopUpMobi{
				display: block;
			}

			#golden-radiance.isMobile .CompPopUpMobi img{
				width: 100%;
			}

			#golden-radiance.isMobile .lbGalleryImg{
				width:100%;
				margin: 0px auto;
				display: block;
			}


#golden-radiance.isMobile .rangeHeader{
	top: 0;
	left: 0;
	height: 180px;
	width: 480px;
}		

#golden-radiance.isMobile .rangeHeader img{
	width: 80%;	

}


#golden-radiance.isMobile .rageLightBoxContent .rangeRight {
	display: none;
}	



#golden-radiance.isMobile .redirectPage {
	width: 100%;
	height: 100%;
	background: none;
	left:0px;
	top:0px;
	margin:0px;
}	

#golden-radiance.isMobile .rageLightBoxContent{
	margin-top:-35px;
}

#golden-radiance.isMobile .redirectLogo {
	display: none;
}	

#golden-radiance.isMobile .redirectContent {
	width: auto;
	height: 50%;
	margin-top: 10%;
	padding: 10px 50px;
	background: #f7e9d6;
	border: 2px solid #663b3a;
	border-width: 2px 0 2px 0;
}	

#golden-radiance.isMobile .redirectContent img{
	display: none;
}	

#golden-radiance.isMobile .redirectContentText  {
	width:auto;
}	


	#golden-radiance.isMobile .uspColabWords{
		height:27%;
	}
	
	#golden-radiance.isMobile .aboutCollab.davidBioBlock .goldText {
	color: #b67f35;
	width: 100%;
	}
			
	 #golden-radiance.isMobile .aboutCollabBar{
		width: 100%;
		height: 1px;
		background-color:#b47e3b;
		margin: 15px 0;
		}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait) { 

}