* {
	box-sizing: border-box;
}
img {
	max-width:100%;
}
body {
	margin:0;
	padding:0;
	font-family: 'Source Sans Pro', sans-serif;
}

.wrapper {
	width:1050px;
	max-width:100%;
	padding:0 25px;
	margin:0 auto;
}

.header {
	text-align: center;
	background-color: #e22925;
	padding:5px 0;
}

.video-wrapper {
	height:950px;
	position:relative;
	overflow:hidden;
}
.video-wrapper iframe {
    margin-top:-170px;
    /*margin-top:-200px;*/
    height:1350px;
    width:100%;
    position:absolute;
    top:0;
    bottom:0;
}

.video-banner-text {
	position: absolute;
	bottom:0;
	left:50px;
	height:170px;
	width:500px;
	max-width:100%;
	color:#fff;
}
.video-banner-text h3 {
	font-weight: thin;
}

.banner {
	display:none;
	background-image: url('../images/banner-bg.png');
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center top;
	min-height:500px;
	position: relative;
}

.banner-text {
	position: absolute;
	bottom:0;
	left:50px;
	height:170px;
	width:500px;
	max-width:100%;
	color:#fff;
}
.banner-text h3 {
	font-weight: thin;
}

.navi {
	margin-top:5px;
	box-shadow: 0 3px 7px -5px #838586;
}

.navi-inner {
	width:450px;
	max-width:100%;
	margin:0 auto;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}

.ni-single {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
}

.ni-single a {
	text-decoration: none;
	color:inherit;
	font-size: 18px;
	display:inline-block;
	padding: 15px 10px;
}

.ni-single.active a {
	border-bottom:4px solid red;
}

.about {
	text-align: center;
	margin:35px auto;
}

.about h1 {
	font-weight: 700;
}

.about h1 span {
	font-weight: 400;
}

.about p {
	font-size: 21px;
	margin-bottom:40px;
	color:#585858;
	margin:0 auto;
}

.about .narrow {
	max-width:800px;
}

.divider {
	width:430px;
	max-width:80%;
	height:1px;
	background-color: #000;
	margin:20px auto;
}

.about h3 {
	font-weight: 400;
	font-size: 26px;
}

.about .location {
	margin-bottom:25px;
}

.about-lower {
	width:1050px;
	padding:0 25px;
	max-width:100%;
	margin:65px auto;
}

.al-section {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-bottom:50px;
}

.al-section h1 {
	margin-top:0;
}

.al-section div {
	-webkit-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.als-texta {
	padding:0 20px 20px 0;
}

.als-textb {
	padding:0 0 20px 20px;
}

.red {
	color:red;
}
.small {
	font-size:13px;
}

.jobs {
	background-color: #F2F3F2;
	padding:40px 0;
	text-align: center;
}

.jobs .jobs-header h1 {
	font-size: 50px;
	font-weight: 400
}

.jobs .jobs-header h1 span {
	font-weight: 700
}

.job-single {
	background-color: #FFFFFF;
	border-radius: 8px;
	padding:10px 20px 20px 20px;
	max-width:100%;
	margin:0 auto 35px auto;
}

.js-body {
	border-top:1px solid #ccc;
	margin-top:15px;
	text-align: left;
}
.js-body a {
	text-decoration: none;
}

.jsh-left {
	width:50%;
	float:left;
	text-align: left;
}

.jsh-right {
	width:50%;
	float:right;
	text-align:right;
}

.show-details,
.hide-details {
	color:red;
	font-size: 13px;
	margin-top:10px;
	cursor: pointer;
}

.read-more {
	background-color: #e22925;
	color:#FFF;
	display:block;
	width:700px;
	max-width:90%;
	margin:0 auto;
	border-radius: 10px;
	text-align: center;
	padding:8px 0;
}

.js-nav {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width:500px;
	margin:0 auto;
}

.js-nav a {
	text-decoration: none;
}

.prev {
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;
}
.page {
	-webkit-flex: 3;
	-ms-flex: 3;
	flex: 3;
	padding-top:5px;
}
.next {
	-webkit-flex: 2;
	-ms-flex: 2;
	flex: 2;
}
.grey-button,
.red-button {
	color:#FFF;
	border-radius: 8px;
	padding:5px 10px;
	cursor: pointer;
}
.grey-button {
	background-color: #4b4b4b;
}
.red-button {
	background-color: #e22925;
	cursor: pointer;
}
.js-nav .fa-chevron-left,
.js-nav .fa-chevron-right {
	font-size: 12px;
}

.footer {
	padding:20px 0;
	text-align: center;
	font-size: 13px;
}


@media only screen and (max-width:2200px) {
	.video-wrapper iframe {
	    height:1230px;
	}
	.video-wrapper {
		height:820px;
	}
}

@media only screen and (max-width:2000px) {
	.video-wrapper iframe {
	    height:1150px;
	}
	.video-wrapper {
		height:760px;
	}
}

@media only screen and (max-width:1900px) {
	.video-wrapper iframe {
	    height:1070px;
	}
	.video-wrapper {
		height:700px;
	}
}

@media only screen and (max-width:1800px) {
	.video-wrapper iframe {
	    height:1025px;
	    margin-top:-135px;
	}
	.video-wrapper {
		height:725px;
	}
}

@media only screen and (max-width:1700px) {
	.video-wrapper iframe {
	    height:960px;
	    margin-top:-130px;
	}
	.video-wrapper {
		height:650px;
	}
	
}

@media only screen and (max-width:1600px) {
	.video-wrapper iframe {
	    height:910px;
	    margin-top:-125px;
	}
	.video-wrapper {
		height:610px;
	}
}

@media only screen and (max-width:1500px) {
	.video-wrapper iframe {
	    height:850px;
	    margin-top:-118px;
	}
	.video-wrapper {
		height:570px;
	}
}

@media only screen and (max-width:1400px) {
	.video-wrapper iframe {
	    height:800px;
	    margin-top:-115px;
	}
	.video-wrapper {
		height:535px;
	}
}

@media only screen and (max-width:1300px) {
	.video-wrapper iframe {
	    height:750px;
	    margin-top:-112px;
	}
	.video-wrapper {
		height:490px;
	}
}

@media only screen and (max-width:1200px) {
	.video-wrapper iframe {
	    height:700px;
	    margin-top:-109px;
	}
	.video-wrapper {
		height:450px;
	}
}

@media only screen and (max-width:1100px) {
	.video-wrapper iframe {
	    height:650px;
	    margin-top:-105px;
	}
	.video-wrapper {
		height:415px;
	}
}

@media only screen and (max-width:1023px) {
	.al-section {
		flex-direction: column;
		text-align: center;
	}
	.als-textb {
		max-width:500px;
		margin:0 auto;
	}

	.als-texta {
		max-width:500px;
		margin:0 auto;
	}
	.alsr {
		flex-direction: column-reverse;
	}

	.video-wrapper {
		display:none;
	}

	.banner {
		display:block;
	}
}




@media only screen and (max-width:700px) {

	.banner-text {
		left:20px;
		right:20px;
		width:auto;
	}

}