/* FULLSCREEN BANNER */
	
	#herocontainer {
		display: none;
	}
	
	/*
	#herocontainer {
    position: absolute;
    top: 0;
    left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
    z-index: 10;
	}
	*/
	
	.tthc-img1 {
	
	background-image: url('../img/tthc-cover-1d-2000.jpg');
	background-size: cover;
	background-position: center 25%;
	background-repeat: no-repeat;
	background-color: #000; 
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-top: 10px;
	line-height:0;
	display: block;
	overflow: hidden;
	opacity: 0;
	animation: fadein 1s .5s forwards linear;
	}
	
	#covervideo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height:0;
	display: block;
	padding: 0;
	opacity: 0;
	z-index: 8;
	background-color: blue;
	}
	
	.video-container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	}
	
	#teaserVid {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	height: auto;
	width: 100%;
	}
	
	@media (max-aspect-ratio: 10/9) {
		#teaserVid {	
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: 100%;
		width: auto;
		}
	}
	
	#midimg, #endimg {
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	line-height:0;
	display: block;
	padding: 0;
	opacity: 0;
	}
	
	#midimg {
	background-image: url('../img/tthc-cover-end-1920.jpg');
	background-position: 75% center;
	z-index: 5;
	}
	
	#endimg {
	background-image: url('../img/tthc-cover-still003B.jpg');
	background-position: center top;
	z-index: 6;
	}	
	
	@media (max-height: 475px) {
		@-moz-keyframes imgdrop {
		0%   {top: 0;}
		100% {top: 65px;}
		}

		@-webkit-keyframes imgdrop {
		0%   {top: 0;}
		100% {top: 65px;}
		}

		keyframes imgdrop {
		0%   {top: 0;}
		100% {top: 65px;}
		}	
	}
	
	#covertitle  {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding-top: 12.7vw;
	letter-spacing: 500px;
    text-indent: 500px;
	opacity: 0;
	z-index: 10; 
	}
	
	@media only screen and (orientation: portrait) and (max-device-width: 1024px),
		(orientation: landscape) and (max-device-width: 1366px) {
		#covertitle {
			letter-spacing: -2px;
    		text-indent: 0px;
		}
	}
	
	@media (orientation: landscape) {
		#covertitle {
			padding-top: 12.7vw;
		}
	}
	
	#coverbyline  {
	position: absolute;
    display: table;
    left: 50%;
    top: 0;
    width: 80vw;
    height: 100%;
    transform: translateX(-50%);
    opacity: 0;
    z-index: 10; 
	}
	
	#finaltitle  {
	position: absolute;
	left: 3vw;
	bottom: -100%;
	opacity: 0;
	z-index: 10; 
	}
	
	#covertitle span.display {
	font-size: 30vw;
    color: #fff;
    display: inline-block;
	}
	
	#coverbyline span.byline {
	font-family:'gt-america-exp-bld', sans-serif;
	font-size: 3.5vw;
    line-height: 0.8;
    letter-spacing: .2px;
    color: #fff;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    padding-top: 2vw;
	}
	
	@media (orientation: portrait) {
		#coverbyline span.byline {
			font-size: 3.5vw;
		}
	}
	
	#finaltitle span.display {
	font-size: 22vh;
    color: #fff;
    letter-spacing: -.2vh;
    color: #fff;
    text-align: left;
    display: inline-block;
	}
	
	.fnlttl1 {
	transform: translateY(-57vh);
	}
	
	.fnlttl2 {
	transform: translateY(-40vh);
	}
	
	.fnlttl3 {
	transform: translateY(-23vh);
	}
	
	.fnlttl4 {
	transform: translateY(-6vh);
	}
	
	#covercredits {
	position: absolute;
	right: 0;
	bottom: 0;
	padding-right: 20px;
	text-align: right;
	margin-bottom: 2.5vh;
	opacity: 0;
	z-index: 10;
	}
	
	#covercredits span.display {
	font-size: 2.9vh;
    letter-spacing: .5px;
    color: #fff;
    line-height: .85;
	}
	
	#covercredits {
	position: absolute;
	right: 0;
	bottom: 0;
	padding-right: 20px;
	text-align: right;
	margin-bottom: 2.5vh;
	z-index: 10;
	}
	
	#covercredits span.display {
	font-size: 2.2vw;
    letter-spacing: .5px;
    color: #fff;
    line-height: .85;
	}

	
	@media only screen and (orientation: portrait) {
		#covercredits {
			display: none;
		}
	}
	
	@media (max-aspect-ratio: 10/9) {
		#covercredits {
			display: none;
		}
	}


	.inview {
		display: block;
		}

	.hide {
		display: none;
		}
		
	@media (max-height: 475px) {
		#covervideo {
			height: 100%;
		}
		#midimg {
			height: 100%;
		} 		
	}
	
	span.display {
	font-family: "coluna-rounded", Coluna Rounded, sans-serif;
    font-style: normal;
    text-transform: uppercase;
	}