@charset "UTF-8";
/* CSS Document */
html, body{width:100%; height:100%;}
html, body, div, iframe, ul, li, dl, dt, dd,  a, img, h1, h2, h3, h4, h5, h6, p{padding:0px; margin:0px; border:none; font-family:Helvetica Neuve, Helvetica, Arial, Sans-Serif; font-weight:100;}
header, nav, section, article, aside, footer {display:block;}
body.body-site{background:#000000; overflow: hidden;}
body.body-site, body.body-site a{color:#A0A0A0; font-weight: 100;}

ul, li{list-style:none; float:left;}
a, a:hover{text-decoration:none;}
body.body-site a:hover{color:#ffc974;}
.no-script{position:absolute; top:0px; left:0px; width:100%; height:30px; padding:20px 0px 20px 0px; background:#ffd200; border:2px solid #FFFFFF; z-index:60; text-align:center; font-size:20px; color:#000000; z-index:300;}
.turn-device{display:none; position:fixed; width:100%; height:100%; background:url(images/turn.jpg) no-repeat center center #000000; background-size:80%; z-index:800;}
.sprite{background:url(images/sprite.png) no-repeat 0px 0px;}

/*-- UPGRADE ---------------------*/
.upgrade-browser{position:fixed; width:100%; height:90%; padding-top:10%; background:#000000; z-index:900; text-align:center;}
.upgrade-browser .upgrade-alert{display:inline-block; width:360px; height:auto; text-align:left;}
.upgrade-browser .upgrade-alert h3{text-transform:uppercase; margin-bottom:5px; font-weight:bold;}
.upgrade-browser .upgrade-alert p{margin-bottom:25px;}
.upgrade-browser .upgrade-alert ul{width:auto; height:auto; margin:auto;}
.upgrade-browser .upgrade-alert ul li{width:auto; height:auto; margin-bottom:10px; clear:both;}

/*-- GENERAL ----------------------*/
.sec{width:100%; height:auto; position:relative; overflow:hidden; }
.sec a{color:#FFFFFF;}
.top-elm{position:fixed; z-index:700;}
.overlay{z-index:400;}
.main-cover{display:block; position:fixed; width:100%; height:100%; background:#191919; z-index:800;}
.main-cover img{width:90px; height:41px; position:absolute; top:48%; left:50%; margin:-20px 0px 0px -45px;}

/*-- SHARE --------------------------------------------------------*/
ul.socal-btn{position:absolute; top:10px; left:0px; width:340px; height:30px;}
.socal-btn li{width:auto; height:auto; margin-left:10px;}


/*-- FOLLOW --------------------------------------------------------*/
ul.follow-btn{position:absolute; top:10px; right:10px; width:155px; height:26px; background-position:-64px -5px;}
.follow-btn li{float:right; width:26px; height:26px; margin-left:10px;}
a.btn-tweet {display:block; width:26px; height:26px; background-position:-33px -5px;}
a.btn-tweet:hover{background-position:-33px -33px;}

a.btn-fb{display:block; width:26px; height:26px; background-position:-5px -5px ;}
a.btn-fb:hover{background-position:-5px -33px;}



/*-- FOOTER ----------------------*/
.sec-footer{height:80px; bottom:0px; border-top:1px solid #252525; background:#0f0f0f; text-align:center; z-index:500;}
a.btn-legal, a.btn-close{display:block; width:200px; height:auto; text-transform:uppercase; position:absolute; left:50%; bottom:10px; margin-left:-100px; font-size:12px;}

.sec-legal{background:#181818; height:240px; position:absolute; bottom:-300px; z-index:900; text-align:center; border-top:1px solid #2A2A2A;}
.sec-legal ul{height:32px; position:relative; left: 50%; margin-top:16px;}
.sec-legal ul li{height:32px; line-height:32px;  position: relative; right: 50%; padding: 0 10px;}
.sec-legal ul li.separator{ border-right:1px solid #484848;} 


h3.logos{ width:360px; height:70px; background-position:-5px -69px; margin:30px auto 0px auto;}
h3.ratings-logo{width:58px; height:32px; background-position:-375px -69px;}

/*-- NAVIGATION -- */
.main-nav{overflow:hidden;}
.main-nav ul{height:22px; position:relative; left: 50%; margin-top:16px;}
.main-nav ul li{height:22px; line-height:22px;  position: relative; right: 50%; padding: 0 25px; border-left:1px solid #484848; }
.main-nav ul li:first-child{border:none;}
.main-nav ul li a{text-transform: uppercase; font-size:18px; }
body.body-site a.buy-btn{color:#cb1717;}



/*-- CONTENT ----------------------*/
.sec-content{height:100%; overflow: hidden;}

/*-- BUY MENU ------------------------*/
.buynow-menu{width:260px; height:auto; position:absolute; left:50%; margin-left:116px; bottom:-300px; padding-bottom:80px; z-index:500; background:#141414;}
.buynow-menu ul{width:100%; height:auto; padding:0px;}
.buynow-menu ul li{width:100%; height:auto;  border-top:1px solid #262626;}
.buynow-menu ul li a{display:block; width:100%; height:auto; padding:20px 0px; text-align:center;}
.buynow-menu ul li:first-child{border:none;}


/*-- LANDING ------------------------*/
.sec-landing{width:100%; height:100%;}
.sec-landing .bg-holder{width:auto; height:100%; position:relative;  right:50%;  text-align:center;}
.sec-landing .bg-holder img{width:auto; height:100%; margin-right:-100%;}

.landing-right{ width:35%; height:65%; position:absolute; top:14%; left:50.5%; min-width:470px; text-align:center; z-index:400;}
.landing-right h1{height:20%; margin-bottom:3%;}
.landing-right h1 img{width:auto; height:100%;}
.landing-right .holder-trailer{width:100%; height:57%; margin-bottom:3%;}
.landing-right .holder-trailer iframe{width:100%; height:100%; max-width:800px;}
.landing-right h2{height:12%;}
.landing-right h2 img{width:auto; height:100%;}

a.box-bd img, a.box-dvd img{position:absolute; right:63%; width:auto; height:64%; top:14%; z-index:400;}
a.box-bd img{ height:70%; top:12%; right:52%; z-index:510; }


/*-- SPECIAL FEATURES ------------------------*/
.sec-features{width:100%; height:100%;  display:none;}
.sec-features .bg-holder img{width:auto; height:100%; position:absolute; left:-16%;}

.features-holder{width:48%; height:96%; padding:2% 0px; min-width:550px; position:absolute; top:0px; right:0px; z-index:200; background: #140000; background: rgba(33, 0, 0, 0.6); text-align:center; border-left:1px solid #2b0505;}
.features-holder h2 img{width:92%; height:auto; padding:4% 0px; position:relative;}

.features-nav{width:100%; height:60px; line-height:60px;  text-align:left; border:1px solid #000000; border-left:none; border-right:none; position:relative;}
.features-nav h2{width:92%; height:auto; position:absolute; padding:0px 4%; text-transform:uppercase;  color:#ff0000;  border:1px solid #430000; border-left:none; border-right:none;}
.features-nav ul{width:auto; height:auto; position:absolute; right:2%;}
.features-nav ul li{width:auto;  height:auto; text-transform:uppercase; padding:0px 10px;}

.features{width:92%; height:33%; padding:0px 4%; margin-top:3%; position:relative;}
.features a img{width:auto; height:100%; float:left;}
.features dl{display:inline-block; width:auto; height:90%; float:left; text-align:left; padding:5% 0px; margin-left:3%;}
.features dt{width:100%; height:auto; float:left; clear:both;  text-transform:uppercase; margin-bottom:20px; font-size:16px;}
.features dd{width:100%; height:auto; float:left; clear:both; margin-bottom:5px;}
.features dd:before{content:"\2022 \00A0"}
body.body-site dt, body.body-site dd{color:#E8E8E8;}

body.body-site a.btn-features-buynow{display:block; width:100%; height:auto; padding:3% 0px; border:1px solid #450d0d; float:left; text-transform: uppercase; color:#FFFFFF;}
body.body-site a.btn-features-buynow:hover{background:#540A00;}


/*-- OVERWRITE ----*/
body.body-site a.active-btn{color:#FFFFFF;  pointer-events: none; cursor: default;}
.shaddow1{-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.75); -moz-box-shadow:0px 0px 5px rgba(0, 0, 0, 0.75); box-shadow:0px 0px 5px rgba(0, 0, 0, 0.75);}
.grad1{
background:#3b0707;
background-image: linear-gradient(left top, rgb(36,4,4) 0%, rgb(71,9,9) 50%, rgb(36,4,4) 100%);
background-image: -o-linear-gradient(left top, rgb(36,4,4) 0%, rgb(71,9,9) 50%, rgb(36,4,4) 100%);
background-image: -moz-linear-gradient(left top, rgb(36,4,4) 0%, rgb(71,9,9) 50%, rgb(36,4,4) 100%);
background-image: -webkit-linear-gradient(left top, rgb(36,4,4) 0%, rgb(71,9,9) 50%, rgb(36,4,4) 100%);
background-image: -ms-linear-gradient(left top, rgb(36,4,4) 0%, rgb(71,9,9) 50%, rgb(36,4,4) 100%);
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, rgb(36,4,4)), color-stop(0.5, rgb(71,9,9)), color-stop(1, rgb(36,4,4)));

}



/* ---------------------------------------------- */
/* -- MEDIA QUERIES --------------------------------- */
/* ---------------------------------------------- */
@media only screen and (orientation : portrait) {
	.turn-device{display:block;}
}