/*animation: name duration timing-function delay iteration-count direction fill-mode play-state;*/

.middle_flyer, .flight, .the, .fantastic, .tagline, .gaonas, .left_flyer, .wrapper, .wrapper3, .hinge { 
         opacity:0;  
}

.loaded .middle_flyer, .loaded .the, .loaded .flight, .loaded .fantastic, .loaded .tagline, .loaded .gaonas, .loaded .left_flyer, .loaded .hinge, .loaded .wrapper, .loaded .wrapper3 { 
            opacity:1; 
}


.wrapper {
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	background-position: -200px -600px;
	margin-top: 10px;
	position: relative;
	width: 100%;
	min-height: 1100px;
	max-height: 1100px;
	overflow: hidden;
	-webkit-animation-name: background_fade_in;
	-moz-animation-name: background_fade_in;
	-o-animation-name: background_fade_in;
	animation-name: background_fade_in;

-webkit-transform-style: preserve-3d;

	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;

	-webkit-animation-delay: none;
	-moz-animation-delay: none;	
	-o-animation-delay: none;
	animation-delay: none;

	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;	
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;	
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;
	
	-webkit-animation-direction: normal;
	-moz-animation-direction: normal;	
	-o-animation-direction: normal;
	animation-direction: normal;
		
	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;	
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	
	-webkit-box-shadow: 0px -34px 154px 0px rgba(0,0,0,0.74);
	-moz-box-shadow: 0px -34px 154px 0px rgba(0,0,0,0.74);
	box-shadow: 0px -34px 154px 0px rgba(0,0,0,0.74);
}
.wrapper_3 {
	background-image: none;
	background-repeat: no-repeat;
	background-position: -200px -600px;
	margin-top: 10px;
	position: relative;
	width: 100%;
	min-height: 700px;
	max-height: none;
	height: auto;
	overflow: hidden;
	padding: 2em 2em 2em 2em;
	-webkit-box-shadow: 0px -34px 154px 0px rgba(0,0,0,0.74);
	-moz-box-shadow: 0px -34px 154px 0px rgba(0,0,0,0.74);
	box-shadow: 0px -34px 154px 0px rgba(0,0,0,0.74);
	


	
	
}
.wrapper_3 h2, .wrapper_3 h3, .wrapper_3 h4, .wrapper_3 h5, .wrapper_3 h6 {
	color: #fff;
	margin: 0em 0 1em 0;
	}
.wrapper_3 h2.section, .wrapper_3 h3.section, .wrapper_3 h4.section, .wrapper_3 h5.section {
	margin-top: 30px;
}
.slideshow_caption {
	font-weight: 200;
}
#main .title {
	font-size: 24px;
}
#main .role {
	font-size: 18px;
	font-style: italic;
	font-weight: 400;
}
#main .wrapper_3 .crew {
	padding-top: 30px;
}
#main .top {
	margin-top: 30px;
	}

img.gallery1, img.gallery2 {
-moz-opacity: 0.80;
-khtml-opacity: 0.80;
opacity: 0.80;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=80);
}
img.gallery1:hover, img.gallery2:hover {
-moz-opacity: 1.00;
-khtml-opacity: 1.00;
opacity: 1.0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha"(Opacity=100);
}
img.gallery1 {
	margin-top: 20px;
	}
img.gallery2 {
	display: none;	
}
.tt_lockup {
    visibility: hidden;
	position: absolute;
	top: 30px;
	left: 20px;
	width: 280px;
	height: 107px;
	-webkit-animation-name: gaonas_up;
	-moz-animation-name: gaonas_up;
	-o-animation-name: gaonas_up;
	animation-name: gaonas_up;

	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;

	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;

	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-o-animation-delay: 6s;
	animation-delay: 6s;

	-webkit-animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);

	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in;

	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;

	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	
	z-index: 7000;
}

.the {
	width: 100px;
	height: 54px;
	background-image: url(../images/the.png);
	left: 245px;
	top: 140px;
	position: absolute;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: contain;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;

	-webkit-animation-name: fade_in_fantastic, title_up;
	-moz-animation-name: fade_in_fantastic, title_up;
	-o-animation-name: fade_in_fantastic, title_up;
	animation-name: fade_in_fantastic, title_up;
	
	-webkit-animation-duration: 3s, 3s;
	-moz-animation-duration: 3s, 3s;
	-o-animation-duration: 3s, 3s;
	animation-duration: 3s, 3s;

	-webkit-animation-delay: 2.5s, 2.5s;
	-moz-animation-delay: 2.5s, 2.5s;
	-o-animation-delay: 2.5s, 2.5s;
	animation-delay: 2.5s, 2.5s;

	-webkit-animation-timing-function: ease-in-out, ease-in-out;
	-moz-animation-timing-function: ease-in-out, ease-in-out;
	-o-animation-timing-function: ease-in-out, ease-in-out;
	animation-timing-function: ease-in-out, ease-in-out;

	-webkit-animation-iteration-count: 1, 1;
	-moz-animation-iteration-count: 1, 1;
	-o-animation-iteration-count: 1, 1;
	animation-iteration-count: 1, 1;

	-webkit-animation-direction: alternate, alternate;
	-moz-animation-direction: alternate, alternate;
	-o-animation-direction: alternate, alternate;
	animation-direction: alternate, alternate;

	-webkit-animation-fill-mode: both, forwards;
	-moz-animation-fill-mode: both, forwards;
	-o-animation-fill-mode: both, forwards;
	animation-fill-mode: both, forwards;
}
.flight {
	width: 350px;
	height: 144px;
	position: absolute;
	background-image: url(../images/flight.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: contain;
	background-position: center;
	left: 290px;
	top: 195px;
	-webkit-transform-origin: center, center;
	-moz-transform-origin: center, center;
	-o-transform-origin: center, center;
	transform-origin: center, center;

	-webkit-animation-name: fade_in_flight;
	-moz-animation-name: fade_in_flight;
	-o-animation-name: fade_in_flight;
	animation-name: fade_in_flight;

	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;

	-webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	-o-animation-delay: 3.5s;
	animation-delay: 3.5s;

	-webkit-animation-timing-function: ease-out;
	-moz-animation-timing-function: ease-out;
	-o-animation-timing-function: ease-out;
	animation-timing-function: ease-out;

	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;

	-webkit-animation-direction: alternate;
	-moz-animation-direction: alternate;
	-o-animation-direction: alternate;
	animation-direction: alternate;

	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.fantastic {
	width: 350px;
	height: 100px;
	background-image: url(../images/fantastic.png);
	left: 605px;
	top: 265px;
	position: absolute;
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: contain;
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;

	-webkit-animation-name: fade_in_fantastic, title_up;
	-moz-animation-name: fade_in_fantastic, title_up;
	-o-animation-name: fade_in_fantastic, title_up;
	animation-name: fade_in_fantastic, title_up;

	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;

	-webkit-animation-delay: 3.5s;
	-moz-animation-delay: 3.5s;
	-o-animation-delay: 3.5s;
	animation-delay: 3.5s;

	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;

	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;

	-webkit-animation-direction: alternate;
	-moz-animation-direction: alternate;
	-o-animation-direction: alternate;
	animation-direction: alternate;

	-webkit-animation-fill-mode: both, forwards;
	-moz-animation-fill-mode: both, forwards;
	-o-animation-fill-mode: both, forwards;
	animation-fill-mode: both, forwards;
}
.tagline {
	width: 718px;
	height: 38px;
	position: absolute;
	background-image: url(../images/tagline.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: contain;
	background-position: center;
	left: 240px;
	top: 290px;
	-webkit-animation-name: tagline_up;
	-moz-animation-name: tagline_up;
	-o-animation-name: tagline_up;
	animation-name: tagline_up;

	-webkit-animation-duration: 1.25s;
	-moz-animation-duration: 1.25s;
	-o-animation-duration: 1.25s;
	animation-duration: 1.25s;

	-webkit-animation-delay: 5.0s;
	-moz-animation-delay: 5.0s;
	-o-animation-delay: 5.0s;
	animation-delay: 5.0s;

	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in;

	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;

	-webkit-animation-direction: normal;
	-moz-animation-direction: normal;
	-o-animation-direction: normal;
	animation-direction: normal;

	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;

	z-index: 10000;
}
.gaonas {
	position: absolute;
	bottom: 0px;
	-webkit-animation-name: gaonas_up;
	-moz-animation-name: gaonas_up;
	-o-animation-name: gaonas_up;
	animation-name: gaonas_up;

	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;

	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;

	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	-o-animation-delay: 6s;
	animation-delay: 6s;

	-webkit-animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-moz-animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	-o-animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);
	animation-timing-function: cubic-bezier(0.680, -0.550, 0.265, 1.550);

	-webkit-animation-timing-function: ease-in;
	-moz-animation-timing-function: ease-in;
	-o-animation-timing-function: ease-in;
	animation-timing-function: ease-in;

	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;

	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	
	z-index: 9999;
}
.left_trapeze {
	width: 300px;
	height: 175px;
	position: absolute;
	background-image: url(../images/left_trapeze.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: contain;
	left: 0%;
	top: 500px;
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-o-transform-origin: top left;
	transform-origin: top left;

	-webkit-animation-name: swing_left;
	-moz-animation-name: swing_left;
	-o-animation-name: swing_left;
	animation-name: swing_left;

	-webkit-animation-duration: 1.75s;
	-moz-animation-duration: 1.75s;
	-o-animation-duration: 1.75s;
	animation-duration: 1.75s;

	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;

	-webkit-animation-iteration-count: 2;
	-moz-animation-iteration-count: 2;
	-o-animation-iteration-count: 2;
	animation-iteration-count: 2;

	-webkit-animation-direction: alternate;
	-moz-animation-direction: alternate;
	-o-animation-direction: alternate;
	animation-direction: alternate;

	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.left_flyer {
	width: 350px;
	height: 205px;
	position: absolute;
	background-image: url(../images/left_flyer.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: contain;
	left: 220px;
	top: 470px;
	-webkit-animation-name: fall_left;
	-moz-animation-name: fall_left;
	-o-animation-name: fall_left;
	animation-name: fall_left;

	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	-o-animation-duration: 2s;
	animation-duration: 2s;

	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;

	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;

	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;

	-webkit-animation-direction: forwards;
	-moz-animation-direction: forwards;
	-o-animation-direction: forwards;
	animation-direction: forwards;

	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.middle_flyer {
	width: 265px;
	height: 225px;
	position: absolute;
	background-image: url(../images/middle_flyer.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: contain;
	left: 420px;
	top: 20px;
	
	-webkit-transform-style: preserve-3d;

	
	-webkit-transform-origin: center;
	-moz-transform-origin: center;
	-o-transform-origin: center;
	transform-origin: center;

	-webkit-animation-name: rotate_middle;
	-moz-animation-name: rotate_middle;
	-o-animation-name: rotate_middle;
	animation-name: rotate_middle;

	-webkit-animation-duration: 3s;
	-moz-animation-duration: 3s;
	-o-animation-duration: 3s;
	animation-duration: 3s;

	-webkit-animation-delay: 1s;
	-moz-animation-delay: 1s;
	-o-animation-delay: 1s;
	animation-delay: 1s;

	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-o-animation-timing-function: linear;
	animation-timing-function: linear;

	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;

	-webkit-animation-direction: none;
	-moz-animation-direction: none;
	-webkit-animation-direction: none;
	animation-direction: none;

	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
.right_flyer {
	width: 450px;
	height: 248px;
	position: absolute;
	background-image: url(../images/right_flyer.png);
	background-repeat: no-repeat;
	background-color: transparent;
	background-size: contain;
	right: 0px;
	top: 90px;
	-webkit-transform-origin: top right;
	-moz-transform-origin: top right;
	-o-transform-origin: top right;
	transform-origin: top right;

	-webkit-animation-name: swing_right;
	-moz-animation-name: swing_right;
	-o-animation-name: swing_right;
	animation-name: swing_right;

	-webkit-animation-duration: 1.75s;
	-moz-animation-duration: 1.75s;
	-o-animation-duration: 1.75s;
	animation-duration: 1.75s;

	-webkit-animation-timing-function: ease-in-out;
	-moz-animation-timing-function: ease-in-out;
	-o-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;

	-webkit-animation-iteration-count: 2;
	-moz-animation-iteration-count: 2;
	-o-animation-iteration-count: 2;
	animation-iteration-count: 2;

	-webkit-animation-direction: alternate;
	-moz-animation-direction: alternate;
	-o-animation-direction: alternate;
	animation-direction: alternate;

	-webkit-animation-fill-mode: forwards;
	-moz-animation-fill-mode: forwards;
	-o-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.logo {
	-webkit-perspective: 1000px;
}
.hinge {
	margin-top: 5px;
	width: 200px;
	height: 44px;
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-ms-transform-origin: top left;
	-o-transform-origin: top left;
	transform-origin: top left;
	overflow: hidden;

	-webkit-animation-name: hinge;
	-moz-animation-name: hinge;
	-o-animation-name: hinge;
	animation-name: hinge;

	-webkit-animation-duration: .5s;
	-moz-animation-duration: .5s;
	-o-animation-duration: .5s;
	animation-duration: .5s;

	-webkit-animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-moz-animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	-o-animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);

	-webkit-animation-delay: 7.5s;
	-moz-animation-delay: 7.5s;
	-o-animation-delay: 7.5s;
	animation-delay: 7.5s;

	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-o-animation-iteration-count: 1;
	animation-iteration-count: 1;

	-webkit-animation-direction: normal;
	-moz-animation-direction: normal;
	-o-animation-direction: normal;
	animation-direction: normal;

	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
}
/*animation: name duration timing-function delay iteration-count direction fill-mode play-state;*/





		#header nav {
			height: inherit;
			line-height: inherit;
			position: absolute;
			left: 480px;
			top: 0;
			width: auto;
			height: 60px;
			overflow: hidden;
			vertical-align: middle;
		}

				#header nav > ul {
					list-style: none;
					margin: 0;
					padding-left: 0;
					clear: both;
					-webkit-animation: bounce-in 1s linear 8s 1 normal backwards;
					-moz-animation: bounce-in 1s linear 8s 1 normal backwards;
					-o-animation: bounce-in 1s linear 8s 1 normal backwards;
					animation: bounce-in 1s linear 8s 1 normal backwards;

			}

				#header nav > ul > li {
					border-radius: 4px;
					display: inline-block;
					margin-left: .5em;
					padding-left: 0;
					font-family: "azo-sans-web",sans-serif;
					font-style: normal;
					font-weight: 400;
				}

					#header nav > ul > li a {
						-moz-transition: color 0.2s ease-in-out;
						-webkit-transition: color 0.2s ease-in-out;
						-o-transition: color 0.2s ease-in-out;
						-ms-transition: color 0.2s ease-in-out;
						transition: color 0.2s ease-in-out;
						color: #F5C34C;
						display: inline-block;
						text-decoration: none;
					}

						#header nav > ul > li a:hover {
							color: #fff;
						}
						
						#header nav > ul > li.active a {
							color: #fff;
						}

					#header nav > ul > li:first-child {
						margin-left: 0;
					}

					#header nav > ul > li .button {
						height: 2.25em;
						line-height: 2.25em;
						margin-bottom: 0;
						padding: 0 1em;
						position: relative;
						top: -0.075em;
						vertical-align: middle;
					}

		#header .container {
			position: relative;
		}

			#header .container h1 {
				left: 0;
			}

			#header .container nav {
				right: 0;
			}






/* Keyframes */


 @-webkit-keyframes gaonas_up {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
 @-moz-keyframes gaonas_up {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
 @-o-keyframes gaonas_up {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
 @-keyframes gaonas_up {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}


 @-webkit-keyframes swing_right {
 0% {
 -webkit-transform: rotate(-90deg);
}
 96% {
 -webkit-transform: rotate(0deg);
}
 100% {
 -webkit-transform: rotate(0deg);
}
}
@-moz-keyframes swing_right {
 0% {
 -moz-transform: rotate(-90deg);
}
 96% {
 -moz-transform: rotate(0deg);
}
 100% {
 -moz-transform: rotate(0deg);
}
}
@-o-keyframes swing_right {
 0% {
 -o-transform: rotate(-90deg);
}
 96% {
 -o-transform: rotate(0deg);
}
 100% {
 -o-transform: rotate(0deg);
}
}
@-keyframes swing_right {
 0% {
 -transform: rotate(-90deg);
}
 96% {
 -transform: rotate(0deg);
}
 100% {
 -transform: rotate(0deg);
}
}


@-webkit-keyframes rotate_middle {
 0% {
 -webkit-transform: rotate(0deg);
 opacity: 0;
}
 50% {
 -webkit-transform: rotate(180deg);
 opacity: 1;
}
 100% {
 -webkit-transform: rotate(360deg);
 opacity: 0;
}
}
@-moz-keyframes rotate_middle {
 0% {
 -moz-transform: rotate(0deg);
 opacity: 0;
}
 50% {
 -moz-transform: rotate(180deg);
 opacity: 1;
}
 100% {
 -moz-transform: rotate(360deg);
 opacity: 0;
}
}
@-o-keyframes rotate_middle {
 0% {
 -o-transform: rotate(0deg);
 opacity: 0;
}
 50% {
 -o-transform: rotate(180deg);
 opacity: 1;
}
 100% {
 -o-transform: rotate(360deg);
 opacity: 0;
}
}
@-keyframes rotate_middle {
 0% {
 transform: rotate(0deg);
 opacity: 0;
}
 50% {
 transform: rotate(180deg);
 opacity: 1;
}
 100% {
 transform: rotate(360deg);
 opacity: 0;
}
}

@-webkit-keyframes swing_left {
 0% {
-webkit-transform: rotate(90deg);
}
 96% {
-webkit-transform: rotate(0deg);
}
 100% {
-webkit-transform: rotate(0deg);
}
}
@-moz-keyframes swing_left {
 0% {
-moz-transform: rotate(90deg);
}
 96% {
-moz-transform: rotate(0deg);
}
 100% {
-moz-transform: rotate(0deg);
}
}
@-o-keyframes swing_left {
 0% {
-o-transform: rotate(90deg);
}
 96% {
-o-transform: rotate(0deg);
}
 100% {
-o-transform: rotate(0deg);
}
}
@-keyframes swing_left {
 0% {
transform: rotate(90deg);
}
 96% {
transform: rotate(0deg);
}
 100% {
transform: rotate(0deg);
}
}


@-webkit-keyframes fall_left {
 0% {
 -webkit-transform: translateX(0px) translateY(0px);
 opacity: 0;
}
 50% {
 -webkit-transform: translateX(-75px) translateY(75px);
 opacity: 1;
}
 100% {
 -webkit-transform: translateX(-150px) translateY(150px);
 opacity: 0;
}
}
@-moz-keyframes fall_left {
 0% {
 -moz-transform: translateX(0px) translateY(0px);
 opacity: 0;
}
 50% {
 -moz-transform: translateX(-75px) translateY(75px);
 opacity: 1;
}
 100% {
 -moz-transform: translateX(-150px) translateY(150px);
 opacity: 0;
}
}
@-o-keyframes fall_left {
 0% {
 -o-transform: translateX(0px) translateY(0px);
 opacity: 0;
}
 50% {
 -o-transform: translateX(-75px) translateY(75px);
 opacity: 1;
}
 100% {
 -o-transform: translateX(-150px) translateY(150px);
 opacity: 0;
}
}
@-keyframes fall_left {
 0% {
 -transform: translateX(0px) translateY(0px);
 opacity: 0;
}
 50% {
 -transform: translateX(-75px) translateY(75px);
 opacity: 1;
}
 100% {
 -transform: translateX(-150px) translateY(150px);
 opacity: 0;
}
}

@-webkit-keyframes fade_in_the {
 0% {
 -webkit-transform: rotate(10deg) scale(0) translateY(0px);
 opacity: 0;
}
 100% {
 -webkit-transform: rotate(0deg) scale(1) translateY(-100px);
 opacity: 1;
}
}
@-moz-keyframes fade_in_the {
 0% {
 -moz-transform: rotate(10deg) scale(0) translateY(0px);
 opacity: 0;
}
 100% {
 -moz-transform: rotate(0deg) scale(1) translateY(-100px);
 opacity: 1;
}
}
@-o-keyframes fade_in_the {
 0% {
 -o-transform: rotate(10deg) scale(0) translateY(0px);
 opacity: 0;
}
 100% {
 -o-transform: rotate(0deg) scale(1) translateY(-100px);
 opacity: 1;
}
}
@-keyframes fade_in_the {
 0% {
 transform: rotate(10deg) scale(0) translateY(0px);
 opacity: 0;
}
 100% {
 transform: rotate(0deg) scale(1) translateY(-100px);
 opacity: 1;
}
}


@-webkit-keyframes fade_in_flight {
 0% {
 -webkit-transform: rotate(-30deg) scale(0) translateY(0px);
 opacity: 0;
}
 100% {
 -webkit-transform: rotate(0deg) scale(1) translateY(-100px);
 opacity: 1;
}
}
@-moz-keyframes fade_in_flight {
 0% {
 -moz-transform: rotate(-30deg) scale(0) translateY(0px);
 opacity: 0;
}
 100% {
 -moz-transform: rotate(0deg) scale(1) translateY(-100px);
 opacity: 1;
}
}
@-o-keyframes fade_in_flight {
 0% {
 -o-transform: rotate(-30deg) scale(0) translateY(0px);
 opacity: 0;
}
 100% {
 -o-transform: rotate(0deg) scale(1) translateY(-100px);
 opacity: 1;
}
}
@-keyframes fade_in_flight {
 0% {
 transform: rotate(-30deg) scale(0) translateY(0px);
 opacity: 0;
}
 100% {
 transform: rotate(0deg) scale(1) translateY(-100px);
 opacity: 1;
}
}

@-webkit-keyframes fade_in_fantastic {
 0% {
 -webkit-transform: rotate(-50deg) scale(0) translateY(0px);
 opacity: 0;
}
 100% {
 -webkit-transform: rotate(0deg) scale(1) translateY(-100px);
 opacity: 1;
}
}
@-moz-keyframes fade_in_fantastic {
 0% {
 -moz-transform: rotate(-50deg) scale(0) translateY(0px);
 opacity: 0;
}
 100% {
 -moz-transform: rotate(0deg) scale(1) translateY(-100px);
 opacity: 1;
}
}
@-o-keyframes fade_in_fantastic {
 0% {
 -o-transform: rotate(-50deg) scale(0) translateY(0px);
 opacity: 0;
}
 100% {
 -o-transform: rotate(0deg) scale(1) translateY(-100px);
 opacity: 1;
}
}
@-keyframes fade_in_fantastic {
 0% {
 transform: rotate(-50deg) scale(0) translateY(0px);
 opacity: 0;
}
 100% {
 transform: rotate(0deg) scale(1) translateY(-100px);
 opacity: 1;
}
}

@-webkit-keyframes title_up {
 0% {
 -webkit-transform: translateY(0px);
 opacity: 1;
}
 100% {
 -webkit-transform: translateY(-100px);
 opacity: 1;
}
}
@-moz-keyframes title_up {
 0% {
 -moz-transform: translateY(0px);
 opacity: 1;
}
 100% {
 -moz-transform: translateY(-100px);
 opacity: 1;
}
}
@-o-keyframes title_up {
 0% {
 -o-transform: translateY(0px);
 opacity: 1;
}
 100% {
 -o-transform: translateY(-100px);
 opacity: 1;
}
}
@-keyframes title_up {
 0% {
 transform: translateY(0px);
 opacity: 1;
}
 100% {
 transform: translateY(-100px);
 opacity: 1;
}
}

@-webkit-keyframes tagline_up {
 from {
 -webkit-transform: scale(0);
}
 to {
 -webkit-transform: scale(1);
}
}
@-moz-keyframes tagline_up {
 from {
 -moz-transform: scale(0);
}
 to {
 -moz-transform: scale(1);
}
}
@-o-keyframes tagline_up {
 from {
 -o-transform: scale(0);
}
 to {
 -o-transform: scale(1);
}
}
@-keyframes tagline_up {
 from {
 transform: scale(0);
}
 to {
 transform: scale(1);
}
}

@-webkit-keyframes background_fade_in {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
@-moz-keyframes background_fade_in {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
@-o-keyframes background_fade_in {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
@-keyframes background_fade_in {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}

/*--------------BOUNCE IN-----------------*/


@-webkit-keyframes bounce-in {
 0% {
 -webkit-transform:translateY(-200px);
 opacity:0;
}
 90% {
-webkit-transform:translateY(8px);
 opacity:1;
}
 100% {
-webkit-transform:translateY(0px);
}
}
 @-moz-keyframes bounce-in {
 0% {
 -moz-transform:translateY(-200px);
 opacity:0;
}
 90% {
-moz-transform:translateY(8px);
 opacity:1;
}
 100% {
-moz-transform:translateY(0px);
}
}
@-o-keyframes bounce-in {
 0% {
 -o-transform:translateY(-200px);
 opacity:0;
}
 90% {
-o-transform:translateY(8px);
 opacity:1;
}
 100% {
-o-transform:translateY(0px);
}
}
@-keyframes bounce-in {
 0% {
 transform:translateY(-200px);
 opacity:0;
}
 90% {
transform:translateY(8px);
 opacity:1;
}
 100% {
transform:translateY(0px);
}
}


/*--------------HINGE-----------------*/



@-webkit-keyframes hinge {
 from {
-webkit-transform: rotateY(130deg);
opacity: 0
}
 to {
-webkit-transform: rotateY(0deg);
opacity: 1
}
}
@-moz-keyframes hinge {
 from {
-moz-transform: rotateY(130deg);
opacity: 0
}
 to {
-moz-transform: rotateY(0deg);
opacity: 1
}
}
@-o-keyframes hinge {
 from {
-o-transform: rotateY(130deg);
opacity: 0
}
 to {
-o-transform: rotateY(0deg);
opacity: 1
}
}
@-keyframes hinge {
 from {
transform: rotateY(130deg);
opacity: 0
}
 to {
transform: rotateY(0deg);
opacity: 1
}
}
/*--------------QUOTE ANIMATION-----------------*/

.quotes {
	position: absolute;
	top: 390px;
	left: 270px;
	height: auto;
	overflow: visible;
}
.quotes li {
	text-align: center;
	vertical-align: middle;
	font-size: 16px;
	font-weight: 200;
	color: #fff;
	font-family: "azo-sans-web", sans-serif;
	font-family: "alverata-pe", serif;	
}
.quote_body {
	font-weight: 300;
}
.quote_body::before {
	content: "“";
}
.quote_body::after {
	content: "”";
}
.quote_attribution {
	font-weight: 700;
	font-size: 12px;
	text-transform: uppercase;
	margin-left: 30%;
}


.festival {
	font-size: 140%;	
	font-weight: bold;
}
.festival_selection {
	font-size: 95%;
	margin-top: 30px;
}
.festival_date {
	font-size: 120%;	
	margin-top: 10px;
}
.festival_location {
	font-style: italic;
	font-size: 100%;
	margin-top: 3px;
	}
.screening {
	font-size: 85%;
	font-weight: 200;
}
.place {
	font-style: italic;
	font-weight: 200;
	}





.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}



/*--------------MEDIA QUERIES-----------------*/






/*xsmall*/
@media only screen and (max-width: 479px) {
.the, .flight, .fantastic, .tagline, .left_flyer, .left_trapeze, .middle_flyer, .right_flyer {
	display:none;
}
.tt_lockup {
    visibility: visible;
}
.wrapper {
	min-height: 480px;
	max-height: 480px;
}
ul.quotes {
	top: 200px;
	left: -60px;
}
.quotes li, .quote_attribution {
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	line-height: 14px;
}
.gaonas, .tt_lockup {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}
}
/*small*/
@media only screen and (min-width: 480px) and (max-width: 736px) {
.the, .flight, .fantastic, .tagline, .left_flyer, .left_trapeze, .middle_flyer, .right_flyer {
	display:none;
}
.tt_lockup {
    visibility: visible;
	width: 310px;
	height: 118px;
	left: 45px;
}
.wrapper {
	min-height: 480px;
	max-height: 480px;
}
ul.quotes {
	top: 200px;
	left: -60px;
}
.quotes li, .quote_attribution {
visibility: hidden;
}
.gaonas, .tt_lockup {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	-o-animation-delay: 0s;
	animation-delay: 0s;
}
}



/*medium*/
@media only screen and (min-width: 737px) and (max-width: 980px) {
.the {
	width: 75px;
	height: 41px;
	left: 119px;
	top: 140px;
}
.flight {
	width: 250px;
	height: 121px;
	left: 175px;
	top: 175px;
}
.fantastic {
	width: 275px;
	height: 80px;
	left: 425px;
	top: 236px;
}
.tagline {
	width: 583px;
	height: 31px;
	left: 115px;
	top: 230px;
}
.wrapper {
	min-height: 960px;
	max-height: 960px;
}
.left_flyer {
	top: 270px;
	width: 250px;
	height: 146px;
}
.left_trapeze {
	top: 300px;
	width: 225px;
	height: 225px;
}
.middle_flyer {
	left: 250px;
	width: 196px;
	height: 166px;
	}
.right_flyer {
	width: 337px;
	height: 186px;	
}
#header nav {
	width: 800px;
	left: 290px;
	top: 3px;
}
#header nav > ul > li {
}
.quotes {
	top: 305px;
	left: 190px;
}
.quotes li {
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
}



}

/*ipad*/
@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
.the {
	width: 75px;
	height: 41px;
	left: 34px;
	top: 120px;
}
.flight {
	width: 250px;
	height: 121px;
	left: 90px;
	top: 155px;
}
.fantastic {
	width: 275px;
	height: 80px;
	left: 340px;
	top: 216px;
}
.tagline {
	width: 583px;
	height: 31px;
	left: 30px;
	top: 210px;
}
.wrapper {
	margin-top: 10px;
	min-height: 880px;
	max-height: 880px;
}
.left_flyer {
	top: 270px;
	width: 250px;
	height: 146px;
}
.left_trapeze {
	top: 300px;
	width: 225px;
	height: 225px;
}
.middle_flyer {
	left: 100px;
	width: 196px;
	height: 166px;
	}
.right_flyer {
	width: 337px;
	height: 186px;	
}

#header nav {
	left: 455px;
	top: 3px;
	width: 800px;
}
#header nav > ul > li {
	margin-left: 7px;
	font-size: 16px;
}


.quotes {
	top: 305px;
	left: 120px;
}
.quotes li {
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
}
}


/*large*/
@media only screen and (min-width: 981px) and (max-width: 1280px) {
.the {
	width: 100px;
	height: 54px;
	left: 134px;
	top: 140px;
}
.flight {
	width: 310px;
	height: 149px;
	left: 215px;
	top: 195px;
}
.fantastic {
	width: 340px;
	height: 98px;
	left: 529px;
	top: 256px;
}
.tagline {
	width: 700px;
	height: 37px;
	left: 155px;
	top: 270px;
}
.wrapper {
	min-height: 960px;
	max-height: 960px;
}
.left_flyer {
	top: 270px;
}
.left_trapeze {
	top: 300px;
}
.middle_flyer {
	left: 150px;
}
#header nav {
	top: 25px;
	left: 300px;
}
#logo {
}
#header nav ul {
	width: 800px;
}

#header nav > ul > li {
	font-size: 80%;
	}
.quotes {
	top: 355px;
	left: 170px;
}
.quotes li {
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
}
}


/*xlarge*/
@media only screen and (min-width: 1281px) and (max-width: 1680px) {
.the {
	width: 100px;
	height: 54px;
	left: 134px;
	top: 140px;
}
.flight {
	width: 310px;
	height: 149px;
	left: 215px;
	top: 195px;
}
.fantastic {
	width: 340px;
	height: 98px;
	left: 529px;
	top: 256px;
}
.tagline {
	width: 700px;
	height: 37px;
	left: 155px;
	top: 300px;
}

.wrapper {
	min-height: 1050px;
	max-height: 1050px;
}
.middle_flyer {
	left: 350px;
}
#header nav {
	left: 350px;
}

#header nav ul {
	width: 800px;
}
#header nav > ul > li {
	font-size: 90%;
}
.quotes {
	top: 420px;
	left: 210px;
}


}