#bareCareerPage{
width:100%;
}
#bareCareerPage .mobile{display:none}
#bareCareerPage .desktop{display:block}
#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:22%;
display:block;
text-align:center;
}
#careerHeader a.headerLinkedin{
position:absolute;
top:25%;
right:2%;
height:30%;
width:5%;
}
#careerHeader a.bareEscentualsLogo img{
	width:auto;
	height:auto;
}
#careerHeader a.headerLinkedin img{
	width:100%;
}
#careerNav{
position:fixed;
width:43.5%;
height:52px;
left:28.5%;
top:86px;
z-index:200;
}
#careerNav ul{
height:100%;
width:100%;
margin-left:0;
background-color:rgba(256, 256, 256, 0.85);
}
#careerNav ul li{
float:left;
height:100%;
}
#careerNav ul li.careersTab{width:19%;}
#careerNav ul li.whoWeAreTab{width:24%;}
#careerNav ul li.departmentSpotlightTab{width:38%;}
#careerNav ul li.cultureTab{width:19%;}
#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:hover span{
	color:#bd9271;
}
#careerNav ul li span{
font-family: 'Oswald', sans-serif;
font-size:1.3em;
display:block;
text-align:center;
letter-spacing:1.4px;
padding-top:17px;
color:#000;
}
#originalNaturalGood{
	margin-top:86px;
}
#originalNaturalGood p{
	position:absolute;
	bottom:-5%;
	left:0;
	z-index:100;
	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 a:hover{
	background:url('//s7d3.scene7.com/is/image/BareEscentuals/career-page-btn-hover?scl=1&fmt=png-alpha') no-repeat 0 0;
	background-size:100%;
}
#seeCareers div.firstList{
	left:36.8%;
	width:8%;
	height:6.5%;
	position:absolute;
	bottom:22%;
}
#seeCareers div.secondList{
	right:36.6%;
	width:8%;
	height:6.5%;
	position:absolute;
	bottom:22%;
}
#seeCareers div a span{
	display:block;
	text-indent:-9999px;
}
#seeCareers div a img{width:100%;}
#meetBareFamily div.bareFamily{
	position:absolute;
	top:22%;
	left:23%;
	width:55%;
	height:65%;
}
#meetBareFamily div ul{
	width:100%;
	height:25%;
	position:absolute;
	left:0;
	top:20%;
}
#meetBareFamily div ul li{
	float:left;
	height:100%;
}
#meetBareFamily div ul li.baremineralsLink{width:34.7%;}
#meetBareFamily div ul li.buxomLink{width:30%;}
#meetBareFamily div ul li.mdfLink{width:33%;}
#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:-10%;
	right:1%;
	width:20%;
	height:65%;
	z-index:100;
}
#whoWeAre div{
	width:50%;
	height:11%;
	position:absolute;
	top:12%;
	left:30%;
}
#whoWeAre p{
	color:#fff;
	font-size:1.8em;
	font-family: 'Lato', sans-serif;
	font-weight:300;
	position:absolute;
	left:30%;
	top:30%;
	width:64.5%;
	line-height:-0.4em;
}
#bareCareerPage .hiddenSection{display:none;}
#departmentSpotlight{
	height:auto;
}
#departmentSpotlight div{
	height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}
#departmentSpotlight div#spotlightLeftArrow{
	position:absolute;
	top:37%;
	left:19%;
	height:10%;
	width:6%;
	z-index:20;
}
#departmentSpotlight div#spotlightRightArrow{
	position:absolute;
	top:37%;
	right:19%;
	height:10%;
	width:6%;
}
#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 div#spotlightLeftArrow a img,#departmentSpotlight div#spotlightRightArrow a img{
	width:100%;
	height:100%;
}
#departmentSpotlight ul{
	position:absolute;
	top:5%;
	left:10%;
	height:84%;
	width:80%;
}
#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.spotlightPhotos{
	position:absolute;
	top:17%;
	left:9%;
	height:60%;
	width:80%;
}
#departmentSpotlight ul li div{
	position:absolute;
	left:0;
	top:9%;
	height:72%;
}
#departmentSpotlight ul li div img{
	height:716px;
	width:100%;
}
#whyILoveItHere div{
	height: 100%;
    left: 0%;
    position: absolute;
    top: 0;
    width: 100%;
}
#whyILoveItHere ul.employeeQuotes{
	position:absolute;
	top:0%;
	left:0%;
	height:100%;
	width:100%;
}
#whyILoveItHere ul.employeeQuotes li{
	height:100%;
	width:100%;
	text-align:center;
	position:absolute;
	overflow: hidden;
}
#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 li img{
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
}
#whyILoveItHere ul.employeeDots{
	position:absolute;
	bottom:15%;
	left:32%;
	width:7%;
	height:4%;
}
#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:2030px;width:1253px;margin:0 auto;}
#makeupShouldBeFun h5{
	font-family: 'Lato', sans-serif;
	font-weight:900;
	font-size:2.2em;
	color:#000;
	letter-spacing:6.5px;
	text-align:center;
	width:100%;
	position:absolute;
	top:6.5%;
	left:0;
}
#makeupShouldBeFun p{
	width:100%;
	font-family: 'Lato', sans-serif;
	font-weight:900;
	color:#000;
	letter-spacing:6.5px;
	text-align:center;
	position:absolute;
	top:5%;
	left:0;
}
#makeupShouldBeFun p span{
	font-size:1.5em;
}
#makeupShouldBeFun div#makeupFunPics{
	width:100%;
	height:85%;
	position:relative;
	top:9.8%;
}
#makeupShouldBeFun div#makeupFunPics div{
	position:absolute;
	overflow:hidden;
}
#makeupShouldBeFun div#makeupFunPics div.firstPic{
	height:407px;
	width:836px;
	top:0;
	left:0;
}
#makeupShouldBeFun div#makeupFunPics div.secondPic{
	height:407px;
	width:408px;
	top:0;
	right:0;
}
#makeupShouldBeFun div#makeupFunPics div.thirdPic{
	height:406px;
	width:408px;
	left:0;
	top:416px;
}
#makeupShouldBeFun div#makeupFunPics div.fourthPic{
	height:407px;
	width:408px;
	left:0;
	top:831px;
}
#makeupShouldBeFun div#makeupFunPics div.fifthPic{
	height:822px;
	width:836px;
	top:416px;
	right:0;
}
#makeupShouldBeFun div#makeupFunPics div.sixthPic{
	height:480px;
	width:480px;
	bottom:0;
	left:0;
}
#makeupShouldBeFun div#makeupFunPics div.seventhPic{
	height:480px;
	width:764px;
	bottom:0;
	right:0;
}
#makeupShouldBeFun div ul{
	height:100%;
}
#makeupShouldBeFun div ul li{
	height:100%;
	position:absolute;
	width:100%;
	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{
position:relative;
}
#careerFooter{
	height:104px;
	border-top:2px solid #7a7070;
	width:90%;
	margin:0 auto;
}
#careerFooter ul{
	height:100%;
	width:52%;
	float:right;
}
#careerFooter ul li{
	float:left;
	margin:25px 28px 0 0;
}
#careerFooter ul li.careerInstagram{
	margin-right:0;
}
#careerFooter ul li a{
	display:block;
	width:100%;
	height:100%;
}
@media (max-width: 1372px) {
#careerNav ul li span{
	font-size:1.25em;
}
}
@media (max-width: 1325px) {
#careerNav ul li span{
	font-size:1.2em;
}
}
@media (max-width: 1279px) {
#careerNav ul li span{
	font-size:1.15em;
}
}
@media (max-width: 1281px) {
#careerFooter ul{
	width:55%;
}
}
@media (max-width: 1233px) {
#careerNav ul li span{
	font-size:1.1em;
}
}
@media (max-width: 1211px) {
#careerFooter ul{
	width:60%;
}
}
@media (max-width: 1187px) {
#careerNav ul li span{
	font-size:1.05em;
}
}
@media (max-width: 1140px) {
#careerNav ul li span{
	font-size:1em;
}
}
@media (max-width: 1110px) {
#careerFooter ul{
	width:70%;
}
}
@media (max-width: 1094px) {
#careerNav ul li span{
	font-size:0.9em;
}
}
@media (max-width: 1002px) {
#careerNav ul li span{
	font-size:0.8em;
}
}
@media (max-width: 951px) {
#careerFooter ul{
	width:80%;
}
}
@media (max-width: 909px) {
#careerNav{
	width:45%;
}
}
@media (max-width: 879px) {
#careerNav{
	width:47%;
	left:27%;
}
}
@media (max-width: 841px) {
#careerNav{
	width:48%;
	left:27%;
}
}
@media (max-width: 833px) {
#careerFooter ul{
	width:90%;
}
#careerNav{
	width:49%;
	left:27%;
}
}
@media (max-width: 807px) {
#careerNav{
	width:50%;
	left:25%;
}
}