.inner-width {
	z-index: 5
}


.navigation {
	display: block;
	margin-top: 15px;
	z-index: 110;
}

.home .career-header {
	background: url("../../_images/company/careers/home-video-thumb.jpg") no-repeat center top;
	height: 655px;
	margin-top: 0;
}


.career-header {
	overflow: hidden;
	text-align: center;
}

.career-header h2 {
	font: normal 60px/1em "MuseoSans-500", "century gothic", arial;
	text-transform: uppercase;
}

.career-header p {
	font: normal 24px/1em "MuseoSans-500", "century gothic", arial;
	color: #FFFFFF;
	margin-top: 15px;
}

.career-header .preview-container {
	position: absolute;
	height: 660px;
	width: 100%;
	overflow: hidden;
	top: 0;
	right:0;
	left: 0;
	margin: 0 auto;
}

.career-header .preview-container .grid {
	z-index: 2;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: url("../../_images/company/careers/layout/pixel.png") repeat;	
	position: absolute;
}

.career-header .content-container {
	position: relative;
	z-index: 5;
	color: #fff;
	top: 240px;
	margin: 0 auto;
	text-align: center;
	text-shadow: 0 0 5px rgba(1,1,1,0.5);
	overflow:hidden;
}

#video-preview {
	min-width: 100%;
	position: absolute;
	left:0;
	right:0;
}

.video-home {
	display: block;
	cursor: pointer;
	background: url("../../_images/company/careers/layout/icon-play.png") no-repeat center center;
	width: 150px;
	height: 150px;
	padding: 20px;
	display:inline-block;
	position: relative;
	z-index: 111;
	transition: all 0.1s ease-in-out;
	transform: scale(0.85);
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	-o-transform: scale(0.85);
	transform:scale(0.85);	
}


.video-home:hover {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform:scale(1);	
}

.is-mobile .video-home.desktop-video {
	display: none;
}

.is-desktop .video-home.mobile-video {
	display: none;
}

#career-video { 
	height: 720px;
	width: 1280px;
}

.career-content .section {
	padding: 93px 0 160px 0;
}

.career-content .section-header {
	text-transform: uppercase;
	margin-bottom: 25px;
	color: #fff;
	letter-spacing: -0.03em;
	font: normal 48px "MuseoSans-500", arial, sans-serif;
}


.career-content .section-desc {
	font: normal 16px/26px "MuseoSans-500", arial, sans-serif;
	color: #cccccc;
}

.career-content .section-desc p {
	margin-bottom: 12px;
}

.career-content .section-text.center,
.career-content .section-text.center .section-desc {
	text-align: center;
	margin:0 auto;
	width: 75%;
}

.career-content .section-text.left {
	text-align: left;
	width: 50%;
}

.career-content .section .section-link {
	font: normal 20px "MuseoSans-500", arial, sans-serif;
	display: inline-block;
	padding-right: 23px;
}

.career-content .section .section-link:hover {
	background-position: right -50px;
}

.section.roles {
	background-image: url("../../_images/company/careers/backgrounds/home-section-career.jpg");
	background-repeat:  no-repeat ;
	background-position:center top;
	background-size: cover;
	padding-bottom: 165px;
	overflow: hidden;
}

.section.roles,
.section.roles .section-desc {
	color: #DDEFFC;
}

.section.roles .career-buttons {
	text-align: center;
	margin-top: -10px;
	position: relative;
	min-width: 980px;
	z-index: 10;
}

.section.roles .career-button {
	display: inline-block;
	text-align: center;
	width: 18%;
	max-width: 230px;
	min-width: 180px;
}

.section.roles .career-button a {
	display: inline-block;
}

.section.roles .career-button .role-icon {
	width: 150px;	
	height: 130px;
	background: url("../../_images/company/careers/layout/icon-roles.png") 0px 17px no-repeat;	
	display: block;
	margin: 0 auto;
	transition: transform 0.1s ease-in-out;
	transform: scale(0.85);
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	-ms-transform: scale(0.85);
	-o-transform: scale(0.85);
	transform:scale(0.85);	
	-webkit-backface-visibility:hidden; 
	-webkit-font-smoothing:antialiased;			
}

.section.roles .career-button a:hover .role-icon {
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform:scale(1);	
}

.section.roles .career-button.art-animation a:hover .role-icon {
	background-position: -150px 17px ;
}

.section.roles .career-button.design .role-icon {
	background-position: 0 -100px ;
}

.section.roles .career-button.design a:hover .role-icon {
	background-position: -150px -100px ;
}


.section.roles .career-button.engineering .role-icon {
	background-position: 0 -225px ;
}

.section.roles .career-button.engineering a:hover .role-icon {
	background-position: -150px -225px ;
}


.section.roles .career-button.production .role-icon {
	background-position: 0 -350px ;
}

.section.roles .career-button.production a:hover .role-icon {
	background-position: -150px -350px ;
}

.section.roles .career-button.operations .role-icon {
	background-position: 0 -475px ;
}

.section.roles .career-button.operations a:hover .role-icon {
	background-position: -150px -475px ;
}
.section.roles .career-button .role-label {
	padding-right: 0px;
	margin-top: 10px;	
	display: inline-block;	
	font: normal 20px "MuseoSans-500", arial, sans-serif;	
	white-space: nowrap;
}

.section.roles .career-button a:hover .role-label {
	background-position: 100% -21px;
}

.section.culture {
	background: url("../../_images/company/careers/backgrounds/home-section-culture.jpg") no-repeat center top #3a0707;
	min-height: 445px;	
	position: relative;
}

.section.culture .inner-width {
	position: relative;
}

.section.culture .section-text {
	float: right;
	margin-bottom: 100px;	
}

.section.culture .model {
	background: url("../../_images/company/careers/backgrounds/home-model-culture.png") no-repeat center center;
	height: 615px;
	width: 557px;
	top: -200px;
	position: absolute;
	margin-left: -120px;
}

.section.culture .gallery {
	position: absolute;
	bottom: 0;
	overflow: hidden;
	height: 170px;
	padding: 10px 0; 
	width: 100%;
	margin-top: 135px;
	background: url("../../_images/company/careers/culture-strip.png") repeat-x center center;
}


.section.culture .gallery .culture-thumb {
	border: 0px solid #fff;
	display: inline-block;
	box-shadow: 0 0 5px #510c03, 0 0 15px #510c03;
	margin: 0 7px 20px 7px;
	height: 152px;
}

.section.locations {
	background: url("../../_images/company/careers/backgrounds/home-section-locations.jpg") no-repeat 50% top #010102;
	height: 440px;
	overflow: hidden;
	position: relative;

}

.section.locations .section-text {
	margin-top: 20px;
	width: 50%;
}

.section.locations .section-desc {
	width: 85%;
}

.section.locations .location {
	position: absolute;
	left: 50%;
	width: 100px;
	line-height: 0.9em;

}

.section.locations .location span {
	display: block;
}

.section.locations .location .city {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

.section.locations .location .country {
	font-size: 10px;
	color: #888;
	text-transform: uppercase;
}

.section.locations .location:hover .country {
	color: #fff;
}

.section.locations .irvine .city {
	font-size: 12px;
}

.section.locations .irvine {
	bottom: 68px;
	margin-left: 70px;
}

.section.locations .austin {
	bottom: 27px;
	margin-left: 136px;
}

.section.locations .sao-paolo {
	bottom: -40px;
	margin-left: 230px;
}

.section.locations .cork {
	bottom: 214px;
	text-align: right;
	margin-left: 275px;
}

.section.locations .versailles {
	bottom: 250px;
	text-align: right;
	margin-left: 320px;
}

.section.locations .shanghai {
	bottom: 231px;
	text-align: right;
	margin-left: 430px;
}

.section.locations .seoul {
	bottom: 270px;
	margin-left: 535px;
}

.section.locations .taipei {
	bottom: 220px;
	margin-left: 575px;
}

.section.locations .singapore {
	bottom: 170px;
	margin-left: 475px;
	text-align: right;
}


.section.locations .sydney {
	bottom: 8px;
	margin-left: 515px;
	text-align: right;
}


.section.jobs {
	background: url("../../_images/company/careers/backgrounds/home-section-jobs.jpg") no-repeat center top;
}

.section.jobs .job-list {
	text-align: center;
}

.section.jobs .section-header {
	font-size: 30px;
}

.section.jobs .hot-list {
	margin: 30px auto 50px auto;
	overflow: hidden;
	padding: 0;
}

.section.jobs .hot-list li {
	width: 31%;
	margin-right: 2.3%;
	text-align: left;
	float: left;
	background-color: rgba(0,0,0,0.1);
	display: block;
	margin-bottom: 10px;
	font-family: "MuseoSans-500";

}

.section.jobs .hot-list li:nth-child(3n) {
 	margin-right: 0;
}

.section.jobs .hot-list li a {
	display: block;
	padding: 14px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	line-height: 1.4em;
}

.section.jobs .hot-list li .title,
.section.jobs .hot-list li .team {
	line-height: 1.2em;
	display: inline;
}

.section.jobs .hot-list li .title {
	font-size: 1em;
}

.section.jobs .hot-list li .team {
	font-size: 0.9em;
	color: #CCC;
}

.section.jobs .hot-list li:nth-child(3n) {
	margin-right: 0;
}

.subpagenav { 
	padding-top :0;
}

@media (max-width: 1325px) {
	.career-content .section-text.center .section-desc {
		width: 85%;
	}	
}

@media (max-width: 990px) {
	.career-header .preview-container .grid {
		display: none;
	}

	#video-preview {
		display: none;
	}



}