/* Hero image and Slick slider */
@media only screen {
	.slideContainer {
		position: relative;
		display: block;
		overflow: hidden;
		height: 385px;
		max-height: 385px;
		z-index: 1;
	}
	.slideContainer.video {
		height: auto;
		max-height: none;
	}
	.slideContainer.custom_header_slideshow {
		height: 445px;
		max-height: 445px;
		margin-bottom: 30px;
		background-color: white;
		opacity: 0;
		-webkit-transition: opacity 400ms ease;
		   -moz-transition: opacity 400ms ease;
			-ms-transition: opacity 400ms ease;
			 -o-transition: opacity 400ms ease;
				transition: opacity 400ms ease;
	}
	.slideContainer.custom_header_slideshow.loaded {
		opacity: 1;
	}
	.slideContainer .placeholder_slideshow {
		width: 100%;
		height: 385px;
	}
	.slideContainer.custom_header_slideshow .placeholder_slideshow {
		height: 445px;
	}
	.slideContainer .slides {
		margin: 0;
	}
	.slideContainer .slide {
		position: relative;
	}
	.slideContainer .slideWrapper {
		position: relative;
		width: 100%;
		height: 385px;
		max-height: 385px;
		padding: 0;
		outline: none;
		z-index: 1;
	}
	.slideContainer .slideImage {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-size: cover;
		background-position: center center;
		background-repeat: no-repeat;
	}
	.slideContainer.custom_header_slideshow .slideImage {
		width: 95%;
		height: 385px;
		margin: 0 auto;
	}
	.slideContainer .contentWrapper {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		margin: 0 auto;
		width: 95%;
		height: 100%;
		text-align: center;
		overflow: hidden;
		z-index: 2;
        background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.6), rgba(0,0,0,0.4) 70%, transparent);
        background-image:	 -moz-linear-gradient(left, rgba(0,0,0,0.6), rgba(0,0,0,0.4) 70%, transparent);
        background-image:	  -ms-linear-gradient(left, rgba(0,0,0,0.6), rgba(0,0,0,0.4) 70%, transparent);
        background-image:	   -o-linear-gradient(left, rgba(0,0,0,0.6), rgba(0,0,0,0.4) 70%, transparent);
	    background-image:		  linear-gradient(to right, rgba(0,0,0,0.6), rgba(0,0,0,0.4) 70%, transparent);
	}
	.slideContainer .contentWrapper.blackGradient {
		/*background-color: rgba(0,0,0,0.4);*/
	}
	.slideContainer .contentWrapper.blueGradient {
		background-color: rgba(30,87,153,0.4);
	}
	.slideContainer .contentWrapper.redGradient {
		background-color: rgba(190,57,11,0.4);
	}
	.slideContainer .contentWrapper.purpleGradient {
		background-color: rgba(85,66,90,0.4);
	}
	.slideContainer.heroImage .contentWrapper {
		width: 100%;
	}
	.slideContainer .contentInner {
		position: absolute;
		margin: 0 auto;
		left: 0;
		right: 0;
		display: inline-block;
		width: 100%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
			-ms-transform: translateY(-50%);
			 -o-transform: translateY(-50%);
				transform: translateY(-50%);
	}
	.slideContainer.custom_header_slideshow .contentInner {
		width: 90%;
	}
	.slideContainer .title h1,
	.slideContainer .title h2,
	.slideContainer .title h3,
	.slideContainer .title h4,
	.slideContainer .title h5,
	.slideContainer .title h6,
	.slideContainer .title strong,
	.slideContainer .title em,
	.slideContainer .title p,
	.slideContainer .title u,
	.slideContainer .title,
	.slideContainer .subtitle {
		position: relative;
		color: white;
		text-decoration: none;
		font-family: 'Freight Big W01 Black Regular';
		font-style: normal;
		font-size: 11vw;
		line-height: 11vw;
		text-align: center;
		letter-spacing: 1.5px;
		margin: 0 auto;
	}
	.slideContainer .title h1 {
		font-size: 9vw;
		line-height: 9vw;
	}
	.slideContainer .title h2 {
		font-size: 8.5vw;
		line-height: 8.5vw;
	}
	.slideContainer .title h3 {
		font-size: 8vw;
		line-height: 8vw;
	}
	.slideContainer .title h4 {
		font-size: 7.5vw;
		line-height: 7.5vw;
	}
	.slideContainer .title h5 {
		font-size: 7vw;
		line-height: 7vw;
	}
	.slideContainer .title h6 {
		font-size: 6.5vw;
		line-height: 6.5vw;
	}
	.slideContainer .subtitle {
		text-transform: uppercase;
		font-family: 'Futura LT W01 Medium Condensed';
		font-size: 20px;
		line-height: 20px;
		color: white;
		margin: 15px 0 0 0;
	}
	.slideContainer.custom_header_slideshow .subtitle {
		display: none;
	}
	.slideContainer.heroImage.hideTitle .title {
		display: none;
	}
	.slideContainer .buttonWrapper {
		display: inline-block;
		margin: 0 auto;
		line-height: 0;
	}
	.slideContainer .goldButton {
		font-size: 18px;
		letter-spacing: 2px;
		margin-top: 30px;
	}
	.slideContainer.heroImage .goldButton {
		width: 220px;
		height: 55px;
		line-height: 55px;
	}
	.slideContainer.custom_header_slideshow .goldButton {
		width: 160px;
		height: 55px;
		line-height: 55px;
	}
	.slideContainer .slick-dots {
		bottom: -60px;
		height: 60px;
		margin: 0;
		background-color: white;
	}
	.slideContainer .slick-dots li {
		top: 14px;
		width: 5px;
		height: 5px;
		border-radius: 8px;
		background-color: rgba(0, 0, 0, 0.3);
		z-index: 5;
	}
	.slideContainer .slick-dots li:hover,
	.slideContainer .slick-dots li.slick-active {
		top: 13px;
		width: 7px;
		height: 7px;
		border-radius: 7px;
		background-color: black;
	}
	.slideContainer .slick-dots li button {
		width: 0;
		max-width: 80px;
		height: 5px;
		padding: 0;
		color: transparent;
	}
	.slideContainer .slick-dots li button:before {
		display: none;
	}
	.slideContainer .slide.video iframe {
		width: 100%;
		height: 100%;
	}	
}
@media only screen and (min-width: 40.063em) {
	.slideContainer .title h1,
	.slideContainer .title h2,
	.slideContainer .title h3,
	.slideContainer .title h4,
	.slideContainer .title h5,
	.slideContainer .title h6,
	.slideContainer .title strong,
	.slideContainer .title em,
	.slideContainer .title p,
	.slideContainer .title u,
	.slideContainer .title,
	.slideContainer .subtitle {
		font-size: 10vw;
		line-height: 10vw;
		margin: 0;
		text-align: left;
	}
	.slideContainer .title h1 {
		font-size: 7.5vw;
		line-height: 7.5vw;
	}
	.slideContainer .title h2 {
		font-size: 7vw;
		line-height: 7vw;
	}
	.slideContainer .title h3 {
		font-size: 6.5vw;
		line-height: 6.5vw;
	}
	.slideContainer .title h4 {
		font-size: 6vw;
		line-height: 6vw;
	}
	.slideContainer .title h5 {
		font-size: 5.5vw;
		line-height: 5.5vw;
	}
	.slideContainer .title h6 {
		font-size: 5vw;
		line-height: 5vw;
	}
	.slideContainer .subtitle {
		font-size: 20px;
		line-height: 20px;
		margin: 25px 0 0 0;
	}
	.slideContainer .contentInner {
		left: 10%;
	}
	.slideContainer.heroImage .contentInner {
		left: 10%;
		margin: 0;
		max-width: 75%;
	}
	.slideContainer .buttonWrapper {
		display: block;
		margin: 10px 0 0 0;
		line-height: 54px;
	}
	.slideContainer .goldButton,
	.slideContainer.heroImage .goldButton,
	.slideContainer.custom_header_slideshow .goldButton {
		display: block;
		width: 160px;
		height: 55px;
		margin-top: 20px;
	}
}
@media only screen and (min-width: 50.063em) {
	.slideContainer .title h1 {
		font-size: 7vw;
		line-height: 6.5vw;
	}
	.slideContainer .title h2 {
		font-size: 6.5vw;
		line-height: 6.5vw;
	}
	.slideContainer .title h3 {
		font-size: 6vw;
		line-height: 6vw;
	}
	.slideContainer .title h4 {
		font-size: 5.5vw;
		line-height: 5.5vw;
	}
	.slideContainer .title h5 {
		font-size: 5vw;
		line-height: 5vw;
	}
	.slideContainer .title h6 {
		font-size: 4.5vw;
		line-height: 4.5vw;
	}
	.slideContainer .subtitle {
	}
}
@media only screen and (min-width: 64.063em) {
	.slideContainer {
		max-width: 1510px;
		height: 610px;
		max-height: 610px;
	}
	.indent_content .slideContainer.heroImage {
		left: -80px;
	}
	.slideContainer .placeholder_slideshow {
		height: 610px;
	}
	.slideContainer .slideWrapper {
		height: 610px;
		max-height: 610px;
	}
	.slideContainer .slideImage {
		max-width: 1510px;
		height: 610px;
	}
	.slideContainer.custom_header_slideshow .slideImage {
		height: 610px;
	}
	.slideContainer .contentInner,
	.slideContainer.heroImage .contentInner {
		left: 15%;
	}
	.slideContainer .title {
		padding-bottom: 20px;
	}
	.slideContainer .title strong,
	.slideContainer .title em,
	.slideContainer .title p,
	.slideContainer .title u,
	.slideContainer .title {
		font-size: 7vw;
		line-height: 7vw;
	}
	.slideContainer .title h1 {
		font-size: 7vw;
		line-height: 7vw;
	}
	.slideContainer .title h2 {
		font-size: 6vw;
		line-height: 6vw;
	}
	.slideContainer .title h3 {
		font-size: 5vw;
		line-height: 5vw;
	}
	.slideContainer .title h4 {
		font-size: 4vw;
		line-height: 4vw;
	}
	.slideContainer .title h5 {
		font-size: 3vw;
		line-height: 3vw;
	}
	.slideContainer .title h6 {
		font-size: 2.5vw;
		line-height: 3vw;
	}
	.slideContainer .subtitle {
	}
}
@media only screen and (min-width: 1600px) {
	.slideContainer .title strong,
	.slideContainer .title em,
	.slideContainer .title p,
	.slideContainer .title u,
	.slideContainer .title {
		font-size: 120px;
		line-height: 104px;
	}
	.slideContainer .title h1 {
		font-size: 120px;
		line-height: 104px;
	}
	.slideContainer .title h2 {
		font-size: 100px;
		line-height: 100px;
	}
	.slideContainer .title h3 {
		font-size: 90px;
		line-height: 90px;
	}
	.slideContainer .title h4 {
		font-size: 80px;
		line-height: 80px;
	}
	.slideContainer .title h5 {
		font-size: 70px;
		line-height: 70px;
	}
	.slideContainer .title h6 {
		font-size: 60px;
		line-height: 60px;
	}
	.slideContainer .subtitle {
	}
}

/* BX Slider native styles */
@media only screen {
	.bx-wrapper {
		position: relative;
		padding: 0;
		-ms-touch-action: pan-y;
		touch-action: pan-y;
	}
	.bx-wrapper .slideImage {
		max-width: 100%;
		display: block;
	}
	.bxslider {
		margin: 0;
		padding: 0;
	}
	ul.bxslider {
		list-style: none;
	}
	.bx-viewport {
		-webkit-transform: translatez(0);
	}
	.bx-wrapper .bx-loading {
		min-height: 50px;
		background: url(/includes/public/assets/images/bx_loader.gif) center center no-repeat #fff;
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 2000;
	}
	.bx-wrapper .bx-pager {
		position: absolute;
		bottom: -30px;
		width: 100%;
	}
	.bx-wrapper .bx-pager-item {
		display: inline-block;
		vertical-align: bottom;
		*zoom: 1;
		*display: inline;
		font-size: 0;
		line-height: 0;
	}
}

/* BX Slider Simpleview styles */
@media only screen {
}
@media only screen and (min-width: 40.063em) {
}
@media only screen and (min-width: 64.063em) {
	.bx-wrapper {
		display: inline-flex;
		width: 100%;
	}
	.bx-viewport {
		display: inline-block;
		width: 100%;
	}
	.bx-wrapper .bx-controls {
		position: relative;
		right: 0;
		width: 80px;
		background: transparent;
	}
	.bx-wrapper .bx-pager {
		bottom: 0;
		top: 45%;
		font-size: 16px;
		font-family: 'Freight Big W01 Black Regular';
	}
	.bx-wrapper .bx-pager-item {
		display: block;
		position: relative;
		padding: 0;
	}
	.bx-wrapper .bx-pager.bx-default-pager a {
		position: relative;
		left: 30px;
		display: block;
		text-indent: 16px;
		font-size: 0;
		font-family: 'Freight Big W01 Black Regular';
		border-radius: 0;
		width: 5px;
		height: 10px;
		background-image: url(/includes/public/assets/images/dot.png);
		background-repeat: no-repeat;
		background-size: initial;
		background-position: bottom;
		background-color: transparent;
		color: black;
		margin-top: 0;
		margin-bottom: 0;
		-webkit-transition: margin-bottom 100ms linear;
		   -moz-transition: margin-bottom 100ms linear;
			-ms-transition: margin-bottom 100ms linear;
			 -o-transition: margin-bottom 100ms linear;
				transition: margin-bottom 100ms linear;
		/* dragging to change slides selects the text, which turns the background blue and looks wrong */
		-webkit-user-select: none;     
		   -moz-user-select: none;
			-ms-user-select: none;
	}
	.bx-wrapper .bx-pager.bx-default-pager a:before {
		content: '0';
	}
	.bx-wrapper .bx-pager.bx-default-pager a.active,
	.bx-wrapper .bx-pager.bx-default-pager a:focus,
	.bx-wrapper .bx-pager.bx-default-pager a:hover {
		left: 29px;
		width: 7px;
		height: 12px;
		background-image: url(/includes/public/assets/images/dotBold.png);
	}
	.bx-wrapper .bx-pager.bx-default-pager a.active {
		font-size: 14px;
	}
	.bx-wrapper .bx-pager.bx-default-pager a.dotMarginTop {
		margin-top: 8px;
	}
	.bx-wrapper .bx-pager.bx-default-pager a.dotMarginBot {
		margin-bottom: 8px;
	}
	.slideContainer.bxslider {
		position: relative;
		display: flex;
		overflow: hidden;
		height: auto;
		max-width: none;
		max-height: none;
		z-index: 1;
	}
	.slideContainer.bxslider .placeholder_slideshow {
		width: 100%;
		height: 385px;
	}
	.slideContainer.bxslider .slides {
		margin: 0;
	}
	.slideContainer.bxslider .slide {
		position: relative;
		-webkit-transition: top 1800ms cubic-bezier(0.55,0.08,0.1,0.94);
		   -moz-transition: top 1800ms cubic-bezier(0.55,0.08,0.1,0.94);
			-ms-transition: top 1800ms cubic-bezier(0.55,0.08,0.1,0.94);
			 -o-transition: top 1800ms cubic-bezier(0.55,0.08,0.1,0.94);
				transition: top 1800ms cubic-bezier(0.55,0.08,0.1,0.94);
	}
	.slideContainer.bxslider .slideWrapper {
		position: relative;
		display: table !important;
		width: 100%;
		padding: 0;
		z-index: 1;
	}
	.slideContainer.bxslider .slideImage {
		position: relative;
		width: 100%;
		height: auto;
		overflow: hidden;
	}
	.slideContainer.bxslider .contentWrapper {
		margin: 0;
		width: 100%;
	}
	.slideContainer.bxslider .contentInner {
		display: inline-block;
		position: absolute;
		margin: 0;
		left: 15%;
		right: 0;
		top: initial;
		bottom: 40%;
		width: 70%;
		transform: initial;
		-webkit-transition: bottom 1100ms ease-out;
	       -moz-transition: bottom 1100ms ease-out;
			-ms-transition: bottom 1100ms ease-out;
			 -o-transition: bottom 1100ms ease-out;
				transition: bottom 1100ms ease-out;
	}
	.slideContainer.bxslider .contentInner.slower {
		-webkit-transition: bottom 1000ms ease-out 500ms;
	       -moz-transition: bottom 1000ms ease-out 500ms;
			-ms-transition: bottom 1000ms ease-out 500ms;
			 -o-transition: bottom 1000ms ease-out 500ms;
				transition: bottom 1000ms ease-out 500ms;
		bottom: 25%;
	}
	.slideContainer.bxslider .contentInner.faster {
		bottom: 55%;
	}
	.slideContainer.bxslider .title,
	.slideContainer.bxslider .subtitle {
		position: relative;
		text-align: left;
		margin: 0;
	}
	.slideContainer.bxslider .subtitle {
		display: block;
		font-size: 20px;
		line-height: 20px;
		height: 20px;
		bottom: 20px;
		text-transform: uppercase;
		color: white;
	}
	.slideContainer.bxslider .buttonWrapper {
		display: block;
		margin: 10px 0 0 0;
		line-height: 57px;
	}
	.slideContainer.bxslider .goldButton {
		display: block;
		width: 160px;
		height: 55px;
		margin-top: 20px;
		/*padding-top: 20px;*/
	}
	.slideContainer.bxslider .title {
		bottom: 50px;
	}
	.slideContainer.bxslider .subtitle {
	}
}
@media only screen and (min-width: 1600px) {
	.bx-wrapper {
		width: 1600px;
		max-width: 1600px;
	}
	.bx-viewport {
		max-width: 1510px;
		max-height: 610px;
	}
}


/* Video player */
@media only screen {
	.videoPlayer {
		position: relative;
		display: block;
		float: none;
		padding: 20px;
		margin: 0;
		width: 100%;
	}
	.videoPlayer .videoContainer {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		max-width: 100%;
		cursor: pointer;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.videoPlayer .videoContainer iframe, 
	.videoPlayer .videoContainer object, 
	.videoPlayer .videoContainer embed {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.videoLabelWrapper {
		display: none;
	}
	
	/* Video play button */
    .buttonContainer {
        width: 16%;
        background: #0f0f0f;
        opacity: .85;
        margin: auto !important;
        position: absolute !important;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        height: 26%;
        z-index: 9;
    }
    .playButton {
        padding: 0 !important;
        width: 100%;
        height: 100%;
        border: 0 !important;
        background-color: transparent !important;
        outline: none;
    }
    .playButton svg {
        width: 75%;
        height: 100%;
        fill: #DDB965;
    }
	
	/* Button with border on hover */
	.playButton.todo {
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		z-index: 1;
		border: 0 solid #ddb965;
		-webkit-transition: border 0.2s ease-in;
		   -moz-transition: border 0.2s ease-in;
			-ms-transition: border 0.2s ease-in;
			 -o-transition: border 0.2s ease-in;
				transition: border 0.2s ease-in;
	}
	.playButton.todo:hover {
		border: 4px solid #ddb965;
	}
}
@media only screen and (min-width: 40.063em) {
	.videoPlayer {
		max-width: 780px;
		margin: 20px auto;
	}
}
@media only screen and (min-width: 64.063em) {
	.videoPlayer {
		max-width: 100%;
		margin: 0;
		padding: 20px 40px;
	}
	.videoLabelWrapper {
		display: block;
		position: absolute;
		top: 130px;
		right: -154px;
	}
	[data-page-type="article"] .videoLabelWrapper {
		display: none;
	}
	.videoLabelWrapper .videoLabel {
		display: inline-block;
		font-weight: normal;
		font-size: 11px;
		text-transform: uppercase;
		white-space: nowrap;
		overflow: hidden;
	}
	.videoLabelWrapper .videoLabel.headerText {
		max-width: 110px;
	}
	.videoLabelWrapper .videoLabel.headerTextBold {
		max-width: 150px;
		margin-right: 20px
	}
}
@media only screen and (min-width: 1600px) {
	.videoPlayer {
		padding: 20px 40px 40px 10px;
	}
}