@charset "UTF-8";
/* CSS Document */

html, body, #wrapper{width:100%; height:100%;}
body, header, section, nav, footer, div, img, a, ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5{padding:0px; margin:0px; border:0px; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-weight:100;}
header, section, nav, footer, a{display:block;}
ul, li{list-style:none; float:left;}
dl, dt, dd{float:left; clear:both;}

body{font-size:0.9em; color:#fff; background-color:#000;}
a{color:#FFFFFF;  text-decoration: none;}
.btns, .icons, .sprite{display:block; background:url(../imageshv/m/sprite_r.png) no-repeat 0px 0px; background-size:310px 260px; overflow:hidden; font-size:0.7em;}
.btns{text-indent:-500px; overflow:hidden;}
.btn-close{width:26px; height:26px; position:absolute; top:10px; right:10px; background-position:-244px -79px; z-index:300;}

#wrapper{display:none; position:absolute; top:0px; left:0px;}
.main{width:100%; height:100%; position:absolute; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.sec{width:100%; height:auto; text-align:center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}


/* PRELOAD */
#pre-loader{display:block; position:absolute; width:100%; height:100%; background:#ffffff; z-index:950;}
#pre-loader img{width:60px; height:27px; position:absolute; top:45%; left:50%; margin:-13px 0px 0px -30px;}

/* TURN DEVICE */
#turn-device{display:none; position:absolute; width:100%; height:100%; background:url(../imageshv/m/turn_r.png) no-repeat center center #000; background-size:50%; z-index:600;}


/* BUTTONS */
/* ----- Social Buttons --------------------- */
a.btn-facebook, a.btn-twitter, a.btn-tumblr, a.btn-pinterest, a.btn-google, a.btn-youtube, a.btn-instagram {display:inline-block; vertical-align:top; width:42px; height:30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
a.btn-facebook{background-position:-4px -10px; background-color:#3b5a97;}
a.btn-twitter{background-position:-47px -10px; background-color:#28aae1;}
a.btn-instagram{background-position:-91px -10px; background-color:#a57658;}
a.btn-tumblr{background-position:-133px -10px; background-color:#395976;}
a.btn-pinterest{background-position:-175px -10px; background-color:#cb2027;}
a.btn-google{background-position:-218px -10px; background-color:#727272;}
a.btn-youtube{background-position:-262px -10px; background-color:#da3b29;}

/* ----- Buy Buttons --------------------- */
.icon-dd1, .icon-dd2, .icon-dd3{display:inline-block; width:30px; height:30px;}
.icon-dd1{background-position:-274px -112px;}
.icon-dd2{background-position:-274px -81px;}
.icon-dd3{background-position:-274px -50px;}

a.btn-cinemanow, a.btn-amazon, a.btn-amazoninstant, a.btn-vudu, a.btn-xbox, a.btn-bestbuy, a.btn-comcast, a.btn-fios, a.btn-walmart, a.btn-target, a.btn-itunes, a.btn-sony, a.btn-googleplay{display:inline-block; width:97px; height:37px; margin:5px; background-color:#000000;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a.btn-amazon{background-position:-7px -206px; border:1px solid #89591b;}
a.btn-amazoninstant{background-position:-7px -52px; border:1px solid #89591b;}
/*a.btn-amazon{background-position:-7px -52px; border:1px solid #89591b;}*/
a.btn-vudu{background-position:-110px -54px; border:1px solid #225b7b;}
a.btn-xbox{background-position:-7px -90px;border:1px solid #23b423;}
a.btn-sony{background-position:-7px -167px; border:1px solid #646464;}
a.btn-googleplay{background-position:-110px -167px; border:1px solid #646464;}
a.btn-comcast{background-position:-211px -183px; border:1px solid #8a181d;}
a.btn-fios{background-position:-211px -224px; border:1px solid #8a181d;}

a.btn-bestbuy{background-position:-110px -92px; border:1px solid #74550f;}
a.btn-walmart{background-position:-7px -128px; border:1px solid #225b7b;}
a.btn-target{background-position:-110px -128px; border:1px solid #600000;}
a.btn-itunes{background-position:-210px -143px; border:none; height:38px; background-color:transparent;}

a.btn-cinemanow{background-position:-108px -206px; border:1px solid #0070B9;}


/* LANDING */
.main-landing{z-index:300;}
.main-landing .sec{display:inline-block; width:92%;}

/* ----- Header -------------------------------- */ 
#header h1{width:100%; height:auto;}
#header h1 img{width:100%; height:auto; }

/* ----- Trailer -------------------------------- */
#trailer {width:100%; border:1px solid #666; border-left:0px; border-right:0px; background-color:#000000;  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow:hidden;}
#trailer #player{display:inline-block; width:100%; height:100%;}

/* ----- Features -------------------------------- */ 
#features{text-align:left; padding:20px 25px;}
#features h2{font-size:1.4em; font-weight:100; text-transform:uppercase;}
#features dl{margin-top:12px;}
#features dt{font-weight:bold; margin:0px 0px 5px 0px;}
#features dd{margin-bottom:5px; background:url(../imageshv/m/bullet.png) no-repeat 0px 6px; background-size:3px 3px; padding-left:8px;}


/* ----- Social -------------------------------- */
#social{width:90%; border:1px solid #e4e4e4; border-right:0px; border-left:0px; text-align:center; padding:25px 0px; margin-bottom:20px;}
#social div{width:100%;}
#social div:first-child{margin-bottom:10px;}
#social div h3{display:inline-block; height:30px; line-height:30px; font-weight:normal; font-size:0.8em; margin-right:5px;}


/* ----- Footer -------------------------------- */
#footer{text-align:center; width:100%; background-color:#000; }
#footer nav{display:inline-block; width:100%; margin-top:-8px; padding:8px 0px 40px 0px; margin-bottom:15px; text-align:center;}
#footer nav h3{display:inline-block; height:30px; line-height:30px; font-weight:normal; font-size:0.8em; color:#7b7b7b; margin-right:5px;}
#footer nav a{display:inline-block; padding:8px; color:#7b7b7b; font-size:0.7em;}
#footer img{width: 90%; height:auto; margin: 16px auto}

#follow-facebook, #follow-twitter, #follow-pinterest, #follow-instagram, #follow-tumblr, #follow-google, #follow-youtube{display:none;}


/* BUY NOW */
.main-buynow{height:auto; background:#000; z-index:400;}
.buy-content {position:relative; width:100%; height:auto; text-align:center;}
.buy-content section{display:inline-block; width:100%; height:auto; padding:40px 0px 50px 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.buy-content section .buy-holder{display:inline-block; vertical-align:bottom; width:35%; height:auto; margin:5% 3%; position:relative; text-align:center; }
.buy-content section .buy-holder img{width:100%; height:auto; display:inline-block;}
.buy-content section .buy-dd-holder{width:80%; margin:0px;}
.buy-content section .buy-dd-holder img{width:45%; margin:0px 22.5%;}
.buy-content section .buy-holder h5{width:100%; height:auto; text-align:center; font-size:1em; margin-bottom:10px;}
.buy-content section .buy-holder nav{display:inline-block; width:100%; height:auto; text-align:center;}
.hide-section{height:1px; visibility: hidden; overflow:hidden;}


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


@media only screen and  (min-width: 400px) and (orientation : landscape) {
	#wrapper{overflow:hidden;}
	#turn-device{display:block;}
}
