<<<<<<< .mine body.dawnofwar3.minisite #mute_bar{background-image:url(../images/sound/control_background.svg);background-repeat:no-repeat;background-position:1px 5px;background-size:162px 26px;position:absolute!important;width:144px;height:20px;top:-1px!important;right:0!important;left:auto!important;width:9px;background-position:right 5px;overflow:hidden;-webkit-transition:width .3s linear;transition:width .3s linear}body.dawnofwar3.minisite #mute_bar:hover{width:144px}body.dawnofwar3.minisite #mute_bar input#volumeControl{padding:0;background-image:url(../images/sound/level_bar.svg);background-repeat:no-repeat;background-size:117px 5px;background-color:transparent;height:5px;position:absolute;right:40px;left:auto;top:13px;width:106px;-webkit-border-radius:0!important;-webkit-box-shadow:none!important;-moz-border-radius:0!important;-moz-box-shadow:none!important;-o-border-radius:0!important;-o-box-shadow:none!important;-ms-border-radius:0!important;-ms-box-shadow:none!important;border-radius:0!important;border:none;box-shadow:none!important;cursor:pointer}body.dawnofwar3.minisite #mute_bar input#volumeControl::-moz-range-track{-moz-appearance:none;background-image:url(../images/sound/level_bar.svg);background-repeat:no-repeat;background-color:transparent;background-size:117px 5px;border:0;border-radius:0!important;box-shadow:none!important;-moz-border-radius:0!important;-moz-box-shadow:none!important;height:5px}body.dawnofwar3.minisite div#mute_bar div#muteControl{width:30px;height:30px;position:absolute;top:9px;right:-4px;left:auto}body.dawnofwar3.minisite div#mute_bar div#muteControl div#muted{background-image:url(../images/sound/mute_on.svg);background-repeat:no-repeat;background-size:22px 18px;width:30px;height:30px}body.dawnofwar3.minisite div#mute_bar div#muteControl div#unmuted{background-image:url(../images/sound/mute_off.svg);background-repeat:no-repeat;background-size:22px 18px;width:30px;height:30px}body.dawnofwar3.minisite #mute_bar #ie_slider{position:absolute;left:0;top:5px;background-image:url(../images/sound/slider.svg);background-repeat:none;background-size:17px 17px;width:17px;height:17px}body.dawnofwar3.minisite input#volumeControl::-webkit-slider-thumb{-webkit-appearance:none;background-image:url(../images/sound/slider.svg);background-repeat:none;background-size:17px 17px;height:17px;width:17px}body.dawnofwar3.minisite input#volumeControl::-moz-range-thumb{-moz-appearance:none;appearance:none;background-image:url(../images/sound/slider.svg);background-repeat:none;background-size:17px 17px;height:17px;width:17px;border:0}@-moz-document url-prefix(){body.dawnofwar3.minisite #mute_bar input#volumeControl{top:15px;right:33px}}html{height:100%}body{background-image:url(../background/DoW3_GalacticRivalsArt_6kWide.jpg);background-size:auto 1440px;background-repeat:no-repeat;background-position:top;background-color:#000;min-height:100%;box-sizing:border-box;font-size:16px;background-attachment:scroll}body #global{background-image:url(../banner/banner-wide.jpg);background-size:cover}body #pageWrapper{position:relative}body #pageWrapper #global{margin:0 auto}body #pageWrapper #local{float:none;width:950px;margin:0 auto;position:relative;top:0}body #pageWrapper #local #game_select_box{float:left;margin-right:2px;margin-left:1px;margin-top:2px}body #pageWrapper #local .box li{float:right;margin-right:2px;margin-top:2px}body #pageWrapper #local .box li a{border-top-width:2px}body #local{float:none;margin-right:787px}body section#content{margin-left:0;text-align:center;padding-bottom:200px;padding-bottom:35px}body section#content .buy{display:block;clear:both}body section#content .buy a{line-height:1em;text-align:center;-webkit-transition:background-color .1s ease-in-out,box-shadow .1s ease-in-out;transition:background-color .1s ease-in-out,box-shadow .1s ease-in-out;background:#bea87e;box-shadow:inset 0 0 0 6px #bea87e,inset 0 0 0 8px #101013;font-family:Portrait Text,serif!important;font-size:2em;border-width:.23em;padding:.85em 1.55em .7em;margin:1em .5em;vertical-align:middle;display:inline-block;position:relative;text-decoration:none;color:#101013}body section#content .buy a:hover{-webkit-transition:background-color .3s ease-out,box-shadow .3s ease-out;transition:background-color .3s ease-out,box-shadow .3s ease-out;background:#101013;box-shadow:inset 0 0 0 6px #101013,inset 0 0 0 8px #bea87e;color:#e4e0da}body section#content #dawnofwar3_agegate{background-color:transparent;width:700px;box-sizing:border-box;margin:0 auto 20px;padding:20px 0 25px;text-align:center;z-index:1;position:relative;line-height:1.9em}body section#content #dawnofwar3_agegate h1{font-family:Portrait Text,serif!important;font-size:1em;text-align:center;text-transform:uppercase;width:auto;margin:.2em auto 1.5em;text-shadow:-2px 4px 4px #000,-5px 8px 10px #000,0 0 7px #000,0 0 20px #000,0 0 30px #000,0 0 40px #000;color:#e4e0da}body section#content #dawnofwar3_agegate p{padding:0 40px;margin:.5em 0 1em}body section#content #dawnofwar3_agegate input,body section#content #dawnofwar3_agegate select{color:#bea87e;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;vertical-align:middle;display:inline-block;text-align:center;font-size:20px;line-height:1.3em;text-rendering:optimizeLegibility;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0 10px;padding:10px 20px;width:123px;box-sizing:content-box;background-color:#101013;border:1px solid #b32b15;border-radius:0;-webkit-transition:background .2s linear;transition:background .2s linear;text-transform:uppercase;cursor:pointer!important;font-family:Portrait Text,serif!important;outline:7px solid #101013;-webkit-font-smoothing:subpixel-antialiased}body section#content #dawnofwar3_agegate input:active,body section#content #dawnofwar3_agegate input:hover,body section#content #dawnofwar3_agegate select:active,body section#content #dawnofwar3_agegate select:hover{background-color:#000;color:#e4e0da}body section#content #dawnofwar3_agegate select{border:1px solid #b32b15;background-image:url(../images/arrowprimary.svg);background-position:calc(100% - 15px) 50%;background-repeat:no-repeat;background-size:20px auto;-webkit-transition:none;transition:none;-webkit-transition:background-color .2s linear;transition:background-color .2s linear}body section#content #dawnofwar3_agegate select:hover{background-image:url(../images/arrow.svg)}body section#content #dawnofwar3_agegate input{font-weight:700}body section#content #dawnofwar3_age_not_allowed{font-family:Portrait Text,serif!important;font-size:.8em;font-weight:400;text-align:center;text-transform:uppercase;width:auto;margin:.2em auto 1.5em;letter-spacing:.3em;text-shadow:-2px 4px 4px #000,-5px 8px 10px #000,0 0 7px #000,0 0 20px #000,0 0 30px #000,0 0 40px #000;color:#b32b15}body section#content #dawnofwar3_age_not_allowed a{color:#b32b15}body section#content #dawnofwar3_age_not_allowed a:hover{color:#bea87e}body section#content #dawnofwar3_menu{list-style:none;margin:0;padding:0;display:inline-block;width:470px;position:absolute;top:68px;left:480px;box-sizing:border-box;z-index:4}body section#content #dawnofwar3_menu ul{margin:0 0 7px;padding:0}body section#content #dawnofwar3_menu ul li{display:inline-block;margin:0;padding:0;list-style:none}body section#content #dawnofwar3_menu ul li a{padding:6px 9px 2px;color:#bea87e;text-decoration:none;font-family:Portrait Text,serif!important;-webkit-font-smoothing:antialiased;text-transform:uppercase;font-size:.8em;text-shadow:0 0 40px #000,0 0 20px #000,0 0 10px #000;display:inline-block;background:#000;border:1px solid #727272}body section#content #dawnofwar3_menu ul li.current_page a,body section#content #dawnofwar3_menu ul li a:hover{color:#b32b15;border-color:#bea87e}body section#content #dawnofwar3_menu ul li:last-child{border-right:none}body section#content #dawnofwar3_logo_wrapper{margin:0 0 20px;text-align:center;width:582px;clear:both;position:relative;z-index:4}body section#content #dawnofwar3_logo_wrapper #dawnofwar3_logo{width:350px;padding:20px 50px;margin-top:-11px;background:-webkit-radial-gradient(center,ellipse cover,#000 0,transparent 72%,transparent 100%);background:-webkit-radial-gradient(center ellipse,#000 0,transparent 72%,transparent 100%);background:radial-gradient(ellipse at center,#000 0,transparent 72%,transparent 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1)}body section#content h2{font-family:Portrait Text,serif!important;font-size:1.4em;font-weight:400;text-align:center;text-transform:uppercase;margin:-5px auto;text-indent:-9999em;letter-spacing:.1em;text-shadow:0 0 40px #000,0 0 20px #000,0 0 10px #000,0 0 40px #000,0 0 20px #000,0 0 10px #000;color:#b32b15}body section#content ol li,body section#content p,body section#content ul li{font-family:Portrait Text,serif!important;-webkit-font-smoothing:-subpixel-antialiased;font-size:1.2em;border:0!important;color:#bea87e;text-rendering:optimizeLegibility;letter-spacing:1.25px}body section#content em{font-family:Portrait Text,serif!important}body section#content .text-box{background-color:rgba(0,0,0,.65);width:585px;box-sizing:border-box;margin:0 auto 20px;padding:20px 0 25px;text-align:center;z-index:1;position:relative;line-height:1.9em;text-shadow:0 0 40px #000,0 0 20px #000,0 0 10px #000}body section#content .text-box p{padding:0 40px;margin:.5em 0 1em}body section#content .trailer{padding:1px;box-sizing:border-box;background-color:rgba(0,0,0,.65)}body section#content .trailer .inner{margin:10px}body section#content #legallogos img{padding:10px}body section#content #legallogos img#eidos_logo{margin-bottom:-7px;width:155px}body a#privacypolicy{background:#000;color:#bea87e;border:1px solid #727272;font-family:Portrait Text,serif!important;-webkit-font-smoothing:subpixel-antialiased;bottom:10px!important}body a#privacypolicy:hover{font-weight:400;color:#b32b15;padding:3px 10px 2px}body #menu_esrb_logo{position:fixed!important;bottom:20px!important;left:20px!important;z-index:10!important}[lang=en] body #local .box+a:after{content:' ';display:block;position:fixed;bottom:20px;left:20px;z-index:11;background:url(../images/esrb.svg) top no-repeat transparent;height:102px;width:214px}body #content .minisite_page.agegate #dawnofwar3_logo_wrapper{width:auto;margin:0 auto -20px;padding-top:260px}body #content .minisite_page.agegate #dawnofwar3_logo_wrapper #dawnofwar3_logo{width:450px;margin-top:0}.m_footer{padding-top:100px;position:relative;z-index:20}.m_footer .inner{padding:20px 100%;background:rgba(0,0,0,.65);margin:0 -100%}.m_footer .inner #legal-logos{width:500px;max-width:90%;margin-bottom:-10px}.m_footer .inner #footerlinks{width:500px;height:54px;margin:-54px auto 0;text-align:left}.m_footer .inner #footerlinks a{height:68px;display:inline-block;margin-right:16px;width:24%}.m_footer .inner #footerlinks a:nth-child(1){width:145px;margin-right:5px}.m_footer .inner #footerlinks a:nth-child(2){width:104px}.m_footer .inner #footerlinks a:nth-child(3){width:109px}.m_footer .inner #footerlinks a:nth-child(4){width:91px;margin-right:0}.m_footer .inner #legal-text p{font-size:.8em;color:#e4e0da;text-shadow:0 0 1px #000,0 0 2px #000,0 0 3px #000,0 0 4px #000,0 0 5px #000,0 0 6px #000,0 0 7px #000,0 0 8px #000,0 0 9px #000}body.about{background-image:url(../background/storybackground2.jpg);background-position:top;background-size:auto 1800px;background-attachment:scroll;overflow-x:hidden;min-height:1800px}body.about #content .buy{clear:left}body.about #content h2{width:650px;margin:-25px auto 0;display:block;text-indent:0;position:relative;color:#e4e0da}body.about #content h2 a{color:#e4e0da;text-decoration:none}body.about #content h2 span{display:inline-block;margin-bottom:.5em;padding:0 20px;border-right:1px solid #bea87e}body.about #content h2 span:last-child{border-left:1px solid #bea87e;border-right:none;padding-left:25px}body.about #content h2:after,body.about #content h2:before{content:' ';display:block;position:absolute;width:32%;height:1px;left:0;top:38%;background-color:#bea87e;box-shadow:0 0 40px #000,0 0 20px #000,0 0 10px #000,0 0 40px #000,0 0 20px #000,0 0 10px #000}[lang=de] body.about #content h2:after,[lang=de] body.about #content h2:before{width:26%}[lang=fr] body.about #content h2:after,[lang=fr] body.about #content h2:before{width:22%}[lang=it] body.about #content h2:after,[lang=it] body.about #content h2:before{width:28%}[lang=es] body.about #content h2:after,[lang=es] body.about #content h2:before{width:23%}[lang=ru] body.about #content h2:after,[lang=ru] body.about #content h2:before{width:28%}body.about #content h2:before{left:auto;right:0}body.about #content h3{font-family:Portrait Text,serif!important;font-size:2em;text-transform:uppercase;letter-spacing:.1em;background:none;margin:0;color:#e4e0da;font-weight:400;padding:15px 10px 13px;text-align:center;z-index:2;position:relative}body.about #content h3:after{content:' ';display:block;height:7px;width:70px;margin:20px auto 0;background:#bea87e}[lang=de] body.about #content h3,[lang=es] body.about #content h3,[lang=fr] body.about #content h3,[lang=it] body.about #content h3{font-size:1.5em}[lang=ru] body.about #content h3{font-size:1.4em}body.about #content .trailer{background-color:rgba(0,0,0,.78);width:75%;margin:30px auto 40px}body.about #content .text-box{margin-left:35px;float:left;margin-top:20px;background-color:rgba(0,0,0,.78)}body.about #content #related_news{display:inline-block;background-color:rgba(0,0,0,.78);width:265px;box-sizing:border-box;margin:20px 36px 0 0;padding:20px 0 25px;text-align:center;z-index:1;position:relative;line-height:1.9em;text-shadow:0 0 40px #000,0 0 20px #000,0 0 10px #000;border-radius:0;border:none;float:right;max-height:307px;overflow-y:scroll}[lang=en] body.about #content #related_news,[lang=pt_br] body.about #content #related_news{max-height:328px}[lang=de] body.about #content #related_news,[lang=fr] body.about #content #related_news,[lang=it] body.about #content #related_news,[lang=ru] body.about #content #related_news{min-height:388px}[lang=es] body.about #content #related_news{max-height:358px}[lang=pt_br] body.about #content #related_news{max-height:328px}body.about #content #related_news:hover{border:none}body.about #content #related_news h3{width:auto;float:none;border:none;padding-bottom:0}body.about #content #related_news article:after,body.about #content #related_news h3:after{content:' ';display:block;height:1px;width:90%;margin:10px auto;background:#bea87e}body.about #content #related_news article a h4{position:relative;z-index:2;font-family:Portrait Text,serif!important;font-size:1.5em;text-transform:uppercase;letter-spacing:.1em;background:none;margin:0;color:#e4e0da;font-weight:400;padding:5px 15px 13px;text-align:center}body.about #content #related_news article a h4:after{content:' ';display:block;height:2px;width:120px;margin:20px auto 0;background:#bea87e}body.about #content #related_news article a time{font-family:Portrait Text,serif!important;font-size:1.5em;color:#b32b15;float:none;position:relative;padding:0 20px}body.about #content #related_news article a time:after,body.about #content #related_news article a time:before{content:' ';display:block;position:absolute;width:10px;height:1px;left:0;top:38%;background-color:#bea87e;box-shadow:0 0 40px #000,0 0 20px #000,0 0 10px #000,0 0 40px #000,0 0 20px #000,0 0 10px #000}body.about #content #related_news article a time:before{left:auto;right:0}body.about #content #related_news article a p{padding:0 20px;margin:.5em 0 1em;font-size:1.5em;line-height:1.5em}body.about #content #related_news article a .read_more{font-family:Portrait Text,serif!important;font-size:1.5em;color:#b32b15;text-transform:uppercase;border:1px solid #bea87e;padding:.5em 1em .4em;margin:.4em 0;display:inline-block}body.about #content #related_news article a:hover .read_more{color:#fff}body.features{background-image:url(../background/D0W3_Gabriel_HellsGate.jpg);background-position:bottom;background-size:cover;background-attachment:fixed;overflow-x:hidden}body.features #content{padding-bottom:350px}body.features #content h1#dawnofwar3_logo_wrapper,body.features #content h1#dawnofwar3_logo_wrapper img#dawnofwar3_logo{background:none}body.features #content .list ul{padding:0}body.features #content .list ul li{list-style:none;margin:0 0 20px;vertical-align:middle;width:100%;clear:both;position:relative;min-height:320px}[lang=es] body.features #content .list ul li,[lang=it] body.features #content .list ul li,[lang=pt_br] body.features #content .list ul li,[lang=ru] body.features #content .list ul li{margin-bottom:60px}[lang=fr] body.features #content .list ul li{margin-bottom:80px}[lang=de] body.features #content .list ul li{margin-bottom:60px}body.features #content .list ul li div.features-text.text-box{margin:0;vertical-align:middle;text-align:center;padding:20px 0 25px;width:500px;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.features #content .list ul li div.features-text.text-box h4{font-family:Portrait Text,serif!important;font-size:1.5em;text-transform:uppercase;letter-spacing:.1em;background:none;margin:0;color:#e4e0da;font-weight:400;padding:15px 10px 13px;text-align:center;z-index:2;position:relative}body.features #content .list ul li div.features-text.text-box h4:after{content:' ';display:block;height:4px;width:100px;margin:20px auto 0;background:#bea87e}body.features #content .list ul li div.features-text.text-box p{padding:0 40px;margin:.5em 0 1em;font-size:1em;line-height:1.585em}body.features #content .list ul li .screenshots_thumbs{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;padding-bottom:2em;height:219px}body.features #content .list ul li .screenshots_thumbs a{text-decoration:none}body.features #content .list ul li .screenshots_thumbs a img{padding:5px;margin:0;width:420px;-webkit-transition:none;transition:none;-webkit-transition:border .2s linear;transition:border .2s linear;border:5px solid #bea87e;background:rgba(0,0,0,.65);outline:5px solid rgba(0,0,0,.65)}body.features #content .list ul li .screenshots_thumbs a img:hover{-webkit-transform:none;transform:none;border-color:#b32b15}body.features #content .list ul li:nth-of-type(odd) div.features-text{left:auto;right:0}body.features #content .list ul li:nth-of-type(odd) .screenshots_thumbs{right:auto;left:0}body.features #screenshots_full figcaption p{font-size:1.2em;line-height:1.3em;margin:0 0 0 -1px;padding:10px 5px}body.features #screenshots_full a+img{border:5px solid #000}body.reviews{background-image:url(../background/crater.jpg);background-size:cover!important;background-position:bottom;background-attachment:fixed}body.reviews section#content #dawnofwar3_logo_wrapper #dawnofwar3_logo{background-image:url(../images/logo/logo.png);background:none;background-size:350px auto;background-position:50%;background-repeat:no-repeat}section#minisitecontent[data-subsection=reviews] h2{font-size:1.8em;text-transform:uppercase;text-align:center;text-indent:-99999em;margin-bottom:-.8em}section#minisitecontent[data-subsection=reviews] h3{padding:40px 80px 35px;margin:0 -180px;text-indent:-99999em;margin-bottom:-5em}section#minisitecontent[data-subsection=reviews] #reviews_intro{width:50%;padding:20px 0 25px;background-color:rgba(0,0,0,.78)}section#minisitecontent[data-subsection=reviews] #reviews_intro p{padding:0 40px;margin:.5em 0 .2em}section#minisitecontent[data-subsection=reviews] .quote{width:48%;box-sizing:border-box;margin:15px auto;padding-bottom:0;text-align:center;position:relative;background-color:rgba(0,0,0,.65);color:#e4e0da;font-size:1.1em;text-decoration:none;border:2px solid transparent;-webkit-transition:border .2s linear,background .2s linear;transition:border .2s linear,background .2s linear}section#minisitecontent[data-subsection=reviews] .quote:nth-of-type(odd){float:left;margin-left:0;clear:left}section#minisitecontent[data-subsection=reviews] .quote:nth-of-type(even){float:right;margin-right:0;clear:right}section#minisitecontent[data-subsection=reviews] .quote p{padding:0 30px}section#minisitecontent[data-subsection=reviews] .quote .quote_score{font-size:3em;font-family:Portrait Text,serif!important;font-weight:700;margin:.5em}section#minisitecontent[data-subsection=reviews] .quote .quote_name{font-size:1.5em;margin-bottom:1em;font-family:Portrait Text,serif!important;color:#b32b15}section#minisitecontent[data-subsection=reviews] .quote:hover{background:#000;border:2px solid #bea87e}.en section#minisitecontent[data-subsection=reviews] .quote:nth-of-type(5) p{padding:0 20px}body.dlc{background-image:url(../background/manticore.jpg);background-size:cover!important;background-position:top}section#content #dlc-page h2{font-size:1.8em;text-transform:uppercase;text-align:center;text-indent:-99999em;margin-bottom:-1em}section#content #dlc-page .text-box{padding-bottom:0}section#content #dlc-page .text-box h3{padding:40px 80px 35px;margin:0 -180px}section#content #dlc-page .text-box section.dlc{width:93%;box-sizing:border-box;margin:15px auto;padding-bottom:0;text-align:center;position:relative;background-image:url(../images/dlc/leather_bkg_Iron.jpg);background-size:100% 100%!important;background-position:50%}section#content #dlc-page .text-box section.dlc:nth-of-type(odd){float:left;margin-left:-45%;clear:left}section#content #dlc-page .text-box section.dlc:nth-of-type(even){float:right;margin-right:-45%;clear:right}section#content #dlc-page .text-box #new-campaigns #bretonnia,section#content #dlc-page .text-box section.dlc#chaos-warriors{float:none;margin:15px auto;clear:both}section#content #dlc-page .text-box #new-races #chaos-warriors{float:left;margin-left:-45%;clear:left}section#content #dlc-page .text-box #free #white-dwarf{float:right;margin-right:-45%;clear:right}.pt_br section#content #dlc-page .text-box #free #white-dwarf{float:left;margin-left:-45%;clear:left}section#content #dlc-page .text-box #free #wurrzag{float:none;margin:15px auto;clear:both}.pt_br section#content #dlc-page .text-box #free #wurrzag{float:right;margin-right:-45%;clear:right}section#content #dlc-page .text-box h4{font-family:Portrait Text,serif!important;font-size:1.3em;text-transform:uppercase;text-align:center;border-right:none;border-left:none;padding:10px 20px 8px}section#content #dlc-page .text-box ul{margin:0;padding:0}section#content #dlc-page .text-box ul li{margin:0;padding:0;list-style:none}section#content #dlc-page .text-box ul li p{margin:0;padding:.2em 20px .4em;font-size:.95em;line-height:1.1em}section#content #dlc-page .text-box ul li:after,section#content #dlc-page .text-box ul li:first-of-type:before{content:' ';display:block;height:3px;margin:0 20px;background:-webkit-linear-gradient(left,hsla(17,72%,79%,0),#b36648 30%,#8c3310 49%,#752201 51%,#923f1f 70%,rgba(191,110,78,0));background:linear-gradient(90deg,hsla(17,72%,79%,0) 0,#b36648 30%,#8c3310 49%,#752201 51%,#923f1f 70%,rgba(191,110,78,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0b7a1',endColorstr='#00bf6e4e',GradientType=1)}section#content #dlc-page .text-box ul li:before{margin-top:.2em}section#content #dlc-page .text-box ul li:after{margin-bottom:.2em}section#content #dlc-page .text-box .trailer{width:95%}section#content #dlc-page .text-box .buy{margin-bottom:1.5em;margin-top:0}section#content #dlc-page .text-box .buy a{margin-top:.5em;-webkit-transform:scale(.7);transform:scale(.7)}section#content #dlc-page .text-box .buy a:hover{-webkit-transform:scale(.75);transform:scale(.75)}section#content #dlc-page .text-box #bretonnia .buy a,section#content #dlc-page .text-box #grey .buy a,section#content #dlc-page .text-box #isabella .buy a,section#content #dlc-page .text-box #jade .buy a,section#content #dlc-page .text-box #white-dwarf .buy a,section#content #dlc-page .text-box #wurrzag .buy a{font-size:1.5em;margin-top:.9em}section#content #dlc-page .text-box .dlcpic{width:100%}section#content #dlc-page .thumbs{padding:20px 0 0}section#content #dlc-page .thumbs li{list-style:none;display:inline-block;margin:1em .5%!important;width:18%;float:left}section#content #dlc-page .thumbs li:after,section#content #dlc-page .thumbs li:before{content:none!important}section#content #dlc-page .thumbs li:last-of-type{margin-top:calc(1em + 1px)!important;margin-right:0!important}section#content #dlc-page .thumbs li:first-of-type{margin-left:3%!important}section#content #dlc-page .thumbs li a{width:100%;box-sizing:border-box;padding:5%;text-transform:uppercase;height:100px;background:#000;display:inline-block;font-size:.6em;line-height:1em;text-decoration:none;padding-top:87px;padding-bottom:23px}section#content #dlc-page .thumbs li a span{position:relative;display:inline-block}section#content #dlc-page .thumbs li a.active,section#content #dlc-page .thumbs li a:hover{color:#fff}.ru section#content #dlc-page .thumbs li a{font-size:.48em}section#content #dlc-page .thumbs li:nth-of-type(1) a{background:url(../images/dlc/tab_campaigns.png) top no-repeat #000;background-size:78px 78px}section#content #dlc-page .thumbs li:nth-of-type(2) a{background:url(../images/dlc/tab_lords.png) center 0 no-repeat #000;padding:73px 7% 37px;background-size:78px 78px}.de section#content #dlc-page .thumbs li:nth-of-type(2) a{padding:80px 0 30px;font-size:.45em}.it section#content #dlc-page .thumbs li:nth-of-type(2) a{padding:5%;padding-top:87px;padding-bottom:23px}.ru section#content #dlc-page .thumbs li:nth-of-type(2) a{padding:76px 7% 34px}section#content #dlc-page .thumbs li:nth-of-type(3) a{background:url(../images/dlc/tab_races.png) top no-repeat #000;background-size:78px 78px}section#content #dlc-page .thumbs li:nth-of-type(4) a{background:url(../images/dlc/tab_blood.png) top no-repeat #000;background-size:78px 78px}section#content #dlc-page .thumbs li:nth-of-type(5) a{background:url(../images/dlc/tab_free.png) top no-repeat #000;background-size:78px 78px}.de section#content #dlc-page .thumbs li:nth-of-type(5) a{padding-top:89px;padding-bottom:20px;font-size:.45em}.es section#content #dlc-page .thumbs li:nth-of-type(5) a,.fr section#content #dlc-page .thumbs li:nth-of-type(5) a,.it section#content #dlc-page .thumbs li:nth-of-type(5) a,.pt_br section#content #dlc-page .thumbs li:nth-of-type(5) a{padding:73px 7% 36px;background-size:68px 68px}.ru section#content #dlc-page .thumbs li:nth-of-type(5) a{padding:76px 7% 34px;background-size:68px 68px;letter-spacing:-.1em}section#content #dlc-page .full{opacity:0;clear:both;z-index:1;position:relative;display:none}section#content #dlc-page .full:not(.hidden){opacity:1;z-index:2;display:block}body.factions{background-image:url(../background/DoW3_Skulls_6kWide.jpg);background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:top;background-color:#000;overflow-x:hidden}body.factions section#content #dawnofwar3_logo_wrapper{margin-bottom:0}body.factions section#content h2{margin-top:-20px}body.factions section#content #factionholder{position:relative;z-index:2;margin-top:5px}body.factions section#content #factionholder .thumbs{margin:0;padding:0;position:relative;z-index:2;height:300px}body.factions section#content #factionholder .thumbs>p{padding:60px 20px 28px;display:inline-block;margin:0 auto;color:#e4e0da;text-transform:uppercase;font-size:1.3em;text-shadow:0 0 40px #000,0 0 20px #000,0 0 10px #000,0 0 40px #000,0 0 20px #000,0 0 10px #000,0 0 40px #000,0 0 20px #000,0 0 10px #000;background:rgba(0,0,0,.65);background-color:transparent}body.factions section#content #factionholder .thumbs li{margin:0;list-style:none;padding:0}body.factions section#content #factionholder .thumbs li a{display:inline-block;font-size:1.3em;line-height:1em;position:absolute;top:170px;margin:20px;width:30%;height:180px;padding-top:134px;box-sizing:border-box;text-decoration:none;background-repeat:no-repeat;background-size:auto 160px;background-position:50%;-webkit-transition:border .2s linear;transition:border .2s linear;border:5px solid #bea87e;background-color:rgba(0,0,0,.65);outline:5px solid rgba(0,0,0,.65);color:#bea87e;text-transform:uppercase;text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 10px #000,0 0 10px #000,0 0 5px #000,0 0 7px #000}[lang=ru] body.factions section#content #factionholder .thumbs li a{font-size:1.1em}body.factions section#content #factionholder .thumbs li a.space-marines{background-image:url(../background/DoW3_GabrielAngelos.jpg);left:0}body.factions section#content #factionholder .thumbs li a.eldar{background-image:url(../background/DoW3_Macha.jpg);left:312px}body.factions section#content #factionholder .thumbs li a.orks{background-image:url(../background/DoW3_Gorgutz.jpg);right:0}body.factions section#content #factionholder .thumbs li a:hover{-webkit-transform:none;transform:none;border-color:#e4e0da;color:#e4e0da}body.factions section#content #factionholder .thumbs li a.active{color:#fff;border-color:#b32b15;color:#e4e0da;pointer-events:none}body.factions section#content #factionholder section.full{margin:120px 0 0;opacity:0;-webkit-transition:opacity .4s linear,height .4s linear;transition:opacity .4s linear,height .4s linear;-webkit-transition-delay:.01s;transition-delay:.01s;position:absolute;z-index:0;height:1px;overflow:hidden}body.factions section#content #factionholder section.full h3{position:relative;z-index:2;font-family:Portrait Text,serif!important;font-size:1.5em;text-transform:uppercase;letter-spacing:.1em;background:none;margin:0;color:#e4e0da;font-weight:400;padding:15px 10px 13px;text-align:center}body.factions section#content #factionholder section.full h3:after{content:' ';display:block;height:4px;width:100px;margin:20px auto 0;background:#bea87e}body.factions section#content #factionholder section.full .trailer{margin:0 0 5px;position:relative;z-index:2;opacity:0;-webkit-transition:opacity 1.4s linear;transition:opacity 1.4s linear;-webkit-transition-delay:1.3s;transition-delay:1.3s}body.factions section#content #factionholder section.full p{margin-top:-105px;padding-top:115px;position:relative;z-index:1}body.factions section#content #factionholder section.full .text-box{position:relative;opacity:0;bottom:-700px;-webkit-transition:opacity 1s ease-in,bottom 1s ease-in;transition:opacity 1s ease-in,bottom 1s ease-in;-webkit-transition-delay:.1s;transition-delay:.1s}body.factions section#content #factionholder section.full.shown{opacity:1;z-index:1;height:auto;overflow:visible}body.factions section#content #factionholder section.full.shown .text-box{opacity:1;bottom:0}body.factions section#content #factionholder section.full.shown .trailer{opacity:1}body.factions section#content #factionholder section.full:before{content:' ';position:absolute;z-index:-2;top:-139px;left:-840px;right:-1188px;bottom:-600px;margin-bottom:400px;background-position:top;background-repeat:no-repeat;background-size:2560px auto;border:10px solid #101013;border-right:none;border-left:none}body.factions section#content #factionholder section.full#space-marines .text-box{left:360px;margin-top:140px}body.factions section#content #factionholder section.full#space-marines .text-box p:first-of-type{padding:0 50px;padding-top:115px}body.factions section#content #factionholder section.full#space-marines .buy,body.factions section#content #factionholder section.full#space-marines .trailer{position:relative;left:360px}body.factions section#content #factionholder section.full#space-marines:before{background-image:url(../background/DoW3_SpaceMarineArt_6kWide.jpg);background-position:center 64%}body.factions section#content #factionholder section.full#eldar:before{background-image:url(../background/DoW3_EldarArt_6kWide.jpg);background-position:center 25%}body.factions section#content #factionholder section.full#orks:before{background-image:url(../background/DoW3_OrkArt_6kWide.jpg);background-position:center 40%}body.factions .m_footer{padding-top:300px;z-index:1}body.factions #factionholder.space-marines+.m_footer{padding-top:1350px}body.factions #factionholder.eldar+.m_footer,body.factions #factionholder.orks+.m_footer{padding-top:1250px}body.setting{background-image:url(../background/statue.jpg);background-size:cover;background-position:top;background-attachment:fixed}body.setting section#content h2{font-size:1.8em;text-transform:uppercase;text-align:center}body.setting section#content h2+section{background-color:rgba(0,0,0,.78);margin-top:25%}[lang=ru] body.setting section#content h2+section p{padding:0 30px}body.setting section#content h3{margin-top:1em}body.setting section#content ul.thumbs{margin:0 auto;padding:0;text-align:center;background-color:rgba(0,0,0,.78)}body.setting section#content ul.thumbs li{display:inline-block;width:41%;margin:5% 3% 3%;box-sizing:border-box}body.setting section#content ul.thumbs li:first-of-type{margin-left:0}[lang=ru] body.setting section#content ul.thumbs li:first-of-type{top:-14px;position:relative}[lang=it] body.setting section#content ul.thumbs li:first-of-type{top:6px;position:relative}body.setting section#content ul.thumbs li:last-of-type{margin-right:0}[lang=it] body.setting section#content ul.thumbs li:last-of-type{position:relative}[lang=it] body.setting section#content ul.thumbs li:last-of-type a{padding-top:132px}body.setting section#content ul.thumbs li a{display:inline-block;font-size:1.3em;line-height:1em;width:100%;height:180px;padding-top:114px;box-sizing:border-box;text-decoration:none;-webkit-transition:border .2s linear;transition:border .2s linear;border:5px solid #bea87e;background-color:rgba(0,0,0,.78);outline:5px solid rgba(0,0,0,.78);color:#bea87e;text-transform:uppercase;text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 10px #000,0 0 10px #000,0 0 5px #000,0 0 7px #000}[lang=ru] body.setting section#content ul.thumbs li a{font-size:.75em;padding-top:124px}[lang=fr] body.setting section#content ul.thumbs li a{font-size:1em;padding-top:124px}body.setting section#content ul.thumbs li a.environment-showcase{background-image:-webkit-linear-gradient(top,transparent,#000),url(//video.feralinteractive.com/games/dawnofwar3/environment-showcase_mac-linux/poster.jpg);background-image:linear-gradient(180deg,transparent 0,#000),url(//video.feralinteractive.com/games/dawnofwar3/environment-showcase_mac-linux/poster.jpg);background-repeat:no-repeat,no-repeat;background-size:100% 30%,220px auto;background-position:center 67%,5px 5px}body.setting section#content ul.thumbs li a.cinematic-showcase{background-image:-webkit-linear-gradient(top,transparent,#000),url(//video.feralinteractive.com/games/dawnofwar3/cinematic-showcase_mac-linux/poster.jpg);background-image:linear-gradient(180deg,transparent 0,#000),url(//video.feralinteractive.com/games/dawnofwar3/cinematic-showcase_mac-linux/poster.jpg);background-repeat:no-repeat,no-repeat;background-size:100% 30%,220px auto;background-position:center 67%,5px 5px}body.setting section#content ul.thumbs li a:hover{-webkit-transform:none;transform:none;border-color:#e4e0da;color:#e4e0da}body.setting section#content ul.thumbs li a.active{color:#fff;border-color:#b32b15;color:#e4e0da;pointer-events:none}body.setting section#content .trailer{background-color:rgba(0,0,0,.78)}body.setting section#content .trailer.full{display:none!important;margin-top:0;z-index:1}body.setting section#content .trailer.full:not(.hidden){display:block!important;z-index:2}body.multiplayer{background-image:url(../background/orkvseldar.jpg);background-size:cover;background-position:top;background-attachment:fixed}body.multiplayer section#content h2{font-size:1.8em;text-transform:uppercase;text-align:center}body.multiplayer section#content h2+section{background-color:rgba(0,0,0,.78);margin-top:25%}body.multiplayer section#content h3{margin-top:1em}[lang=en] body.multiplayer section#content .text-box p:last-child{padding:0 70px}body.multiplayer section#content .trailer{background-color:rgba(0,0,0,.78)}@font-face{font-family:Portrait Text;src:url(../fonts/PortraitText-Regular2.woff) format("woff"),url(../fonts/PortraitText-Regular2.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Portrait Text;src:url(../fonts/PortraitText-Bold.woff) format("woff"),url(../fonts/PortraitText-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Portrait Text;src:url(../fonts/PortraitText-BoldItalic.woff) format("woff"),url(../fonts/PortraitText-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Portrait Text;src:url(../fonts/PortraitText-Regular2Italic.woff) format("woff"),url(../fonts/PortraitText-Regular2Italic.ttf) format("truetype");font-weight:400;font-style:italic}#minisitecontent #audio{display:none}#mute_bar{outline:none;position:absolute!important;box-shadow:none;background:url(../images/sound/control_background.png);background-color:transparent;background-position:0 0;background-repeat:no-repeat;width:144px;height:20px;top:90px!important;left:-166px!important;border-radius:0!important;padding:5px 10px!important}#mute_bar input:focus{outline:0}#mute_bar input#volumeControl{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;background-repeat:no-repeat;background-color:transparent;background:url(../images/sound/level_bar.png);height:5px;position:relative;left:4px;top:-1px;width:106px;border-radius:0!important;border:none;box-shadow:none!important;cursor:pointer}#mute_bar input#volumeControl::-moz-range-track{-moz-appearance:none;background-repeat:no-repeat;background-color:transparent;background:url(../images/sound/level_bar.png);border-radius:0!important;border:none;box-shadow:none!important;height:5px}#mute_bar div#muteControl{width:30px;height:30px;position:relative;top:-14px;left:127px}#mute_bar div#muteControl div#muted{background:transparent url(/images/sound/mute_on.svg) no-repeat;width:30px;height:30px}#mute_bar div#muteControl div#unmuted{background:transparent url(/images/sound/mute_off.svg) no-repeat;width:30px;height:30px}#mute_bar #ie_slider{border-radius:0;position:absolute;left:0;top:5px;background:url(../images/sound/slider.png);background-color:transparent;background-repeat:no-repeat;height:17px}input#volumeControl::-moz-range-thumb{outline:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background:url(../images/sound/slider.png);background-color:transparent;background-repeat:no-repeat;height:17px;width:17px}input#volumeControl::-webkit-slider-thumb{outline:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background:url(../images/sound/slider.png);background-color:transparent;background-repeat:no-repeat;height:17px;width:17px}@-moz-document url-prefix(){div#mute_bar div#muteControl{top:-14px}#mute_bar input#volumeControl{left:-3px;top:-1px}}body.gallery #media_desktops,body.gallery #media_screenshots,body.gallery #media_show,body.gallery #media_trailers,body.media #media_desktops,body.media #media_screenshots,body.media #media_show,body.media #media_trailers{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:transparent;box-shadow:none;padding:5px;background:rgba(0,0,0,.8);float:left;width:100%;margin-bottom:30px;text-align:center;letter-spacing:0}body.gallery #media .media_desktops_desktop,body.gallery #media .media_screenshots_screenshot,body.gallery #media .media_trailers_trailer,body.media #media .media_desktops_desktop,body.media #media .media_screenshots_screenshot,body.media #media .media_trailers_trailer{margin:5px;display:inline-block;width:140px;cursor:pointer;outline:transparent}body.gallery #media .media_desktops_desktop a,body.gallery #media .media_screenshots_screenshot a,body.gallery #media .media_trailers_trailer a,body.media #media .media_desktops_desktop a,body.media #media .media_screenshots_screenshot a,body.media #media .media_trailers_trailer a{font-size:14px;text-decoration:none;color:#fff}body.gallery #media .media_desktops_desktop img,body.gallery #media .media_screenshots_screenshot img,body.gallery #media .media_trailers_trailer img,body.media #media .media_desktops_desktop img,body.media #media .media_screenshots_screenshot img,body.media #media .media_trailers_trailer img{width:100%;float:left;-webkit-filter:grayscale(0);filter:grayscale(0);background:#fff}body.gallery #media .componentSelected.media_desktops_desktop,body.gallery #media .componentSelected.media_screenshots_screenshot,body.gallery #media .componentSelected.media_trailers_trailer,body.gallery #media .media_desktops_desktop:hover,body.gallery #media .media_screenshots_screenshot:hover,body.gallery #media .media_trailers_trailer:hover,body.media #media .componentSelected.media_desktops_desktop,body.media #media .componentSelected.media_screenshots_screenshot,body.media #media .componentSelected.media_trailers_trailer,body.media #media .media_desktops_desktop:hover,body.media #media .media_screenshots_screenshot:hover,body.media #media .media_trailers_trailer:hover{outline:2px solid red;background:red;color:#fff}body.gallery #media .componentSelected.media_desktops_desktop img,body.gallery #media .componentSelected.media_screenshots_screenshot img,body.gallery #media .componentSelected.media_trailers_trailer img,body.media #media .componentSelected.media_desktops_desktop img,body.media #media .componentSelected.media_screenshots_screenshot img,body.media #media .componentSelected.media_trailers_trailer img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}body.gallery #media .componentSelected.media_desktops_desktop a,body.gallery #media .componentSelected.media_screenshots_screenshot a,body.gallery #media .componentSelected.media_trailers_trailer a,body.media #media .componentSelected.media_desktops_desktop a,body.media #media .componentSelected.media_screenshots_screenshot a,body.media #media .componentSelected.media_trailers_trailer a{color:#fff}body.gallery .col-2,body.media .col-2{width:450px;float:left}body.gallery .col-2:first-of-type,body.media .col-2:first-of-type{margin-right:40px}body.gallery #media,body.media #media{top:200px;width:950px;left:-166px;position:relative}body.gallery #media h3,body.media #media h3{font-weight:400;margin:10px 0;font-size:24px;width:100%;text-align:center;color:#fff;text-transform:uppercase;text-shadow:none}body.gallery #media_trailers,body.media #media_trailers{padding-bottom:25px}body.gallery #media_trailers a,body.media #media_trailers a{display:inline-block;padding:0 0 3px}body.gallery #media_trailers a img,body.media #media_trailers a img{margin-bottom:3px}body.gallery #media_trailers a:hover,body.media #media_trailers a:hover{color:#fff}body.gallery #media_trailers_notrailers,body.media #media_trailers_notrailers{color:#fff;text-align:center}body.gallery #media_show,body.media #media_show{min-height:250px;margin:0 0 30px;position:relative}body.gallery #media_show_caption,body.media #media_show_caption{max-width:940px;color:#fff;font-size:18px}body.gallery #media_show_imageWrapper,body.media #media_show_imageWrapper{position:relative}body.gallery #media_show:-moz-full-screen,body.media #media_show:-moz-full-screen{float:none;width:auto;margin:0;position:relative}body.gallery #media_show:fullscreen,body.media #media_show:fullscreen{float:none;width:auto;margin:0;position:relative}body.gallery #media_show:-moz-full-screen #media_show_image,body.gallery #media_show:-moz-full-screen #media_show_video,body.gallery #media_show:-moz-full-screen #media_show video,body.media #media_show:-moz-full-screen #media_show_image,body.media #media_show:-moz-full-screen #media_show_video,body.media #media_show:-moz-full-screen #media_show video{width:auto;height:auto}body.gallery #media_show:fullscreen #media_show_image,body.gallery #media_show:fullscreen #media_show_video,body.gallery #media_show:fullscreen #media_show video,body.media #media_show:fullscreen #media_show_image,body.media #media_show:fullscreen #media_show_video,body.media #media_show:fullscreen #media_show video{width:auto;height:auto}body.gallery #media_show:-webkit-full-screen,body.media #media_show:-webkit-full-screen{float:none;width:auto;margin:0;position:relative}body.gallery #media_show:-webkit-full-screen #media_show_image,body.gallery #media_show:-webkit-full-screen #media_show_video,body.gallery #media_show:-webkit-full-screen #media_show video,body.media #media_show:-webkit-full-screen #media_show_image,body.media #media_show:-webkit-full-screen #media_show_video,body.media #media_show:-webkit-full-screen #media_show video{width:auto;height:auto}body.gallery #media_show:-moz-full-screen #media_show,body.media #media_show:-moz-full-screen #media_show{position:relative}body.gallery #media_show:-moz-full-screen #media_show_image,body.media #media_show:-moz-full-screen #media_show_image{height:100%}body.gallery #media_show:-moz-full-screen #media_show_caption,body.gallery #media_show:-moz-full-screen #media_show_imageWrapper,body.media #media_show:-moz-full-screen #media_show_caption,body.media #media_show:-moz-full-screen #media_show_imageWrapper{margin:0 auto;width:80%}body.gallery #media_show:-moz-full-screen #media_show_imageWrapper,body.media #media_show:-moz-full-screen #media_show_imageWrapper{margin-top:15%}body.gallery #media_show:-ms-fullscreen,body.media #media_show:-ms-fullscreen{float:none;width:auto;margin:0;position:relative}body.gallery #media_show:-ms-fullscreen #media_show_image,body.gallery #media_show:-ms-fullscreen #media_show_video,body.gallery #media_show:-ms-fullscreen #media_show video,body.media #media_show:-ms-fullscreen #media_show_image,body.media #media_show:-ms-fullscreen #media_show_video,body.media #media_show:-ms-fullscreen #media_show video{width:auto;height:auto}body.gallery #media_show_image,body.gallery #media_show_video,body.gallery #media_show video,body.media #media_show_image,body.media #media_show_video,body.media #media_show video{width:100%;background:#fff}body.gallery #media_show_image,body.media #media_show_image{max-width:960px}body.gallery #media_show_fullscreen_icon,body.media #media_show_fullscreen_icon{width:12px;height:12px;position:absolute;top:14.5px;cursor:pointer;margin-left:7px;margin-top:0;background:rgba(0,0,0,.5);padding:4px;border:1px solid #fff;border-radius:5px}body.gallery #media_show_fullscreen_icon img,body.media #media_show_fullscreen_icon img{width:12px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;position:absolute;left:4px}body.gallery #media_show_fullscreen_icon:hover img,body.media #media_show_fullscreen_icon:hover img{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}body.gallery #media_show span#next,body.gallery #media_show span#previous,body.media #media_show span#next,body.media #media_show span#previous{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;bottom:0;background:transparent;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:20px;height:20px;position:absolute;top:50%;margin-top:-4px;background:rgba(0,0,0,.5);border:1px solid #fff;border-radius:5px}body.gallery #media_show span#next a,body.gallery #media_show span#previous a,body.media #media_show span#next a,body.media #media_show span#previous a{cursor:pointer;width:100%;height:100%;padding:4px;box-sizing:border-box;display:block}body.gallery #media_show span#next a:hover img,body.gallery #media_show span#previous a:hover img,body.media #media_show span#next a:hover img,body.media #media_show span#previous a:hover img{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}body.gallery #media_show span#next a:active img,body.gallery #media_show span#previous a:active img,body.media #media_show span#next a:active img,body.media #media_show span#previous a:active img{-webkit-transform:scale(1,1);transform:scale(1,1)}body.gallery #media_show span#next img,body.gallery #media_show span#previous img,body.media #media_show span#next img,body.media #media_show span#previous img{width:12px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;position:absolute;left:5px}body.gallery #media_show span#next,body.media #media_show span#next{right:7px}body.gallery #media_show span#previous,body.media #media_show span#previous{left:7px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}body.gallery #media .media_trailers_trailer,body.media #media .media_trailers_trailer{margin:3px;color:#fff;background:rgba(0,0,0,.8)}body.gallery #media_desktops,body.media #media_desktops{margin-bottom:200px}body.gallery #media .media_desktops_desktop,body.media #media .media_desktops_desktop{width:212px;position:relative;margin:5px;overflow:hidden}body.gallery #media .media_desktops_desktop img,body.media #media .media_desktops_desktop img{cursor:default;z-index:0}body.gallery #media .media_desktops_desktop.componentSelected,body.gallery #media .media_desktops_desktop:hover,body.media #media .media_desktops_desktop.componentSelected,body.media #media .media_desktops_desktop:hover{outline:none;z-index:3;overflow:visible;background:transparent}body.gallery #media .media_desktops_desktop.componentSelected a,body.gallery #media .media_desktops_desktop:hover a,body.media #media .media_desktops_desktop.componentSelected a,body.media #media .media_desktops_desktop:hover a{color:#fff}body.gallery #media .media_desktops_desktop.componentSelected .media_desktops_desktop_files,body.gallery #media .media_desktops_desktop:hover .media_desktops_desktop_files,body.media #media .media_desktops_desktop.componentSelected .media_desktops_desktop_files,body.media #media .media_desktops_desktop:hover .media_desktops_desktop_files{opacity:1;height:auto}body.gallery #media .media_desktops_desktop.componentSelected img,body.gallery #media .media_desktops_desktop:hover img,body.media #media .media_desktops_desktop.componentSelected img,body.media #media .media_desktops_desktop:hover img{outline:2px solid red}body.gallery #media .media_desktops_desktop_files,body.media #media .media_desktops_desktop_files{-webkit-transition:opacity .2s;transition:opacity .2s;opacity:0;position:absolute;background:rgba(0,0,0,.8);border:2px solid red;top:122px;left:21px;float:left;margin:0;padding:0;font-size:14px;width:80%;height:auto;margin-bottom:50px;height:0;border-radius:6px;z-index:2}body.gallery #media .media_desktops_desktop_files:before,body.media #media .media_desktops_desktop_files:before{content:'';display:block;position:absolute;top:-28px;left:72px;width:0;height:0;border-color:transparent transparent red;border-style:solid;border-width:14px;pointer-events:none}body.gallery #media .media_desktops_desktop_files:after,body.media #media .media_desktops_desktop_files:after{content:'';display:block;position:absolute;top:-19px;left:76px;width:0;height:0;border-color:transparent transparent rgba(0,0,0,.8);border-style:solid;border-width:10px;pointer-events:none}body.gallery #media .media_desktops_desktop_files a,body.media #media .media_desktops_desktop_files a{font-family:helvetica,verdana,sans-serif;font-size:12px;border-bottom:1px solid #fff;padding:2px;padding-top:4px;padding-bottom:2px;text-align:center;text-decoration:none;color:#fff;display:block}body.gallery #media .media_desktops_desktop_files a:hover,body.media #media .media_desktops_desktop_files a:hover{color:#fff;background:red}body.gallery #media .media_desktops_desktop_files a:first-child:hover:before,body.media #media .media_desktops_desktop_files a:first-child:hover:before{content:'';display:block;position:absolute;top:-27px;z-index:4;left:72px;width:0;height:0;border-color:transparent transparent red;border-style:solid;border-width:14px;pointer-events:none}body.gallery #media .media_desktops_desktop_files a:last-child,body.media #media .media_desktops_desktop_files a:last-child{border-bottom:none}div#screenshots_thumbs{position:absolute;top:290px;left:315px;width:445px;float:none}div#screenshots_thumbs a img{outline:0;box-shadow:none;margin-right:12px;margin-bottom:12px;-webkit-transition:outline .2s,-webkit-transform .2s;transition:outline .2s,-webkit-transform .2s;transition:transform .2s,outline .2s;transition:transform .2s,outline .2s,-webkit-transform .2s;width:200px}div#screenshots_thumbs a img:hover{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);outline:0}div#screenshots_full div{z-index:-2}div#screenshots_full div:target{display:block;z-index:999}.imgbox{width:960px;max-width:95%;margin:0 auto;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.imgbox p{position:relative;background:#000;color:#fff;font-size:16px;width:100%;padding:5px}.close_button{top:15px;left:-13px;position:absolute;width:1px;height:1px;text-align:left;z-index:2}.close_button>img{position:relative;top:0;border:none}.image_popup:target{opacity:1;z-index:999;-webkit-animation:figureAppear .1s ease-in;animation:figureAppear .1s ease-in}.image_popup:target .close_button{width:100%;height:100%}@-webkit-keyframes figureAppear{0%{opacity:0;-webkit-transform:scale(1.05,1.05)}}@keyframes figureAppear{0%{opacity:0;-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}}.image_popup{-webkit-transition:opacity .1s,z-index .1s;transition:opacity .1s,z-index .1s;width:100%;height:100%;position:fixed;display:none;top:0;left:0;z-index:-1;background:rgba(0,0,0,.6);vertical-align:middle;text-align:center}.image_popup .imgbox>img{position:relative;top:26px;border:0;width:100%;max-width:960px}#privacypolicy{position:fixed;bottom:20px;right:20px;background-color:#fff;width:auto;padding:3px 10px 2px;margin-top:10px;color:#000;border-radius:2px;z-index:10;font-size:12px}#privacypolicy:hover{font-weight:700;padding:3px 7px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (-webkit-min-device-pixel-ratio:1.3020833333333333),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (min-resolution:1.3dppx),only screen and (min-resolution:125dpi){body{background-image:url(../background/DoW3_GalacticRivalsArt_6kWide@2x.jpg)}.iOS7 body{background-image:url(../background/DoW3_GalacticRivalsArt_6kWide.jpg)}body #global{background-image:url(../banner/banner-wide@2x.jpg)}.iOS7 body #global{background-image:url(../banner/banner-wide.jpg)}body.about{background-image:url(../background/storybackground2@2x.jpg)}.iOS7 body.about{background-image:url(../background/storybackground2.jpg)}body.features{background-image:url(../background/D0W3_Gabriel_HellsGate@2x.jpg)}.iOS7 body.features{background-image:url(../background/D0W3_Gabriel_HellsGate.jpg)}body.reviews{background-image:url(../background/crater@2x.jpg)}.iOS7 body.reviews{background-image:url(../background/crater.jpg)}body.reviews section#content #dawnofwar3_logo_wrapper #dawnofwar3_logo{background-image:url(../images/logo/logo@2x.png)}.iOS7 body.reviews section#content #dawnofwar3_logo_wrapper #dawnofwar3_logo{background-image:url(../images/logo/logo.png)}body.dlc{background-image:url(../background/manticore@2x.jpg)}.iOS7 body.dlc{background-image:url(../background/manticore.jpg)}section#content #dlc-page .text-box section.dlc{background-image:url(../images/dlc/leather_bkg_Iron@2x.jpg)}.iOS7 section#content #dlc-page .text-box section.dlc{background-image:url(../images/dlc/leather_bkg_Iron.jpg)}body.factions{background-image:url(../background/DoW3_Skulls_6kWide@2x.jpg)}.iOS7 body.factions{background-image:url(../background/DoW3_Skulls_6kWide.jpg)}body.factions section#content #factionholder .thumbs li a.space-marines{background-image:url(../background/DoW3_GabrielAngelos@2x.jpg)}.iOS7 body.factions section#content #factionholder .thumbs li a.space-marines{background-image:url(../background/DoW3_GabrielAngelos.jpg)}body.factions section#content #factionholder .thumbs li a.eldar{background-image:url(../background/DoW3_Macha@2x.jpg)}.iOS7 body.factions section#content #factionholder .thumbs li a.eldar{background-image:url(../background/DoW3_Macha.jpg)}body.factions section#content #factionholder .thumbs li a.orks{background-image:url(../background/DoW3_Gorgutz@2x.jpg)}.iOS7 body.factions section#content #factionholder .thumbs li a.orks{background-image:url(../background/DoW3_Gorgutz.jpg)}body.factions section#content #factionholder section.full#space-marines:before{background-image:url(../background/DoW3_SpaceMarineArt_6kWide@2x.jpg)}.iOS7 body.factions section#content #factionholder section.full#space-marines:before{background-image:url(../background/DoW3_SpaceMarineArt_6kWide.jpg)}body.factions section#content #factionholder section.full#eldar:before{background-image:url(../background/DoW3_EldarArt_6kWide@2x.jpg)}.iOS7 body.factions section#content #factionholder section.full#eldar:before{background-image:url(../background/DoW3_EldarArt_6kWide.jpg)}body.factions section#content #factionholder section.full#orks:before{background-image:url(../background/DoW3_OrkArt_6kWide@2x.jpg)}.iOS7 body.factions section#content #factionholder section.full#orks:before{background-image:url(../background/DoW3_OrkArt_6kWide.jpg)}body.setting{background-image:url(../background/statue@2x.jpg)}.iOS7 body.setting{background-image:url(../background/statue.jpg)}body.multiplayer{background-image:url(../background/orkvseldar@2x.jpg)}.iOS7 body.multiplayer{background-image:url(../background/orkvseldar.jpg)}} /*# sourceMappingURL=style.css.map */ ||||||| .r25018 /** INFO ======================================================================= * * mixins.scss * include the scss file in the main * scss file/ whatever file you are using * e.g. : '/var/www/sass-includes/website/_mixins' */ /** * This mixin is to override the Bourbon retina-image mixin (http://bourbon.io/docs/#retina-image) * that adds CSS to override the @2x file on iOS7 devices. * * The .iOS7 class is added to the body via JS in /javascript/script.js * To use this mixin, you MUST @import it after Bourbon directly before the @imported files that use it. */ /** * https://css-tricks.com/snippets/sass/custom-scrollbars-mixin/ * * Mixin to customize scrollbars * Beware, this does not work in all browsers * @author Hugo Giraudel * @param {Length} $size - Horizontal scrollbar's height and vertical scrollbar's width * @param {Color} $foreground-color - Scrollbar's color * @param {Color} $background-color [mix($foreground-color, white, 50%)] - Scrollbar's color * @example scss - Scrollbar styling * @include scrollbars(.5em, slategray); */ /** * Mixin for setting properties on the minisite menu. * * Use curly braces after the include to set any properties * on the minisite menu. * * @param $game The gamecode string * @param $color The text color of menu items * @param $hover The text hover color of menu items */ /** * Mixin for setting logo dimensions and any other properties. * * Use curly braces after the include to set any properties on * the logo wrapper. * * @param $game The gamecode string * @param $width The width of the logo img defaults to auto * @param $height The height of the logo img defaults to auto */ /* ----------------------------------------*/ /* ---------------- Sound -----------------*/ /* ----------------------------------------*/ body.dawnofwar3.minisite #mute_bar { background-image: url("../images/sound/control_background.svg"); background-repeat: no-repeat; background-position: 1px 5px; background-size: 162px 26px; position: absolute !important; width: 144px; height: 20px; top: -1px !important; right: 0 !important; left: auto !important; width: 9px; background-position: right 5px; overflow: hidden; transition: width 0.3s linear; } body.dawnofwar3.minisite #mute_bar:hover { width: 144px; } body.dawnofwar3.minisite #mute_bar input#volumeControl { padding: 0px; background-image: url("../images/sound/level_bar.svg"); background-repeat: no-repeat; background-size: 117px 5px; background-color: transparent; height: 5px; position: absolute; right: 40px; left: auto; top: 13px; width: 106px; -webkit-border-radius: 0 !important; -webkit-box-shadow: none !important; -moz-border-radius: 0 !important; -moz-box-shadow: none !important; -o-border-radius: 0 !important; -o-box-shadow: none !important; -ms-border-radius: 0 !important; -ms-box-shadow: none !important; border-radius: 0 !important; border: none; box-shadow: none !important; cursor: pointer; } body.dawnofwar3.minisite #mute_bar input#volumeControl::-moz-range-track { -moz-appearance: none; background-image: url("../images/sound/level_bar.svg"); background-repeat: no-repeat; background-color: transparent; background-size: 117px 5px; border: 0; border-radius: 0 !important; box-shadow: none !important; -moz-border-radius: 0 !important; -moz-box-shadow: none !important; height: 5px; } body.dawnofwar3.minisite div#mute_bar div#muteControl { width: 30px; height: 30px; position: absolute; top: 9px; right: -4px; left: auto; } body.dawnofwar3.minisite div#mute_bar div#muteControl div#muted { background-image: url("../images/sound/mute_on.svg"); background-repeat: no-repeat; background-size: 22px 18px; width: 30px; height: 30px; } body.dawnofwar3.minisite div#mute_bar div#muteControl div#unmuted { background-image: url("../images/sound/mute_off.svg"); background-repeat: no-repeat; background-size: 22px 18px; width: 30px; height: 30px; } body.dawnofwar3.minisite #mute_bar #ie_slider { position: absolute; left: 0px; top: 5px; background-image: url("../images/sound/slider.svg"); background-repeat: none; background-size: 17px 17px; width: 17px; height: 17px; } body.dawnofwar3.minisite input#volumeControl::-webkit-slider-thumb { -webkit-appearance: none; background-image: url("../images/sound/slider.svg"); background-repeat: none; background-size: 17px 17px; height: 17px; width: 17px; } body.dawnofwar3.minisite input#volumeControl::-moz-range-thumb { -moz-appearance: none; appearance: none; background-image: url("../images/sound/slider.svg"); background-repeat: none; background-size: 17px 17px; height: 17px; width: 17px; border: 0; } @-moz-document url-prefix() { body.dawnofwar3.minisite #mute_bar input#volumeControl { top: 15px; right: 33px; } } html { height: 100%; } body { background-image: url("../background/DoW3_GalacticRivalsArt_6kWide.jpg"); background-size: auto 1440px; background-repeat: no-repeat; background-position: center top; background-color: #000; min-height: 100%; box-sizing: border-box; font-size: 16px; background-attachment: scroll; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { body { background-image: url("../background/DoW3_GalacticRivalsArt_6kWide@2x.jpg"); } .iOS7 body { background-image: url("../background/DoW3_GalacticRivalsArt_6kWide.jpg"); } } body #global { background-image: url("../banner/banner-wide.jpg"); background-size: cover; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { body #global { background-image: url("../banner/banner-wide@2x.jpg"); } .iOS7 body #global { background-image: url("../banner/banner-wide.jpg"); } } body #pageWrapper { position: relative; } body #pageWrapper #global { margin: 0 auto; } body #pageWrapper #local { float: none; width: 950px; margin: 0 auto 0; position: relative; top: 0; } body #pageWrapper #local #game_select_box { float: left; margin-right: 2px; margin-left: 1px; margin-top: 2px; } body #pageWrapper #local .box li { float: right; margin-right: 2px; margin-top: 2px; } body #pageWrapper #local .box li a { border-top-width: 2px; } body #local { float: none; margin-right: 787px; } body section#content { margin-left: 0px; text-align: center; padding-bottom: 200px; padding-bottom: 35px; /*h1*/ } body section#content .buy { display: block; clear: both; } body section#content .buy a { line-height: 1em; text-align: center; transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out; background: #BEA87E; box-shadow: inset 0 0 0 6px #BEA87E, inset 0 0 0 8px #101013; font-family: "Portrait Text", serif !important; font-size: 2em; border-width: 0.23em; padding: 0.85em 1.55em 0.7em; margin: 1em 0.5em; vertical-align: middle; display: inline-block; position: relative; text-decoration: none; color: #101013; } body section#content .buy a:hover { transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out; background: #101013; box-shadow: inset 0 0 0 6px #101013, inset 0 0 0 8px #bea87e; color: #E4E0DA; } body section#content #dawnofwar3_agegate { background-color: transparent; width: 700px; box-sizing: border-box; margin: 0 auto 20px; padding: 20px 0 25px; /*box-shadow: 0px 0px 10px $background_colour;*/ text-align: center; z-index: 1; position: relative; line-height: 1.9em; } body section#content #dawnofwar3_agegate h1 { font-family: "Portrait Text", serif !important; font-size: 1em; text-align: center; text-transform: uppercase; width: auto; margin: 0.2em auto 1.5em; text-shadow: -2px 4px 4px black, -5px 8px 10px black, 0px 0px 7px black, 0px 0px 20px black, 0px 0px 30px black, 0px 0px 40px black; color: #E4E0DA; } body section#content #dawnofwar3_agegate p { padding: 0 40px; margin: 0.5em 0 1em; } body section#content #dawnofwar3_agegate select, body section#content #dawnofwar3_agegate input { color: #BEA87E; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; vertical-align: middle; display: inline-block; text-align: center; font-size: 20px; line-height: 1.3em; text-transform: uppercase; text-rendering: optimizeLegibility; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; margin: 0 10px; padding: 10px 20px; width: 123px; box-sizing: content-box; background-color: #101013; border: 1px solid #B32B15; border-radius: 0; transition: background 0.2s linear; text-transform: uppercase; cursor: pointer !important; font-family: "Portrait Text", serif !important; outline: 7px solid #101013; -webkit-font-smoothing: subpixel-antialiased; } body section#content #dawnofwar3_agegate select:hover, body section#content #dawnofwar3_agegate select:active, body section#content #dawnofwar3_agegate input:hover, body section#content #dawnofwar3_agegate input:active { background-color: black; color: #E4E0DA; } body section#content #dawnofwar3_agegate select { border: 1px solid #B32B15; background-image: url("../images/arrowprimary.svg"); background-position: calc(100% - 15px) center; background-repeat: no-repeat; background-size: 20px auto; transition: none; transition: background-color 0.2s linear; } body section#content #dawnofwar3_agegate select:hover { background-image: url("../images/arrow.svg"); } body section#content #dawnofwar3_agegate input { font-weight: bold; } body section#content #dawnofwar3_age_not_allowed { font-family: "Portrait Text", serif !important; font-size: .8em; font-weight: normal; text-align: center; text-transform: uppercase; width: auto; margin: 0.2em auto 1.5em; letter-spacing: .3em; text-shadow: -2px 4px 4px black, -5px 8px 10px black, 0px 0px 7px black, 0px 0px 20px black, 0px 0px 30px black, 0px 0px 40px black; color: #B32B15; } body section#content #dawnofwar3_age_not_allowed a { color: #B32B15; } body section#content #dawnofwar3_age_not_allowed a:hover { color: #BEA87E; } body section#content #dawnofwar3_menu { list-style: none; margin: 0; padding: 0; display: inline-block; width: 470px; position: absolute; top: 68px; left: 480px; box-sizing: border-box; z-index: 4; } body section#content #dawnofwar3_menu ul { margin: 0 0 7px; padding: 0; } body section#content #dawnofwar3_menu ul li { display: inline-block; margin: 0 0 0 0; padding: 0; list-style: none; } body section#content #dawnofwar3_menu ul li a { padding: 6px 9px 2px; color: #BEA87E; text-decoration: none; font-family: "Portrait Text", serif !important; /* subpixel- */ -webkit-font-smoothing: antialiased; text-transform: uppercase; font-size: .8em; text-shadow: 0px 0px 40px black, 0px 0px 20px black, 0px 0px 10px black; display: inline-block; background: black; border: 1px solid #727272; } body section#content #dawnofwar3_menu ul li a:hover { color: #B32B15; border-color: #BEA87E; } body section#content #dawnofwar3_menu ul li.current_page a { color: #B32B15; border-color: #BEA87E; } body section#content #dawnofwar3_menu ul li:last-child { border-right: none; } body section#content #dawnofwar3_logo_wrapper { margin: 0 0 20px 0; text-align: center; width: 582px; clear: both; position: relative; z-index: 4; } body section#content #dawnofwar3_logo_wrapper #dawnofwar3_logo { width: 350px; padding: 20px 50px; margin-top: -11px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&1+0,0+72 */ background: -moz-radial-gradient(center, ellipse cover, black 0%, transparent 72%, transparent 100%); /* FF3.6-15 */ background: -webkit-radial-gradient(center, ellipse cover, black 0%, transparent 72%, transparent 100%); /* Chrome10-25,Safari5.1-6 */ background: radial-gradient(ellipse at center, black 0%, transparent 72%, transparent 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ } body section#content h2 { font-family: "Portrait Text", serif !important; font-size: 1.4em; font-weight: normal; text-align: center; text-transform: uppercase; margin: -5px auto; text-indent: -9999em; letter-spacing: .1em; text-shadow: 0px 0px 40px black, 0px 0px 20px black, 0px 0px 10px black, 0px 0px 40px black, 0px 0px 20px black, 0px 0px 10px black; color: #B32B15; } body section#content p, body section#content ul li, body section#content ol li { font-family: "Portrait Text", serif !important; -webkit-font-smoothing: -subpixel-antialiased; font-size: 1.2em; border: 0 !important; color: #BEA87E; text-rendering: optimizeLegibility; letter-spacing: 1.25px; } body section#content em { font-family: "Portrait Text", serif !important; } body section#content .text-box { background-color: rgba(0, 0, 0, 0.65); width: 585px; box-sizing: border-box; margin: 0 auto 20px; padding: 20px 0 25px; /*box-shadow: 0px 0px 10px $background_colour;*/ text-align: center; z-index: 1; position: relative; line-height: 1.9em; text-shadow: 0px 0px 40px black, 0px 0px 20px black, 0px 0px 10px black; } body section#content .text-box p { padding: 0 40px; margin: 0.5em 0 1em; } body section#content .trailer { padding: 1px; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.65); } body section#content .trailer .inner { margin: 10px; } body section#content #legallogos img { padding: 10px; } body section#content #legallogos img#eidos_logo { margin-bottom: -7px; width: 155px; } body a#privacypolicy { background: black; color: #BEA87E; border: 1px solid #727272; font-family: "Portrait Text", serif !important; -webkit-font-smoothing: subpixel-antialiased; bottom: 10px !important; } body a#privacypolicy:hover { font-weight: normal; color: #B32B15; padding: 3px 10px 2px; } body #menu_esrb_logo { position: fixed !important; bottom: 20px !important; left: 20px !important; z-index: 10 !important; } [lang=en] body #local .box + a::after { content: ' '; display: block; position: fixed; bottom: 20px; left: 20px; z-index: 11; background: url("../images/esrb.svg") center top no-repeat transparent; height: 102px; width: 214px; } body #content .minisite_page.agegate #dawnofwar3_logo_wrapper { width: auto; margin: 0 auto -20px; padding-top: 260px; } body #content .minisite_page.agegate #dawnofwar3_logo_wrapper #dawnofwar3_logo { width: 450px; margin-top: 0; } .m_footer { padding-top: 100px; position: relative; z-index: 20; } .m_footer .inner { padding: 20px 100%; background: rgba(0, 0, 0, 0.65); margin: 0 -100%; } .m_footer .inner #legal-logos { width: 500px; max-width: 90%; margin-bottom: -10px; } .m_footer .inner #footerlinks { width: 500px; height: 54px; margin: -54px auto 0; text-align: left; } .m_footer .inner #footerlinks a { height: 68px; display: inline-block; margin-right: 16px; width: 24%; } .m_footer .inner #footerlinks a:nth-child(1) { width: 145px; margin-right: 5px; } .m_footer .inner #footerlinks a:nth-child(2) { width: 104px; } .m_footer .inner #footerlinks a:nth-child(3) { width: 109px; } .m_footer .inner #footerlinks a:nth-child(4) { width: 91px; margin-right: 0; } .m_footer .inner #legal-text p { font-size: .8em; color: #E4E0DA; text-shadow: 0px 0px 1px black, 0px 0px 2px black, 0px 0px 3px black, 0px 0px 4px black, 0px 0px 5px black, 0px 0px 6px black, 0px 0px 7px black, 0px 0px 8px black, 0px 0px 9px black; } body.about { background-image: url("../background/storybackground2.jpg"); background-position: center top; background-size: auto 1800px; background-attachment: scroll; overflow-x: hidden; min-height: 1800px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { body.about { background-image: url("../background/storybackground2@2x.jpg"); } .iOS7 body.about { background-image: url("../background/storybackground2.jpg"); } } body.about #content .buy { clear: left; } body.about #content h2 { width: 650px; margin: -25px auto 0px; display: block; text-indent: 0; position: relative; color: #E4E0DA; } body.about #content h2 a { color: #E4E0DA; text-decoration: none; } body.about #content h2 span { display: inline-block; margin-bottom: .5em; padding: 0 20px; border-right: 1px solid #BEA87E; } body.about #content h2 span:last-child { border-left: 1px solid #BEA87E; border-right: none; padding-left: 25px; } body.about #content h2::after, body.about #content h2::before { content: ' '; display: block; position: absolute; width: 32%; height: 1px; left: 0; top: 38%; background-color: #BEA87E; box-shadow: 0px 0px 40px black, 0px 0px 20px black, 0px 0px 10px black, 0px 0px 40px black, 0px 0px 20px black, 0px 0px 10px black; } [lang=de] body.about #content h2::after, [lang=de] body.about #content h2::before { width: 26%; } [lang=fr] body.about #content h2::after, [lang=fr] body.about #content h2::before { width: 22%; } [lang=it] body.about #content h2::after, [lang=it] body.about #content h2::before { width: 28%; } [lang=es] body.about #content h2::after, [lang=es] body.about #content h2::before { width: 23%; } [lang=ru] body.about #content h2::after, [lang=ru] body.about #content h2::before { width: 28%; } body.about #content h2::before { left: auto; right: 0; } body.about #content h3 { font-family: "Portrait Text", serif !important; font-size: 2em; text-transform: uppercase; text-align: center; letter-spacing: .1em; background: none; margin: 0; color: #E4E0DA; font-weight: normal; padding: 15px 10px 13px; text-align: center; z-index: 2; position: relative; } body.about #content h3::after { content: ' '; display: block; height: 7px; width: 70px; margin: 20px auto 0; background: #BEA87E; } [lang=de] body.about #content h3 { font-size: 1.5em; } [lang=fr] body.about #content h3 { font-size: 1.5em; } [lang=it] body.about #content h3 { font-size: 1.5em; } [lang=es] body.about #content h3 { font-size: 1.5em; } [lang=ru] body.about #content h3 { font-size: 1.4em; } body.about #content .trailer { background-color: rgba(0, 0, 0, 0.78); width: 75%; margin: 30px auto 40px; /* width: 50%; margin: 30px 0 40px 50%; p { font-size: .95em; color: #b98545; } transition: width .2s linear; @media only screen and (min-width: 1170px) { width: 60%; } @media only screen and (min-width: 1370px) { width: 65%; } @media only screen and (min-width: 1470px) { width: 68%; } @media only screen and (min-width: 1570px) { width: 70%; } @media only screen and (min-width: 1670px) { width: 73%; } @media only screen and (min-width: 1770px) { width: 76%; } */ } body.about #content .text-box { margin-left: 35px; float: left; margin-top: 20px; background-color: rgba(0, 0, 0, 0.78); } body.about #content #related_news { display: inline-block; background-color: rgba(0, 0, 0, 0.78); width: 265px; box-sizing: border-box; margin: 20px 36px 0px 0; padding: 20px 0 25px; /*box-shadow: 0px 0px 10px $background_colour;*/ text-align: center; z-index: 1; position: relative; line-height: 1.9em; text-shadow: 0px 0px 40px black, 0px 0px 20px black, 0px 0px 10px black; border-radius: 0; border: none; float: right; max-height: 307px; overflow-y: scroll; } [lang=en] body.about #content #related_news, [lang=pt_br] body.about #content #related_news { max-height: 328px; } [lang=de] body.about #content #related_news, [lang=fr] body.about #content #related_news, [lang=it] body.about #content #related_news, [lang=ru] body.about #content #related_news { min-height: 388px; } [lang=es] body.about #content #related_news { max-height: 358px; } [lang=pt_br] body.about #content #related_news { max-height: 328px; } body.about #content #related_news:hover { border: none; } body.about #content #related_news h3 { width: auto; float: none; border: none; padding-bottom: 0; } body.about #content #related_news h3::after { content: ' '; display: block; height: 1px; width: 90%; margin: 10px auto; background: #BEA87E; } body.about #content #related_news article::after { content: ' '; display: block; height: 1px; width: 90%; margin: 10px auto; background: #BEA87E; } body.about #content #related_news article a h4 { position: relative; z-index: 2; font-family: "Portrait Text", serif !important; font-size: 1.5em; text-transform: uppercase; text-align: center; letter-spacing: .1em; background: none; margin: 0; color: #E4E0DA; font-weight: normal; padding: 5px 15px 13px; text-align: center; } body.about #content #related_news article a h4::after { content: ' '; display: block; height: 2px; width: 120px; margin: 20px auto 0; background: #BEA87E; } body.about #content #related_news article a time { font-family: "Portrait Text", serif !important; font-size: 1.5em; color: #B32B15; float: none; position: relative; padding: 0 20px; } body.about #content #related_news article a time::after, body.about #content #related_news article a time::before { content: ' '; display: block; position: absolute; width: 10px; height: 1px; left: 0; top: 38%; background-color: #BEA87E; box-shadow: 0px 0px 40px black, 0px 0px 20px black, 0px 0px 10px black, 0px 0px 40px black, 0px 0px 20px black, 0px 0px 10px black; } body.about #content #related_news article a time::before { left: auto; right: 0; } body.about #content #related_news article a p { padding: 0 20px; margin: 0.5em 0 1em; font-size: 1.5em; line-height: 1.5em; } body.about #content #related_news article a .read_more { font-family: "Portrait Text", serif !important; font-size: 1.5em; color: #B32B15; text-transform: uppercase; border: 1px solid #BEA87E; padding: 0.5em 1em 0.4em; margin: .4em 0; display: inline-block; } body.about #content #related_news article a:hover .read_more { color: white; } body.features { background-image: url("../background/D0W3_Gabriel_HellsGate.jpg"); background-position: center bottom; background-size: cover; background-attachment: fixed; overflow-x: hidden; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { body.features { background-image: url("../background/D0W3_Gabriel_HellsGate@2x.jpg"); } .iOS7 body.features { background-image: url("../background/D0W3_Gabriel_HellsGate.jpg"); } } body.features #content { padding-bottom: 350px; } body.features #content h1#dawnofwar3_logo_wrapper { background: none; } body.features #content h1#dawnofwar3_logo_wrapper img#dawnofwar3_logo { background: none; } body.features #content .list ul { padding: 0; } body.features #content .list ul li { list-style: none; margin: 0 0 20px; vertical-align: middle; width: 100%; clear: both; position: relative; min-height: 320px; /* &:nth-child(6) { div.features-text.text-box p { padding: 0 20px; } } */ } [lang=pt_br] body.features #content .list ul li { margin-bottom: 60px; } [lang=ru] body.features #content .list ul li { margin-bottom: 60px; } [lang=es] body.features #content .list ul li { margin-bottom: 60px; } [lang=it] body.features #content .list ul li { margin-bottom: 60px; } [lang=fr] body.features #content .list ul li { margin-bottom: 80px; } [lang=de] body.features #content .list ul li { margin-bottom: 60px; } body.features #content .list ul li div.features-text.text-box { margin: 0; vertical-align: middle; text-align: center; padding: 20px 0 25px; width: 500px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); } body.features #content .list ul li div.features-text.text-box h4 { font-family: "Portrait Text", serif !important; font-size: 1.5em; text-transform: uppercase; text-align: center; letter-spacing: .1em; background: none; margin: 0; color: #E4E0DA; font-weight: normal; padding: 15px 10px 13px; text-align: center; z-index: 2; position: relative; } body.features #content .list ul li div.features-text.text-box h4::after { content: ' '; display: block; height: 4px; width: 100px; margin: 20px auto 0; background: #BEA87E; } body.features #content .list ul li div.features-text.text-box p { padding: 0 40px; margin: 0.5em 0 1em; font-size: 1em; line-height: 1.585em; } body.features #content .list ul li .screenshots_thumbs { position: absolute; top: 50%; transform: translateY(-50%); right: 0; padding-bottom: 2em; height: 219px; } body.features #content .list ul li .screenshots_thumbs a { text-decoration: none; } body.features #content .list ul li .screenshots_thumbs a img { padding: 5px; margin: 0px 0; width: 420px; transition: none; transition: border 0.2s linear; border: 5px solid #BEA87E; background: rgba(0, 0, 0, 0.65); outline: 5px solid rgba(0, 0, 0, 0.65); } body.features #content .list ul li .screenshots_thumbs a img:hover { transform: none; border-color: #B32B15; } body.features #content .list ul li:nth-of-type(odd) div.features-text { left: auto; right: 0; } body.features #content .list ul li:nth-of-type(odd) .screenshots_thumbs { right: auto; left: 0; } body.features #screenshots_full figcaption p { font-size: 1.2em; line-height: 1.3em; margin: 0 0 0 -1px; padding: 10px 5px; } body.features #screenshots_full a + img { border: 5px solid black; } body.reviews { background-image: url("../background/crater.jpg"); background-size: cover !important; background-position: center bottom; background-attachment: fixed; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { body.reviews { background-image: url("../background/crater@2x.jpg"); } .iOS7 body.reviews { background-image: url("../background/crater.jpg"); } } body.reviews section#content #dawnofwar3_logo_wrapper #dawnofwar3_logo { background-image: url("../images/logo/logo.png"); background: none; background-size: 350px auto; background-position: center; background-repeat: no-repeat; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { body.reviews section#content #dawnofwar3_logo_wrapper #dawnofwar3_logo { background-image: url("../images/logo/logo@2x.png"); } .iOS7 body.reviews section#content #dawnofwar3_logo_wrapper #dawnofwar3_logo { background-image: url("../images/logo/logo.png"); } } section#minisitecontent[data-subsection="reviews"] h2 { font-size: 1.8em; text-transform: uppercase; text-align: center; text-indent: -99999em; margin-bottom: -0.8em; } section#minisitecontent[data-subsection="reviews"] h3 { padding: 40px 80px 35px; margin: 0 -180px; text-indent: -99999em; margin-bottom: -5em; } section#minisitecontent[data-subsection="reviews"] #reviews_intro { width: 50%; padding: 20px 0 25px; background-color: rgba(0, 0, 0, 0.78); } section#minisitecontent[data-subsection="reviews"] #reviews_intro p { padding: 0 40px; margin: 0.5em 0 0.2em; } section#minisitecontent[data-subsection="reviews"] .quote { width: 48%; box-sizing: border-box; margin: 15px auto; padding-bottom: 0px; text-align: center; position: relative; background-color: rgba(0, 0, 0, 0.65); color: #E4E0DA; font-size: 1.1em; text-decoration: none; border: 2px solid transparent; transition: 0.2s border linear, 0.2s background linear; } section#minisitecontent[data-subsection="reviews"] .quote:nth-of-type(odd) { float: left; margin-left: 0%; clear: left; } section#minisitecontent[data-subsection="reviews"] .quote:nth-of-type(even) { float: right; margin-right: 0%; clear: right; } section#minisitecontent[data-subsection="reviews"] .quote p { padding: 0 30px; } section#minisitecontent[data-subsection="reviews"] .quote .quote_score { font-size: 3em; font-family: "Portrait Text", serif !important; font-weight: bold; margin: .5em; } section#minisitecontent[data-subsection="reviews"] .quote .quote_name { font-size: 1.5em; margin-bottom: 1em; font-family: "Portrait Text", serif !important; color: #B32B15; } section#minisitecontent[data-subsection="reviews"] .quote:hover { background: black; border: 2px solid #BEA87E; } .en section#minisitecontent[data-subsection="reviews"] .quote:nth-of-type(5) p { padding: 0 20px; } body.dlc { background-image: url("../background/manticore.jpg"); background-size: cover !important; background-position: center top; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { body.dlc { background-image: url("../background/manticore@2x.jpg"); } .iOS7 body.dlc { background-image: url("../background/manticore.jpg"); } } section#content #dlc-page h2 { font-size: 1.8em; text-transform: uppercase; text-align: center; text-indent: -99999em; margin-bottom: -1em; } section#content #dlc-page .text-box { padding-bottom: 0; } section#content #dlc-page .text-box h3 { padding: 40px 80px 35px; margin: 0 -180px; } section#content #dlc-page .text-box section.dlc { width: 93%; box-sizing: border-box; margin: 15px auto; padding-bottom: 0px; text-align: center; position: relative; background-image: url("../images/dlc/leather_bkg_Iron.jpg"); background-size: 100% 100% !important; background-position: center center; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { section#content #dlc-page .text-box section.dlc { background-image: url("../images/dlc/leather_bkg_Iron@2x.jpg"); } .iOS7 section#content #dlc-page .text-box section.dlc { background-image: url("../images/dlc/leather_bkg_Iron.jpg"); } } section#content #dlc-page .text-box section.dlc:nth-of-type(odd) { float: left; margin-left: -45%; clear: left; } section#content #dlc-page .text-box section.dlc:nth-of-type(even) { float: right; margin-right: -45%; clear: right; } section#content #dlc-page .text-box section.dlc#chaos-warriors { float: none; margin: 15px auto; clear: both; } section#content #dlc-page .text-box #new-campaigns #bretonnia { float: none; margin: 15px auto; clear: both; } section#content #dlc-page .text-box #new-races { /* #wood-elves { float: none; margin: 15px auto ; clear: both; } */ } section#content #dlc-page .text-box #new-races #chaos-warriors { float: left; margin-left: -45%; clear: left; } section#content #dlc-page .text-box #free #white-dwarf { float: right; margin-right: -45%; clear: right; } .pt_br section#content #dlc-page .text-box #free #white-dwarf { float: left; margin-left: -45%; clear: left; } section#content #dlc-page .text-box #free #wurrzag { float: none; margin: 15px auto; clear: both; } .pt_br section#content #dlc-page .text-box #free #wurrzag { float: right; margin-right: -45%; clear: right; } section#content #dlc-page .text-box h4 { font-family: "Portrait Text", serif !important; font-size: 1.3em; text-transform: uppercase; text-align: center; border-right: none; border-left: none; padding: 10px 20px 8px; } section#content #dlc-page .text-box ul { margin: 0; padding: 0; } section#content #dlc-page .text-box ul li { margin: 0; padding: 0; list-style: none; } section#content #dlc-page .text-box ul li p { margin: 0; padding: 0.2em 20px 0.4em; font-size: 0.95em; line-height: 1.1em; } section#content #dlc-page .text-box ul li:first-of-type::before, section#content #dlc-page .text-box ul li::after { content: ' '; display: block; height: 3px; margin: 0em 20px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0b7a1+0,8c3310+49,752201+51,bf6e4e+100&0+0,1+30,1+70,0+100 */ background: -moz-linear-gradient(left, rgba(240, 183, 161, 0) 0%, #b36648 30%, #8c3310 49%, #752201 51%, #923f1f 70%, rgba(191, 110, 78, 0) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, rgba(240, 183, 161, 0) 0%, #b36648 30%, #8c3310 49%, #752201 51%, #923f1f 70%, rgba(191, 110, 78, 0) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, rgba(240, 183, 161, 0) 0%, #b36648 30%, #8c3310 49%, #752201 51%, #923f1f 70%, rgba(191, 110, 78, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0b7a1', endColorstr='#00bf6e4e',GradientType=1 ); /* IE6-9 */ } section#content #dlc-page .text-box ul li::before { margin-top: .2em; } section#content #dlc-page .text-box ul li::after { margin-bottom: .2em; } section#content #dlc-page .text-box .trailer { width: 95%; } section#content #dlc-page .text-box .buy { margin-bottom: 1.5em; margin-top: 0em; } section#content #dlc-page .text-box .buy a { margin-top: 0.5em; transform: scale(0.7); } section#content #dlc-page .text-box .buy a:hover { transform: scale(0.75); } section#content #dlc-page .text-box #grey .buy a, section#content #dlc-page .text-box #jade .buy a, section#content #dlc-page .text-box #wurrzag .buy a, section#content #dlc-page .text-box #white-dwarf .buy a, section#content #dlc-page .text-box #bretonnia .buy a, section#content #dlc-page .text-box #isabella .buy a { font-size: 1.5em; margin-top: 0.9em; } section#content #dlc-page .text-box .dlcpic { width: 100%; } section#content #dlc-page .thumbs { padding: 20px 0 0; } section#content #dlc-page .thumbs li { list-style: none; display: inline-block; margin: 1em 0.5% 1em !important; width: 18%; float: left; } section#content #dlc-page .thumbs li::before { content: none !important; } section#content #dlc-page .thumbs li::after { content: none !important; } section#content #dlc-page .thumbs li:last-of-type { margin-top: calc(1em + 1px) !important; margin-right: 0 !important; } section#content #dlc-page .thumbs li:first-of-type { margin-left: 3% !important; } section#content #dlc-page .thumbs li a { display: inline-block; width: 100%; box-sizing: border-box; padding: 5%; text-transform: uppercase; height: 100px; background: black; display: inline-block; font-size: 0.6em; line-height: 1em; text-decoration: none; padding-top: 87px; padding-bottom: 23px; } section#content #dlc-page .thumbs li a span { position: relative; /* top: 50%; transform: translate(0, -50%); */ display: inline-block; } section#content #dlc-page .thumbs li a:hover { color: white; } section#content #dlc-page .thumbs li a.active { color: white; } .ru section#content #dlc-page .thumbs li a { font-size: .48em; } section#content #dlc-page .thumbs li:nth-of-type(1) a { background: url("../images/dlc/tab_campaigns.png") center top no-repeat black; background-size: 78px 78px; } section#content #dlc-page .thumbs li:nth-of-type(2) a { background: url("../images/dlc/tab_lords.png") center 0px no-repeat black; padding: 73px 7% 37px; background-size: 78px 78px; } .de section#content #dlc-page .thumbs li:nth-of-type(2) a { padding: 80px 0 30px; font-size: .45em; } .it section#content #dlc-page .thumbs li:nth-of-type(2) a { padding: 5%; padding-top: 87px; padding-bottom: 23px; } .ru section#content #dlc-page .thumbs li:nth-of-type(2) a { padding: 76px 7% 34px; } section#content #dlc-page .thumbs li:nth-of-type(3) a { background: url("../images/dlc/tab_races.png") center top no-repeat black; background-size: 78px 78px; } section#content #dlc-page .thumbs li:nth-of-type(4) a { background: url("../images/dlc/tab_blood.png") center top no-repeat black; background-size: 78px 78px; } section#content #dlc-page .thumbs li:nth-of-type(5) a { background: url("../images/dlc/tab_free.png") center top no-repeat black; background-size: 78px 78px; } .de section#content #dlc-page .thumbs li:nth-of-type(5) a { padding-top: 89px; padding-bottom: 20px; font-size: .45em; } .fr section#content #dlc-page .thumbs li:nth-of-type(5) a, .it section#content #dlc-page .thumbs li:nth-of-type(5) a, .es section#content #dlc-page .thumbs li:nth-of-type(5) a, .pt_br section#content #dlc-page .thumbs li:nth-of-type(5) a { padding: 73px 7% 36px; background-size: 68px 68px; } .ru section#content #dlc-page .thumbs li:nth-of-type(5) a { padding: 76px 7% 34px; background-size: 68px 68px; letter-spacing: -.1em; } section#content #dlc-page .full { opacity: 0; clear: both; z-index: 1; position: relative; display: none; } section#content #dlc-page .full:not(.hidden) { opacity: 1; z-index: 2; display: block; } body.factions { background-image: url("../background/DoW3_Skulls_6kWide.jpg"); background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center top; background-color: #000; overflow-x: hidden; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { body.factions { background-image: url("../background/DoW3_Skulls_6kWide@2x.jpg"); } .iOS7 body.factions { background-image: url("../background/DoW3_Skulls_6kWide.jpg"); } } body.factions section#content #dawnofwar3_logo_wrapper { margin-bottom: 0; } body.factions section#content h2 { margin-top: -20px; } body.factions section#content #factionholder { position: relative; z-index: 2; margin-top: 5px; } body.factions section#content #factionholder .thumbs { margin: 0; padding: 0; position: relative; z-index: 2; height: 300px; } body.factions section#content #factionholder .thumbs > p { padding: 60px 20px 28px; display: inline-block; margin: 0 auto 0; color: #E4E0DA; text-transform: uppercase; font-size: 1.3em; text-shadow: 0px 0px 40px black, 0px 0px 20px black, 0px 0px 10px black, 0px 0px 40px black, 0px 0px 20px black, 0px 0px 10px black, 0px 0px 40px black, 0px 0px 20px black, 0px 0px 10px black; background: rgba(0, 0, 0, 0.65); background-color: transparent; } body.factions section#content #factionholder .thumbs li { margin: 0; list-style: none; padding: 0; } body.factions section#content #factionholder .thumbs li a { display: inline-block; font-size: 1.3em; line-height: 1em; position: absolute; top: 170px; margin: 20px; width: 30%; height: 180px; padding-top: 134px; box-sizing: border-box; text-decoration: none; background-repeat: no-repeat; background-size: auto 160px; background-position: center center; transition: border 0.2s linear; border: 5px solid #BEA87E; background-color: rgba(0, 0, 0, 0.65); outline: 5px solid rgba(0, 0, 0, 0.65); color: #BEA87E; text-transform: uppercase; text-shadow: 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 10px black, 0 0 10px black, 0 0 5px black, 0 0 7px black; } [lang=ru] body.factions section#content #factionholder .thumbs li a { font-size: 1.1em; } body.factions section#content #factionholder .thumbs li a.space-marines { background-image: url("../background/DoW3_GabrielAngelos.jpg"); left: 0px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { body.factions section#content #factionholder .thumbs li a.space-marines { background-image: url("../background/DoW3_GabrielAngelos@2x.jpg"); } .iOS7 body.factions section#content #factionholder .thumbs li a.space-marines { background-image: url("../background/DoW3_GabrielAngelos.jpg"); } } body.factions section#content #factionholder .thumbs li a.eldar { background-image: url("../background/DoW3_Macha.jpg"); left: 312px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { body.factions section#content #factionholder .thumbs li a.eldar { background-image: url("../background/DoW3_Macha@2x.jpg"); } .iOS7 body.factions section#content #factionholder .thumbs li a.eldar { background-image: url("../background/DoW3_Macha.jpg"); } } body.factions section#content #factionholder .thumbs li a.orks { background-image: url("../background/DoW3_Gorgutz.jpg"); right: 0px; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { body.factions section#content #factionholder .thumbs li a.orks { background-image: url("../background/DoW3_Gorgutz@2x.jpg"); } .iOS7 body.factions section#content #factionholder .thumbs li a.orks { background-image: url("../background/DoW3_Gorgutz.jpg"); } } body.factions section#content #factionholder .thumbs li a:hover { transform: none; border-color: #E4E0DA; color: #E4E0DA; } body.factions section#content #factionholder .thumbs li a.active { color: white; border-color: #B32B15; color: #E4E0DA; pointer-events: none; } body.factions section#content #factionholder section.full { margin: 120px 0 0; opacity: 0; transition: 0.4s opacity linear, 0.4s height linear; transition-delay: .01s; position: absolute; z-index: 0; height: 1px; overflow: hidden; } body.factions section#content #factionholder section.full h3 { position: relative; z-index: 2; font-family: "Portrait Text", serif !important; font-size: 1.5em; text-transform: uppercase; text-align: center; letter-spacing: .1em; background: none; margin: 0; color: #E4E0DA; font-weight: normal; padding: 15px 10px 13px; text-align: center; } body.factions section#content #factionholder section.full h3::after { content: ' '; display: block; height: 4px; width: 100px; margin: 20px auto 0; background: #BEA87E; } body.factions section#content #factionholder section.full .trailer { margin: 0px 0 5px; position: relative; z-index: 2; opacity: 0; transition: opacity 1.4s linear; transition-delay: 1.3s; } body.factions section#content #factionholder section.full p { margin-top: -105px; padding-top: 115px; position: relative; z-index: 1; } body.factions section#content #factionholder section.full .text-box { position: relative; opacity: 0; bottom: -700px; transition: opacity 1s ease-in, bottom 1s ease-in; transition-delay: .1s; } body.factions section#content #factionholder section.full.shown { opacity: 1; z-index: 1; height: auto; overflow: visible; } body.factions section#content #factionholder section.full.shown .text-box { opacity: 1; bottom: 0; } body.factions section#content #factionholder section.full.shown .trailer { opacity: 1; } body.factions section#content #factionholder section.full::before { content: ' '; position: absolute; z-index: -2; top: -139px; left: -840px; right: -1188px; bottom: -600px; margin-bottom: 400px; background-position: center top; background-repeat: no-repeat; background-size: 2560px auto; border: 10px solid #101013; border-right: none; border-left: none; } body.factions section#content #factionholder section.full#space-marines .text-box { left: 360px; margin-top: 140px; } body.factions section#content #factionholder section.full#space-marines .text-box p:first-of-type { padding: 0 50px; padding-top: 115px; } body.factions section#content #factionholder section.full#space-marines .trailer { position: relative; left: 360px; } body.factions section#content #factionholder section.full#space-marines .buy { position: relative; left: 360px; } body.factions section#content #factionholder section.full#space-marines::before { background-image: url("../background/DoW3_SpaceMarineArt_6kWide.jpg"); background-position: center 64%; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { body.factions section#content #factionholder section.full#space-marines::before { background-image: url("../background/DoW3_SpaceMarineArt_6kWide@2x.jpg"); } .iOS7 body.factions section#content #factionholder section.full#space-marines::before { background-image: url("../background/DoW3_SpaceMarineArt_6kWide.jpg"); } } body.factions section#content #factionholder section.full#eldar::before { background-image: url("../background/DoW3_EldarArt_6kWide.jpg"); background-position: center 25%; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { body.factions section#content #factionholder section.full#eldar::before { background-image: url("../background/DoW3_EldarArt_6kWide@2x.jpg"); } .iOS7 body.factions section#content #factionholder section.full#eldar::before { background-image: url("../background/DoW3_EldarArt_6kWide.jpg"); } } body.factions section#content #factionholder section.full#orks::before { background-image: url("../background/DoW3_OrkArt_6kWide.jpg"); background-position: center 40%; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { body.factions section#content #factionholder section.full#orks::before { background-image: url("../background/DoW3_OrkArt_6kWide@2x.jpg"); } .iOS7 body.factions section#content #factionholder section.full#orks::before { background-image: url("../background/DoW3_OrkArt_6kWide.jpg"); } } body.factions .m_footer { padding-top: 300px; z-index: 1; } body.factions #factionholder.space-marines + .m_footer { padding-top: 1350px; } body.factions #factionholder.eldar + .m_footer { padding-top: 1250px; } body.factions #factionholder.orks + .m_footer { padding-top: 1250px; } body.setting { background-image: url("../background/statue.jpg"); background-size: cover; background-position: center top; background-attachment: fixed; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { body.setting { background-image: url("../background/statue@2x.jpg"); } .iOS7 body.setting { background-image: url("../background/statue.jpg"); } } body.setting section#content h2 { font-size: 1.8em; text-transform: uppercase; text-align: center; } body.setting section#content h2 + section { background-color: rgba(0, 0, 0, 0.78); margin-top: 25%; } [lang=ru] body.setting section#content h2 + section p { padding: 0 30px; } body.setting section#content h3 { margin-top: 1em; } body.setting section#content ul.thumbs { margin: 0 auto; padding: 0; text-align: center; background-color: rgba(0, 0, 0, 0.78); } body.setting section#content ul.thumbs li { display: inline-block; width: 41%; margin: 5% 3% 3%; box-sizing: border-box; } body.setting section#content ul.thumbs li:first-of-type { margin-left: 0; } [lang=ru] body.setting section#content ul.thumbs li:first-of-type { top: -14px; position: relative; } [lang=it] body.setting section#content ul.thumbs li:first-of-type { top: 6px; position: relative; } body.setting section#content ul.thumbs li:last-of-type { margin-right: 0; } [lang=it] body.setting section#content ul.thumbs li:last-of-type { position: relative; } [lang=it] body.setting section#content ul.thumbs li:last-of-type a { padding-top: 132px; } body.setting section#content ul.thumbs li a { display: inline-block; font-size: 1.3em; line-height: 1em; width: 100%; height: 180px; padding-top: 114px; box-sizing: border-box; text-decoration: none; transition: border 0.2s linear; border: 5px solid #BEA87E; background-color: rgba(0, 0, 0, 0.78); outline: 5px solid rgba(0, 0, 0, 0.78); color: #BEA87E; text-transform: uppercase; text-shadow: 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 3px black, 0 0 10px black, 0 0 10px black, 0 0 5px black, 0 0 7px black; } [lang=ru] body.setting section#content ul.thumbs li a { font-size: .75em; padding-top: 124px; } [lang=fr] body.setting section#content ul.thumbs li a { font-size: 1em; padding-top: 124px; } body.setting section#content ul.thumbs li a.environment-showcase { background-image: linear-gradient(to bottom, transparent 0%, black 100%), url("//video.feralinteractive.com/games/dawnofwar3/environment-showcase_mac-linux/poster.jpg"); background-repeat: no-repeat,no-repeat; background-size: 100% 30%, 220px auto; background-position: center 67%, 5px 5px; } body.setting section#content ul.thumbs li a.cinematic-showcase { background-image: linear-gradient(to bottom, transparent 0%, black 100%), url("//video.feralinteractive.com/games/dawnofwar3/cinematic-showcase_mac-linux/poster.jpg"); background-repeat: no-repeat,no-repeat; background-size: 100% 30%, 220px auto; background-position: center 67%, 5px 5px; } body.setting section#content ul.thumbs li a:hover { transform: none; border-color: #E4E0DA; color: #E4E0DA; } body.setting section#content ul.thumbs li a.active { color: white; border-color: #B32B15; color: #E4E0DA; pointer-events: none; } body.setting section#content .trailer { background-color: rgba(0, 0, 0, 0.78); } body.setting section#content .trailer.full { display: none !important; margin-top: 0; z-index: 1; } body.setting section#content .trailer.full:not(.hidden) { display: block !important; z-index: 2; } body.multiplayer { background-image: url("../background/orkvseldar.jpg"); background-size: cover; background-position: center top; background-attachment: fixed; } @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 1.3/1), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) { body.multiplayer { background-image: url("../background/orkvseldar@2x.jpg"); } .iOS7 body.multiplayer { background-image: url("../background/orkvseldar.jpg"); } } body.multiplayer section#content h2 { font-size: 1.8em; text-transform: uppercase; text-align: center; /* text-indent: -99999em; margin-bottom: -1em; */ } body.multiplayer section#content h2 + section { background-color: rgba(0, 0, 0, 0.78); margin-top: 25%; } body.multiplayer section#content h3 { margin-top: 1em; } [lang=en] body.multiplayer section#content .text-box p:last-child { padding: 0 70px; } body.multiplayer section#content .trailer { background-color: rgba(0, 0, 0, 0.78); } @font-face { font-family: 'Portrait Text'; src: url("../fonts/PortraitText-Regular2.woff") format("woff"), url("../fonts/PortraitText-Regular2.ttf") format("truetype"); font-weight: normal; font-style: normal; } @font-face { font-family: 'Portrait Text'; src: url("../fonts/PortraitText-Bold.woff") format("woff"), url("../fonts/PortraitText-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; } @font-face { font-family: 'Portrait Text'; src: url("../fonts/PortraitText-BoldItalic.woff") format("woff"), url("../fonts/PortraitText-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; } @font-face { font-family: 'Portrait Text'; src: url("../fonts/PortraitText-Regular2Italic.woff") format("woff"), url("../fonts/PortraitText-Regular2Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; } #minisitecontent #audio { display: none; } #mute_bar { outline: none; position: absolute !important; box-shadow: none; background: url('../images/sound/control_background.png'); background-color: transparent; background-position: initial; background-repeat: no-repeat; width: 144px; height: 20px; top: 90px !important; left: -166px !important; border-radius: 0 !important; padding: 5px 10px !important; /* /input#volumeControl */ /* /div#muteControl */ /* /#ie_slider */ } #mute_bar input:focus { outline: 0; } #mute_bar input#volumeControl { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0px; background-repeat: no-repeat; background-color: transparent; background: url('../images/sound/level_bar.png'); height: 5px; position: relative; left: 4px; top: -1px; width: 106px; border-radius: 0 !important; border: none; box-shadow: none !important; cursor: pointer; } #mute_bar input#volumeControl::-moz-range-track { -moz-appearance: none; background-repeat: no-repeat; background-color: transparent; background: url('../images/sound/level_bar.png'); border-radius: 0 !important; border: none; box-shadow: none !important; height: 5px; } #mute_bar div#muteControl { width: 30px; height: 30px; position: relative; top: -14px; left: 127px; /* /div#muted */ /* /div#unmuted */ } #mute_bar div#muteControl div#muted { background: transparent url('/images/sound/mute_on.svg') no-repeat; width: 30px; height: 30px; } #mute_bar div#muteControl div#unmuted { background: transparent url('/images/sound/mute_off.svg') no-repeat; width: 30px; height: 30px; } #mute_bar #ie_slider { border-radius: 0; position: absolute; left: 0px; top: 5px; background: url('../images/sound/slider.png'); background-color: transparent; background-repeat: no-repeat; height: 17px; } /* /#mute_bar */ input#volumeControl::-moz-range-thumb { outline: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background: url('../images/sound/slider.png'); background-color: transparent; background-repeat: no-repeat; height: 17px; width: 17px; } input#volumeControl::-webkit-slider-thumb { outline: none; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; background: url('../images/sound/slider.png'); background-color: transparent; background-repeat: no-repeat; height: 17px; width: 17px; } @-moz-document url-prefix() { div#mute_bar div#muteControl { top: -14px; } #mute_bar input#volumeControl { left: -3px; top: -1px; } } /* components : desktops, trailers, screenshots, show */ body.media #media_trailers, body.media #media_screenshots, body.media #media_desktops, body.media #media_show, body.gallery #media_trailers, body.gallery #media_screenshots, body.gallery #media_desktops, body.gallery #media_show { -webkit-backface-visibility: hidden; backface-visibility: hidden; border: transparent; box-shadow: none; padding: 5px; background: rgba(0, 0, 0, 0.8); float: left; width: 100%; margin-bottom: 30px; text-align: center; letter-spacing: 0px; } /* /mediaComponent */ /* sub-components : desktop, trailer, screenshot */ body.media #media .media_trailers_trailer, body.media #media .media_screenshots_screenshot, body.media #media .media_desktops_desktop, body.gallery #media .media_trailers_trailer, body.gallery #media .media_screenshots_screenshot, body.gallery #media .media_desktops_desktop { margin: 5px; display: inline-block; width: 140px; cursor: pointer; outline: transparent; } body.media #media .media_trailers_trailer a, body.media #media .media_screenshots_screenshot a, body.media #media .media_desktops_desktop a, body.gallery #media .media_trailers_trailer a, body.gallery #media .media_screenshots_screenshot a, body.gallery #media .media_desktops_desktop a { font-size: 14px; text-decoration: none; color: white; } body.media #media .media_trailers_trailer img, body.media #media .media_screenshots_screenshot img, body.media #media .media_desktops_desktop img, body.gallery #media .media_trailers_trailer img, body.gallery #media .media_screenshots_screenshot img, body.gallery #media .media_desktops_desktop img { width: 100%; float: left; -webkit-filter: grayscale(0%); filter: grayscale(0%); background: white; } body.media #media .media_trailers_trailer:hover, body.media #media .media_screenshots_screenshot:hover, body.media #media .media_desktops_desktop:hover, body.gallery #media .media_trailers_trailer:hover, body.gallery #media .media_screenshots_screenshot:hover, body.gallery #media .media_desktops_desktop:hover, body.media #media .componentSelected.media_trailers_trailer, body.media #media .componentSelected.media_screenshots_screenshot, body.media #media .componentSelected.media_desktops_desktop, body.gallery #media .componentSelected.media_trailers_trailer, body.gallery #media .componentSelected.media_screenshots_screenshot, body.gallery #media .componentSelected.media_desktops_desktop { outline: red 2px solid; background: red; color: white; } body.media #media .componentSelected.media_trailers_trailer img, body.media #media .componentSelected.media_screenshots_screenshot img, body.media #media .componentSelected.media_desktops_desktop img, body.gallery #media .componentSelected.media_trailers_trailer img, body.gallery #media .componentSelected.media_screenshots_screenshot img, body.gallery #media .componentSelected.media_desktops_desktop img { -webkit-filter: grayscale(100%); filter: grayscale(100%); } body.media #media .componentSelected.media_trailers_trailer a, body.media #media .componentSelected.media_screenshots_screenshot a, body.media #media .componentSelected.media_desktops_desktop a, body.gallery #media .componentSelected.media_trailers_trailer a, body.gallery #media .componentSelected.media_screenshots_screenshot a, body.gallery #media .componentSelected.media_desktops_desktop a { color: white; } /* /sub-component */ body.media, body.gallery { /* /col-2 */ /* /media */ } body.media .col-2, body.gallery .col-2 { width: 450px; float: left; } body.media .col-2:first-of-type, body.gallery .col-2:first-of-type { margin-right: 40px; } body.media #media, body.gallery #media { top: 200px; width: 950px; left: -166px; position: relative; /* /_show */ /* this sub-component has some unqiue items */ /* /_desktops_desktop */ } body.media #media h3, body.gallery #media h3 { font-weight: normal; margin: 10px 0px; font-size: 24px; width: 100%; text-align: center; color: white; text-transform: uppercase; text-shadow: none; } body.media #media_trailers, body.gallery #media_trailers { padding-bottom: 25px; } body.media #media_trailers a, body.gallery #media_trailers a { display: inline-block; padding: 0 0 3px; } body.media #media_trailers a img, body.gallery #media_trailers a img { margin-bottom: 3px; } body.media #media_trailers a:hover, body.gallery #media_trailers a:hover { color: white; } body.media #media_trailers_notrailers, body.gallery #media_trailers_notrailers { color: white; text-align: center; } body.media #media_show, body.gallery #media_show { min-height: 250px; margin: 0 0 30px 0; position: relative; /* START FULL SCREEN */ /* END FULL SCREEN */ /* /_fullscreen_icon */ } body.media #media_show_caption, body.gallery #media_show_caption { max-width: 940px; color: white; font-size: 18px; } body.media #media_show_imageWrapper, body.gallery #media_show_imageWrapper { position: relative; } body.media #media_show:fullscreen, body.gallery #media_show:fullscreen { float: none; width: auto; margin: 0; position: relative; } body.media #media_show:fullscreen #media_show_image, body.media #media_show:fullscreen #media_show_video, body.media #media_show:fullscreen #media_show video, body.gallery #media_show:fullscreen #media_show_image, body.gallery #media_show:fullscreen #media_show_video, body.gallery #media_show:fullscreen #media_show video { width: auto; height: auto; } body.media #media_show:-webkit-full-screen, body.gallery #media_show:-webkit-full-screen { /* webkit */ float: none; width: auto; margin: 0; position: relative; } body.media #media_show:-webkit-full-screen #media_show_image, body.media #media_show:-webkit-full-screen #media_show_video, body.media #media_show:-webkit-full-screen #media_show video, body.gallery #media_show:-webkit-full-screen #media_show_image, body.gallery #media_show:-webkit-full-screen #media_show_video, body.gallery #media_show:-webkit-full-screen #media_show video { width: auto; height: auto; } body.media #media_show:-moz-full-screen, body.gallery #media_show:-moz-full-screen { /* gecko */ } body.media #media_show:-moz-full-screen #media_show, body.gallery #media_show:-moz-full-screen #media_show { position: relative; } body.media #media_show:-moz-full-screen #media_show_image, body.gallery #media_show:-moz-full-screen #media_show_image { height: 100%; } body.media #media_show:-moz-full-screen #media_show_imageWrapper, body.media #media_show:-moz-full-screen #media_show_caption, body.gallery #media_show:-moz-full-screen #media_show_imageWrapper, body.gallery #media_show:-moz-full-screen #media_show_caption { margin: 0px auto; width: 80%; } body.media #media_show:-moz-full-screen #media_show_imageWrapper, body.gallery #media_show:-moz-full-screen #media_show_imageWrapper { margin-top: 15%; } body.media #media_show:-ms-fullscreen, body.gallery #media_show:-ms-fullscreen { /* IE */ float: none; width: auto; margin: 0; position: relative; } body.media #media_show:-ms-fullscreen #media_show_image, body.media #media_show:-ms-fullscreen #media_show_video, body.media #media_show:-ms-fullscreen #media_show video, body.gallery #media_show:-ms-fullscreen #media_show_image, body.gallery #media_show:-ms-fullscreen #media_show_video, body.gallery #media_show:-ms-fullscreen #media_show video { width: auto; height: auto; } body.media #media_show_image, body.media #media_show_video, body.media #media_show video, body.gallery #media_show_image, body.gallery #media_show_video, body.gallery #media_show video { width: 100%; background: white; } body.media #media_show_image, body.gallery #media_show_image { max-width: 960px; } body.media #media_show_fullscreen_icon, body.gallery #media_show_fullscreen_icon { width: 12px; height: 12px; position: absolute; top: 14.5px; cursor: pointer; margin-left: 7px; margin-top: 0; background: rgba(0, 0, 0, 0.5); padding: 4px; border: 1px solid white; border-radius: 5px; } body.media #media_show_fullscreen_icon img, body.gallery #media_show_fullscreen_icon img { width: 12px; transition: transform 0.2s; position: absolute; left: 4px; } body.media #media_show_fullscreen_icon:hover img, body.gallery #media_show_fullscreen_icon:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } body.media #media_show span#next, body.media #media_show span#previous, body.gallery #media_show span#next, body.gallery #media_show span#previous { user-select: none; position: absolute; bottom: 0; background: transparent; transition: transform 0.2s; width: 20px; height: 20px; position: absolute; top: 50%; margin-top: -4px; background: rgba(0, 0, 0, 0.5); border: 1px solid white; border-radius: 5px; } body.media #media_show span#next a, body.media #media_show span#previous a, body.gallery #media_show span#next a, body.gallery #media_show span#previous a { cursor: pointer; width: 100%; height: 100%; padding: 4px; box-sizing: border-box; display: block; } body.media #media_show span#next a:hover img, body.media #media_show span#previous a:hover img, body.gallery #media_show span#next a:hover img, body.gallery #media_show span#previous a:hover img { -webkit-transform: scale(1.2, 1.2); -moz-transform: scale(1.2, 1.2); -ms-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); transform: scale(1.2, 1.2); } body.media #media_show span#next a:active img, body.media #media_show span#previous a:active img, body.gallery #media_show span#next a:active img, body.gallery #media_show span#previous a:active img { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); } body.media #media_show span#next img, body.media #media_show span#previous img, body.gallery #media_show span#next img, body.gallery #media_show span#previous img { width: 12px; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition: transform 0.2s; position: absolute; left: 5px; } body.media #media_show span#next, body.gallery #media_show span#next { right: 7px; } body.media #media_show span#previous, body.gallery #media_show span#previous { left: 7px; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } body.media #media .media_trailers_trailer, body.gallery #media .media_trailers_trailer { margin: 3px; color: white; background: rgba(0, 0, 0, 0.8); } body.media #media_desktops, body.gallery #media_desktops { margin-bottom: 200px; } body.media #media .media_desktops_desktop, body.gallery #media .media_desktops_desktop { width: 212px; position: relative; margin: 5px; overflow: hidden; /* file sizes in a div a list */ /* /_files */ } body.media #media .media_desktops_desktop img, body.gallery #media .media_desktops_desktop img { cursor: default; z-index: 0; } body.media #media .media_desktops_desktop:hover, body.media #media .media_desktops_desktop.componentSelected, body.gallery #media .media_desktops_desktop:hover, body.gallery #media .media_desktops_desktop.componentSelected { outline: none; z-index: 3; overflow: visible; background: transparent; } body.media #media .media_desktops_desktop:hover a, body.media #media .media_desktops_desktop.componentSelected a, body.gallery #media .media_desktops_desktop:hover a, body.gallery #media .media_desktops_desktop.componentSelected a { color: white; } body.media #media .media_desktops_desktop:hover .media_desktops_desktop_files, body.media #media .media_desktops_desktop.componentSelected .media_desktops_desktop_files, body.gallery #media .media_desktops_desktop:hover .media_desktops_desktop_files, body.gallery #media .media_desktops_desktop.componentSelected .media_desktops_desktop_files { opacity: 1; height: auto; } body.media #media .media_desktops_desktop:hover img, body.media #media .media_desktops_desktop.componentSelected img, body.gallery #media .media_desktops_desktop:hover img, body.gallery #media .media_desktops_desktop.componentSelected img { outline: red 2px solid; } body.media #media .media_desktops_desktop_files, body.gallery #media .media_desktops_desktop_files { -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s; opacity: 0; position: absolute; background: rgba(0, 0, 0, 0.8); border: red 2px solid; top: 122px; left: 21px; float: left; margin: 0; padding: 0 0 0 0; font-size: 14px; width: 80%; height: auto; margin-bottom: 50px; height: 0; border-radius: 6px; z-index: 2; } body.media #media .media_desktops_desktop_files::before, body.gallery #media .media_desktops_desktop_files::before { content: ''; display: block; position: absolute; top: -28px; left: 72px; width: 0; height: 0; border-color: transparent transparent red transparent; border-style: solid; border-width: 14px; pointer-events: none; } body.media #media .media_desktops_desktop_files::after, body.gallery #media .media_desktops_desktop_files::after { content: ''; display: block; position: absolute; top: -19px; left: 76px; width: 0; height: 0; border-color: transparent transparent rgba(0, 0, 0, 0.8) transparent; border-style: solid; border-width: 10px; pointer-events: none; } body.media #media .media_desktops_desktop_files a, body.gallery #media .media_desktops_desktop_files a { font-family: helvetica, verdana, sans-serif; font-size: 12px; border-bottom: white 1px solid; padding: 2px; padding-top: 4px; padding-bottom: 2px; text-align: center; text-decoration: none; color: white; display: block; } body.media #media .media_desktops_desktop_files a:hover, body.gallery #media .media_desktops_desktop_files a:hover { color: white; background: red; } body.media #media .media_desktops_desktop_files a:first-child:hover:before, body.gallery #media .media_desktops_desktop_files a:first-child:hover:before { content: ''; display: block; position: absolute; top: -27px; z-index: 4; left: 72px; width: 0; height: 0; border-color: transparent transparent red transparent; border-style: solid; border-width: 14px; pointer-events: none; } body.media #media .media_desktops_desktop_files a:last-child, body.gallery #media .media_desktops_desktop_files a:last-child { border-bottom: none; } /* /body.media */ div#screenshots_thumbs { position: absolute; top: 290px; left: 315px; width: 445px; float: none; } div#screenshots_thumbs a img { outline: 0; box-shadow: none; margin-right: 12px; margin-bottom: 12px; transition: transform 0.2s, outline 0.2s; width: 200px; } div#screenshots_thumbs a img:hover { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); outline: 0; } /* /screenshot_thumbs */ div#screenshots_full div { z-index: -2; } div#screenshots_full div:target { display: block; z-index: 999; } .imgbox { width: 960px; max-width: 95%; margin: 0 auto; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .imgbox p { position: relative; background: black; color: white; font-size: 16px; width: 100%; padding: 5px; } .close_button { top: 15px; left: -13px; position: absolute; width: 1px; height: 1px; text-align: left; z-index: 2; } .close_button > img { position: relative; top: 0; border: none; } .image_popup:target { opacity: 1; z-index: 999; -webkit-animation: figureAppear 0.1s ease-in; -moz-animation: figureAppear 0.1s ease-in; animation: figureAppear 0.1s ease-in; } .image_popup:target .close_button { width: 100%; height: 100%; } @-webkit-keyframes figureAppear { from { opacity: 0; -webkit-transform: scale(1.05, 1.05); } } @-moz-keyframes figureAppear { from { opacity: 0; -moz-transform: scale(1.05, 1.05); } } @keyframes figureAppear { from { opacity: 0; -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); } } .image_popup { -webkit-transition: opacity 0.1s, z-index 0.1s; -moz-transition: opacity 0.1s, z-index 0.1s; transition: opacity 0.1s, z-index 0.1s; width: 100%; height: 100%; position: fixed; display: none; top: 0; left: 0; z-index: -1; background: rgba(0, 0, 0, 0.6); vertical-align: middle; text-align: center; } .image_popup .imgbox > img { position: relative; top: 26px; border: 0; width: 100%; max-width: 960px; } /* /screenshot styles */ #privacypolicy { position: fixed; bottom: 20px; right: 20px; background-color: #FFF; width: auto; padding: 3px 10px 2px; margin-top: 10px; color: #000; border-radius: 2px; z-index: 10; font-size: 12px; } #privacypolicy:hover { font-weight: bold; padding: 3px 7px 2px; } ======= body.dawnofwar3.minisite #mute_bar{background-image:url(../images/sound/control_background.svg);background-repeat:no-repeat;background-position:1px 5px;background-size:162px 26px;position:absolute!important;width:144px;height:20px;top:-1px!important;right:0!important;left:auto!important;width:9px;background-position:right 5px;overflow:hidden;-webkit-transition:width .3s linear;transition:width .3s linear}body.dawnofwar3.minisite #mute_bar:hover{width:144px}body.dawnofwar3.minisite #mute_bar input#volumeControl{padding:0;background-image:url(../images/sound/level_bar.svg);background-repeat:no-repeat;background-size:117px 5px;background-color:transparent;height:5px;position:absolute;right:40px;left:auto;top:13px;width:106px;-webkit-border-radius:0!important;-webkit-box-shadow:none!important;-moz-border-radius:0!important;-moz-box-shadow:none!important;-o-border-radius:0!important;-o-box-shadow:none!important;-ms-border-radius:0!important;-ms-box-shadow:none!important;border-radius:0!important;border:none;box-shadow:none!important;cursor:pointer}body.dawnofwar3.minisite #mute_bar input#volumeControl::-moz-range-track{-moz-appearance:none;background-image:url(../images/sound/level_bar.svg);background-repeat:no-repeat;background-color:transparent;background-size:117px 5px;border:0;border-radius:0!important;box-shadow:none!important;-moz-border-radius:0!important;-moz-box-shadow:none!important;height:5px}body.dawnofwar3.minisite div#mute_bar div#muteControl{width:30px;height:30px;position:absolute;top:9px;right:-4px;left:auto}body.dawnofwar3.minisite div#mute_bar div#muteControl div#muted{background-image:url(../images/sound/mute_on.svg);background-repeat:no-repeat;background-size:22px 18px;width:30px;height:30px}body.dawnofwar3.minisite div#mute_bar div#muteControl div#unmuted{background-image:url(../images/sound/mute_off.svg);background-repeat:no-repeat;background-size:22px 18px;width:30px;height:30px}body.dawnofwar3.minisite #mute_bar #ie_slider{position:absolute;left:0;top:5px;background-image:url(../images/sound/slider.svg);background-repeat:none;background-size:17px 17px;width:17px;height:17px}body.dawnofwar3.minisite input#volumeControl::-webkit-slider-thumb{-webkit-appearance:none;background-image:url(../images/sound/slider.svg);background-repeat:none;background-size:17px 17px;height:17px;width:17px}body.dawnofwar3.minisite input#volumeControl::-moz-range-thumb{-moz-appearance:none;appearance:none;background-image:url(../images/sound/slider.svg);background-repeat:none;background-size:17px 17px;height:17px;width:17px;border:0}@-moz-document url-prefix(){body.dawnofwar3.minisite #mute_bar input#volumeControl{top:15px;right:33px}}html{height:100%}body{background-image:url(../background/DoW3_GalacticRivalsArt_6kWide.jpg);background-size:auto 1440px;background-repeat:no-repeat;background-position:top;background-color:#000;min-height:100%;box-sizing:border-box;font-size:16px;background-attachment:scroll}body #global{background-image:url(../banner/banner-wide.jpg);background-size:cover}body #pageWrapper{position:relative}body #pageWrapper #global{margin:0 auto}body #pageWrapper #local{float:none;width:950px;margin:0 auto;position:relative;top:0}body #pageWrapper #local #game_select_box{float:left;margin-right:2px;margin-left:1px;margin-top:2px}body #pageWrapper #local .box li{float:right;margin-right:2px;margin-top:2px}body #pageWrapper #local .box li a{border-top-width:2px}body #local{float:none;margin-right:787px}body section#content{margin-left:0;text-align:center;padding-bottom:200px;padding-bottom:35px}body section#content .buy{display:block;clear:both}body section#content .buy a{line-height:1em;text-align:center;-webkit-transition:background-color .1s ease-in-out,box-shadow .1s ease-in-out;transition:background-color .1s ease-in-out,box-shadow .1s ease-in-out;background:#bea87e;box-shadow:inset 0 0 0 6px #bea87e,inset 0 0 0 8px #101013;font-family:Portrait Text,serif!important;font-size:2em;border-width:.23em;padding:.85em 1.55em .7em;margin:1em .5em;vertical-align:middle;display:inline-block;position:relative;text-decoration:none;color:#101013}body section#content .buy a:hover{-webkit-transition:background-color .3s ease-out,box-shadow .3s ease-out;transition:background-color .3s ease-out,box-shadow .3s ease-out;background:#101013;box-shadow:inset 0 0 0 6px #101013,inset 0 0 0 8px #bea87e;color:#e4e0da}body section#content #dawnofwar3_agegate{background-color:transparent;width:700px;box-sizing:border-box;margin:0 auto 20px;padding:20px 0 25px;text-align:center;z-index:1;position:relative;line-height:1.9em}body section#content #dawnofwar3_agegate h1{font-family:Portrait Text,serif!important;font-size:1em;text-align:center;text-transform:uppercase;width:auto;margin:.2em auto 1.5em;text-shadow:-2px 4px 4px #000,-5px 8px 10px #000,0 0 7px #000,0 0 20px #000,0 0 30px #000,0 0 40px #000;color:#e4e0da}body section#content #dawnofwar3_agegate p{padding:0 40px;margin:.5em 0 1em}body section#content #dawnofwar3_agegate input,body section#content #dawnofwar3_agegate select{color:#bea87e;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;vertical-align:middle;display:inline-block;text-align:center;font-size:20px;line-height:1.3em;text-rendering:optimizeLegibility;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:0 10px;padding:10px 20px;width:123px;box-sizing:content-box;background-color:#101013;border:1px solid #b32b15;border-radius:0;-webkit-transition:background .2s linear;transition:background .2s linear;text-transform:uppercase;cursor:pointer!important;font-family:Portrait Text,serif!important;outline:7px solid #101013;-webkit-font-smoothing:subpixel-antialiased}body section#content #dawnofwar3_agegate input:active,body section#content #dawnofwar3_agegate input:hover,body section#content #dawnofwar3_agegate select:active,body section#content #dawnofwar3_agegate select:hover{background-color:#000;color:#e4e0da}body section#content #dawnofwar3_agegate select{border:1px solid #b32b15;background-image:url(../images/arrowprimary.svg);background-position:calc(100% - 15px) 50%;background-repeat:no-repeat;background-size:20px auto;-webkit-transition:none;transition:none;-webkit-transition:background-color .2s linear;transition:background-color .2s linear}body section#content #dawnofwar3_agegate select:hover{background-image:url(../images/arrow.svg)}body section#content #dawnofwar3_agegate input{font-weight:700}body section#content #dawnofwar3_age_not_allowed{font-family:Portrait Text,serif!important;font-size:.8em;font-weight:400;text-align:center;text-transform:uppercase;width:auto;margin:.2em auto 1.5em;letter-spacing:.3em;text-shadow:-2px 4px 4px #000,-5px 8px 10px #000,0 0 7px #000,0 0 20px #000,0 0 30px #000,0 0 40px #000;color:#b32b15}body section#content #dawnofwar3_age_not_allowed a{color:#b32b15}body section#content #dawnofwar3_age_not_allowed a:hover{color:#bea87e}body section#content #dawnofwar3_menu{list-style:none;margin:0;padding:0;display:inline-block;width:470px;position:absolute;top:68px;left:480px;box-sizing:border-box;z-index:4}body section#content #dawnofwar3_menu ul{margin:0 0 7px;padding:0}body section#content #dawnofwar3_menu ul li{display:inline-block;margin:0;padding:0;list-style:none}body section#content #dawnofwar3_menu ul li a{padding:6px 9px 2px;color:#bea87e;text-decoration:none;font-family:Portrait Text,serif!important;-webkit-font-smoothing:antialiased;text-transform:uppercase;font-size:.8em;text-shadow:0 0 40px #000,0 0 20px #000,0 0 10px #000;display:inline-block;background:#000;border:1px solid #727272}body section#content #dawnofwar3_menu ul li.current_page a,body section#content #dawnofwar3_menu ul li a:hover{color:#b32b15;border-color:#bea87e}body section#content #dawnofwar3_menu ul li:last-child{border-right:none}body section#content #dawnofwar3_logo_wrapper{margin:0 0 20px;text-align:center;width:582px;clear:both;position:relative;z-index:4}body section#content #dawnofwar3_logo_wrapper #dawnofwar3_logo{width:350px;padding:20px 50px;margin-top:-11px;background:-webkit-radial-gradient(center,ellipse cover,#000 0,transparent 72%,transparent 100%);background:-webkit-radial-gradient(center ellipse,#000 0,transparent 72%,transparent 100%);background:radial-gradient(ellipse at center,#000 0,transparent 72%,transparent 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000',endColorstr='#00000000',GradientType=1)}body section#content h2{font-family:Portrait Text,serif!important;font-size:1.4em;font-weight:400;text-align:center;text-transform:uppercase;margin:-5px auto;text-indent:-9999em;letter-spacing:.1em;text-shadow:0 0 40px #000,0 0 20px #000,0 0 10px #000,0 0 40px #000,0 0 20px #000,0 0 10px #000;color:#b32b15}body section#content ol li,body section#content p,body section#content ul li{font-family:Portrait Text,serif!important;-webkit-font-smoothing:-subpixel-antialiased;font-size:1.2em;border:0!important;color:#bea87e;text-rendering:optimizeLegibility;letter-spacing:1.25px}body section#content em{font-family:Portrait Text,serif!important}body section#content .text-box{background-color:rgba(0,0,0,.65);width:585px;box-sizing:border-box;margin:0 auto 20px;padding:20px 0 25px;text-align:center;z-index:1;position:relative;line-height:1.9em;text-shadow:0 0 40px #000,0 0 20px #000,0 0 10px #000}body section#content .text-box p{padding:0 40px;margin:.5em 0 1em}body section#content .trailer{padding:1px;box-sizing:border-box;background-color:rgba(0,0,0,.65)}body section#content .trailer .inner{margin:10px}body section#content #legallogos img{padding:10px}body section#content #legallogos img#eidos_logo{margin-bottom:-7px;width:155px}body a#privacypolicy{background:#000;color:#bea87e;border:1px solid #727272;font-family:Portrait Text,serif!important;-webkit-font-smoothing:subpixel-antialiased;bottom:10px!important}body a#privacypolicy:hover{font-weight:400;color:#b32b15;padding:3px 10px 2px}body #menu_esrb_logo{position:fixed!important;bottom:20px!important;left:20px!important;z-index:10!important}[lang=en] body #local .box+a:after{content:' ';display:block;position:fixed;bottom:20px;left:20px;z-index:11;background:url(../images/esrb.svg) top no-repeat transparent;height:102px;width:214px}body #content .minisite_page.agegate #dawnofwar3_logo_wrapper{width:auto;margin:0 auto -20px;padding-top:260px}body #content .minisite_page.agegate #dawnofwar3_logo_wrapper #dawnofwar3_logo{width:450px;margin-top:0}.m_footer{padding-top:100px;position:relative;z-index:20}.m_footer .inner{padding:20px 100%;background:rgba(0,0,0,.65);margin:0 -100%}.m_footer .inner #legal-logos{width:500px;max-width:90%;margin-bottom:-10px}.m_footer .inner #footerlinks{width:500px;height:54px;margin:-54px auto 0;text-align:left}.m_footer .inner #footerlinks a{height:68px;display:inline-block;margin-right:16px;width:24%}.m_footer .inner #footerlinks a:nth-child(1){width:145px;margin-right:5px}.m_footer .inner #footerlinks a:nth-child(2){width:104px}.m_footer .inner #footerlinks a:nth-child(3){width:109px}.m_footer .inner #footerlinks a:nth-child(4){width:91px;margin-right:0}.m_footer .inner #legal-text p{font-size:.8em;color:#e4e0da;text-shadow:0 0 1px #000,0 0 2px #000,0 0 3px #000,0 0 4px #000,0 0 5px #000,0 0 6px #000,0 0 7px #000,0 0 8px #000,0 0 9px #000}body.about{background-image:url(../background/storybackground2.jpg);background-position:top;background-size:auto 1800px;background-attachment:scroll;overflow-x:hidden;min-height:1800px}body.about #content .buy{clear:left}body.about #content h2{width:650px;margin:-25px auto 0;display:block;text-indent:0;position:relative;color:#e4e0da}body.about #content h2 a{color:#e4e0da;text-decoration:none}body.about #content h2 span{display:inline-block;margin-bottom:.5em;padding:0 20px;border-right:1px solid #bea87e}body.about #content h2 span:last-child{border-left:1px solid #bea87e;border-right:none;padding-left:25px}body.about #content h2:after,body.about #content h2:before{content:' ';display:block;position:absolute;width:32%;height:1px;left:0;top:38%;background-color:#bea87e;box-shadow:0 0 40px #000,0 0 20px #000,0 0 10px #000,0 0 40px #000,0 0 20px #000,0 0 10px #000}[lang=de] body.about #content h2:after,[lang=de] body.about #content h2:before{width:26%}[lang=fr] body.about #content h2:after,[lang=fr] body.about #content h2:before{width:22%}[lang=it] body.about #content h2:after,[lang=it] body.about #content h2:before{width:28%}[lang=es] body.about #content h2:after,[lang=es] body.about #content h2:before{width:23%}[lang=ru] body.about #content h2:after,[lang=ru] body.about #content h2:before{width:28%}body.about #content h2:before{left:auto;right:0}body.about #content h3{font-family:Portrait Text,serif!important;font-size:2em;text-transform:uppercase;letter-spacing:.1em;background:none;margin:0;color:#e4e0da;font-weight:400;padding:15px 10px 13px;text-align:center;z-index:2;position:relative}body.about #content h3:after{content:' ';display:block;height:7px;width:70px;margin:20px auto 0;background:#bea87e}[lang=de] body.about #content h3,[lang=es] body.about #content h3,[lang=fr] body.about #content h3,[lang=it] body.about #content h3{font-size:1.5em}[lang=ru] body.about #content h3{font-size:1.4em}body.about #content .trailer{background-color:rgba(0,0,0,.78);width:75%;margin:30px auto 40px}body.about #content .text-box{margin-left:35px;float:left;margin-top:20px;background-color:rgba(0,0,0,.78)}body.about #content #related_news{display:inline-block;background-color:rgba(0,0,0,.78);width:265px;box-sizing:border-box;margin:20px 36px 0 0;padding:20px 0 25px;text-align:center;z-index:1;position:relative;line-height:1.9em;text-shadow:0 0 40px #000,0 0 20px #000,0 0 10px #000;border-radius:0;border:none;float:right;max-height:307px;overflow-y:scroll}[lang=en] body.about #content #related_news,[lang=pt_br] body.about #content #related_news{max-height:328px}[lang=de] body.about #content #related_news,[lang=fr] body.about #content #related_news,[lang=it] body.about #content #related_news,[lang=ru] body.about #content #related_news{min-height:388px}[lang=es] body.about #content #related_news{max-height:358px}[lang=pt_br] body.about #content #related_news{max-height:328px}body.about #content #related_news:hover{border:none}body.about #content #related_news h3{width:auto;float:none;border:none;padding-bottom:0}body.about #content #related_news article:after,body.about #content #related_news h3:after{content:' ';display:block;height:1px;width:90%;margin:10px auto;background:#bea87e}body.about #content #related_news article a h4{position:relative;z-index:2;font-family:Portrait Text,serif!important;font-size:1.5em;text-transform:uppercase;letter-spacing:.1em;background:none;margin:0;color:#e4e0da;font-weight:400;padding:5px 15px 13px;text-align:center}body.about #content #related_news article a h4:after{content:' ';display:block;height:2px;width:120px;margin:20px auto 0;background:#bea87e}body.about #content #related_news article a time{font-family:Portrait Text,serif!important;font-size:1.5em;color:#b32b15;float:none;position:relative;padding:0 20px}body.about #content #related_news article a time:after,body.about #content #related_news article a time:before{content:' ';display:block;position:absolute;width:10px;height:1px;left:0;top:38%;background-color:#bea87e;box-shadow:0 0 40px #000,0 0 20px #000,0 0 10px #000,0 0 40px #000,0 0 20px #000,0 0 10px #000}body.about #content #related_news article a time:before{left:auto;right:0}body.about #content #related_news article a p{padding:0 20px;margin:.5em 0 1em;font-size:1.5em;line-height:1.5em}body.about #content #related_news article a .read_more{font-family:Portrait Text,serif!important;font-size:1.5em;color:#b32b15;text-transform:uppercase;border:1px solid #bea87e;padding:.5em 1em .4em;margin:.4em 0;display:inline-block}body.about #content #related_news article a:hover .read_more{color:#fff}body.features{background-image:url(../background/D0W3_Gabriel_HellsGate.jpg);background-position:bottom;background-size:cover;background-attachment:fixed;overflow-x:hidden}body.features #content{padding-bottom:350px}body.features #content h1#dawnofwar3_logo_wrapper,body.features #content h1#dawnofwar3_logo_wrapper img#dawnofwar3_logo{background:none}body.features #content .list ul{padding:0}body.features #content .list ul li{list-style:none;margin:0 0 20px;vertical-align:middle;width:100%;clear:both;position:relative;min-height:320px}[lang=es] body.features #content .list ul li,[lang=it] body.features #content .list ul li,[lang=pt_br] body.features #content .list ul li,[lang=ru] body.features #content .list ul li{margin-bottom:60px}[lang=fr] body.features #content .list ul li{margin-bottom:80px}[lang=de] body.features #content .list ul li{margin-bottom:60px}body.features #content .list ul li div.features-text.text-box{margin:0;vertical-align:middle;text-align:center;padding:20px 0 25px;width:500px;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body.features #content .list ul li div.features-text.text-box h4{font-family:Portrait Text,serif!important;font-size:1.5em;text-transform:uppercase;letter-spacing:.1em;background:none;margin:0;color:#e4e0da;font-weight:400;padding:15px 10px 13px;text-align:center;z-index:2;position:relative}body.features #content .list ul li div.features-text.text-box h4:after{content:' ';display:block;height:4px;width:100px;margin:20px auto 0;background:#bea87e}body.features #content .list ul li div.features-text.text-box p{padding:0 40px;margin:.5em 0 1em;font-size:1em;line-height:1.585em}body.features #content .list ul li .screenshots_thumbs{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:0;padding-bottom:2em;height:219px}body.features #content .list ul li .screenshots_thumbs a{text-decoration:none}body.features #content .list ul li .screenshots_thumbs a img{padding:5px;margin:0;width:420px;-webkit-transition:none;transition:none;-webkit-transition:border .2s linear;transition:border .2s linear;border:5px solid #bea87e;background:rgba(0,0,0,.65);outline:5px solid rgba(0,0,0,.65)}body.features #content .list ul li .screenshots_thumbs a img:hover{-webkit-transform:none;transform:none;border-color:#b32b15}body.features #content .list ul li:nth-of-type(odd) div.features-text{left:auto;right:0}body.features #content .list ul li:nth-of-type(odd) .screenshots_thumbs{right:auto;left:0}body.features #screenshots_full figcaption p{font-size:1.2em;line-height:1.3em;margin:0 0 0 -1px;padding:10px 5px}body.features #screenshots_full a+img{border:5px solid #000}body.reviews{background-image:url(../background/crater.jpg);background-size:cover!important;background-position:bottom;background-attachment:fixed}body.reviews section#content #dawnofwar3_logo_wrapper #dawnofwar3_logo{background-image:url(../images/logo/logo.png);background:none;background-size:350px auto;background-position:50%;background-repeat:no-repeat}section#minisitecontent[data-subsection=reviews] h2{font-size:1.8em;text-transform:uppercase;text-align:center;text-indent:-99999em;margin-bottom:-.8em}section#minisitecontent[data-subsection=reviews] h3{padding:40px 80px 35px;margin:0 -180px;text-indent:-99999em;margin-bottom:-5em}section#minisitecontent[data-subsection=reviews] #reviews_intro{width:50%;padding:20px 0 25px;background-color:rgba(0,0,0,.78)}section#minisitecontent[data-subsection=reviews] #reviews_intro p{padding:0 40px;margin:.5em 0 .2em}section#minisitecontent[data-subsection=reviews] .quote{width:48%;box-sizing:border-box;margin:15px auto;padding-bottom:0;text-align:center;position:relative;background-color:rgba(0,0,0,.65);color:#e4e0da;font-size:1.1em;text-decoration:none;border:2px solid transparent;-webkit-transition:.2s border linear,.2s background linear;transition:.2s border linear,.2s background linear}section#minisitecontent[data-subsection=reviews] .quote:nth-of-type(odd){float:left;margin-left:0;clear:left}section#minisitecontent[data-subsection=reviews] .quote:nth-of-type(even){float:right;margin-right:0;clear:right}section#minisitecontent[data-subsection=reviews] .quote p{padding:0 30px}section#minisitecontent[data-subsection=reviews] .quote .quote_score{font-size:3em;font-family:Portrait Text,serif!important;font-weight:700;margin:.5em}section#minisitecontent[data-subsection=reviews] .quote .quote_name{font-size:1.5em;margin-bottom:1em;font-family:Portrait Text,serif!important;color:#b32b15}section#minisitecontent[data-subsection=reviews] .quote:hover{background:#000;border:2px solid #bea87e}.en section#minisitecontent[data-subsection=reviews] .quote:nth-of-type(5) p{padding:0 20px}body.dlc{background-image:url(../background/manticore.jpg);background-size:cover!important;background-position:top}section#content #dlc-page h2{font-size:1.8em;text-transform:uppercase;text-align:center;text-indent:-99999em;margin-bottom:-1em}section#content #dlc-page .text-box{padding-bottom:0}section#content #dlc-page .text-box h3{padding:40px 80px 35px;margin:0 -180px}section#content #dlc-page .text-box section.dlc{width:93%;box-sizing:border-box;margin:15px auto;padding-bottom:0;text-align:center;position:relative;background-image:url(../images/dlc/leather_bkg_Iron.jpg);background-size:100% 100%!important;background-position:50%}section#content #dlc-page .text-box section.dlc:nth-of-type(odd){float:left;margin-left:-45%;clear:left}section#content #dlc-page .text-box section.dlc:nth-of-type(even){float:right;margin-right:-45%;clear:right}section#content #dlc-page .text-box #new-campaigns #bretonnia,section#content #dlc-page .text-box section.dlc#chaos-warriors{float:none;margin:15px auto;clear:both}section#content #dlc-page .text-box #new-races #chaos-warriors{float:left;margin-left:-45%;clear:left}section#content #dlc-page .text-box #free #white-dwarf{float:right;margin-right:-45%;clear:right}.pt_br section#content #dlc-page .text-box #free #white-dwarf{float:left;margin-left:-45%;clear:left}section#content #dlc-page .text-box #free #wurrzag{float:none;margin:15px auto;clear:both}.pt_br section#content #dlc-page .text-box #free #wurrzag{float:right;margin-right:-45%;clear:right}section#content #dlc-page .text-box h4{font-family:Portrait Text,serif!important;font-size:1.3em;text-transform:uppercase;text-align:center;border-right:none;border-left:none;padding:10px 20px 8px}section#content #dlc-page .text-box ul{margin:0;padding:0}section#content #dlc-page .text-box ul li{margin:0;padding:0;list-style:none}section#content #dlc-page .text-box ul li p{margin:0;padding:.2em 20px .4em;font-size:.95em;line-height:1.1em}section#content #dlc-page .text-box ul li:after,section#content #dlc-page .text-box ul li:first-of-type:before{content:' ';display:block;height:3px;margin:0 20px;background:-webkit-linear-gradient(left,hsla(17,72%,79%,0),#b36648 30%,#8c3310 49%,#752201 51%,#923f1f 70%,rgba(191,110,78,0));background:linear-gradient(90deg,hsla(17,72%,79%,0) 0,#b36648 30%,#8c3310 49%,#752201 51%,#923f1f 70%,rgba(191,110,78,0));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f0b7a1',endColorstr='#00bf6e4e',GradientType=1)}section#content #dlc-page .text-box ul li:before{margin-top:.2em}section#content #dlc-page .text-box ul li:after{margin-bottom:.2em}section#content #dlc-page .text-box .trailer{width:95%}section#content #dlc-page .text-box .buy{margin-bottom:1.5em;margin-top:0}section#content #dlc-page .text-box .buy a{margin-top:.5em;-webkit-transform:scale(.7);transform:scale(.7)}section#content #dlc-page .text-box .buy a:hover{-webkit-transform:scale(.75);transform:scale(.75)}section#content #dlc-page .text-box #bretonnia .buy a,section#content #dlc-page .text-box #grey .buy a,section#content #dlc-page .text-box #isabella .buy a,section#content #dlc-page .text-box #jade .buy a,section#content #dlc-page .text-box #white-dwarf .buy a,section#content #dlc-page .text-box #wurrzag .buy a{font-size:1.5em;margin-top:.9em}section#content #dlc-page .text-box .dlcpic{width:100%}section#content #dlc-page .thumbs{padding:20px 0 0}section#content #dlc-page .thumbs li{list-style:none;display:inline-block;margin:1em .5%!important;width:18%;float:left}section#content #dlc-page .thumbs li:after,section#content #dlc-page .thumbs li:before{content:none!important}section#content #dlc-page .thumbs li:last-of-type{margin-top:calc(1em + 1px)!important;margin-right:0!important}section#content #dlc-page .thumbs li:first-of-type{margin-left:3%!important}section#content #dlc-page .thumbs li a{width:100%;box-sizing:border-box;padding:5%;text-transform:uppercase;height:100px;background:#000;display:inline-block;font-size:.6em;line-height:1em;text-decoration:none;padding-top:87px;padding-bottom:23px}section#content #dlc-page .thumbs li a span{position:relative;display:inline-block}section#content #dlc-page .thumbs li a.active,section#content #dlc-page .thumbs li a:hover{color:#fff}.ru section#content #dlc-page .thumbs li a{font-size:.48em}section#content #dlc-page .thumbs li:nth-of-type(1) a{background:url(../images/dlc/tab_campaigns.png) top no-repeat #000;background-size:78px 78px}section#content #dlc-page .thumbs li:nth-of-type(2) a{background:url(../images/dlc/tab_lords.png) center 0 no-repeat #000;padding:73px 7% 37px;background-size:78px 78px}.de section#content #dlc-page .thumbs li:nth-of-type(2) a{padding:80px 0 30px;font-size:.45em}.it section#content #dlc-page .thumbs li:nth-of-type(2) a{padding:5%;padding-top:87px;padding-bottom:23px}.ru section#content #dlc-page .thumbs li:nth-of-type(2) a{padding:76px 7% 34px}section#content #dlc-page .thumbs li:nth-of-type(3) a{background:url(../images/dlc/tab_races.png) top no-repeat #000;background-size:78px 78px}section#content #dlc-page .thumbs li:nth-of-type(4) a{background:url(../images/dlc/tab_blood.png) top no-repeat #000;background-size:78px 78px}section#content #dlc-page .thumbs li:nth-of-type(5) a{background:url(../images/dlc/tab_free.png) top no-repeat #000;background-size:78px 78px}.de section#content #dlc-page .thumbs li:nth-of-type(5) a{padding-top:89px;padding-bottom:20px;font-size:.45em}.es section#content #dlc-page .thumbs li:nth-of-type(5) a,.fr section#content #dlc-page .thumbs li:nth-of-type(5) a,.it section#content #dlc-page .thumbs li:nth-of-type(5) a,.pt_br section#content #dlc-page .thumbs li:nth-of-type(5) a{padding:73px 7% 36px;background-size:68px 68px}.ru section#content #dlc-page .thumbs li:nth-of-type(5) a{padding:76px 7% 34px;background-size:68px 68px;letter-spacing:-.1em}section#content #dlc-page .full{opacity:0;clear:both;z-index:1;position:relative;display:none}section#content #dlc-page .full:not(.hidden){opacity:1;z-index:2;display:block}body.factions{background-image:url(../background/DoW3_Skulls_6kWide.jpg);background-size:cover;background-attachment:fixed;background-repeat:no-repeat;background-position:top;background-color:#000;overflow-x:hidden}body.factions section#content #dawnofwar3_logo_wrapper{margin-bottom:0}body.factions section#content h2{margin-top:-20px}body.factions section#content #factionholder{position:relative;z-index:2;margin-top:5px}body.factions section#content #factionholder .thumbs{margin:0;padding:0;position:relative;z-index:2;height:300px}body.factions section#content #factionholder .thumbs>p{padding:60px 20px 28px;display:inline-block;margin:0 auto;color:#e4e0da;text-transform:uppercase;font-size:1.3em;text-shadow:0 0 40px #000,0 0 20px #000,0 0 10px #000,0 0 40px #000,0 0 20px #000,0 0 10px #000,0 0 40px #000,0 0 20px #000,0 0 10px #000;background:rgba(0,0,0,.65);background-color:transparent}body.factions section#content #factionholder .thumbs li{margin:0;list-style:none;padding:0}body.factions section#content #factionholder .thumbs li a{display:inline-block;font-size:1.3em;line-height:1em;position:absolute;top:170px;margin:20px;width:30%;height:180px;padding-top:134px;box-sizing:border-box;text-decoration:none;background-repeat:no-repeat;background-size:auto 160px;background-position:50%;-webkit-transition:border .2s linear;transition:border .2s linear;border:5px solid #bea87e;background-color:rgba(0,0,0,.65);outline:5px solid rgba(0,0,0,.65);color:#bea87e;text-transform:uppercase;text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 10px #000,0 0 10px #000,0 0 5px #000,0 0 7px #000}[lang=ru] body.factions section#content #factionholder .thumbs li a{font-size:1.1em}body.factions section#content #factionholder .thumbs li a.space-marines{background-image:url(../background/DoW3_GabrielAngelos.jpg);left:0}body.factions section#content #factionholder .thumbs li a.eldar{background-image:url(../background/DoW3_Macha.jpg);left:312px}body.factions section#content #factionholder .thumbs li a.orks{background-image:url(../background/DoW3_Gorgutz.jpg);right:0}body.factions section#content #factionholder .thumbs li a:hover{-webkit-transform:none;transform:none;border-color:#e4e0da;color:#e4e0da}body.factions section#content #factionholder .thumbs li a.active{color:#fff;border-color:#b32b15;color:#e4e0da;pointer-events:none}body.factions section#content #factionholder section.full{margin:120px 0 0;opacity:0;-webkit-transition:.4s opacity linear,.4s height linear;transition:.4s opacity linear,.4s height linear;-webkit-transition-delay:.01s;transition-delay:.01s;position:absolute;z-index:0;height:1px;overflow:hidden}body.factions section#content #factionholder section.full h3{position:relative;z-index:2;font-family:Portrait Text,serif!important;font-size:1.5em;text-transform:uppercase;letter-spacing:.1em;background:none;margin:0;color:#e4e0da;font-weight:400;padding:15px 10px 13px;text-align:center}body.factions section#content #factionholder section.full h3:after{content:' ';display:block;height:4px;width:100px;margin:20px auto 0;background:#bea87e}body.factions section#content #factionholder section.full .trailer{margin:0 0 5px;position:relative;z-index:2;opacity:0;-webkit-transition:opacity 1.4s linear;transition:opacity 1.4s linear;-webkit-transition-delay:1.3s;transition-delay:1.3s}body.factions section#content #factionholder section.full p{margin-top:-105px;padding-top:115px;position:relative;z-index:1}body.factions section#content #factionholder section.full .text-box{position:relative;opacity:0;bottom:-700px;-webkit-transition:opacity 1s ease-in,bottom 1s ease-in;transition:opacity 1s ease-in,bottom 1s ease-in;-webkit-transition-delay:.1s;transition-delay:.1s}body.factions section#content #factionholder section.full.shown{opacity:1;z-index:1;height:auto;overflow:visible}body.factions section#content #factionholder section.full.shown .text-box{opacity:1;bottom:0}body.factions section#content #factionholder section.full.shown .trailer{opacity:1}body.factions section#content #factionholder section.full:before{content:' ';position:absolute;z-index:-2;top:-139px;left:-840px;right:-1188px;bottom:-600px;margin-bottom:400px;background-position:top;background-repeat:no-repeat;background-size:2560px auto;border:10px solid #101013;border-right:none;border-left:none}body.factions section#content #factionholder section.full#space-marines .text-box{left:360px;margin-top:140px}body.factions section#content #factionholder section.full#space-marines .text-box p:first-of-type{padding:0 50px;padding-top:115px}body.factions section#content #factionholder section.full#space-marines .buy,body.factions section#content #factionholder section.full#space-marines .trailer{position:relative;left:360px}body.factions section#content #factionholder section.full#space-marines:before{background-image:url(../background/DoW3_SpaceMarineArt_6kWide.jpg);background-position:center 64%}body.factions section#content #factionholder section.full#eldar:before{background-image:url(../background/DoW3_EldarArt_6kWide.jpg);background-position:center 25%}body.factions section#content #factionholder section.full#orks:before{background-image:url(../background/DoW3_OrkArt_6kWide.jpg);background-position:center 40%}body.factions .m_footer{padding-top:300px;z-index:1}body.factions #factionholder.space-marines+.m_footer{padding-top:1350px}body.factions #factionholder.eldar+.m_footer,body.factions #factionholder.orks+.m_footer{padding-top:1250px}body.setting{background-image:url(../background/statue.jpg);background-size:cover;background-position:top;background-attachment:fixed}body.setting section#content h2{font-size:1.8em;text-transform:uppercase;text-align:center}body.setting section#content h2+section{background-color:rgba(0,0,0,.78);margin-top:25%}[lang=ru] body.setting section#content h2+section p{padding:0 30px}body.setting section#content h3{margin-top:1em}body.setting section#content ul.thumbs{margin:0 auto;padding:0;text-align:center;background-color:rgba(0,0,0,.78)}body.setting section#content ul.thumbs li{display:inline-block;width:41%;margin:5% 3% 3%;box-sizing:border-box}body.setting section#content ul.thumbs li:first-of-type{margin-left:0}[lang=ru] body.setting section#content ul.thumbs li:first-of-type{top:-14px;position:relative}[lang=it] body.setting section#content ul.thumbs li:first-of-type{top:6px;position:relative}body.setting section#content ul.thumbs li:last-of-type{margin-right:0}[lang=it] body.setting section#content ul.thumbs li:last-of-type{position:relative}[lang=it] body.setting section#content ul.thumbs li:last-of-type a{padding-top:132px}body.setting section#content ul.thumbs li a{display:inline-block;font-size:1.3em;line-height:1em;width:100%;height:180px;padding-top:114px;box-sizing:border-box;text-decoration:none;-webkit-transition:border .2s linear;transition:border .2s linear;border:5px solid #bea87e;background-color:rgba(0,0,0,.78);outline:5px solid rgba(0,0,0,.78);color:#bea87e;text-transform:uppercase;text-shadow:0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 3px #000,0 0 10px #000,0 0 10px #000,0 0 5px #000,0 0 7px #000}[lang=ru] body.setting section#content ul.thumbs li a{font-size:.75em;padding-top:124px}[lang=fr] body.setting section#content ul.thumbs li a{font-size:1em;padding-top:124px}body.setting section#content ul.thumbs li a.environment-showcase{background-image:-webkit-linear-gradient(top,transparent,#000),url(//video.feralinteractive.com/games/dawnofwar3/environment-showcase_mac-linux/poster.jpg);background-image:linear-gradient(180deg,transparent 0,#000),url(//video.feralinteractive.com/games/dawnofwar3/environment-showcase_mac-linux/poster.jpg);background-repeat:no-repeat,no-repeat;background-size:100% 30%,220px auto;background-position:center 67%,5px 5px}body.setting section#content ul.thumbs li a.cinematic-showcase{background-image:-webkit-linear-gradient(top,transparent,#000),url(//video.feralinteractive.com/games/dawnofwar3/cinematic-showcase_mac-linux/poster.jpg);background-image:linear-gradient(180deg,transparent 0,#000),url(//video.feralinteractive.com/games/dawnofwar3/cinematic-showcase_mac-linux/poster.jpg);background-repeat:no-repeat,no-repeat;background-size:100% 30%,220px auto;background-position:center 67%,5px 5px}body.setting section#content ul.thumbs li a:hover{-webkit-transform:none;transform:none;border-color:#e4e0da;color:#e4e0da}body.setting section#content ul.thumbs li a.active{color:#fff;border-color:#b32b15;color:#e4e0da;pointer-events:none}body.setting section#content .trailer{background-color:rgba(0,0,0,.78)}body.setting section#content .trailer.full{display:none!important;margin-top:0;z-index:1}body.setting section#content .trailer.full:not(.hidden){display:block!important;z-index:2}body.multiplayer{background-image:url(../background/orkvseldar.jpg);background-size:cover;background-position:top;background-attachment:fixed}body.multiplayer section#content h2{font-size:1.8em;text-transform:uppercase;text-align:center}body.multiplayer section#content h2+section{background-color:rgba(0,0,0,.78);margin-top:25%}body.multiplayer section#content h3{margin-top:1em}[lang=en] body.multiplayer section#content .text-box p:last-child{padding:0 70px}body.multiplayer section#content .trailer{background-color:rgba(0,0,0,.78)}@font-face{font-family:Portrait Text;src:url(../fonts/PortraitText-Regular2.woff) format("woff"),url(../fonts/PortraitText-Regular2.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Portrait Text;src:url(../fonts/PortraitText-Bold.woff) format("woff"),url(../fonts/PortraitText-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Portrait Text;src:url(../fonts/PortraitText-BoldItalic.woff) format("woff"),url(../fonts/PortraitText-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:Portrait Text;src:url(../fonts/PortraitText-Regular2Italic.woff) format("woff"),url(../fonts/PortraitText-Regular2Italic.ttf) format("truetype");font-weight:400;font-style:italic}#minisitecontent #audio{display:none}#mute_bar{outline:none;position:absolute!important;box-shadow:none;background:url(../images/sound/control_background.png);background-color:transparent;background-position:initial;background-repeat:no-repeat;width:144px;height:20px;top:90px!important;left:-166px!important;border-radius:0!important;padding:5px 10px!important}#mute_bar input:focus{outline:0}#mute_bar input#volumeControl{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;background-repeat:no-repeat;background-color:transparent;background:url(../images/sound/level_bar.png);height:5px;position:relative;left:4px;top:-1px;width:106px;border-radius:0!important;border:none;box-shadow:none!important;cursor:pointer}#mute_bar input#volumeControl::-moz-range-track{-moz-appearance:none;background-repeat:no-repeat;background-color:transparent;background:url(../images/sound/level_bar.png);border-radius:0!important;border:none;box-shadow:none!important;height:5px}#mute_bar div#muteControl{width:30px;height:30px;position:relative;top:-14px;left:127px}#mute_bar div#muteControl div#muted{background:transparent url(/images/sound/mute_on.svg) no-repeat;width:30px;height:30px}#mute_bar div#muteControl div#unmuted{background:transparent url(/images/sound/mute_off.svg) no-repeat;width:30px;height:30px}#mute_bar #ie_slider{border-radius:0;position:absolute;left:0;top:5px;background:url(../images/sound/slider.png);background-color:transparent;background-repeat:no-repeat;height:17px}input#volumeControl::-moz-range-thumb{outline:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background:url(../images/sound/slider.png);background-color:transparent;background-repeat:no-repeat;height:17px;width:17px}input#volumeControl::-webkit-slider-thumb{outline:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;background:url(../images/sound/slider.png);background-color:transparent;background-repeat:no-repeat;height:17px;width:17px}@-moz-document url-prefix(){div#mute_bar div#muteControl{top:-14px}#mute_bar input#volumeControl{left:-3px;top:-1px}}body.gallery #media_desktops,body.gallery #media_screenshots,body.gallery #media_show,body.gallery #media_trailers,body.media #media_desktops,body.media #media_screenshots,body.media #media_show,body.media #media_trailers{-webkit-backface-visibility:hidden;backface-visibility:hidden;border:transparent;box-shadow:none;padding:5px;background:rgba(0,0,0,.8);float:left;width:100%;margin-bottom:30px;text-align:center;letter-spacing:0}body.gallery #media .media_desktops_desktop,body.gallery #media .media_screenshots_screenshot,body.gallery #media .media_trailers_trailer,body.media #media .media_desktops_desktop,body.media #media .media_screenshots_screenshot,body.media #media .media_trailers_trailer{margin:5px;display:inline-block;width:140px;cursor:pointer;outline:transparent}body.gallery #media .media_desktops_desktop a,body.gallery #media .media_screenshots_screenshot a,body.gallery #media .media_trailers_trailer a,body.media #media .media_desktops_desktop a,body.media #media .media_screenshots_screenshot a,body.media #media .media_trailers_trailer a{font-size:14px;text-decoration:none;color:#fff}body.gallery #media .media_desktops_desktop img,body.gallery #media .media_screenshots_screenshot img,body.gallery #media .media_trailers_trailer img,body.media #media .media_desktops_desktop img,body.media #media .media_screenshots_screenshot img,body.media #media .media_trailers_trailer img{width:100%;float:left;-webkit-filter:grayscale(0);filter:grayscale(0);background:#fff}body.gallery #media .componentSelected.media_desktops_desktop,body.gallery #media .componentSelected.media_screenshots_screenshot,body.gallery #media .componentSelected.media_trailers_trailer,body.gallery #media .media_desktops_desktop:hover,body.gallery #media .media_screenshots_screenshot:hover,body.gallery #media .media_trailers_trailer:hover,body.media #media .componentSelected.media_desktops_desktop,body.media #media .componentSelected.media_screenshots_screenshot,body.media #media .componentSelected.media_trailers_trailer,body.media #media .media_desktops_desktop:hover,body.media #media .media_screenshots_screenshot:hover,body.media #media .media_trailers_trailer:hover{outline:2px solid red;background:red;color:#fff}body.gallery #media .componentSelected.media_desktops_desktop img,body.gallery #media .componentSelected.media_screenshots_screenshot img,body.gallery #media .componentSelected.media_trailers_trailer img,body.media #media .componentSelected.media_desktops_desktop img,body.media #media .componentSelected.media_screenshots_screenshot img,body.media #media .componentSelected.media_trailers_trailer img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}body.gallery #media .componentSelected.media_desktops_desktop a,body.gallery #media .componentSelected.media_screenshots_screenshot a,body.gallery #media .componentSelected.media_trailers_trailer a,body.media #media .componentSelected.media_desktops_desktop a,body.media #media .componentSelected.media_screenshots_screenshot a,body.media #media .componentSelected.media_trailers_trailer a{color:#fff}body.gallery .col-2,body.media .col-2{width:450px;float:left}body.gallery .col-2:first-of-type,body.media .col-2:first-of-type{margin-right:40px}body.gallery #media,body.media #media{top:200px;width:950px;left:-166px;position:relative}body.gallery #media h3,body.media #media h3{font-weight:400;margin:10px 0;font-size:24px;width:100%;text-align:center;color:#fff;text-transform:uppercase;text-shadow:none}body.gallery #media_trailers,body.media #media_trailers{padding-bottom:25px}body.gallery #media_trailers a,body.media #media_trailers a{display:inline-block;padding:0 0 3px}body.gallery #media_trailers a img,body.media #media_trailers a img{margin-bottom:3px}body.gallery #media_trailers a:hover,body.media #media_trailers a:hover{color:#fff}body.gallery #media_trailers_notrailers,body.media #media_trailers_notrailers{color:#fff;text-align:center}body.gallery #media_show,body.media #media_show{min-height:250px;margin:0 0 30px;position:relative}body.gallery #media_show_caption,body.media #media_show_caption{max-width:940px;color:#fff;font-size:18px}body.gallery #media_show_imageWrapper,body.media #media_show_imageWrapper{position:relative}body.gallery #media_show:-moz-full-screen,body.media #media_show:-moz-full-screen{float:none;width:auto;margin:0;position:relative}body.gallery #media_show:fullscreen,body.media #media_show:fullscreen{float:none;width:auto;margin:0;position:relative}body.gallery #media_show:-moz-full-screen #media_show_image,body.gallery #media_show:-moz-full-screen #media_show_video,body.gallery #media_show:-moz-full-screen #media_show video,body.media #media_show:-moz-full-screen #media_show_image,body.media #media_show:-moz-full-screen #media_show_video,body.media #media_show:-moz-full-screen #media_show video{width:auto;height:auto}body.gallery #media_show:fullscreen #media_show_image,body.gallery #media_show:fullscreen #media_show_video,body.gallery #media_show:fullscreen #media_show video,body.media #media_show:fullscreen #media_show_image,body.media #media_show:fullscreen #media_show_video,body.media #media_show:fullscreen #media_show video{width:auto;height:auto}body.gallery #media_show:-webkit-full-screen,body.media #media_show:-webkit-full-screen{float:none;width:auto;margin:0;position:relative}body.gallery #media_show:-webkit-full-screen #media_show_image,body.gallery #media_show:-webkit-full-screen #media_show_video,body.gallery #media_show:-webkit-full-screen #media_show video,body.media #media_show:-webkit-full-screen #media_show_image,body.media #media_show:-webkit-full-screen #media_show_video,body.media #media_show:-webkit-full-screen #media_show video{width:auto;height:auto}body.gallery #media_show:-moz-full-screen #media_show,body.media #media_show:-moz-full-screen #media_show{position:relative}body.gallery #media_show:-moz-full-screen #media_show_image,body.media #media_show:-moz-full-screen #media_show_image{height:100%}body.gallery #media_show:-moz-full-screen #media_show_caption,body.gallery #media_show:-moz-full-screen #media_show_imageWrapper,body.media #media_show:-moz-full-screen #media_show_caption,body.media #media_show:-moz-full-screen #media_show_imageWrapper{margin:0 auto;width:80%}body.gallery #media_show:-moz-full-screen #media_show_imageWrapper,body.media #media_show:-moz-full-screen #media_show_imageWrapper{margin-top:15%}body.gallery #media_show:-ms-fullscreen,body.media #media_show:-ms-fullscreen{float:none;width:auto;margin:0;position:relative}body.gallery #media_show:-ms-fullscreen #media_show_image,body.gallery #media_show:-ms-fullscreen #media_show_video,body.gallery #media_show:-ms-fullscreen #media_show video,body.media #media_show:-ms-fullscreen #media_show_image,body.media #media_show:-ms-fullscreen #media_show_video,body.media #media_show:-ms-fullscreen #media_show video{width:auto;height:auto}body.gallery #media_show_image,body.gallery #media_show_video,body.gallery #media_show video,body.media #media_show_image,body.media #media_show_video,body.media #media_show video{width:100%;background:#fff}body.gallery #media_show_image,body.media #media_show_image{max-width:960px}body.gallery #media_show_fullscreen_icon,body.media #media_show_fullscreen_icon{width:12px;height:12px;position:absolute;top:14.5px;cursor:pointer;margin-left:7px;margin-top:0;background:rgba(0,0,0,.5);padding:4px;border:1px solid #fff;border-radius:5px}body.gallery #media_show_fullscreen_icon img,body.media #media_show_fullscreen_icon img{width:12px;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;position:absolute;left:4px}body.gallery #media_show_fullscreen_icon:hover img,body.media #media_show_fullscreen_icon:hover img{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}body.gallery #media_show span#next,body.gallery #media_show span#previous,body.media #media_show span#next,body.media #media_show span#previous{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;bottom:0;background:transparent;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;width:20px;height:20px;position:absolute;top:50%;margin-top:-4px;background:rgba(0,0,0,.5);border:1px solid #fff;border-radius:5px}body.gallery #media_show span#next a,body.gallery #media_show span#previous a,body.media #media_show span#next a,body.media #media_show span#previous a{cursor:pointer;width:100%;height:100%;padding:4px;box-sizing:border-box;display:block}body.gallery #media_show span#next a:hover img,body.gallery #media_show span#previous a:hover img,body.media #media_show span#next a:hover img,body.media #media_show span#previous a:hover img{-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}body.gallery #media_show span#next a:active img,body.gallery #media_show span#previous a:active img,body.media #media_show span#next a:active img,body.media #media_show span#previous a:active img{-webkit-transform:scale(1,1);transform:scale(1,1)}body.gallery #media_show span#next img,body.gallery #media_show span#previous img,body.media #media_show span#next img,body.media #media_show span#previous img{width:12px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;position:absolute;left:5px}body.gallery #media_show span#next,body.media #media_show span#next{right:7px}body.gallery #media_show span#previous,body.media #media_show span#previous{left:7px;-webkit-transform:rotate(180deg);transform:rotate(180deg)}body.gallery #media .media_trailers_trailer,body.media #media .media_trailers_trailer{margin:3px;color:#fff;background:rgba(0,0,0,.8)}body.gallery #media_desktops,body.media #media_desktops{margin-bottom:200px}body.gallery #media .media_desktops_desktop,body.media #media .media_desktops_desktop{width:212px;position:relative;margin:5px;overflow:hidden}body.gallery #media .media_desktops_desktop img,body.media #media .media_desktops_desktop img{cursor:default;z-index:0}body.gallery #media .media_desktops_desktop.componentSelected,body.gallery #media .media_desktops_desktop:hover,body.media #media .media_desktops_desktop.componentSelected,body.media #media .media_desktops_desktop:hover{outline:none;z-index:3;overflow:visible;background:transparent}body.gallery #media .media_desktops_desktop.componentSelected a,body.gallery #media .media_desktops_desktop:hover a,body.media #media .media_desktops_desktop.componentSelected a,body.media #media .media_desktops_desktop:hover a{color:#fff}body.gallery #media .media_desktops_desktop.componentSelected .media_desktops_desktop_files,body.gallery #media .media_desktops_desktop:hover .media_desktops_desktop_files,body.media #media .media_desktops_desktop.componentSelected .media_desktops_desktop_files,body.media #media .media_desktops_desktop:hover .media_desktops_desktop_files{opacity:1;height:auto}body.gallery #media .media_desktops_desktop.componentSelected img,body.gallery #media .media_desktops_desktop:hover img,body.media #media .media_desktops_desktop.componentSelected img,body.media #media .media_desktops_desktop:hover img{outline:2px solid red}body.gallery #media .media_desktops_desktop_files,body.media #media .media_desktops_desktop_files{-webkit-transition:opacity .2s;transition:opacity .2s;opacity:0;position:absolute;background:rgba(0,0,0,.8);border:2px solid red;top:122px;left:21px;float:left;margin:0;padding:0;font-size:14px;width:80%;height:auto;margin-bottom:50px;height:0;border-radius:6px;z-index:2}body.gallery #media .media_desktops_desktop_files:before,body.media #media .media_desktops_desktop_files:before{content:'';display:block;position:absolute;top:-28px;left:72px;width:0;height:0;border-color:transparent transparent red;border-style:solid;border-width:14px;pointer-events:none}body.gallery #media .media_desktops_desktop_files:after,body.media #media .media_desktops_desktop_files:after{content:'';display:block;position:absolute;top:-19px;left:76px;width:0;height:0;border-color:transparent transparent rgba(0,0,0,.8);border-style:solid;border-width:10px;pointer-events:none}body.gallery #media .media_desktops_desktop_files a,body.media #media .media_desktops_desktop_files a{font-family:helvetica,verdana,sans-serif;font-size:12px;border-bottom:1px solid #fff;padding:2px;padding-top:4px;padding-bottom:2px;text-align:center;text-decoration:none;color:#fff;display:block}body.gallery #media .media_desktops_desktop_files a:hover,body.media #media .media_desktops_desktop_files a:hover{color:#fff;background:red}body.gallery #media .media_desktops_desktop_files a:first-child:hover:before,body.media #media .media_desktops_desktop_files a:first-child:hover:before{content:'';display:block;position:absolute;top:-27px;z-index:4;left:72px;width:0;height:0;border-color:transparent transparent red;border-style:solid;border-width:14px;pointer-events:none}body.gallery #media .media_desktops_desktop_files a:last-child,body.media #media .media_desktops_desktop_files a:last-child{border-bottom:none}div#screenshots_thumbs{position:absolute;top:290px;left:315px;width:445px;float:none}div#screenshots_thumbs a img{outline:0;box-shadow:none;margin-right:12px;margin-bottom:12px;-webkit-transition:outline .2s,-webkit-transform .2s;transition:outline .2s,-webkit-transform .2s;transition:transform .2s,outline .2s;transition:transform .2s,outline .2s,-webkit-transform .2s;width:200px}div#screenshots_thumbs a img:hover{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05);outline:0}div#screenshots_full div{z-index:-2}div#screenshots_full div:target{display:block;z-index:999}.imgbox{width:960px;max-width:95%;margin:0 auto;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.imgbox p{position:relative;background:#000;color:#fff;font-size:16px;width:100%;padding:5px}.close_button{top:15px;left:-13px;position:absolute;width:1px;height:1px;text-align:left;z-index:2}.close_button>img{position:relative;top:0;border:none}.image_popup:target{opacity:1;z-index:999;-webkit-animation:figureAppear .1s ease-in;animation:figureAppear .1s ease-in}.image_popup:target .close_button{width:100%;height:100%}@-webkit-keyframes figureAppear{0%{opacity:0;-webkit-transform:scale(1.05,1.05)}}@keyframes figureAppear{0%{opacity:0;-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}}.image_popup{-webkit-transition:opacity .1s,z-index .1s;transition:opacity .1s,z-index .1s;width:100%;height:100%;position:fixed;display:none;top:0;left:0;z-index:-1;background:rgba(0,0,0,.6);vertical-align:middle;text-align:center}.image_popup .imgbox>img{position:relative;top:26px;border:0;width:100%;max-width:960px}#privacypolicy{position:fixed;bottom:20px;right:20px;background-color:#fff;width:auto;padding:3px 10px 2px;margin-top:10px;color:#000;border-radius:2px;z-index:10;font-size:12px}#privacypolicy:hover{font-weight:700;padding:3px 7px 2px}@media only screen and (-webkit-min-device-pixel-ratio:1.3),only screen and (-webkit-min-device-pixel-ratio:1.3020833333333333),only screen and (min--moz-device-pixel-ratio:1.3),only screen and (min-resolution:1.3dppx),only screen and (min-resolution:125dpi){body{background-image:url(../background/DoW3_GalacticRivalsArt_6kWide@2x.jpg)}.iOS7 body{background-image:url(../background/DoW3_GalacticRivalsArt_6kWide.jpg)}body #global{background-image:url(../banner/banner-wide@2x.jpg)}.iOS7 body #global{background-image:url(../banner/banner-wide.jpg)}body.about{background-image:url(../background/storybackground2@2x.jpg)}.iOS7 body.about{background-image:url(../background/storybackground2.jpg)}body.features{background-image:url(../background/D0W3_Gabriel_HellsGate@2x.jpg)}.iOS7 body.features{background-image:url(../background/D0W3_Gabriel_HellsGate.jpg)}body.reviews{background-image:url(../background/crater@2x.jpg)}.iOS7 body.reviews{background-image:url(../background/crater.jpg)}body.reviews section#content #dawnofwar3_logo_wrapper #dawnofwar3_logo{background-image:url(../images/logo/logo@2x.png)}.iOS7 body.reviews section#content #dawnofwar3_logo_wrapper #dawnofwar3_logo{background-image:url(../images/logo/logo.png)}body.dlc{background-image:url(../background/manticore@2x.jpg)}.iOS7 body.dlc{background-image:url(../background/manticore.jpg)}section#content #dlc-page .text-box section.dlc{background-image:url(../images/dlc/leather_bkg_Iron@2x.jpg)}.iOS7 section#content #dlc-page .text-box section.dlc{background-image:url(../images/dlc/leather_bkg_Iron.jpg)}body.factions{background-image:url(../background/DoW3_Skulls_6kWide@2x.jpg)}.iOS7 body.factions{background-image:url(../background/DoW3_Skulls_6kWide.jpg)}body.factions section#content #factionholder .thumbs li a.space-marines{background-image:url(../background/DoW3_GabrielAngelos@2x.jpg)}.iOS7 body.factions section#content #factionholder .thumbs li a.space-marines{background-image:url(../background/DoW3_GabrielAngelos.jpg)}body.factions section#content #factionholder .thumbs li a.eldar{background-image:url(../background/DoW3_Macha@2x.jpg)}.iOS7 body.factions section#content #factionholder .thumbs li a.eldar{background-image:url(../background/DoW3_Macha.jpg)}body.factions section#content #factionholder .thumbs li a.orks{background-image:url(../background/DoW3_Gorgutz@2x.jpg)}.iOS7 body.factions section#content #factionholder .thumbs li a.orks{background-image:url(../background/DoW3_Gorgutz.jpg)}body.factions section#content #factionholder section.full#space-marines:before{background-image:url(../background/DoW3_SpaceMarineArt_6kWide@2x.jpg)}.iOS7 body.factions section#content #factionholder section.full#space-marines:before{background-image:url(../background/DoW3_SpaceMarineArt_6kWide.jpg)}body.factions section#content #factionholder section.full#eldar:before{background-image:url(../background/DoW3_EldarArt_6kWide@2x.jpg)}.iOS7 body.factions section#content #factionholder section.full#eldar:before{background-image:url(../background/DoW3_EldarArt_6kWide.jpg)}body.factions section#content #factionholder section.full#orks:before{background-image:url(../background/DoW3_OrkArt_6kWide@2x.jpg)}.iOS7 body.factions section#content #factionholder section.full#orks:before{background-image:url(../background/DoW3_OrkArt_6kWide.jpg)}body.setting{background-image:url(../background/statue@2x.jpg)}.iOS7 body.setting{background-image:url(../background/statue.jpg)}body.multiplayer{background-image:url(../background/orkvseldar@2x.jpg)}.iOS7 body.multiplayer{background-image:url(../background/orkvseldar.jpg)}} /*# sourceMappingURL=style.css.map */ >>>>>>> .r25062