@charset "UTF-8";
/* CSS Document */
@media only screen and (max-device-width : 1000px) and (orientation : portrait) {
.image_wrap_ws {
	position: fixed;
	height: 50%;
	top: 10em;
	z-index: 800;
	min-height: 330px;
	min-width: 370px;
	width: 36%;
	left: 15px;
	max-height: 400px;
}
#maincontainer {
	min-width: 1000px;
	z-index: 11;
	position: absolute;
	width: 100%;
	left: -25px;
	top: 12%;
	overflow: hidden;
	visibility: hidden;
}
}
@media only screen and (max-device-width : 1000px) and (orientation : landscape) {
.image_wrap_ws {
	position: fixed;
	height: 50%;
	top: 1em;
	z-index: 800;
	min-height: 330px;
	min-width: 370px;
	width: 36%;
	left: 15px;
	max-height: 400px;
}
#maincontainer {
	min-width: 1000px;
	z-index: 11;
	position: absolute;
	width: 100%;
	left: -25px;
	top: 2%;
	overflow: hidden;
	visibility: hidden;
}
}
/*for iPnone 4*/

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : landscape){
.image_wrap_ws {
	
	top: -1em;
	
}
.fit {
	width: 90%;
	height: auto;
	margin-left: 1%;
	margin-top: 3%;
}
}
/*for iPhone 5*/
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (device-aspect-ratio: 40/71)
  and (orientation: landscape) {

.image_wrap_ws {
	position: fixed;
	height: auto;
	top: -4.2em;
	z-index: 800;
	min-height: 410px;
	min-width: 380px;
	width: 36%;
	left: 15px;
	max-height: 400px;
	overflow-y: visible;
	background-color: yellow;
	}
#tn_ws {
	height: auto;
	width: 75%;
	bottom: 15px;
	position: absolute;
	max-height: 65%;
	min-width: 330px;
	right: 15px;
	display: inline-block;
	visibility: visible;
	}
.fit {
	width: 70%;
	height: auto;
	margin-left: 10%;
	}

	.b_i_24pt {
		text-align: right;
		white-space: nowrap;
		
		}
.mejs-container{
	margin-top: 0em;
	  
  }
	
}

/*for iPhone 6*/
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape){
.image_wrap_ws {
	
	top: -2em;
	
}
.fit {
	width: 100%;
	height: auto;
	margin-left: 1%;
	margin-top: 3%;
}
	
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) 
and (orientation : portrait){
	
.ipad_sc {
	position: fixed;
	top: 720px;
	bottom:0;
	right: 0px;
	left: 0px;
	width: 100%;
	height: auto;
	overflow-y: visible;
	visibility: visible;
	overflow-x: hidden;
	
}
#maincontainer {
	min-width: 1000px;
	z-index: 11;
	position: absolute;
	width: 100%;
	left: -25px;
	top: 0;
	overflow: hidden;
	visibility: visible;
}
#filmcontentcolumn {
	
	margin: -300px 20% 0 20%;
	overflow: visible;
	visibility: visible;
	width: 60%;
	
	

	}
.image_wrap_ws {
	position: fixed;
	height: auto;
	top: 40px;
	z-index: 800;
	min-width: 370px;
	width: 55%;
	left: 27%;
	max-height: 400px;
	}
	#tn_ws {
	height: auto;
	width: 110%;
	top: 15px;
	position: absolute;
	max-height: 320px;
	min-width: 330px;
	right: 0px;
	display: inline-block;
	visibility: visible;
	}
	#aptf {
	left: 0%;
	top: 30px;
	vertical-align: middle;
	height: auto;
	display: inline-block;
	font-size: 20px;
	min-height: 350px;
	z-index: 1000;
	position: relative;
	visibility: hidden;
	padding-bottom: 4em;
	letter-spacing: 0.25em;
	overflow-y: scroll; /* has to be scroll, not auto */
 	-webkit-overflow-scrolling: touch;
	padding-left: 0%;
}
	
.mov_menus_tf {
	text-align: left;
	clear: left;
	float: left;
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0px;
	display: inline;
	position: relative;
	right: 0px;
	color: #666;
	letter-spacing: 0.3em;
	margin-left: 3em;
	zoom: 1;
	*display: inline;
	padding-right: 0px;
	padding-bottom: 2em;
	min-width: 435px;
	max-width: 780px;
	line-height: 1.5em;
	visibility: hidden;
	font-size: 24px;
}
.b_24ptnv {
	font-size: 32px;
	font-weight: bold;
	letter-spacing: 0.2em;
	
}

.i_17pt {
	font-size: 26px;
	font-style: italic;
	visibility: visible;
	margin-left: -1em;	
}
.i_17ptnv {
	font-size: 26px;
	font-style: italic;
	letter-spacing: 0.2em;
	margin-left: -1em;	
}
a:link {
    
	font-weight: bolder;
	
}

a:visited {
    
	font-weight: bolder;
	
}	
.ipad_sc_hidden {
	position: fixed;
	top: 0px;
	
	right: 0px;
	
	width: 100%;

	overflow: hidden;
	visibility: hidden;
	
	min-width: 400px;
}

.mejs-container{
	
	margin-right: auto;
	margin-left: auto;
	padding-right: 150px;
	
	
	
}
.redi {
	
	background-color: yellow;}
}