#bareCareerPage{
width:100%;
}
#bareCareerPage .mobile{display:block}
#bareCareerPage .desktop{display:none}
#bareCareerPage span.hiddenText{
	display:block;
	text-indent:-9999px;
}
#careerHeader{
width:100%;
background:#000;
position:fixed;
top:0;
left:0;
height:86px;
z-index:200;
}
#careerHeader a.bareEscentualsLogo{
margin:0% auto;
height:100%;
width:70%;
display:block;
text-align:center;
}
#careerHeader a.headerLinkedin{
position:absolute;
top:10%;
right:2%;
height:21%;
width:5%;
}
#careerHeader a.bareEscentualsLogo img{
	width:auto;
	height:auto;
}
#careerHeader a.headerLinkedin img{width:100%;}
#careerNav{
position:fixed;
width:100%;
height:52px;
left:0;
top:86px;
z-index:200;
}
#careerNav ul{
height:100%;
width:100%;
margin-left:0%;
height:34px;
background-color:rgba(256, 256, 256, 0.5);
}
#careerNav ul li{
float:left;
height:100%;
}
#careerNav ul li.careersTab{width:21%;}
#careerNav ul li.whoWeAreTab{width:20%;}
#careerNav ul li.departmentSpotlightTab{width:39.5%;}
#careerNav ul li.cultureTab{width:17%;}
#careerNav ul li a{
display:block;
height:100%;
width:100%;
text-decoration:none;
}
#careerNav ul li a.active span{
	color:#bd9271;
}

#careerNav ul li a span{
font-family: 'Oswald', sans-serif;
font-size:0.9em;
display:block;
text-align:center;
letter-spacing:1.4px;
padding-top:8px;
color:#000;
}
#originalNaturalGood{
	margin-top:86px;
}
#originalNaturalGood p{
	position:absolute;
	bottom:-2%;
	left:2%;
	z-index:100;
}
#originalNaturalGood ul{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#originalNaturalGood ul li{
	-webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
-webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}
#originalNaturalGood ul li.selected{
	-webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
-webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}
#originalNaturalGood ul li{
	position:absolute;
	width:100%;
}
#seeCareers div a{
	display:block;
	background:url('//s7d3.scene7.com/is/image/BareEscentuals/career-page-btn?scl=1&fmt=png-alpha') no-repeat 0 0;
	width:100%;
	height:100%;
	text-decoration:none;
	background-size:100%;
}
#seeCareers div.firstList{
	left:21%;
	width:23%;
	height:9%;
	position:absolute;
	bottom:22%;
}
#seeCareers div.secondList{
	right:21%;
	width:23%;
	height:9%;
	position:absolute;
	bottom:22%;
}
#seeCareers div a span{
	display:block;
	text-indent:-9999px;
}
#meetBareFamily div.bareFamily{
	position:absolute;
	top:10%;
	left:3%;
	width:90%;
	height:80%;
}
#meetBareFamily div ul{
	width:70%;
	height:40%;
	margin-left:14%;
	margin-bottom:0;
}
#meetBareFamily div ul li{
	float:none;
	height:33%;
}
#meetBareFamily div ul li.baremineralsLink,#meetBareFamily div ul li.buxomLink,#meetBareFamily div ul li.mdfLink{width:100%;}
#meetBareFamily div ul li a{
	width:100%;
	height:100%;
	display:block;
}
#meetBareFamily div ul li a span{
	display:block;
	text-indent:-9999px;
}
#meetBareFamily div.lipGloss{
	position:absolute;
	bottom:-7%;
	right:0;
	width:25%;
	height:36%;
	z-index:100;
}
#whoWeAre a{
	width:10%;
	height:10%;
	position:absolute;
	bottom:25%;
	right:29%;
}
#whoWeAre a span{display:none;}
#bareCareerPage .hiddenSection{display:none;}
#whoWeAreMobileText{height:520px;}
#whoWeAreMobileText div{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#whoWeAreMobileText p{
	color:#000;
	font-size:1.2em;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	width:92%;
	text-align:center;
	margin:10% auto 5%;
	line-height:1.6em;
}
#departmentSpotlight{
	height:auto;
}
#departmentSpotlight h5{
	position:absolute;
	top:9%;
	left:0%;
	font-size:1.4em;
	color:#000;
	font-family: 'Lato', sans-serif;
	font-weight:900;
	letter-spacing:4px;
	width:100%;
	text-align:center;
}
#departmentSpotlight div{
	height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
#departmentSpotlight div#spotlightLeftArrow{
	position:absolute;
	top:32%;
	left:1%;
	height:15%;
	width:10%;
	z-index:100;
}
#departmentSpotlight div#spotlightRightArrow{
	position:absolute;
	top:32%;
	right:1%;
	height:15%;
	width:10%;
	z-index:100;
}
#departmentSpotlight div#spotlightLeftArrow a{
	width:100%;
	height:100%;
	display:block;
}
#departmentSpotlight div#spotlightRightArrow a{
	width:100%;
	height:100%;
	display:block;
}
#departmentSpotlight div#spotlightLeftArrow a span,#departmentSpotlight div#spotlightRightArrow a span{display:none;}

#departmentSpotlight ul{
	position:absolute;
	top:5%;
	left:0;
	height:86%;
	width:100%;
}
#departmentSpotlight ul li{
	height:100%;
	width:100%;
	text-align:center;
	position:absolute;
}
#departmentSpotlight ul li{display:none;}
#departmentSpotlight ul li.selected{
	display:block;
}
#departmentSpotlight ul li span.spotlightTitle{
	font-size:1.3em;
	font-family: 'Lato', sans-serif;
	font-weight:900;
	color:#000;
	letter-spacing:4px;
	line-height:1.3em;
	position:absolute;
	top:55%;
	left:10%;
	height:8%;
	width:80%;
	background:#fff;
	z-index:50;
	padding:2% 0 0% 0;
}
#departmentSpotlight ul li.marketing span.spotlightTitle {
    height: 13%;
    padding: 1% 0 0 0;
}
#departmentSpotlight ul li.operations span.spotlightTitle,#departmentSpotlight ul li.retail span.spotlightTitle{
	font-size:1.3em;
}
#departmentSpotlight ul li div{
	position:absolute;
	left:0;
	top:0;
	height:55%;
	width:100%;
}
#departmentSpotlight ul li div img{
	height:auto;
	width:100%;
}#departmentSpotlight ul li.marketing span.spotlightdescription{
	bottom:3%;
}
#departmentSpotlight span.spotlightdescription{
	position:absolute;
	bottom:4.5%;
	left:1%;
	height:29%;
	width:98%;
	background:none;
	z-index:50;
	font-size:1.125em;
	color:#000;
	font-family: 'Lato', sans-serif; 
	font-weight:300;
	line-height:1.7em;
	padding:0;
}
#whyILoveItHere div{
	height: 100%;
    left: 0%;
    position: absolute;
    top: 0;
    width: 100%;
}
#whyILoveItHere ul.employeeQuotes{
	height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
#whyILoveItHere ul.employeeQuotes li{
	height: 100%;
    overflow: hidden;
    position: absolute;
    text-align: center;
    width: 100%;
}
#whyILoveItHere ul.employeeQuotes li{
	-webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
-webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}
#whyILoveItHere ul.employeeQuotes li.selected{
	-webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
-webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}
#whyILoveItHere ul.employeeQuotes span{
    color: #000;
    font-family: "Oswald",sans-serif;
    font-size: 0.8em;
    left: 4%;
    line-height: 1.9em;
    position: absolute;
    top: 38%;
    width: 53%;
}
#whyILoveItHere ul.employeeQuotes li.AmberD span{
	width: 48%;
	left: 8%;
	top:32%;
}
#whyILoveItHere ul.employeeQuotes li.NehaG span{
	top:38%;
}
#whyILoveItHere ul.employeeQuotes li.EarlL span{
	top:38%;
}
#whyILoveItHere ul.employeeQuotes li img{
    position: absolute;
    right: 0;
    top: 0;
    width: 40%;
}
#whyILoveItHere ul.employeeDots{
	position:absolute;
	bottom:6%;
	left:22%;
	width:17%;
	height:6%;
}
#whyILoveItHere ul.employeeDots li{
	width:25%;
	float:left;
	height:100%;
	background:url('//s7d3.scene7.com/is/image/BareEscentuals/career-page-dots?scl=1&fmt=png-alpha') no-repeat 100% 0;
	background-size:200%;
}
#whyILoveItHere ul.employeeDots li.selected{
	background-position:-23% 0;
}
#whyILoveItHere ul.employeeDots li a{
	width:100%;
	height:100%;
	display:block;
}
#makeupShouldBeFun{height:auto;width:100%;margin-bottom:2px;}
#makeupShouldBeFun h5{
	font-family: 'Lato', sans-serif;
	font-weight:900;
	font-size:1.125em;
	color:#000;
	letter-spacing:4px;
	text-align:center;
	width:100%;
	position:absolute;
	top:10%;
	left:0;
}
#makeupShouldBeFun p{
	width:100%;
	text-align:center;
	font-family: 'Lato', sans-serif;
	font-weight:900;
	color:#000;
	letter-spacing:3px;
	position:absolute;
	top:6.5%;
	left:0;
}
#makeupShouldBeFun p span{
	font-size:0.8em;
}
#makeupShouldBeFun div#makeupFunPics{
	width:100%;
	margin:0;
	height:83%;
	position:absolute;
	top:16%;
	left:0;
}
#makeupShouldBeFun div#makeupFunPics div{
	position:absolute;
	overflow:hidden;
}
#makeupShouldBeFun div#makeupFunPics div.firstPic{
	height:21.9%;
	width:69%;
	top:0;
	left:0;
}
#makeupShouldBeFun div#makeupFunPics div.secondPic{
	height:22.2%;
	width:30%;
	top:0;
	right:0;
}
#makeupShouldBeFun div#makeupFunPics div.thirdPic{
	height:23%;
	width:33%;
	left:0;
	top:23%;
}
#makeupShouldBeFun div#makeupFunPics div.fourthPic{
	height:23.3%;
	width:33%;
	left:0;
	top:47.3%;
}
#makeupShouldBeFun div#makeupFunPics div.fifthPic{
	height:47.9%;
	width:66%;
	top:23%;
	right:0;
}
#makeupShouldBeFun div#makeupFunPics div.sixthPic{
	height:26.7%;
	width:40%;
	bottom:1.5%;
	left:0;
}
#makeupShouldBeFun div#makeupFunPics div.seventhPic{
	height:26.7%;
	width:59%;
	bottom:1.5%;
	right:0;
}
#makeupShouldBeFun div#makeupFunPics img{}
#makeupShouldBeFun div ul{
	height:100%;
}
#makeupShouldBeFun div ul li{
	height:100%;
	position:absolute;
	overflow:hidden;
}
#makeupShouldBeFun .firstPic ul li.selected,#makeupShouldBeFun .secondPic ul li.selected,#makeupShouldBeFun .thirdPic ul li.selected,#makeupShouldBeFun .fourthPic ul li.selected,#makeupShouldBeFun .fifthPic ul li.selected,#makeupShouldBeFun .sixthPic ul li.selected,#makeupShouldBeFun .seventhPic ul li.selected{
	-webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
-webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}
#makeupShouldBeFun .firstPic ul li,#makeupShouldBeFun .secondPic ul li,#makeupShouldBeFun .thirdPic ul li,#makeupShouldBeFun .fourthPic ul li,#makeupShouldBeFun .fifthPic ul li,#makeupShouldBeFun .sixthPic ul li,#makeupShouldBeFun .seventhPic ul li{
	-webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
-webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}
#originalNaturalGood img,#seeCareers img,#meetBareFamily img,#whoWeAre img,#departmentSpotlight img,#makeupShouldBeFun img,#whyILoveItHere img.whyILoveItBackground{
width:100%;
}
#originalNaturalGood,#seeCareers,#meetBareFamily,#whoWeAre,#departmentSpotlight,#whyILoveItHere,#makeupShouldBeFun,#whoWeAreMobileText{
position:relative;
}
#careerFooter{
	height:90px;
	width:90%;
	border-top:none;
	margin:0 auto;
}
#careerFooter ul{
	height:100%;
	width:100%;
	float:none;
	margin-top 10;
}
#careerFooter ul li{
	float:left;
	margin:0;
}
#careerFooter ul li.careerBareBlog{
	margin-right:0;
	width:40%;
}
#careerFooter ul li.careerLinkedin{
	margin-right:0;
	width:10%;
}
#careerFooter ul li.careerFacebook{
	margin-right:0;
	width:10%;
}
#careerFooter ul li.careerTwitter{
	margin-right:0;
	width:10%;
}
#careerFooter ul li.careerSnapchat{
	margin-right:0;
	width:10%;
}
#careerFooter ul li.careerPinterest{
	margin-right:0;
	width:10%;
}
#careerFooter ul li.careerInstagram{
	margin-right:0;
	width:10%;
}
#careerFooter ul li a{
	display:block;
	width:100%;
	height:100%;
}
#careerFooter img{
	width:90%;
}



/* iPhone5 in portrait- wont affect iPhone6*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 370px) 
and (max-aspect-ratio: 13/9) { 
#careerHeader a.bareEscentualsLogo img{
	margin-top:3%;
}	
#careerNav ul li a span{
	font-size:0.73em;
	letter-spacing:1.4px;
	padding-top:5.5px;
}
#seeCareers div a span{
	font-size:0.7em;
	margin-top:7%;
}
#meetBareFamily div p{
	font-size:16px;
	width:100%;
	line-height:1.2em;
	margin:0;
}
#whoWeAreMobileText p{
	color:#000;
	font-size:1.1em;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	width:98%;
	text-align:center;
	margin:10% auto 0;
	line-height:1.6em;
}
#departmentSpotlight h5{
	position:absolute;
	top:8%;
	left:0;
	font-size:16px;
	text-align:center;
}
#departmentSpotlight ul li.marketing span.spotlightTitle {
    height: 13%;
    padding: 1% 0 0 0;
    font-size:13px;
    width:84%;
    left:8%;
}
#departmentSpotlight ul li.operations span.spotlightTitle,#departmentSpotlight ul li.retail span.spotlightTitle{
	font-size:16px;
}
#departmentSpotlight span.spotlightdescription{
	position:absolute;
	bottom:5%;
	left:1%;
	font-size:13px;
}
#whyILoveItHere ul.employeeQuotes span{
	font-size:12px;
	line-height:1.4em;
}
#whyILoveItHere ul.employeeQuotes li.AmberD span{
	width: 48%;
	left: 7%;
	top:30%;
}
#makeupShouldBeFun h5{
	font-size:18px;
	left:0;
}
}

/* iPhone5 in landscape - will affect iPhone6*/
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 468px) 
and (min-aspect-ratio: 13/9) { 
	
#meetBareFamily div p{
	font-size:17px;
	line-height:1.2em;
}
#whoWeAreMobileText p{
	font-size:24px;
	width:98%;
	margin:10% auto 0;
	line-height:1.6em;
}
}


/* landscape */
@media screen and (orientation:landscape) {
#careerHeader a.bareEscentualsLogo img{
	width:100%;
	height:auto;
	margin-top:0;
}
#seeCareers div h5.makeTheWorld{
	font-size:1.5em;
	margin:8% 0 2% 0;
}
#seeCareers div h5.beautifulPlace{
	font-size:1.9em;
}
#seeCareers div ul li{
	margin-bottom:9%;
}
#seeCareers div ul li span{
	font-size:0.9em;	
}
#seeCareers div a span{
	font-size:1.3em;
}
#meetBareFamily div h5{
	font-size:28px;
}
#meetBareFamily div p{
	font-size:24px;
	width:90%;
	line-height:1.6em;
	margin:8% 0 0 7%;
}
#whoWeAreMobileText p{
	font-size:22px;
	width:98%;
	margin:10% auto 0;
	line-height:1.6em;
}
#whoWeAreMobileText{height:750px;}
#departmentSpotlight h5{
	top:11%;
	left:0;
	font-size:24px;
}
#departmentSpotlight ul li.operations span.spotlightTitle,#departmentSpotlight ul li.retail span.spotlightTitle{
	font-size:22px;
	padding:2% 0 0% 0;
}
#departmentSpotlight span.spotlightdescription{
	font-size:22px;
}
#whyILoveItHere ul.employeeQuotes span{
	font-size:16px;
	line-height:1.9em;
}
#makeupShouldBeFun h5{
	top:10%;
	left:0;	
	font-size:2em;
}
#makeupShouldBeFun p{
	top:5.5%;
}
#makeupShouldBeFun p span{
	font-size:1.5em;
}
#careerHeader a.bareEscentualsLogo{
	width:90%;
}
}

@media (max-device-width: 758px) {
#careerHeader a.bareEscentualsLogo img{
	width:100%;
	height:auto;
}
}
@media (min-device-width: 437px) {
#careerHeader a.bareEscentualsLogo img{
	width:100%;
	height:auto;
}
}
@media (max-width: 758px)
and (orientation:landscape){
#careerHeader a.bareEscentualsLogo img{
	width:auto;
	height:auto;
}
}
@media (min-width: 437px)
and (orientation:landscape){
#careerHeader a.bareEscentualsLogo img{
	width:auto;
	height:auto;
}
}