html,button,input,select,textarea{color:#222}
body{font-size:1em;line-height:1.4}
::-moz-selection{background:#006fb9;color:#fff;text-shadow:none}
::selection{background:#006fb9;color:#fff;text-shadow:none}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
img{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
html{height:100%}
body{height:100%;background:url("images/bg-paper-2.jpg");color:#677989;-webkit-font-smoothing:antialiased;font-family:'ProximaNovaCondensed',sans-serif}
a,a:active{color:#677989;text-decoration:none;outline:0 !important}
.no-touch a:hover{color:#0068af}
h1,h2,h3,h4,p{padding:0;margin:0}
p{margin-bottom:1em}
nav ul,nav li{list-style:none;padding:0;margin:0}
.video-iframe{width:100%;height:100%}
#nav-container{position:absolute;top:0;left:0;right:0;z-index:100;font-family:'Player',serif;font-size:13px;letter-spacing:.18em;color:#67889e}
#nav-container a{color:#fff;-webkit-transition:all 180ms;-moz-transition:all 180ms;-o-transition:all 180ms;-ms-transition:all 180ms;transition:all 180ms}
.no-touch #nav-container:hover a{color:#67889e}
.no-touch #nav-container:hover #nav-sub-container a{color:#004c82}
#nav-container li{display:inline-block}
#nav-main-container{position:relative;background:url("images/bg-nav-1.png") repeat-x left bottom;z-index:102}
#nav-main{position:relative;width:1024px;margin:0 auto}
#nav-main ul{text-align:justify;height:47px;line-height:47px;overflow:hidden}
#nav-main h1{margin:0;padding:0}
#nav-main h1 a{position:absolute;top:0;left:-4px;width:164px;background:url("images/local/logo-nav.png") no-repeat center bottom}
#nav-main h1 a{height:180px;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;transition-timing-function:ease-out}
#nav-main .first{margin-left:200px;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms;-webkit-transition-timing-function:ease-in-out;-moz-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;-ms-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}
.loading #nav-main h1 a,.section-home #nav-main h1 a{height:0;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms}
.loading #nav-main .first,.section-home #nav-main .first{margin-left:0;-webkit-transition:all 500ms;-moz-transition:all 500ms;-o-transition:all 500ms;-ms-transition:all 500ms;transition:all 500ms}
#nav-container li.separator{width:2px;background:url("images/nav-separator.png") no-repeat left center}
#nav-main li.justify-spacer{width:90%}
#nav-container ul a:hover,#nav-container ul a.active{color:#fff !important}
#nav-sub-container{position:relative;background:url("images/bg-nav-2.png") repeat-x left bottom;z-index:101;height:12px;line-height:33px;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms}
#nav-sub-positioner{position:absolute;left:0;bottom:4px;width:100%}
#nav-sub{width:1024px;margin:0 auto}
.subnav{display:none;margin-left:200px}
.subnav li{padding-right:16px}
#main-container{position:relative;height:100%;overflow-x:hidden;min-width:1060px}
#main-container > .bg{position:absolute;top:0;left:0;right:0;height:590px;background:url("images/bg-paper-1.jpg")}
#content-container{position:relative;width:1900px;margin-left:-950px;left:50%;padding-top:50px;background:url("images/bg-paper-3.png");min-height:100%}
#content-container > .bg-left{position:absolute;top:0;bottom:0;left:-7px;width:7px;background:url("images/frame-shadow-left.png")}
#content-container > .bg-right{position:absolute;top:0;bottom:0;right:-7px;width:7px;background:url("images/frame-shadow-right.png")}
#content-pane{position:relative;height:600px;background:#000;overflow:hidden;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms}
.button-a{background:url("images/bg-button.png");font-family:'ProximaNova',sans-serif;font-weight:bold;font-size:12px;color:#fff;line-height:38px;text-transform:uppercase;padding:0 15px;-webkit-border-radius:20px;border-radius:20px;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,0.5);box-shadow:1px 1px 3px rgba(0,0,0,0.5);-webkit-transition:all 100ms;-moz-transition:all 100ms;-o-transition:all 100ms;-ms-transition:all 100ms;transition:all 100ms;}
.no-touch .button-a:hover{color:#fff}
.section{position:relative;height:100%;display:none}
.section-content{position:relative;height:100%;width:1024px;margin:0 auto}
.subsection-content{display:none}
#coming-soon-popup{position:absolute;top:0;left:0;width:132px;height:29px;padding-top:19px;background:url("images/coming-soon.png") no-repeat;text-align:center;font-family:'ProximaNova',sans-serif;font-size:12px;font-weight:bold;color:#677989;text-shadow:0 1px 1px #fff;text-transform:uppercase;display:none;z-index:500}
#coming-soon-popup.top{background:url("images/coming-soon-top.png") no-repeat;height:35px;padding-top:13px}
.section-home #content-pane{background:#000 url("images/bg-section-home-tile.jpg") repeat-x center bottom}
#section-home{background:url("images/local/bg-home.jpg") no-repeat center bottom}
#section-home .release-date{position:absolute;right:20px;top:450px}
#section-home .button-video{position:absolute;left:0;top:500px;}
.no-touch #section-home .button-video:hover{-webkit-transform:scale(1.14);-moz-transform:scale(1.14);-o-transform:scale(1.14);-ms-transform:scale(1.14);transform:scale(1.14)}
.button-video span{padding-left:20px;background:url("images/button-play.png") no-repeat -3px center}
#section-about{background:url("images/bg-section-about.jpg") no-repeat center bottom;}
#section-about .fg{position:absolute;bottom:0;left:50px;width:448px;height:516px;background:url("images/about-fg-monsters.png") no-repeat center top}
#section-about .subsection-content{position:absolute;top:70px;right:15px;width:372px;height:325px;padding:70px 40px 70px 50px;font-size:15px;background:url("images/bg-about-text.jpg") no-repeat;}
#section-about .subsection-content .bigger{font-size:18px}
#section-about .subsection-content h2{position:absolute;left:0;top:15px;width:100%;text-align:center;font-family:'Player',serif;font-weight:normal;font-size:15px;letter-spacing:.6px;color:#fff;text-transform:uppercase;height:27px;line-height:28px;background:url("images/bg-about-header.png") no-repeat center top}
#section-about .subsection-content .slider-container{overflow:hidden;width:375px;margin-left:-5px}
#section-about .subsection-content .slider{width:825px}
#section-about .subsection-content p{line-height:22px;height:330px;width:372px;float:left;display:block;overflow:hidden;letter-spacing:2px;margin-right:40px;position:relative}
#section-about .subsection-content .slider-pagination{margin:0 auto;width:100px;}
#section-about .subsection-content .slider-pagination li{list-style:none;float:left;background:url("images/navi-dot.png") no-repeat center center;padding:10px;margin:0 3px;cursor:pointer}
#section-about .subsection-content .slider-pagination li.active{background:url("images/navi-dot-active.png") no-repeat center center}
.section-about #nav-sub-container{height:37px}
#section-video{background:url("images/bg-section-video.jpg") no-repeat center bottom;}
#section-video .video-picker{position:absolute;left:0;top:120px;width:1024px;height:425px;}
#section-video .video-picker .video-player{position:absolute;top:0;bottom:0;left:0;right:268px;background:#000;-webkit-box-shadow:3px 3px 8px rgba(0,0,0,0.5);box-shadow:3px 3px 8px rgba(0,0,0,0.5);z-index:10;overflow:hidden}
#section-video .video-picker .video-list-container{position:absolute;top:0;bottom:0;right:0;width:268px;background:#333 url("images/video-nav-bg.jpg");font-family:'ProximaNova',sans-serif;font-weight:bold;}
#section-video .video-picker .video-list-container h2,#section-video .video-picker .video-list-container h3{text-transform:uppercase;text-align:center;border-top:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(0,0,0,0.2)}
#section-video .video-picker .video-list-container h2{height:30px;padding-top:10px;padding-right:6px;font-family:'Player',serif;font-weight:normal;font-size:15px;letter-spacing:.8px;color:#677989;background:url("images/bg-texture-video-header.png");background:url("images/icon-video-playlist.png") no-repeat 15px center,url("images/bg-texture-video-header.png");text-shadow:0 1px 1px #fff}
#section-video .video-picker .video-list-container h3{padding:6px;font-size:12px;font-weight:bold;letter-spacing:.8px;color:#fff;background:url("images/bg-texture-video-subheader.png");text-shadow:0 1px 1px rgba(255,255,255,0.3)}
#section-video .video-picker .video-list-container h3.collapsed{color:#004c82}
#section-video .video-picker .video-list-container h3.child2{margin-top:210px}
#section-video .video-picker .video-list-container .video-list{height:383px;overflow-y:auto}
#section-video .video-picker .video-list-container .video-link{display:block;background:#d2d2d2;font-size:12px;color:#7a7a7a;padding:15px;border-top:1px solid rgba(255,255,255,0.4);border-bottom:1px solid rgba(0,0,0,0.15);}
.no-touch #section-video .video-picker .video-list-container .video-link:hover,#section-video .video-picker .video-list-container .video-link.active{background:#f3f3f3}
#section-video .video-picker .video-list-container .video-link img{float:left;margin-right:10px}
#section-gallery{background:transparent;opacity:1;-ms-filter:none;filter:none;}
#section-gallery .large-image-container{position:relative;margin-left:-20px;margin-right:-20px;}
#section-gallery .large-image-container .large-image{padding:20px;background:#fff;}
#section-gallery .large-image-container .large-image img{width:100%}
#section-gallery .large-image-container .shadow{position:absolute;left:0;bottom:-16px;height:15px;width:100%;background:url("images/photo-shadow.png") no-repeat center top}
#section-gallery .prev,#section-gallery .next{position:absolute;top:285px;width:51px;height:51px;background:url("images/arrow-left-big.png") no-repeat center top;-webkit-transition:500ms;-moz-transition:500ms;-o-transition:500ms;-ms-transition:500ms;transition:500ms;z-index:10}
#section-gallery .prev{left:-110px;}
.no-touch #section-gallery .prev:hover{left:-115px}
#section-gallery .next{right:-110px;background-image:url("images/arrow-right-big.png");}
.no-touch #section-gallery .next:hover{right:-115px}
#section-gallery .share{position:relative;z-index:10;font-family:'ProximaNova',sans-serif;font-weight:bold;font-size:13px;color:#fff;text-transform:uppercase;margin-left:20px;margin-top:8px;}
#section-gallery .share .label{float:left;margin-right:7px}
#section-gallery .share .icons-container{float:left}
#section-gallery .share .share-icon{float:left;position:relative;width:21px;height:21px;margin-right:7px;margin-top:-2px}
#section-gallery .share .share-facebook{background:url("images/icon-gallery-share-facebook.png") no-repeat center center}
#section-gallery .share .share-twitter{background:url("images/icon-gallery-share-twitter.png") no-repeat center center}
#section-gallery .share .share-pinterest{background:url("images/icon-gallery-share-pinterest.png") no-repeat center center}
#section-gallery .deactivated{opacity:.2;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=20);filter:alpha(opacity=20)}
.section-gallery #nav-sub-container{height:70px}
.section-gallery #content-pane{background:#000 url("images/bg-section-gallery.jpg") repeat center bottom;height:615px;padding-top:92px;padding-bottom:33px}
#nav-container .subnav-gallery{position:relative;width:460px;margin-left:284px;}
#nav-container .subnav-gallery li{padding:0;margin:0;display:block;}
#nav-container .subnav-gallery li a{display:block;float:left;margin:0 4px 7px;border:5px solid #004c82;-webkit-transition:all 300ms;-moz-transition:all 300ms;-o-transition:all 300ms;-ms-transition:all 300ms;transition:all 300ms;}
#nav-container .subnav-gallery li a.active,.no-touch #nav-container .subnav-gallery li a:hover{border-color:#fff}
#nav-container .subnav-gallery li img{width:74px;height:43px}
#nav-container .subnav-gallery .prev,#nav-container .subnav-gallery .next{position:absolute;top:15px;width:15px;height:24px;background:url("images/arrow-left.png") no-repeat center top}
#nav-container .subnav-gallery .prev{left:-40px;}
.no-touch #nav-container .subnav-gallery .prev:hover{background-image:url("images/arrow-left-over.png");left:-45px}
#nav-container .subnav-gallery .next{right:-40px;background-image:url("images/arrow-right.png");}
.no-touch #nav-container .subnav-gallery .next:hover{background-image:url("images/arrow-right-over.png");right:-45px}
#trailer-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;background-color:rgba(0,0,0,0.9);z-index:150}
#trailer-iframe-container{position:absolute;top:50%;left:50%;width:788px;height:443px;margin-top:-221.5px;margin-left:-394px;background:#006fb9;}
#trailer-iframe-container .close-button{position:absolute;top:-30px;right:-30px;width:27px;height:27px;background:url("images/close-overlay.png") no-repeat}
#footer-callouts{height:335px;background:url("images/bg-paper-promos.jpg") repeat-x center bottom;margin-bottom:32px}
.social-widgets{position:relative;height:85px;width:1024px;margin:0 auto}
.twitter-feed{position:absolute;left:0;top:33px;width:36px;height:28px;background:url("images/icon-twitter-feed.png") no-repeat left center;}
.twitter-feed .tweet{position:absolute;top:0;left:50px;width:625px;font-family:'ProximaNovaCondensed',sans-serif;font-size:15px;line-height:17px;color:#677989;text-align:left;display:none;}
.twitter-feed .tweet a{color:#0068af}
#footer-callouts .sharers{position:absolute;top:36px;right:0;}
#footer-callouts .sharers .label-container{position:absolute;left:-8px;}
#footer-callouts .sharers .label-container .label{position:absolute;right:0;font-family:'ProximaNova',sans-serif;font-size:12px;text-transform:uppercase;color:#999;line-height:21px;max-width:0;overflow:hidden;-webkit-transition:100ms;-moz-transition:100ms;-o-transition:100ms;-ms-transition:100ms;transition:100ms}
.no-touch #footer-callouts .sharers:hover .label{max-width:50px}
#footer-callouts .sharers .sharer{display:inline-block;width:21px;height:21px}
#footer-callouts .sharers .sharer.facebook{background:url("images/icon-share-facebook.png") no-repeat center center}
#footer-callouts .sharers .sharer.twitter{background:url("images/icon-share-twitter.png") no-repeat center center}
#footer-callouts .sharers .sharer.youtube{background:url("images/icon-share-youtube.png") no-repeat center center}
#footer-callouts .sharers .sharer.pinterest{background:url("images/icon-share-pinterest.png") no-repeat center center}
.audio-toggle{display:inline-block;display:none;width:21px;height:21px;margin-left:10px;background:url("images/icon-audio-on.png") no-repeat center center}
#footer-callouts .promos{text-align:center}
#footer-callouts .promo{position:relative;display:inline-block;width:328px;height:195px;margin:10px;background:#fff url("images/bg-promo-characters.jpg") no-repeat center top;-webkit-box-shadow:0 1px 20px rgba(0,0,0,0.1);box-shadow:0 1px 20px rgba(0,0,0,0.1)}
#footer-callouts .promo .caption{position:absolute;top:147px;left:0;right:0;min-height:30px;padding-left:66px;background:url("images/icon-promo-characters.png") no-repeat 25px center;text-align:left;-webkit-transition:all 200ms;-moz-transition:all 200ms;-o-transition:all 200ms;-ms-transition:all 200ms;transition:all 200ms;font-family:'ProximaNova',sans-serif;font-size:12px;line-height:15px;text-transform:uppercase;color:#bfbfbf;}
#footer-callouts .promo .caption b{position:absolute;display:block;padding-top:10px;font-family:'Player',serif;font-size:18px}
#footer-callouts .promo:hover .caption{padding-left:74px}
#footer-callouts .coming-soon.promo:hover .caption{padding-left:66px}
#footer-callouts .promo.characters{background-image:url("images/bg-promo-characters.jpg");}
#footer-callouts .promo.characters .caption{background-image:url("images/icon-promo-characters.png")}
#footer-callouts .promo.characters:hover .caption{background-image:url("images/icon-promo-characters-over.png");color:#006eb7}
#footer-callouts .coming-soon.characters:hover .caption{background-image:url("images/icon-promo-characters.png") !important;color:#bfbfbf !important}
#footer-callouts .promo.video{background-image:url("images/bg-promo-video.jpg");}
#footer-callouts .promo.video .caption{background-image:url("images/icon-promo-video.png")}
#footer-callouts .promo.video:hover .caption{background-image:url("images/icon-promo-video-over.png");color:#006eb7}
#footer-callouts .coming-soon.video:hover .caption{background-image:url("images/icon-promo-video.png") !important;color:#bfbfbf !important}
#footer-callouts .promo.gallery{background-image:url("images/bg-promo-gallery.jpg");}
#footer-callouts .promo.gallery .caption{background-image:url("images/icon-promo-gallery.png")}
#footer-callouts .promo.gallery:hover .caption{background-image:url("images/icon-promo-gallery-over.png");color:#006eb7}
#footer-callouts .coming-soon.gallery:hover .caption{background-image:url("images/icon-promo-gallery.png") !important;color:#bfbfbf !important}
footer .legal{padding-top:120px;background:url("images/local/legal.jpg") no-repeat center top;text-align:center;font-size:12px;color:#aeaeae;margin-bottom:15px}
footer .legal a{color:#aeaeae}
footer #gde_footerContents{background:none;color:#9c9c9c;}
footer #gde_footerContents #gde_footerFeaturedContainer{background-color:none;background-color:rgba(0,0,0,0.035)}
footer #gde_footerContents .gde_footerFeaturedLinks,footer #gde_footerContents .gde_footerLegalLinks,footer #gde_footerContents #gde_footerLegalContainer{color:#9c9c9c;}
footer #gde_footerContents .gde_footerFeaturedLinks span,footer #gde_footerContents .gde_footerLegalLinks span,footer #gde_footerContents #gde_footerLegalContainer span,footer #gde_footerContents .gde_footerFeaturedLinks a,footer #gde_footerContents .gde_footerLegalLinks a,footer #gde_footerContents #gde_footerLegalContainer a{color:#9c9c9c}
footer #gde_footerContents .gde_comScoreLogo{opacity:.15;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=15);filter:alpha(opacity=15)}
footer{padding-bottom:30px}
.jspContainer{overflow:hidden;position:relative}
.jspPane{position:absolute}
.jspVerticalBar{position:absolute;top:0;right:0;width:6px;height:100%}
.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:6px}
.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0}
.jspCap{display:none}
.jspHorizontalBar .jspCap{float:left}
.jspTrack{background:#fcfcfc;position:relative}
.jspDrag{background:#5c5c5c;position:relative;top:0;left:0;cursor:pointer}
.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}
.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer}
.jspArrow.jspDisabled{cursor:default;background:#80808d}
.jspVerticalBar .jspArrow{height:6px}
.jspHorizontalBar .jspArrow{width:6px;float:left;height:100%}
.jspVerticalBar .jspArrow:focus{outline:0}
.jspCorner{background:#eeeef4;float:left;height:100%}
* html .jspCorner{margin:0 -3px 0 0}
.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}
.ir:before{content:"";display:block;width:0;height:150%}
.hidden{display:none !important;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both}
.clearfix{*zoom:1}
@media print{*{background:transparent !important;color:#000 !important;-webkit-box-shadow:none !important;box-shadow:none !important;text-shadow:none !important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group;}
tr,img{page-break-inside:avoid}
img{max-width:100% !important}
@page{margin:.5cm}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}