@charset "UTF-8";
/* CSS Document */
html {-ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body, button, input {margin: 0; font-size: 16px; font-family: 'Oswald', sans-serif; letter-spacing: 0.5px;}
h1, h2, h3, h4, h5, p, blockquote, figure, ol, ul, li, button, span  { margin: 0px; padding: 0px;}
h1, h2, h3, h4 { font-size: inherit;}
a {text-decoration: none; color: inherit; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; }
img {border: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
button{background:transparent; border:none; cursor:pointer;}
button:focus {outline:0;}

/* CUSTOM CSS */
html, body, #wrapper{width:100%; height:100%; padding:0px; margin:0px; min-height:580px;}
ul{float:left;}
li{float:left; list-style:none;}



/* GENERAL */
#wrapper, .overlay{position:absolute; top:0px; left:0px; overflow:hidden; background-color:#00000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#wrapper{z-index:10; padding-top:58px;}
.overlay{width:100%; height:100%; background:#121212; z-index:1; padding-top:58px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0;}

.btns, .hdrs, .icons{display:block; text-indent: 120%; white-space: nowrap; overflow:hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size:8px;}
.btns, .icons, .hdrs{background:url('../img/sprite.png') -5px -5px no-repeat; }
.icon-date-nav{background:url('../img/date-details.png') center center no-repeat;}


@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
	.btns, .icons, .hdrs{background:url('../img/sprite-r.png') -5px -5px no-repeat; background-size:710px 72px;} 
	#preloader{background:url('../img/loader-r.gif') center center no-repeat #000000; background-size:100px 30px;}
	.icon-date-nav{background:url('../img/date-details-r.png') center center no-repeat; background-size:65px 55px;}

}

/* BUTTONS */
.btn-facebook, .btn-twitter, .btn-pinterest, .btn-tumblr, .btn-instagram, .btn-youtube, .btn-googleplus{width:40px; height:30px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: .7; -khtml-opacity: .7; opacity: .7;}
.btn-facebook.btn2, .btn-twitter.btn2, .btn-pinterest.btn2, .btn-tumblr.btn2, .btn-instagram.btn2, .btn-youtube.btn2, .btn-googleplus.btn2{width:40px; height:30px;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -moz-opacity: .9; -khtml-opacity: .9; opacity: .9;}
.btn-facebook:hover, .btn-twitter:hover, .btn-pinterest:hover, .btn-tumblr:hover, .btn-instagram:hover, .btn-youtube:hover, .btn-googleplus:hover,
.btn-facebook.btn2:hover, .btn-twitter.btn2:hover, .btn-pinterest.btn2:hover, .btn-tumblr.btn2:hover, .btn-instagram.btn2:hover, .btn-youtube.btn2:hover, .btn-googleplus.btn2:hover{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: .8; -khtml-opacity: .8; opacity: .8;}

.btn-facebook{background-position:-5px -5px;}
.btn-facebook:hover{background-position:-5px -37px;}
.btn-facebook.btn2{background-position:-5px -37px;}
.btn-facebook.btn2:hover{background-position:-5px -69px;}

.btn-twitter{background-position:-47px -5px;}
.btn-twitter:hover{background-position:-47px -37px;}
.btn-twitter.btn2{background-position:-47px -37px;}
.btn-twitter.btn2:hover{background-position:-47px -69px;}

.btn-pinterest{background-position:-89px -5px;}
.btn-pinterest:hover{background-position:-89px -37px;}
.btn-pinterest.btn2{background-position:-89px -37px;}
.btn-pinterest.btn2:hover{background-position:-89px -69px;}

.btn-tumblr{background-position:-131px -5px;}
.btn-tumblr:hover{background-position:-131px -37px;}
.btn-tumblr.btn2{background-position:-131px -37px;}
.btn-tumblr.btn2:hover{background-position:-131px -69px;}

.btn-instagram{background-position:-173px -5px;}
.btn-instagram:hover{background-position:-173px -37px;}
.btn-instagram.btn2{background-position:-173px -37px;}
.btn-instagram.btn2:hover{background-position:-173px -69px;}

.btn-googleplus{background-position:-215px -5px;}
.btn-googleplus:hover{background-position:-215px -37px;}
.btn-googleplus.btn2{background-position:-215px -37px;}
.btn-googleplus.btn2:hover{background-position:-215px -69px;}

.btn-youtube{background-position:-257px -5px;}
.btn-youtube:hover{background-position:-257px -37px;}
.btn-youtube.btn2{background-position:-257px -37px;}
.btn-youtube.btn2:hover{background-position:-257px -69px;}


.btn-close{width:40px; height:30px; position:absolute; background-position:-299px -5px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7;}
.btn-close:hover{background-position:-299px -37px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}


.btn-cta-trailer{width:19%;  min-width:300px; height:48px; background:url('../img/cta-watch-trailer.png') top center no-repeat #6c1515; background-size:300px 96px;}
.btn-cta-trailer:hover{background-position:center -48px; background-color:#000000;}	

.btn-cta-poster{width:23%; max-width:260px; color:#ffffff; border:1px solid #5f0e0e; padding:10px 0px; font-size:24px; text-transform:uppercase; background:url('../img/background/background-grit-red.jpg') center center no-repeat #6c1515; background-size:cover; -webkit-box-shadow: inset 0px 0px 48px -11px rgba(0,0,0,1); -moz-box-shadow: inset 0px 0px 48px -11px rgba(0,0,0,1); box-shadow: inset 0px 0px 48px -11px rgba(0,0,0,1);}
.btn-cta-poster:hover{color:#ff0000; border-color:#ff0000;  -webkit-box-shadow: inset 0px 0px 68px -11px rgba(0,0,0,1); -moz-box-shadow: inset 0px 0px 68px -11px rgba(0,0,0,1); box-shadow: inset 0px 0px 68px -11px rgba(0,0,0,1);}	

.btn-prev,
.btn-next{width:40px; height:30px; background-color:#781313; background-color:rgba(120,19,19,.5);}

.btn-prev:hover,
.btn-next:hover{background-color:rgba(120,19,19,.8);}

.btn-next.hidden,
.btn-prev.hidden{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); -moz-opacity: 0.3; -khtml-opacity: 0.3; opacity: 0.3; cursor:default;}


.btn-prev{background-position:-341px -5px;}
.btn-prev:hover{background-position:-383px -5px;}

.btn-next{background-position:-383px -37px;}
.btn-next:hover{background-position:-341px -37px;}

.btn-prev.hidden:hover{background-position:-341px -5px;}
.btn-next.hidden:hover{background-position:-383px -37px;}


/* HEADERS */
.hdr-title-nav{width:135px; height:55px; background-position:-546px -5px;}

/* ICONS */
.icon-summit{width:119px; height:50px; background-position:-425px -5px;}
.icon-rating{border:1px solid #acb4b8; text-align:center; padding:6px 10px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.icon-date-nav{width:79px; height:55px;}

/* OTHER */
/*--- No Javascript ---*/
#no-js{width:100%; height:100%; background:rgba(140,27,27,0.8); text-transform:uppercase; color:#ffffff; font-weight: 300; border:10px solid #ffffff; position:absolute; top:0px; left:0px; z-index:900; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#no-js span{width:100%; height:20px; line-height:20px; position:absolute; top:50%; left:0px; text-align:center; margin-top:-10px;}

/*--- PreLoader ---*/
#preloader{width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:800; background:url('../img/loader.gif') center center no-repeat #000000; background-size:100px 30px;}


/*--- Turn Device ---*/
#turn-device{display:none; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:700; background:url('../img/turn-landscape.png') center center no-repeat #000000; background-size:40%;}


/* NAVIGATION */
#sec-main-nav{width:100%; height:58px; display:block; float:left; position:absolute; top:0px; left:0px; text-transform: uppercase; z-index:300; overflow:hidden;}
#nav-background{width:100%; height:57px; border-bottom:1px solid #580a0a;  display:block; float:left; position:absolute; top:0px; left:0px; z-index:200; background:url('../img/background/background-nav.jpg') no-repeat center top #0a0a0a;}

#list-branding-nav{float:left; border-right:1px solid #e7d3b0; padding-left:22px; width:234px; margin-left:-270px;}
#list-branding-nav.details{margin-left:0px;}
#list-branding-nav .hdr-title-nav{float:left;}
#list-branding-nav .icon-date-nav{float:left; margin-left:8px;}

#list-main-nav{float:left; margin-top:12px;}
#list-main-nav ul{}
#list-main-nav ul li{margin-left:19px;}
#list-main-nav ul li button{color:#f3efe5; font-size:18px; text-transform:uppercase;}
#list-main-nav ul li button:hover,
#list-main-nav ul li button.active{color:#dc1b1b;}
#list-main-nav ul li button.active{cursor:default;}


#sec-social{width:auto; height:auto; position:absolute; top:6px; right:15px;}
#sec-social > div{float:right; margin:8px; background:#000000;}
#sec-social > div:first-child{margin-left:0px;}

#sec-social > div button{width:70px; height:30px; float:left; text-transform: uppercase; color:#ff0000; border:1px solid #630b0b; text-align:center; font-weight:400; font-size:10px; letter-spacing: 0.5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#sec-social > div button:hover, #sec-social div button.active{color:#8b1b1b; border-color:#8b1b1b;}

#sec-social > div div{width:0px; float:left; overflow:hidden;}
#sec-social > div div.active{width:206px; float:left; }

#sec-social > div div ul{width:206px; float:left;}
#sec-social > div div ul li{display:inline-block; border-right:1px solid #630b0b;  white-space: nowrap;}


/* SECTIONS */
/* Home */
#home{width:100%; height:100%; position:absolute; top:0px; left:0px; background:url('../img/background/background-main.jpg') left 58px no-repeat; background-size:cover; z-index:200;}
#home h1 img{display:block; position:absolute; top:10%; right:3%; height:50%; z-index:40;}
#home-date{display:block; height:3.5%; top:62%;  position:absolute; right:3%; z-index:40;}
#home button{position:absolute; top:70%; right:3.4%;  z-index:40;}
#home-people{height:100%; min-height:720px; position:absolute; top:0px; right:25%; z-index:20;}

/* ---- Get Tickets ------------------------*/
.btn-fandango, .btn-movietickets{width:40px; height:40px; background-color:#000000; position:relative; text-indent:120%; line-height:200px; overflow:hidden;}
.btn-fandango:hover, .btn-movietickets:hover{background:#470606;}
.btn-fandango:before, .btn-movietickets:before{display:inline-block; width:30px; height:30px; content:" "; position:absolute; top:50%; left:50%; margin:-15px 0px 0px -15px;}
.btn-fandango:before{background:url('../img/icon-fandango.png') center center ; background-size:contain;}
.btn-movietickets:before{background:url('../img/icon-movietix.png') center center ; background-size:contain;}

#get-tickets{width:300px; height:auto; position:absolute; top:80px; left:20px; z-index:100; padding-right:80px; border:1px solid #940d0d; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#get-tickets h5{width:298px; height:36px; line-height:36px; color:#ffffff; text-transform:uppercase;  background:#940d0d; font-size:20px; font-weight:300; text-align:center;}
#get-tickets input{width:100%; height:40px; text-transform:uppercase; line-height:40px; color:#d41f1f; text-align:left; text-indent:20px;  background:#2c0606; font-size:16px; border:0px; outline:0px; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
#get-tickets a{position:absolute; bottom:0px; right:40px; border-left:1px solid #720100;}
#get-tickets a.btn-movietickets{right:0px;}



/* Videos */
#videos{background:#141616; padding-bottom:50px;}
#videos #player{width:100%; height:100%;}

/* About */
#about{color:#ffffff; font-size:18px;  font-weight:300; background:url('../img/background/background-about.jpg') center 40px; background-size:cover;}
#about .content{width:39%; position:absolute; top:20%; left:5%; max-width:660px; margin:auto;}
#about .content h2{color:#fdf5df; font-weight:300; font-size:32px; padding:5px; text-indent:10px; text-transform: uppercase; background:#6c1515; background:rgba(236,0,0,.2);}
#about .content p{line-height:28px; padding:20px; border-bottom:4px solid rgba(236,0,0,.2);}

/* Gallery */
#gallery{background-color:#000000;}

#gallery article{display:block; width:100%; height:100%; position:relative; top:0px; left:0px; overflow:hidden;}
#gallery article > button{display:block; width:100%; height:100%; position:absolute; top:0px; left:0px; z-index:80;}
#gallery article img{position:absolute; top:20%; left:50%; z-index:10;}
#gallery article div {margin-bottom:3%; height:70px; padding:.5% 2%; position:absolute; bottom:0px; right:0px; z-index:100; color:#ffffff; background:url('../img/background/background-gallery.jpg') no-repeat;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity: .85; -khtml-opacity: .85; opacity: .85;}

#gallery article div p{min-width:400px; font-size:15px; font-weight:300; padding-bottom:8px;}
#gallery article div ul{font-size:10px; width:100%; float:right; line-height:32px; color:#f20202; text-transform: uppercase;  border-top:1px solid #6d6d6d; border-color:rgba(255,0,0, 0.3); padding-top:7px;}
#gallery article div ul li{float:right;}
#gallery article div ul li .btn-next{ margin-left:3px;}
#gallery article div ul li #gallery-download{margin:0px 20px;}
#gallery article div ul li #gallery-download:hover{color:#ffffff;}

/* Cast and Crew */
#castcrew{height:auto; min-height:100%; overflow:auto; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
#castcrew > img{position:fixed; top:30%; left:50%; z-index:10;}
#castcrew > div{width:50%; height:auto; max-width:1200px; min-height:100%;  min-width:600px; background:#000000; background:rgba(0,0,0,.7); position:absolute; z-index:20;  padding-left:2%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#castcrew > div nav{display:block; width:30%; height:100%; min-height:100%; position:relative; top:0px; border-left:1px solid #580a0a; float:left; color:#ffffff;}
#castcrew > div nav h2{  margin:0px 0px 10px 20px; padding-top:30%; text-transform:uppercase; font-size:24px; }
#castcrew > div nav ul{width:100%; float:left;}
#castcrew > div nav ul li{width:100%; float:left; clear:both; position:relative; margin-bottom:10px; padding-bottom:4px; padding-left:20px; border-bottom:1px solid transparent; }
#castcrew > div nav ul li:hover,
#castcrew > div nav ul li.active{border-bottom:1px solid #580a0a; background-color:#1a1a1a;}
#castcrew > div nav ul li::before{display:inline-block; position:absolute; left:-5px; bottom:-5px; width:10px; height:10px; content: " "; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color:transparent;}
#castcrew > div nav ul li:hover::before{background-color:#ffffff;}
#castcrew > div nav ul li.active::before{background-color:#e52b2b;}
#castcrew > div nav ul li.active button{cursor:default;}
#castcrew > div nav ul li button{color:#e2d7c1; text-transform: uppercase; font-size:14px;}
#castcrew > div nav ul li button span{color:#e81314;}
#castcrew > div article{width:68%; height:auto; min-height:100%; display:inline-block; padding:0px 50px; position:absolute; background:url('../img/background/background-cast.jpg')  left top repeat-y; z-index:10; float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#castcrew > div article h3{margin-bottom:80px; margin-top:10%; }
#castcrew > div article h3 span{float:left; clear:both; font-size:22px; font-weight:300; text-transform:uppercase; padding:0px; margin:0px;}
#castcrew > div article h3 span:first-child{color:#8f0000; font-size:42px; font-weight:400;  padding:0px; margin:0px;}
#castcrew > div article p{font-weight:300; float:left; clear:both; margin-bottom:60px;}


/* Instagram */
#instagram{ background:url('../img/background/background-instagram.jpg') center 40px; background-size:cover;}
#instagram .content{width:100%; height:100%; padding:50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; overflow:auto; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
#instagram .content ul{display:inline-block; float:none; width:100%; height:auto;  max-width:1600px;   margin:auto; margin-bottom:50px;}
#instagram .content ul li{width:20%; height:auto; padding:5px;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#instagram .content ul li a{visibility: hidden; display:block; width:100%; height:auto; border:1px solid #580404; background-color:#000000; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); -moz-opacity: .85; -khtml-opacity: .85; opacity: .80;}
#instagram .content ul li a.loaded{visibility: visible;}
#instagram .content ul li a:hover{border-color:#8e0808; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;}
#instagram .content ul li a img{display:block; width:100%; height:auto;}

/* FOOTER */
#sec-footer{width:100%; height:40px; padding-right:20px; text-align:right;  position:absolute; z-index:200; left:0px; bottom:0px; color:#dadada; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#sec-footer button{color:#e5e5e5; text-transform: uppercase; font-weight:400; font-size: 10px;}
#sec-footer button:hover{color:#ff0000;}

/* --- Overlay Legal --- */
#legal{width:100%; height:110px;  background-color:#1c1c1c; position:absolute;  bottom:-110px; left:0px; z-index:500; text-align: center; padding:30px 0px 20px 0px; color:#acb4b8; font-size:10px; text-transform: uppercase; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#legal.active{bottom:0px;}
#legal div{display:inline-block; vertical-align: top; margin:0px 15px;}
#legal .icon-summit{margin-top:-7px;}
#legal div:first-child{padding:0px;}
#legal div span{width:100%; float:left; letter-spacing: 1px;}
#legal ul{float:left; clear:both; margin-top:2px}
#legal ul li{padding:0px 10px;}
#legal ul li a{font-size:8px; font-weight: 400; border-bottom:1px solid #797e81; padding-bottom:2px;}
#legal ul li a:hover{color:#ff0000; border-color:#8b1b1b;}
#legal button{left:50%; bottom:7px; margin-left:-20px;}


/* UPGRADE */
#upgrade-browser{width:100%; height:100%; position:fixed; top:0px; left:0px; color:#d10f0f; background-color:#000000; z-index:900; overflow:hidden; text-transform: uppercase;}
#upgrade-browser div{margin:20px;}
#upgrade-browser div ul{float:left; margin-top:10px;}
#upgrade-browser div ul li{clear: both; margin-bottom:2px;}
#upgrade-browser div ul li a{font-size:12px; color:#ffffff; border-bottom:1px solid #ffffff;}
#upgrade-browser div ul li a:hover{color:#d10f0f; border-color:#d10f0f;}

/* TRANSITION */
a, a:hover, button, button:hover,
#list-share, #list-share.active,
#list-follow, #list-follow.active,
#legal, #legal.active,
#castcrew > div nav ul li,
#castcrew > div nav ul li:hover,
#castcrew > div nav ul li.active,
#castcrew > div nav ul li::before,
#castcrew > div nav ul li:hover::before,
#castcrew > div nav ul li.active::before,
#home-people,
#list-branding-nav,
#list-branding-nav.details
{-webkit-transition: ease-out 0.4s; -moz-transition: ease-out 0.4s;  -o-transition: ease-out 0.4s; transition: ease-out 0.4s;}


@media only screen and (max-width: 1300px){
	#home-people{ right:15%;}
}


@media only screen and (orientation : portrait) {
	#turn-device{display:block;}
}