/*-------------------------------------
    Fonts
---------------------------------------*/
@font-face {
    font-family: 'rock-well-extra-bold';
    src: url('fonts/rockwellextrabold.eot');
    src: local('☺'), url('fonts/rockwellextrabold.woff') format('woff'), url('fonts/rockwellextrabold.ttf') format('truetype'), url('fonts/rockwellextrabold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'HelveticaLTStd-BoldCond';
    src: url('fonts/HelveticaLTStd-BoldCond.eot');
    src: local('☺'), url('fonts/HelveticaLTStd-BoldCond.woff') format('woff'), url('fonts/HelveticaLTStd-BoldCond.ttf') format('truetype'), url('fonts/HelveticaLTStd-BoldCond.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*-------------------------------------
    Reset
---------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, img, strong, sub, sup, b, u, i, ol, ul, li, form, label, article, aside, canvas, figure, figcaption, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block; } body {line-height: 1; } ol, ul {list-style: none; } blockquote, q {quotes: none; } blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none; } table {border-collapse: collapse; border-spacing: 0; }

/*-------------------------------------
    Layout
---------------------------------------*/
#ad{display:block;border:1px solid #d72129;overflow:hidden;width:298px;height:248px;-moz-user-select: -moz-none;-khtml-user-select: none;-webkit-user-select: none;-ms-user-select: none;user-select: none;}
#banner{position:absolute;display:block;width:298px;height:248px;background-color:#FFF;overflow:hidden;cursor:pointer; }

/*-------------------------------------
    Typography
---------------------------------------*/
video,img,.frame_two,#frame_two_rating {position: absolute;}
body { font-family: 'rock-well-extra-bold', arial, "Helvetica Neue", Helvetica}
body.post-release .pre-release,body.pre-release .post-release { display: none !important;}
body.post-release .post-release,body.pre-release .pre-release { display: block !important;}

/*-------------------------------------
    Common
---------------------------------------*/
.big_buy_now__cta,.buy_now__cta,.buy_now_mid,.replay-block .replay-overlay,.replay-block .repaly-cta{ transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}

/*-------------------------------------
    frame one
---------------------------------------*/
.frame_one {position: absolute; width: 100%; height: 100%; background: #000;}
.content_wrapper{height: 71px; width: 100%; overflow: hidden; z-index: 9;}
.frame_one .redline{height:2px;background-color:#d72129;z-index:18;position: relative;}
.frame_one .background {z-index:10;position:relative;}
.frame_one .dark_shadow{z-index: 11;height:71px;position:absolute;top:0;width:100%;opacity:0.15;background-image: -ms-linear-gradient(top, #FFFFFF 0%, #000000 100%);background-image: -moz-linear-gradient(top, #FFFFFF 0%, #000000 100%);background-image: -o-linear-gradient(top, #FFFFFF 0%, #000000 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #000000));background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #000000 100%);background-image: linear-gradient(to bottom, #FFFFFF 0%, #000000 100%);}
.frame_one .title{position: absolute;left: 21px;top: 10px;z-index: 12;width: 51%;}
.frame_one .subtitle{position: absolute;left: 30px;top: 39px; font-size: 14px;color: #d72129;z-index: 12;text-align: center;}
.frame_one .buy_now{position: absolute;top: 11px;right:16px;z-index: 12;text-decoration: none;}
.buy_now__cta {text-transform:uppercase; background: #d72129; color: #ffffff; line-height:20px;padding:5px 10px;border-radius:5px;display:block;text-align: center;font-size:22px;}
.buy_now__cta:hover{background: #fff; color:#d72129; }
#frame_one_trailer, #frame_one_trailer_post{width: 100%;position: absolute;bottom:0px;}
.video-control{position:absolute; bottom: 3px; right: 5px; }
.video-control li{display:inline-block; height:18px; width: 18px; cursor: pointer; }
.video-control li i{display:inline-block; height:100%; width:100%; background:url('../images/video-control.png') no-repeat;}
.video-control li.pause i{background-position:0 0;}
.video-control li.play i{background-position:-18px 0;}
.video-control li.mute i{background-position:-36px 0;}
.video-control li.unmute i{background-position:-58px 0;}
.frame_one .mobile-video-control{position:absolute;bottom:50px;left:50px;font-size:16px;text-transform:uppercase;text-shadow:1px 2px 2px #000;color:#FFF;transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -ms-transition: all .5s; -o-transition: all .5s;}
.frame_one .mobile-video-control:hover{color:#d72129;}
.frame_one .mobile-video-control #mobile-play{display: none;padding: 30px;}
/*-------------------------------------
    frame two
---------------------------------------*/
.frame_two {width:100%;height:100%;position:absolute;z-index:13;opacity:0;display:none; }
.frame_two .copyright{position: absolute;top:90px;right:-10px;z-index:13;opacity:0;}
#frame_two_rating {width:100%;height:100%;opacity:1;z-index:13;}
.frame_two .movie-rating {display:inline-block;position:absolute;width:120px;height:42px;background:url('../images/movie-rating.png') no-repeat;box-sizing:border-box;text-align:center;padding-top:22px; font-size:13px;line-height:20px;color:#d72129;font-family:'HelveticaLTStd-BoldCond', arial, "Helvetica Neue", Helvetica;opacity:0;}
.frame_two .four-rating {display:inline-block;position:absolute;width:120px;height:42px;background:url('../images/four-rating.png') no-repeat 15px 0;box-sizing:border-box;text-align:center;padding-top:22px;font-size:13px;line-height:20px;color:#d72129;font-family:'HelveticaLTStd-BoldCond', arial, "Helvetica Neue", Helvetica;opacity:0; }
.frame_two .rating1 {left:-80px;top:83px;}
.frame_two .rating2 {left:60px;top:83px;}
.frame_two .rating3 {left:-80px;bottom:47px;}
.frame_two .rating4 {left:60px;bottom:47px;}

/*-------------------------------------
    frame three
---------------------------------------*/
.frame_three {display: none;width:100%;height:100%;position:absolute;}
.frame_three .gradient{opacity:1;z-index: 16;position: absolute;bottom:-200px;}
.frame_three .replay{opacity:0;z-index: 17;position: absolute;right:8px;top:63px;transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transition-duration:0.5s;transition-property: transform;transition-timing-function: ease-out;transform-origin: 50% 43%;-ms-transform-origin: 50% 43%;-webkit-transform-origin: 50% 43%;}
.frame_three .animate_replay{opacity:1;transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.frame_three .replay:hover{transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.frame_three .drop_thumb{top:56px;left:80px;position:absolute;opacity:0;z-index:15}
.frame_three .bluray_thumb{top:68px;left:80px;position:absolute;opacity:0;z-index:16}
.frame_three .dvd_thumb{top:60px;left:80px;position:absolute;opacity:0;z-index:15}
.frame_three .tom{position:absolute;left:-250px;bottom:40px;z-index:15;opacity: 0}
.frame_three .james{position:absolute;z-index: 14;left:-150px;bottom:40px;opacity: 0}
.frame_three .getit_pre{position:absolute;z-index: 16;left: -100px;bottom: 63px;opacity: 0}
.frame_three .getit_post{position:absolute;z-index: 16;left: -100px;bottom: 50px;opacity: 0}
.frame_three .out_now{position:absolute;bottom:36px;left:-10px;z-index:16;opacity:0;color:#FFF;font-size:22px;}
.frame_three .buy_now_wrapper{position:absolute;left:-20px;bottom:19px;opacity:0;z-index:16;background:#d72129;border-radius: 5px;text-decoration:none;}
.frame_three .buy_now_mid {text-transform:uppercase; background: #d72129; color: #ffffff; line-height:21px;padding:1px 10px 2px;display:block;text-align: center;font-size:19px;border-radius: 5px;}
.frame_three .buy_now_mid:hover { background: #fff; color:#d72129; }
.frame_three .amazon_pre{position:absolute;z-index: 16;left: -100px;bottom: 26px;opacity: 0}
.frame_three .amazon_post{position:absolute;z-index: 16;left: -100px;bottom: 15px;opacity: 0}
.frame_three .big_buy_now{position:absolute;bottom:0;z-index: 17;text-decoration: none;opacity: 0;left:-298px;}
.big_buy_now__cta {text-transform:uppercase; background: #d72129; color: #ffffff;padding:2px 0px;display:block;text-align:center;font-size:17px;width:298px;}
.big_buy_now__cta:hover {background: #fff; color:#d72129;}
.frame_three .free_delivery{opacity:0;z-index: 16;position: absolute;left: -150px;bottom: 3px;}

/*-----------------------------------------
    last frame
-------------------------------------------*/
.last_frame{display:none;width:100%;height:100%;position:absolute;}
.last_frame .background {z-index:20;position:relative;top:-350px;}
.last_frame .title{position: absolute;left: 21px;top: 10px;z-index: 21;width: 85%;}
.last_frame .copyright{position:absolute;top:90px;right:2px;z-index:22;}
.last_frame .gradient{z-index:21;position:absolute;bottom:0;}
.last_frame .replay{z-index:24;position: absolute;right:8px;top:63px;transform: rotate(0deg);-ms-transform: rotate(0deg);-webkit-transform: rotate(0deg);transition-duration:0.5s;transition-property: transform;transition-timing-function: ease-out;transform-origin: 50% 43%;-ms-transform-origin: 50% 43%;-webkit-transform-origin: 50% 43%;}
.last_frame .replay:hover{transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transform: rotate(360deg);}
.last_frame .drop_thumb{top:56px;left:190px;position:absolute;z-index:22}
.last_frame .bluray_thumb{top:68px;left:200px;position:absolute;z-index:23}
.last_frame .dvd_thumb{top:60px;left:170px;position:absolute;z-index:22}
.last_frame .tom{position:absolute;left:28px;bottom:40px;z-index:22;}
.last_frame .james{position:absolute;z-index:21;left:0;bottom:40px;}
.last_frame .getit_pre{position:absolute;z-index:23;left:10px;bottom: 63px;}
.last_frame .getit_post{position:absolute;z-index:23;left:25px;bottom: 50px;}
.last_frame .out_now{position:absolute;bottom:36px;left:28px;z-index:23;color:#FFF;font-size:22px;}
.last_frame .buy_now_wrapper{position:absolute;left:10px;bottom:19px;z-index:23;background:#d72129;border-radius: 5px;text-decoration:none;}
.last_frame .buy_now_mid {text-transform:uppercase; background: #d72129; color: #ffffff; line-height:21px;padding:1px 10px 2px;display:block;text-align: center;font-size:19px;border-radius: 5px;}
.last_frame .buy_now_mid:hover { background: #fff; color:#d72129; }
.last_frame .amazon_pre{position:absolute;z-index:23;left:153px;bottom: 26px;}
.last_frame .amazon_post{position:absolute;z-index:23;left:145px;bottom: 15px;}
.last_frame .big_buy_now{position:absolute;bottom:0;z-index:23;text-decoration: none;left:0;}
.last_frame .free_delivery{z-index:23;position: absolute;left:15px;bottom: 3px;}

/*-----------------------------------------
    fallback image 
-------------------------------------------*/
.fallback{position: absolute;z-index: 18;top: 0;}