.description_box ::-webkit-scrollbar,.photos_grid_container::-webkit-scrollbar{
    width: 12px;
}
 
.description_box ::-webkit-scrollbar-track,.photos_grid_container::-webkit-scrollbar {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 0;
    width: 12px;
}


/* -w------------------------------------------START TEMPLATE STYLES -----------------------------*/
html.no-history .preloader{
	top:40px;
	bottom: 100px;
	
	
}
  
html.no-history body.index{
	
	display: inherit;
}
#preloader_wrapper,.preloader{
	
	
}
html{
		-webkit-font-smoothing: antialiased;
	
}
/* START NORMALIZE.CSS */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary { display:block; }  audio,canvas,video { display:inline; zoom:1; }  audio:not([controls]) { display:none; height:0; }  [hidden] { display:none; }  html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }  html,button,input,select,textarea { font-family:sans-serif; }  a:focus { outline:thin dotted; }  a:active,a:hover ,a{ outline:0; }  h1 { font-size:2em; margin:.67em 0; }  h2 { font-size:1.5em; margin:.83em 0; }  h3 { font-size:1.17em; margin:1em 0; }  h4 { font-size:1em; margin:1.33em 0; }  h5 { font-size:.83em; margin:1.67em 0; }  h6 { font-size:.67em; margin:2.33em 0; }  abbr[title] { border-bottom:1px dotted; }  b,strong { font-weight:700; }  blockquote { margin:1em 40px; }  dfn { font-style:italic; }  hr { -moz-box-sizing:content-box; box-sizing:content-box; height:0; }  mark { background:#ff0; color:#000; }  code,kbd,pre,samp { font-family:monospace, serif; _font-family:'courier new', monospace; font-size:1em; }  pre { white-space:pre-wrap; word-wrap:break-word; }  q { quotes:none; }  q:before,q:after { content:none; }  small { font-size:80%; }  sub,sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }  sup { top:-.5em; }  sub { bottom:-.25em; }  dd { margin:0 0 0 40px; }  menu,ol,ul { padding:0 0 0 40px; }  nav ul,nav ol { list-style:none; list-style-image:none; }  img { border:0; -ms-interpolation-mode:bicubic; }  svg:not(:root) { overflow:hidden; }  fieldset { border:1px solid silver; margin:0 2px; padding:.35em .625em .75em; }  legend { border:0; white-space:normal; margin-left:-7px; padding:0; }  button,input,select,textarea { font-size:100%; vertical-align:middle; margin:0; }  button,input { line-height:normal; }  button,select { text-transform:none; }  button,html input[type=button],/* 1 */ input[type=reset],input[type=submit] { -webkit-appearance:button; cursor:pointer; overflow:visible; }  button[disabled],html input[disabled] { cursor:default; }  input[type=checkbox],input[type=radio] { box-sizing:border-box; height:13px; width:13px; padding:0; }  input[type=search] { -webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }  input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration { -webkit-appearance:none; }  button::-moz-focus-inner,input::-moz-focus-inner { border:0; padding:0; }  textarea { overflow:auto; vertical-align:top; }  table { border-collapse:collapse; border-spacing:0; }  body,figure,form { margin:0; }  p,pre,dl,menu,ol,ul { margin:1em 0; }

/* END NORMALIZE.CSS */

h1{
	margin: 0;
}
a,a.active,a:hover,a:visited{
	color: #aaa;
	text-decoration: none;
}
ul,li{
	
	list-style: none;
}
ul{
	margin: 0;
	padding: 0;
	
}

img{
padding: 0;
margin: 0; 
}

.spinner{
	position: absolute;
	z-index: 1;
	left:50%;
	top:50%;
	margin-top: -15px;
	margin-left: -15px;
	display:none;
}


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* ------------------------------------------     END TEMPLATE STYLES ----------*/

/* ------------------------------------------     PREPARE FOR PRELOAD ----------*/

.preload_background {
	display: none;
}
	
	.mask .preload_background,section.preload_background,.mask.preload_background{
		display: block;
		
	}
h1 img{
	margin: auto;
	display: block;	
}
.show_on_init.preload_background {
	display:block;
}

body.loading .spinner {
	display:block;
}

/* ------------------------------------------   END PREPARE FOR PRELOAD ----------*/



/* ------------------------------------------START GLOBAL STYLES -----------------------------*/

html,body{

	overflow: hidden;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	font-family: 'Lusitana', serif;
	font-weight: 100;
	background-color: #00061f;
	min-width: 700px;
	font-size: 12px;	
	-webkit-overflow-scrolling: touch;
/* 	-webkit-transform: translateZ(0); */
	
}


	body.giant{
		font-size: 13px;
		
	}

	p{
		/*
		font-family:'Junge', serif; 
		*/
	}
	header{

		background:url(../images/ui/nav_background.jpg) repeat-x;
		background-size: auto 100%;
		height:auto;
		width: 104%;
		position: relative;
		z-index: 1001;
		display: block;
		top:0;
		left:-2%;

		
	}
		header #sound_icon {
			position: absolute;
			right:3%;
			top:30%;
			cursor:pointer;
		}
		header .unmuted#sound_icon img.muted,
		header .muted#sound_icon  img.unmuted {
			display:none;
		}
		header .muted#sound_icon    img.muted,
		header .unmuted#sound_icon  img.unmuted{
			display:block;
		}

		#bottom_ridge{
			background: url(../images/ui/nav_bottom_ridge.png) repeat-x;
			position: absolute;
			bottom:-8px;
			height: 14px;
			width: 100%;
			z-index: 5;
			
		}		
				
		#main_nav{
			width: auto;
			max-width: 1600px;
			margin: auto;
			text-align: center;
			height: 100%;
			line-height: 2em;
			vertical-align: middle;
		}
		#main_nav  ul.navigation_list{
			text-align: center;
			height: auto;
			vertical-align: middle;
			margin: 0 auto;
			position: relative;	
			font-size: 1.2em;
		}
			#main_nav ul.navigation_list  li.main_nav_list_el{
				
				display: block;
				float:left;
				cursor: pointer;
				font-weight: 600;
				padding:.35em .75em;
				margin: 0;
				text-shadow: 1px 1px 2px rgba(251,256,0,.8);
				
				position: relative;
				text-align: center;				
				text-transform: uppercase;
				
				-webkit-perspective:1000;
					-webkit-backface-visibility:hidden;
					-webkit-transform-style: preserve-3d;
				
				
			}
				.active_marker{
					display: none;
					width: 100%;
					height: 100%;
					position: absolute;
					z-index: -1;
					bottom:0;
					left:0;
					opacity: 0;
					
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
					transition		: opacity .5s;
					-webkit-transition: opacity .5s;
					-moz-transition:	opacity .5s;
					-o-transition:		opacity .5s;
				}
					
					.active .active_marker{
						-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
						opacity: 1;	
						display: block !important;
						
					}
				header .flank{
					position: absolute;
					left: 0;
					bottom:-3px;
					transition		: opacity .3s;
					-webkit-transition: opacity .3s;
					-moz-transition:	opacity .3s;
					-o-transition:		opacity .3s;
					
				 }
				 	header .active .flank{
					 /* 	display: none !important; */
					 	
				 	}
				 	.hide_right_flank .flank.right{
					 	opacity: 0;
					 	
				 	}
				 	header .flank.right{
					 	left: auto;
					 	right:0;
				 	}
				 #main_nav ul.navigation_list  .main_nav_list_el a{
					text-decoration: none;					 
					color: #2a1704;	
					position: relative;
					z-index: 10;
					margin: .6em 0;
					-webkit-perspective:1000;
					-webkit-backface-visibility:hidden;
					-webkit-transform-style: preserve-3d;
						
				 }
					#main_nav ul.navigation_list  .main_nav_list_el.active{
					
					
					}
					#main_nav ul.navigation_list  .main_nav_list_el:hover a,#main_nav ul.navigation_list  .main_nav_list_el.active a{
						/* text-shadow: 1px 1px 4px rgba(251,256,0,.9); */
											
					}
					
		#get_tickets_dropdown{
			position: absolute;
			top:100%;
			right:0;
			 top:0;
		 left:0;
		 width: auto;
		 height: auto;
		opacity: 0;
			display: none;
			z-index: 100;
		}			
			ul#get_tickets_list{
				 background-color: rgb(0,15,23);
				 background-color:rgba(0,15,23,.85);
				 border-radius: 0 0 3px 3px;
				position: relative;
				padding-right: 22px;
				box-shadow: 0 -3px 30px rgba(0,0,0,.8);
			}
				ul#get_tickets_list li{
					display: inline-block;
				
				}
				ul#get_tickets_list .close_x{
					position: absolute;
			
					display: block;
					left:auto;
					right:0;
					background: transparent;
					font-size: 70%;	
					top:1em;
					
				}
					
				.get_tickets_item{
					
					
				}
					.get_tickets_item{
					-webkit-perspective:1000;
					-webkit-backface-visibility:hidden;
					-webkit-transform-style: preserve-3d;
				
						transition		: opacity .5s;
						-webkit-transition: opacity .5s;
						-moz-transition:	opacity .5s;
						-o-transition:		opacity .5s;
						
						margin: .9em .3em .3em .3em;
						cursor: pointer;
					}
							.get_tickets_item img{
								margin: 1em;
							}
							
							.get_tickets_item:hover,.get_tickets_cta_item:hover{
								
								opacity: 	1;
							}
							.get_tickets_item img.active,.get_tickets_cta_item img.active{
								opacity: 1;
								
							}
							.get_tickets_item.dim,.get_tickets_cta_item.dim{
								opacity: 	.7;
								
							}
							.get_tickets_cta_item{
								transition-delay: .4s;
								-webkit-transition-delay: .4s;
								transition		: opacity .5s;
								-webkit-transition: opacity .5s;
								-moz-transition:	opacity .5s;
								-o-transition:		opacity .5s;
								
							}
							
		#social_nav{
		
			float:left;
			margin-left: 1em;
			height: 1.8em;
			vertical-align: middle;
		}
			#social_media_links{
				vertical-align: middle;
				height: 100%;
				position: relative;
				
			}
			
			#social_media_links ul{
				margin-top: 0 !important;
				height: 100%;
			}
			
			#find_us{
				color: #644c00;
				text-shadow: 1px 1px 1px #bca942;
				float: left;
				font-size: .8em;
				line-height: 3.1em;
				vertical-align: middle;
				font-weight: 900;
				position: relative;
			}
				.right_side_triangle{
					
					top:50%;
					position: absolute;
					margin-top: -6.6px;
					left:103%;
				}
				
			#social_media_links a,.social_content a{
				height: 100%;
				width:100%;
				display: block;
				
				overflow: hidden;
			}		
			#youtube,#facebook,#twitter,#instagram{
				
				float: left;
				height:100% !important; 
				margin-top: 0 !important;
				
				
			}	
				#facebook{
					
					margin-left: 10px;
				}
				#youtube a,#facebook a,#twitter a,#instagram a{
					background: url(../images/ui/social_icons_sprite.png);
					display: block;
					position: relative;
					top:50%;
					margin-top: -5px;
					height: 20px;
					text-indent:-999px;
				overflow: hidden;
				}
				
				#facebook a{
					background-position: 0 0;
					width: 22px;
					margin-left: 7px;
					
				}
					#youtube:hover{
						/* background-position: 0 -19px; */
						
					}	
				#twitter a{
					width: 21px;
					background-position: -21px 0;
				
				}
					#facebook:hover{
					/* 	background-position: -46px -19px; */
						
					}
				#youtube a{
					width:21px;
					background-position:-42px 0;
				}
					#twitter:hover{
					/* 	background-position:-69px -19px; */
						
					}
					
				#instagram a{
					width: 23px;
					background-position: -63px 0;
					
				}	
				#facebook_likes{
					float:left;
					margin-top: 2px;
					margin-left: 6px;
					opacity: .6;	
					height: 22px;
					max-width: 83px;
					overflow: hidden;
				}

				
	#main_content{
		overflow: hidden;
		width: 100%;
		height:100%;
		position: relative;
		background-color: #00061f;
		color: #ffe598;
		bottom:0;
		left:0;
	}
				#main_content .content{
					height: 100%;
					width: 100%;
					position: absolute;
					z-index: 1;
				}	
				
				.section_arrow,.sub_section_arrow{
					opacity: 1;
					z-index: 1003;	
					position: absolute;
					top:50%;
					background: url(../images/ui/lighter_overlay.png) repeat;
					cursor: pointer;
					transition		: all .5s;
					-webkit-transition: all .5s;
					-moz-transition:	all .5s;
					-o-transition:		all .5s;
				
				}
					.left.arrow.hide{
				
						
					}
				.section_arrow{
					z-index: 1005;
						
				}
			
				.sub_section_arrow{
					background: transparent;
					
					z-index:1004;
				}
					.sub_section_arrow.right, .section_arrow.right img{
						right:0;
						transition		: right .25s;
						-webkit-transition: right .25s;
						-moz-transition:	right .25s;
						-o-transition:		right .25s;
					}
						.sub_section_arrow.show.right:hover, .section_arrow.right:hover img{
							right:-3px;
							
						}
					.sub_section_arrow.left,.section_arrow.left img{
						left:0;
						transition		: left .25s;
						-webkit-transition: left .25s;
						-moz-transition:	left .25s;
						-o-transition:		left .25s;
					}
						.section_arrow img{
							position: relative;
							
						}
						.sub_section_arrow.left.show:hover,.section_arrow.left:hover img{
							
							left:-3px;
						}
					.section_arrow.hide{
						
						 opacity: 0; 
					
					}
					.section_arrow.show{
					
						 opacity: 1; 
					
					}
					.section_arrow .arrow_img{
							
						margin: auto;
									
					}
					.section_arrow.left{
						
						left:0;
						border-radius:0 15px 15px 0;
						
					}	
						.section_arrow.left.hide,.sub_section_arrow.left.hide{
							left:-75px;
							opacity:0;
							
						}			
						.section_arrow.right.hide,.sub_section_arrow.right.hide{
							opacity:0;
							right:-75px;
						}
						.arrow.show{
							display: block;
						}
						.section_arrow.left.show,.sub_section_arrow.left.show{
							left:0;
							opacity:1 !important;
							display:  block !important;
						}			
						.section_arrow.right.show,.sub_section_arrow.right.show{
							opacity:1 !important;
							display: block !important;
							right:0;
						}
						
						
					.section_arrow.right{
						border-radius:15px  0 0 15px;
						right:0;
					}
						.section_arrow .arrow_img{
							
						}
				
	
	#secondary_logo_container{
		transition		: opacity .5s;
		-webkit-transition: opacity .5s;
		-moz-transition:	opacity .5s;
		-o-transition:		opacity .5s;
		
	}
		#secondary_logo_container.show img{
			opacity: 1;
		z-index: 1000;
		}
			#secondary_logo_container.show img{
			
				display: block !important;
			}
		#secondary_logo_container.hide img{
			opacity:0 !important;
			  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   
			z-index: -1 !important;	
			
		}
		.secondary_logo{
			position: absolute;
			right:15px;
			top:15px;
			z-index: 999;
			height: auto;
			min-width: 145px;
			max-width: 280px;
			width: 16%;
			
			
		}
		
	.transition_buffer{
		height: 100%;
		position: absolute;
	}
		.transition_buffer img{
			height: 100%;
			width: auto;
			
		}
		.bottom_gradient{

			/*TL*/
background: -moz-linear-gradient(top,  rgba(0,11,18,0) 0%, rgba(0,11,18,1) 33%, rgba(0,11,18,1) 99%, rgba(0,11,18,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,11,18,0)), color-stop(33%,rgba(0,11,18,1)), color-stop(99%,rgba(0,11,18,1)), color-stop(100%,rgba(0,11,18,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,11,18,0) 0%,rgba(0,11,18,1) 33%,rgba(0,11,18,1) 99%,rgba(0,11,18,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,11,18,0) 0%,rgba(0,11,18,1) 33%,rgba(0,11,18,1) 99%,rgba(0,11,18,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,11,18,0) 0%,rgba(0,11,18,1) 33%,rgba(0,11,18,1) 99%,rgba(0,11,18,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,11,18,0) 0%,rgba(0,11,18,1) 33%,rgba(0,11,18,1) 99%,rgba(0,11,18,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000b12', endColorstr='#000b12',GradientType=0 ); /* IE6-9 */


}
/* footer was here */




			.bottom_gradient{
				width: 100%;
				height: 9%;
				/* background: url(../images/characters/ui/bottom_gradient.png) repeat-x bottom left; */
				position: absolute;
				bottom: -2%;
				left: 0;
				z-index:101;
			}		
			
			
.buffer_div{
	width: 10%;
	height: 100%;
}
/*


.tran_gradient{
	height: 100%;
	width: 15%;
	
	
	
}
*/

/*----------------------------- END GLOBAL STYLES -----------------------------------------*/






#main_content section,.section_transition_helper{
	height: 100%;
	width:100%;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size:cover;
	/* background-position: center bottom;	 */
	background-repeat:no-repeat;
	overflow: hidden;
	position: absolute;
	
	left:0;
	top:auto;
	bottom:0;

}
	#main_content.scroll_y{
		overflow-y: auto;
		
	}
	.section_transition_helper{
		
		z-index: -1;
		opacity: 0; 
		
	}
	.background_image{
		
		
	}
		.background_image img{
			
/*
			position: absolute;
			z-index: 1;
			width:120%;
			left:-10%;
			height: auto;
			
*/
		}
	section.tran_out{
		
		position: absolute;
		bottom:0;
		opacity: 1;
	}
	
	section.next{
		position: absolute;
		bottom: 0;
		left:100%;
		
		display:none;
		z-index: 3;
	}
		.characters section.next{
		
			
		}
	#title_list_container{
		position: relative;
		top:0;
		height: 50px;
		width: 100%;
		z-index: 15;
		margin: 25px auto;
	text-align: center;
		width:100%;
		font-size: .8em;
		z-index: 25;
	
	}
		.large #title_list_container,.giant #title_list_container{
			font-size: 1em;
			
		}
		ul#title_list{
			
			
			margin: auto;
			
		}
			#title_list li{
				
				display: inline-block;
				text-align: center;
				width: 9%;
				margin: 0;
				padding: 0;
				transition		: all .5s;
				-webkit-transition: all .5s;
				-moz-transition:	all .5s;
				-o-transition:		all .5s;
				-webkit-perspective:1000;
				-webkit-backface-visibility:hidden;
				-webkit-transform-style: preserve-3d; 
				
			}
				#title_list li.focus{
					
					transform: scale(1);
					-webkit-transform: scale(1);
					-moz-transform: scale(1);
					-ms-transform: scale(1);	
					opacity: 1;
				}
				#title_list li.un_focus{
					 -webkit-transform:scale(0.75);
    -moz-transform:scale(0.75);
    transform:scale(0.75);

					opacity: .5 !important;
					
				}
				.character_name,.actor_name{
					text-transform: uppercase;
					font-size: 1.3em;
					line-height: 1em;
				}
					.character_name{
						font-size: .9em;
						line-height: 1.1em;
					}
				.actor_name{
					clear:left;
					
				}
				#title_list .center_content{
					margin: auto;
					width: auto;	
					
					
				}
					.floater{
						float: left;
						
					}
					.is_container{
						position: relative;
						width: 25%;
						margin: auto;	
						font-size: .6em;
						text-transform: uppercase;
					}		
						.is_container .left_flank,.is_container .right_flank{
							top:50%;
							margin-top: -1px;	
							width: 25px;
							box-shadow: 1px 1px 2px #01202f;
							height: 1px;
							background-color: #5f7d89;
						/* 	border-bottom:1px solid #2b3f49; */
							position: absolute;
						}
							#title_list .is_text{
								position: relative;
								font-size: 1em;
								
							}
								.is_container .left_flank{
									right:103%;
								}
								.is_container .right_flank{
									left:103%;
								}			
				
				#title_list li a,#title_list .is_text{
					color: #dedede;
					text-shadow: 1px 1px 2px #0b1519;
					
				}
					#title_list li a{
						display: block;
						height: 100%;
						width: 100%;
					}
		


/*----------------------------- START INDIVIDUAL PAGE STYLES------------------------------ */

/* START HOME */

.section_title_holder{
	background: url(../images/ui/title_middle_background.png) repeat-x;
	background-size:auto 100%;
	position: relative;
	height: 71px;
	vertical-align: middle;
	line-height: 71px;
	margin:0 auto 3.5% 0;
	left:0;
	text-align: center;
	vertical-align: middle;
		
}
	.section_title_holder h1 img{

		height: 1.4em;
		
		
		
		
	
	}

		.section_title_holder .flank{
			position: absolute;
			top:0;
			width: auto;
			
		}
			.section_title_holder .flank img{
			
				display: block;			
				
			}
		.section_title_holder .flank.left{
			left:-22px;
			width: 22px;
				
		}	
			.section_title_holder .flank.left img{
				
				
			}
		.section_title_holder .flank.right{
			right:-22px;
			width: 22px;
		}
			.section_title_holder .flank.right img{
					
				width: 22px;
				
			}

	.gold.description_box{
		
		background-repeat: repeat;
	
	}
		.glint.frame{
			position: absolute;
	
			top:-142px;
			left:-85px;
			z-index: 6;
		}
		.description_box .hr{
			height: 2px;
			background-color: #d7ac1e;
			width: 100%;
			margin:0;
			margin-top:.2em;
			margin-bottom:.4em;
			
		}
		
			.about .box_margin{
				
			
			}
				
			.box_margin{
				margin:0 2em 2em 2em;
				padding: 1em;
				display: table;
				position: relative;
				z-index: 2000;
			
			

			}
				.box_margin p{
					clear:left;
					
				}
				
				.description_title{
					float: left;
					
				}
				.box_margin .description{
					display: table-cell;
					vertical-align: middle;
					
					
				}
					#about .description{
						display: block;
						overflow-y: auto;
						overflow-x: hidden;
						max-height: 400px;
						max-height:18em;
						padding-right: 20px;
						margin-left: 20px;
						-webkit-perspective:1000;
					-webkit-backface-visibility:hidden;
					-webkit-transform-style: preserve-3d; 
					}
			.border{
				position: absolute;
				
			}
				.border img{
					display: block;
					
				}
				.top_border{
					top:-8px;
					width: 100%;
					margin-left: 0;
					z-index: 5;
				}
					.top_border img{
						height: 8px;
						max-height: 8px;
						width: 100%;
						display: blocl;
					}
				.bottom_border{
					bottom: -8px;
					width: 100%;
					z-index: 5;
				}
					.bottom_border img{
						height: 8px;
						width: 100%;
					}
				.left_border{
					left:0;
					height: 100%;
					top:-1px;
					bottom:8px;
					z-index: 4;
				}
					.left_border img{
						height: 100%;
						width: 8px !important;
						max-width: 8px;
						
					}
				.right_border{
					right: -8px;
					height: 100%;
					bottom:8px;
					top:-1px;
					z-index: 4;
				}
					.right_border img{
						max-width: 8px;
						width: 8px;
						height: 100%;
						
					}

section#index,.index.section_transition_helper{
	background-image: url(../images/index/_1layer/bg.jpg); 
	/* background-position: -2% 10%; */
	background-color: rgb(0,37,54);
	/*TL*/
	background-position: center center;
	
	
}
	#index .secondary_logo{
		position: relative;
		right:auto;
		top:auto;
		z-index: 999;
		height: auto;
		width: auto;
		max-width: auto;
		height: 15%;
		z-index: 50001;
	}
	#lightbox{
		background: url(../images/ui/overlay_background.png) repeat;
		width: 100%;
		height: 100%;
		z-index: 2005;
		position: absolute;
		top:0;
		left:0;
		display: none;
		
	}
		
		#lightbox h1{
			
			
		}
		h1.is_img{
			text-indent: -999px;
			background-size:auto 50%;
			-webkit-background-size:auto 50%;
			-moz-background-size:auto 50%;
			overflow: hidden;
			background-position: center;
			background-repeat: no-repeat;
			-webkit-perspective:1000;
					-webkit-backface-visibility:hidden;
					-webkit-transform-style: preserve-3d;
		}
		#temp_h1{
			margin-top: 1.5%;
			margin-bottom: 1.5%;
			position: relative;
			z-index: 5001;
			height: 15%;
			max-height: 172px;
			width:100%;
			text-align: center;
			opacity: 0;
			display: none;
		}
			#temp_h1 img{
				margin: auto;
				height: 100%;
				width: auto;
				padding-top: 0;
				max-width: auto;
				
			}
				#temp_h1 img.special_case{
						padding-top: 1.5em;
					
				}
			
		h1#perm_h1{
			height: 20%;
			margin-top: 3%;
			opacity: 1;
			z-index: 1;
			top: 37%;
			
		}	
			section#index h1{
				z-index: 100 !important;
			}
			.section_transition_helper h1#perm_h1{
				margin-top: 0;
				
			}
			#index h1 img,.section_transition_helper h1 img{
				height: 100%;
				max-height: 294px;
				
			}	
		#fullscreen_video_container{
			
			position: relative;
			
			left:2.5%;
			height: 75%;
			width:95%;
		
			opacity: 0;
			transition		: opacity .5s;
			-webkit-transition: opacity .5s;
			-moz-transition:	opacity .5s;
			-o-transition:		opacity .5s;
			z-index: 2006;
		}
		
			#videos #fullscreen_video_container{
				top:13%;
				height: 76%;
			}
			#load_video_here{
				height: 100%;
				width:100%;
				
			}
			#fullscreen_video_container .position_wrapper{
				margin-top: 20px;
				position: absolute;				
			}				
				#fullscreen_video_container .close_x{
					top:0;
					left:101%;
					cursor: pointer;
					padding-left: 0;	
				}
					.video_sub_page #fullscreen_video_container .close_x{
						top:3em;
					}

			#ticket_container {
				position: relative;
				left:2.5%;
				height:75%;
				width:95%;			
				opacity: 0;
				transition		: opacity .5s;
				-webkit-transition: opacity .5s;
				-moz-transition:	opacity .5s;
				-o-transition:		opacity .5s;
				z-index: 2006;
			}
			#ticket_container .position_wrapper {
				position: absolute;
				width:452px;
				height:278px;
				left:50%;
				margin-left:-226px;
				background-image:url(./../images/index/tickets/base.png);		
			}				
				#ticket_container .close_x {
					top:5px;
					left:448px;
					cursor:pointer;
					padding-left: 0;	
				}
				

				iframe.ytVideo{
				
				}
				
		
	#index .top.gradient{
		position: absolute;
		top:0;
		height:16%;
		width: 100%;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMjQzNCIgc3RvcC1vcGFjaXR5PSIwLjk3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjYlIiBzdG9wLWNvbG9yPSIjMDAyNDM0IiBzdG9wLW9wYWNpdHk9IjAuOTciLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjMDAyNDM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMzUlIiBzdG9wLWNvbG9yPSIjMDAyNDM0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjMDAyNDM0IiBzdG9wLW9wYWNpdHk9IjAuOTgiLz4KICAgIDxzdG9wIG9mZnNldD0iNDQlIiBzdG9wLWNvbG9yPSIjMDAyNDM0IiBzdG9wLW9wYWNpdHk9IjAuOTYiLz4KICAgIDxzdG9wIG9mZnNldD0iNDglIiBzdG9wLWNvbG9yPSIjMDAyNDM0IiBzdG9wLW9wYWNpdHk9IjAuODkiLz4KICAgIDxzdG9wIG9mZnNldD0iNTIlIiBzdG9wLWNvbG9yPSIjMDAyNDM0IiBzdG9wLW9wYWNpdHk9IjAuODEiLz4KICAgIDxzdG9wIG9mZnNldD0iNTclIiBzdG9wLWNvbG9yPSIjMDAyNDM0IiBzdG9wLW9wYWNpdHk9IjAuNjgiLz4KICAgIDxzdG9wIG9mZnNldD0iNjUlIiBzdG9wLWNvbG9yPSIjMDAyNDM0IiBzdG9wLW9wYWNpdHk9IjAuNCIvPgogICAgPHN0b3Agb2Zmc2V0PSI3NCUiIHN0b3AtY29sb3I9IiMwMDI0MzQiIHN0b3Atb3BhY2l0eT0iMC4xNyIvPgogICAgPHN0b3Agb2Zmc2V0PSI3OCUiIHN0b3AtY29sb3I9IiMwMDI0MzQiIHN0b3Atb3BhY2l0eT0iMC4wOSIvPgogICAgPHN0b3Agb2Zmc2V0PSI3OSUiIHN0b3AtY29sb3I9IiMwMDI0MzQiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzAwMjQzNCIgc3RvcC1vcGFjaXR5PSIwLjAzIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk0JSIgc3RvcC1jb2xvcj0iIzAwMjQzNCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk3JSIgc3RvcC1jb2xvcj0iIzAwMjQzNCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(0,37,54,0.97) 0%, rgba(0,37,54,0.97) 6%, rgba(0,37,54,1) 26%, rgba(0,37,54,1) 35%, rgba(0,37,54,0.98) 41%, rgba(0,37,54,0.96) 44%, rgba(0,37,54,0.89) 48%, rgba(0,37,54,0.81) 52%, rgba(0,37,54,0.68) 57%, rgba(0,37,54,0.4) 65%, rgba(0,37,54,0.17) 74%, rgba(0,37,54,0.09) 78%, rgba(0,37,54,0.1) 79%, rgba(0,37,54,0.03) 85%, rgba(0,37,54,0) 94%, rgba(0,37,54,0) 97%, rgba(255,255,255,0) 98%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,37,54,0.97)), color-stop(6%,rgba(0,37,54,0.97)), color-stop(26%,rgba(0,37,54,1)), color-stop(35%,rgba(0,37,54,1)), color-stop(41%,rgba(0,37,54,0.98)), color-stop(44%,rgba(0,37,54,0.96)), color-stop(48%,rgba(0,37,54,0.89)), color-stop(52%,rgba(0,37,54,0.81)), color-stop(57%,rgba(0,37,54,0.68)), color-stop(65%,rgba(0,37,54,0.4)), color-stop(74%,rgba(0,37,54,0.17)), color-stop(78%,rgba(0,37,54,0.09)), color-stop(79%,rgba(0,37,54,0.1)), color-stop(85%,rgba(0,37,54,0.03)), color-stop(94%,rgba(0,37,54,0)), color-stop(97%,rgba(0,37,54,0)), color-stop(98%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,37,54,0.97) 0%,rgba(0,37,54,0.97) 6%,rgba(0,37,54,1) 26%,rgba(0,37,54,1) 35%,rgba(0,37,54,0.98) 41%,rgba(0,37,54,0.96) 44%,rgba(0,37,54,0.89) 48%,rgba(0,37,54,0.81) 52%,rgba(0,37,54,0.68) 57%,rgba(0,37,54,0.4) 65%,rgba(0,37,54,0.17) 74%,rgba(0,37,54,0.09) 78%,rgba(0,37,54,0.1) 79%,rgba(0,37,54,0.03) 85%,rgba(0,37,54,0) 94%,rgba(0,37,54,0) 97%,rgba(255,255,255,0) 98%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,37,54,0.97) 0%,rgba(0,37,54,0.97) 6%,rgba(0,37,54,1) 26%,rgba(0,37,54,1) 35%,rgba(0,37,54,0.98) 41%,rgba(0,37,54,0.96) 44%,rgba(0,37,54,0.89) 48%,rgba(0,37,54,0.81) 52%,rgba(0,37,54,0.68) 57%,rgba(0,37,54,0.4) 65%,rgba(0,37,54,0.17) 74%,rgba(0,37,54,0.09) 78%,rgba(0,37,54,0.1) 79%,rgba(0,37,54,0.03) 85%,rgba(0,37,54,0) 94%,rgba(0,37,54,0) 97%,rgba(255,255,255,0) 98%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,37,54,0.97) 0%,rgba(0,37,54,0.97) 6%,rgba(0,37,54,1) 26%,rgba(0,37,54,1) 35%,rgba(0,37,54,0.98) 41%,rgba(0,37,54,0.96) 44%,rgba(0,37,54,0.89) 48%,rgba(0,37,54,0.81) 52%,rgba(0,37,54,0.68) 57%,rgba(0,37,54,0.4) 65%,rgba(0,37,54,0.17) 74%,rgba(0,37,54,0.09) 78%,rgba(0,37,54,0.1) 79%,rgba(0,37,54,0.03) 85%,rgba(0,37,54,0) 94%,rgba(0,37,54,0) 97%,rgba(255,255,255,0) 98%,rgba(255,255,255,0) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,37,54,0.97) 0%,rgba(0,37,54,0.97) 6%,rgba(0,37,54,1) 26%,rgba(0,37,54,1) 35%,rgba(0,37,54,0.98) 41%,rgba(0,37,54,0.96) 44%,rgba(0,37,54,0.89) 48%,rgba(0,37,54,0.81) 52%,rgba(0,37,54,0.68) 57%,rgba(0,37,54,0.4) 65%,rgba(0,37,54,0.17) 74%,rgba(0,37,54,0.09) 78%,rgba(0,37,54,0.1) 79%,rgba(0,37,54,0.03) 85%,rgba(0,37,54,0) 94%,rgba(0,37,54,0) 97%,rgba(255,255,255,0) 98%,rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7002434', endColorstr='#00ffffff',GradientType=0 ); /* IE6-8 */



	

		z-index: 14;
	}
	

#index aside{
    width: 50%;
    height: 100%;
    bottom:8%;
    /*TL*/
    bottom:0%;
   
    position: absolute; 
    z-index: 3;
  }
    
    #index.portrait aside{
	    bottom:17%;
	    
    }
    	#index.portrait.slim aside{
	    	bottom:24%;
	    	
	    	
    	}
    	#index .bottom_gradient{
	    	
	    	height: 22%;
	    	
    	}
    		#index.portrait .bottom_gradient{
					height: 34%;
					
				}
					#index.portrait.slim .bottom_gradient{
						height: 40%;
						
					}
    #index aside.left{
      left:0;
      
    }
   #index aside.right{
      right:0;
  
      
    } 
    	#left_side_image,#right_side_image{
	    	transition		: opacity .5s;
	    	-webkit-transition: opacity .5s;
	    	-moz-transition:	opacity .5s;
	    	-o-transition:		opacity .5s;
	    	
    	} 	
		#left_side_image{
			left:0;
			bottom:0;
			z-index: 2;
			opacity: 0;
		}
	
			#left_side_image img{
				height: 103%;
				left:0;
				bottom:0;	
				
			}
			.portrait #left_side_image{
				
				width:126%;
				height: 100%;
				bottom:0;
				position: relative;			
			}
				#left_side_image .gif{
					
					position: absolute;
					right:0;
					top:10%;
					width: 5%;
				}
				.portrait #left_side_image img,.portrait #right_side_image img{
					height: auto;
					width:100%;
				}
				
		
		#index.portrait.slim nav.cta_container{
			bottom:6%; 
			
		}			
		#right_side_image{
			right:-3px;
			bottom:0;
			z-index: 1;
			
			opacity:0;
		}	
			#right_side_image img{
				height: 100%;
				right:0;
				bottom:0;
				
			}
				.portrait #right_side_image{
					height: 114%;
					width: 132%;
					bottom: -19%;
					
				}
	section#index h1,.section_transition_helper h1{
		position: relative;
		z-index: 17;
		margin: auto;
		text-align: center;
		z-index: 2015;
	}

	
			
		.character_container{
			position: absolute;
			height: 100%;
			width: auto;
		}
			.character_container img{
				position: absolute;	
			}
			
	
	._6layer{
		
		z-index: 100;
		
	}
	._5layer{
		
		z-index: 80;
	}
	._4layer{
		z-index: 60;
		
	}
	._3layer{
		
		z-index:40;
	}
	._2layer{
		z-index: 20;
		
	}
	._1layer{
		z-index: 1;
		
		
	}
	
	/* LEFT SIDE --- GOOD GUYS */
	
	
	
	
	
	
	#index aside#good_guy_container{
		/*width: 43%;*/
		width: 65%;
		height: 105%;
		left:0;
		bottom:-10%;
		/*TL*/
		bottom:0%;
		z-index: 15;
		opacity: 0;
	}

	/* LAYER 6 */
		#index #mk.character_container{
			
			left:5%;
		}
			#mk img{
				height: 75%;
				bottom:0;
			}
	/* LAYER 5 */
		#mk_bush{
			position: absolute;
			left:0;
			bottom:0;
			
		}	
			#mk_bush img{
				height:60%;	
				bottom:0;
				left:0;
				
			}
	/* LAYER 4 */		
	
	#ronin_and_grub{
		
		bottom:0;
		left:0;
		position: absolute;
	}
		#ronin_and_grub img{
			height: 85%;
			
			
		}
			
		#nod.character_container{
			
			left:32%;
			
			
		}	
			#nod.character_container img{
				
				bottom:30%;
				height: 61%;
				
			}
		#ronin.character_container{
			left:10%;
			
			
		}	
			#ronin img{
				height: 39%;
				bottom:31%;
			}	
		#grub.character_container{
			left: 60%;
			

		}
			#grub img{
				bottom:12%;
				height: 33%;
			}
		#hummin.character_container{
			left:78%;
			

		}
			#hummin img{
				top:13%;
				height: 18%;
			}
			
/* NOSIDE */			
#mountain_view{
	position: absolute;
	bottom:-5%;
	left:-12%;
	right:0;
	z-index: 4;
	height: 100%;
	
}
	#mountain_view .bottom_cover{
		position: absolute;
	
		height: 100%;
		background-color: transparent;
		width: 100%;
		margin-top: -4px;
		
	}
	#mountain_view img{
		width: 80%;
		height: auto;
		bottom:0;

		left:0;
		left:15%;
		position: relative;
	}
			
/* NOSIDE */			
			
/* 	RIGHT SIDE ---- BAD GUYS	 */

			
	#index aside#bad_guy_container{
		width: 42%;
		height: 95%;
		z-index: 15;
		/*TL*/
		opacity: 0;
	}		
		
		

		#mandrake_container{
		
			position: absolute;	
			
			width: 100%;
			height:100%;
			right:0;
			
		}
			#mandrake_bush{
				position: absolute;
				bottom:0;
				right:0;
				
			}
				#mandrake_bush img{
					height: 48%;
					width: auto;
				}
				
			#mandrake_container #mandrake{
				bottom:0;
				right: 0;	
				height: 100%;
				width: auto;
			}
			#fire_from_staff_ani_container{
				position: absolute;
				
				
				width:auto;
				height:100%;
				background-repeat: no-repeat;
				left:0;

			}
				
				#fire_from_staff_ani_container .sprite_place_holder{
					left:0;
					top:0;
					
					visibility: hidden;
					z-index: 4;
				}
					#fire_from_staff_ani_container .sprite_container{
						overflow: hidden;
						
						position: absolute;
						z-index: 5;
					}
						 img#torch_img_sprite{
							position: absolute;
							right: 0;
							bottom:0;	
							height: auto;
							display: block;
						 }
						 
		/* LAYER 4 */				 
		#layer_4_rock{
			position: absolute;
			bottom:5%;
			right:0;
			
			
		}
			#layer_4_rock img{
				margin: 0;
				padding: 0;
				height: 50%;
				
			}
		
						 
						 
						 
						 
		#bufo.character_container{
			
			right:-5%;
			
		}
			#index #bufo img{
				height: 76%;
				bottom:5%;
				right: 0;
				margin: 0;
				padding: 0;
			}	
		#crows.character_container{
			right:59%;

		}
			#crows img{
				right:0;
				height: 25%;
				top:2%;
			}
			
			
/*START CTA */		

		
			#index nav.cta_container{
				position: absolute;
				
				width:50%;
				height: auto;
				bottom:1%;
				left:50%;
				margin-left: -25%;
				
				
				z-index: 1001;
				
			}
					
			#carousel_mask{
			
				width: 100%;
				height: auto;
				overflow: hidden;
				
			}
				#get_tickets_cta_container{
					position: absolute;
					width: 275px;
					height: 50px;
				
					left:50%;
					margin-left: -137px;
					bottom:91%;
					cursor: pointer;
					background: url(../images/get_tickets/get_tickets_background.png) no-repeat;
					background-size: 100% 100%;
					text-align: center;
					font-size: 13px;
					/*
					background:rgb(9,23,27);
					background:rgba(9,23,27,.9);
					*/
				}
					#get_tickets_cta_container  h3{
						text-shadow:0px 1px 0px #8e6d0c;
						color: #d5aa20;
						position: relative;
						z-index: 4;
					}
					#admit_one{
						position: absolute;
						left:-5%;
						bottom:10px;
						z-index: 3;
					
					}
					#get_tickets_cta_container .hover_state li.get_tickets_cta_item{
						width: 21%;
						margin:4% 2% 2% 2%;
						float: left;
						
					}
						.hover_state ul{
							height: 100%;
						}
						#get_tickets_cta_container .hover_state li.get_tickets_cta_item:first-child{
							text-align: right;
						}
						#get_tickets_cta_container .hover_state li.get_tickets_cta_item:last-child{
							text-align: left;
						}
						#get_tickets_cta_container > div{
							position: absolute;
							top:0;
							left:0;
							width: 100%;
							height: 100%;
							transition		: opacity .5s;
							-webkit-transition: opacity .5s;
							-moz-transition:	opacity .5s;
							-o-transition:		opacity .5s;
						}
						#get_tickets_cta_container .hover_state,#get_tickets_cta_container.hover .default_state{
							opacity: 0;
							z-index: 1;
						}
						#get_tickets_cta_container.hover .hover_state{
							
							opacity: 1;
							z-index: 3;
						}
						#get_tickets_cta_container img{
							margin: 0;
							
						}
						#get_tickets_cta_container .hover_state li.get_tickets_cta_item img{
							width: 85%;
							height: auto;
							display: inline;
							
						}
				
					#get_tickets_cta_container h4{
						text-align: left;
						font-size: 1.3em;
						position: relative;
						z-index: 5;
						text-shadow: 1px 1px 15px #000,0px 1px 2px #8e6d0c;
						color: #d5aa20;
						margin:.6em 0;
						padding-left: 2em;
					}
						#get_tickets_cta_container a{
								
							color: #d5aa20;
							text-shadow: 1px 1px 15px #000,0px 1px 2px #8e6d0c;
						}
			    
          #ticket_container .divider img {
          	margin:0 auto;
          	padding:12px 0;
          	display:block;
          }
			    #ticket_container .date {
          	text-align:center;
          	margin-top:36px;
          	min-height:63px;
          	font-weight:700;
          }
			    #ticket_container .cta {
          	text-align:center;
          	font-size:41px;
          	font-weight:700;
          }
          #ticket_container .logos {
          	position:relative;
          	margin-top:21px;
          }
						#ticket_container .hover_state ul{
							height: 40px;
							width: 363px;
							margin: 0 auto;
							position:relative;
						}
							#ticket_container .hover_state li.get_tickets_cta_item{
							  margin:0 10px;
							  height:auto;
								float: left;					
						  }
							  #ticket_container .hover_state li.get_tickets_cta_item.moviefone {
								  width:74px;
							  }
							  #ticket_container .hover_state li.get_tickets_cta_item.moviefone {
								  width:68px;
							  }
							  #ticket_container .hover_state li.get_tickets_cta_item.moviefone {
								  width:51px;
							  }
							  #ticket_container .hover_state li.get_tickets_cta_item.moviefone {
								  width:80px;
							  }
							

			
			
			@media all and (min-width: 1500px){
				#index nav.cta_container{
					max-width: 780px;
					left:50%;
					
					margin-left: -390px;
				}
				
			}
				.cta_arrow {
					position: absolute;
					cursor: pointer;	
					height: 35%;
					top:43%;
					
				}
					.cta_container .cta_arrow.left{
						right:100%;
						transition		:  right 0.3s ease-out, opacity 0.3s ease 0.5s;
						-webkit-transition:  right 0.3s ease-out, opacity 0.3s ease 0.5s;
						-moz-transition:	  right 0.3s ease-out, opacity 0.3s ease 0.5s;
						-o-transition:	  right 0.3s ease-out, opacity 0.3s ease 0.5s;
						
					}	
						.cta_arrow.left:hover{
							right:101%;
							
						}
					.cta_container .cta_arrow.right{
						left:100%;
						transition		:   left 0.3s ease-out, opacity 0.3s ease 0.5s;
						-webkit-transition:   left 0.3s ease-out, opacity 0.3s ease 0.5s;
						-moz-transition:	  left 0.3s ease-out, opacity 0.3s ease 0.5s;
						-o-transition:		  left 0.3s ease-out, opacity 0.3s ease 0.5s;
					}
						.cta_arrow.right:hover{
							left:101%;
							
						}

/* END CTA */

/* HOME TABLET STYLES */
@media (max-width: 770px) {
	section#index .cta_container {
		bottom: 15%;
    width: 60%;
    margin-left: -30%;
	}
  #index h1 img {
		height: 80%;
	}
	#index aside#good_guy_container {
		bottom:28%;
	}
	#index aside#bad_guy_container {
		bottom:28%;
	}
	#index.portrait .bottom_gradient {
		height:18%;
		bottom:20%;
	}
	#index .top.gradient {
		height:20%;
	}
}
/* END HOME TABLET STYLES */

/* END HOME */


/* START ABOUT PAGE */
section#about{
	background-image: url(../images/about/background.jpg);
	
}
	 
#hummin_gif{
position: absolute;
left:2%;
top:4%;
height: 15%;
width: auto;	
	
}
	section#about {
		
		
		
	}	
		.character_content_wrapper{
			min-height: 30em;		
		}
		.trann_opacity{
			transition:		    opacity ease-out  .65s;
			-webkit-transition: opacity ease-out  .65s;
			-moz-transition:	opacity ease-out  .65s;
			-o-transition:		opacity ease-out  .65s;	
		}
		.trann_opacity.trann{
			opacity: .01;
		}

	#bottom_left_front_shrubbery{
		position: absolute;
		bottom:0;
		left:0;
		z-index: 5;
			
	}
		#bottom_left_front_shrubbery img{
			width: auto;
			height: 50%;
			
		}
	
		
		section#about .description_box{
			
			font-size: 140%;
			width: 100%;
		}
			section#about .description p{
				margin-top: 0;
				
			}
	section#about .character_info_container{
		position: relative;
		height: 100%;
		
		
	}
		section#about .description_
		section#about #nod_and_mary_katherine{
			left:-10%;
			z-index:2;
			
			
		}
			section#about #nod_and_mary_katherine img{
				height: 100%;
				width: auto;
				height: 82%;
				bottom:0;
				left:0;
			}
		section#about #nod{
			left:3%;
			z-index:25;
		}
		section#about #mandrake{
			right:-2%;
			bottom: 0;
			
			position: absolute;
		}
			section#about #mandrake img{
				height: 100%;
				position: absolute;
				right:0;
				
			}

/* About Tablet Styles */
@media (max-width: 770px) {
  body.about .secondary_logo {
  	width:215px;
  	right:35%;
  }
  section#about {
  	background-position:50% 0;
  }

  section#about .page_info_container {
  	top:33%;
  	width:62%;
  	left:19%;
  }
  #activities_page_cta_list {
  	width:130%;
  	position:relative;
  	left:-15%
  }
  	#activities_page_cta_list li{
	  	
	  	
  	}
  section#about #nod_and_mary_katherine {
  	left:-10%;
  	top:-14%;
  }
  section#about #nod_and_mary_katherine img {
  	height:75%;
  }
  section#about #mandrake {
  	right:-12%;
  	top:-5%;
  }
  section#about #mandrake img {
  	height:90%;
  }
  
  section#about .bottom_gradient {
  	height:275px;
  }
}
/* End About Tablet Styles */	 
	
	
/* END ABOUT PAGE */







section#activities{

	/* background-image: url(../images/about/background.jpg); */
	
	
}


/* START CHARACTER LANDING PAGE */
section#characters{
	
	background-color:#000;
	
}

	

	#characters .bottom_gradient{
		
		
	}
	section#characters .page_info_container{
		top:	6%;	
	} 
	section#characters .section_title_holder{
		z-index: 2;
		position: relative;
		
		
	}
	#character_landing_container{
		
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 1;
		
		top:-1em;
		left:0;
	}
		#character_landing_container .bottom_gradient{
			height: 	18%;
		
		}
		.portrait #character_landing_container{
			height: 80%;
			
			
		}
			.portrait .bottom_gradient{
				bottom:-5%;
				height: 18%;				
			}
		.character_landing_title_container{
			position: absolute;
			width: 100%;
			
			bottom:5%;
			z-index: 200;
		}
			
			.character_landing_title_container h2{
				text-transform: uppercase;
				transition		: opacity .5s;
				-webkit-transition: opacity .5s;
				-moz-transition:	opacity .5s;
				-o-transition:		opacity .5s;
			}
				.character_landing_title_container h2.dim{
					opacity: .3;
					
					
				}
			.character_landing_title_container.left{
				width: 33%;
				left:6%;
			}
			.character_landing_title_container.right{
				width: 33%;
				right:5%;
			}
			.character_landing_title_container.middle{
				width: 26%;
				left:36.5%;
				
			}
				.character_landing_title_container.middle h2{
					width: 20%;
					
				}
				h2#mk_title{
					
					text-align: right;
				}
				h2#nod_title{
					text-align: left;
					
				}
				.character_landing_title_container.middle h2#ronin_title{
					width: 60%;
					
				}
			.character_landing_title_container h2{
				text-align: center;
				width: 33%;	
				float: left;
				
			}
				.character_landing_title_container h2 a{
					color: #e9d489;
					text-shadow: 1px 1px 0 #000;	
					
				}
	.character_container{
		
		z-index: 50;
		
	}		
		.mask{
			
			background-color: #000;
			overflow: hidden;
			height: 100%;
			width: 12%;
			bottom:0;
			position: absolute;
			transition			:all .5s;
			-webkit-transition:  all .5s;
			-moz-transition:	 all .5s;
			-o-transition:		 all .5s;
			-webkit-backface-visibility:hidden;
			z-index: 3;
		}

			.mask .bottom_gradient{
	/*
				transform:rotate(4deg);  
					-webkit-transform:rotate(4deg);
					-moz-transform:rotate(4deg); 
					-ms-transform:rotate(4deg); 
					-o-transform:rotate(4deg);
*/
				
			}
			.character_background,#character_img{
			
				
			}
			.mask.left .character_background{
					
				
			}
			.mask.left.one{
				
				right:84%;
			}
			.mask.left.two{
				right:74%;
				
			}
			.mask.left.three{
				right:64%;
			
			}
			
			#right_side .three{
				z-index: 3;
				left:64%;
			}
			#right_side .two{
				z-index: 2;
				left:74%;	
			}
				#bufo_character{
					left:40%
					
				}
						.mask.left.two:hover #bufo_character,.mask.left.two.hover #bufo_character{
							
							left:40%;
						}
			#right_side .one{
				left:84%;
				z-index: 1;
			}
				.mask.left.one .character_background{
					background-image: url(../images/characters/character_landing/bomba_back.png);
				}
				
				.mask.left.two .character_background{
					background-image: url(../images/characters/character_landing/bufo_back.jpg);
					
				}
			
				.mask.left.three .character_background{
					background-image: url(../images/characters/character_landing/mandrake_back.jpg);
					
				}
			.mask.left{
				box-shadow: -30px -1px 100px  -25px #000;
				
			}
			.mask.right{
				
				
				box-shadow: 30px -1px 100px  -25px #000;
				
			}
				.shadow{
					position: absolute;
					top:0;
					height: 100%;
					width: auto;
					z-index: 200;
					-webkit-perspective:1000;
					-webkit-backface-visibility:hidden;
					-webkit-transform-style: preserve-3d; 

				}
					.shadow.left_side{
						right:-1px;
						
					}
					.shadow.right_side{
						left:-1px;
						
						
					}
				.mask.left.three{
					
					
				}
				.mask.left .character_img, .mask.right .character_img{
					height: 75%;
					width: auto;
					
				}
				#bomba_character{
					height: 66%;
					left:77%;
				}
				
				#queen_tara_character{
					height: 80%;
					
				}
				#nim_character{
					height: 75%;
					left:8%;
					right: auto;
				}
				#grub_character{
					height:72%;
				}
			.mask.left{
				float: left;
				transform:rotate(-4deg);  
				-webkit-transform:rotate(-4deg);
				-moz-transform:rotate(-4deg); 
			/* 	-ms-transform:rotate(-4deg); */ 
				-o-transform:rotate(-4deg);
				
				
		-webkit-transform-style: preserve-3d;
				
			}
				#mandrake_character{
					height: 102%;
					
				}
				.mask.left .character_img{
					transform:rotate(4deg);  
					-webkit-transform:rotate(4deg);
					-moz-transform:rotate(4deg); 
				/* 	-ms-transform:rotate(4deg);  */
					-o-transform:rotate(4deg);
					
				}
				
	
				
				
			.mask.middle{
				width: 40%;
				height: 100%;
				position: absolute;
				left:50%;
				margin-left: -20%;
				z-index: 1;
				overflow: visible;
					

			}
				.mask #mk_character{
					bottom:5%;
					left:auto;
					right:38%;
					width: auto;
					height: 75%;
					z-index: 1;
					transition		: all .5s;
					-webkit-transition: all .5s;
					-moz-transition:	all .5s;
					-o-transition:		all .5s;
				}
					.mask #mk_character:hover,#mk_character.hover{
						bottom:5%;
						height: 77%;
					
					}
				.mask #ronin_character{
					width: auto;
					height: 53%;
					bottom:0;
					left:17%;
					z-index: 3;
					transition		: all .5s;
					-webkit-transition: all .5s;
					-moz-transition:	all .5s;
					-o-transition:		all .5s;
				}
					.mask #ronin_character:hover,#ronin_character.hover{
						width: auto;
						height: 55%;
						z-index: 5;
						bottom:3%;	
					}
				.mask #nod_character{
					
					width: auto;
					height: 78%;
					left: 50%;
					bottom:2%;
					
					z-index: 2;	
					transition		: all .5s;
					-webkit-transition: all .5s;
					-moz-transition:	all .5s;
					-o-transition:		all .5s;
					
				}
					.mask #nod_character:hover,#nod_character.hover{
						
						height : 82%;
						bottom : 2%;
					
					}
				.mask.middle .character_content_holder{
					
					width: 100%;
					
					
				}
				.mask.middle .character_img_background{
					width: 100%;
					height: auto;
					position: absolute;
					top:0;
					left:0;
				}
				.mask.middle .character_img{
					width: 30%;
					
				}
			#right_side{

				
			}	
				#right_side .character_background{
				
					transform:rotate(1deg);  
				-webkit-transform:rotate(1deg);
				-moz-transform:rotate(1deg); 
				/* -ms-transform:rotate(1deg);  */
				-o-transform:rotate(1deg);
				}
				
					#right_side .character_img{
					
						
						
					}
				
					
					#right_side .three .character_img{
						left:auto;
						right:-19%;
						transition		: right .2s;
						-webkit-transition: right .2s;
						-moz-transition:	right .2s;
						-o-transition:		right .2s;
					}
						#right_side .three:hover .character_img,#right_side .three.hover .character_img{
							right: 0;
							
						} 
					#right_side .three .character_background{
	
						background-image: url(../images/characters/character_landing/queen_tara_back.jpg);
					}
					#right_side .two .character_img{
					
					}
					#right_side .two .character_background{
			
						background-image: url(../images/characters/character_landing/nim_back.jpg);
					}
					
					#right_side .one .character_background{
						
						background-image: url(../images/characters/character_landing/grub_back.jpg);
					}	
					#right_side .one .character_img{
						
						left:47%;
						right: auto;
					}
						#right_side .one:hover .character_img{
							/* left:0; */
							
						}
			.mask.right{
				transform:rotate(4deg);  
				-webkit-transform:rotate(4deg);
				-moz-transform:rotate(4deg); 
		/* 		-ms-transform:rotate(4deg);  */
				-o-transform:rotate(4deg);
				-webkit-perspective:1000;
				-webkit-backface-visibility:hidden;
				-webkit-transform-style: preserve-3d; 

				
			}
				.mask.right .character_img{
					transform:rotate(-4deg);  
				-webkit-transform:rotate(-4deg);
				-moz-transform:rotate(-4deg); 
			/* 	-ms-transform:rotate(-4deg);  */
				-o-transform:rotate(-4deg);
					-webkit-perspective:1000;
				-webkit-backface-visibility:hidden;
					-webkit-transform-style: preserve-3d;
				}
				.mask.right .character_background{
					transform:rotate(-2deg);  
					-webkit-transform:rotate(-2deg);
					-moz-transform:rotate(-2deg); 
				/* 	-ms-transform:rotate(-2deg); */ 
					-o-transform:rotate(-2deg);
					-webkit-perspective:1000;
				-webkit-backface-visibility:hidden;
					-webkit-transform-style: preserve-3d;
					
				}
			.mask.left:hover, .mask.right:hover, .right.mask.hover,.left.mask.hover{
				width: 18%;
				
			}
		
		.character_content_holder{
			 
			width: 140%;
			height: 100%;
			bottom:0;
			left:0;
			position: absolute;
			overflow: visible;
		}
			.character_content_holder h2{
				position: absolute;
				z-index: 5001;
				bottom:0;
				left:5%;
				-webkit-transform:rotate(20deg);
				-moz-transform:rotate(20deg);
			/* 	-ms-transform:rotate(20deg); */
				-o-transform:rotate(20deg);
				transform:rotate(20deg);
			}
			.character_background{

				height: 100%;
				width: 200%;			
				position: absolute;
				top:0;
				bottom:0;
				left:-30%;
				background: url(../images/characters/mandrake/back.jpg) repeat;
				z-index: 1;
			}
			.character_img{
	
				position: absolute;
				bottom:0;	
				left:-15%;
				z-index: 2;
				transition		: left .5s;
				-webkit-transition: left .5s;
				-moz-transition:	left .5s;
				-o-transition:		left .5s;
			}
				.mask.left:hover .character_img,.mask.left.hover .character_img{
					
					left:-10%;
				}
				.mask.right .character_img{
					left: auto;
					right: 0;
					
				}
	
		#bomba_holder{

			
		}
		
		#bufo_holder{
			
			
			
			
		}
		
/* Character LANDING PAGE TABLET STYLES */
@media (max-width: 770px) {
	 body.characters .secondary_logo {
  	
  	top:50px;
  }
#right_side_image img,#left_side_image img{
	height: auto;
	width: 100%;
	
}
  .portrait .character_landing_title_container {
			font-size:65%;
		}
  
  section#characters .page_info_container {
  	top:5%;
  }

  .portrait #character_landing_container {
  	height:75%;
  }
  
  section#characters .section_title_holder {
  	width:120%;
  	left:-10%;
  }
.bottom_gradient{
	
	height: 22%;
}
  #bomba_character {
  	height:60%;
  	left:79%;
  	bottom:3%;
  }
 #bufo_character {
  	height:60%;
  	bottom:5%;
  	left:50%;
  }
  #mandrake_character {
  	height:90%;
  	left:-25%;
  }

  .mask #mk_character {
  	right:25%;
  	height:60%;
  	bottom:15%;
  }
  .mask #mk_character:hover,
  .mask #mk_character.hover {
  	bottom:13%;
		height:65%;
		right:20%;
  }

  .mask #ronin_character {
  	height:40%;
  	bottom:8%;
  }
  .mask #ronin_character:hover,
  .mask #ronin_character.hover {
  	height:40%;
		bottom:10%;
  }
  
  .mask #nod_character {
  	height:75%;
  	left:45%;
  	bottom:0%;
  }
  .mask #nod_character:hover,
  .mask #nod_character.hover {
  	height:77%;
		bottom:1%;
		left:40%;
  }
  
  #queen_tara_character {
  	height:60%;
  	bottom:9%;
  }

  #nim_character {
  	height:55%;
		left:0%;
		bottom:10%;
		right:auto;
  }

	#grub_character{
		height:60%;
		bottom:10%;
	}
  
  .portrait .bottom_gradient {
  	bottom:-3%;
  }
}

/* END Character LANDING PAGE TABLET STYLES */


/* END CHARACTERS LANDING PAGE */
.page_info_container{

	position: relative;
	top:15%;
	
	height: auto;
	z-index: 1001;

	width: 40%;
	left:30%;

}
/*
section#about .page_info_container{
		width: 40%;
		left:30%;
}
*/
	.description_box_container{
		
	
	}

/* START CHARACTERS TEMPLATE */

#main_content section.character_sub_section, .characters_sub_section.section_transition_helper{
	background-position: left bottom;	
	top:auto;
	bottom:0;
	left:0;
}
	
	section.character_sub_section{
		transition		: opacity 1s;
		-webkit-transition: opacity 1s;
		-moz-transition:	opacity 1s;
		-o-transition:		opacity 1s;
		
	}
	.character_main{
		position: absolute;
		left:0;
		bottom:0;
		z-index: 5;
		/*TL*/
		z-index:555;
		height: 85%;
			-webkit-transform: translateZ(0);
		transform: translate3d(0);
		
		
	}
		.character_main 
		.character_content_wrapper h1{
			margin:.67em 0;
			
		}
		.character_info_container{
			position: absolute;
			right:10%;
			top:5%;
			width: 40%;
			height: auto;
			z-index: 101;
		
			-webkit-perspective:1000;
			-webkit-backface-visibility:hidden;
			max-width: 800px;		
			
		}
			.character_info_container{
				max-width: 75%;
				
			}
			h1.is_text{
				margin-bottom: .3em;
				font-size: 3em;
			}
			h1.is_img{
				text-indent: -9999px;
				
			}
			.character_info_container h1 img{
				
				width: auto;
				height: auto;
				max-width: 72%;
				margin:0;
				margin-bottom: .5em;
				max-height: 2em;
			}

			.play_video_tab{
				background-color: #1d1a03;
				border-radius: 5px 5px 0 0;
				position: absolute;
				bottom:102%;
				right: -8px;
			}
				.play_thumb{
					float: left;
					margin: 2px;
					height: 40px;
					width: 72px;
					position: relative;
					background-image: url(../images/characters/mandrake/video_thumb.jpg);
					
				}
					
					.play_thumb img{
						 line-height: 100%;
						 text-align: center;
						 vertical-align: middle;
						
						 margin: auto;
						 margin-top: 14px;
						 margin-left: 30px;
					 }
				.play_video_tab h4{
					float: left;
					text-transform: uppercase;
					padding: 0 1em;
				}	 
					
					
			.close_x{
				position: absolute;
				left:100%;
				top:-8px;	
				background: url(../images/ui/overlay_background.png) repeat;	
				padding-left: 8px;	
				-webkit-perspective:1000;
				-webkit-backface-visibility:hidden;
				cursor: pointer;
		
			}
				.close_x img{
					-webkit-transform:rotate(0);
					-moz-transform:rotate(0);
					-ms-transform:rotate(0);
					-o-transform:rotate(0);
					transform:rotate(0);
					-webkit-transition:-webkit-transform 0.5s ease;
					-moz-transition:-moz-transform 0.5s ease;
					-ms-transition:-ms-transform 0.5s ease;
					-o-transition:-o-transform 0.5s ease;
					transition:transform 0.5s ease;
					-webkit-perspective:1000;
					-webkit-backface-visibility:hidden;
					-webkit-transform-style: preserve-3d; 
					position: relative;
					
				}
				.close_x:hover img{
						-webkit-transform:rotate(180deg);
						-moz-transform:rotate(360deg);
						-ms-transform:rotate(360deg);
						-o-transform:rotate(360deg);
						transform:rotate(360deg);
					
				}
				.close_x img{
					width:2em;
					height: 2em;
					margin: 1em;
					
					
				}
			.description_box{
			
				position: relative;
				background: rgb(29,23,1);
				background: rgba(29,23,1,.85);
				width: 80%;
				-webkit-backface-visibility:hidden;
					-webkit-transform-style: preserve-3d; 
				
			
			}	
			

				.description_container{
					position: absolute;
					top:30%;

					opacity: 0;
					overflow-y: auto;
						
				}
	
					.character_content_wrapper .overflow_container{
						
						overflow-x: hidden;
						max-height: 250px;
						max-height:11em;
						padding-right: 20px;
						clear:left;
						
					}
					
					.character_content_wrapper .box_margin{
						padding: 0 1em 1em 1em;
						
					}
						.character_content_wrapper ::-webkit-scrollbar {
							
   						}
    	
   						.description_box ::-webkit-scrollbar-track,.photos_grid_container::-webkit-scrollbar-track {
	
						    background-color: rgba(29,23,1,.95);
						}
						
						 .description_box ::-webkit-scrollbar-thumb,.photos_grid_container::-webkit-scrollbar-thumb{
						
							background-image: none; 
						  border-radius: 0;
						  -webkit-box-shadow:inset 3px 2px 2px rgba(0,0,0,.3),inset -3px -2px 1px rgba(0,0,0,.3);
						  background-color: #cda636;
						    min-height: 44px;
						}
						.character_content_wrapper .description_box ::-webkit-scrollbar-thumb{
							
							  background: url(../images/ui/scroll_bar.png) no-repeat;
						  background-size: 100% auto;
						 
						   -webkit-box-shadow:inherit;
							
						}
						.character_content_wrapper .overflow_container p{
							margin-top: 0;
							
						}
					.description_container_background{
						position: absolute;
						right: 0;
						bottom:0;
						height: 100%;
						opacity: .8;
						     -webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
					}
				
					.description_box h2{
						color: #ebcd73;
						font-size: 2em;
						
						font-weight: 100;
						text-transform: uppercase;
						font-family: 'Cinzel', serif;
						margin-bottom:0;
					}
						.voiced_by{
							font-weight: 100;
							
						}
					.description_box p{
				
						vertical-align: middle;
						font-size:1.2em;
						font-weight: 100;
						text-shadow: 1px 1px 2px #000;
						text-shadow:1px 1px 0px rgb(0, 0, 0);
						line-height: 1.3em;
						color: #fee498;		
						letter-spacing:.05em;
						word-spacing: auto;
						margin:1.5em 0;
						
					}
						.characters .description_box p{
							font-size: 1.5em;
							
						}
			
			nav.cta_container .back{
				height: auto;
				width: 100%;
				z-index: 1;
				
			}
					
		nav.cta_container{
			position: relative;
			width: 100%;
		
		}	
			#index nav.cta_container{
				visibility: hidden;
				
			}
			#real_d_3d{
				-webkit-perspective:1000;
					-webkit-backface-visibility:hidden;
					-webkit-transform-style: preserve-3d; 
				position: absolute;
				left: 108%;
				top:50%;
				margin-top:-15px; 

				/**TL**/
				display: none;
				
			}
				#real_d_3d.no_ctas{
					position: fixed;
					right:25px;
					bottom:100px;
					left:auto;
					top:auto;
					margin: 0;
					
				}

			/*TL*/
			#cta_summer_backpack{
				width: 40%;
				height: 153%;
				display:block;
				position:absolute;
				top: -153%;
				left: 75%;

			}
			#cta_summer_backpack img{
				position: absolute;
			}
			#cta_summer_backpack #leaves{
				width:100%; height:100%;
			}

			#cta_summer_backpack #fun-all-in{
				width: 120%;
				height: auto;
				right: -19%;
				bottom: -18%;
			}

			#cta_summer_backpack #nim{
				width: 58%;
				height: 94%;
				height:auto;
				right: -13%;
				bottom: 0%;
			}			

			#cta_summer_backpack #text{
				width: 58%;
				height: 33%;
				height:auto;
				left: 11%;
				top: 26%%;
			}

			#summer_backpack{
				-webkit-perspective:1000;
					-webkit-backface-visibility:hidden;
					-webkit-transform-style: preserve-3d; 
				display: block;
				position: absolute;
				width: 57%;
				height:auto;
			}


			@media(max-width: 770px){
				#summer_backpack{
					width: 37%;
					height:auto;
				}

			}




			nav.cta_container ul{
				
				
			}	
				nav.cta_container ul li{
					-webkit-perspective:1000;
				-webkit-backface-visibility:hidden;
					float: left;
					width: 33%;
					height: auto;
					position: relative;
					text-align: center;
					cursor: pointer;
					top: 0;
					opacity: 1;
					-webkit-perspective:1000;
				-webkit-backface-visibility:hidden;

				}
					nav.cta_container ul li h3,nav.cta_container ul li a,#activities_page_cta_list a{
						margin: 0;
						text-shadow: 0px 1px 0px #8e6d0c;
						font-weight: 100;
						text-transform: uppercase;
						color:#ffe598;
						
					}
					nav.cta_container ul li img{
						
						width: 96%;
						margin: 1em 0 1em 2%;
						height: auto;
					}

					nav.cta_container.hide ul li{
							transform: rotateX(20deg);
							-webkit-transform: rotateX(20deg); /* Safari and Chrome */
							-moz-transform: rotateX(20deg); /* Firefox */
							top:500px;
							opacity: 0;
							  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   
					}
					nav.cta_container ul li:hover > .el{
						
						
					}
			
					li .el{
						position: absolute;
						z-index: 2;
						left:12px;
						bottom:5px;

					}
					
					
						li .el.right{
							left:auto;
							right:3px;
							
						}

						@media all and (max-width: 1250px) {
							body{
								font-size: 72%;								
							}
						/*
						.character_main{
								margin-left:-15%;
							}
							#character_thumbs ul li{
								width: 94px;
							}
						*/
						}
						@media all and (max-width: 771px) {
							body{
								font-size: 62%;								
							}
						  
						/*
						.character_main{		
								margin-left:-20%;
							}
							#character_thumbs ul li{
								width: 63px;	
							}
						*/
						}
						@media all and (max-height:800px){
							body{
								font-size: 80%;								
							}
						}


					.cta_mk_instagram{
						
						background-position: 0 0;
					}
						.cta_mk_instagram:hover .el{
							/* width: 38%; */
							
						}
						.cta_mk_instagram .el{
							width: 34%;
							bottom: 11.2%;
							left:4.2%;	
							
						}
					.cta_bombas_files{
						
						background-position: -273px  0;
						
					}
						.cta_bombas_files:hover .el.left,.cta_bombas_files:hover .el.right{
						/* 	width: 42%; */
							
						}
						.cta_bombas_files .el.left{
							width: 38%;
							bottom: 11.2%;
							left:4.2%;	
							
							
						}
						.cta_bombas_files .el.right{
							
							width: 38%;
							bottom: 11.2%;
							right:4.2%;	
							
						}
						
					.cta_ride_with_the_leafman{
						
						background-position: -546px  0;
						
					}
						.cta_ride_with_the_leafman .el{
							width: 80%;
							bottom: 11.2%;
							right:4.2%;	
							
							
						}
							.cta_ride_with_the_leafman:hover .el{
								/* width: 85%; */
							}
		
		.characters nav#character_thumbs{
			
			
			
		}
			
		nav#character_thumbs{
	
			
			width: 100%;	
			position: absolute;
			top:4px;
			display: none;
			margin: auto;
			z-index: 12;
			background-color: #000b12;		
			box-shadow: 0 0 25px #000;	 					  
			-webkit-perspective:1000;
			-webkit-backface-visibility:hidden;
			  	
		}		
			nav#character_thumbs.show{
				
			}
			
			.border_top{
				position: absolute;
				z-index: 10;
				height: 2px;
				width: 100%;
				top:0;
				left:0;
				background-color: rgb(0,8,23);
				box-shadow: 1px 1px -18px rgb(0,8,23);
				
			}
			.border_bottom{
				position: absolute;
				z-index: 10;
				height: 2px;
				width: 100%;
				bottom:0;
				left:0;
				background-color: #000;
				box-shadow: 1px 1px 18px rgb(0,8,23);
			}
			#character_thumbs ul{
				text-align: left;
				padding-right:16%;
				margin: auto;  
				font-size: 0px;
				letter-spacing: 0px;
				word-spacing: 0px;
				background-color: transparent;
				height: 100%;
				 
				position: relative;
				  			
			}
				
				#character_thumbs li{
					
					display: inline-block;
					overflow: hidden;		 
					height: 100%;
					cursor: pointer;
					position: relative;
					text-indent: -9999px;
					margin: auto 0;
					padding: 0;	
					opacity: .8;
					  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";   
					transition: opacity .5s;
					-webkit-transition: opacity .5s;
					-moz-transition:	opacity .5s;
					-o-transition:		opacity .5s;		
									
				}
					#character_thumbs li .sprite{
						width: 100%;
						position: absolute;
						left:0;
						
					}
					.thumb_sprite_placeholder{
						
						width: 100%;
						height: auto;
						visibility: hidden;
						position: relative;
						left:0;
						top:0;
					}
					.sprite{
						
					
					}
					#character_thumbs li:hover,#character_thumbs li.active{
						opacity: 1;
						  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";   
					}
					
					#character_thumbs li a{
						
						height: auto;
						width: 100%;
						display: block;
	
						z-index: 5;

					}
						.thumb_img{
							width: 100%;
							display: block;
							/*TL*/
							/*display: none;*/
							opacity: 0;
							 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   
							transition		: opacity .5s,top .5s;
							-webkit-transition: opacity .5s,top .5s;
							-moz-transition:	opacity .5s,top .5s;
							-o-transition:		opacity .5s,top .5s;
							position: relative;
							top:-50px;	
						}
							.thumb_img.show{
								opacity: .99;
								 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=99)"; 
								 top:0;
							}
						
						#character_thumbs li a:hover{
							
							font-size: 0px;
							letter-spacing: 0px;
							word-spacing: 0px;
							
						}
					.thumb_active_border{
						left:-5px;
						
						position: relative;
						opacity: 0;
						  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   
						
					}
						.active .thumb_active_border{
							top:-5px;
							opacity: 1;	
							  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";   
						} 
						
							
					#_1thumb .sprite{
						
						top:0;
					}
					#_2thumb .sprite{
						top:-100%;						
					}
					#_3thumb .sprite{
						top:-200%;
						
					}
					#_4thumb .sprite{
						
						top:-300%;
					}
					#_5thumb .sprite{
						top:-400%;
						
					}
					#_6thumb .sprite{
						
						top:-500%;
					}
					#_7thumb .sprite{
						top:-600%;
						
					}
					#_8thumb .sprite{
						
						top:-700%;
					}
					#_9thumb .sprite{
						
						top:-800%;
					}
				
			.characters nav.cta_container{
				margin-top: -20px;
				width: 102%;
				text-transform: uppercase;
			}	
				
		.gradient{
			position: absolute;
			z-index: 1;
		}		
			#left_gradient{
				left:0;
				top:0;
				height: 100%;
				width: auto;
				min-height: 600px; 
			}
			#right_gradient{
				right:0;
				top:0;
				height: 100%;
				width: auto;
				min-height: 600px; 
			}
			#bottom_gradient{
				bottom:0;
				width:100%;
				
			}
	.character_content_wrapper{
		position: relative;
		height: 100%;
		max-width: 2200px;
		margin: auto;
		/*TL*/
		z-index: 2;
		
	}	
		.character_main{
			
			height: 100%;
		}		
/* END CHARACTER TEMPLATE */

	/* START NOD */	
	section#nod{
		}	
		.nod.characters nav#character_thumbs{
		
		
		}
		.description_box{
			
			background-position: bottom right;
		}
		.content#characters{
		
			background-color: #000b12;

		}
		
	
	section#mandrake{
	
		
		
	}
		#mandrake .description_box{
		
		}
		section.characters .character_container{
			
			
			
		}
	section#queen_tara .character_container{
		left:10%;
		
	}	
	section#bufo .character_container{
		left:6%;
		
	}
		section#bufo .character_main{
			height: 90%;

			
		}
	section#general_ronin .character_container{
		
		left:5%;
		
	}
		section#general_ronin .character_container img{
			height: 90%;
			
		}
	/* END  NOD */


/* CHARACTERS TEMP */

/* CHARACTERS Tablet TEMP */
@media (max-width: 770px) {
  
  body.characters #character_thumbs .secondary_logo {
  	width:200px;
  	right: 15px;
  	top: 45px;
  }
  .character_info_container {
  	right:12%;
  	width:55%;
  	font-size:87%;
  }
  .character_info_container h1.is_img {
  	padding-bottom:2%;
  	width:50%;
  }

  .bottom_gradient.footer {
  	height:20%;
  }
  .sub_section_arrow img {
  	margin:110% 0 0 0;
  	width:80%;
  	height:auto;
  }
  body.characters .sub_section_arrow.right {
  	right:-14px;
  }

	section#bomba .character_container {
	  left:-55%;
	  height:94%;
	}
  section#bomba .character_info_container {
  	padding-top:13%;
  }

	section#bufo .character_container {
	  left:-15%;
	  height:95%;
	  bottom:10%;
	}
  section#bufo .character_info_container {
  	padding-top:0;
  }
  
	section#mandrake .character_container {
	  left:-35%;
	  height:90%;
	  bottom:10%;
	}
  section#mandrake .character_info_container {
  	padding-top:0;
  }
  section#mandrake .character_info_container h1.is_img {
  	width:100%;
  }
  
  section#mary_katherine .character_container {
	  left:-45%;
	  height:95%;
	  bottom:0;
	}
  section#mary_katherine .character_info_container {
  	padding-top:10%;
  	width:50%;
  }
  section#mary_katherine .character_info_container h1.is_img {
  	width:140%;
  }

  section#nod .character_container {
	  left:-40%;
	  height:100%;
	  bottom:5%;
	}
  section#nod .character_info_container {
  	padding-top:0%;
  	width:50%;
  }

  section#general_ronin .character_container {
	  left:-30%;
	  height:100%;
	  bottom:5%;
	}
  section#general_ronin .character_info_container {
  	padding-top:0%;
  }
  section#general_ronin .character_info_container h1.is_img {
  	width:120%;
  }

  section#queen_tara .character_container {
	  left:-10%;
	  height:95%;
	  bottom:5%;
	}
  section#queen_tara .character_info_container {
  	padding-top:5%;
  }
  section#queen_tara .character_info_container h1.is_img {
  	width:100%;
  }

  section#nim_galuu .character_container {
	  left:-15%;
	  height:87%;
	  bottom:6%;
	}
  section#nim_galuu .character_info_container {
  	padding-top:0%;
  	width:50%;
  }
  section#nim_galuu .character_info_container h1.is_img {
  	width:100%;
  }


/*  section#mub_and_grub .character_container {
	  left:30%;
	  height:80%;
	  bottom:6%;
	}
  section#mub_and_grub .character_info_container {
  	padding-top:10%;
  	right:40%;
  	width:50%;
  }
  section#mub_and_grub .character_info_container h1.is_img {
  	width:100%;
  }*/
  
  section#mub_and_grub .character_container {
	  left:-22%;
	  height:75%;
	  bottom:5%;
	}
  section#mub_and_grub .character_info_container {
  	right:10%;
  	width:50%;
  }
  section#mub_and_grub .character_info_container h1.is_img {
  	width:100%;
  }


}


#list_of_photos{
	display: none;
	
}

/* COMBINE WITH FRANCIS CSS BEFORE MERGE */
.photos_lightbox_image{
	
/*
	transition		: all .5s;
	-webkit-transition: all .5s;
	-moz-transition:	all .5s;
	-o-transition:		all .5s;
*/
	
}

/*

.photos_thumb{
	transition		: opacity .2s;
	-webkit-transition: opacity .2s;
	-moz-transition:	opacity .2s;
	-o-transition:		opacity .2s;
	opacity: .8;
}
	.photos_grid_item:hover .photos_thumb{
		opacity: 1;
		
	}
*/
	
section#activities{
	
	
}

	#activities_left{
		position: absolute;
		height: 100%;
		width: auto;
		left:0;
		bottom:0;
		
	}
		#activities_left img{
			position: absolute;
			bottom:0;
			width: auto;
			height: 80%;
			left:0;
		}
	#activities_right{
		position: absolute;
		height:100%;
		width: auto;
		right:0;
		bottom:0;
		
	}
		#activities_right img{
			height:80%;
			width: auto;
			position:absolute;
			right:0;
			bottom:0;
		}
section#bombas_files{
	
	
	
}
		
		


section.activities_sub_page{
	
	background-color: #000;
}
	.activities_sub_page .close_x{
		right:15px;
		top:15px;
		left:auto;
		z-index: 2004;
		
	}
	iframe#main_iframe{
		overflow: hidden;
		height: 600px;
		width:800px;
		position: absolute;
		left:50%;
		top:50%;
		margin: -300px 0 0 -400px;
		padding:0;
		background-color: #000;
		border:0;
	}
		#mothers_day_e_card iframe#main_iframe{
			height: 100%;
			width: 100%;
			left:0;
			top:0;
			margin: 0;
		}
	
		section#bombas_files iframe#main_iframe{
			width:92%;
			height: 100%;
			left:4%;
			margin: auto;
			padding:auto;
		
		
		}
	
	
		iframe#main_iframe html, iframe#main_iframe body{
			overflow: hidden;
			display: none !important;
		}

			 
#activities_page_cta_list{
	position: relative;
	
}
		.row{
			width: 100%;
			height: auto;
			
		}
		 ul#activities_page_cta_list li{
			float: left;
			width:33.33%;
			margin: auto;
			text-align: center;
			-webkit-transform:rotateY(0deg);
			text-transform: uppercase;		
		}
		ul#activities_page_cta_list li.clickable {
      cursor:pointer;
		}
			 ul#activities_page_cta_list li img{
				
				height: auto;
				 width: 90%;
				 margin: 5%;
			 }
			 
			 
section .bottom_gradient{
	
	
}		
	.index 	 .perm.bottom_gradient,.characters .perm.bottom_gradient{
		display: none;
		
	}
.bottom_gradient.footer{
	display: block;
	bottom:100%;	
}			 

/* Activities Tablet Styles */
@media (max-width: 770px) {
  body.activities .secondary_logo {
  	width:215px;
  }
  section#activities {
  	background-position:50% 0;
  }

  section#activities .page_info_container {
  	top:33%;
  	width:62%;
  	left:19%;
  }
  section#activities .section_title_holder {
  	margin-bottom:0;
  }
  #activities_page_cta_list {
  	width:130%;
  	position:relative;
  	left:-15%
  }
  ul#activities_page_cta_list li img {
  	margin-top:0;
  }
  #activities_left {
  	left:-15%;
  	top:-6%;
  }
  #activities_right {
  	right:-20%;
  	top:10%;
  }
  #activities_right img {
  	height:90%;
  }
  
  section#activities .bottom_gradient {
  	height:275px;
  }


}
/* End Activities Tablet Styles */



/* FRANCIS CSS	 */

/* TRANSITION BUFFERS */
.transition_buffer_left,
.transition_buffer_right {
  position:absolute;
  top:0;
  z-index:1020;
}
.transition_buffer_left img,
.transition_buffer_right img {
  width:auto;
  height:100%;
}

.transition_buffer_left {
  left:-400px;
}
.transition_buffer_right {
  right:-400px;
}
.transition_buffer_template {
  position:fixed;
  top:-100px;
  left:-100px;
  width:50px;
  height:50px;
}


/* SPINNER */
.spinner_container,
.spinner_halo {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:none;
}
.spinner_container {
  z-index:1010;
}
.spinner_halo {
  background-image:url(./../images/dark_overlay.png);
  background-repeat: no-repeat;
  background-position: center center;
  z-index:1;
display: block;
}

.spinner_sprite {
	position: absolute;
	left:50%;
	top:50%;
  margin-top:-57px;
  margin-left:-59px;  
  background-image:url(./../images/animations/firefly/firefly_preloader_sprite_114x117_12.png);
  background-position:0 0;
  background-repeat:repeat-x;
  display: block;
  width:114px;
  height:118px;
  z-index:2;
}

/* FOOTER */
footer{
		display: block;
		background-color: #000b12;
		height: auto;
		width: 100%;
		position: relative;
		text-align: center;
		bottom:0;
		color: #676869;
		font-size: 9px;
		position: absolute;
		z-index: 7;
		font-size:11px;
		bottom:-236px;
				-webkit-font-smoothing: antialiased;
  }
	
  @media all and (min-width: 1748px) {
		#footer_content {
		  position: relative;
			left:50%;
			margin-left: -892px !important;
			}
		}
  footer section{
			float: left;				
			text-align: center;
			margin: auto;
			vertical-align: middle;		
			display: table-cell;
			line-height: 100%;
		}

	.is_mobile footer{
			position: static;
			bottom:0;
			font-size: 12px;
			line-height: 16px;
			height: auto;
			border-top:none;
		
		}
			.is_mobile footer a{
				color: #676869;				
			} 

  footer #rating_block {
			margin-top: 10px;		
			text-align: center;	
		}
  
  .is_mobile #rating_block{
				display: block;
				width: 100%;
				margin-bottom: 9px;
			}
  
  #billing,#release_dates,#legal,#ratings,#rating_block{
	  float:left;
		width:20%;
		margin: 0 1%;
	}	
  
  #footer_content{
			height: 100%;
			width: 100%;
			max-width: 1784px;
			margin: auto;
		  position: relative;
		  z-index: 2;
		}
		#footer_content p{
				line-height:14px;
			}

	  #footer_content #release_dates{
        width:16%;
				line-height: 100%;
				vertical-align: middle;
		}
		#release_dates p {
			display:block;

			/*TL*/
			visibility:hidden;
		}

		#release_dates p:first-child {
			margin-bottom:2em;
		}
     #footer_content #release_dates a  {
		  color: #676869; 
		  display:block;   	
     }
      #release_dates p{
			  margin: 1em .5em;							
			}

    #billing {
				width: 7%;
				margin:0;
      }
    #billing p{
		  float: left;						
			}
	#billing_block_container{
	  	width: 100%;
	  	clear: left;
	  	text-align: center;
	  	
	  	
  	}
  		#billing_block{
	  		display: inline-block;
	  		margin:1em auto;
	  		
	  		
  		}		
			
    #billing .up_arrow{

				width: 0; 
				height: 0; 
				border-left: 6px solid transparent;
				border-right: 6px solid transparent;
				float: left;
				border-bottom: 6px solid #404040;
				border-top:none;
			  margin: 1.3em 0 0 .5em;		
			}
				#billing .up_arrow.down{
					border-bottom:none;
					border-top: 6px solid #404040;							
				}
				
	#release_dates{
		width: 15%;
		
	}			
    #release_dates, #billing{
		  text-transform: uppercase;
			text-align: center;
		}


    #footer_content #legal {			
		  line-height: 12px;
		  width: 40%;
		}
		#footer_content #legal a,
		#footer_content #ratings a {
		  text-decoration:underline;
			text-transform:uppercase;
		  color: #676869;
		  font-size:10px;
		}
    
    #ratings{
			width: 15%;/*12%;*/
			text-align:left;       	
     }
     #ratings p {
			text-align:left; 

     }
    
    #rating_block{
					width: 10%;
					text-align: right;
				}
      #rating_block img{
			  width: 100%;
				height: auto;
				max-width: 247px;
				min-width: 150px;
			}


/************
 *  PHOTOS
 ************/

/* START PHOTOS PAGE */
section#photos,.photos.section_transition_helper{
	background-image: url(../images/photos/back.jpg);
	background-position:top center;
}

#photos_bufo {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
  #photos_bufo img {
	  position:absolute;
	  left:0;
	  bottom:0;
    margin:0;
    height:90%;
    width:auto;
  }
  #photos_bufo img.hit_area {
   background-color:rgba(25, 100, 25, 0.5);
   width:30%;
  }
  @media (min-width: 1045px) and (max-width: 1800px) {
    #photos_bufo img.hit_area {
    
    }
  }
#photos_thugs {
  position:absolute;
  bottom:-5%;
  right:0;
  width:100%;
  height:100%;
}
 	#photos_thugs img {
	  position:absolute;
	  right:0;
	  bottom:0;
    margin:0;
    height:100%;
    width:auto;
  }

.photos_grid_container {
  -webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
	-webkit-transform-style: preserve-3d;
  padding-left: 2.2%;
  overflow: hidden;

}
	.photos_grid_container.scroll_y{
		overflow-x: hidden;
		overflow-y: auto;	
	}
.photos_grid_item,
.photo_grid_spacer {
	position:relative;
	width:32.3%;
	height:auto;
	margin:0;
	float:left;
	margin:0 1% 1% 0; 
	cursor:pointer;
	
	
}
.photo_grid_spacer {
	cursor:default;
}
  .photos_grid_item img,
  .photo_grid_spacer img {
  	width:100%;
  	height:auto;
  	display:block;
  	     -webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
  }
  .photos_grid_item .grid_frame {
  	position:absolute;
  	top:0;
  	left:0;
  	z-index:2;
  }  
  .photos_grid_item_alpha {
     margin-left:0;
  }  
  .photos_grid_item_omega {
    margin-right:0;
  }
  .photos_grid_item_mask {    
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    background: url(../images/ui/lighter_overlay.png) repeat;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      opacity: 0;
       filter: alpha(opacity=0);
   -webkit-transition: all 0.3s ease-out 0.1s;
      -moz-transition: all 0.3s ease-out 0.1s;
       -ms-transition: all 0.3s ease-out 0.1s;
        -o-transition: all 0.3s ease-out 0.1s;
           transition: all 0.3s ease-out 0.1s;
                -webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
  }
  .photos_grid_item:hover .photos_grid_item_mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
       opacity: 1;
        filter: alpha(opacity=100);    
  }
  .photos_grid_item {
    -webkit-transition: all 0.4s ease-out 0.5s;
       -moz-transition: all 0.4s ease-out 0.5s;
        -ms-transition: all 0.4s ease-out 0.5s;
         -o-transition: all 0.4s ease-out 0.5s;
            transition: all 0.4s ease-out 0.5s;
            
  }
  .photos_grid_item:hover {
   -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
       -ms-transition-delay: 0s;
        -o-transition-delay: 0s;
           transition-delay: 0s;
  }
  .photos_grid_item h4 {
    display:block;
    margin:0;
    padding:0;
    width:100%;
    height:auto;
    position:absolute;
    top:50%;
    
    margin-top:-0.5em;
    text-align:center;
    font-weight:normal;
    font-size:2em;
     -webkit-transform: scale(5);
        -moz-transform: scale(5);
         -ms-transform: scale(5);
          -o-transform: scale(5);
             transform: scale(5);
     -webkit-transition: all 0.3s ease-out 0.1s;
        -moz-transition: all 0.3s ease-out 0.1s;
         -ms-transition: all 0.3s ease-out 0.1s;
          -o-transition: all 0.3s ease-out 0.1s;
             transition: all 0.3s ease-out 0.1s;
              -webkit-perspective:1000;
	-webkit-backface-visibility:hidden;    
     }        
   
  .photos_grid_item:hover h4 {
     -webkit-transform: scale(1);
        -moz-transform: scale(1);
         -ms-transform: scale(1);
          -o-transform: scale(1);
             transform: scale(1);           
   -webkit-transition-delay: 0.1s;
      -moz-transition-delay: 0.1s;
       -ms-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
           transition-delay: 0.1s;
  }

	 .photos_grid_item a,.videos_grid_container a{           
			color:#ffe598;
		}
.photos_lightbox {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000b12;
	z-index:1002; 
	display:none;	
}
.photos_lightbox_close {
  position: absolute;
	right:9px;
  top:16px;
  cursor:pointer;
  display:none;
  background: url(../images/ui/overlay_background.png) repeat;	
	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
	z-index:4;
}
	.photos_lightbox_close img{
		width:2em;
		height: 2em;
		margin: 1em;
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-ms-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
		-webkit-transition:-webkit-transform 0.5s ease;
		-moz-transition:-moz-transform 0.5s ease;
		-ms-transition:-ms-transform 0.5s ease;
		-o-transition:-o-transform 0.5s ease;
		transition:transform 0.5s ease;
		-webkit-perspective:1000;
		-webkit-backface-visibility:hidden;
		position: relative;
	}
	.photos_lightbox_close:hover img{
			-webkit-transform:rotate(180deg);
			-moz-transform:rotate(360deg);
			-ms-transform:rotate(360deg);
			-o-transform:rotate(360deg);
			transform:rotate(360deg);			
	}

.photos_lightbox_image_container,
.photos_lightbox_image {
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
} 

.photos_lightbox_image {
	background-position: top center;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size: cover;
  background-repeat: no-repeat;	
	display: none;
}

.photos_lightbox_image.active.previous {
	z-index:2;
}
.photos_lightbox_image.active {
	z-index:3;
}
.photos_lightbox_image {
	z-index:1;
}
/* Video Tablet Styles */
@media (max-width: 770px) {
  body.photos .secondary_logo {
  	width:224px;
  	right:35%;

  }
  section#photos {
  	background-position:24% 0;
  }

  section#photos .page_info_container {
  	top:33%;
  	width:62%;
  	left:19%;
  }
  .photos_grid_container {
  	width:130%;
  	position:relative;
  	left:-15%
  }

  #photos_bufo {
  	left:-10%;
  	top:1%;
  }
  #photos_thugs {
  	right:-10%;
  	top:-15%;  	
  }
  #photos_thugs img {
  	height:90%;
  }
  
  section#photos .bottom_gradient {
  	height:250px;
  }
  
}
/* END Video Tablet Styles */


/* END PHOTOS PAGE */


/* START VIDEOS PAGE */
section#videos{
	background-image: url(../images/videos/back.jpg);	
}
section#videos h3 {
	font-size:3em;
	line-height:1em;
	margin:0;
  padding:0;
	font-weight:normal;
}

#videos_queen {
  position:absolute;
	top:0;
  left:0;
  width:100%;
  height:100%;
}
	#videos_queen img {
		position:absolute;
	  bottom:0;
    left:0%;
    height:95%;
    width:auto;
	}
#videos_rightside {
  position:absolute;
	bottom:0;
  left:0;
  width:100%;
  height:100%;
}
	#videos_rightside img {
		position:absolute;
	  bottom:0;
	  right:0;
    height:80%;
    width:auto;
	}

.videos_grid_container {
  height: auto;  
}
.videos_grid_item,
.videos_grid_spacer {
  position:relative;
  width:32%;
  height:auto;
  margin:0;
  float:left;
  margin:0 1% 2%; 
  cursor:pointer;
}
.videos_grid_spacer {
  cursor:default;
}
  .videos_grid_item img,
  .videos_grid_spacer img {
    width:100%;
    height:auto;
    display:block;
     -webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
  
  }
  .videos_grid_item .videos_grid_item_frame,
  .videos_grid_item .videos_grid_item_play {
    position:absolute;
    top:0;
    left:0;
    z-index:2;
  }
  .videos_grid_item .videos_grid_item_play {
    z-index:3;
  }
  .videos_grid_item_alpha {
     margin-left:0;
  }  
  .videos_grid_item_omega {
    margin-right:0;
  }
  .videos_grid_item_play {
    visibility:hidden;
  }
  .videos_grid_item_mask {    
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
    background: url(../images/ui/lighter_overlay.png) repeat;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=00)";
      opacity: 0;
   -webkit-transition: all 0.3s ease-out 0.1s;
      -moz-transition: all 0.3s ease-out 0.1s;
       -ms-transition: all 0.3s ease-out 0.1s;
        -o-transition: all 0.3s ease-out 0.1s;
           transition: all 0.3s ease-out 0.1s;
           	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;

  }
  .videos_grid_item:hover .videos_grid_item_mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
       opacity: 1;
        filter: alpha(opacity=100); 
      
  }
  .videos_grid_item {
    -webkit-transition: all 0.4s ease-out 0.5s;
       -moz-transition: all 0.4s ease-out 0.5s;
        -ms-transition: all 0.4s ease-out 0.5s;
         -o-transition: all 0.4s ease-out 0.5s;
            transition: all 0.4s ease-out 0.5s;
  }
  .videos_grid_item:hover {
   -webkit-transition-delay: 0s;
      -moz-transition-delay: 0s;
       -ms-transition-delay: 0s;
        -o-transition-delay: 0s;
           transition-delay: 0s;
  }
  
  .videos_grid_item h4 {
  	display:block;
    margin:0;
    padding:0;
    width:100%;
    height:auto;
		position:absolute;
    top:50%;
    margin-top:-0.5em;
    text-align:center;
    font-weight:normal;
    font-size:2em;
     -webkit-transform: scale(5);
        -moz-transform: scale(5);
         -ms-transform: scale(5);
          -o-transform: scale(5);
             transform: scale(5);
     -webkit-transition: all 0.3s ease-out 0.1s;
        -moz-transition: all 0.3s ease-out 0.1s;
         -ms-transition: all 0.3s ease-out 0.1s;
          -o-transition: all 0.3s ease-out 0.1s;
             transition: all 0.3s ease-out 0.1s;
             	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
	 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";	 
  }
  .videos_grid_item:hover h4 {
     -webkit-transform: scale(1);
        -moz-transform: scale(1);
         -ms-transform: scale(1);
          -o-transform: scale(1);
             transform: scale(1);           
   -webkit-transition-delay: 0.1s;
      -moz-transition-delay: 0.1s;
       -ms-transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
           transition-delay: 0.1s;
         -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";	    
  }
  
.videos_grid_container_single_column {
  width:33%;
  margin:0 auto;
}
.videos_grid_container_single_column .videos_grid_item,
.videos_grid_container_single_column .videos_grid_item_alpha,
.videos_grid_container_single_column .videos_grid_item_omega {
  width:100%;
  margin-left:0;
  margin-right:0;
}

.videos_lightbox {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1002; 
  background: url(../images/ui/overlay_background.png) repeat;
  transition		: opacity .5s;
  -webkit-transition: opacity .5s;
  -moz-transition:	opacity .5s;
  -o-transition:		opacity .5s;

}
	#list_of_videos{
		opacity: .1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=05)";	
		
	}
.videos_lightbox .close_x {
  padding-left:0;

}

.videos_lightbox_image_container,
.videos_lightbox_image {
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
}
.ytForSizing {
  visibility:hidden;
}


/* Video Tablet Styles */
@media (max-width: 770px) {
  body.videos .secondary_logo {
  	width:224px;
  }
  
  section#videos {
  	background-position:top right;
  }

  section#videos .page_info_container {
  	top:33%;
  	width:62%;
  	left:19%;
  }
  .videos_grid_container {
  	width:130%;
  	position:relative;
  	left:-15%
  }
  .videos_grid_container.videos_grid_container_single_column {
  	width:40%;
  	position:inherit;
  	left:0;
  	margin-bottom:3%;
  }

  .videos_grid_container.videos_grid_container_single_column .videos_grid_item {
  	margin-bottom:8%;
  }

  #videos_rightside {
  	display:none;
  }
  #videos_queen {
  	left:-22%;
  	top:-20px;
  }
  #videos_queen img {
  	height:90%;
  	bottom:inherit;
  	top:5%;
  }
  section#videos .bottom_gradient {
  	height:250px;
  }
  section#videos #fullscreen_video_container {
  	top:25%;
  }
}
/* END Video Tablet Styles */


.tablet-social  {
	display:none;
}

/* Global Tablet Resize Rules */
@media (max-width: 770px) {
	body {
		font-size:85%;
	}
	#main_nav #social_nav {
		display:none;
	}
	#main_nav ul.navigation_list li.main_nav_list_el {
		padding:0.75em 0.75em .5em;
	}
	header #sound_icon {
    top:35%;
	}

	.section_arrow {
		width:56px;
		height:66px;
	}
	.section_arrow img {
		width:100%;
		height:auto;

	}
	.section_arrow.left {
		border-radius:0 7px 7px 0;
	}
	.section_arrow.right {
		border-radius:7px 0 0 7px;
	}

	.tablet-social {
    position: absolute;
    top: -50px;
    left: 0;
    z-index:80;
    height: 20px;
	  width:100%;
	  display:block;
	}
	.tablet-social #find_us {
		text-shadow:none;
		font-size:0.95em;
		color:#eec14c;
	}
	.tablet-social .right_side_triangle {
    margin-left:3px;
	}
	.tablet-social #facebook{
    margin-left: 12px;
	}

  #release_dates, #legal, #ratings, #rating_block{ 
    margin:0;
  }
  footer {
  	padding:10px 0 0;
  }
  #footer_content #release_dates {
  	display:block;
  	width:38%;
  }
  #footer_content #release_dates p {
  	margin:0;
  	float:left;
  	text-align:center;
  }
  #footer_content #release_dates p.international {
  	width:70%;
  }
  #footer_content #release_dates p.sitemap {
  	width:30%;
  }  
  #footer_content #ratings {
  	display:block;
  	width:50%;
  	position:absolute;
  	top:0;
  	left:50%;
  	text-align:center;
  }
  #footer_content #ratings p {
  	margin:0;
  	text-align:center;
  }

  #footer_content #legal {
  	width:90%;
  	padding:0 5%;
  	display:block;
  }
  
  #footer_content #rating_block {
  	display:block;
  	width:100%;
  	margin:0 auto 10px;
  }
  #footer_content #rating_block img {
  	margin:0 auto;
  }
  #billing{
	  width:11%;
	  
  }
  	#billing p{
	  	
	  	margin: 0;
	  	text-align: center;
  	}
  #billing .up_arrow{
	  	margin-top: .2em;
	  	
  	}
/*
  .hover_underline_wrapper {
  	display:none;
  }*/
}
/* END Global Tablet Styles */


/* END VIDEO PAGE */


/* START PARTNER PAGE */
section#partners {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
background-image: url(../images/index/_1layer/bg.jpg); 

}
	#partners_overlay {	
		 background:#000;
		 opacity:.95;
		 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";	
		 top:0;
		 left:0;
		 height:100%;
		 width:100%;
		transition		: opacity .5s;
		-webkit-transition: opacity .5s;
		-moz-transition:	opacity .5s;
		-o-transition:		opacity .5s;
	}
.partners_lightbox_close {
  position: absolute;
	right:9px;
  top:16px;
  cursor:pointer;
  background: url(../images/ui/overlay_background.png) repeat;	
	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
}
	.partners_lightbox_close img{
		width:2em;
		height: 2em;
		margin: 1em;
		-webkit-transform:rotate(0);
		-moz-transform:rotate(0);
		-ms-transform:rotate(0);
		-o-transform:rotate(0);
		transform:rotate(0);
		-webkit-transition:-webkit-transform 0.5s ease;
		-moz-transition:-moz-transform 0.5s ease;
		-ms-transition:-ms-transform 0.5s ease;
		-o-transition:-o-transform 0.5s ease;
		transition:transform 0.5s ease;
		-webkit-perspective:1000;
		-webkit-backface-visibility:hidden;
		position: relative;
		
	}
	.partners_lightbox_close:hover img{
			-webkit-transform:rotate(180deg);
			-moz-transform:rotate(360deg);
			-ms-transform:rotate(360deg);
			-o-transform:rotate(360deg);
			transform:rotate(360deg);			
	}

.partners_wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -35%;
	margin-top: -9%;
	width: 70%;
	height:auto;
}
.partners_wrapper h1{
	margin-bottom: 1em;
	
}
.partners_wrapper h3 {
	margin:0;
	padding:0;
	font-size:2em;
}
.partners_wrapper h3 img {
	margin:0 auto;
	height: 1.4em;
  line-height: 1.4em;
  vertical-align: middle;
}

hr {
border:0;
  width:100%;
  color:#374348;
  background-color:#374348;
  height:1px;
  display:block;
	margin:0;
	padding:0;
}
hr.partners_top_line {
	margin-top:1%;
  margin-bot:4%;
}

.partners_row {
  width:90%;
  height:auto;
  padding:0;
  margin:1.5% 0 1.5% 5%;

}
.partners_row_items {      
	width:100%;
  height:auto;
}
	.logo_link{
		position: relative;
		display: block;
		/*TL*/
		cursor: default;
	}
.alert_box_overlay{
	display: none;
	position: absolute;
	z-index: 200;
	height: 100%;
	width: 100%;
	left:0;
	top:0;
	z-index: 9998;
	background: url(../images/ui/overlay_background.png) repeat;

}
	#alert_box{
		width: auto;
		height: auto;
		width: 35%;
		height: auto;
		left:32%;
		top:40%;
		position: absolute;
		text-align: center;
		z-index: 9999;
		visibility: hidden;
		z-index: -1;
		/*TL*/
		font-size:1.3em;
		background:black;
		border:7px ridge rgb(238, 192, 72);
	}

		#alert_box .lightbox{
		}

		#alert_box .close_x{
			left:101%;
			background:none;
		}
		#alert_box .description{
			text-align: center;
			
		}
			#alert_box .description h3{
				color:#f7f7f7;
				/*font-size:16px;*/
			}
			#alert_box .description .button{
				display: inline;
				cursor: pointer;
				text-transform: uppercase;
				margin: .2em;
				font-size: 1.35em;
				color: #ae9342;
			}
				.button a{
					color: #ae9342;
					
				}
				
				
		#alert_box img#frame_background{
			width: 100%;
			height: 100%;
			z-index: 1;
			position: absolute;
			
		}



	/*TL*/
	/* Gameloft Special Code Promo Pop*/
	#mob_pop{
		width: auto;
		height: auto;
		width: 35%;
		height: auto;
		left:32%;
		top:23%;
		position: absolute;
		text-align: center;
		z-index: 9999;
		visibility: hidden;
		z-index: -1;
		/*TL*/
		font-size:1.3em;
		background:black;
	}	
	#mobpop_bg{
		width:100%;
		height:auto;
	}
	#mobpop_btn{
		position: absolute;
		bottom: 7%;
		left: 24%;
	}


	/*TL*/
	/* Coloring Storybook App Promo Pop*/
	#coloring_pop{
		width: auto;
		height: auto;
		width: 49%;
		height: auto;
		left: 27%;
		top: 18%;
		position: absolute;
		text-align: center;
		z-index: 9999;
		visibility: hidden;
		z-index: -1;
		/*TL*/
		font-size:1.3em;
		background:black;
	}	

	#coloring_pop .description_box{
		width: 100%;
	}

	#coloring_bg{
		width:100%;
		height:auto;
	}

	#coloring_pop a img{
		width:23%;
		height:auto;
		position: absolute;
	}

	#coloring_pop a#apple img{
		top: 18%;
		right: 5%;
	}
	#coloring_pop a#google img{
		top: 29%;
		right: 5%;
	}
	#coloring_pop a#amzn img{
		top: 40%;
		right: 5%;
	}



	.partner_item_container {
	  height:auto;
	  float:left;
	  /*margin-left:5%;*/
	  display:block;
	  position: relative;
	  z-index: 1;
	}
		.partner_item_container.active{
			
			z-index: 100;
		}
		.partner_item_container.show_info .info_container{
			display: block;
		
		}
		.info_container{
			
			display: none;
			position: absolute;
			max-width: 200%;
			top:0;
			right:100%;
				
		}	
		.partner_item_container .info_container{
			text-align: right;
			  
		}
		.partner_item_container.left .info_container{
				text-align: left;
				left:100%;
				right:auto;			
			}
			.info_container h2{
				font-size: 1.4em;
				margin: 0;
			}
			.info_container p{
				color: #f7f7f7;
				margin-top: .3em;
				margin-bottom: 0;
				font-size: 1.3em;
			}
			.info_container a{
				 white-space: pre-wrap;
				 white-space: -moz-pre-wrap; 
				 white-space: -pre-wrap; 
				 white-space: -o-pre-wrap;  
				 word-wrap: break-word;
				color: #ffe598;
			}
			.info_container.left{
				
				right:100%;
				
			}
			.info_container.right{
				left:100%;
				
			}
		img.partner_logo{
			  width: 80%;
			  margin-left: 10%;
			  height: auto;
			  margin: auto;
			  display: block;
			  cursor: pointer;
			  opacity: 1;
			  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
			  transition		: opacity .5s;
			  -webkit-transition: opacity .5s;
			  -moz-transition:	opacity .5s;
			  -o-transition:		opacity .5s;
			  -webkit-perspective:1000;
			  -webkit-backface-visibility:hidden;
				
		}
			img.partner_logo:hover{
				-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
				opacity: :1;
			}
			.innactive_mask{
				
/*
				height: 100%;
				width: 100%;
				display: none;
				z-index: 1;
				top:0;
				left:0;
				position: absolute;
				background: url(../images/ui/overlay_background.png) repeat;
*/
		
			}
				.active.overlay .partner_logo{
					opacity: .98;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=98)";
				}
				
				.overlay .partner_logo{
					opacity: .03;
					-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=3)";	
				}
			img.partner_logo.vertically_center{
				
			position: relative;	
				

			}
		
.partners_item_alpha {
  margin-left:0;
}
.partners_item_image {
  width:100%;
  height:auto;
  display:block;  
  display:none;
  margin:0 auto;
}

/* END PARTNER PAGE */


/* DEACTIVATOR */
.deactivate_site {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: url(../images/ui/overlay_background.png) repeat;
  z-index:2000;
  display:none;
  cursor:pointer;
}
h5 {
  display:block;
  text-align:center;
  color: #ffe598;
  position:absolute;
  top:50%;
  margin-top:-5%;
  width:100%;
  height:auto;
  font-size:5em;
  cursor:pointer;
}

/* DEACTIVATOR */

.hover_underline {
  position:relative;
}
.underline_size_ref,
.underline_size_ref:hover {
  text-decoration:none;  
}
.hover_underline_wrapper {
  position:absolute;
  top:0;
  left:0;
  width:100%
}
.hover_underline_sizer {
  height:2px;
  margin:0 auto;
/*  background-color:rgb(37, 57, 93);*/
}
.hover_underline_line {
  width:0%;
  margin:0 auto;
  height:2px;
}

/* END FRANCIS CSS */
	


			 
/*----------------------------- END INDIVIDUAL PAGE STYLES------------------------------ */

/* START JUSTIN.CSS */

section#sitemap{

	background-image: url(../images/about/background.jpg);	
	
}

section#sitemap div.sitemap-content {
	background: url(../images/ui/sitemap_background.png) repeat;
	max-height: 38em;
	overflow-y: auto;

}

section#sitemap div.sitemap-content div.sitemap-content-wrapper {
	padding:35px;
	-moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
}



section#sitemap div.sitemap-content ul {
	padding:0 0 0 20px;
}

section#sitemap div.sitemap-content ul > li {
	list-style:disc;
	margin-bottom:.5em;
}

section#sitemap div.sitemap-content ul > li > ul > li {
	list-style:circle;
	margin-bottom:0;
}

section#sitemap div.sitemap-content ul li a {
	color: #fee498;
	font-size:1.4em;
}

/* END JUSTIN.CSS */




/* ANIMATIONS */

#bottom_animation_container{
	position	: 	absolute;
	height		: 	40%;
	bottom		:	0;
	width: 100%;
	left:0;
	z-index: -1;
	
}

	.firefly{
		position: absolute;
		z-index: 1;
		height: auto;
		left:0;
		opacity: 1;
		transition: 		opacity 1.5s ease-out, top .2s linear;
		-webkit-transition:opacity 1.5s ease-out, top .2s linear;
		-moz-transition:	opacity 1.5s ease-out, top .2s linear;
		-o-transition:		opacity 1.5s ease-out, top .2s linear;
	}