/*
Theme Name: respawn
Version: 1.License
0: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, gray, white, yellow, dark, light, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats
*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on December 21, 2015 */

@font-face {
    font-family: 'kiro';
    src: url('assets/fonts/kiro_extra_light-webfont.eot');
    src: url('assets/fonts/kiro_extra_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/kiro_extra_light-webfont.woff2') format('woff2'),
         url('assets/fonts/kiro_extra_light-webfont.woff') format('woff'),
         url('assets/fonts/kiro_extra_light-webfont.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'kiro';
    src: url('assets/fonts/kiro_extra_light_italic-webfont.eot');
    src: url('assets/fonts/kiro_extra_light_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/kiro_extra_light_italic-webfont.woff2') format('woff2'),
         url('assets/fonts/kiro_extra_light_italic-webfont.woff') format('woff'),
         url('assets/fonts/kiro_extra_light_italic-webfont.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'kiro';
    src: url('assets/fonts/kiro.light-webfont.eot');
    src: url('assets/fonts/kiro.light-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/kiro.light-webfont.woff2') format('woff2'),
         url('assets/fonts/kiro.light-webfont.woff') format('woff'),
         url('assets/fonts/kiro.light-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'kiro';
    src: url('assets/fonts/kiro_light_italic-webfont.eot');
    src: url('assets/fonts/kiro_light_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/kiro_light_italic-webfont.woff2') format('woff2'),
         url('assets/fonts/kiro_light_italic-webfont.woff') format('woff'),
         url('assets/fonts/kiro_light_italic-webfont.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'kiro';
    src: url('assets/fonts/kiro_regular-webfont.eot');
    src: url('assets/fonts/kiro_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/kiro_regular-webfont.woff2') format('woff2'),
         url('assets/fonts/kiro_regular-webfont.woff') format('woff'),
         url('assets/fonts/kiro_regular-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'kiro';
    src: url('assets/fonts/kiro_italic-webfont.eot');
    src: url('assets/fonts/kiro_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/kiro_italic-webfont.woff2') format('woff2'),
         url('assets/fonts/kiro_italic-webfont.woff') format('woff'),
         url('assets/fonts/kiro_italic-webfont.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'kiro';
    src: url('assets/fonts/kiro_bold-webfont.eot');
    src: url('assets/fonts/kiro_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/kiro_bold-webfont.woff2') format('woff2'),
         url('assets/fonts/kiro_bold-webfont.woff') format('woff'),
         url('assets/fonts/kiro_bold-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'kiro';
    src: url('assets/fonts/kiro_bold_italic-webfont.eot');
    src: url('assets/fonts/kiro_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/kiro_bold_italic-webfont.woff2') format('woff2'),
         url('assets/fonts/kiro_bold_italic-webfont.woff') format('woff'),
         url('assets/fonts/kiro_bold_italic-webfont.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'kiro';
    src: url('assets/fonts/kiro_extra_bold-webfont.eot');
    src: url('assets/fonts/kiro_extra_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/kiro_extra_bold-webfont.woff2') format('woff2'),
         url('assets/fonts/kiro_extra_bold-webfont.woff') format('woff'),
         url('assets/fonts/kiro_extra_bold-webfont.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'kiro';
    src: url('assets/fonts/kiro_extra_bold_italic-webfont.eot');
    src: url('assets/fonts/kiro_extra_bold_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/kiro_extra_bold_italic-webfont.woff2') format('woff2'),
         url('assets/fonts/kiro_extra_bold_italic-webfont.woff') format('woff'),
         url('assets/fonts/kiro_extra_bold_italic-webfont.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}



@font-face {
    font-family: 'kirothin';
    src: url('assets/fonts/kiro_thin-webfont.eot');
    src: url('assets/fonts/kiro_thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/kiro_thin-webfont.woff2') format('woff2'),
         url('assets/fonts/kiro_thin-webfont.woff') format('woff'),
         url('assets/fonts/kiro_thin-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'kirothin_italic';
    src: url('assets/fonts/kiro_thin_italic-webfont.eot');
    src: url('assets/fonts/kiro_thin_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/kiro_thin_italic-webfont.woff2') format('woff2'),
         url('assets/fonts/kiro_thin_italic-webfont.woff') format('woff'),
         url('assets/fonts/kiro_thin_italic-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



body {
	font-family: "kiro";
	font-size:14px;
	line-height:1.2em;
	font-weight:300;
	background-color: #cacaca; /*#E2E2E2;*/
	max-width: 1720px;
	margin: 0 auto;
}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	font-family: "kiro";
	text-transform:uppercase;
	text-shadow: 2px 1px 1px #111;
}
h1, .h1{
	font-size:2.9em;
	line-height: 0.9em;
}
h1 > a
{
	color: inherit;
}
h2, .h2{
	font-size:2.2em;
	line-height: 1em;
}
h3, .h3{
	font-size:1.8em;
	line-height: 1em;
	text-shadow: none;
}
h4, .h4{
	font-size:1.5em;
}
h5, .h5{
	font-size:1.2em;
	text-shadow: none;
}
h6, .h6{
	font-size:1em;
}
@media screen and (min-width: 768px) {
	body {
		font-size:16px;
	}
	h1, .h1{
		font-size:4.4em;
	}
	h2, .h2{
		font-size:3.3em;
	}
	h3, .h3{
		font-size:2.2em;
	}
	h4, .h4{
		font-size:1.5em;
	}
	h5, .h5{
		font-size:1.2em;
	}
	h6, .h6{
		font-size:1em;
	}
}

img{
	max-width:100%;
}

.dark-wrapper {
	background-color: #777;
}
.black-wrapper {
	background-color: #000;
}
.dark-wrapper .content-wrapper {
	color: #FFFFFF;
}
.container-fluid{
	max-width:1720px;
	padding-left:0;
	padding-right:0;

}
.row {
	margin:0;
}
/*
.container-fluid .container-fluid{
	padding-left:10px;
	padding-right:10px;
}
*/
.content-wrapper a,
.content-wrapper a:visited {
	color: #F59912;
	text-decoration: none;
}
.content-wrapper a:hover,
.content-wrapper a:active,
.content-wrapper a:focus {
	text-decoration: underline;
}
.content-main{
	padding-bottom:50px;
}
.ratio_16_9{
	width:100%;
	height:0%;
	padding-bottom:56.25%;
}

.btn{
	text-decoration:none !important;
}
.btn.orange-btn {
	border: 2px solid #F59912;
	background-color: #492d03;
	color: #F59912;
	border-radius:0px;
	text-transform:uppercase;
	font-size:16px;
	font-weight:700;
	text-shadow: 2px 1px 2px #111;
	box-shadow: 1px 1px 1px #111;
}
.btn.orange-btn:hover,
.btn.orange-btn:active,
.btn.orange-btn:focus {
	background-color: #F59912;
	color: #000000;
	text-shadow: none;
}
.btn.black-btn {
	border: 2px solid #000;
	color: #000;
	border-radius:0px;
	text-transform:uppercase;
	font-size:16px;
	font-weight:700;
}
.btn.black-btn:hover,
.btn.black-btn:active,
.btn.black-btn:focus {
	background-color: #000;
	color: #fff;
}
.bootstrap-select{
	width:100% !important;
}
.bootstrap-select .btn,
.bootstrap-select .btn:focus{
	border-radius:0px;
	border-color:transparent;
	outline:none !important;
}
.bootstrap-select .caret{
	border-top-width:8px;
	border-right-width:6px;
	border-left-width:6px;
	margin-top:-3px !important;
}
.bootstrap-select .filter-option{
	text-transform: uppercase;
}

.video-container2 {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container2 iframe,  
.video-container2 object,  
.video-container2 embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.entry-content2 img, 
.entry-content2 iframe, 
.entry-content2 object, 
.entry-content2 embed {
        max-width: 100%;
}

.video-container {
    position: relative;
	padding-bottom:44.25%;
    overflow: hidden;
    background: #000;
}
.video-container video {
    position: absolute;
    width: 100%;
    height:100%;
}
.video-container iframe {
    position: absolute;
    width: 100%;
    height:100%;
}
@media (min-width: 768px){
	.modal-dialog {
	    width: 1000px;
	    max-width: 95%;
	}
}
.modal-content{
	background-color:#eee;
	color:#333;
	border-radius:0px;
}
.modal-body{
	padding:30px;
}
.modal .close{
	position:absolute;
	right:12px;
	top:7px;
	z-index:1;
}



/***   HEADER   ***/
header {
	background: rgba( 0, 0, 0, 0.7 );
	margin-bottom: 20px;
	padding: 20px;
	position: relative;
	width: 100%;
	max-width: 1720px;
	z-index: 3;
}
.nav-open header
{
	background: none;
}

.home.page header {
	position:absolute;
}

.homecarousel {
	margin: 0 auto;
	max-width: 1720px;
}

.centeredcarousel {
	margin: 0 auto;
	max-width: 1226px;
}

.brand.respawn-logo {
	display: inline-block;
	width: 150px;
	height: 30px;
	background: url('assets/images/respawn_logo-header-white.png') no-repeat center center;
	background-size: 150px auto;
}

.nav-btn,
.btn-nav-close
{
	display: inline-block;
	width: 31px;
	height: 30px;
	background: url('/wp-content/uploads/2016/04/nav-btn_open.png') center center;
	background-size: cover;
}

@media (min-width: 768px)
{
	.brand.respawn-logo {
		width: 251px;
		height: 58px;
		margin: 2px 0;
		background-size:251px 50px;
	}
	.nav-btn,
	.btn-nav-close
	{
		width: 62px;
		height: 59px;
	}
}
.btn-nav-close
{
	background-image: url('/wp-content/uploads/2016/04/nav-btn-close.png');
	display: none;
}
.nav-open .btn-nav-close
{
	display: inline-block;
}

.nav-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	color: #fff;
	z-index: 2;
	overflow-y: overlay;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
	visibility: 0s 0.5s;
	transition: opacity 0.5s, visibility 0s 0.5s;
}
.overlay-menu-content {
    margin: 65px 0 0 30px;
    padding:0px;
    padding-left:20px;
	list-style-type: none;
	border-left: 3px solid rgba(255, 255, 255, 0.8);
}
.overlay-menu-content a {
	color: rgba(255, 255, 255, 0.8);
	font-size: 2.9em;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 700;
	font-family: "kiro";
	line-height: 1.1em;
}
.overlay-menu-content a:hover,
.overlay-menu-content a:focus,
.overlay-menu-content a:active {
	color: rgba(245, 153, 18, 0.8);
	text-decoration: none;
}
@media screen and (min-width: 768px) {
    .overlay-menu-content {
        margin: 85px 0 0 40px;
    }
	.overlay-menu-content a {
		font-size: 4.4em;
	}
}
@media screen and (min-width: 991px) {
    .overlay-menu-content {
        margin-left: 40px;
	}
}
	


/***   FOOTER   ***/
footer {
	color: #FFFFFF;
}
footer a,
footer a:visited {
	color: #FFFFFF;
}
footer a:hover,
footer a:active,
footer a:focus {
	color: #F59912!important;
	text-decoration: none;
}
.footer-widgets {
	background-color: #1B1B1B;
	padding: 30px 0;
}
.footer-widgets .widget{
	padding:0px 10px;
	margin-bottom:30px;
}
@media (min-width: 768px)
{
	.footer-widgets .widget
	{
		float: left;
		width: 20%;
	}
}
.footer-widgets .widget-title {
	padding: 0 0 0 20px;
	margin:0px 0px 0.8em;
	border-left: 10px solid #F59912;
}
.footer-widgets .textwidget {
	padding: 0 0 0 30px;
}
.footer-widgets p{
	margin:0px;
}
.footer-widgets a.follow {
	display: inline-block;
	background: url('assets/images/footer-social-icons.png') no-repeat center center;
	margin-right: 15px;
}
.footer-widgets a.follow.rss {
	width: 25px;
	height: 25px;
	background-position: 0 0;
}
.footer-widgets a.follow.facebook {
	width: 25px;
	height: 25px;
	background-position: -45px 0;
}
.footer-widgets a.follow.twitter {
	width: 25px;
	height: 25px;
	background-position: -95px 0;
}
.footer-widgets a.follow.youtube {
	width: 25px;
	height: 25px;
	background-position: -147px 0;
}
.info-links {
	background-color: #333333;
	padding: 30px 0;
	color: #999999;
}
.info-links .footer-logo {
	position:relative;
	display: block;
	width: 220px;
	height: 46px;
	margin:0px auto 30px;
	background: url('assets/images/respawn_logo-footer.png') no-repeat center center;
	background-size: 220px 46px;
}
.info-links .footer-menu {
	font-size:85%;
}
.info-links ul,
.info-links p {
	margin: 0px;
	text-align:center;
}
.info-links ul {
	margin-bottom:30px;
}
.info-links ul li {
	border-right: 2px solid #999999;
	padding:0px;
	padding-right:5px;
	margin-right:5px;
    line-height: 1em;
}
.info-links ul li:last-child {
	border-right: none;
}
.info-links  a,
.info-links  a:visited {
	color: #999999;
}
@media screen and (min-width: 768px) {
	.info-links .footer-logo {
		margin:0px;
	}
	.info-links ul,
	.info-links p {
		text-align:left;
	}
	.info-links ul {
		margin-bottom:0px;
	}
}



/***   HOME PAGE   ***/
.no-video .home-video video{
    display: none;
}
.home-video {
    z-index: -1;
}
.home-video.video-container{
    background-color:#e2e2e2;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
}
	
	
	

/***   COMPANY PAGE   ***/
.speech_bubble_slider .speech_bubble_header{
	position:relative;
	height:20px;
	z-index:1;
	color:#fff;
	width:83.333%;
}
.speech_bubble_slider .speech_bubble_heading{
	color:#fff;
	border-left: 10px solid #e38803;
	padding-left:20px;
}
.speech_bubble_slider .speech_bubble_subheading{
	color:#fff;
	padding-left:30px;
}
.speech_bubble_slider .speech_bubble_cta{
	margin-top:1em;
	padding-left:30px;
}
.speech_bubble_slider .slide{
	position:relative;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
/*
	min-height:600px;
*/
	min-height: 300px;
}
.speech_bubble_slider .slide:after {
    content:'';
    display:block;
    position: absolute;
    bottom:0px;
    width: 100%;
    height: 0px;
    border-bottom: 25px solid #cacaca;
    border-left: 25px solid transparent;
}
.speech_bubble_slider .slide_text{
	position:absolute;
	bottom:25%;
	border-left: 10px solid #e38803;
	padding-left:20px;
	color:#fff;
	width:83.333%;
}
.speech_bubble_slider .slide_text.no_bar{
	border-color:transparent;
}
.speech_bubble_slider .slide_text .slide_heading{

}
.speech_bubble_slider .slide_text .slide_description{

}
.speech_bubble_slider .slide_text .slide_cta{
	margin-top:2em;
}
.speech_bubble_slider .slide_text p:first-child{
	margin-top:0px;
}
.speech_bubble_slider .slide_text p:last-child{
	margin-bottom:0px;
}
.company_page_content a{
	margin-right:20px;
	margin-bottom:10px;
}
@media screen and (min-width: 768px) {
	.speech_bubble_slider .speech_bubble_header{
		height:30px;
	}
	.speech_bubble_slider .speech_bubble_heading{
		padding-left:40px;
	}
	.speech_bubble_slider .speech_bubble_subheading{
		padding-left:50px;
	}
	.speech_bubble_slider .speech_bubble_cta{
		padding-left:50px;
	}
	.speech_bubble_slider .slide_text{
		padding-left:40px;
		bottom:20%;
	}
	.speech_bubble_slider .slide:after {
		border-width: 50px;
	}
	.company_page_content{
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
		-webkit-column-gap: 30px;
	    -moz-column-gap: 30px;
	    column-gap: 30px;
	}
}


.carousel-control
{
	text-decoration: none;
}
.carousel-control-arrow
{
	display: block;
	font-size: 100px;
	height: 100px;
	margin-top: -50px;
	padding: 15px;
	position: absolute;
	text-align: left;
	top: 50%;
	width: 100%;
}
.carousel-control.right > .carousel-control-arrow
{
	text-align: right;
}
.carousel-indicators
{
	bottom: 0;
	display: none;
	margin-bottom: 0;
	z-index: 1;
}
.carousel-indicators > li,
.carousel-indicators > .active
{
	background: #fff;
	border: 0;
	box-shadow: 2px 1px 2px #111;
	height: 15px;
	margin: 0 10px;
	width: 15px;
	text-shadow: 2px 1px 2px #111;
}
.carousel-indicators > .active
{
	background: #f49912;
}
@media screen and (min-width: 768px) {
	.carousel-indicators
	{
		display: block;
	}
}

.slick_slider{
	position:relative;
	margin:0px;
	padding:0px;
	z-index:0;
}
.slick_carousel{
	position:relative;
	margin:0px;
	padding:0px;
}
.slick-dots {
    position: absolute;
	bottom: 0;
/*
    top: 50%;
    right:50px;
*/
    display: block;
    padding: 0;
    list-style: none;
    text-align: center;
   	-webkit-transform: translate(0px,-50%);
   	-moz-transform: translate(0px,-50%);
    -ms-transform: translate(0px,-50%);
    -o-transform: translate(0px,-50%);
    transform: translate(0px,-50%);
	width: 100%;
}
@media screen and (min-width: 768px) {
	.slick-dots {
		bottom: 25px;
	}
}
.slick-dots li {
	display: inline-block;
/*
    position: relative;
    display: block;
    width: 30px;
    height: 30px;
    margin: 15px 0;
*/
    padding: 0;
    cursor: default;
}
.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
/*
    width: 100px;
    height: 100px;
*/
	width: 30px;
	height: 30px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
	text-shadow: 2px 1px 2px #111;
}
.slick-dots li button:before {
    font-family: slick;
    font-size: 60px;
    line-height: 50px;
/*
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 100px;
*/
	width: 30px;
	height: 30px;
    content: "•";
    text-align: center;
    color: #fff;
    -webkit-font-smoothing: antialiased;
}
.slick-dots li.slick-active button:before,
.slick-dots li button:hover:before {
    color: #f49912;
}



/***   GAMES PAGE   ***/
.games_page_content_heading{
	border-left: 10px solid #e38803;
	padding-left:20px;
}
.games_page_content_heading h1,
.games_page_content_heading h2{
	font-size:2.9em;
	line-height:0.9em;
	margin:0px;
}
.games_page_content_heading h3,
.games_page_content_heading h4{
	font-size:2.2em;
	line-height:1em;
	margin:0px;
}
.games_page_content_heading h5,
.games_page_content_heading h6{
	font-size:1.8em;
	line-height:1em;
	margin:0px;
}
.in_production_games_carousel{
	position:relative;
	padding-left:30px;
	text-transform: uppercase;
}
.in_production_games_carousel:before{
	content:'';
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	border-left: 10px solid #e38803;
	height:40%;
	max-height:250px;
	width:0px;
}
.in_production_games_carousel .slick_carousel{
	margin-left:-20px;
	list-style-type:none;
}
.in_production_games_carousel .carousel_slide{
	position:relative;
	margin:0px 20px;
	text-align:center;
}
.in_production_games_carousel .carousel_slide .bg_image{
	width:100%;
	height:0%;
	padding-bottom:150%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.in_production_games_carousel .carousel_slide .carousel_slide_text{
	position:absolute;
	width:100%;
	padding:0px 20px;
	margin-top:0px;
	top:50%;
	color:#fff;
   	-webkit-transform: translate(0px,-50%);
   	-moz-transform: translate(0px,-50%);
    -ms-transform: translate(0px,-50%);
    -o-transform: translate(0px,-50%);
    transform: translate(0px,-50%);
}
.in_production_games_carousel .carousel_slide .carousel_slide_cta{
	position:absolute;
	width:100%;
	bottom:20px;
}
.in_production_games_carousel .slick-arrow{
	display:none !important;
	position:absolute;
	top:0px;
	z-index:1;
	height:100%;
	width:60px;
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.5);
	font-size: 0;
    line-height: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
}
.in_production_games_carousel .slick_carousel:hover .slick-arrow{
	display:block !important;
}
.in_production_games_carousel .slick-prev{
	left:20px;
}
.in_production_games_carousel .slick-next{
	right:20px;
}
.in_production_games_carousel .slick-prev:before{
	content:'';
	position:absolute;
	top:50%;
	left:5px;
	margin-top:-13px;
	display:inline-block;
	border:13px solid transparent;
	border-right-color:#e38803;
	border-right-width:20px;
}
.in_production_games_carousel .slick-next:before{
	content:'';
	position:absolute;
	top:50%;
	right:5px;
	margin-top:-13px;
	display:inline-block;
	border:13px solid transparent;
	border-left-color:#e38803;
	border-left-width:20px;
}
@media (max-width:499px){
	.in_production_games_carousel .carousel_slide{
		margin-bottom:20px;
	}
	.in_production_games_carousel .carousel_slide .bg_image{
		padding-bottom:100%;
	}
}
@media screen and (min-width: 768px) {
	.games_page_content_heading{
		padding-left:40px;
	}
	.games_page_content_heading h1,
	.games_page_content_heading h2{
		font-size:4.4em;
	}
	.games_page_content_heading h3,
	.games_page_content_heading h4{
		font-size:3.3em;
	}
	.games_page_content_heading h5,
	.games_page_content_heading h6{
		font-size:2.2em;
	}
	.games_page_content{
	    -webkit-column-count: 2;
	    -moz-column-count: 2;
	    column-count: 2;
		-webkit-column-gap: 30px;
	    -moz-column-gap: 30px;
	    column-gap: 30px;
	}
	.in_production_games_carousel{
		padding-left:50px;
	}
	.in_production_games_carousel .carousel_slide .carousel_slide_cta{
		bottom:40px;
	}
}



/***   SINGLE GAME PAGE   ***/
.single-game .game_post_header{
	position:relative;
	height:20px;
	z-index:1;
	color:#fff;
	width:83.333%;
}
.single-game .game_post_heading{
	color:#fff;
	border-left: 10px solid #e38803;
	padding-left:20px;
}

.single-game .content-wrapper{
	position:relative;
}
.single-game .content-wrapper.has-sidebar .content-main{
	padding-bottom:0px;
	float: none;
    width: auto;
}
.single-game .game_image{
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.single-game .content-wrapper.has-sidebar .sidebar{
	color:#fff;
	padding:20px;
    float: none;
    width: auto;
}
.single-game .game_content{
	overflow:auto;
}
.single-game .game_content h1,
.single-game .game_content h2,
.single-game .game_content h3,
.single-game .game_content h4,
.single-game .game_content h5,
.single-game .game_content h6{
	margin-top:1.2em;
}
.single-game .game_content h1:first-child,
.single-game .game_content h2:first-child,
.single-game .game_content h3:first-child,
.single-game .game_content h4:first-child,
.single-game .game_content h5:first-child,
.single-game .game_content h6:first-child{
	margin-top:0px;
}


.single-game .game_links{
	margin-top:20px;
	margin-bottom:0px;
}
.single-game .game_links a:first-child{
	margin-right:20px;
}
@media screen and (min-width: 768px) {
	.single-game .game_post_header{
		height:30px;	
	}
	.single-game .game_post_heading{
		padding-left:40px;
	}
}
@media (min-width: 992px) {
	.single-game .content-wrapper.has-sidebar .content-main{
		float:left;
		width:calc(100% - 420px);
	}
	.single-game .content-wrapper.has-sidebar .sidebar{
		float:right;
		width:400px;
		padding:40px 40px 100px 20px;
	}
	.single-game .game_links{
		position:absolute;
		right:40px;
		bottom:40px;
		width:340px;
	}
}



/***   BLOG PAGE   ***/
@media screen and (max-width: 767px) {
	.content-wrapper.has-sidebar .content-main{
		padding-bottom:0px;
	}
}
@media (min-width: 768px) {
	.content-wrapper.has-sidebar .content-main{
		float:left;
		width:calc(100% - 320px);
	}
	.content-wrapper.has-sidebar .sidebar{
		float:right;
		width:300px;
	}
}
.blog-nav{
	padding-bottom:15px;
}
.blog-title h1 {
	margin: 0px;
	border-left: 10px solid #F59912;
    padding-left: 20px;
}
.blog-nav .btn-group-justified{
	border-spacing: 10px 0px;
}
a.btn-filter,
a.btn-filter:visited {
	display: block;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	background-color: #000000;
	color: #F59912;
	padding: 0.2em;
	margin-top:12px;
	font-weight: 900;
	font-size: 1.4em;
	text-decoration: none;
	border-radius: 0;
}
.active-category,
a.btn-filter:hover,
a.btn-filter:active,
a.btn-filter:focus {
	background-color: #F59912 !important;
	color: #000000 !important;
	text-decoration: none;
}

.posts-row:after {
	margin:0px 10px;
	display:block;
	border-bottom: 2px solid #a0a0a0;
}
.dark-wrapper .posts-row:after{
	border-bottom-color:#000;
}

.post-overview-wrapper {
	padding: 20px 0px;
}
.post-overview-thumbnail {
	position: relative;
	display: block;
	width: 100%;
	min-height: 230px;
	background-color:#000;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.post-overview-authorinfo {
	padding: 10px 0;
}
.post-overview-title h2 {
	margin: 0;
}
.post-overview-readmore {
	margin: 2em 0 .5em;
}

.pagination-container,
.post-overview-title {
	position: relative;
	width: 100%;
	height: 65px;
    padding: 0.5em 0.75em;
    color:#000;
    background: #F59912;
    text-transform: uppercase;
}
.post-overview-title a{
    color:#000 !important;
}
.pagination-container{
    padding: 17px 12px;
}
.pagination-container::after,
.post-overview-title:after {
	content:"";
    position:absolute;
    bottom:0;
    right:0;
    border-width:0px 60px 15px 15px;
    border-style:solid;
    border-color: transparent #cacaca #cacaca transparent;
}
.dark-wrapper .pagination-container:after,
.dark-wrapper .post-overview-title:after {
    border-color: transparent #777 #777 transparent;
}
.pagination-wrapper {
    position: relative;
    margin: 20px 0;
    padding:0px 10px;
    width:auto;
    float:left;
}
.pagination-container:after, {
    border-width:0px 80px 15px 15px;
}
.pagination-wrapper .page-numbers,
.pagination-wrapper a:visited {
	color: #000;
	font-size:1.2em;
	font-weight: 700;
	text-decoration: none;
}
.pagination-wrapper a:hover,
.pagination-wrapper a:active,
.pagination-wrapper a:focus {
	text-decoration: none;
	color: #000;
}
.pagination-wrapper .page-numbers{
	display:inline-block;
	margin:0px 10px;
}
.pagination-wrapper .page-numbers:first-child{
	margin-left:0px;
}
.pagination-wrapper .page-numbers:last-child{
	margin-right:0px;
}
.pagination-wrapper .current{
	color:#fff;
}
@media (min-width: 768px) {
	.blog-title h1 {
	    padding-left: 40px;
	}
	.post-overview-title {
		height:75px;
	}
}


/***   BLOG SIDEBAR   ***/
.sidebar .widget{
	padding:20px 0px;
	border-bottom:2px solid #a0a0a0;
}
.dark-wrapper .sidebar .widget{
	border-bottom-color:#000;
}
.sidebar .widget:first-child{
	padding-top:0px;
}
.sidebar .widget:last-child{
	border-bottom:none;
}
.sidebar .widget_socialiconswidget{
	border-bottom:none;
	padding-bottom:0px;
}
@media screen and (max-width: 767px) {
	.sidebar .widget_facebookeventwidget{
		border-bottom:none;
	}
}
/***   FOLLOW US WIDGET   ***/
a.sidebar-follow {
	display: inline-block;
	width: 80px;
	height: 80px;
	background-size: 80px 80px !important;
	margin-right: 15px;
	text-indent: -999999px;
}
a.sidebar-follow:last-child {
	margin-right:0px;
}
a.sidebar-follow.facebook {
	background: url(assets/images/facebook-sidebar-icon-color.png) no-repeat;
}
.dark-wrapper a.sidebar-follow.facebook {
	background: url(assets/images/facebook-sidebar-icon.png) no-repeat;
}
a.sidebar-follow.twitter {
	background: url(assets/images/twitter-sidebar-icon-color.png) no-repeat;
}
.dark-wrapper a.sidebar-follow.twitter {
	background: url(assets/images/twitter-sidebar-icon.png) no-repeat;
}
a.sidebar-follow.youtube {
	background: url(assets/images/youtube-sidebar-icon-color.png) no-repeat;
}
.dark-wrapper a.sidebar-follow.youtube {
	background: url(assets/images/youtube-sidebar-icon.png) no-repeat;
}
/***   FACEBOOK EVENTS WIDGET   ***/
.facebook-events-widget{
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	color: #000;
}
.facebook-events-widget h4 {
	background-color: red;
	color: #fff;
	margin: 0;
	padding: 0.5em;
	font-weight: 900;
	text-align: center;
}
.facebook-events-wrapper {
	padding: 0.8em;
	margin: 0;
	height: 100%;
	width:100%;
	display: table;
}
.facebook-today {
	display: table-cell;
    height: 100%;
	text-align: right;
	font-size: 1.5em;
	line-height: 1em;
	vertical-align: middle;
	font-weight: 900;
	padding: 0 0.5em 0 0;
}
.facebook-today p{
	margin:0px;
}
.facebook-today .facebook-today-date {
	font-size: 2.5em;
	line-height: 0.7em;
    margin-bottom: 0.1em;
}
.facebook-events-list {
	min-height: 120px;
	border-left: 3px solid #F59912;
	padding: 0 0 0 0.7em;
	display: table-cell;
}
.facebook-events-list .facebook-event:only-child {
	color: #ACACAC;
}
.facebook-event p {
	line-height: 1em;
	margin: 0;
	color: #ACACAC;
	font-weight: 900;
	text-transform: uppercase;
}
.content-wrapper .facebook-event a {
	color: #ACACAC;
}
.facebook-event a:hover {
	color: #000;
}
.facebook-event:after {
	content: "";
    border-bottom: 3px solid #000;
    width: 2em;
    display: block;
    margin: 0.5em 0;
}
.facebook-event:last-of-type:after {
	border: none;
	margin: 0;
}
/***   TWITTER TIMELINE WIDGET   ***/
.widget_twittertimelinewidget{
	display:none;
}
@media screen and (min-width: 768px) {
	.widget_twittertimelinewidget{
		display:block;
	}
}

/***   FACEBOOK PAGE WIDGET   ***/
.widget_facebookpagewidget{
	display:none;
}
@media screen and (min-width: 768px) {
	.widget_facebookpagewidget{
		display:block;
	}
}



/***   POST PAGE   ***/
.post-thumbnail {
	position: relative;
	display: block;
	width: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.post-title {
    padding-left: 20px;
    color:#000;
    border-left: 10px solid #F59912;
}
.post-content{
	padding:20px 40px 10px;
	font-size:1.4em;
	line-height: 1.3em;
}
.post-authorinfo .author {
	font-weight: 700;
	padding-left: 25px;
	margin-right:10px;
}
.post-readmore {
	padding-left: 25px;
	margin: 2em 0 1em;
}
@media screen and (min-width: 768px) {
	.post-title {
	    padding-left: 40px;
	}
}


/***   TEAM PAGE   ***/
.team_top_content{
	padding-bottom:25px;
}
.team_header{
	position:relative;
	height:20px;
	z-index:1;
	color:#fff;
	width:83.333%;
}
.team_heading{
	color:#fff;
	border-left: 10px solid #e38803;
	padding-left:20px;
}
.team_header_image{
	width: 100%;
	margin-bottom: 50px;
	/*
	min-height: 420px;
	background-position: 100%;
	background-repeat:no-repeat;
	background-size: cover;
	*/
}

#team_member_grid{
	overflow:hidden;
}
#team_member_grid.loading{
	padding-bottom:75px;
	margin-bottom:10px;
	background-image:url('assets/images/loader_000000.gif');
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:50px 50px;
}
#team_member_grid .team_row{
	position:relative;
	background-color: #cacaca;
	padding:0px;
}
#team_member_grid .team_member{
	padding:0px;
	background-color:#000;
	cursor:pointer;
}
#team_member_grid .team_member.active{
	background-color:#fff;
}
#team_member_grid .team_member.empty{
	cursor:default;
}
#team_member_grid .team_member_pic{
	background-position:center top;
	background-repeat:repeat-y;
	background-size:100% auto;
	padding-bottom:125%;
	opacity:0.75;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%); 
}
#team_member_grid .team_member.active .team_member_pic{
	opacity:1;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%); 
}
/***   no backgroundblendmode fallback   ***/
/*
#team_member_grid .team_row:nth-of-type(6n+1) .team_member_pic:after{
	content:'';
    position: absolute;
    height: 100%;
    width: 100%;
	background-color:#B36C03;
	opacity:0.7;
}
#team_member_grid .team_row:nth-of-type(6n+3) .team_member_pic:after{
	content:'';
    position: absolute;
    height: 100%;
    width: 100%;
	background-color:#046671;
	opacity:0.7;
}
#team_member_grid .team_row:nth-of-type(6n+5) .team_member_pic:after{
	content:'';
    position: absolute;
    height: 100%;
    width: 100%;
	background-color:#4E6B00;
	opacity:0.7;
}
#team_member_grid .team_member.active .team_member_pic:after,
.backgroundblendmode #team_member_grid .team_member .team_member_pic:after{
	content:'';
    height: 0%;
}
*/
/***   backgroundblendmode style   ***/
/*
.backgroundblendmode #team_member_grid .team_member_pic{
	background-blend-mode: multiply;
	background-blend-mode: luminosity;
}

.backgroundblendmode #team_member_grid .team_row:nth-of-type(6n+1) .team_member_pic{
	background-color:#f49912;
	opacity:0.7;
}
.backgroundblendmode #team_member_grid .team_row:nth-of-type(6n+3) .team_member_pic{
	background-color:#12dcf4;
	opacity:0.5;
}
.backgroundblendmode #team_member_grid .team_row:nth-of-type(6n+5) .team_member_pic{
	background-color:#a0c835;
	opacity:0.5;
}
.backgroundblendmode #team_member_grid .team_member.active .team_member_pic{
	background-blend-mode: normal;
	opacity:1;
}
*/
#team_member_grid .team_member.empty .team_member_pic{
	background-color:#000 !important;
}
.team_member_name
{
	background: rgba(0, 0, 0, 0.5);
	bottom: 0;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding: 3px;
	position: absolute;
	text-align: right;
	text-transform: uppercase;
	width: 100%;
}
@media (min-width: 900px)
{
	font-size: 0.7em;
}
.team_row_collapse{
	background-color:#cacaca;
}
.team_member_content{
	background-position:left bottom;
	background-repeat:repeat-y;
	background-size:16.666667% auto;
}
.team_member_content > .row{
	padding:0px 10px;
}
.team_member_photostrip_space{
	padding-bottom:62.5%;
}
.team_member_content_copy{
	padding:30px 10px;
}
.team_member_col_header{
	border-left: 10px solid #e38803;
	padding-left:20px;
	padding-right:20px;
}
.team_member_col_header h3,
.team_member_col_header p{
	margin-top:0px;
	margin-bottom:0px;
}
.team_member_col_content{
	padding: 10px 20px 10px 30px;
}
.project_list{
	margin:0px;
	padding:0px;
	list-style-type:none;
}
.project_list li{
	position:relative;
	padding-left:20px;
}
.project_list li:before{
	content:'';
	display:inline-block;
	border:5px solid;
	width:0px;
	height:0px;
	position:absolute;
	left:0px;
	top:3px;
}
.team_load_more_bar{
	min-height:65px;
}
.team_load_more{
	color:#fff !important;
	display:inline-block;
	margin:20px 0px;
	border-left:10px solid #e38803;
	padding-left:20px;
}
.team_page_join_content_heading{
	border-left: 10px solid #e38803;
	padding-left:20px;
	margin-top:50px;
}
.team_page_join_content_heading h1,
.team_page_join_content_heading h2{
	font-size:2.9em;
	line-height:0.9em;
	margin:0px;
}
.team_page_join_content_heading h3,
.team_page_join_content_heading h4{
	font-size:2.2em;
	line-height:1em;
	margin:0px;
}
.team_page_join_content_heading h5,
.team_page_join_content_heading h6{
	font-size:1.8em;
	line-height:1em;
	margin:0px;
}
.team_page_join_content{
	margin-top:50px;
	padding-left:30px;
}
.team_page_join_content .btn{
	margin-right:20px;
	margin-bottom:10px;
}
.videos_carousel_wrapper{
	position:relative;
	width:100%;
	overflow:hidden;
	background-color:#000;
}
.videos_callout{
	position:absolute;
	height:100%;
	width:120px;
	padding:15px;
	background-color:#f49912;
}
.videos_callout h3{
	color:#000;
	font-weight:900;
	margin:0px;
	position:absolute;
	top:50%;
   	-webkit-transform: translate(0px,-50%);
   	-moz-transform: translate(0px,-50%);
    -ms-transform: translate(0px,-50%);
    -o-transform: translate(0px,-50%);
    transform: translate(0px,-50%);
}
.videos_carousel{
	margin-left:120px;
}
.videos_carousel .slick_carousel{

}
.videos_carousel .carousel_slide{
	position:relative;
}
.videos_carousel .video_lightbox_cta{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	cursor:pointer;
	background:transparent url('assets/images/play_button.png') 50% 50% no-repeat;
	background-size:auto 25%;
}
.videos_carousel .carousel_slide.slick-current .video_lightbox_cta{
	display:block;
}
.videos_carousel .carousel_slide .bg_image{
	width:100%;
	height:0%;
	padding-bottom:75%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	opacity:0.5;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%); 
}
.videos_carousel .carousel_slide.slick-current .bg_image{
	opacity:1;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%); 
}

.videos_carousel .carousel_slide .carousel_slide_text{
	position:absolute;
	width:100%;
	padding:0px 20px;
	margin:0px;
	bottom:20%;
	color:#fff;
	font-weight:300;
}
.videos_carousel .slick-arrow{
	display:none !important;
	position:absolute;
	top:0px;
	z-index:1;
	height:100%;
	width:60px;
	background-color:#000;
	background-color:rgba(0, 0, 0, 0.5);
	font-size: 0;
    line-height: 0;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
}
.videos_carousel .slick_carousel:hover .slick-arrow{
	display:block !important;
}
.videos_carousel .slick-prev{
	left:0px;
}
.videos_carousel .slick-next{
	right:0px;
}
.videos_carousel .slick-prev:before{
	content:'';
	position:absolute;
	top:50%;
	left:5px;
	margin-top:-13px;
	display:inline-block;
	border:13px solid transparent;
	border-right-color:#e38803;
	border-right-width:20px;
}
.videos_carousel .slick-next:before{
	content:'';
	position:absolute;
	top:50%;
	right:5px;
	margin-top:-13px;
	display:inline-block;
	border:13px solid transparent;
	border-left-color:#e38803;
	border-left-width:20px;
}
@media screen and (min-width: 500px) {
	.videos_carousel{
		width:100%;
	}
	.videos_carousel .slick-next{
		right:120px;
	}
}
@media screen and (min-width: 768px) {
	#team_member_grid.loading{
		padding-bottom:115px;
		margin-bottom:25px;
		background-size:75px 75px;
	}
	#team_member_grid .team_member.active{

	}
	.project_list li:before{
		top:5px;
	}
	.team_load_more_bar{
		min-height:75px;
	}
	.team_load_more{
		padding-left:40px;
	}
	.team_page_join_content_heading{
		padding-left:40px;
	}
	.team_page_join_content_heading h1,
	.team_page_join_content_heading h2{
		font-size:4.4em;
	}
	.team_page_join_content_heading h3,
	.team_page_join_content_heading h4{
		font-size:3.3em;
	}
	.team_page_join_content_heading h5,
	.team_page_join_content_heading h6{
		font-size:2.2em;
	}
	.team_page_join_content{
		padding-left:50px;
	}
	.videos_callout{
		width:150px;
	}
	.videos_carousel{
		margin-left:150px;
	}
	.videos_carousel .slick-next{
		right:150px;
	}
}



/***   CAREERS PAGE   ***/
.careers_top_content{
	padding-bottom:25px;
}
.careers_header{
	position:relative;
	height:20px;
	z-index:1;
	color:#fff;
	width:83.333%;
}
.careers_heading{
	color:#fff;
	border-left: 10px solid #e38803;
	padding-left:20px;
}
.careers_header_image{
	width: 100%;
	margin-bottom: 50px;
	/*
	min-height: 420px;
	background-position: 100%;
	background-repeat:no-repeat;
	background-size: cover;
	*/
}
/* .careers_header_image:after {
    content:'';
    display:block;
    position: absolute;
    bottom:0px;
    width: 100%;
    height: 0px;
    border-bottom: 50px solid #cacaca;
    border-left: 50px solid transparent;
}
*/
.careers_header_videos .careers_header_video{
	position:relative;
	margin-bottom:50px;
}
.careers_header_videos .careers_header_video:first-child{
	margin-bottom:20px;
}
.careers_header_videos .careers_header_video .bg_image{
	width:100%;
	height:0%;
	padding-bottom:56.25%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.careers_header_videos .careers_header_video .video_lightbox_cta{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	cursor:pointer;
	background:transparent url('assets/images/play_button.png') 50% 40% no-repeat;
	background-size:auto 25%;
}
.careers_header_videos .careers_header_video .video_title{
	position:absolute;
	width:100%;
	padding:10px 25px;
	margin:0px;
	bottom:0px;
	background-color:#e38803;
	color:#000;
}
.careers_header_videos .careers_header_video .video_title:before{
	content:'';
	width:0px;
	position:absolute;
	top:10px;
	bottom:10px;
	left:10px;
	border-left:2px solid #000;
}
.department_filter_bar{
	padding:20px 0px 10px;
	background-color:#000;
}
.department_filter_label{
	color:#e38803;
	margin-top:0px;
	margin-bottom:10px;
	line-height:34px;
}
.department_filter_bar .form-group{
	margin-bottom:10px;
}
.department_filter_bar .search_field_wrapper{
	border-bottom:1px solid #fff;
}
.department_filter_bar .search_field_wrapper img{
	max-width:none;
}
.department_filter_bar .search_field_wrapper .input-group-addon,
.department_filter_bar .search_field_wrapper .form-control{
    color: #fff;
    background-color: #000;
    border:none;
    border-radius: 0px;
    box-shadow:none !important;
}
.careers_page_content{
	padding-left:30px;
	margin-top:-25px;
}
.careers_page_content h1,
.careers_page_content h2,
.careers_page_content h3,
.careers_page_content h4,
.careers_page_content h5,
.careers_page_content h6{
	margin-left:-30px;
	margin-top:0px;
	border-left:10px solid #e38803;
	padding-left:20px;
}
#job_postings{
	color:#fff;
	padding-bottom:50px;
}
#job_postings.loading{
	padding-top:100px;
	background-image:url('assets/images/loader_282828.gif');
	background-position:center 50px;
	background-repeat:no-repeat;
	background-size:50px 50px;
}
.project{
	margin: 40px auto;
}
.project .project_heading{
	border-left: 10px solid #e38803;
	padding-left:20px;
	margin-bottom:20px;
}
.project .project_heading span{
	display:inline-block;
	width:100%;
	font-size:2em;
	line-height:1em;
}
.project .project_heading a{
	color:#ffffff;
}
.project .projet_location{
	padding-left:30px;
	color:#e38803;
	font-size:0.8em;
	text-transform: uppercase;
}
.project .jobs{
	list-style-type:none;
	margin:0px;
	padding-left:30px;
}
.project .jobs li{
	margin-top:30px;
}
.project .jobs .job_cta,
.project .jobs .job_title
{
	cursor:pointer;
}
.project .jobs .job_cta:hover,
.project .jobs .job_cta.active,
.project .jobs .job_title:hover,
.project .jobs .job_title.active
{
	color: #e38803;
}
#job_description{
	position:absolute;
	width:100%;
	background-color:#1b1b1b;
	color:#fff;
	box-shadow:0px 5px 10px rgba(0,0,0,0.5);
}
#job_description .arrow{
	display:inline-block;
	position:absolute;
	top:-22px;
	width:0px;
	height:0px;
	border:22px solid transparent;
	border-top-width:0px;
	border-bottom-color:#1b1b1b;
}
#job_description_content{
	padding:30px 30px 0px;
}
#job_description_content.loading{
	padding-top:75px;
	margin-top:25px;
	background-image:url('assets/images/loader_1b1b1b.gif');
	background-position:center top;
	background-repeat:no-repeat;
	background-size:50px 50px;
}
#job_description_content .job_title{
	margin-bottom:20px;
	color:#e38803
}
#job_description_content h5{
	margin-top:30px;
}
#job_description_content .job_team:after{
	content:'';
	display:block;
	clear:both;
}
#job_description_content .job_team_member{
	float:left;
	width:150px;
	margin-right:15px;
	cursor:pointer;
}
#job_description_content .job_team_member_image_wrapper{
	margin-bottom:10px; 
	border:2px solid #e38803;
	border-radius:50%;
	overflow:hidden;
}
#job_description_content .job_team_member_image{
	width:150px;
	height:150px;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:115% auto;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}
#job_description_content .job_team_member_image:hover{
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	filter: grayscale(0%); 
}
#job_description_content .apply_cta{
	margin-top:30px;
}
#job_description .jobs-close-btn{
	background: transparent url('assets/images/jobs-close-arrow.png') center top no-repeat;
	border:none;
	padding-top:35px;
	text-transform:uppercase;
	color:#e38803;
	box-shadow:none;
	outline:none;
}
#job_description_content .team_member_modal_pic{
	width:150px;
	height:150px;
	margin:0px auto 20px;
	border:2px solid #e38803;
	border-radius:50%;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:120% auto;
}

@media screen and (min-width: 768px) {
	.careers_header{
		height:30px;	
		width:57%;
	}
	.careers_heading{
		padding-left:40px;
	}
/* 
	.careers_header_image{
		height:0px;
		padding-bottom:calc(56.25% + 35px);
		margin-bottom:0px;
	}
*/
	.team_header{
		height:30px;	
		width:57%;
	}
	.team_heading{
		padding-left:40px;
	}
	.department_filter_label{
		line-height:34px;
		text-align:right;
	}
	.careers_page_content{
		padding-left:50px;
	}
	.careers_page_content h1,
	.careers_page_content h2,
	.careers_page_content h3,
	.careers_page_content h4,
	.careers_page_content h5,
	.careers_page_content h6{
		margin-left:-50px;
		padding-left:40px;
	}
	#job_postings.loading{
		padding-top:125px;
		background-size:75px 75px;
	}
	#job_description_content.loading{
		padding-top:115px;
		margin-top:40px;
		background-size:75px 75px;
	}
	#job_description_content .team_member_modal_pic{
		float:left;
	}
	#job_description_content .team_member_modal_text{
		float:right;
		width:75%;
	}
}



.page-title{
	border-left:10px solid #e38803;
	padding-left:20px;
}
.page-content{
	
}
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6{
	border-left:10px solid #e38803;
	padding-left:20px;
}
@media screen and (min-width: 768px) {
	.page-title{
		padding-left:40px;
	}
}