@font-face {
    font-family: 'horrosregular';
    src: url('fonts/horros-webfont.eot');
    src: url('fonts/horros-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/horros-webfont.woff2') format('woff2'),
         url('fonts/horros-webfont.woff') format('woff'),
         url('fonts/horros-webfont.ttf') format('truetype'),
         url('fonts/horros-webfont.svg#horrosregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'steak_huregular';
    src: url('fonts/steak_hu_0-webfont.eot');
    src: url('fonts/steak_hu_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/steak_hu_0-webfont.woff2') format('woff2'),
         url('fonts/steak_hu_0-webfont.woff') format('woff'),
         url('fonts/steak_hu_0-webfont.ttf') format('truetype'),
         url('fonts/steak_hu_0-webfont.svg#steak_huregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanslight';
    src: url('fonts/opensans-light-webfont.eot');
    src: url('fonts/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-light-webfont.woff2') format('woff2'),
         url('fonts/opensans-light-webfont.woff') format('woff'),
         url('fonts/opensans-light-webfont.ttf') format('truetype'),
         url('fonts/opensans-light-webfont.svg#open_sanslight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'open_sanslight_italic';
    src: url('fonts/opensans-lightitalic-webfont.eot');
    src: url('fonts/opensans-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-lightitalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-lightitalic-webfont.woff') format('woff'),
         url('fonts/opensans-lightitalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-lightitalic-webfont.svg#open_sanslight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansitalic';
    src: url('fonts/opensans-italic-webfont.eot');
    src: url('fonts/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-italic-webfont.woff2') format('woff2'),
         url('fonts/opensans-italic-webfont.woff') format('woff'),
         url('fonts/opensans-italic-webfont.ttf') format('truetype'),
         url('fonts/opensans-italic-webfont.svg#open_sansitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('fonts/opensans-semibold-webfont.eot');
    src: url('fonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibold-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibold-webfont.woff') format('woff'),
         url('fonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold_italic';
    src: url('fonts/opensans-semibolditalic-webfont.eot');
    src: url('fonts/opensans-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-semibolditalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-semibolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-semibolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-semibolditalic-webfont.svg#open_sanssemibold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold';
    src: url('fonts/opensans-bold-webfont.eot');
    src: url('fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bold-webfont.woff2') format('woff2'),
         url('fonts/opensans-bold-webfont.woff') format('woff'),
         url('fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansbold_italic';
    src: url('fonts/opensans-bolditalic-webfont.eot');
    src: url('fonts/opensans-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-bolditalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-bolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-bolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-bolditalic-webfont.svg#open_sansbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold';
    src: url('fonts/opensans-extrabold-webfont.eot');
    src: url('fonts/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabold-webfont.woff2') format('woff2'),
         url('fonts/opensans-extrabold-webfont.woff') format('woff'),
         url('fonts/opensans-extrabold-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabold-webfont.svg#open_sansextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansextrabold_italic';
    src: url('fonts/opensans-extrabolditalic-webfont.eot');
    src: url('fonts/opensans-extrabolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-extrabolditalic-webfont.woff2') format('woff2'),
         url('fonts/opensans-extrabolditalic-webfont.woff') format('woff'),
         url('fonts/opensans-extrabolditalic-webfont.ttf') format('truetype'),
         url('fonts/opensans-extrabolditalic-webfont.svg#open_sansextrabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
	font-size:14px;
	line-height:20px;
	font-family: open_sansregular;
}
a{
	text-decoration:none;
	color:white;
}
a:hover{
	color:grey;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;

}
h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
    margin:0;
    padding:0;
    color:#444;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */
body{
	font-family: open_sansregular, helvetica, arial;
	color: white;
}
.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
/* FIXED ELEMENTS */
#header{ position: fixed; z-index:1000; top: 20px; right: 25px; border: 0; width: 40%; height: 3%; display:table-cell; text-align:middle;}
#header img{ vertical-align: middle; z-index:1001; margin: 0 10px 0 0; height:100%}
#floater01{ float:right;}
#floater02{ float:left;}
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
/* LANGUAGE */
#language{
	float: left;
    display: block;
	margin:3px 0 0 0;
}
#tablelang{
	border-collapse:separate;
	border-spacing:5px 0px;
}
#tdlang{
	width: 20px;
	height: 22px;
	text-align: center;
	font-family: open_sanssemibold;
	text-transform: uppercase;
}
/* MENU */
#menuright{ position:fixed; right:15px; top: 29%; height: 43%; z-index: 901;}
#menurightmain{vertical-align: middle; height:100%;}
#menuright2{ position:fixed; right:15px; top: 29%; height: 43%; z-index: 900;}
#menu-home{vertical-align: middle; height:100%; display:none;}
#menu-photos{vertical-align: middle; height:100%; display:none;}
#menu-director{vertical-align: middle; height:100%; display:none;}
#menu-actors{vertical-align: middle; height:100%; display:none;}
#menu-festivals{vertical-align: middle; height:100%; display:none;}
#menu-press{vertical-align: middle; height:100%; display:none;}

#zero-logo{ position: fixed; z-index:1002; top: 2%; left: 0; border: 0; width: 35%;}
#dn{ position: fixed; z-index:1006; top: 26%; left: 0; border: 0; width: 12%;}
#festivals{ position: fixed; z-index:1003; top: 5px; left: 40%; border: 0; width: 10px;}

/* Backgrounds will cover all the section */
#section0,
#section1,
#section2,
#section3,
#section4,
#section5{
	background-size: cover;
	background-attachment: fixed;
}

/* Defining each sectino background and styles */
#section0{
	background-image: url(images/background.jpg);
	padding: 0 0 0 0;
}
#section1{
	background-image: url(images/background.jpg);
	padding: 0 0 0 0;
}
#section2{
	background-image: url(images/background.jpg);
	padding: 0 0 0 0;
}
#section3{
	background-image: url(images/background.jpg);
	padding: 0 0 0 0;
}
#section4{
	background-image: url(images/background.jpg);
	padding: 0 0 0 0;
}
#section5{
	background-image: url(images/background.jpg);
	padding: 0 0 0 0;
}

#slide1,
#slide2,
#slide3,
#slide4{
	position:relative;
}

/* INTRO */
#home-bg-01{ position: absolute; left: 0px; bottom: 0px; z-index: 100; height:100%;}
#home-bg-02{ position: absolute; right: 0px; bottom:0px; z-index: 101; height:60%;}
#home-main{ position: absolute; left: 5%; bottom:0px; z-index: 102; height:80%;}
#home01{ position: absolute; top:20%; left:36%; right:15%; z-index:103; 
	-webkit-transform:  rotate(355deg);
	-moz-transform:  rotate(355deg);
	-o-transform:  rotate(355deg);
	-ms-transform: rotate(355deg);
	transform: rotate(355deg);	
	writing-mode: lr-tb;
}
#home01a{ overflow:auto; max-height:350px;}
/* INFO */
#info-bg-01{ position: absolute; left: 0px; bottom: 0px; z-index: 130; height:100%;}
#info-bg-02{ position: absolute; right: 0px; top:0px; z-index: 131; height:30%;}
#info-bg-03{ position: absolute; right: 0px; bottom:0px; z-index: 131; height:30%;}
#info-main{ position: absolute; left: 0px; bottom:0px; z-index: 132; height:70%;}
#home02{ overflow:auto; position: absolute; top:23%; bottom:25%; left:35%; right:18%; z-index:133; text-transform:uppercase; padding:5px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .2);}
/* PRESS KIT */
#home03{ overflow:auto; position: absolute; top:23%; bottom:25%; left:35%; right:18%; z-index:153; text-transform:uppercase; padding:5px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .2);}
/* PLAYTIME */
#playtime-bg-01{ position: absolute; right: 0px; top:0px; z-index: 141; height:30%;}
#playtime-bg-02{ position: absolute; right: 0px; bottom:0px; z-index: 142; height:30%;}
#playtime-main{ position: absolute; left: 0px; bottom:0px; z-index: 143; height:70%;}
#home04{ overflow:auto; position: absolute; top:23%; bottom:25%; left:35%; right:18%; z-index:153; text-transform:uppercase; padding:5px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .2);}
/* PHOTOS */
#photos-bg-01{ position: absolute; left: 0px; top: 0px; z-index: 200; height:100%;}
#photos-bg-02{ position: absolute; left: 30%; top:8%; z-index: 201; height:25%;}
#photos-bg-03{ position: absolute; right: 0px; bottom:0px; z-index: 202; height:60%;}
#photos-teaser{ position: absolute; right: 15%; top:10%; z-index: 203; height:20%;}
#photos-gallery-01{ position: absolute; left: 10%; top:40%; z-index: 204; width:32%;}
#photos-gallery-02{ position: absolute; left: 45%; top:40%; z-index: 205; width:32%;}
/*#photos01{ min-width:500px; position: absolute; left:52%; top:48%; right:25%; text-transform:uppercase; z-index:205;}*/

/* DIRECTOR */
#director-bg-01{ position: absolute; left: 0px; top: 0px; z-index: 300; height:100%;}
#director-bg-02{ position: absolute; right: 0px; top:0px; z-index: 301; height:100%;}
#director-main{ position: absolute; left: 0px; bottom:0px; z-index: 302; height:80%;}
#director{ position: absolute; left: 27%; top:24%; z-index: 303; height:10%;}
#director-teaser-01{ position: absolute; left: 8%; bottom:10%; z-index: 304; height:20%;}
#director-teaser-02{ position: absolute; left: 25%; top:38%; z-index: 305; height:10%;}
#director-teaser-03{ position: absolute; left: 25%; top:48%; z-index: 306; height:10%;}
#director-teaser-04{ position: absolute; left: 25%; top:58%; z-index: 307; height:10%;}
#director01{ overflow:auto; position: absolute; left:37%; top:23%; bottom:15%; right:18%; z-index:308; text-transform:uppercase; padding:5px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .2);}

/* ACTORS */
#actors-bg-01{ position: absolute; left: 0px; top: 0px; z-index: 400; height:100%; width:100%;}
#actors-main-01, #actors-main-02, #actors-main-03, #actors-main-04{ position: absolute; left: 0px; bottom:0px; z-index: 403; height:80%;}
#actors-teaser{ position: absolute; right: 15%; bottom:10%; z-index: 405; height:20%;}
#actors01{ position: absolute; overflow:auto; left: 40%; top:25%; bottom:35%; right:17%; z-index: 404; text-transform:uppercase; padding:5px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .2);}

/* FESTIVALS */
#festivals-bg-01{ position: absolute; left: 0px; bottom: 0px; z-index: 501; height:100%;}
#festivals-bg-02{ position: absolute; left: 30%; bottom: 10%; z-index: 505; height:20%;}
#festivals-bg-03{ position: absolute; right: 0%; top: 5%; z-index: 502; height:30%;}
#festivals-bg-04{ position: absolute; right: 0%; bottom: 0%; z-index: 503; height:70%;}
#festivals-main{ position: absolute; left: 0px; bottom:0px; z-index: 504; height:80%;}
#festivals-teaser{ position: absolute; right: 15%; bottom:10%; z-index: 506; height:20%;}
#festivals01{ position: absolute; overflow:auto; left: 40%; top:23%; bottom:30%; right:17%; z-index: 506; text-transform:uppercase;  padding:5px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .2);}

/* PRESS */
#press-bg-01{ position: absolute; left: 30%; top: 10%; z-index: 603; height:20%;}
#press-bg-02{ position: absolute; left: 0px; bottom: 0px; z-index: 600; height:80%;}
#press-bg-03{ position: absolute; right: 0%; top: 0%; z-index: 601; height:100%;}
#press-main{ position: absolute; left: 0px; bottom:0px; z-index: 602; height:80%;}
#press-teaser{ position: absolute; right: 15%; top:10%; z-index: 604; height:20%;}
#press01{ position: absolute; overflow:auto; left: 40%; top:32%; bottom:15%; right:17%; z-index: 605; text-transform:uppercase;  padding:5px; background: rgb(0, 0, 0); background: rgba(0, 0, 0, .2);}

/* FOOTER */
#footer01{
	position:fixed;
	bottom: 10px;
	left:10px;
	z-index: 2000;
	width: 30%; height: 5%;
	text-transform:uppercase;
	font-size: 10px;
 }
#footer01 img{
	vertical-align: middle; margin: 0 10px 0 0; height:100%;
}
#footer02{
	position:fixed;
	bottom: 10px;
	right:119px;
	z-index: 2001;
}
#footer03{
	position:fixed;
	bottom: 10px;
	right:10px;
	z-index: 2002;
}
/* TINYMCE BACKGROUND */
.mce-content-body {
background: #484848;
}
/* TEXT STYLES */
.home01{
	font-family:horrosregular; font-size:30px; color:yellow;
}
.home02{
	font-family: steak_huregular; font-size:20px; line-height:23px; color:#fbc91c;
}
.home03{
	font-family: steak_huregular; font-size:30px; line-height:30px; color:yellow; text-transform:uppercase;
}
.yellow
{
	color:yellow;
}
/* MEDIA QUERY */
@media (max-width: 800px) {
#home02{  color:olive;

}
}