
/* POSITION FIXED CLASS */

	.fixed {
	position: fixed !important;
	top: 0 !important;
	margin-top: 0 !important;
	}
	
/* ANIMATION TRIGGERS */

	#anim-trig-cta1, #anim-trig-cta2, 
	#anim-trig-cta2b, #anim-trig-cta2c,
	#anim-trig-cta3, #anim-trig-cta4,
	#anim-trig-cta5, #anim-trig-cta6,
	#anim-trig-1, #anim-trig-2, 
	#anim-trig-2b, #anim-trig-3, 
	#anim-trig-4, #anim-trig-5, 
	#anim-trig-6, #anim-trig-7, 
	#anim-trig-8, #anim-trig-8b,
	#anim-trig-9, #anim-trig-10, 
	#anim-trig-11, #anim-trig-12, 
	#anim-trig-13, #anim-trig-14, 
	#anim-trig-15, #anim-trig-16, 
	#anim-trig-17, #anim-trig-18, 
	#anim-trig-tr {
	position: absolute;
	width: 1px;
	height: 1px;
	z-index: -100;
	}
	
	#anim-trig-cta1 {top: 55vh}
	#anim-trig-cta2 {bottom: 0;}
	#anim-trig-cta2b {top: 80vh;}
	#anim-trig-cta2c {top: 80vh;}
	#anim-trig-cta3 {top: 10vh;}
	#anim-trig-cta4 {top: 70vh;}
	#anim-trig-cta5 {top: 95vh;}
	#anim-trig-cta6 {top: 95vh;}
	#anim-trig-tr {top: 25vh;}
	#anim-trig-1 {top: 7.3vw;}
	#anim-trig-2 {top: 14.6vw;}
	#anim-trig-3 {top: 21.9vw;}
	#anim-trig-4 {top: 29.2vw;}
	#anim-trig-5 {top: 36.5vw;}
	#anim-trig-6 {top: 43.8vw;}

/* FULLSCREEN BANNER */
	
	#herocontainer {
	
	position: relative;
	margin: -10px auto 0;
	height: calc(100vh - 80px);
	padding: 0 15px 0 15px;
	border-bottom: 15px solid #fff;
	overflow: hidden;
    width: calc(100vw - 30px);
    z-index: 10;
	}
	
	#pagetitle {
	
	position: absolute;
	display: block;
	top: -80px;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100vw - 80px);
	height: 65px;
	margin-top: 15px;
	overflow: visible;
	z-index: 10;
	opacity: 0;
	}
	
	#pagetitle-underlay {
	
	position: absolute;
    display: block;
    width: 472px;
    height: 22px;
    z-index: 9;
    top: -85px;
    left: 50%;
    margin-top: 43px;
    transform: translate(-50%,-5px);
    background-color: #ec5000;
    opacity: 0;
	}
		
	@media (max-height: 600px) {
		#pagetitle {
			display: none;
		}
	}
	
	#pagetitle_left {
	
	position: relative;
	display: block;
	left: 0;
	width: 200px;
	height: 22px;
	overflow: visible;
	text-align: left;
	float: left;
	margin-top: 22px;
	}
	
	span.pagetitleday {
	font-family: "trianon_caption_extralight_ital", serif;
	font-weight: 400;
  	font-style: italic;
  	text-align: left;
  	font-size: 8.5px;
  	letter-spacing: 4px;
  	line-height: 27px;
  	color: #fff;
  	text-transform: uppercase;
  	float: left;
	}
	
	#pagetitle_center {
	
	position: absolute;
	display: table;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 550px;
	height: 22px;
	overflow: visible;
	text-align: center;
	margin-top: 22px;
	}

	span.pagetitletext {
	font-family: "gibson-semibold", sans serif;
  	font-style: normal;
  	text-align: center;
  	font-size: 10.5px;
  	letter-spacing: 6px;
  	line-height: 24px;
  	color: #fff;
	}
	
	span.pagepromotext {
	font-family: "gibson-semibold", sans serif;
  	font-style: normal;
  	text-align: center;
  	font-size: 10.5px;
  	letter-spacing: 3px;
  	line-height: 24px;
  	color: #fff;
  	display: table-cell;
	}
	
	span.pagepromotext a {
  	color: #fff;
	}
	
	span.kckstr-logo {
	background-image: url('../img/kickstarter-wht.svg');
    background-size: auto 12px;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: inline-table;
    width: 121px;
    height: 13px;
    vertical-align: middle;
    margin: 5px 0 6px -2px;
	}
	
	#pagetitle_right {
	
	position: relative;
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 22px;
	overflow: visible;
	text-align: right;
	float: right;
	margin-top: 22px;
	}
	
	span.pagetitledate {
	font-family: "trianon_caption_extralight_reg", serif;
	font-weight: 400;
  	font-style: normal;
  	text-align: right;
  	font-size: 9px;
  	letter-spacing: 6px;
  	line-height: 27px;
  	color: #fff;
  	float: right;
	}
	
	#pagetitle:after {
    content: '';
    position: absolute;
    bottom: -1px;
    width: 100%;
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 12;
    border-bottom: 1px dashed #fff;
	}
	
	#pagetitletone {
	
	position: absolute;
	top: 0;
	left:0;
	display: block;
	margin: 0 auto;
	width: 100%;
	height: 80px;
	background-color: #00a6b7;
	opacity: 0;
	}
	
	.img1 {
	background-image: url('../img/tthc-cover-1d-2000.jpg');
	background-size: cover;
	background-position: center;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	opacity: 0;
	animation: fadein 1s .5s forwards linear;
	}

	/*
	.img1 { 
	position: relative;
	top: 0;
	width: 100%;
	height: calc(100vh - 78px);
	line-height:0;
	display: block;
	padding: 0;
	opacity: 0;
	overflow: hidden;
	animation: fadein 1s .5s forwards linear;
	}
	
	.img1 img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%, -50%);
	min-width: 100%;
	min-height: 100%;
	}
	*/

	/* @media (min-width: 2000px) {
		.img1 {
			background-image: url('../img/tthc-cover-1c-2000.jpg');
		}
	}
	
	#imgmontage {
	
	background-size: cover;
	background-position: center; 
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100vh - 78px);
	line-height:0;
	display: block;
	padding: 0;
	opacity: 0;
	z-index: 5;
	}
	
	.img2 {
	
	background-image: url('../img/tthc-cover-1b-2200.jpg');
	animation: flashinout 1s 2s forwards linear;
	}
	
	.img3 {
	
	background-image: url('../img/tthc-cover-1b-2200.jpg');
	animation: flashinout 1s 2.5s forwards linear;
	}
	
	.img4 {
	
	background-image: url('../img/tthc-cover-1b-2200.jpg');
	animation: flashinout 1s 4s forwards linear;
	}
	
	.img5 {
	
	background-image: url('../img/tthc-cover-1b-2200.jpg');
	animation: flashinout 1s 5s forwards linear;
	}
	
	.img6 {
	
	background-image: url('../img/tthc-cover-1z-2200.jpg');
	animation: flashinout 1s 6s forwards linear;
	}
	
	.img7 {
	
	background-image: url('../img/tthc-cover-end-1920.jpg');
	background-position: 75% center;
	animation: fadein 1s 7s forwards linear;
	}
	
	*/
	
	#covervideo {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100vh - 78px);
	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: 50%;
	transform: translate(-50%,-50%);
	min-width: 100%;
	min-height: 100%;
	}
	
	#midimg, #endimg {
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: calc(100vh - 78px);
	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;
	}

	#topbutton1, #topbutton2, #topbutton3 {
	display: none;
	}
	
	#covertitle  {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding-top: calc(85px + 3vw);
	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;
		}
	}
	
	#coverbyline  {
	position: absolute;
    display: table;
    left: 50%;
    top: 0;
    width: 60vw;
    height: 100%;
    transform: translateX(-50%);
    opacity: 0;
    z-index: 10; 
	}
	
	#finaltitle  {
	position: absolute;
	left: 1vw;
	bottom: -100%;
	opacity: 0;
	z-index: 10; 
	}
	
	#covertitle span.display {
	font-size: 34vw;
    color: #fff;
    display: inline-block;
	}
	
	#coverbyline span.byline {
	font-size: 3.2vw;
    line-height: 0.8;
    letter-spacing: .2px;
    color: #fff;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
    padding-top: 2vw;
	}
	
	#finaltitle span.display {
	font-size: 22vh;
    color: #fff;
    letter-spacing: -.1vh;
    color: #fff;
    text-align: left;
    display: inline-block;
	}
	
	.fnlttl1 {
	transform: translateY(-42vh);
	}
	
	.fnlttl2 {
	transform: translateY(-25vh);
	}
	
	.fnlttl3 {
	transform: translateY(-8vh);
	}
	
	.fnlttl4 {
	transform: translateY(9vh);
	}
	
	#downarrw-cont {
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 30px;
	height: 30px;
	border-radius: 30px;
	background-color: #fff;
	opacity: 0;
	z-index: 10;
	}
	
	#downarrw {
	background-image: url('../img/downarrow_tthc-1.svg');
	background-size: 100% auto;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 15px;
	height: 15px;
	transform: translate(-50%, -50%);
	}
	
	#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;
	}
	
	@media (max-aspect-ratio: 10/9) {
		#covercredits {
			display: none;
		}
	}
	
	@media (orientation: portrait) {
		#finaltitle {
			left: 2vw;
		}
	}
	
/* CALL-TO-ACTION PANE */

	/* STYLES */
	
	span.ctatop,
	span.ctatop-p {
	font-family: "coluna-rounded", Coluna Rounded, sans-serif;
	color: #003906;
	}
	
	span.ctatop {
	font-size: 5vw;
	letter-spacing: 0px;
	}
	
	span.ctatop-p {
	font-size: 9vw;
	letter-spacing: 0px;
	}
	
	span.ctatopperf,
	span.ctatopbook,
	span.ctatoptour,
	span.ctatopperf-p,
	span.ctatopbook-p,
	span.ctatoptour-p {
	font-family: "coluna-rounded", Coluna Rounded, sans-serif;
	opacity: 0;
	-webkit-transition: 1000ms;
    -moz-transition: 1000ms;
    transition: 1000ms;
	}
	
	span.ctatopperf,
	span.ctatopbook,
	span.ctatoptour {
	font-size: 5vw;
	letter-spacing: 0px;
	}
	
	span.ctatopperf-p,
	span.ctatopbook-p,
	span.ctatoptour-p {
	font-size: 9vw;
	letter-spacing: 0px;
	}
	
	span.ctatopperf, span.ctatopperf-p {color: #562db9;}
	span.ctatopbook, span.ctatopbook-p {color: #562db9;}
	span.ctatoptour, span.ctatoptour-p {color: #562db9;}
	
	span.ctamidperf,
	span.ctamidbook,
	span.ctamidtour {
	font-family: "coluna-rounded", Coluna Rounded, sans-serif;
	font-size: 4.25vw;
	letter-spacing: 0px;
	padding-top: 1.3vw;
	display: block;
	}
	
	span.ctamidperf {color: #562db9;}
	span.ctamidbook {color: #562db9;}
	span.ctamidtour {color: #562db9;}
	
	span.ctamidbutton {
	font-family: "trianon_caption_extralight_reg", serif;
	font-size: 14px;
	letter-spacing: .2px;
	color: #272727;
	z-index: 1;
	}
	
	@media (orientation: portrait) {
		span.ctamidperf, 
		span.ctamidbook, 
		span.ctamidtour {
		font-size: 60px;
		padding-top: 2vw;
		}
		span.ctamidbutton {
		font-size: 16px;
		}
		span.ctatopperf-p,
		span.ctatopbook-p,
		span.ctatoptour-p {
		opacity: 1;
		}
	}
	
	/* END STYLES */

	#ctapane {
  	position: relative;
  	height: 100vh;
  	overflow: visible;
    width: 100vw;
    border-width: 0 15px 0 15px;
    border-style: solid;
    border-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
	}
	#ctapane .fix_wrapper {
  	position: relative;
  	overflow: hidden;
    z-index: 2;
	}
	
	#ctapane .fix_wrapper.cta-fixed {
  	position: fixed !important;
  	top: 0;
  	left: 50%;
  	transform: translateX(-50%);
  	width: calc(100% - 30px);
	}
	
	#ctabkgrndscroll {
	background-image: url('../img/randomcode.png');
    background-size: 835px auto;
    background-position: center;
    background-repeat: repeat;
    position: absolute;
    top: 100vh;
    left: 0;
    width: 100%;
    height: 500vh;
    background-color: #fff;
    z-index: 1;
	}
	
	.cta-top-content,
	.cta-top-content-p {
	position: relative;
	text-align: left;
	opacity: 0;
	}
	
	.cta-top-content {
	display: block;
	padding: 0vw 3vw 0 3vw;
	line-height: 3.3vw;
	}
	
	.cta-top-content-p {
	display: none;
	}
	
	.cta1 {
	margin-top: 100px;
	opacity: 1;
	}
	
	.cta2 {
	margin-top: 0px;
	} 
	
	.cta3 {
	margin-top: 0px;
	}
	
	.cta4 {
	margin-top: 0px;
	} 
	
	#cta-l-container,
	#cta-r-container {
	position: absolute;
	top: 50%;
	left: 54%;
	transform: translateY(-50%);
	width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	}
	
	#cta-l-container{
	left: 0;
	text-align: right;
	padding-right: 3.4vw;
	}
	
	#cta-r-container{
	right: 0;
	text-align: left;
	border-width: 0 0 0 1px;
    border-style: dashed;
    border-color: #272727;
	}
	
	.cta-l2,
	.cta-r2 {
	margin-top: 5vw;
	}
	
	.cta-l3,
	.cta-r3 {
	margin-top: 10vw;
	}
	
	.cta-l4,
	.cta-r4 {
	margin-top: 15vw;
	}
	
	.cta-l-1,
	.cta-l-2,
	.cta-l-3,
	.cta-l-4 {
	position: relative;
	text-align: right;
	float: right;
	opacity: 0; 
	} 
	
	.cta-r-1,
	.cta-r-2,
	.cta-r-3,
	.cta-r-4 {
	position: relative;
	display: flex;
  	justify-content: center;
  	flex-direction: column;
	text-align: left;
	text-indent: 1vw;
	margin-right: 35%;
	padding-top: 3px;
	height: 3.6vw;
	opacity: 0;
	/* border: 1px solid #cecece; */
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	} 
	
	.button-bkgrnd {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 82%;
	background-color: rgba(255,255,255,0);
	z-index: 0;
	}
	
	.button-arrow1, .button-arrow2, .button-arrow3, .button-arrow4  {
	background-image: url(../img/rightarrow_272727.svg);
    background-size: 40px auto;
    background-position: center center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    right: 0%;
    width: 18%;
    height: 100%;
    border-width: 0 0 0 1px;
    border-style: dashed;
    border-color: #272727;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1; 
	}
	
	.cta-l-1:hover .cta-r1 {
	border-width: 0 0 0 4px !important;
    border-style: solid !important;
    border-color: #562db9 !important;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    transition: 200ms;
	}
	
	.cta-r1:hover {
	border-width: 0 0 0 4px !important;
    border-style: solid !important;
    border-color: #562db9 !important;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    transition: 200ms;
	}
	
	.cta-l-1:hover .button-arrow1 {
	border-width: 0 0 0 4px;
    border-style: solid;
    border-color: #cd3300;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    transition: 200ms;
	}
	
	.cta-r-1:hover .button-arrow1 {
	border-width: 0 0 0 4px;
    border-style: solid;
    border-color: #562db9;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    transition: 200ms;
	}
	
	.cta-r-1:hover > .button-bkgrnd {
	background-color: rgba(255,255,255,1);
	-webkit-transition: 200ms;
    -moz-transition: 200ms;
    transition: 200ms;
	}
	
	.cta-l-2:hover .cta-r2 {
	border-width: 0 0 0 4px !important;
    border-style: solid !important;
    border-color: #562db9 !important;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    transition: 200ms;
	}
	
	.cta-r2:hover {
	border-width: 0 0 0 4px !important;
    border-style: solid !important;
    border-color: #562db9 !important;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    transition: 200ms;
	}
	
	.cta-r-2:hover .button-arrow2 {
	border-width: 0 0 0 4px;
    border-style: solid;
    border-color: #562db9;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    transition: 200ms;
	}
	
	.cta-r-2:hover > .button-bkgrnd {
	background-color: rgba(255,255,255,1);
	-webkit-transition: 200ms;
    -moz-transition: 200ms;
    transition: 200ms;
	}
	
	.cta-l-3:hover .cta-r3 {
	border-width: 0 0 0 4px !important;
    border-style: solid !important;
    border-color: #562db9 !important;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    transition: 200ms;
	}
	
	.cta-r3:hover {
	border-width: 0 0 0 4px !important;
    border-style: solid !important;
    border-color: #562db9 !important;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    transition: 200ms;
	}
	
	.cta-r-3:hover .button-arrow3 {
	border-width: 0 0 0 4px;
    border-style: solid;
    border-color: #562db9;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    transition: 200ms;
	}
	
	.cta-r-3:hover > .button-bkgrnd {
	background-color: rgba(255,255,255,1);
	-webkit-transition: 200ms;
    -moz-transition: 200ms;
    transition: 200ms;
	}
	
	.cta-r-4:hover .button-arrow4 {
	border-width: 0 0 0 4px;
    border-style: solid;
    border-color: #562db9;
    -webkit-transition: 200ms;
    -moz-transition: 200ms;
    transition: 200ms;
	}
	
	.cta-r-4:hover > .button-bkgrnd {
	background-color: rgba(255,255,255,1);
	-webkit-transition: 200ms;
    -moz-transition: 200ms;
    transition: 200ms;
	}
	
	#mic-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	border: 15px solid #fff;
    box-sizing: border-box;
	z-index: 2;
	}
	
	#mic {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 20px;
	height: 20px;
	border-radius: 20px;
	background-color: #272727;
	z-index: 0;
	opacity: 0;
	}
	
	#mic:before {
	content: "";
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	width: 1px;
    height: 50vh;
    background-color: #562db9;
	}
	
	#mic:after {
	content: "";
	background-image: url('../img/mic-handle-003906.svg');
	background-size: 16px 52px;
	position: absolute;
	top: -52px;
	left: 50%;
	transform: translateX(-50%);
	width: 16px;
	height: 52px;
	}
	
	.mic-color {
	animation: micbounce .5s 0s ease-out forwards;
	background-color: #cd3300 !important;
	-webkit-transition: 400ms;
	-moz-transition: 400ms;
	transition: 400ms;
	}
	
	#downarrow {
	background-image: url('../img/downarrow_272727.svg');
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	bottom: 10px;
	left: 50%;
	width: 30px;
	height: 40px;
	transform: translateX(-50%);
	opacity: 0;
	}
	
	#downarrow:before {
	content: "Learn More";
	position: absolute;
	top: -11px;
	left: 50%;
	transform: translateX(-50%);
	width: 500%;
	font-family: "gibson-semibold", serif;
    font-size: 15px;
  	text-align: center;
  	letter-spacing: .2px;
  	line-height: 1px;
  	color: #272727;
	}
	
	/* PREVENT CLICK */
	#downarrow-overlay {
	position: absolute;
	bottom: 10px;
	left: 50%;
	width: 30px;
	height: 40px;
	transform: translateX(-50%);
	z-index: 10;
	}
	
	.downarrow-ec5000{
	background-image: url('../img/downarrow_ec5000.svg') !important;
	}
	
	.bookpane,
	.tourpane,
	.hostpane {
  	position: relative;
  	width: 100vw;
  	height: 100vh;
  	z-index: 1;
	}
		
	#bookicon {
	background-image: url('../img/book.png');
	background-size: auto 5vw;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	margin-top: 5vw;
	width: 4vw;
	height: 6vw;
	}
	
	.bookbounce {
	animation: micbounce .5s 0s ease-out forwards;
	}
	
	#touricon {
	background-image: url(../img/case-nohandle.svg);
    background-size: auto 85%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 9.9vw;
    width: 60px;
    height: 50px;
    }
    
    #handle {
    position: absolute;
    top: 0px;
    left: 21px;
    width: 19px;
    height: 12px;
    border-width: 5px 5px 0 5px;
    border-style: solid;
    border-color: #000;
    border-radius: 5px 5px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    }
    
	.handle-anim {
    top: 6px !important;
    height: 5px !important;
    border-radius: 5px !important;
    -webkit-transition: 400ms;
    -moz-transition: 400ms;
    transition: 400ms;
    -webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
    transition-delay: .2s;
	}
	
	#hosticon {
	background-image: url(../img/pin-272727.svg);
    background-size: auto 85%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 10.1vw;
    width: 60px;
    height: 50px;
    }
    
    .redpin {
    background-image: url(../img/pin.svg) !important;
    }
	
	/* RESPONSIVE */
	
	@media (max-width: 1200px) {
	
		#touricon {
		background-image: url(../img/case-nohandle.svg);
		background-size: auto 85%;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		margin-top: 9.9vw;
		width: 6vw;
		height: 4vw;
		}
	
		#handle {
		position: absolute;
		top: -.5vw;
		left: 2.08vw;
		width: 1.8vw;
		height: 1.2vw;
		border-width: .45vw .45vw 0 .45vw;
		border-style: solid;
		border-color: #000;
		border-radius: .4vw .4vw 0 0;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		}
	
		.handle-anim {
		top: .4vw !important;
		height: 0.2vw !important;
		border-radius: .2vw .2vw .2vw .2vw !important;
		-webkit-transition: 400ms;
		-moz-transition: 400ms;
		transition: 400ms;
		-webkit-transition-delay: .2s;
		-moz-transition-delay: .2s;
		transition-delay: .2s;
		}
		
		#hosticon {
		width: 6vw;
		height: 4vw;
		} 	
	}
	
	.tourbounce {
	animation: micbounce .5s 0s ease-out forwards;
	}
	
	.hostbounce {
	animation: micbounce .5s 0s ease-out forwards;
	}
	
	.downarrow-anim {
	animation: dwnarrw .5s 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
	}
	
		@-moz-keyframes micbounce {
		0%   {top: 50%;}
		50%   {top: calc(50% - 10px);}
		100%   {top: 50%;}
		}

		@-webkit-keyframes micbounce {
		0%   {top: 50%;}
		50%   {top: calc(50% - 10px);}
		100%   {top: 50%;}
		}

		keyframes micbounce {
		0%   {top: 50%;}
		50%   {top: calc(50% - 10px);}
		100%   {top: 50%;}
		}
		
		@-moz-keyframes dwnarrw {
		0%   {bottom: -20px; opacity: 0;}
		100%   {bottom: 10px; opacity: 1}
		}

		@-webkit-keyframes dwnarrw {
		0%   {bottom: -20px; opacity: 0;}
		100%   {bottom: 10px; opacity: 1}
		}

		keyframes dwnarrw {
		0%   {bottom: -20px; opacity: 0;}
		100%   {bottom: 10px; opacity: 1}
		}
		
	@media (min-width: 1500px) {
		.cta-r-1, .cta-r-2, .cta-r-3, .cta-r-4 {
			margin-right: 50%;
		} 
	}
	@media (max-width: 1200px) {
		.cta-r-1, .cta-r-2, .cta-r-3, .cta-r-4 {
			margin-right: 20%;
		} 
	}
	
	/* CTA PORTRAIT ORIENTATION */
	
	@media (orientation: portrait) {
		.cta-top-content {
			display: none;
		}
		.cta-top-content-p {
			display: block;
			padding: 0vw 3vw 0 3vw;
			line-height: 5.4vw;
		}
		#cta-l-container {
			padding-right: 4.4vw;
		}
		#cta-r-container {
			padding-left: 1vw;
		}
		.cta-r-1, .cta-r-2, .cta-r-3, .cta-r-4 {
			margin-right: 22%;
			height: 5.4vw
		}
		.cta-l2,
    	.cta-r2 {
    	margin-top: 8vw;
    	}
    	.cta-l3,
    	.cta-r3 {
    	margin-top: 16vw;
    	}
    	.cta-l4,
    	.cta-r4 {
    	margin-top: 24vw;
    	}
		#bookicon {
		background-size: auto 7vw;
		margin-top: 8vw;
    	}
    	#touricon {
        margin-top: 16vw;
        }
        #hosticon {
        margin-top: 16vw;
        }
	}
	
/* BACK TO TOP BUTTON */

	.backtotop {
	display: none;
	}

	.hide {
	display: none;
	}
	
/* TRAILER VIDEO */
	
	#trailercont {
	position: relative;
	width: 100vw;
	z-index: 12;
	margin-top: 50vh;
	}
	
	#trailerconttop {
	position: relative;
	margin: 0 auto;
	width: calc(100% - 30px);
	height: 12vw;
	}
	
	#trailercaptioncont {
	position: relative;
	margin: 0 auto;
	width: 100%;
	height: 100%;
	background-color: #000;
	}
	
	#trailercaptioncont-mobile {
	display: none;
	}
	
	#trailercaption {
	position: absolute;
    bottom: 0;
    width: 100%;
	}
	
	#trailercaption a {
	height: 100%;
    width: 100%;
	}
	
	span.trailercapt {
	font-family: "coluna-rounded", Coluna Rounded, sans-serif;
    font-style: normal;
    text-align: center;
    font-size: 4vw;
    letter-spacing: 1px;
    color: #fff;
    position: relative;
	}
	
	span.kstr {
	color: #05ce78;
	}
	
	span.kstr a {
	position: absolute;
	width: 100%;
	height: 100%;
	}
	
	#kstrlogo {
    background-image: url(../img/kickstarter-icon-05ce78.svg);
    background-size: 100% auto;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 5.3vw;
    z-index: 0;
    opacity: 1
	}
	
	@media (max-width: 1300px) {
		#trailercaption:before {
			top: calc(-70px - -2.5vw);
		}
	}
	
	#trailer {
	position: relative;
	top: 0;
	width: 100vw;
	height: calc(100% - 12vw);
	border-left: 15px solid #fff;
	border-right: 15px solid #fff;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
	}
	
	.videocontent {
	background-color: #000;
	height: 100%;
	}
	
	.trlrvideo {
	position: relative;
	height: 50vw;
	width: 70%;
	margin: 0 auto;
	}
	
	#trlrdownarrow {
	background-image: url(../img/downarrow_tthc-1.svg);
    background-size: 50% auto;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
	bottom: 10px;
	left: 50%;
	transform: translateX(-50%);
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	border-radius: 40px;
	background-color: #000;
	}
	
	#target-maincont {
	position: absolute;
	top: 22px;
	left: 20px;
	width: 10px;
	height: 1px;
	}
	
	#trailer-trgt {
	position: absolute;
	top: 22px;
	left: 20px;
	width: 10px;
	height: 1px;
	}
	
	.trailertext {
	text-align: left;
    line-height: 1;
    padding: 14vw 0 14vw 200px;
    box-sizing: border-box;
    line-height: .85;
	}
	
	
	.bullhorn {
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translate(0, -50%);
    height: 50px;
    width: 60px;
	}
	
	@media (min-width: 1600px) {
		.bullhorn {
		position: absolute;
		left: 42%;
		top: 50%;
		transform: translate(-642px, -50%);
		}
	}
	
	.bh-black {
	background-image: url(../img/bullhorn-blk.svg);
	}
	
	.bh-red {
	background-image: url(../img/bullhorn-red.svg);
	z-index:1;
	}
	
	.bullhorn-anim {
	animation: amp 1s 0s ease 5 forwards;
	}
	
		@-moz-keyframes amp {
		0%   {opacity: 0;}
		16.666%   {opacity: 1;}
		33.333%   {opacity: 0;}
		50%   {opacity: 1;}
		66.666%   {opacity: 0;}
		83.333%   {opacity: 1;}
		100%   {opacity: 0;}
		}

		@-webkit-keyframes amp {
		0%   {opacity: 0;}
		16.666%   {opacity: 1;}
		33.333%   {opacity: 0;}
		50%   {opacity: 1;}
		66.666%   {opacity: 0;}
		83.333%   {opacity: 1;}
		100%   {opacity: 0;}
		}

		keyframes amp {
		0%   {opacity: 0;}
		16.666%   {opacity: 1;}
		33.333%   {opacity: 0;}
		50%   {opacity: 1;}
		66.666%   {opacity: 0;}
		83.333%   {opacity: 1;}
		100%   {opacity: 0;}
		}
	
	span.trlrtext {
	font-family: "coluna-rounded", Coluna Rounded, sans-serif;
    font-size: 44px;
    letter-spacing: .2px;
    -webkit-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    text-transform: uppercase;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    max-width: 1200px;
    padding: 0 6%;
    border-left: 1px dashed #272727;
	}
	
	@media (min-width: 1600px) {
		span.trlrtext {
		min-width: 1200px;
		}
	}
	
	#iframescrolldiv {
	position: absolute;
	top: 0;
	left: 0;
	width: 93%;
	height: 85%;
	background-color: rgba(0,0,0,0);
	z-index: 10;
	}
	
	.trailerfixed {
	position: fixed !important;
	top: 0;
	margin: 0 auto !important;
	}
	
	@media (min-width: 1200px) {
		span.trlrtext {
		font-size: 50px;
		}
	}
	
	@media (orientation: portrait) {
		#trailer {
		display: table;
		height: calc(100vh - 12vw);
		background-color: #000;
		}
		.videocontent {
		display: table-cell;
		vertical-align: middle;
		}
		.trlrvideo {
		height: 40vh;
		}
		#iframescrolldiv {
		height: 75%;
		}
	}
	@media (orientation: portrait) and (min-width: 1200px) {
		#iframescrolldiv {
		height: 70%;
		}
	} 	
	
/* MAIN PAGE */

	#mainconttop {
	position: relative;
	margin: 0 auto;
	width: calc(100% - 30px);
	height: 12vw;
	overflow: visible;
	z-index: 21;
	}
	
	/*
	@media (orientation: portrait) {
	    #mainconttop {
	    margin: 20vh auto 0;
	    }
	}
	*/
	
	/* INTRO */
	
	.notchleft {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 12vw;
 	height: 12vw;
 	overflow:hidden;
 	}
 
 	.notchcenter {
 	position: absolute;
 	top: 0;
 	left: 50%;
 	transform: translateX(-50%);
 	width: calc(76vw - 29px);
 	height: 12vw;
 	overflow: visible;
 	text-align: center;
 	}
 
 	.notchright {
 	position: absolute;
 	top: 0;
 	right: 0;
 	width: 12vw;
 	height: 12vw;
 	overflow:hidden;
 	}
 	
 	.notchcolor-l-1 {
  	background-image: linear-gradient(to bottom right, rgba(255,0,0,0) 50%, #000 50%);
 	}
 	
 	.notchcolor-c-1 {
 	background-color: #000;
 	}
 
 	.notchcolor-r-1 {
  	background-image: linear-gradient(to bottom left, rgba(255,0,0,0) 50%, #000 50%);
 	}
 
	.notchcolor-l-2 {
  	background-image: linear-gradient(to bottom right, #000 50%, #d8e9fb 50%);
 	}
 	
 	.notchcolor-c-2 {
 	background-color: #d8e9fb;
 	}
 
 	.notchcolor-r-2 {
  	background-image: linear-gradient(to bottom left, #000 50%, #d8e9fb 50%);
 	}
 	
 	.notchcolor-l-3 {
  	background-image: linear-gradient(to bottom right, #d8e9fb 50%, #f9f9f9 50%);
 	}
 
 	.notchcolor-r-3 {
  	background-image: linear-gradient(to bottom left, #d8e9fb 50%, #f9f9f9 50%);
 	}
 	
 	#maincontainer {
	position: relative;
	margin-top: 0;
	width: 100vw;
	height: auto;
	background-color: #f9f9f9;
	border-left: 15px solid #fff;
	border-right: 15px solid #fff;
	border-bottom: 15px solid #fff;
	box-sizing: border-box;
		-moz-box-sizing: border-box;
    	-webkit-box-sizing: border-box;
    z-index: 20;
	}
	
	.intro-top-content {
	position: absolute;
    top: 90px;
    left: 50%;
    transform: translateX(-50%);
    display: table;
    height: calc(12vw - 94px);
    margin: 0 auto;
    text-align: center;
    z-index: 5;
    padding: .2vw 3vw 0 3vw;
    background-color: #cd3300;
    border-radius: 4px;
    }
	
	span.introtop {
    color: #d8e9fb;
    display: table-cell;
    vertical-align: middle;
    font-size: 3vw;
    padding-top: .6vw;
	}
	
	/* CHAMFERED BOX SECTION */
	
	#introcont-1 {
	position: relative;
    margin: 0 auto 0;
    width: 100%;
	padding-bottom: 7vw;
    padding-top: calc(41px + 2vw);
    padding-left: 7.5%;
    padding-right: 7.5%;
    background-color: #d8e9fb;
     -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

	/*
	#introcont-1:before  {
	content: '';
    background-image: url(../img/dash.svg);
    background-size: 6px auto;
    background-position: center;
    background-repeat: repeat-x;
    background-color: #c51f1d;
    position: absolute;
    top: 0px;
    width: 85%;
    height: 21px;
    border-radius: 4px;
    background-color: #003906;
	border: 5px solid #003906;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	*/
	
	.chamfered-box-cont1,
	.chamfered-box-cont2,
	.chamfered-box-cont3,
	.chamfered-box-cont4,
	.chamfered-box-cont5,
	.intro-end-cont {
	position: relative;
	display: table;
	height: 5.3vw;
	margin: 0 auto;	
	opacity: 0;	
	}
	
	.chamfered-box-cont2,
	.chamfered-box-cont3,
	.chamfered-box-cont4,
	.chamfered-box-cont5 {
	margin-top: 2vw;
	}
	
	.intro-end-cont {
	margin-top: 4vw;
	}
	
	.chamfered-box-cont2 {
	transform: translateX(0%);
	}
	
	.chamfered-box-cont3 {
	transform: translateX(0%);
	}
	
	.chamfered-box-cont4 {
	transform: translateX(0%);
	}
	
	.chamfered-box-cont5 {
	transform: translateX(0%);
	}
	
	.chamfered-box-end {
	background-image: url('../img/chamfered-edge-562db9.svg');
	background-size: 100% 100%;
	background-position: left;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background-color: #d8e9fb;
	z-index: 4;
	}
	
	.chamfered-box-main {
	position: relative;
	border: 2px solid #562db9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
	.chamfered-box-main:after {
	content: "";
	position: absolute;
	left: 8px;
	top: 8px;
	width: 100%;
	height: 100%;
	border-right: 2px solid #003906;
	border-bottom: 2px solid #003906;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 0;
	}
	
	.intro-end-main {
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
	.intro-end-main:before, .intro-end-main:after  {
	content:"";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 2px;
	background-color: #562db9; 
	}
	
	.intro-end-main:before  {
	top: -4.5vw;
    height: 4.5vw;
	}
	
	.chamfered-box-cont2:before,
	.chamfered-box-cont3:before,
	.chamfered-box-cont4:before,
	.chamfered-box-cont5:before {
	content: "";
    position: absolute;
    bottom: 2.6vw;
    width: 8vw;
    height: 5vw;
	}
	
	.chamfered-box-cont2:before {
	left: -8vw;
	border-radius: 0 0 0 30px;
	border-left: 2px solid #562db9;
	border-bottom: 2px solid #562db9;
	}
	
	.chamfered-box-cont3:before {
	right: -8vw;
	border-radius: 0 0 30px 0;
	border-right: 2px solid #562db9;
	border-bottom: 2px solid #562db9;
	}
	
	.chamfered-box-cont4:before {
	left: -8vw;
	border-radius: 0 0 0 30px;
	border-left: 2px solid #562db9;
	border-bottom: 2px solid #562db9;
	}
	
	.chamfered-box-cont5:before {
	right: -8vw;
	border-radius: 0 0 30px 0;
	border-right: 2px solid #562db9;
	border-bottom: 2px solid #562db9;
	}
	
	.chamfered-box-content, .intro-end-content {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
    z-index: 5;
    box-sizing: border-box;
	}
	
	.chamfered-box-content {
	padding: .7vw 2vw 0 2vw;
	}
	
	.intro-end-content {
	padding: .8vw 2vw .15vw 2vw;
	}
	
	.intro-end-content:after {
	content: "";
    background-image: url('../img/downarrow_ec5000.svg');
    background-size: auto 40px;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 7vw;
    left: 50%;
    transform: translateX(-50%);
    width: 4vw;
    height: 4vw;
	}
	
	#intro-end-rule {
	position: absolute;
	width: 4vw;
	height: 100%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	border-top: 2px solid #562db9; 
	border-bottom: 2px solid #562db9;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	}
	
	span.chamferedbox, span.chamferedbox-hilite {
	font-family: "coluna-rounded", Coluna Rounded, sans-serif;
    font-style: normal;
    text-transform: uppercase;
    font-size: 2.5vw;
    letter-spacing: -.1px;
	}
	
	span.chamferedbox {
	color: #003906;
	}
	
	span.chamferedbox-hilite {
	color: #cd3300;
	}
	
	.intro-end-anim {
	animation-name: fadein;
	animation-duration: .5s;
	animation-timing-function: linear; 
	animation-fill-mode: forwards;
	-webkit-animation-delay: .0s; /* Chrome, Safari, Opera */
	animation-delay: 0s;
	}
	
	.chamfered-box-anim-1 {
	animation-name: fadein, introslide-1;
	animation-duration: .5s, 3s;
	animation-fill-mode: forwards;
	animation-timing-function: linear,ease; 
	-webkit-animation-delay: .5s, 0s; /* Chrome, Safari, Opera */
	animation-delay: .5s, .0s;
	}
	
	.chamfered-box-anim-2 {
	animation-name: fadein, introslide-2;
	animation-duration: .5s, 3s;
	animation-fill-mode: forwards;
	animation-timing-function: linear,ease; 
	-webkit-animation-delay: .5s, 0s; /* Chrome, Safari, Opera */
	animation-delay: .5s, .0s;
	}
	
	.chamfered-box-anim-3 {
	animation-name: fadein, introslide-3;
	animation-duration: .5s, 3s;
	animation-fill-mode: forwards;
	animation-timing-function: linear,ease; 
	-webkit-animation-delay: .5s, 0s; /* Chrome, Safari, Opera */
	animation-delay: .5s, .0s;
	}
	
	.chamfered-box-anim-4 {
	animation-name: fadein, introslide-4;
	animation-duration: .5s, 3s;
	animation-fill-mode: forwards;
	animation-timing-function: linear,ease; 
	-webkit-animation-delay: .5s, 0s; /* Chrome, Safari, Opera */
	animation-delay: .5s, .0s;
	}
	
		
		@-moz-keyframes introslide-1 {
		0%   {transform: translateX(0%);}
		100% {transform: translateX(33%);}
		}

		@-webkit-keyframes introslide-1 {
		0%   {transform: translateX(0%);}
		100% {transform: translateX(33%);}
		}

		keyframes introslide-1 {
		0%   {transform: translateX(0%);}
		100% {transform: translateX(33%);}
		}
		
		@-moz-keyframes introslide-2 {
		0%   {transform: translateX(0%);}
		100% {transform: translateX(-25%);}
		}

		@-webkit-keyframes introslide-2 {
		0%   {transform: translateX(0%);}
		100% {transform: translateX(-25%);}
		}

		keyframes introslide-2 {
		0%   {transform: translateX(0%);}
		100% {transform: translateX(-25%);}
		}
		
		@-moz-keyframes introslide-3 {
		0%   {transform: translateX(0%);}
		100% {transform: translateX(57%);}
		}

		@-webkit-keyframes introslide-3 {
		0%   {transform: translateX(0%);}
		100% {transform: translateX(57%);}
		}

		keyframes introslide-3 {
		0%   {transform: translateX(0%);}
		100% {transform: translateX(57%);}
		}
		
		@-moz-keyframes introslide-4 {
		0%   {transform: translateX(0%);}
		100% {transform: translateX(-5%);}
		}

		@-webkit-keyframes introslide-4 {
		0%   {transform: translateX(0%);}
		100% {transform: translateX(-5%);}
		}

		keyframes introslide-4 {
		0%   {transform: translateX(0%);}
		100% {transform: translateX(-5%);}
		}
		
	
	/* PANE-1 */
	
	#anim-trig-7 {
	position: relative;
	top: 10vh;
	width: 1px;
	height: 1px;
	visibility: hidden;
	}
	
	#pane-1 {
	background-image: url('../img/IMG_2563_RET-2000.jpg');
	background-size: cover;
	background-position: center bottom;
	background-color: #fff;
	position: relative;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px solid #f9f9f9;
	}
	
	@media (min-width: 2200px) {
		#pane-1 {
			background-image: url('../img/IMG_2563_RET-2000.jpg');
		}
	}
	
	@media (orientation: portrait) {
		#pane-1 {
			background-image: url('../img/IMG_2563_RET-CRP-1866.jpg');
			background-size: cover;
			background-position: center;
		}
	}
	
	.introtextblock {
		position: relative;
		margin: 10% auto 0;
		padding: 0 6% 0;
		color: #fff;
		max-width: 1200px;
		margin-bottom: 80vh;
		opacity: 0;
	}
	
	.introtext-anim {
		animation: fadein .5s .5s forwards linear;
	}
	
	.introtextblock:after {
		content:"";
		position: absolute;
		left: 6%;
		top: 120%;
		width: 88%;
		height: 1px;
		border-bottom: 1px dashed #fff;
	}
	
	@media (min-width: 1600px) {
		.introtextblock {
			border-left: 1px dashed #fff;
		}
		.introtextblock:after {
			display: none;
		}
	}
	
	.pane-1-anim {
	animation-name: fadein, slide-up;
	animation-duration: .5s, 1s;
	animation-fill-mode: forwards;
	animation-timing-function: linear, ease-out; 
	-webkit-animation-delay: .5s, 0s; /* Chrome, Safari, Opera */
	animation-delay: .5s, .0s;
	}
	
		@-moz-keyframes slide-up{
		0%   {transform: translateY(100%);}
		100% {transform: translateY(0%);}
		}

		@-webkit-keyframes slide-up{
		0%   {transform: translateY(100%);}
		100% {transform: translateY(0%);}
		}

		keyframes slide-up{
		0%   {transform: translateY(100%);}
		100% {transform: translateY(0%);}
		}
	
	/* DIVIDER LINKS */
	
	#pane-divider {
	position: relative;
	width: calc(100 - 30px);
	height: 24vw;
	margin: -1px auto;
	background-color: #f9f9f9;
	z-index: 4;
	}
	
	#divider-link-cont {
	position: absolute;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	height: 40px;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	margin-top: 2px;	
	}
	
	.div-link,
	.div-link-lower {
	order: 1;
	text-align: center;
	width: 12vw;
	min-width: 175px;	
	}
	
	.div-link {
	padding-top: 9px;
	}
	
	.div-link-lower {
	padding-top: 8px;	
	}
	
	.tklink {
	order: 1;
	color: #cd3300;
	}
	
	.newslink {
	order: 4;
	color: #562db9;
	}
	
	.newslink a {
	color: #562db9 !important;
	}
	
	.div-link-spacer-l {
	order: 2;
	position: relative;
	width: 6vw;
	min-width: 87px;
	border-left: 2px solid #272727;
	}

	.div-link-spacer-r {
	order: 3;
	position: relative;
	width: 6vw;
	min-width: 87px;
	border-right: 2px solid #272727;
	}
	
	.div-link-spacer-l:before,
	.div-link-spacer-r:before {
	content:"";
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width: 100%;
	height: 2px;
	background-color: #272727;
	}
	
	.div-link-spacer-l:after,
	.div-link-spacer-r:after {
	content:"";
	position:absolute;
	top: 50%;
	width: 12px;
	height: 12px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
	.div-link-spacer-l:after {
	left:2px;
	transform: translateY(-50%) rotate(45deg);
	border-bottom: 2px solid #cd3300;
	border-left: 2px solid #cd3300;
	opacity: 0;
	}
	
	.div-link-spacer-r:after {
	right:2px;
	transform: translateY(-50%) rotate(45deg);
	border-top: 2px solid #562db9;
	border-right: 2px solid #562db9;
	opacity: 0;
	}
	
	/* MENU HOVER EFFECT */
	
	.tklink:hover ~ .div-link-spacer-l {
	border-left: 2px solid rgba(255,255,255,0);
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	transition: 300ms;
	}
	
	.tklink:hover ~ .div-link-spacer-r {
	border-right: 2px solid #cd3300;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	transition: 300ms;
	}
	
	.tklink:hover ~ .div-link-spacer-l:before {
	background-color: #cd3300;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	transition: 300ms;
	}
	
	.tklink:hover ~ .div-link-spacer-r:before {
	background-color: #cd3300;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	transition: 300ms;
	}
	
	.tklink:hover ~ .div-link-spacer-l:after {
	opacity: 1;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	transition: 300ms;
	} 
	
	.newslink:hover ~ .div-link-spacer-l {
	border-left: 2px solid #562db9;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	transition: 300ms;
	}
	
	.newslink:hover ~ .div-link-spacer-r {
	border-right: 2px solid rgba(255,255,255,0);
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	transition: 300ms;
	}
	
	.newslink:hover ~ .div-link-spacer-l:before {
	background-color: #562db9;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	transition: 300ms;
	}
	
	.newslink:hover ~ .div-link-spacer-r:before {
	background-color: #562db9;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	transition: 300ms;
	}
	
	.newslink:hover ~ .div-link-spacer-r:after {
	opacity: 1;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	transition: 300ms;
	}
	
	/* PANE-GENERAL */
	
	#pane-2, #pane-2b, #pane-3, #pane-4, #pane-5,
	#pane-6, #pane-7, #pane-8, #pane-9, #pane-10  {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0 auto;
	}
	
	.pane-display {
	position: relative;
	height: 600px;
	padding-right: 1.2vw;
	padding-left: 6vw;
	background-color: rgba(255,255,255,0);
	padding-left: calc((100% - (64vw + 220px))/2);
    padding-right: calc((100% - (64vw + 220px))/2);
    overflow: hidden;
    z-index: 1;
	}
	
	.display-cont {
	display: table;
	height: 100%;
	}
	
	.display {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	}
	
	.display-longdash {
	 display:inline-block;
    -webkit-transform:scale(4,1); /* Safari and Chrome */
    -moz-transform:scale(4,1); /* Firefox */
    -ms-transform:scale(4,1); /* IE 9 */
    -o-transform:scale(4,1); /* Opera */
    transform:scale(4,1); /* W3C */
    padding: 0 4.5% 0;
	}
	
	.pane-overlay, .pane-overlay-med, .pane-overlay-lrg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	}
	
	.pane-overlay {
	display: none;
	}
	
	.pane-overlay-med {
	display: block;
	}
	
	.pane-overlay-lrg {
	display: none;
	}
	
	.pane-tint {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
	}
	
	.pane-img, .pane-img-med, .pane-img-lrg {
	background-size: cover;
	background-position: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -3;
	}
	
	.pane-img {
	display: none;
	}
	
	.pane-img-med {
	display: block;
	}
	
	.pane-img-lrg {
	display: none;
	}
	
	.pane-display:after {
	content: "";
	position: absolute;
	display: block;
	width: calc(64vw + 220px);
	height: 1px;
	bottom: 1.3vw;
	left: 50%;
	transform:translateX(-50%);
	border-bottom: 1px dashed #fff;
	}
	
	.pane-text,
	.pane-last {
	position: relative;
	width: 64vw;
	padding: 4vw 0 0 200px;
	margin: 1.3vw auto 0;
	}
	
	.pane-text.trailertext {
    position: relative;
    display: block;
    width: 100%;
    height: calc(50vh - 30px);
    margin-top: 0;
	}
	
	.pane-text:before {
	content: "";
	position: absolute;
	top: 4vw;
	width: 1px;
	height: calc(100% - 9vw);
	left: 180px;
	border-left: 1px dashed #000;
	}
	
	.pane-text.trailertext:before {
	display: none;
	}
	
	.credits {
	position: relative;
	width: 88%;
	padding: 0 0 1.52vw;
	margin: 0 auto;
	border-bottom: 2px solid #272727;
	text-align: center;
	}
	
	
	#credits-link-cont {
	position: relative;
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	height: 40px;
	width: 100%;
	padding: 4vw 0;
	margin: 4vw 0 4vw;
	}
	
	@media (min-width: 2000px) {
		.pane-display {
		height: 800px;
		}
	}
	
	/* PANE-2 */
	
	.paneimg-2 {
	background-color: rgba(255,154,0, 0.7);
	background-blend-mode: multiply;
	}

	.dsply-2 {
	top: 0;
	text-align: left;
	font-size: 150px;
	line-height: .8;
	letter-spacing: -.2vw;
	color: #fff;	
	}
	
	.dsply-cont-2 {
	padding-top: 40px;
	}
	
	@-moz-document url-prefix() {
		.dsply-cont-2 {
			padding-top: 17px;
		}
	}
	
	.tint-2 {
	background: rgba(255,154,0, 0.7);
	}
	
	.ovrly-2 {
	background-size: cover;
	background-position: center;
	opacity: 1;
	}
	
	.ovrly-2:hover {
	opacity: 0;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;	
	}
	
	
	@media (min-width: 1050px) {
		.pane-overlay-med {
		display: none;
		}
		.pane-overlay-lrg {
		display: block;
		}
		.pane-img-med {
		display: none;
		}
		.pane-img-lrg {
		display: block;
		}
	}
	
	#anim-trig-8 {top: 50%;}
	
	.pntext-2 {
	padding-bottom: 4.8vw;
	top: 0;
	text-align: left;
	color: #000;	
	}
	@media (min-width: 1300px) {
		.credits {
		text-align: center;
		}
		span.credittext {
			font-size: 36px;
		}
	}
	@media (min-width: 1800px) {
		.pane-display {
			padding-left: calc((100% - 1420px)/2);
    		padding-right: calc((100% - 1420px)/2);
			max-width: 100%;
		}
		.pane-display:after {
			width: calc(1200px + 220px);
		}
		.pane-text, .pane-last {
			width: 1200px;
		}
	}
	
	/* PANE-2B */
	
	.dsply-2b {
	top: 0;
	text-align: left;
	font-size: 150px;
	line-height: .8;
	letter-spacing: -.2vw;
	color: #fff;	
	}
	
	.dsply-cont-2b {
	padding-top: 40px;
	}
	
	@-moz-document url-prefix() {
		.dsply-cont-2b {
			padding-top: 17px;
		}
	}
	
	.paneimg-2b {
	background-position: center top;
	background-color: rgba(117, 109, 236, 0.6);
	background-blend-mode: multiply;
	}
	
	.tint-2b {
	background: rgba(117, 109, 236, 0.6);
	}
	
	.ovrly-2b {
	background-size: cover;
	background-position: center top;
	opacity: 1;
	}
	
	#anim-trig-8b {top:30%;}
	
	.pntext-2b {
	padding-bottom: 4.8vw;
	top: 0;
	text-align: left;
	color: #000;	
	}
	
	/* PANE-3 */
	
	.dsply-3 {
	top: 0;
	text-align: left;
	font-size: 150px;
	line-height: .8;
	letter-spacing: -.2vw;
	color: #fff;	
	}
	
	.dsply-cont-3 {
	padding-top: 40px;
	}
	
	@-moz-document url-prefix() {
		.dsply-cont-3 {
			padding-top: 17px;
		}
	}
	
	.paneimg-3 {
	background-color: rgba(110,198,224, 0.4);
	background-blend-mode: multiply;
	}
	
	.tint-3 {
	background: rgba(110,198,224, 0.3);
	}
	
	.ovrly-3 {
	background-size: cover;
	background-position: center;
	opacity: 1;
	}
	
	#anim-trig-9 {top:30%;}
	
	.pntext-3 {
	top: 0;
	text-align: left;
	color: #000;
	padding-bottom: 4.8vw;	
	}
	
	/* PANE-4 */
	
	.dsply-4 {
    top: 0;
    text-align: left;
    font-size: 75px;
    line-height: .8;
    letter-spacing: 0;
    color: #fff;	
	}
	
	.dsply-cont-4 {
	padding-top: 11px;
	}
	
	@-moz-document url-prefix() {
		.dsply-cont-4 {
			padding-top: 7px;
		}
	}
	
	.paneimg-4 {
	background-color: rgba(107,146,67, 0.5);
	background-blend-mode: multiply;
	}
	
	.tint-4 {
	background: rgba(107,146,67, 0.5);
	}
	
	.ovrly-4 {
	background-size: cover;
	background-position: center;
	opacity: 1;
	}
	
	#anim-trig-10 {top: 50%;}
	
	.pntext-4 {
	padding-bottom: 4.8vw;
	top: 0;
	text-align: left;
	color: #000;	
	}
	
	@media (max-width: 1400px) {
		.dsply-4 {
		font-size: 5.5vw;	
		}	
	}
	
	/* PANE-5 */
	
	.dsply-5 {
    top: 0;
    text-align: left;
    font-size: 150px;
    line-height: .8;
    letter-spacing: 0;
    color: #fff;
	}
	
	.dsply-cont-5 {
	padding-top: 40px;
	}
	
	@-moz-document url-prefix() {
		.dsply-cont-5 {
			padding-top: 17px;
		}
	}
	
	.paneimg-5 {
	background-color: rgba(117, 109, 236, 0.3);
	background-blend-mode: multiply;
	}
	
	.tint-5 {
	background: rgba(117, 109, 236, 0.3);
	}
	
	.ovrly-5 {
	background-size: cover;
	background-position: center;
	opacity: 1;
	}
	
	#anim-trig-11 {top: 50%;}
	
	.pntext-5 {
	padding-bottom: 4.8vw;
	top: 0;
	text-align: left;
	color: #000;	
	}
	
	/* PANE-6 */
	
	.dsply-6 {
	top: 0;
    text-align: left;
    font-size: 120px;
    line-height: .8;
    letter-spacing: 0;
    color: #fff;
    -ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
	}
	
	.dsply-cont-6 {
	padding-top: 35px;
	}
	
	@-moz-document url-prefix() {
		.dsply-cont-6 {
			padding-top: 19px;
		}
	}
	
	.paneimg-6 {
	background-color: rgba(255, 50, 3, 0.6);
	background-blend-mode: multiply;
	}
	
	.tint-6 {
	background: rgba(255, 50, 3, 0.6);
	}
	
	.ovrly-6 {
	background-size: cover;
	background-position: center;
	opacity: 1;
	}
	
	#anim-trig-12 {top: 50%;}
	
	.pntext-6 {
	padding-bottom: 4.8vw;
	top: 0;
	text-align: left;
	color: #000;	
	}
	
	@media (max-width: 1400px) {
		.dsply-6 {
		font-size: 8.5vw;	
		}	
	}
	
	/* PANE-7 */
	
	.dsply-7 {
    top: 0;
    text-align: left;
    font-size: 120px;
    line-height: .8;
    letter-spacing: 0;
    color: #fff;
	}
	
	.dsply-cont-7 {
	padding-top: 35px;
	}
	
	@-moz-document url-prefix() {
		.dsply-cont-7 {
			padding-top: 24px;
		}
	}
	
	.paneimg-7 {
	background-color: rgba(110,198,224, 0.4);
	background-blend-mode: multiply;
	}
	
	.tint-7 {
	background: rgba(110,198,224, 0.4);
	}
	
	.ovrly-7 {
	background-size: cover;
	background-position: center;
	opacity: 1;
	}
	
	#anim-trig-13 {top: 50%;}
	
	.pntext-7 {
	padding-bottom: 4.8vw;
	top: 0;
	text-align: left;
	color: #000;	
	}
	
	@media (max-width: 1400px) {
		.dsply-7 {
		font-size: 8.8vw;	
		}	
	}
	
	/* PANE-8 */
	
	.dsply-8 {
    top: 0;
    text-align: left;
    font-size: 150px;
    line-height: .8;
    letter-spacing: 0;
    color: #fff;
	}
	
	.dsply-cont-8 {
	padding-top: 40px;
	}
	
	@-moz-document url-prefix() {
		.dsply-cont-8 {
			padding-top: 17px;
		}
	}
	
	.tint-8 {
	background: rgba(255,0,0, 0.5);
	}
	
	.ovrly-8 {
	background-size: cover;
	background-position: center;
    background-color: #000;
	opacity: 1;
	}
	
	#anim-trig-14 {top: 50%;}
	
	.pntext-8 {
	padding-bottom: 4.8vw;
	top: 0;
	text-align: left;
	color: #000;	
	}
	
	/* PANE-9 */
	
	.dsply-9 {
    top: 0;
    text-align: left;
    font-size: 110px;
    line-height: .8;
    letter-spacing: 0;
    color: #fff;
	}
	
	.dsply-cont-9 {
	padding-top: 40px;
	}
	
	@-moz-document url-prefix() {
		.dsply-cont-9 {
			padding-top: 17px;
		}
	}
	
	.paneimg-9 {
    background-color: rgba(255,154,0, 0.7);
	background-blend-mode: multiply;
	}
	
	.tint-9 {
	background: rgba(255,154,0, 0.7);
	}
	
	.ovrly-9 {
	background-size: cover;
	background-position: center;
    background-color: #000;
	opacity: 1;
	}
	
	#anim-trig-15 {top: 50%;}
	
	.pntext-9 {
	padding: 4vw 0 3vw;
	top: 0;
	text-align: center;
	color: #000;
	font-size: 5vw;	
	}
	
	@media (max-width: 1400px) {
		.dsply-9 {
		font-size: 8vw;	
		}	
	}
	
	/* PANE ANIM */
	
	.ovrly-anim {
	opacity: 0;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	transition-delay: .5s;
	}
	
	/* REWARD CREDITS */
	
	.credits-dsply {
	display: inline-block !important;
	}
	
	.thnks {
	position: relative;
	width: 88%;
	padding: 0;
	margin: 1.3vw auto 0;
	}
	
	.thnkstxt {
    padding: 0;
    top: 0;
    text-align: center;
    color: #000;
    font-size: 30px;
	}
	
	.thnkscredits .credittext {
	font-size: 27px;
	}
	
	.rewardcredits {
	position: relative;
    width: 88%;
    padding: 0 0 2vw;
    margin: 0 auto;
    border-bottom: 1.5px solid #272727;
    text-align: center;
	} 
	
	.rewardcredits-intro {
	position: relative;
	margin: 0 auto;
	width: 85%;
	}
	
	.rewardcredits-intro .feattext {
	text-align: center;
	line-height: 16px;
	}
	
	.rewardcredits-sml {
	position: relative;
    width: 88%;
    padding: 0;
    margin: 1vw auto 0;
    text-align: center;
	}
	
	.rewardcredits-sml .credittext {
	font-size: 20px;
	}
	
	@media (max-width: 1700px) {
		.rewardcredits-intro {
			width: 955px;
		}
	}
	
	@media (max-width: 1100px) {
		.rewardcredits-intro {
			width: 80%;
		}
	}
	
	/* HOSTING MAP LINK */
	
	#hostmap {
    position: relative;
    width: 100%;
    height: 50vh;
    z-index: 20;
	}
	
	#premapcont, #hostmapcont {
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat; 
	height: 100%;
	width: 100%;
	border-width: 0 15px 15px 15px;
	border-color: #fff;
	border-style: solid;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}
	
	#hostmapcont {
	background-image: url('../img/us-map-grey-blue-2000.png');
    position: relative;
	background-color: #add2de;
	}
	
	#premapcont {
	background-image: url('../img/us-map-grey-2000.png');
	position: absolute;
	left: 0;
	top: 0;
	background-color: #f9f9f9;
	opacity: 1;
	z-index: 11;
	}
	
	#hostmap-head {
    position: absolute;
    display: block;
    left: 6vw;
    bottom: 2vh;
    width: 88vw;
    font-size: 12vh;
    line-height: .77;
    padding-top: .2vh;
    padding-bottom: 2vh;
    border-bottom: 1px dashed #272727;
	}
	
	#hostmap-subhead {
    position: absolute;
    display: block;
    right: 6vw;
    bottom: 4vh;
    line-height: 1;
    font-size: 1.8vh !important;
	}
	
	#premapcont:hover {
	cursor: url(../img/cursor-pin.svg), auto;
	}
	
	.hostmap-anim {
	opacity: 0 !important;
	-webkit-transition: 1000ms;
	-moz-transition: 1000ms;
	transition: 1000ms;
	}
	
	#anim-trig-18 {top: 50%;}
	
	.stripe-lwrqte {
	background-image: url('../img/stripededge_wht_seg.svg');
	z-index: 20;
	}	
	
/* SOCIAL MEDIA LINKS */

		.soclinkwrapperfeat {
		position: relative;
		width: 121px;
		height: 25px;
		display: inline-block;
		margin: 15px 0px 0px 20px;
		float: left;
		}
		
		.soclinkwrappernews {
		position: absolute;
		left: 30px;
		top: 8px;
		width: 121px;
		height: 25px;
		display: block;
		}
	
		
		.fb, .twtr, .mail, .inst {
		background-size: 25px 25px;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
		width: 25px;
		height: 25px;
		display: inline-block;
		}
		
		.fb {
		background-image: url('../img/facebook_circle_grey.svg');
		margin-left: 0px;
		}
		
		.twtr {
		background-image: url('../img/twitter_circle_grey.svg');
		margin-left: 3px;
		}
		
		/* .inst {
		background-image: url('../img/instagram_circle_grey.svg');
		margin-left: 3px;
		} */
		
		.inst {
		background-image: url('../img/instagram_circle_inactive.svg');
		margin-left: 3px;
		}
		
		.mail {
		background-image: url('../img/envelope_grey.svg');
		margin-left: 3px;
		}
		
		.fb:hover {
		background-image: url('../img/facebook_hover_grey.svg');
		webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
		}
		
		.twtr:hover {
		background-image: url('../img/twitter_hover_grey.svg');
		webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
		}
		
		/* .inst:hover {
		background-image: url('../img/instagram_hover_grey.svg');
		webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
		} */
		
		.mail:hover {
		background-image: url('../img/envelope_hover_grey.svg');
		webkit-transition: 300ms;
		-moz-transition: 300ms;
		-o-transition: 300ms;
		transition: 300ms;
		}
		
		@media only screen and (min-width: 1401px) and (max-width: 1500px) {
			.fb, .twtr, .mail, .inst {
				background-size: 22px 22px;
				width: 22px;
				height: 22px;
				}
			.soclinkwrapperfeat, .soclinkwrappernews {
				width: 115px;
				height: 22px;
				}
			.soclinkwrappernews {
				top: 9px;
				}
			.featuredbyline {
				top: 15px;
				height: 22px; 
				}
			.newsbyline {
				left: 145px;
				top: 9px;
				height: 22px; 
				}
			}
		@media only screen and (min-width: 1024px) and (max-width: 1400px) {
			.fb, .twtr, .mail, .inst {
				background-size: 20px 20px;
				width: 20px;
				height: 20px;
				}
			.soclinkwrapperfeat, .soclinkwrappernews {
				width: 105px;
				height: 20px;
				}
			.soclinkwrappernews {
				top: 10px;
				}
			.featuredbyline {
				top: 15px;
				height: 20px; 
				}
			.newsbyline {
				left: 135px;
				top: 10px;
				height: 20px; 
				}
			}
			
/* ANIMATIONS */

		@-moz-keyframes fade-pop-1 {
		0%  {opacity: 0; letter-spacing: 500px; text-indent: 500px;}
		30% {opacity: .1; letter-spacing: -2px; text-indent: -2px;}
		59.9% {opacity: .4; letter-spacing: -2px; text-indent: -2px;}
		60% {opacity: 1; letter-spacing: -2px; text-indent: -2px;}
		80% {opacity: 1; letter-spacing: -2px; text-indent: -2px;}
		100% {opacity: 0; letter-spacing: -2px; text-indent: -2px;}
		}

		@-webkit-keyframes fade-pop-1 {
		0%  {opacity: 0; letter-spacing: 500px; text-indent: 500px;}
		30% {opacity: .1; letter-spacing: -2px; text-indent: -2px;}
		59.9% {opacity: .4; letter-spacing: -2px; text-indent: -2px;}
		60% {opacity: 1; letter-spacing: -2px; text-indent: -2px;}
		80% {opacity: 1; letter-spacing: -2px; text-indent: -2px;}
		100% {opacity: 0; letter-spacing: -2px; text-indent: -2px;}
		}

		keyframes fade-pop-1 {
		0%  {opacity: 0; letter-spacing: 500px; text-indent: 500px;}
		30% {opacity: .1; letter-spacing: -2px; text-indent: -2px;}
		59.9% {opacity: .4; letter-spacing: -2px; text-indent: -2px;}
		60% {opacity: 1; letter-spacing: -2px; text-indent: -2px;}
		80% {opacity: 1; letter-spacing: -2px; text-indent: -2px;}
		100% {opacity: 0; letter-spacing: -2px; text-indent: -2px;}
		}
		
		
		@-moz-keyframes fade-pop-2 {
		0%  {opacity: 0; letter-spacing: 500px; text-indent: 500px;}
		30% {opacity: .1; letter-spacing: -2px; text-indent: -2px;}
		59.9% {opacity: .4; letter-spacing: -2px; text-indent: -2px;}
		60% {opacity: 1; letter-spacing: -2px; text-indent: -2px;}
		80% {opacity: 1; letter-spacing: -2px; text-indent: -2px;}
		100% {opacity: 1; letter-spacing: -2px; text-indent: -2px;}
		}

		@-webkit-keyframes fade-pop-2 {
		0%  {opacity: 0; letter-spacing: 500px; text-indent: 500px;}
		30% {opacity: .1; letter-spacing: -2px; text-indent: -2px;}
		59.9% {opacity: .4; letter-spacing: -2px; text-indent: -2px;}
		60% {opacity: 1; letter-spacing: -2px; text-indent: -2px;}
		80% {opacity: 1; letter-spacing: -2px; text-indent: -2px;}
		100% {opacity: 1; letter-spacing: -2px; text-indent: -2px;}
		}

		keyframes fade-pop-2 {
		0%  {opacity: 0; letter-spacing: 500px; text-indent: 500px;}
		30% {opacity: .1; letter-spacing: -2px; text-indent: -2px;}
		59.9% {opacity: .4; letter-spacing: -2px; text-indent: -2px;}
		60% {opacity: 1; letter-spacing: -2px; text-indent: -2px;}
		80% {opacity: 1; letter-spacing: -2px; text-indent: -2px;}
		100% {opacity: 1; letter-spacing: -2px; text-indent: -2px;}
		}
		
		@-moz-keyframes fade-popin {
		0%  {opacity: 0;}
		30% {opacity: .1;}
		59.9% {opacity: .4;}
		60% {opacity: 1;}
		100% {opacity: 1;}
		}

		@-webkit-keyframes fade-popin {
		0%  {opacity: 0;}
		30% {opacity: .1;}
		59.9% {opacity: .4;}
		60% {opacity: 1;}
		100% {opacity: 1;}
		}

		keyframes fade-popin {
		0%  {opacity: 0;}
		30% {opacity: .1;}
		59.9% {opacity: .4;}
		60% {opacity: 1;}
		100% {opacity: 1;}
		}
		
		@-moz-keyframes flashinout {
		0%  {opacity: 0;}
		1% {opacity: 1;}
		99% {opacity: 1;}
		100% {opacity: 0;}
		}

		@-webkit-keyframes flashinout {
		0%  {opacity: 0;}
		1% {opacity: 1;}
		99% {opacity: 1;}
		100% {opacity: 0;}
		}
		
		keyframes flashinout {
		0%  {opacity: 0;}
		1% {opacity: 1;}
		99% {opacity: 1;}
		100% {opacity: 0;}
		}
		
		
		@-moz-keyframes fade-slow {
		0%  {opacity: 0;}
		30% {opacity: 1;}
		60% {opacity: 1;}
		100% {opacity: 0;}
		}

		@-webkit-keyframes fade-slow {
		0%  {opacity: 0;}
		30% {opacity: 1;}
		60% {opacity: 1;}
		100% {opacity: 0;}
		}
		
		keyframes fade-slow {
		0%  {opacity: 0;}
		30% {opacity: 1;}
		60% {opacity: 1;}
		100% {opacity: 0;}
		}
		
		
		@-moz-keyframes titleup {
		0%   {top: 50%;}
		100% {top: -100%;}
		}

		@-webkit-keyframes titleup {
		0%   {top: 50%;}
		100% {top: -100%;}
		}

		keyframes titleup {
		0%   {top: 50%;}
		100% {top: -100%;}
		}
		
		@-moz-keyframes bylineup {
		0%   {top: 0;}
		100% {top: -100%;}
		}

		@-webkit-keyframes bylineup {
		0%   {top: 0;}
		100% {top: -100%;}
		}

		keyframes bylineup {
		0%   {top: 0;}
		100% {top: -100%;}
		}
		
		@-moz-keyframes fnlttlup {
		0%   {bottom: -100%;}
		100% {bottom: 0;}
		}

		@-webkit-keyframes fnlttlup {
		0%   {bottom: -100%;}
		100% {bottom: 0;}
		}

		keyframes fnlttlup {
		0%   {bottom: -100%;}
		100% {bottom: 0;}
		}
		
		@-moz-keyframes imgdown {
		0%   {background-position: center top;}
		100% {background-position: center 75px;}
		}

		@-webkit-keyframes imgdown {
		0%   {background-position: center top;}
		100% {background-position: center 75px;}
		}

		keyframes imgdown {
		0%   {background-position: center top;}
		100% {background-position: center 75px;}
		}
		
		@-moz-keyframes fadein {
		0%   {opacity: 0;}
		100% {opacity: 1;}
		}

		@-webkit-keyframes fadein {
		0%   {opacity: 0;}
		100% {opacity: 1;}
		}

		keyframes fadein {
		0%   {opacity: 0;}
		100% {opacity: 1;}
		}
		
		@-moz-keyframes pgttldropdown {
		0%   {top: -80px;}
		100% {top: 4px;}
		}

		@-webkit-keyframes pgttldropdown {
		0%   {top: -80px;}
		100% {top: 4px;}
		}

		keyframes pgttldropdown {
		0%   {top: -80px;}
		100% {top: 4px;}
		}
			