@charset "UTF-8";
/* CSS Document */
html, body, #wrapper{width:100%; height:100%; min-height:420px;}
body, div, header, section, nav, footer, ul, li, dl, dt, dd, a, img, span{padding:0px; margin:0px; border:none; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;}
header, section, nav, footer{display:block;}
a{color:#FF0000; text-decoration:none;}
a:hover{text-decoration:underline;}


#wrapper{position:absolute; top:0px; left:0px; z-index:1; background:#000000;}
.turn-device{display:none; position:absolute; width:100%; height:100%; background:url(../images/turn.png) no-repeat center center #8d0000; background-size:80%; z-index:900;}
.sec{width:100%; height:auto; position:absolute; z-index:50; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden;}
.sec-landing, .sec-features{height:88%; top:0px; left:0px; text-align:center;}

.sprite, .icons, a.btns, .buymenu-cta, .buymenu-box{background:url(../images/sprite.png) no-repeat 0px 0px; }
a.btns{display:block; width:10px; height:10px; text-indent:-800px; overflow:hidden;}



/* Pre-loader */
#pre-loader{display:block; position:absolute; width:100%; height:100%; background:#000000; z-index:950;}
#pre-loader img{width:90px; height:40px; position:absolute; top:48%; left:50%; margin:-20px 0px 0px -45px;}


/*-- UPGRADE ---------------------*/
.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:900; text-align:center; font-size:20px; color:#000000; z-index:300;}
.upgrade-browser{position:absolute; width:100%; height:90%; padding-top:10%; background:#000000; z-index:900; text-align:center; color:#FFFFFF;}
.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{list-style:none; width:auto; height:auto; margin-bottom:10px; clear:both;}
.upgrade-browser .upgrade-alert ul a{color:#ff0000; border-bottom:1px solid #ff0000;}
.upgrade-browser .upgrade-alert ul a:hover{text-decoration:none; color:#FFFFFF; border-color:#FFFFFF;}



/* LANDING */
.sec-landing{}
.sec-landing header{width:100%; margin-top:3%; height:17%;}
.sec-landing header h1 {width:auto; height:100%;}
.sec-landing header h1 img{width:auto; height:100%;}

.sec-landing section{position:relative; width:100%; height:80%;}
.sec-landing section a img{width:auto; height:85%; position:absolute; top:5%;}
.sec-landing section a.box-bd img{right:55%; height:81%; top:14%; z-index:110;}
.sec-landing section a.box-dvd img{right:61%; z-index:100;}

.sec-landing section iframe{position:absolute;  width:38%; height:57%; left:48%; top:12%;}
.sec-landing section img.img-date{width:38%; height:auto; position:absolute; left:48%; top:71%;}

/* Social */
.sec-landing header nav{position:absolute; right:10px; top:5px;}
.sec-landing header nav a{float:left; height:17px; margin:5px; padding-bottom:1px;}
.sec-landing header nav a:hover{border-bottom:1px solid #e50000;}

.sec-landing header ul{list-style: none; position:absolute;}
.sec-landing header ul li{float:left;}

.sec-landing header ul#share {top:-50px; right:139px;}
.sec-landing header ul#share li{margin-right:6px;}

.sec-landing header ul#follow {top:38px; right:-100px;}
.sec-landing header ul#follow li{clear:both; margin-bottom:4px;}

/* Social Buttons */
a.btn-share{width:50px; background-position:-5px -44px;}
a.btn-follow{width:60px; background-position:-55px -44px;}
a.btn-facebook, a.btn-twitter{width:38px; height:38px;}
a.btn-facebook:hover, a.btn-twitter:hover{outline:1px solid #517dd6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden;}
a.btn-twitter:hover{outline-color:#4dc3f5; }
a.btn-facebook{background-position:-117px -45px;}
a.btn-twitter{background-position:-158px -45px;}


/* SPECIAL FEATURES */
.sec-features{display:none; background:rgba(0,0,0, 0.7); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#32000000,endColorstr=#32000000)";}
.sec-features header{width:100%; margin-top:3.8%; padding-bottom:1.2%; height:8%; position:relative;}
.sec-features header h2 {width:auto; height:100%;}
.sec-features header h2 img{width:auto; height:100%;}

.sec-features section{position:relative; width:100%; height:87%;}
.sec-features section a.box-bd img,
.sec-features section a.box-dvd img{width:auto; height:83%; position:absolute; top:7%;}
.sec-features section a.box-bd img{right:58%; height:81%; top:14%; z-index:110;}
.sec-features section a.box-dvd img{right:55%; z-index:100;}


.sec-features section div{width:43%; height:73%; max-width:680px; position:absolute; left:48%; top:11%; text-align:left;}
.sec-features section div nav{width:100%; height:6%; float:left; margin-bottom:3%;}

.sec-features section div nav a{}
.sec-features section div nav a img{width:auto; height:100%; padding-bottom:2px; vertical-align:top;}
.sec-features section div nav a:hover img, .sec-features section div nav a.btn-sf-on img{border-bottom:1px solid #b3b3b3;}
.sec-features section div nav span{display:inline-block; vertical-align: middle; width:1px; height:100%; margin:0px 2%; background:#7b0000;}

.sec-features section div a.btn-buyit{}
.sec-features section div a.btn-buyit img{width:auto; height:6%; padding:3% 6%; background:#e50000;}
.sec-features section div a.btn-buyit:hover img{background:#e82f2f;}

.sec-features section div ul{position:relative; width:97%; height:69%; margin-top:2%; padding-right:3%; color:#eccd60; font-size:1.1em; float:left; clear:both; overflow:auto;}
.sec-features section div ul li{margin-bottom:2%;}


/* FOOTER Main Navigation */
.sec-footer{height:12%; padding:1% 0px; bottom:0px; text-align:center;}
.sec-footer nav{width:100%; height:30%; text-align:center; position:absolute; top:21%;}
.sec-footer nav ul{display:inline-block; width:auto; height:30px;}
.sec-footer nav ul li{list-style:none; height:30px; float:left; border-left:1px solid #950000; padding:0px 25px; }
.sec-footer nav ul li:first-child{border:none; padding-left:0px;}

.sec-footer nav ul li a{height:30px; padding-bottom:1px; vertical-align:top;}
.sec-footer nav ul li a:hover, a.btn-landing-on, a.btn-features-on{border-bottom:1px solid #000000;}
.sec-footer nav ul li a.btn-buynow:hover{border-color: #ffc000;}

/* Navigation Buttons */
a.btn-landing{width:83px; background-position:-5px -5px;}
a.btn-features{width:187px; background-position:-89px -5px;}
a.btn-entersite{width:111px; background-position:-277px -5px;}
a.btn-buynow{width:157px; background-position:-389px -5px;}
a.btn-legal{position:absolute; right:20px; bottom:10px; font-size:0.7em; text-transform: uppercase;}
a.btn-legal:hover{text-decoration:none; color:#FFFFFF;}

/* Buy Menu */
nav#buymenu{display:none; width:330px; height:auto; background:#212121; position:absolute; margin-right:-410px; margin-bottom:1px; right:50%; bottom:12%;  z-index:50; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden;}
nav#buymenu a{display:inline-block; position:relative; text-align:center; width:280px;  height:auto; padding:20px 0px 5px 0px; border-top:1px solid #3c3c3c;}
nav#buymenu a:first-child{border:none;}

nav#buymenu a .buymenu-box{float:left;}
nav#buymenu a .buymenu-btn{position:absolute; top:50%; margin-top:-25px; right:0px; width:206px; height:50px; background:#000000;}
nav#buymenu a .buymenu-btn .buymenu-cta{float:left; margin:14px 0px 0px 15px;}
nav#buymenu a:hover .buymenu-btn{background:#700000;}
.icon-arrow-rt{width:13px; height:40px; background-position:-205px -44px; float:right; margin:5px 10px 0px 0px;}

nav#buymenu a.buyurl-dvd .buymenu-box{width:60px; height:90px; background-position:-244px -50px;}
nav#buymenu a.buyurl-bd .buymenu-box{width:60px; height:80px; background-position:-306px -60px;}
nav#buymenu a.buyurl-dd .buymenu-box{width:60px; height:96px; background-position:-368px -44px;}

nav#buymenu a.buyurl-dvd .buymenu-btn .buymenu-cta{width:98px; height:20px; background-position:-5px -86px;}
nav#buymenu a.buyurl-bd .buymenu-btn .buymenu-cta{width:134px; height:20px; background-position:-5px -109px;}
nav#buymenu a.buyurl-dd .buymenu-btn .buymenu-cta{width:137px; height:20px; background-position:-107px -86px;}

/* Legal */
.sec-legal{display:none; width:100%; height:auto; position:fixed; bottom:0px; text-align:center; background:#000000; padding-bottom:50px; z-index:900;}
.sec-legal .billingblock{display:inline-block; width:700px; height:200px; clear:both; background-position:-5px -145px;}
.sec-legal nav{width:100%; height:auto; text-align:center; clear:both; margin:0px 9px;}
.sec-legal nav a{font-size:0.7em; text-transform:uppercase; margin-left:5px; padding-left:10px; border-left:1px solid #ff0000;}
.sec-legal nav a:first-child{border:none; margin:0px; padding:0px;}
.sec-legal nav a:hover{text-decoration:none; color:#FFFFFF;}
.sec-legal .btn-close-txt{display:block; text-transform:uppercase; margin-top:15px;}
.sec-legal .btn-close-txt:hover{ text-decoration:none; color:#FFFFFF;}

/* BACKGROUND */
.sec-mainbg{height:100%; z-index:10;}
.sec-mainbg div{width:auto; height:100%; position:relative; top:0px; right:50%; text-align:center;}
.sec-mainbg div img{width:auto; height:100%; margin-right:-100%;}


/* GRADIENT */

.gradient1{
background: #8c0000; /* Old browsers */
background: -moz-linear-gradient(left,  #8c0000 0%, #b80000 51%, #8c0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8c0000), color-stop(51%,#b80000), color-stop(100%,#8c0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #8c0000 0%,#b80000 51%,#8c0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #8c0000 0%,#b80000 51%,#8c0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #8c0000 0%,#b80000 51%,#8c0000 100%); /* IE10+ */
background: linear-gradient(to right,  #8c0000 0%,#b80000 51%,#8c0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8c0000', endColorstr='#8c0000',GradientType=1 ); /* IE6-9 */
}

/* Shadows */
.shadow-top{
	-webkit-box-shadow: 0px -4px 26px -4px #000000;
	   -moz-box-shadow: 0px -4px 26px -4px #000000;
	        box-shadow: 0px -4px 26px -4px #000000;
}

.shadow1{
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    0px 0px 8px rgba(0, 0, 0, 0.75);
	box-shadow:         0px 0px 8px rgba(0, 0, 0, 0.75);
}


.separator{
    width:70%; height:1px; margin:0px 15%; position:absolute; bottom:0px;
	background: #440202;
	background: -moz-linear-gradient(left,  #000000 0%, #b80000 51%, #000000 100%); 
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(51%,#b80000), color-stop(100%,#000000));
	background: -webkit-linear-gradient(left,  #000000 0%,#b80000 51%,#000000 100%); 
	background: -o-linear-gradient(left,  #000000 0%,#b80000 51%,#000000 100%); 
	background: -ms-linear-gradient(left,  #000000 0%,#b80000 51%,#000000 100%);
	background: linear-gradient(to right,  #000000 0%,#b80000 51%,#000000 100%);

}


/* ----------------------- */
/* ---- MEDIA QUERIES ---- */
/* ----------------------- */

@media only screen and (max-height : 420px) {
nav#buymenu{margin-right:0px; right:0px;}
}


@media only screen and (max-height : 550px) {
	.sec-features section div nav{height:10%;}
	.sec-features section div a.btn-buyit img{height:10%;}
	.sec-features section div{width:44%; left:38%; height:59%;}
	.sec-features section div ul{font-size:0.8em;}
	.sec-features section a.box-bd img{right:67%;}
	.sec-features section a.box-dvd img{right:64%;}

}


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