/* Theme Name: Defiance EGO Site Author: Trion Author URI: http://trionworlds.com/ Description: The Defiance theme is a custom HTML5 theme to showcase Defiance the Game Version: 2.0 */ /* Gotham Font Face */ @font-face { font-family: 'gothambold'; src: url('./fonts/gothambold.eot'); src: url('./fonts/gothambold.eot?#iefix') format('embedded-opentype'), url('./fonts/gothambold.woff') format('woff'), url('./fonts/gothambold.ttf') format('truetype'), url('./fonts/gothambold.svg#gothambold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothambook'; src: url('./fonts/gothambook.eot'); src: url('./fonts/gothambook.eot?#iefix') format('embedded-opentype'), url('./fonts/gothambook.woff') format('woff'), url('./fonts/gothambook.ttf') format('truetype'), url('./fonts/gothambook.svg#gothambook') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'gothammedium'; src: url('./fonts/gothammedium.eot'); src: url('./fonts/gothammedium.eot?#iefix') format('embedded-opentype'), url('./fonts/gothammedium.woff') format('woff'), url('./fonts/gothammedium.ttf') format('truetype'), url('./fonts/gothammedium.svg#gothammedium') format('svg'); font-weight: normal; font-style: normal; } /* Microgramma Font Face */ /* @license MyFonts Webfont Build ID 2440669, 2013-01-02T21:34:22-0500. The fonts listed in this notice are subject to the End User License. Agreement(s) entered into by the website owner. All other parties are explicitly restricted from using the Licensed Webfonts(s). You may obtain a valid license at the URLs below. Webfont: Microgramma D Bold Extended by URW++ URL: http://www.myfonts.com/fonts/urw/microgramma/d-bold-extended/ Webfont: Microgramma D Medium Extended by URW++ URL: http://www.myfonts.com/fonts/urw/microgramma/d-medium-extended/ License: http://www.myfonts.com/viewlicense?type=web&buildid=2440669 Webfonts copyright: Copyright 2010 URW++ Design & Development Hamburg © 2013 Bitstream Inc */ @font-face { font-family: 'MicrogrammaExtD-Med'; src:url('./fonts/253DDD_1_0.eot'); src:url('./fonts/253DDD_1_0.eot?#iefix') format('embedded-opentype'), url('./fonts/253DDD_1_0.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'MicrogrammaExtD-Bold'; src:url('./fonts/microgrammaextd-bol-webfont.eot'); src:url('./fonts/microgrammaextd-bol-webfont.eot?#iefix') format('embedded-opentype'), url('./fonts/microgrammaextd-bol-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%} h1,h2 {font-family:'gothambold','Arial','sans-serif';font-weight:normal;} h3,h4 {font-family:'gothammedium','Arial','sans-serif';font-weight:normal;} h5, h6 {font-family:'gothammedium','Arial','sans-serif';font-weight:normal;} p {font-family:'Verdana','Arial','sans-serif';font-weight:normal;} /* The 1140px Grid V2 by Andy Taylor \ http://cssgrid.net \ http://www.twitter.com/andytlr \ http://www.andytlr.com */ .container{padding-left:20px;padding-right:20px;position:relative} .share{position:absolute;right:0;top:-50px;padding:0;margin:0} .share li{display:inline-block} .share .twitter-share{position:relative} .share .facebook-like{right:-13px;top:0;position:relative} .row{width:100%;max-width:1140px;min-width:755px;margin:0 auto;overflow:hidden} .onecol,.twocol,.threecol,.fourcol,.fivecol,.sixcol,.sevencol,.eightcol,.ninecol,.tencol,.elevencol{margin-right:3.8%;float:left;min-height:1px} .row .onecol{width:4.85%} .row .twocol{width:13.45%} .row .threecol{width:22.05%} .row .fourcol{width:30.75%} .row .fivecol{width:39.45%} .row .sixcol{width:48%} .row .sevencol{width:56.75%} .row .eightcol{width:65.4%} .row .ninecol{width:74.05%} .row .tencol{width:82.7%} .row .elevencol{width:91.35%} .row .twelvecol{width:100%;float:left} .last{margin-right:0} img,object,embed{max-width:100%} img{height:auto} /* HTML5 Boilerplate What follows is the result of much research on cross-browser styling. Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal, Kroc Camen, and the H5BP dev community and team. Detailed information about this CSS: h5bp.com/css */ article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block} audio,canvas,video{display:inline-block;display:inline;zoom:1} audio:not([controls]){display:none} [hidden]{display:none} html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%} html,button,input,select,textarea{font-family:Verdana,Arial,sans-serif;color:#222} body{margin:0;font-size:1em;line-height:1.4} ::-moz-selection { background: #a00; color: #fff; text-shadow: none; } ::selection { background: #a00; color: #fff; text-shadow: none; } /* a{color:#00e} a:visited{color:#551a8b} a:hover{color:#06e} */ a:focus{outline:thin dotted} a:hover,a:active{outline:0} abbr[title]{border-bottom:1px dotted} b,strong{font-weight:700} blockquote{margin:1em 40px} dfn{font-style:italic} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0} ins{background:#ff9;color:#000;text-decoration:none} mark{background:#ff0;color:#000;font-style:italic;font-weight:700} pre,code,kbd,samp{font-family:monospace, serif;_font-family:'courier new', monospace;font-size:1em} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word} q{quotes:none} q:before,q:after{content:"";content:none} small{font-size:85%} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline} sup{top: -0.7em;font-size: 0.5em;} sub{bottom:-.25em} ul,ol{margin:1em 0;padding:0 0 0 40px} dd{margin:0 0 0 40px} nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0} img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle} svg:not(:root) { overflow: hidden; } figure{margin:0} form{margin:0} fieldset{border:0;margin:0;padding:0} legend{border:0;margin-left:-7px;padding:0;white-space:normal} button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;vertical-align:middle} button,input{line-height:normal} button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table{border-collapse:collapse;border-spacing:0} td{vertical-align:top} .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top} .fancybox-wrap{position:absolute;top:0;left:0;z-index:8020} .fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none} .fancybox-opened{z-index:8030} .fancybox-opened .fancybox-skin{-webkit-box-shadow:0 0 25px rgba(43,194,209,0.75);-moz-box-shadow:0 0 25px rgba(43,194,209,0.75);box-shadow:0 0 25px rgba(43,194,209,0.75)} .fancybox-outer,.fancybox-inner{position:relative} .fancybox-inner{overflow:hidden;padding-top:15px} .fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch} .fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap} .fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%} .fancybox-image{max-width:100%;max-height:100%} #fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url(//webcdn.triongames.com/defiance/images/fancybox/fancybox_sprite.png)} #fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060} #fancybox-loading div{width:44px;height:44px;background:url(//webcdn.triongames.com/defiance/images/fancybox/fancybox_loading.gif) center center no-repeat} .fancybox-close{position:absolute;top:0;right:0;width:47px;height:23px;cursor:pointer;z-index:8040;background:url(//webcdn.triongames.com/defiance/images/fancybox2/fancy-sprite.png) top left scroll transparent} .fancybox-nav{/*position: absolute; top: 0;*/width:80px;/*height: 100%;*/height:55px;cursor:pointer;text-decoration:none;background:transparent url(//webcdn.triongames.com/defiance/images/fancybox/blank.gif);/* helps IE */-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040} .fancybox-prev{left:-80px} .fancybox-next{right:-80px} .fancybox-nav span{position:absolute;top:50%;width:36px;height:55px;margin-top:-18px;cursor:pointer;z-index:8040;background:url(//webcdn.triongames.com/defiance/images/fancybox2/fancy-sprite.png) top left scroll transparent} .fancybox-prev span {left: -65px;background-position: -15px -42px;} .fancybox-prev span:hover {background-position: -15px -112px;} .fancybox-next span {right: -65px;background-position: -68px -41px;} .fancybox-next span:hover {background-position: -68px -112px;} .fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important} /* Overlay helper */ .fancybox-lock{overflow:hidden;margin-right:0!important} .fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(//webcdn.triongames.com/defiance/images/fancybox/fancybox_overlay-80.png)} .fancybox-overlay-fixed{position:fixed;bottom:0;right:0} .fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll} /* Title helper */ .fancybox-title {visibility:hidden;font:normal 16px/23px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow: none;z-index: 8050;font-weight: bold;padding-top: 20px} .browser-ie .fancybox-title {width: 800px} .fancybox-opened .fancybox-title {visibility: visible;} .fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;} .fancybox-title-inside-wrap {padding-top: 10px;} .fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);} /* Layout for desktop version */ body {background:#FFF url(//webcdn.triongames.com/defiance/images/bgs/BG_F2P.jpg) no-repeat center 140px;font-size:14px} .cookie-compliance-container {background:#333;border-bottom:1px solid #FFF;top:0;position:absolute;width:100%;height:inherit;} .cookie-compliance-message{width:100%;margin:0 auto;position:relative;max-width:960px;} .cookie-compliance-message p{color:#999;width:74%;padding:14px 2% 18px;float:left;font-size:12px;line-height:1.2em;margin:0;} .cookie-compliance-message p a{color:#fff;text-decoration:underline;} .hide-cookie-compliance{float:left;padding:6px;top:20px;margin:14px 2% 0 0;width:20%;} .dob-form {background:url('//webcdn.triongames.com/defiance/images/media/age-gate-bg.jpg') no-repeat 0 0 #087C7B;height:100%;max-height:455px;width:817px;text-align:center;} .dob-form .styled-select{background:url(//webcdn.triongames.com/defiance/images/media/styled-select-bg2.png) no-repeat scroll right center transparent;border:1px solid #087C7B;box-shadow:0 2px 5px #333;float:left;height:36px;margin:10px;overflow:hidden;width:25%} .dob-form .styled-select select{-webkit-appearance:none;background:none repeat scroll 0 0 transparent;border:medium none;color:#FFF;font:bold 15px gothambook,Arial,sans-serif;padding:7px;outline:medium none;overflow:hidden;width:125%;cursor:pointer} .dob-form .dob-error{display:none;} .dob-form .dob-header, .dob-form .dob-error{text-align:center;padding-top:172px;} .dob-form .dob-header h2, .dob-error h2{text-transform:uppercase;color:#FFF;text-shadow: 0px 2px 5px #000000;} .dob-form .age-selector {text-align:center;margin:0 auto;width:50%;} .dob-form .styled-select select option {color:#087C7B;background:#FFF;text-transform:uppercase;font-family:'gothambook','Arial',sans-serif;} .dob-form .styled-select select.error {border:1px solid red;} .dob-form .styled-input .error{-webkit-box-shadow:inset -1px -1px 0px #F00,inset 1px 1px 0px #F00;box-shadow:inset -1px -1px 0px #F00,inset 1px 1px 0px #F00;} .dob-form input.error::-webkit-input-placeholder {color:#CAA;} .dob-form input.error:-moz-placeholder {color:#CAA;} .dob-form input.error::-moz-placeholder {color:#CAA;} .dob-form input.error::-ms-input-placeholder {color:#CAA;} .submitButton:hover { cursor: pointer; } .dob-form .dob-submit {background:transparent url('//webcdn.triongames.com/defiance/images/submit-btn2-left.png') no-repeat left 0;padding:12px 0 13px;margin:0 0 0 -58px;display:inline;} .page-template-homepage-php .dob-form .dob-submit {padding-top:11px;} .submitButton {background:transparent url('//webcdn.triongames.com/defiance/images/submit-btn2-right.png') no-repeat right 0;border:none;padding:12px 42px 13px 40px;margin:0 -25px 0 0;white-space:nowrap;text-transform:uppercase;color:#FFF;font:bold 14px MicrogrammaExtD-Med;word-spacing:0.2em;letter-spacing:0.2em;text-shadow:#000 0.1em 0.1em 0.1em;width:auto;} .browser-ie .dob-form .styled-select select option {color:#087C7B;background:#fff;} .browser-ie .styled-select {width:auto;height:auto;background:#fff;margin-right:0px;} .browser-ie .styled-select select{width:auto;color:#087C7B;} .browser-ie .styled-select select option{color:#087C7B;background:#fff;} .single-videos .dob-form {margin-left: 31px;height: 455px;} p {color:#555555;font-size:1em;line-height:1.7em} p.sm {font-size:.8em;line-height:1.5em} li a {color:#6FE9F4;} p a {color:#6FE9F4;} .container {padding:0;max-width:938px;min-width:938px;width:100%;margin: 0 auto;z-index:0;/*overflow:hidden;*/} .row {max-width:960px;min-width:960px} .row.content {max-width:880px;min-width:880px;overflow:visible;position:relative} .row.content .sixcol .bgglow {position:absolute;top:-64px;z-index:-1;background:transparent url('//webcdn.triongames.com/defiance/images/background-glow.png') no-repeat scroll 0 0;height:400px;width:400px} .content, .content p, .content h3 {color:#FFF} .content p {font-weight:normal;font-size:1em;line-height:1.5em;padding:20px 0 0 0} .content h3 {font-size:2em;line-height:1em;text-transform:uppercase} .content h4 {font-size:1.2em;line-height:1.2em;color:#d1f2f9;text-transform:uppercase} .left, .alignleft {float:left} .right, .alignright {float:right} .clear {clear:both} .hide{display: none} .uppercase{text-transform:uppercase} .defi-red{color:#913254} .defi-blue{color:#6FE9F4} .a-name {height:0;position:relative} /* Global Navigation */ #gnav-2013{height:42px;width:100%;background:#000 url(//webcdn.triongames.com/common/gnav/corp-nav-bg-line.gif) repeat-x scroll center bottom;display:block;font-family:arial,tahoma,sans-serif;position:relative} .elastic{width:960px;margin:0 auto;overflow:hidden;height:42px} .sub{display:none;position:absolute;z-index:10000} .target span{background:url(//webcdn.triongames.com/common/gnav/sprite.png) right -64px no-repeat;padding-right:15px} #gnav-2013 a{color:#7d7d7d;text-decoration:none;font-family:tahoma,verdana,arial,sans-serif;text-transform:none;letter-spacing:normal;font-size:1em} #gnav-2013 li{list-style-type:none} #gnav-2013 h6{width:83px;font-size:0} #gnav-2013 .trion-logo{display:block;width:83px;height:32px;background:url(//webcdn.triongames.com/common/gnav/sprite.png) left 7px no-repeat;font-size:0;margin-top:4px;margin-right:15px} #gnav-2013 .gnav1 li{display:inline-block;float:left} #gnav-2013 .gnav2 li{display:inline;float:left} #gnav-2013 .target:hover .sub{display:block} #gnav-2013 .games{height:42px} #gnav-2013 span{padding:10px 20px 10px 0} #gnav-2013 .games a{padding:12px 23px;display:block;-o-transition:0;-ms-transition:0;-moz-transition:0;-webkit-transition:0;transition:0} #gnav-2013 .games a:hover,#gnav-2013 .gnav2 a:hover{color:#FFF;background-color:#1a1a1a} #gnav-2013 ul,#gnav-2013 .games ul,#gnav-2013 .gnav2 ul{margin:0;padding:0} #gnav-2013 .games .sub{border-top:1px solid #232323;min-height:160px;background-color:#1a1a1a;width:100%;margin:0 auto;top:42px;left:0;background:#1a1a1a url(//webcdn.triongames.com/common/gnav/games-bg.gif) repeat-x bottom center scroll;overflow:hidden} #gnav-2013 .games .sub ul{width:960px;margin:0 auto} #gnav-2013 .games .sub li{width:20%;min-height:158px;display:inline-block;background:url(//webcdn.triongames.com/common/gnav/sprite.png) no-repeat scroll 237px -86px} #gnav-2013 .games .sub li a{display:table-cell;vertical-align: middle;font-size:0;opacity:.6;height:118px;font-size:0;color:#000} .browser-ie7 #gnav-2013 .games .sub li a,.browser-ie8 #gnav-2013 .games .sub li a{filter:alpha(opacity=60)} #gnav-2013 .games .sub li a:hover{opacity:1;background:transparent url(//webcdn.triongames.com/common/gnav/white-blur.png) no-repeat scroll -10px center;background-size:90% 90%} .browser-ie7 #gnav-2013 .games .sub li a:hover,.browser-ie8 #gnav-2013 .games .sub li a:hover{filter:alpha(opacity=100);background:transparent url(//webcdn.triongames.com/common/gnav/white-blur.png) no-repeat scroll -10px center;} #gnav-2013 .games img{margin:0 auto;width:65%;display:block;border:0} #gnav-2013 .games .sub li a:hover img{width:67%} #gnav-2013 .games .sub .last{background-image:none} #gnav-2013 .games .first{margin-left:0} #gnav-2013 .games .arch img{width:60%} #gnav-2013 .games li a.arch:hover img{width:62%} #gnav-2013 .games li a.rift:hover img{width:67%} #gnav-2013 .gnav2 .target{background:0} #gnav-2013 .gnav2 .sub{top:41px;background-color:#333;min-width:104px;border-top:1px dotted #575757} .browser-ie7 #gnav-2013 .gnav2 .sub{width:100px} #gnav-2013 .gnav2 a{padding:12px 23px;display:block;-o-transition:0;-ms-transition:0;-moz-transition:0;-webkit-transition:0;transition:0} #gnav-2013 .gnav2 a.language{padding:13px 15px 13px 23px;min-width:66px} #gnav-2013 .gnav2 a.language:hover{background-color:#444} #gnav-2013 .gnav2 li{height:42px;background:url(//webcdn.triongames.com/common/gnav/sprite.png) no-repeat scroll right -24px;margin:0 0 0 -4px} .browser-ie7 #gnav-2013 .gnav2 li{display:inline} #gnav-2013 .gnav2 li li{display:block;float:none;padding:0;margin:0;border-bottom:1px dotted #575757;height:35px;background-image:none} .browser-ie7 #gnav-2013 .gnav2 li li{display:block;margin:0} #gnav-2013 .gnav2 li li:last-child{border-bottom:0} #gnav-2013 .gnav2 li li a{display:block;padding:8px 14px 8px 21px;-o-transition:0;-ms-transition:0;-moz-transition:0;-webkit-transition:0;transition:0} #gnav-2013 .gnav2 li li a:hover{display:block;background-color:#444} #gnav-2013 .gnav2 li li .selected{background:url(//webcdn.triongames.com/common/gnav/sprite.png) no-repeat scroll 227% -202px} #gnav-2013 .gnav2 li li a.language:hover{background-color:#444} /*begin RAF*/ .raf-landing .strip-light{height:29px;width:947px;background:url(//webcdn.triongames.com/defiance/images/divider-thick.png) no-repeat scroll center top transparent;clear:both} .raf-landing .strip-light hr{display:none} .raf-landing .top-hr{height:20px;width:938px;background:url(//webcdn.triongames.com/defiance/images/raf/top-wrap.png) no-repeat scroll center top transparent;clear:both} .raf-landing .top-hr hr{display:none} .raf-landing .bot-hr{height:20px;width:938px;background:url(//webcdn.triongames.com/defiance/images/raf/bot-wrap.png) no-repeat scroll center top transparent;clear:both;padding-bottom:56px} .raf-landing .bot-hr hr{display:none} .raf-landing .content-bg{background:url(//webcdn.triongames.com/defiance/images/raf/inner-content-bg.png) repeat-y scroll center top transparent;width:938px;padding:18px 0;min-height:517px} .raf-landing ul{margin:0 0 0 -10px;padding:0} .raf-landing li{list-style-type:none;color:#fff;margin:8px 0;padding-top:14px} .raf-landing .number{font:1.25em/.85em MicrogrammaExtD-Bold,sans-serif;width:38px;height:17px;margin-top:5px;border-right:2px solid #fff;text-align:center;display:block;float:left} .raf-landing li p{color:#fff;display:block;padding-top:2px;margin-left:57px} .raf-landing .content .copy-container h1 {padding-top:20px} .raf-landing .content h1{text-transform:uppercase;padding-bottom:6px;font:bold 18px/22px Verdana,sans-serif} .top-details{height:157px;width:938px;background:url(//webcdn.triongames.com/defiance/images/raf/title-bg.png) no-repeat scroll center top transparent;clear:both;margin:-26px 0;padding-bottom:18px} .top-details h1{text-align:center;color:#FFF;padding-top:29px;text-transform:uppercase;font-family:MicrogrammaExtD-Bold,Arial,sans-serif;font-size:50px;font-weight:400;letter-spacing:.1em} .top-details h2{text-align:center;color:#FFF;font-weight:400;font-size:16px;font-family:gothammedium} .raf-landing .page-split{background:url(//webcdn.triongames.com/defiance/images/raf/page-split.png) no-repeat scroll center top transparent;width:1px;height:517px;position:absolute;left:438px;top:0} .raf-landing .video-bg{background:url(//webcdn.triongames.com/defiance/images/raf/video-frame-v2.png) no-repeat scroll -30px 0 transparent;width:484px;height:222px;left:438px;top:0;padding-bottom:8px} .raf-landing .video-bg .video-wrap{padding-top:28px;position:relative;padding-left:44px;text-align:left} .raf-landing .video-bg .video-wrap .thumb-overlay{z-index:1000;width:74px;height:76px} .raf-landing .game-details .copy-container span img{margin-right:3px;width:80px;height:44px} .raf-landing .copy-container{padding-left:33px} .raf-landing .video-bg{padding-bottom:20px;margin-left:-33px} .raf-landing .start-here{position:relative;height:150px} .raf-landing .start-here .fine-print,.fine-print,.content p.fine-print{font-size:10px} .raf-landing .start-here .fine-print{bottom:0;position:absolute} .raf-landing .start-here .btn-bg{position:absolute;background:url(//webcdn.triongames.com/defiance/images/raf/btn-bg.png) no-repeat scroll 0 0 transparent;height:96px;width:306px;left:-41px;top:31px} .raf-landing .start-here .btn-bg a{position:absolute;background:url(//webcdn.triongames.com/defiance/images/raf/start_btn_sprite.png) no-repeat scroll center -8px transparent;z-index:100;left:48px;top:20px} .raf-landing .start-here .btn-bg a:hover{background-position:center -58px} .language-de .raf-landing .start-here .btn-bg a{background-position:center -408px} .language-de .raf-landing .start-here .btn-bg a:hover{background-position:center -358px} .language-fr .raf-landing .start-here .btn-bg a{background-position:center -158px} .language-fr .raf-landing .start-here .btn-bg a:hover{background-position:center -208px} .raf-landing .start-here .btn-bg a span{background:none;font-size:0;height:42px;width:231px;display:block} .raf-landing .start-here .plus50{position:absolute;background:url(//webcdn.triongames.com/defiance/images/raf/plus50underlined.png) no-repeat scroll 0 0 transparent;height:150px;width:406px;right:0;top:0} .game-details .copy-container a span.thumb-overlay{position:absolute;top:72px;left:172px} .game-details .copy-container a span.thumb-overlay img{height:76px;width:74px;border:none;box-shadow:none;opacity:0.8} .game-details .copy-container a:hover span.thumb-overlay img{opacity:1} /*end RAF*/ .training-bg{background:transparent url(//webcdn.triongames.com/defiance/images/training-bg1.png) no-repeat center bottom;width:938px;height:202px;margin-bottom:-20px} .progress .progress-bg{background:transparent url(//webcdn.triongames.com/defiance/images/progress-bar-bg.png) no-repeat 0 0;width:420px;height:27px} .progress .progress-bg #progress-bar{position:relative;width:0;height:27px;background:transparent url(//webcdn.triongames.com/defiance/images/progress-bar.png) repeat-x 0 0} .progress .progress-bg #progress-bar:before{position:absolute;content:" ";width:5px;height:27px;left:-5px;background:transparent url(//webcdn.triongames.com/defiance/images/progress-bar-left.png) no-repeat 0 0} .progress .progress-bg #progress-bar:after{position:absolute;content:" ";width:5px;height:27px;right:-5px;background:transparent url(//webcdn.triongames.com/defiance/images/progress-bar-right.png) no-repeat 0 0} .progress .progress-count p{padding:0;font:bold 19px MicrogrammaExtD-Med,Arial,sans-serif;text-decoration:none;color:#FFF;word-spacing:.2em;letter-spacing:.2em} .progress .progress-count #codes-redeemed-text{text-align:center;vertical-align:bottom;font-size:.5em;font-weight:400;line-height:2em;text-shadow:-1px 1px 1px #33eeff,1px -1px 1px #33eeff,1px 1px 1px #33eeff,-1px -1px 1px #3ef;filter:dropshadow(color=#33eeff,offx=-1,offy=1);text-transform:uppercase} .progress h1{color:#d1f2f9;padding-bottom:10px} .progress .levels{background:transparent url(//webcdn.triongames.com/defiance/images/grid-bg3.png) no-repeat 0 0;height:180px} .progress .levels #level{background:transparent url(//webcdn.triongames.com/defiance/images/levels-sprite2.png) no-repeat -600px -600px;width:200px;height:200px;margin-top:-16px} .progress .levels #level.level1{background-position:0 0} .progress .levels #level.level2{background-position:-200px 0} .progress .levels #level.level3{background-position:-400px 0} .progress .levels #level.level4{background-position:-600px 0} .progress .levels #level.level5{background-position:0 -200px} .progress .levels #level.level6{background-position:-200px -200px} .progress .levels #level.level7{background-position:-400px -200px} .progress .levels #level.level8{background-position:-600px -200px} .progress .levels #level.level9{background-position:0 -400px} .progress .levels #level.level10{background-position:-200px -400px} .progress .levels #level.level11{background-position:-400px -400px} .progress .levels #level.level12{background-position:-600px -400px} .progress .levels #level.level13{background-position:0 -600px} .progress .levels #level.level14{background-position:-200px -600px} .progress .levels #level.level15{background-position:-400px -600px} .progress .levels #level .level-copy{position:relative;left:200px} .progress .levels #level .level-copy h1 {font:bold 1.6em/1.8em 'MicrogrammaExtD-Med','sans-serif';text-transform:uppercase;word-spacing:0.2em;letter-spacing:0.2em;color:#FFF;padding-top:22px;padding-bottom: 0px;} .progress .levels #level .level-copy h2 {text-transform:uppercase;padding:4px 0;font-size:1.1em;font-weight:normal;color:#d1f2f9;} .language-de .progress .levels #level .level-copy h1 {font-size:1.3em} .progress .levels #level .level-copy p {padding-top:4px} ul#unlockables{list-style:none;margin:0;padding:0} ul#unlockables li{background:url(//webcdn.triongames.com/defiance/images/icons.png) no-repeat 0 0;width:26%;height:54px;float:left;padding-left:7%;list-style:none} ul#unlockables li.reward1.unlocked{background-position:0 -54px} ul#unlockables li.reward2.unlocked{background-position:0 -108px} ul#unlockables li.reward3.unlocked{background-position:0 -162px} ul#unlockables li.reward4.unlocked{background-position:0 -216px} ul#unlockables li.reward5.unlocked{background-position:0 -270px} ul#unlockables li.reward6.unlocked{background-position:0 -324px} ul#unlockables li.reward7.unlocked{background-position:0 -378px} ul#unlockables li.reward8.unlocked{background-position:0 -432px} ul#unlockables li.reward9.unlocked{background-position:0 -486px} ul#unlockables li.reward10.unlocked{background-position:0 -540px} ul#unlockables li.reward11.unlocked{background-position:0 -594px} ul#unlockables li.reward12.unlocked{background-position:0 -648px} ul#unlockables li.reward13.unlocked{background-position:0 -702px} ul#unlockables li.reward14.unlocked{background-position:0 -756px} ul#unlockables li.reward15.unlocked{background-position:0 -810px} ul#unlockables li p{padding:0;font-size:.9em;text-transform:uppercase;line-height:.9em} ul#unlockables li p.entitlement-name{margin-top:10px} ul#unlockables li p.unlock-count{color:#d1f2f9} ul#unlockables li p.unlocked-text{display:none} ul#unlockables li.unlocked p.unlock-count{display:none} ul#unlockables li.unlocked p.unlocked-text{color:#d1f2f9;display:block} .arkfall-cta-wrap{clear:both;background:transparent url(//webcdn.triongames.com/defiance/images/arkfall-form-bg2.png) no-repeat center 46px;position:relative;height:150px;margin-bottom:-34px} .arkfall-cta-wrap.error{clear:both;background:transparent url(//webcdn.triongames.com/defiance/images/arkfallformbg-error.png) no-repeat center 0;position:relative;height:150px;margin-bottom:-34px} .arkfall-cta-wrap .row{position:relative;height:106px} .arkfall-cta-wrap .arkfall-cta{width:300px;text-align:center;left:18px;top:31px;position:absolute;text-transform:uppercase} .arkfall-cta-wrap h1,.progress h1{font-size:1.2em;font-weight:400;text-decoration:none;word-spacing:.1em;letter-spacing:.1em;text-transform:uppercase} .arkfall-cta-wrap h2{font:bold 1.1em MicrogrammaExtD-Med,Arial,sans-serif;text-decoration:none;color:#FFF;word-spacing:.2em;letter-spacing:.2em;padding-top:38px;text-transform:uppercase} .language-de .arkfall-cta-wrap h2{font-size:.7em} .arkfall-cta-wrap .arkfall-form{position:absolute;left:288px;top:52px} .arkfall-cta-wrap .arkfall-form #arkfallcode{font-size:27px;width:270px;background:#112531;color:#FFF;border:1px solid #37bdce;padding:3px 4px;margin-left:10px} .arkfall-cta-wrap .arkfall-form .submit {font-size:1.1em;background:url('//webcdn.triongames.com/defiance/images/submit-btn.png') no-repeat center center transparent;width:220px;height:43px;border:none;font-family: 'MicrogrammaExtD-Med', sans-serif;color:#FFF;text-transform:uppercase;position:absolute;top:-2px;left:334px;word-spacing:0.2em;letter-spacing:0.2em} .arkfall-cta-wrap .arkfall-form .submit span {font:bold 14px 'MicrogrammaExtD-Med';text-transform:uppercase;display:block;color:#FFF;background:transparent;border:none;text-shadow:1px 1px 1px black;word-spacing:0.2em;letter-spacing:0.2em;} .arkfall-cta-wrap #voucher_error {position:absolute;top:-28px;left:-288px;width:100%;text-align:left;padding:0;background-color:transparent;color:#FF0000;} .arkfall-cta-wrap #voucher_success {position:absolute;top:-28px;left:-288px;width:100%;text-align:left;padding:0;background-color:transparent;color:#FFF;} .arkfall-cta-wrap .question-mark {position:absolute;right:0;top:52px;} .page-template-page-game-php .arkfall-cta-wrap {background:transparent url('//webcdn.triongames.com/defiance/images/game/home/ArkfallCode_BG2.png') no-repeat top center;height:100px;margin:0 auto;position:relative;} .page-template-page-game-php .arkfall-cta-wrap .arkfall-cta {margin-left:200px;float:left;width:300px;text-align:center;left:18px;top:31px;text-transform:uppercase;} .page-template-page-game-php .arkfall-cta-wrap .arkfall-cta h1 {font:bold 16px 'MicrogrammaExtD-Med','Arial','sans-serif';text-decoration:none;color:#FFF;word-spacing:0.2em;letter-spacing:0.12em;} .language-fr.page-template-page-game-php .arkfall-cta-wrap .arkfall-cta h1,.language-de.page-template-page-game-php .arkfall-cta-wrap .arkfall-cta h1 {font-size:11px;} .page-template-page-game-php .arkfall-cta-wrap .arkfall-cta h1 span {display:block;text-align:center;font-size:11px;font-weight:normal;line-height:1em;text-shadow:-1px 1px 2px #33eeff,1px -1px 2px #33eeff,1px 1px 2px #33eeff,-1px -1px 2px #33eeff;} .page-template-page-game-php .arkfall-cta-wrap .arkfall-form {position:absolute;left:334px;height:40px;width:300px;top:35px;} .page-template-page-game-php .arkfall-cta-wrap .arkfall-form #arkfallcode {font-size:27px;width:290px;background:transparent;color:#FFF;border:none;padding:3px 4px;} .page-template-page-game-php .arkfall-cta-wrap .arkfall-form .submit-wrap {color:#FFF;padding:14px 0 0 20px;display:block;background:transparent url('//webcdn.triongames.com/defiance/images/submit-btn-left.png') no-repeat left 0px;height:40px;margin-left:24px;position:absolute;left:328px;top:-5px;} .page-template-page-game-php .arkfall-cta-wrap .arkfall-form .submit-wrap .submit-inner-wrap {background:transparent url('//webcdn.triongames.com/defiance/images/submit-btn-right.png') no-repeat right 0px;display:block;color:#FFF;padding:10px 36px 14px 10px;position:relative;top:-14px;} .page-template-page-game-php .arkfall-cta-wrap .arkfall-form #arkfallcode-submit{font:bold 14px 'MicrogrammaExtD-Med';text-transform:uppercase;display:block;color:#FFF;background:transparent;border:none;text-shadow:1px 1px 1px black;filter: dropshadow(color=#000000, offx=1, offy=1);word-spacing:0.2em;letter-spacing:0.2em;} .page-template-page-game-php .arkfall-cta-wrap .question-mark {position:absolute;left:644px;top:37px;} .page-template-page-game-php .arkfall-cta-wrap .cta-button{background:url(//webcdn.triongames.com/defiance/images/submit-btn.png) no-repeat center center transparent;width:220px;height:43px;border:none;font-family:MicrogrammaExtD-Med, sans-serif;color:#FFF;text-transform:uppercase;word-spacing:.2em;letter-spacing:.2em;float:right;margin-right:215px;margin-top:28px;text-decoration:none;opacity:.85} .browser-ie.page-template-page-game-php .arkfall-cta-wrap .cta-button{opacity:1} .page-template-page-game-php .arkfall-cta-wrap .cta-button span{font:bold 14px MicrogrammaExtD-Med;text-transform:uppercase;display:block;color:#FFF;background:transparent;border:none;text-shadow:1px 1px 1px #000;filter:dropshadow(color=#000000,offx=1,offy=1);word-spacing:.2em;letter-spacing:.1em;margin-top:11px;text-align:center} .page-template-page-game-php .arkfall-cta-wrap .cta-button:hover{opacity:1} .language-de.page-template-page-game-php .arkfall-cta-wrap .cta-button span{font-size:10px} #top-ctas{clear:both;background:transparent url(//webcdn.triongames.com/defiance/images/two-col-bg.png) no-repeat top center;height:283px} #bot-ctas{background:transparent url(//webcdn.triongames.com/defiance/images/three-col-bg.png) no-repeat top center;height:227px;margin-top:-8px;padding-bottom:20px} #top-ctas .ego,#bot-ctas .ego{position:absolute;bottom:10px;right:10px;background-image:url(//webcdn.triongames.com/defiance/images/ego-sprite.png);height:31px;width:31px} .ego.ego-1{background-position:0 0} .ego.ego-2{background-position:0 -31px} .ego.ego-3{background-position:0 -62px} .ego.ego-4{background-position:0 -93px} .ego.ego-5{background-position:0 -124px} .ego.ego-6{background-position:0 -155px} .ego.ego-7{background-position:0 -186px} .ego.ego-8{background-position:0 -217px} #top-ctas .sixcol a,#bot-ctas .fourcol a{display:block;position:relative;color:#FFF} #top-ctas .sixcol a{height:206px;width:436px} #bot-ctas .fourcol a{height:160px;width:270px} #bot-ctas .fourcol .bg2{position:absolute;min-height:32px;bottom:0;left:0;background:transparent url(//webcdn.triongames.com/defiance/images/game/home/home-promo-overlay-maroon.png) repeat 0 0;padding:10px 52px 10px 10px;text-transform:uppercase} #top-ctas .sixcol .bg,#bot-ctas .fourcol .bg{position:absolute;min-height:32px;bottom:0;left:0;background:transparent url(//webcdn.triongames.com/defiance/images/game/home/home-promo-overlay.png) repeat 0 0;padding:10px 52px 10px 10px;text-transform:uppercase} #top-ctas .sixcol .bg h1,#bot-ctas .fourcol .bg h1,#bot-ctas .fourcol .bg2 h1{font:normal 12px MicrogrammaExtD-Med,sans-serif;color:#FFF;word-spacing:.2em;letter-spacing:.2em} #top-ctas .sixcol .bg h2,#bot-ctas .fourcol .bg h2,#bot-ctas .fourcol .bg2 h2{font:normal 9px MicrogrammaExtD-Med,sans-serif;color:#d1f2f9;word-spacing:.15em;letter-spacing:.15em} #bot-ctas .fourcol .bg,#bot-ctas .fourcol .bg2{width:208px} #top-ctas .sixcol .bg{width:374px} #top-ctas .sixcol a,#bot-ctas .fourcol a{overflow:hidden} #top-ctas .sixcol a.promo1{margin:36px 0 0 22px} #top-ctas .sixcol a.promo2{margin:36px 0 0 5px} #bot-ctas .fourcol a.promo1{margin:32px 0 0 24px} #bot-ctas .fourcol a.promo2{margin:32px 0 0 13px} #bot-ctas .fourcol a.promo3{margin:32px 0 0 3px} #arkfall-code-info h1{color:#2a4452;font:bold 16px MicrogrammaExtD-Med,sans-serif;text-transform:uppercase;padding:10px 0;word-spacing:.2em;letter-spacing:.2em} #arkfall-code-info p{color:#2a4452;font:normal 14px MicrogrammaExtD-Med,sans-serif;padding:10px 0;word-spacing:.2em;letter-spacing:.2em} .page-details h1 a{color:#6fe9f4;text-decoration:none} .page-details h1 a:hover{text-decoration:underline} .page-details h1,.page-details h2{color:#FFF;font-family:MicrogrammaExtD-Med,sans-serif;word-spacing:.2em;letter-spacing:.2em} .page-details h1{font:bold 1.1em/1.6em MicrogrammaExtD-Med,sans-serif;text-transform:uppercase;color:#6fe9f4;word-spacing:.2em;letter-spacing:.2em} .page-details h2{font:bold 2.1em/1.6em MicrogrammaExtD-Med,sans-serif;text-transform:uppercase;word-spacing:.1em;letter-spacing:.1em} div.ark-hr{clear:both;height:20px;width:943px;border:0;background:transparent url(//webcdn.triongames.com/defiance/images/arkfall-cta-break.png) no-repeat scroll center center;padding:20px 0} div.hr hr,div.ark-hr hr{display:none} div.hr {clear:both;height:7px;border:0;background:transparent url('//webcdn.triongames.com/defiance/images/divider-thin.png') no-repeat scroll center center;padding:20px 0;} .frame-mid{background:url(//webcdn.triongames.com/defiance/images/frame-mid.png) no-repeat scroll center 469px transparent;margin-top:200px;z-index:10;/*overflow:hidden;*/min-height:619px;/*height:1469px;*/} .frame-top{background:url(//webcdn.triongames.com/defiance/images/frame-top.png) no-repeat scroll center 46px transparent;padding-top:1px;margin-top:-122px;min-height:818px/*height: 818px;*/} .frame-bot{background:url(//webcdn.triongames.com/defiance/images/frame-bot.png) no-repeat scroll center bottom transparent;min-height:273px;margin-top:-149px} .header {background: url('//webcdn.triongames.com/defiance/images/tab-bg.png') repeat-x scroll center bottom #FFF} .trion-nav .language:hover ul.sub {display:block} .trion-nav .language ul.sub {display:none;margin:0;padding:0;list-style:none;background:#262626;position:absolute;z-index:1000} .trion-nav .language ul.sub li a {position:relative;display:block;padding:10px 80px 10px 20px;border-bottom:1px solid #1b1b1b;-moz-box-shadow:0px 1px 0px #515151;-webkit-box-shadow:0px 1px 0px #515151;box-shadow:0px 1px 0px #515151} .trion-nav .language ul.sub li .check {position:absolute;right:0;top:12px;margin:0 20px 0 0} .trion-nav .language ul.sub li .check img {display:none} .trion-nav .language ul.sub li.active .check img {display:block} .defiance-logo {overflow:hidden} .defiance-logo h1 img {padding-top:22px} .login-btn a span {padding:8px 2px 8px 9px;display:block} .register-btn a span {margin-left:24px} .login-btn {margin-right:5px} .login-btn a {margin-left:5px} .btn-center a {margin:0 auto} .standard-btn,.playforfree-btn {margin-top: 7px} .standard-btn a {background-image: url(//webcdn.triongames.com/defiance/images/cta/BuyNow_btn.png);background-attachment:scroll;background-repeat:no-repeat} .playforfree-btn a {background-image: url(//webcdn.triongames.com/defiance/images/cta/Play-For-Free_btn_sprite.png);background-attachment:scroll;background-repeat:no-repeat} .language-en .standard-btn a,.language-en .playforfree-btn a {background-position: center -8px} .language-en .standard-btn a:hover,.language-en .playforfree-btn a:hover {background-position: center -58px} .language-en .standard-btn a:active,.language-en .playforfree-btn a:active {background-position: center -108px} .language-de .standard-btn a,.language-de .playforfree-btn a {background-position: center -308px} .language-de .standard-btn a:hover,.language-de .playforfree-btn a:hover {background-position: center -358px} .language-de .standard-btn a:active,.language-de .playforfree-btn a:active {background-position: center -408px} .language-fr .standard-btn a,.language-fr .playforfree-btn a {background-position: center -159px} .language-fr .standard-btn a:hover,.language-fr .playforfree-btn a:hover {background-position: center -208px;} .language-fr .standard-btn a:active,.language-fr .playforfree-btn a:active {background-position: center -258px} .standard-btn a span,.playforfree-btn a span {background: none;font-size:0px;height:42px;width:231px;display:block} .standard-btn a span:hover,.playforfree-btn a span:hover {background: url(//webcdn.triongames.com/defiance/images/cta/hi_light.png) scroll center center} .standard-2-btn a {font:bold 12px/14px 'MicrogrammaExtD-Med','sans-serif';text-transform:uppercase;text-decoration:none;text-align:center;background:transparent url('//webcdn.triongames.com/defiance/images/pre-order-btn-left.png') no-repeat left 1px;display:block;color:#FFF;float:left;white-space:nowrap;word-spacing:0.2em;letter-spacing:0.2em} .standard-2-btn a span{padding:14px 56px 0 24px;height:40px;display:block;background:transparent url(//webcdn.triongames.com/defiance/images/pre-order-btn-right-2.png) no-repeat right 1px;height:40px;margin-left:24px;float:left;white-space:nowrap} #slides a{text-decoration:none} .main-cta-message{padding-top:62px;text-align:center;text-shadow:-2px -1px 8px #000;text-transform:uppercase} .main-cta-message p a{text-decoration:none;color:#fff} .main-cta-message p{font-weight:700;font-family:gothammedium,Arial,sans-serif} .main-cta-message p.firstline{font-size:2em;line-height:.75em} .main-cta-message p.secondline{font-size:3.5em;line-height:1em} /* Game page slider */ .main-cta-cont {display:block;height:377px;margin:0 auto;position:relative;width:556px;z-index:300;background: url(//webcdn.triongames.com/defiance/images/game/slides/game-video-bg-v2.png) no-repeat scroll top center;padding-top:10px;padding-left:15px} .game-video-cont {height:304px} .game-video-cont .slide {margin:0 auto} .game-video-cont img {width:540px;height:304px;display:block;margin:0 auto} .game-video-cont h4 {color: #FFF; font-size:.9em;text-transform:uppercase;padding-left: 4px;padding-top:4px} .game-video-cont p {color: #a8acaf; font-size:.9em;padding-left:4px} .game-video-cont .play-btn{position: absolute; z-index:4000;width:70px;height:70px;background: url(//webcdn.triongames.com/defiance/images/media/video-play.png) no-repeat center center scroll;top:162px;left:435px;opacity:.85} #game-slide-nav {bottom:41px;font-size:0;height:25px;position:absolute;right:24px;min-width:50px;z-index:100} #game-slide-nav a {display:inline-block;width:25px;height:25px;background: url(//webcdn.triongames.com/defiance/images/game/slides/game-vid-sprite.png) no-repeat 4px 1px scroll} #game-slide-nav a.selected {background-position:-21px 1px} .game-video-cont .play-btn:hover{opacity:1} .main-cta-btn {text-align:center;margin:50px auto 0} .main-cta-btn a {background: transparent url('//webcdn.triongames.com/defiance/images/main-cta-left.png') no-repeat -23px 1px;color:#FFF;text-decoration:none;padding:30px 0 26px 27px} .main-cta-btn a span {padding: 29px 42px 26px 12px;background:transparent url('//webcdn.triongames.com/defiance/images/main-cta-right.png') no-repeat right 0px;height:40px;font-weight:bold;font-size:15px;font-family:'MicrogrammaExtD-Med',Verdana,sans-serif;line-height:18px;text-transform:uppercase;text-shadow:1px 1px 1px #000000;filter:dropshadow(color=#000000, offx=1, offy=1)} .game-video-cont .slide {width:540px;background-color:transparent !important} .language-fr .main-cta-btn a {padding:29px 0 26px 27px} .language-fr .main-cta-btn a span {font-size:12px} .top-nav {padding-top:0;margin-bottom:6px;position:relative} .top-nav .row {overflow:visible} .top-nav li a {background: url('//webcdn.triongames.com/defiance/images/tab-sep.png') no-repeat scroll left bottom transparent;height:30px} .top-nav li.dropdown {padding-right:6px} .top-nav li.dropdown a:before {content:" ";position:absolute;right:0;background: url('//webcdn.triongames.com/defiance/images/nav-arrows.png') no-repeat scroll 0px -25px transparent;height:10px;width:17px} .top-nav li.dropdown.active a:before {background-position:0px 4px} .top-nav li a {padding:16px 12px 0px 12px} .browser-safari .top-nav li a {font-size:10px} .top-nav li a, .sub-nav li a {color:#333;font:normal 11px/11px 'MicrogrammaExtD-Bold','sans-serif';text-decoration:none;text-transform:uppercase;display:block;word-spacing:0.2em;letter-spacing:0.2em} .top-nav li a:hover {color:#333;text-decoration:none} .top-nav li:last-child a:after {content:" ";position:absolute;width:2px;height:46px;right:0;bottom:0;background: url('//webcdn.triongames.com/defiance/images/tab-sep.png') no-repeat scroll right bottom transparent} .top-nav li:hover, .top-nav li.active, .top-nav li.current_page_item, .top-nav li.current_page_ancestor {background: url('//webcdn.triongames.com/defiance/images/current-tab-bg.png') repeat-x scroll center bottom transparent} .top-nav li {position:relative;width:auto;/*overflow:hidden;*/float:left;height:46px} .top-nav li > a {width:auto} .sub-nav li a {padding:14px 12px 0px 12px;height:27px} .sub-nav ul.row li a {color:#8C3250;pointer-events:none;cursor:default} .sub-nav ul.children li a {color:#333;pointer-events:auto;cursor:pointer} .sub-nav li.current_page_item a,.top-nav li.current_page_item a,.top-nav li.current_page_ancestor a{color:#8c3250} .sub-nav ul.children li.current_page_item a,.sub-nav ul.children li:hover a {color:#FFF;background:transparent url('//webcdn.triongames.com/defiance/images/nav-hover-bg.png') repeat-x scroll 0 0} .sub-nav {position:absolute;background:#FAFAFA url('//webcdn.triongames.com/defiance/images/dropdown-nav-bg.png') repeat-y scroll center 1px;z-index:1000;opacity:.9;left:0;width:100%} .sub-nav > ul {padding-bottom:10px} .sub-nav ul li {float:left;padding-left:4px} .sub-nav ul.children li {float:none;padding-left:0;height:40px;margin-bottom:1px} /*styles for series dropdown*/ .special-dropdown{position:relative;overflow:visible;top:-4px} .special-dropdown div{position:absolute;z-index:1000;background:url(//webcdn.triongames.com/defiance/images/series-region-select-bg4.png) no-repeat 0 4px;width:229px;height:463px} .special-dropdown li a{padding:14px 12px 0;height:27px;color:#333;font:normal 11px/11px MicrogrammaExtD-Bold,sans-serif;text-decoration:none;text-transform:uppercase;display:block;word-spacing:.2em;letter-spacing:.2em} .special-dropdown ul li{float:left;padding-left:4px} .special-dropdown ul.children li{float:none;padding-left:0;height:40px;margin-bottom:1px} .special-dropdown ul li a{color:#8C3250;pointer-events:none;cursor:default} .special-dropdown ul.children li a{color:#333;pointer-events:auto;cursor:pointer;width:163px} .special-dropdown ul.children li.current_page_item a,.special-dropdown ul.children li:hover a{color:#FFF;background:transparent url(//webcdn.triongames.com/defiance/images/nav-hover-bg.png) repeat-x scroll 0 0} .buynow-dropdown div{top:0;right:102px;background:url(//webcdn.triongames.com/defiance/images/buy-now-select-bg4.png) no-repeat 0 4px;height:88px} .language-fr .buynow-dropdown div{right:101px} .language-de .buynow-dropdown div{right:57px} .buynow-dropdown ul.children li a{width:197px} .top-nav li.tvseries-nav{overflow:visible;float:right} .top-nav li.tvseries-nav img{position:absolute;top:-60px;right:26px} .language-fr .top-nav li.tvseries-nav img{right:4px} .language-de .top-nav li.tvseries-nav img{right:26px} .series-dropdown div{top:0;right:0} .series-dropdown ul.children li a{padding-left:46px} .series-dropdown ul.children li a img{position:absolute;left:13px;width:25px;height:160px} .series-dropdown ul.children li a img.us{clip:rect(0px,25px,16px,0px);top:53px} .series-dropdown ul.children li a img.ca{clip:rect(16px,25px,32px,0px);top:77px} .series-dropdown ul.children li a img.fr{clip:rect(32px,25px,48px,0px);top:102px} .series-dropdown ul.children li a img.de{clip:rect(48px,25px,64px,0px);top:127px} .series-dropdown ul.children li a img.uk{clip:rect(64px,25px,80px,0px);top:152px} .series-dropdown ul.children li a img.asia{clip:rect(80px,25px,96px,0px);top:176px} .series-dropdown ul.children li a img.au{clip:rect(96px,25px,112px,0px);top:202px} .series-dropdown ul.children li a img.es{clip:rect(112px,25px,128px,0px);top:226px} .series-dropdown ul.children li a img.la{clip:rect(128px,25px,144px,0px);top:252px} .series-dropdown ul.children li a img.br{clip:rect(144px,25px,160px,0px);top:277px} .top-nav li.page-item-651,.top-nav li.page-item-676,.top-nav li.page-item-675{background:url(//webcdn.triongames.com/defiance/images/game/home/yellow-buynow-tab2.png) repeat-x scroll left 0 transparent} .top-nav li.page-item-651.current_page_ancestor,.top-nav li.page-item-651.active,.top-nav li.page-item-651:hover, .top-nav li.page-item-676.current_page_ancestor,.top-nav li.page-item-676.active,.top-nav li.page-item-676:hover, .top-nav li.page-item-675.current_page_ancestor,.top-nav li.page-item-675.active,.top-nav li.page-item-675:hover {background: url('//webcdn.triongames.com/defiance/images/game/home/yellow-buynow-tab2-hover.png') repeat-x scroll left 0px transparent;} .top-nav li.page-item-651 a,.top-nav li.page-item-676 a,.top-nav li.page-item-675 a{color:#000} .sixcol.bg{padding-top:21px;position:relative} img.fourcolbg{position:absolute;top:0;left:-14px;max-width:301px;width:301px} .sidebar{position:relative;padding:7px 0;list-style:none;margin:30px 0 0} .sidebar li:hover,.sidebar li.active{background:transparent url(//webcdn.triongames.com/defiance/images/sidebar-hover.png) repeat-y scroll center center} .sidebar li{width:306px;position:relative} .sidebar li a{padding:16px 20px;display:block;color:#fff;font:bold 12px/14px MicrogrammaExtD-Med,sans-serif;text-decoration:none;text-transform:uppercase;word-spacing:.2em;letter-spacing:.2em} .sidebar li.active a{color:#6fe9f4} .sidebar li:before{content:" ";position:absolute;top:0;left:0;background:transparent url(//webcdn.triongames.com/defiance/images/sidebar-sep.png) no-repeat scroll center center;height:2px;width:302px} .sidebar li:first-child:before{background:none} .sidebar:before{content:" ";position:absolute;top:0;left:0;background:transparent url(//webcdn.triongames.com/defiance/images/sidebar-top.png) no-repeat scroll center 0;height:7px;width:306px} .sidebar:after{content:" ";position:absolute;bottom:0;left:0;background:transparent url(//webcdn.triongames.com/defiance/images/sidebar-bot.png) no-repeat scroll center 0;height:7px;width:306px} /* begin splash homepage styles */ .page-template-homepage-php .home-wrap {background:url("//webcdn.triongames.com/defiance/images/bgs/footer-repeat.png") repeat-x scroll 0 0 transparent;position:relative;height:327px;margin-top:-245px} .page-template-homepage-php .main-header {background: transparent;min-height: 100%;height: auto} .page-template-homepage-php .main-navigation ul .current-menu-item ul{display:block} .page-template-homepage-php .main-navigation li a {display: block;float: none;width:auto;padding:10px 0 15px 0;color:#fff;font-weight:bold;text-decoration:none;text-align:center;text-transform:uppercase;font-family:'PrototypeRegular','Verdana','Helvetica','Arial',sans-serif;font-weight:normal;text-shadow: 2px 2px 3px #333333} .page-template-homepage-php .main-navigation li.current-menu-item a, .page-template-homepage-php .main-navigation li a:hover {background:url('//webcdn.triongames.com/defiance/images/hover-glow.png') no-repeat center 16px} .page-template-homepage-php .main-header .logo {margin:0 auto;padding-top:26px} .page-template-homepage-php .main-header .logo h1 {text-align:center} .page-template-homepage-php .main-header .logo h2 {font-family:'MicrogrammaExtD-Med','Verdana','Helvetica','Arial',sans-serif;font-size:1.35em;color:#999;margin:0 auto;text-align:center;word-spacing:0.2em;letter-spacing:0.2em} .page-template-homepage-php .share {position:relative;top:auto;right:auto} .main-header .youtube a {background: url("//webcdn.triongames.com/defiance/images/sprite/youtube.png") no-repeat scroll 0 0 transparent;display:block;height:23px;text-indent:-9999px;width:60px} .page-template-homepage-php .main-header .youtube a {background: url("//webcdn.triongames.com/defiance/images/sprite/youtube-black.png") no-repeat scroll 0 0 transparent} .page-template-homepage-php .main-header .youtube {padding-left:20px;margin-left:0px;position:relative} .language-de .page-template-homepage-php .main-header .youtube {margin-left:310px} .language-fr .page-template-homepage-php .main-header .youtube {margin-left:262px} .language-fr .footer .copyrights p {font-size:9px} .page-template-homepage-php .share .twitter-share {right:auto;position:relative} .page-template-homepage-php .share .facebook-like {right:auto;top:auto;position:relative} .page-template-homepage-php .join-btn {margin-top:10px;padding-right:86px;background: transparent url('//webcdn.triongames.com/defiance/images/subscribe-btn-right.png') no-repeat scroll right 5px;display: block;float: left;text-decoration: none;font-size: 16px;font-family: 'MicrogrammaExtD-Med','Verdana','Helvetica','Arial',sans-serif;word-spacing:0.2em;letter-spacing:0.2em;font-weight: normal;color: white} .page-template-homepage-php .join-btn {margin-left:325px;width:250px} .language-de .page-template-homepage-php .join-btn {margin-left:300px;width:300px} .language-fr .page-template-homepage-php .join-btn {margin-left:324px;width:250px} .page-template-homepage-php .join-btn span {background:url('//webcdn.triongames.com/defiance/images/subscribe-btn-left.png') no-repeat scroll 0 0 transparent;display:block;line-height:22px;margin-top:5px;padding:14px 0 14px 90px;text-align:center;text-transform:uppercase;text-shadow:2px 2px 3px #333} .page-template-homepage-php .main-header .logo .share{padding:16px 0px 10px 320px;list-style-type:none;height:30px} .page-template-homepage-php .main-header .logo .share .twitter-follow {padding:0 10px 0 31px} .language-de .page-template-homepage-php .main-header .logo .share .twitter-follow {padding:0 10px 0 38px;position:relative} .language-de .page-template-homepage-php .main-header .logo .share {padding:13px 0 2px 295px} .language-fr .page-template-homepage-php .main-header .logo .share {padding:13px 0px 2px 320px} .page-template-homepage-php .main-header .logo .share li{float:left;z-index:2} .fb_iframe_widget iframe {z-index:2} .page-template-homepage-php .home-nav a {display: block;padding-top:77px;padding-bottom:20px;text-align: center;color: #FFF;text-decoration: none;font-family: 'PrototypeRegular', 'Verdana', sans-serif;font-size: 28px;text-transform: uppercase;text-shadow: 2px 2px 3px #333333} .page-template-homepage-php .home-nav .game a, .page-template-homepage-php .home-nav .series a {padding-bottom:8px;font-size:22px} .page-template-homepage-php .home-nav a:hover {background:url('//webcdn.triongames.com/defiance/images/hover-glow.png') no-repeat center 88px} .page-template-homepage-php .home-nav .series {background:url('//webcdn.triongames.com/defiance/images/nav/home/nav-1.png') no-repeat 0 0;height:121px;width:287px} .page-template-homepage-php .home-nav .world {background:url('//webcdn.triongames.com/defiance/images/nav/home/nav-2.png') no-repeat 0 0;height:121px;width:226px} .page-template-homepage-php .home-nav .game {background:url('//webcdn.triongames.com/defiance/images/nav/home/nav-3.png') no-repeat 0 0;height:121px;width:288px} .page-template-homepage-php .home-nav .seriesB {background:url('//webcdn.triongames.com/defiance/images/nav/home/nav-1-disabled.png') no-repeat 0 0;height:121px;width:287px} .page-template-homepage-php .home-nav .gameB {background:url('//webcdn.triongames.com/defiance/images/nav/home/nav-2b.png') no-repeat 0 0;height:121px;width:226px} .page-template-homepage-php .home-nav .worldB {background:url('//webcdn.triongames.com/defiance/images/nav/home/nav-3-disabled.png') no-repeat 0 0;height:121px;width:288px} .page-template-homepage-php .footer{background:#000} .page-template-homepage-php .home-nav{height:400px} .page-template-homepage-php .home-nav ul{list-style:none;height:240px;padding:30px 0 0 82px} .page-template-homepage-php .home-nav ul li{float:left;display:block} .page-template-homepage-php .featured-video{width:693px;height:403px;background:transparent url(//webcdn.triongames.com/defiance/images/bgs/video-bg.png) no-repeat center top;padding:21px 0;text-align:center;margin:0 auto} .page-template-homepage-php .home-featured-video #video-container{width:640px;height:358px;margin:0 auto;position:relative} .page-template-homepage-php .main-header .logo .home-featured-video #video-container a span{top:144px;left:269px} .page-template-homepage-php .main-header .logo .featured-video a:hover span,.page-template-homepage-php .main-header .logo .home-featured-video #video-container a:hover span{background:transparent url(//webcdn.triongames.com/defiance/images/media/video/playButton.png) no-repeat 0 -72px} .page-template-homepage-php .main-header .logo .home-featured-video{padding-bottom:10px} .page-template-homepage-php .main-header .logo .featured-video{margin:0 auto 56px;width:332px;z-index:0} .page-template-homepage-php .main-header .logo .featured-video #header_featured_video,.page-template-homepage-php .main-header .logo .home-featured-video #video-container #home_featured_video{border:2px solid #fff;-webkit-box-shadow:2px 2px 4px #999;-o-box-shadow:2px 2px 4px #999;-moz-box-shadow:2px 2px 4px #999;box-shadow:2px 2px 4px #999} .page-template-homepage-php .main-header .logo .featured-video a span,.page-template-homepage-php .main-header .logo .home-featured-video #video-container a span{background:transparent url(//webcdn.triongames.com/defiance/images/media/video/playButton.png) no-repeat 0 0;width:102px;height:72px;position:absolute} .page-template-homepage-php .main-header .logo .featured-video a span{top:57px;left:114px} .page-template-homepage-php .main-header .logo .home-featured-video #video-container a span{top:144px;left:269px} .page-template-homepage-php .main-header .logo .featured-video a:hover span,.page-template-homepage-php .main-header .logo .home-featured-video #video-container a:hover span{background:transparent url(//webcdn.triongames.com/defiance/images/media/video/playButton.png) no-repeat 0 -72px} .page-template-homepage-php .main-header .logo .home-featured-video{padding-bottom:10px} .page-template-homepage-php .wrap{width:990px;margin:0 auto;position:relative} /* begin game homepage styles */ body.page-template-page-game-php {background-image:none;background-color:#FFF} .homepage-features {position:relative;z-index:6000} .home-bg {position:relative;background:#FFF url(//webcdn.triongames.com/defiance/images/bgs/BG_F2P.jpg) no-repeat center top;overflow:visible} .home-bg .home-share-wrap {position:relative;width:940px;margin:0 auto} .home-bg .home-share-wrap .share {position:absolute;top:13px;right:1px;padding:0;margin:0;text-align:right;z-index:400} .main-cta-cont {width:940px;height:445px;padding:0} .game-video-cont {height:349px;margin-top:63px;overflow:hidden} .game-video-cont img {width:940px;height:356px} #game-slide-nav {position:relative;bottom:0px;width:940px;height:82px;margin-left:3.1%} .game-video-cont .slide {width: 940px;margin-top:0px} #game-slide-nav a{position: relative;border:1px solid #669999;height:82px; opacity:0.6; background-position: center bottom; background-attachment: scroll;background-repeat: no-repeat; width: 19.5%; margin-right:.15%} #game-slide-nav a.selected{border:1px solid #7AE9F0} #game-slide-nav a:hover {border:1px solid #7ae9f0;background-position: center bottom} #game-slide-nav a.selected {opacity:1;background-position: center bottom} #game-slide-nav a:hover {opacity:1;background-position: center top} #game-slide-nav a.selected:hover {background-position: center bottom} #game-slide-nav a.last-thumb {margin: 0} body > font, body > br{display:none !important;} /* Season 2 is Here */ #game-slide-nav .season2 {background-image: url(//webcdn.triongames.com/defiance/banners/011-CRMKTG-6040/en-slider_thumb_185x164.jpg)} .language-fr #game-slide-nav .season2 {background-image: url(//webcdn.triongames.com/defiance/banners/011-CRMKTG-6040/fr-slider_thumb_185x164.jpg)} .language-de #game-slide-nav .season2 {background-image: url(//webcdn.triongames.com/defiance/banners/011-CRMKTG-6040/de-slider_thumb_185x164.jpg)} /* Nolan is Back */ #game-slide-nav .nolan {background-image: url(//webcdn.triongames.com/defiance/banners/010-CRMKTG-6000/en-slider_thumb_185x164.jpg)} .language-fr #game-slide-nav .nolan {background-image: url(//webcdn.triongames.com/defiance/banners/010-CRMKTG-6000/fr-slider_thumb_185x164.jpg)} .language-de #game-slide-nav .nolan {background-image: url(//webcdn.triongames.com/defiance/banners/010-CRMKTG-6000/de-slider_thumb_185x164.jpg)} /* Free-to-Play Now Free on PC */ #game-slide-nav .now-f2p {background-image: url(//webcdn.triongames.com/defiance/banners/008-CRMKTG-5952/EN-slider_thumb_185x164.jpg)} .language-fr #game-slide-nav .now-f2p {background-image: url(//webcdn.triongames.com/defiance/banners/008-CRMKTG-5952/FR-slider_thumb_185x164.jpg)} .language-de #game-slide-nav .now-f2p {background-image: url(//webcdn.triongames.com/defiance/banners/008-CRMKTG-5952/DE-slider_thumb_185x164.jpg)} /* Stahma's Interests */ #game-slide-nav .stahma {background-image: url(//webcdn.triongames.com/defiance/banners/007-CRMKTG-5948/updated/EN-slider_thumb_185x164.jpg)} .language-fr #game-slide-nav .stahma {background-image: url(//webcdn.triongames.com/defiance/banners/007-CRMKTG-5948/updated/FR-slider_thumb_185x164.jpg)} .language-de #game-slide-nav .stahma {background-image: url(//webcdn.triongames.com/defiance/banners/007-CRMKTG-5948/updated/DE-slider_thumb_185x164.jpg)} /* Docs without Borders */ #game-slide-nav .docs-borders {background-image: url(//webcdn.triongames.com/defiance/banners/003-CRMKTG-4887/slider_thumb_EN_185x164.jpg)} .language-fr #game-slide-nav .docs-borders {background-image: url(//webcdn.triongames.com/defiance/banners/003-CRMKTG-4887/slider_thumb_FR_185x164.jpg)} .language-de #game-slide-nav .docs-borders {background-image: url(//webcdn.triongames.com/defiance/banners/003-CRMKTG-4887/slider_thumb_DE_185x164.jpg)} /* Cradle to Grave */ #game-slide-nav .cradle-to-grave {background-image: url(//webcdn.triongames.com/defiance/banners/004-CRMKTG-5747/EN-slider_thumb_185x164.jpg)} .language-fr #game-slide-nav .cradle-to-grave {background-image: url(//webcdn.triongames.com/defiance/banners/004-CRMKTG-5747/FR-slider_thumb_185x164.jpg)} .language-de #game-slide-nav .cradle-to-grave {background-image: url(//webcdn.triongames.com/defiance/banners/004-CRMKTG-5747/DE-slider_thumb_185x164.jpg)} /* Free-to-Play coming soon */ #game-slide-nav .f2p-comingsoon {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/free-to-play/F2Pann_slide_en-tn.jpg)} .language-fr #game-slide-nav .f2p-comingsoon {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/free-to-play/F2Pann_slide_fr-tn.jpg)} .language-de #game-slide-nav .f2p-comingsoon {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/free-to-play/F2Pann_slide_de-tn.jpg)} /* DLC 5 Out Now */ #game-slide-nav .dlc5-outnow {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/dlc5-outnow/dlc5-on-en-tn.jpg)} .language-fr #game-slide-nav .dlc5-outnow {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/dlc5-outnow/dlc5-on-fr-tn.jpg)} .language-de #game-slide-nav .dlc5-outnow {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/dlc5-outnow/dlc5-on-de-tn.jpg)} /* DLC 5 Coming Soon */ #game-slide-nav .dlc5-coming {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/dlc5-comingsoon/comingsoon-tn-en.jpg)} /* Anniversary */ #game-slide-nav .anniversary {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/anniversary/anni_th.jpg)} /* Webisodes 1 */ #game-slide-nav .webisode-01 {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/webisodes/webisode-01-tn.jpg)} /* Scaling Enemies */ #game-slide-nav .scaling {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/scaling/scaling-tn-en.jpg)} .language-fr #game-slide-nav .scaling {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/scaling/scaling-tn-fr.jpg)} .language-de #game-slide-nav .scaling {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/scaling/scaling-tn-de.jpg)} /* Anniversary #game-slide-nav .anniversary {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/anniversary/anniversary-tn.jpg)}*/ /* Rixty 2014 */ #game-slide-nav .rixty2014 {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/rixty2014/rixty_slider_en_th.jpg)} .language-fr #game-slide-nav .rixty2014 {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/rixty2014/rixty_slider_fr_th.jpg)} .language-de #game-slide-nav .rixty2014 {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/rixty2014/rixty_slider_de_th.jpg)} /* March Bonus */ #game-slide-nav .march-bonus {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/march-bonus2014/march-bonus-en-th.jpg)} .language-fr #game-slide-nav .march-bonus {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/march-bonus2014/march-bonus-en-th.jpg)} .language-de #game-slide-nav .march-bonus {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/march-bonus2014/march-bonus-de-th.jpg)} /* DLC4 Out Now */ #game-slide-nav .dlc4-outnow {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/dlc4-outnow/dlc4-on-en-tn.jpg)} .language-fr #game-slide-nav .dlc4-outnow {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/dlc4-outnow/dlc4-on-fr-tn.jpg)} .language-de #game-slide-nav .dlc4-outnow {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/dlc4-outnow/dlc4-on-de-tn.jpg)} /* DLC4 Preview COOP */ #game-slide-nav .dlc4-preview {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/dlc4-coop/coop-arenas-en-tn.jpg)} .language-fr #game-slide-nav .dlc4-preview {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/dlc4-coop/coop-arenas-fr-tn.jpg)} .language-de #game-slide-nav .dlc4-preview {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/dlc4-coop/coop-arenas-de-tn.jpg)} /* DLC3 Out Now */ #game-slide-nav .dlc3-outnow {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/thumbs/DLC3_OutNow_Slide_EN_tn.jpg)} .language-fr #game-slide-nav .dlc3-outnow {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/thumbs/DLC3_OutNow_Slide_FR_tn.jpg)} .language-de #game-slide-nav .dlc3-outnow {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/thumbs/DLC3_OutNow_Slide_DE_tn.jpg)} /* DLC3 Behind the Scenes */ #game-slide-nav .dlc3-behind {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/thumbs/7thLegion_Spotlight_tn_EN.jpg)} .language-fr #game-slide-nav .dlc3-behind {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/thumbs/7thLegion_Spotlight_tn_FR.jpg)} .language-de #game-slide-nav .dlc3-behind {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/thumbs/7thLegion_Spotlight_tn_DE.jpg)} /* DLC2 Out Now */ #game-slide-nav .dlc2-outnow {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/dlc2-buy-now/dlc2-buy-now-tn-en.jpg)} .language-fr #game-slide-nav .dlc2-outnow {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/dlc2-buy-now/dlc2-buy-now-tn-fr.jpg)} .language-de #game-slide-nav .dlc2-outnow {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/dlc2-buy-now/dlc2-buy-now-tn-de.jpg)} #game-slide-nav .crossover {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/thumbs/CrossoverEvent_slide_tn.jpg)} #game-slide-nav .rixty {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/rixty/RixtySlide_tn_EN.jpg)} .language-fr #game-slide-nav .rixty {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/rixty/RixtySlide_tn_FR.jpg)} .language-de #game-slide-nav .rixty {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/rixty/RixtySlide_tn_DE.jpg)} #game-slide-nav .s01-blue-ray {background-image: url(//webcdn.triongames.com/defiance/images/game/slides/thumbs/en-sale-th01.jpg)} #game-slide-nav a.selected:after{content:" ";position:absolute;z-index:6000;background:transparent url(//webcdn.triongames.com/defiance/images/game/home/slider-nav-selected-v6.png) scroll no-repeat center center;width:187px;height:90px;top:-8px;left:0} .slider-bg{height:535px;background:url(//webcdn.triongames.com/defiance/images/game/home/videoframe-v5.png) no-repeat center 40px} .news-bg{clear:both;position:relative} .news-bg .row{overflow:visible!important} .main-cta-cont{background:transparent none no-repeat 0 0 scroll} .language-en .buynow-bg{background:url(//webcdn.triongames.com/defiance/images/game/home/buy_now_ad_sprite_en-v2.png) no-repeat center top} .language-fr .buynow-bg{background:url(//webcdn.triongames.com/defiance/images/game/home/buy_now_ad_sprite_fr-v2.png) no-repeat center top} .language-de .buynow-bg{background:url(//webcdn.triongames.com/defiance/images/game/home/buy_now_ad_sprite_de-v2.png) no-repeat center top} .f2pnow-bg{width:971px;margin:0 auto;position:relative} .language-en .f2pnow-bg{background:url(//webcdn.triongames.com/defiance/images/game/home/f2pBannerHmpg2_en.png) no-repeat center top} .language-fr .f2pnow-bg{background:url(//webcdn.triongames.com/defiance/images/game/home/f2pBannerHmpg2_fr.png) no-repeat center top} .language-de .f2pnow-bg{background:url(//webcdn.triongames.com/defiance/images/game/home/f2pBannerHmpg2_de.png) no-repeat center top} .buynow-bg,.f2pnow-bg{height:112px;clear:both;margin-top:-20px;margin-bottom:-3px;min-width:960px} .buynow-bg a,.f2pnow-bg a{height:112px;width:960px;display:block;background:transparent none no-repeat center top;text-indent:-9999px} .language-en .buynow-bg a:hover{background-image:url(//webcdn.triongames.com/defiance/images/game/home/buy_now_ad_sprite_en-v2.png)} .language-fr .buynow-bg a:hover{background-image:url(//webcdn.triongames.com/defiance/images/game/home/buy_now_ad_sprite_fr-v2.png)} .language-de .buynow-bg a:hover{background-image:url(//webcdn.triongames.com/defiance/images/game/home/buy_now_ad_sprite_de-v2.png)} .buynow-bg a:hover,.f2pnow-bg:hover{background-position:center -117px} .summary {margin-left:90px;color:#FFF} .summary h1, .summary h1 a {font-size:18px;color:#FFF;line-height:18px;padding:0px;text-transform:none;margin-bottom: 2px} .summary a {text-decoration:none} .summary a:hover {text-decoration:underline} .summary .date {color:#6bd4e2;font-size:12px;padding:0px} .summary p {color:#FFF;font-size:.9em;line-height:1.25em;padding:12px 0px} .summary a {font-size:12px;display:block;text-transform:uppercase;color:#6bd4e2;padding-top:12px} .summaryfig {float:left;width:72px;height:72px;border:1px solid #7ae9f0} .box-content{overflow:hidden;background:url(//webcdn.triongames.com/defiance/images/game/home/news-bg-repeat.png) repeat-y center top;padding:18px 18px 18px 16px} .box-content:after{position:absolute;content:" ";background:url(//webcdn.triongames.com/defiance/images/game/home/news-divider.png) no-repeat center 14px;width:611px;height:16px;display:block} .box-content.last:after{position:absolute;content:" ";background:transparent url(//webcdn.triongames.com/defiance/images/game/home/news-divider-bot.png) no-repeat center 19px;height:31px} .homepage-features .news-header {height:74px} .homepage-features .news-header h1 {position: absolute;background: url(//webcdn.triongames.com/defiance/images/game/home/news-ego-logo.png) no-repeat 9px 12px; height: 49px;left: 0px;top: 0px;padding-left: 65px;padding-top: 21px;color: #fff;font: 24px 'MicrogrammaExtD-Bold' normal;text-transform: uppercase;text-shadow: 1px 1px 4px #000} .homepage-features .news-header h1 a {color:#FFF;text-decoration:none} .homepage-features .news-header .news-header-bg {position:absolute;background:url(//webcdn.triongames.com/defiance/images/game/home/news-top-bg.png) no-repeat 0 0;width:636px;height:84px;left:0;top:5px} .homepage-features .twitter-bg {width:960px;height:287px} .see-all {float:right;margin-right:26px} .see-all a {font-size: 12px;display: block;text-transform: uppercase;color: #6bd4e2;padding-top: 12px;text-transform:uppercase;text-decoration:none} .see-all a:hover {text-decoration:underline} .twitter-feed{left:-23px;position:relative;width:319px;background:url(//webcdn.triongames.com/defiance/images/game/home/gen-side-tab.png) no-repeat center top;margin-top:-15px} .twitter-feed .twitter-header{background:url(//webcdn.triongames.com/defiance/images/game/home/twitter-icon.png) no-repeat 17px 25px;height:62px} .twitter-feed .twitter-header h1 {padding-left:62px;padding-top:34px;color: #fff;font: 1.25em/.9em 'MicrogrammaExtD-Bold','sans-serif';text-transform: uppercase; letter-spacing: .05em} .twitter-feed .twitter-header h1 a {color:#FFF;text-decoration:none} .twitter-feed iframe {margin-left: 20px} .show-promo {position: absolute;right:3px} #prev2 {position: absolute;left: -13px;top: 236px;z-index: 1000;background: url(//webcdn.triongames.com/defiance/images/game/home/arrow_sprite.png) 0px -200px no-repeat;width: 36px;height: 100px;text-indent: -9999px} #prev2:hover {background-position:0px -300px} #next2 {position: absolute;right: -8px;top: 236px;z-index: 1000;background: url(//webcdn.triongames.com/defiance/images/game/home/arrow_sprite.png) 0px 0px no-repeat;width: 36px;height: 100px;text-indent: -9999px;outline:0} #next2:hover {background-position:0px -100px} #next2:focus, #prev2:focus, .main-cta-cont .nav:focus {border: none} .game-page .news-bg .news-headnbody {background: transparent url(//webcdn.triongames.com/defiance/images/game/home/news-bg-top-v7.png) scroll top center no-repeat;min-height: 975px ;min-width:960px;margin-bottom: -50px} .game-page .news-bg .news-footer {background: transparent url(//webcdn.triongames.com/defiance/images/game/home/news-bg-bottom-v2.jpg) scroll bottom center no-repeat;height:231px; display: block;min-width:960px;margin: 0 auto 65px} #server-stat {background: transparent url(//webcdn.triongames.com/defiance/images/game/home/server-status.png) scroll center center no-repeat;width:319px;height:157px;display:block;margin-left: -23px; margin-top: 3px;padding-top: 25px} #server-stat h5 {text-align:center; text-transform: uppercase; color:#FFF; text-decoration: none;text-shadow: 1px 1px 4px #000000; font: 1.5em/.9em 'MicrogrammaExtD-Bold','sans-serif'; letter-spacing: .05em} .language-fr #server-stat h5 {font-size: 1.3em} .language-fr #server-stat p {font-size: .9em} #server-stat p, #watch-show .p{font-family:'Verdana','Arial','sans-serif';font-weight:normal;text-align:center; color:#80f4fa;text-shadow: 1px 1px 4px #000000;text-decoration:none} .no-underline {text-decoration: none} #comcast-cta{background:transparent url(//webcdn.triongames.com/defiance/images/Xfinity-promo-v2.png) scroll center top no-repeat;width:319px;height:250px;display:block;margin-left:-23px;margin-top:5px} #watch-show{background:transparent url(//webcdn.triongames.com/defiance/images/game/home/watch-the-show-v3.png) scroll center top no-repeat;width:319px;height:250px;display:block;margin-left:-23px;margin-top:5px} #watch-show span{display:block} #show-viewers-voice {background: transparent url(//webcdn.triongames.com/defiance/images/game/home/viewers-voice.png) scroll center top no-repeat;width:319px;height:250px;display:block;margin-left: -23px; margin-top:-20px} #watch-show .h5{padding-top:30px;text-align:center; text-transform: uppercase; color:#FFF; text-decoration: none;text-shadow: 1px 1px 4px #000000; font: 1.6em/.9em 'gothambold','Arial','sans-serif'} /* video page styles */ .video-wrap,.thumb {text-align:center} .image-thumbs, .video-thumbs, .weapon-thumbs {list-style:none;margin:0;padding:0px 0px 0px 4px} .thumb .thumb-bg {position:absolute;display:block;top:0;left:-2px;width:301px;height:249px;z-index:-1;min-height:249px;min-width:301px;max-width:301px} .thumb {position:relative;width:31%;margin-right:2%;height:250px;float:left} .thumb a img, .thumb span img {margin-top:30px} .thumb-overlay {opacity: .85} .thumb-overlay:hover {opacity: 1} #top-ctas .thumb-overlay {position:absolute;top:24px;left:87px} #bot-ctas .thumb-overlay {position:absolute;top:0px;left:0px} .video-thumbs .thumb-overlay {position:absolute;top:0px;left:18px} .video-thumbs .thumb-overlay img {cursor:pointer} .video560w-bg {background:transparent url('//webcdn.triongames.com/defiance/images/video560w-bg.png') no-repeat scroll 0 0;position:absolute;top:-7px;z-index:-1;height:377px;width:600px;left:-20px} .thumb .video-details p {text-align:left;margin-left:18px;margin-right:18px} .thumb .video-details .title {padding-top:10px;color:#FFF;text-transform:uppercase;font-weight:bold;font-size:13px;line-height:13px} .thumb .video-details .desc {color:#d1f2f9;text-transform:uppercase;font-weight:normal;font-size:13px;line-height:13px} .videoHeader {width:918px; height:50px; padding-bottom:10px; color:#fff; font-family:Arial,sans-serif; position:relative} .videoHeader #numFound {padding:4px 0px 0px 15px; font-size:1.2em; line-height:1.2em; text-transform:uppercase} .videoHeader #numFound em {font-size:.8em; font-style:italic; text-transform:none} .videoHeader .filterHeader {font-size:12px; padding-left:5px} #trailers{display:none;width:940px} div.filterSelect,div.filterSelect span.filterSelect-ed{background-image:url(//webcdn.triongames.com/defiance/images/sprite/filtermenu-sprite.png);background-repeat:no-repeat} div.filterSelect{width:228px;height:33px;background-position:0 -33px;overflow:hidden;padding:0 0 0 10px;position:relative} div.filterSelect span.filterSelect-ed{cursor:pointer;display:block;height:27px;background-position:right 0;text-transform:uppercase;padding-top:6px;font-weight:700} select#filterMenu{width:224px;height:24px;cursor:pointer;font-family:Verdana, Arial,sans-serif;position:absolute;opacity:0;top:6px;left:5px;border:0} select#filterMenu option{background-color:#112531;color:#fff} /* weapons page styles */ .weapons-preview-copy-wrap {width:62%;margin-right:2%;float:left} .weapons-preview-copy {padding-left:28px} .weapons-preview-copy p {color:#FFF} .weapons-preview-vid-wrap {width:34%;float:right} .weapons-preview-vid-wrap .video-details {width:280px} .weapons-preview-vid {width:100%} .weapons-preview-vid a {margin-left:-27px} .page-template-page-gamecards-php .row.products .boxart,.page-template-page-gamecards-php .product-details{padding:0} .page-template-page-gamecards-php .product-details .button3 a {background:url('//webcdn.triongames.com/defiance/images/cta/redeem_btn.png') no-repeat 0px -8px;position:relative;display:block;margin-left:25px;margin-top:36px;text-transform:uppercase;text-decoration:none;font-weight:700;font-size:17px;width:231px;height:42px;color:#FFF;text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;} /* pagination styles */ .pagination{clear:both;padding:20px 0;position:relative;font-weight:700;font-size:15px;line-height:13px;text-align:center} .pagination span,.pagination a{margin:2px 2px 2px 0;padding:15px 18px 0 15px;text-decoration:none;width:auto;color:#6fe9f4} .pagination a {cursor:pointer} .pagination a:hover{color:#fff;background:transparent url(//webcdn.triongames.com/defiance/images/media/pagination-active.png) no-repeat 0 0} .pagination .current{background:transparent url(//webcdn.triongames.com/defiance/images/media/pagination-active.png) no-repeat 0 0;color:#fff} /* FAQ styles */ #faqContent{padding-bottom:65px;background:transparent url(//webcdn.triongames.com/defiance/images/faq-bg-bot.png) no-repeat scroll center bottom} #faqContent p.faqNote{font-size:.85em;padding:10px 0 5px;background:transparent url(//webcdn.triongames.com/defiance/images/faq-bg-top.png) no-repeat scroll center bottom} #faqContent section h3{font-size:1.5em;font-weight:700;border-bottom:1px solid #487184;padding:16px 0} #faqContent section h3 span{padding-left:18px;display:block;background:transparent url(//webcdn.triongames.com/defiance/images/faq-arrows2.png) no-repeat left 6px} #faqContent section h3 span:hover{color:#6FE9F4;background-position:left -31px} #faqContent section h3.active span{color:#6FE9F4;background-position:left -67px} #faqContent section h3.active span:hover{color:#fff;background-position:left -102px} #faqContent section .question h4{text-transform:none;color:#fff} #faqContent section h3{cursor:pointer;background:transparent url(//webcdn.triongames.com/defiance/images/faq-bg-mid.png) repeat-y scroll center center} #faqContent section .faqSection{padding-left:18px;display:none} #faqContent section .question{border-bottom:1px solid #487184;padding:17px 0 20px} #faqContent section .question.alt{background:transparent url(//webcdn.triongames.com/defiance/images/faq-bg2.png) repeat-y scroll center center} #faqContent section .question p{padding:0;margin:0;color:#D1F2F9} #faqContent section .answer{padding-top:15px} #faqContent section .answer p ~ p{padding-top:15px} #faqContent section .answer li p{padding-top:0} #faqContent section .answer li{color:#D1F2F9} #faqSidebar {margin:31px 0 0 0; width:306px; background:transparent url('//webcdn.triongames.com/defiance/images/sidebar-top.png') no-repeat scroll center 0; padding-top:7px;} #faqSidebar .faq-sidebar {padding:0 0 7px 0; margin:0; list-style:none; background:transparent url('//webcdn.triongames.com/defiance/images/sidebar-bot.png') no-repeat scroll center bottom;} #faqSidebar .faq-sidebar li:hover, #faqSidebar .faq-sidebar li.active {background:transparent url('//webcdn.triongames.com/defiance/images/sidebar-hover.png') repeat-y scroll center center;} #faqSidebar .faq-sidebar li a {cursor:pointer; padding: 16px 0 16px 20px; display:block;color:#fff;font:normal 1.1em 'gothammedium','Arial','sans-serif';text-decoration:none;text-transform:uppercase; background:transparent url('//webcdn.triongames.com/defiance/images/sidebar-sep.png') no-repeat scroll center bottom;} #faqSidebar .faq-sidebar li a span {padding-left:22px; display:block;} #faqSidebar .faq-sidebar li.active a, #faqSidebar .faq-sidebar li.active a:hover {color:#6fe9f4; cursor:default;} #faqSidebar .faq-sidebar li.active a span, #faqSidebar .faq-sidebar li.active a:hover span {background: transparent url('//webcdn.triongames.com/defiance/images/sidebar-icon2.png') no-repeat left 2px;} /* Pre order */ .gametagline{position:absolute;right:-40px;top:2px} #header-wrap .nobutton{height:69px} .page-template-page-pre-order-digital-php .container{background:none} .grid-highlight-bg{position:relative} .row.content .sixcol .grid-highlight-bg .bgglow{background:transparent url(//webcdn.triongames.com/defiance/images/bgs/bgglow.png) no-repeat 0 0;top:0;left:-90px} .products .game-edition,.product1 .game-edition,.product2 .game-edition,.product3 .game-edition{border-left:5px solid #65cbc7;padding-left:8px;margin-left:10px;margin-top:10px} .game-edition h1{font-size:22px;color:#65cbc7;line-height:.7em} .game-edition h2{font-size:30px;color:#e5e5e5;line-height:.8em;padding-top:6px} /*END CUSTOM PC BUY NOW PAGE CSS*/ .page-template-page-gamecards-php .game-editions h1 {font: bold 2.1em/1.6em 'MicrogrammaExtD-Med','sans-serif';text-align:center} .page-template-page-gamecards-php .game-editions h1 span {font-family: 'Arial','sans-serif';vertical-align:top;font-size:22px} .page-template-page-gamecards-php .game-editions h2 {text-align:center; font-family: 'gothambook','Arial','sans-serif';font-size:.9em} .page-template-page-gamecards-php .game-editions .vert-sep {background: url(//webcdn.triongames.com/defiance/images/pre-order/vert-line.png) no-repeat scroll 92.5% top} .page-template-page-gamecards-php .game-editions .left-sep {width: 7%; height: 451px; display: block; background-position: 57% top} .page-template-page-gamecards-php .game-editions .retailers-bg h1 {text-align: left;font-family: 'gothambook','Arial','sans-serif'} .product-details{color:#65cbc7;font-size:18px;padding-top:26px} .product-details p{font-size:13px;line-height:1.4em;padding:6px 0 30px} .product-details h1{font-size:18px} .product-details ul{color:#d9eaec;font-size:12px;margin:4px 0;padding:0;list-style:none} .product-details ul li{background:transparent url(//webcdn.triongames.com/defiance/images/pre-order/ego-bullet.png) no-repeat left 5px;padding-left:16px;font-size:13px;line-height:1.4em} .language-fr .product-details ul li{font-size:12px} .product-details ul li a{color:#66ccc8;text-transform:uppercase;text-decoration:none} .price{font-size:36px;font-family:gothambold,Arial,sans-serif;color:#FFF;font-weight:400} .price span{position:relative;font-size:22px;top:5px;vertical-align:top} .nosub {font-size:11px;color:#FFF;padding-top:6px;clear:both;margin:16px 0 0} .buy-now-bg{background:url(//webcdn.triongames.com/defiance/images/buy-now/purchase-options-bg.png) no-repeat 456px 82px;padding-bottom: 80px;} .buy-now-bg .price {font-size:56px;text-align:center;margin-top:-20px} .buy-now-bg .upgrade-offer {font-size:13px;text-align:center;padding:0 0px 20px} .buy-now-bg .upgrade-offer a {color:#6fe9f4} .buy-now-bg .price span {font-size:36px;top:7px} .buy-now-bg h3 {font-size:24px;padding-top:30px;} .buy-now-bg p {font-size:15px;line-height:24px;font-family:'gothambook','Arial','sans-serif';padding-top:14px;} .buy-now-bg.deluxe {background:url(//webcdn.triongames.com/defiance/images/buy-now/upgrade-bg.png) no-repeat 326px 116px;padding-bottom: 80px;} .buy-now-bg.deluxe .details h3 {padding-left:24px;padding-top:34px;} .buy-now-bg.deluxe .details p {padding:14px 24px;} .language-fr .buy-now-bg.deluxe .details h3 {font-size:18px;} .language-de .buy-now-bg.deluxe .details p,.language-fr .buy-now-bg.deluxe .details p {font-size: 14px;line-height: 18px;} .language-en .buy-now-bg.deluxe .details p {font-size:16px;line-height:20px;} .buy-now-bg .option-box{ display:block; overflow:visible; border:1px solid #496c7f; width:285px; height:38px; background:#112531 url(//webcdn.triongames.com/defiance/images/select-bg.png) no-repeat scroll top right; margin-top:18px; margin-bottom:24px; margin-left:-10px; float: none; -webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75); box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.75); } .buy-now-bg .option-box ul{display:inline;margin:0;padding:0;} .buy-now-bg .option-box ul li{list-style-type:none;background-image:none;cursor:pointer;font-size:13px;line-height:1.1em;padding:0} .buy-now-bg .option-box ul li span{text-transform:uppercase;display:block;padding:4px} .buy-now-bg .option-box .dropdown{ display:none;text-transform:none;background-color:#112531;border:1px solid #34727e;margin:0;width:285px;position:relative;z-index:300;left:-1px;opacity:1;top:-39px;} .buy-now-bg .option-box .dropdown li{margin:0;padding:0;opacity:1} .buy-now-bg .option-box .dropdown li a{display:block;padding:9px 10px 11px 10px;text-decoration:none;color:#FFF;padding-left:10px;line-height:18px;font-size:13px} .buy-now-bg .option-box .dropdown li a:hover{background-color:#193749;color:#FFF} .buy-now-bg .instructions {padding-top:34px;padding-left:76px;} .language-de .buy-now-bg .instructions li,.language-fr .buy-now-bg .instructions li {font-size:18px;} .buy-now-bg .instructions li { font-size: 25px; font-family:'gothambold','Arial','sans-serif'; text-transform: uppercase; } .buy-now-bg .option-box .option-select { padding: 10px 10px 9px 10px; height: 19px; position: relative; -webkit-appearance: none; outline: none; width: 265px; border: none; color: #FFF; font-size:13px; line-height:16px; margin: 0; vertical-align: middle; } .buy-now-bg .hr-div {clear:both;width:129%;background-color:#22414f;-webkit-box-shadow:0px 1px 0px #557482;box-shadow:0px 1px 0px #557482;left:-88px;position:relative;height:1px;margin-bottom:22px;} .buy-now-bg .hr-div hr {display:none;} .lg-buynow-btn {width:301px;text-align:center;height:54px;margin:0 auto;} .lg-buynow-btn a {background:url(//webcdn.triongames.com/defiance/images/buy-now/buy-now-sprite.png) no-repeat 0px -8px;position:relative;display:block;margin:0;text-transform:uppercase;text-decoration:none;font-weight:700;font-size:17px;width:301px;height:54px;color:#FFF;text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000} .language-en .lg-buynow-btn a:hover{color:#FFF;background-position:0 -67px} .language-en .lg-buynow-btn a:active{color:#FFF;background-position:0 -126px} .language-fr .lg-buynow-btn a{background-position:0 -184px} .language-fr .lg-buynow-btn a:hover{color:#FFF;background-position:0 -243px} .language-fr .lg-buynow-btn a:active{color:#FFF;background-position:0 -302px} .language-de .lg-buynow-btn a{background-position:0 -360px} .language-de .lg-buynow-btn a:hover{color:#FFF;background-position:0 -419px} .language-de .lg-buynow-btn a:active{color:#FFF;background-position:0 -478px} .lg-buynow-btn a:active span{top:9px} .lg-buynow-btn a span{position:relative;height:44px;top:7px;left:-2px;width:226px;z-index:-100} .lg-buynow-btn a:hover:before{position:absolute;content:" ";z-index:1;height:73px;top:-11px;left:38px;width:203px;background:transparent url(//webcdn.triongames.com/defiance/images/buy-now/buy-now-highlight.png) no-repeat 0 0} .lg-buynow-btn a:active:before{background-image:none} /*buynow popup*/ .digital-deluxe-popup {padding:0;max-width:938px;min-width:938px;width:938px;margin:0 auto;} .digital-deluxe-popup .popup-frame h3 {font-size:24px;text-transform:uppercase;} .digital-deluxe-popup .popup-frame p {font-size:15px;color:#FFF;font-family:'gothammedium',Verdana,Arial,sans-serif;} .digital-deluxe-popup .popup-frame {width:589px;height:561px;position:fixed;top:60px;opacity:1;overflow:visible;background-image:url(//webcdn.triongames.com/defiance/images/buy-now/popup-bg-ai.png);background-color:transparent;z-index:8030;padding:0px;margin:0px;border:0px;outline:none;vertical-align:top;color:rgb(255, 255, 255);background-position:50% 0px;background-repeat:no-repeat no-repeat;margin-left:186px;} .digital-deluxe-popup .popup-frame .close-btn {position:absolute;right:0;top:0;width:32px;} .digital-deluxe-popup .popup-frame .popup-content {padding:30px 80px 30px 30px;width:auto;height:auto;color:#FFF;font-family:'gothammedium',Verdana,Arial,sans-serif;} .digital-deluxe-popup .popup-frame .popup-content ul {padding-left:32px;margin:0 0 1em 0;} .digital-deluxe-popup .popup-frame .popup-content li {font-size:15px;background:transparent url(//webcdn.triongames.com/defiance/images/pre-order/ego-bullet.png) no-repeat left 5px;padding-left:16px;margin:8px 0;font-family:'gothammedium',Verdana,Arial,sans-serif;list-style-type:none;color:#d9eaec;} .digital-deluxe-popup .popup-frame .popup-content .price {font-size:56px;margin-top:-20px;} .digital-deluxe-popup .popup-frame .popup-content .price span {font-size: 36px;top: 7px;} .digital-deluxe-popup .popup-frame .popup-content .ark-infiltrator {position:absolute;right:0;bottom:0;width:220px;font-size:12px;color:#8b8b8b;margin-right:55px;margin-bottom:72px;} .digital-deluxe-popup .popup-frame .popup-content .ark-infiltrator p {color:#8b8b8b;font-family:'gothammedium',Verdana,Arial,sans-serif;font-size:12px;} .digital-deluxe-popup .popup-frame .popup-content .lg-buynow-btn {margin:0 0 0 -20px;} .digital-deluxe-popup .popup-frame .popup-content .lg-buynow-btn a {background-image:url(//webcdn.triongames.com/defiance/images/buy-now/upgrade-sprite.png)} .digital-deluxe-popup .popup-frame .popup-content .no-thanks {margin-left:10px;} .digital-deluxe-popup .popup-frame .popup-content .no-thanks a {font-size:12px;font-family:'gothammedium',Verdana,Arial,sans-serif;} /*buynow button*/ .button3, .button4 {width:313px;text-align:center;height:80px;margin-left:-28px;margin-top:-40px} .button3 a, .button4 a {background:url('//webcdn.triongames.com/defiance/images/cta/BuyNow_btn.png') no-repeat 0px -8px;position:relative;display:block;margin-left:42px;margin-top:36px;text-transform:uppercase;text-decoration:none;font-weight:700;font-size:17px;width:231px;height:42px;color:#FFF;text-shadow: 1px 0 0 #000, -1px 0 0 #000, 0 1px 0 #000, 0 -1px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000} .button4 a {background-image:url('//webcdn.triongames.com/defiance/images/cta/learn-more-btn-sprite.png')} .language-en .button3 a:hover,.language-en .button4 a:hover{color:#FFF;background-position:0 -58px} .language-en .button3 a:active, .language-en .button4 a:active{color:#FFF;background-position:0 -108px} .language-fr .button3 a, .language-fr .button4 a{background-position:0 -159px} .language-fr .button3 a:hover,.language-fr .button4 a:hover{color:#FFF;background-position:0 -208px} .language-fr .button3 a:active, .language-fr .button4 a:active{color:#FFF;background-position:0 -258px} .language-de .button3 a, .language-de .button4 a{background-position:0 -308px} .language-de .button3 a:hover, .language-de .button4 a:hover{color:#FFF;background-position:0 -358px} .language-de .button3 a:active, .language-de .button4 a:active{color:#FFF;background-position:0 -408px} .button3 a:active span, .button4 a:active span{top:9px} .button3 a span, .button4 a span{position:relative;height:44px;top:7px;left:-2px;width:226px;z-index:-100} .button3 a:hover:before, .button4 a:hover:before{position:absolute;content:" ";z-index:1;height:62px;top:-11px;left:0;width:231px;background:transparent url(//webcdn.triongames.com/defiance/images/cta/hi_light.png) no-repeat 0 0} .button3 a:active:before, .button4 a:active:before{background-image:none} .language-de .product-details .button a{font-size:15px} .language-fr .product-details .button a{font-size:15px} .bonuses{position:relative;background-position:16px 100px} .bonuses h1{font-size:20px;color:#65cbc7;text-align:center;line-height:1em;padding-bottom:20px} .bonuses div{position:absolute} .bonuses .outlander{z-index:2;left:74px} .bonuses .dlc-bonus{z-index:2;right:0} .bonuses .dlc-bonus .text{bottom:-21px;right:0;width:100%;text-align:right} .bonuses .dlc-bonus .text.hat{top:31px;width:236px;right:0;text-align:left} .page-template-page-dlc-digital-php .bonuses .dlc-bonus .text{bottom:42px;right:120px;text-align:right;color:#65cbc7} .page-template-page-dlc-digital-php .bonuses .dlc-bonus .text.hat{top:89px;width:238px;left:20px;text-align:left} .bonuses .text{position:absolute;display:block;text-align:center;line-height:1.1em;text-transform:uppercase} .bonuses .outlander .text{top:32px;left:120px;width:100%} .bonuses .outlander .text.weapon{top:184px;width:100px;left:-52px} .language-de .bonuses .outlander .text.weapon{width:120px;left:-83px} .bonuses .challenger-right{z-index:1;top:154px;left:134px} .bonuses .challenger-right .text{top:-14px;left:46px;width:100%} .bonuses .challenger-left{z-index:1;top:148px;right:73px} .bonuses .challenger-left .text{left:60px;bottom:-22px} .bonuses.deluxe{padding-top:36px;background-position:64px 112px} .bonuses .infiltrator{z-index:2;right:18px;top:64px} .bonuses .infiltrator .text{top:-26px;width:200px;left:-21px} .bonuses .infiltrator .text.weapon{margin-left:-105px;width:162px;top:50px} .game-editions .viewall-btn{position:relative;left:170px} .game-editions .viewall-btn a:hover{background-position:left 0} .game-editions .viewall-btn a:hover span{background-position:right 0} .game-editions .viewall-btn a {color:#66ccc8;font:normal 11px/12px 'gothambook','sans-serif';text-transform:uppercase;text-decoration:none;text-align:center;background:transparent url('//webcdn.triongames.com/defiance/images/pre-order/view-all-left.png') no-repeat left -25px;display:block;float:left;white-space:nowrap;word-spacing:0.1em;letter-spacing:0.1em;width:29px;height:25px;} .game-editions .viewall-btn a span {padding:6px 8px 0px 0px;display:block;background:transparent url('//webcdn.triongames.com/defiance/images/pre-order/view-all-right.png') no-repeat right -25px;margin-left:29px;float:left;white-space:nowrap;height:19px;} .game-upgrade-cta {text-align:center;text-transform:uppercase;font-size:19px;font-family:'gothambold',verdana;} .game-upgrade-cta h1, .game-upgrade-cta h2 {font-size:1em;color:#FFF;text-shadow:1px 1px 4px #000;} .game-upgrade-cta a {color:#f3e151;text-decoration:underline;} .game-upgrade-cta a:hover {color:#fff6ad;text-decoration:underline;} .row.game-details, .row.retailers {clear:both;background:transparent url(//webcdn.triongames.com/defiance/images/pre-order/game-details-bg-top.png) no-repeat;padding-top:21px} .row.products.retailers {background:transparent url(//webcdn.triongames.com/defiance/images/bgs/top-glow-full-bg.png) no-repeat;padding-bottom:124px} .row.console.retailers {background:transparent url(//webcdn.triongames.com/defiance/images/pre-order/game-details-bg-bot.png) no-repeat;padding-bottom:124px} .row.retailers ul {margin: 0 0 0 2.6%;padding: 0;list-style:none;} .row.retailers ul li {width:31.6%;height:120px;display:block;float:left;text-align:center;border:1px solid #2f4e5a;box-shadow:0px 0px 7px #467a87;background-color:#2f4e5a} .row.retailers ul li:hover {background-color:#335360} .page-template-page-gamecards-php .row.retailers ul li:hover {background-color:#2f4e5a} .row.products .boxart,.row.product1 .boxart,.row.product2 .boxart,.row.product3 .boxart {padding-left:19px;padding-top:32px} .row.dlc1 .fancyvideos,.page-template-page-pc-free-trial-php .fancyvideos {position:relative} .ltblueborder {border:1px solid #68c8d1;} .page-template-page-pc-free-trial-php .haveaccount {font-size:15px;} .page-template-page-pc-free-trial-php .box-feature.video .ctatext {position:relative;top:auto;left:auto;font-size:28px;left:42px;font-family:'gothammedium';} .page-template-page-pc-free-trial-php .features h1 {font-size:28px;margin-top:-14px;} .page-template-page-pc-free-trial-php .features h2 {color: #FFF;padding-top: 20px;font-size: 28px;} .page-template-page-pc-free-trial-php .features ul {list-style-type: decimal;color: #FFF;padding-left: 50px;} .page-template-page-pc-free-trial-php .features ul li {padding: 5px 10px;} .page-template-page-pc-free-trial-php .fancyvideos {margin-left:36px;display:block;width:400px} .page-template-page-pc-free-trial-php .box-feature {margin-left:28px;position:relative} .page-template-page-pc-free-trial-php .box-feature span {position: absolute;top:146px;left: 17px;color: #FFF;text-transform: uppercase;font-family: 'gothammedium';font-size: 0.9em;width: 246px} .page-template-page-pc-free-trial-php .box-feature.video {margin-left:0px;margin-bottom:16px} .page-template-page-pc-free-trial-php .container p {font-size:1.1em;} .page-template-page-pc-free-trial-php #p4f-promo .create-account-btn {position:relative;padding-bottom:22px;} .page-template-page-pc-free-trial-php #p4f-promo .create-account-btn a {position:relative;} .page-template-page-pc-free-trial-php #p4f-promo .create-account-btn a span {position:absolute;top:-8px;left:0px;color:#FFF;text-shadow:#000 1px 1px 1px;text-transform:uppercase;font-family:'gothammedium';text-align:center;width:318px;font-size:24px;} .page-template-page-pc-free-trial-php #p4f-promo p {color:#FFF;} .page-template-page-pc-free-trial-php #p4f-promo p.fine-print {font-size:10px;padding-top:28px;} .page-template-page-pc-free-trial-php #sign-up-con {margin-top:20px;} .page-template-page-dlc-digital-php .row.dlc1 .dlc-bonus {top:-42px;z-index: -1;left: 0px;background: url(//webcdn.triongames.com/defiance/images/dlc/dlc_items_img-v4.png) no-repeat 0 0;height:400px;width:464px} .page-template-page-dlc-digital-php .bonuses .dlc-bonus {top:-42px;z-index: -1;left: 0px;background: url(//webcdn.triongames.com/defiance/images/dlc/Season_items_img-v2.png) no-repeat 0 0;height:362px;width:463px} .row.dlc1 .fancyvideos .thumb-overlay {position:absolute;left:9px;top:19px} .page-template-page-pc-free-trial-php .fancyvideos .thumb-overlay {position:absolute;left:1px;top:1px;width:400px;} .page-template-default .box-feature.video {position:relative} .page-template-default .box-feature.video a {position:absolute} .page-template-default .fancyvideos {position:relative} .page-template-default .fancyvideos .thumb-overlay {position:absolute;left:1px;top:1px;width:400px;} .row.season-pass .boxart, .season-pass .product-details, .row.dlc1 .boxart, .dlc1 .product-details {padding-top:0} .game-editions p,.product-details p.dlc-summary{margin-left:10px;padding:20px 0 30px} .row.products{height:348px} .row.products .nolan-pic,.row.product1 .nolan-pic{position:absolute;top:42px;right:-44px;width:451px;height:496px} .row.products,.row.product1,.row.product2,.row.product3{position:relative;overflow:visible} .row.products{background:transparent url(//webcdn.triongames.com/defiance/images/bgs/top-glow-full-bg.png) no-repeat;padding-top:32px;margin-top:16px} .row.product1{background:transparent url(//webcdn.triongames.com/defiance/images/pre-order/left-split.png) no-repeat;padding-top:32px;margin-top:16px} .row.product2{padding-top:40px;background:transparent url(//webcdn.triongames.com/defiance/images/pre-order/game-details-bg-bot.png) no-repeat} .row.product3{background:transparent url(//webcdn.triongames.com/defiance/images/pre-order/game-details-bg-top.png) no-repeat;padding-top:21px} .row.products,.row.product1,.row.product2{padding-bottom:124px} .page-template-page-pre-order-digital-php .row.product1,.page-template-page-pre-order-ps3-php .row.product1{margin-bottom:-48px} .page-template-page-pre-order-ps3-php .row.product3 .game-details-bg{padding:16px 0 48px} .row.products .disclaimer,.row.product1 .disclaimer,.row.product2 .disclaimer,.row.product3 .disclaimer{font-size:11px;margin:0;position:relative;color:#999;padding-bottom:16px} .row.bottom-retailers{background:transparent url(//webcdn.triongames.com/defiance/images/pre-order/game-details-bg-bot.png) no-repeat;height:124px} .row.console.bottom-retailers{background:none} .row.console.retailers .retailers-bg{background:none} .row.product3{background:transparent url(//webcdn.triongames.com/defiance/images/pre-order/game-details-bg-top.png) no-repeat} .row.game-details .game-details-bg{padding:16px 0} .row.product3 .game-details-bg{padding:16px 0 54px} .row.product3 .game-details-bg.disclaimer{padding:16px 0} .row.game-details .game-details-bg,.row.product3 .game-details-bg,.row.retailers .retailers-bg{background:transparent url(//webcdn.triongames.com/defiance/images/pre-order/lightbluetransparentbg.png) repeat-y 0 0} .row.retailers div{padding:16px 0} .page-template-page-dlc-digital-php .row.retailers div{padding:8px 0 32px} .row.retailers h1{font-size:22px;margin-left:2.4%;padding:0 0 12px;color:#FFF} .game-details .video-container{height:254px;position:relative} .game-details .video-container .video-bg{background:url(//webcdn.triongames.com/defiance/images/pre-order/video-bg.png) no-repeat;position:relative;height:203px;padding-top:20px;width:291px} .game-details .video-container .video-bg img{position:relative;left:20px;top:11px;border:1px solid #91f5fb;box-shadow:0 0 7px #91f5fb;opacity:0.8;z-index:1} .game-details .video-container .video-bg a:hover img {opacity:1;} .game-details .video-container .video-bg .thumb-overlay {opacity:1;position:relative;top:-140px;left:-5px;z-index:2;} .game-details .video-container .video-bg .thumb-overlay img {border:none;box-shadow:none;z-index:2} .game-details .copy-container h1 {text-transform:uppercase;font-size:24px;} .game-details .copy-container h2 {font-size:14px;font-family:'gothambook','Verdana','Arial','sans-serif';line-height:1.2em;margin:6px 0 14px 0;} .game-details .copy-container span img {border: 1px solid #91f5fb;box-shadow: 0px 0px 7px #91f5fb;opacity:0.8;} .game-details .copy-container span a:hover img {opacity:1;} .game-editions p, .game-editions li {font-family:'gothambook','Arial','sans-serif'} .game-editions.row.content .row {width:880px;max-width:880px;min-width:880px} .game-editions.row.content {width:938px;max-width:938px;min-width:938px} .game-editions.row.content .edition-nav.row{height:75px;width:938px;max-width:938px;min-width:938px;position:relative;background:url(//webcdn.triongames.com/defiance/images/divider-thin.png) no-repeat scroll center 65px transparent} .edition-nav .page_item{border-left:1px solid #152e3c;border-right:1px solid #2b4454;width:33%} .edition-nav ul{padding:17px 0 0;height:54px;background:url(//webcdn.triongames.com/defiance/images/divider-thin.png) no-repeat scroll center 12px transparent} .edition-nav li{display:block;list-display-type:none;float:left} .edition-nav a{letter-spacing:.05em;font-size:1.125em;line-height:.8em;text-transform:uppercase;color:#fff;font-weight:600;text-decoration:none;padding:19px 15px;display:block;text-align:center;font-family:gothambold,Arial,sans-serif;background-image:url(//webcdn.triongames.com/defiance/images/pre-order/nav-bg.png)} .edition-nav li.current_page_item a,.edition-nav a:hover{color:#fff;background:url(//webcdn.triongames.com/defiance/images/pre-order/nav-bg-active.png) repeat scroll transparent} .edition-nav li.current_page_item a{cursor:default;pointer-events:none} .rt-grey {border-right:1px solid #2b4454} .lft-blue {border-left:1px solid #152e3c} .standard-2-btn a span {font-size:1.4em;letter-spacing:.1em; padding:14px 20px 0 0} .language-fr .standard-2-btn a span {font-size:1.3em} .language-de .standard-2-btn a span {font-size:1.1em} .retail-option-box{border:1px solid #34727e;width:205px;height:22px;background:url(//webcdn.triongames.com/defiance/images/pre-order/preorder-retailer-option-bg.png) no-repeat scroll center right;margin-top:25px} .retail-option-box ul{margin:0} .retail-option-box ul li{list-style-type:none;background-image:none;cursor:pointer;line-height:1.1em;padding:0} .retail-option-box ul li span{text-transform:uppercase;display:block;padding:4px} .language-de .retail-option-box ul li span{font-size:9px;padding-top:4px} .retail-option-box .dropdown{display:none;text-transform:none;background-color:#1c4855;border: 1px solid #34727e;margin: 0;width: 205px; position: relative; z-index:300;left:-1px;top:0px; opacity:.95} .retail-option-box .dropdown li{margin:0;padding:0;opacity:1} .product-details .retail-option-box .dropdown li a{text-transform:none;padding:3px;display:block;color:#FFF;padding-left:10px;line-height:18px} .product-details .button .disabled,.product-details .button2 .disabled,.button3 .disabled{cursor:not-allowed} .retail-option-box .dropdown li a:hover{background-color:#193749;color:#FFF} .disclaimer{font-size:.85em;margin:16px 0 0;color:#fff} .relative{position:relative} .content.page-header{height:54px} /* Specific to Digital Edition */ /* Begin PC Free Trial */ .download-button{background:url(//webcdn.triongames.com/defiance/images/download-btn.png) no-repeat center center transparent;width:220px;height:43px;border:none;font-family:MicrogrammaExtD-Med, sans-serif;color:#FFF;text-transform:uppercase;word-spacing:.2em;letter-spacing:.2em;display:block;margin-left:318px;margin-top:28px;text-decoration:none;opacity:.85} .browser-ie .download-button{opacity:1} .download-button span{font:bold 12px MicrogrammaExtD-Med;text-transform:uppercase;display:block;color:#FFF;background:transparent;border:none;text-shadow:1px 1px 1px #000;filter:dropshadow(color=#000000,offx=1,offy=1);word-spacing:.2em;letter-spacing:.1em;padding-top:13px;text-align:center} #p4f-promo {padding:20px 0;width: 938px;max-width: 938px;min-width: 938px;} .p4f-bg{background:url(//webcdn.triongames.com/defiance/images/p4f-bg.png) no-repeat right top} .p4f-bg2{background:url(//webcdn.triongames.com/defiance/images/p4f-bg2.png) no-repeat right top} .p4f-bg3{background:url(//webcdn.triongames.com/defiance/images/p4f-bg3.png) no-repeat right top} .p4f-bg4{background:url(//webcdn.triongames.com/defiance/images/p4f-bg4.png) no-repeat right top} .language-fr .download-button span{font-size:8px;padding-top:16px} .language-de .download-button span{font-size:9px;padding-top:14px} #p4f-promo .features{margin-left:26px} #p4f-promo .features h1 {font:bold 2.4em/1.6em 'gothambold','Verdana','Arial','Helvetica','sans-serif';text-transform:uppercase;word-spacing:0.1em;color:#FFF} #p4f-promo .features p {color:#FFF;line-height:1.3em;margin-bottom:1.3em} #p4f-promo .product-details {padding:10px 0} #p4f-promo .product-details ul {margin-left:22px} #p4f-promo .product-details ul li {background-position:left 11px;color:#FFF;padding:6px 16px;font-weight:bold} /* styles for bottom of game page platform details */ .platform-wrap{background:#FFF} .platform-details{padding:7px 10px} .platform-details h1{color:#283b4d;padding:0 0 3px;margin:0;font-weight:700;font-size:1.4em;line-height:2em;text-transform:uppercase} .platform-details div{text-transform:uppercase;display:block;padding:0 0 0 10px;color:#FFF;font-weight:700;text-decoration:none;background:#283b4d url(//webcdn.triongames.com/defiance/images/platform-bar-bg2.png) repeat-x 0 0;line-height:38px;font-size:1em} /* slider styles */ .slide-thumbnail_1 a img,.slide-thumbnail_2 a img,.slide-thumbnail_3 a img{width:100%;height:0;padding:0} .cycle-content-slider{position:relative;clear:both;height:740px} #cycle-controller{text-align:center;margin-bottom:20px;min-height:54px;position:relative} #cycle-controller ul li{display:inline;cursor:pointer} .controller.top-shadow{margin-top:0} .footer{background:#000 url(//webcdn.triongames.com/defiance/images/footer-bg.png) repeat-x 0 0} .footer .corporate,.footer .legal,.footer .platforms,.footer .ratings-brand,.footer .copyrights{margin:0 auto;text-align:center;padding:20px 0 10px} .footer .wrap ul li{display:inline} .footer .corporate a,.footer .platforms a,.footer .ratings-brand a,.footer .copyrights a{margin:0 28px} .footer .corporate ul li img{} .footer .legal li{border-right:1px solid #666;padding:0 10px} .footer .copyrights p{font-size:12px} .footer .copyrights{padding-bottom:30px} .footer .legal a{color:#666;font-size:13px} .footer .legal a{margin:0 5px} .footer a{text-decoration:none} .footer a:hover{text-decoration:underline} .footer .corporate ul li.last,.footer .legal ul li.last{border:none} .footer .row ul li{display:inline} .footer .legal #change-region {margin:0px 5px;color:#666;font-size:13px;background: none repeat scroll 0 0 #222222;border: 1px solid #333333;border-radius: 3px 3px 3px 3px;padding: 6px 9px} .footer .legal #change-region:hover {cursor:pointer;text-decoration:underline} .footer .legal #change-region span {background: url(//webcdn.triongames.com/eon/website/images/region-arrows.png) no-repeat scroll 100% 4px #222222;padding-right: 14px;color: #666} .footer .legal #change-region span.selected {color:#d1f2f9;background-position: 100% -31px} .region-selector {margin:0 auto;height:138px;padding-top:15px;width:100%;} .region-selector ul.region-selector-container {width:480px;height:106px;margin:0 auto} .region-selector ul.region-selector-container li.column {float:left;border-right:1px solid #404040;margin-right:36px;padding-right:36px;height:132px} .region-selector ul.region-selector-container li.column.last {margin-right:0;border:none;padding-right:0} .region-selector ul.region-selector-container li.column h3 {font-size:24px;color:#d1f2f9;margin-top:0;margin-bottom:12px;text-transform:none;font-weight:normal;text-align:left} .region-selector ul.region-selector-container li.column ul li {display:block;float:none;margin:3px 0} .region-selector ul.region-selector-container li.column ul li a, .footer .region-selector ul.region-selector-container li.column ul li a:visited {color:#fff;text-decoration:none} /* Social widget */ #social {position:absolute;padding-top:13px;top:76px;right:-46px;overflow:visible;background:url(//webcdn.triongames.com/defiance/images/game/home/social-bg-v3.png) no-repeat center top;height:365px;width:44px;z-index:0} #social a {width:28px;display:block;outline:none;margin-left:9px;margin-bottom:0.5em} .page-template-page-game-php #social {top:50px;z-index:1} #gameplay-arkhunters {height:280px;} #gameplay-arkhunters img {position:absolute;margin-top:-60px;margin-left:-58px} /* characters page styles */ #karlvonbach{height:320px} #karlvonbach img{position:absolute;margin-left:-87px;bottom:-23px} #varussoleptor{height:300px} #varussoleptor img{position:absolute;margin-left:-42px;bottom:-23px} #torcmok{height:320px} #torcmok img{position:absolute;margin-left:-42px;bottom:-23px} #rosarodriguez{height:300px} #rosarodriguez img{position:absolute;margin-left:-42px;bottom:-23px} #cassducar{height:320px} #cassducar img{position:absolute;margin-left:-12px;bottom:-23px} #erenniden{height:320px} #erenniden img{position:absolute;bottom:-23px} #joncooper{height:405px} #joncooper img{position:absolute;margin-left:20px;bottom:-23px} #joshuanolan{height:320px} #joshuanolan img{position:absolute;margin-left:-42px;bottom:-23px} #irisa{height:320px} #irisa img{position:absolute;bottom:-23px} /* enemies page styles */ #enemies-mutants{height:256px} #enemies-mutants img{position:absolute;margin-top:-68px} #enemies-hellbugs{height:235px} #enemies-hellbugs img{position:absolute;margin-top:-72px;margin-left:-78px} #enemies-raiders{height:282px} #enemies-raiders img{position:absolute;margin-top:-90px;margin-left:-20px} #enemies-ninetyniners{height:265px} #enemies-ninetyniners img{position:absolute;margin-top:-90px} #enemies-scrappers{height:345px} #enemies-scrappers img{position:absolute;margin-top:-68px;margin-left:15px} #enemies-darkmatter{height:275px} #enemies-darkmatter img{position:absolute;margin-top:-87px;margin-left:-37px} #enemies-thevolge{height:300px} #enemies-thevolge img{position:absolute;margin-top:-91px;margin-left:-53px} /* beta page styles */ .betabox .beta-bg{position:absolute;display:block;top:14px;left:-14px;width:287px;height:234px;z-index:-1;min-height:234px;min-width:287px;max-width:287px} .betabox{position:relative;padding-top:38px;height:192px;margin-bottom:58px} .betabox .beta-event-header{padding-bottom:12px} .betabox h3{font-size:1.4em} .language-de .betabox h3{font-size:.8em;width:240px} .betabox .beta-event-header h4{position:relative;display:inline;font-family:gothambook,Arial,sans-serif;font-size:1.1em} .betabox .beta-event-header h4 span{position:absolute;left:0;font-size:.75em;top:18px;width:100px} .language-fr .betabox .beta-event-header h4 span,.language-de .betabox .beta-event-header h4 span{font-size:.6em;width:105px} .betabox p{margin-right:8px;font-size:13px;padding:8px 0 0} .language-fr .betabox p{padding-top:3px;font-size:.75em} .language-de .betabox p{padding-top:8px;line-height:1.3em} .betabox .platform{position:absolute;bottom:0} .language-fr .betabox .platform{font-size:.75em;font-weight:200} /* Sign Up Styles */ #sign-up-con {display: block; position:relative;width:938px;height:800px; margin:0 auto; background: url('//webcdn.triongames.com/defiance/images/beta-bg.png') no-repeat scroll center center transparent} #sign-up-con .head-01 {display:block; padding:20px 110px 0 110px} #sign-up-con .head-01, #sign-up-con hgroup {height:54px} .page-template-page-registration-php #sign-up-con .head-01,.page-template-page-registration-php #sign-up-con hgroup {height:110px} #sign-up-con input {height:36px;background-color:#112531;border:1px solid #2f4d5b;width:295px} #sign-up-con label, #sign-up-con input {font-family:'gothambook', sans-serif; font-size:.9em; font-weight:600} #sign-up-con .head-01 h2{font-family:'MicrogrammaExtD-Med','sans-serif';font-weight:bold;color:#FFF;font-size:1.6em;line-height:.9em;margin:0;text-transform:uppercase;word-spacing:0.2em;letter-spacing:0.2em;margin-top: 20px;text-align: center} .language-fr #sign-up-con .head-01 h2, .language-de #sign-up-con .head-01 h2 {font-size:1.1em;line-height:1.2em} #sign-up-con .head-01 p{font-family:'MicrogrammaExtD-Med','sans-serif';font-size:1.2em;line-height:1em;margin:5px 0 0 0;color:#FFF;text-transform:uppercase;word-spacing:0.2em;letter-spacing:0.2em} #sign-up-con .head-01 .instructions {font-family:'gothambook', sans-serif;font-size:1em;line-height:1em;margin: 25px 0 0 0;text-transform:none;word-spacing:0.005em;letter-spacing:0.1em;} #sign-up-con .head-01 .instructions {text-align:center;font-family:'gothambook', sans-serif;font-size:1em;line-height:1em;margin: 25px 0 0 0;text-transform:none;word-spacing:0.005em} #sign-up-con .head-01 .instructions {font-family:'gothambook', sans-serif;font-size:1em;line-height:1em;margin-top:15px;text-transform:none;word-spacing:0.005em;text-align:center} #sign-up-con .head-01 .instructions button {color:#6fe9f4;text-decoration:underline; float:none; padding: 0;display: block;font-family: 'gothambook', sans-serif;font-size: 1em;line-height: 1em;margin-top: 10px;text-transform: none;word-spacing: 0.005em;text-align: center;width: 100%;} .language-fr #sign-up-con .head-01 .instructions button, .language-de #sign-up-con .head-01 .instructions button {padding-top: 5px} #sign-up-con .norm-hr hr {border:none;height:0} #sign-up-con .norm-hr {border-top:1px solid #223f4e;border-bottom:1px solid #557281;height:0;margin-top:20px} #sign-up-con input {color:#FFF;padding-left:15px} #sign-up-con .trion-existing {font-size:.85em;float:right;color:#b3231d;text-decoration:none; background:none;border:none} #sign-up-con .trion-existing:hover {text-decoration:underline} #sign-up-con .reg-row {width:295px;position:absolute} #sign-up-con input:-webkit-input-placeholder{color:#bbbcbe} #sign-up-con input:-moz-placeholder{color:#bbbcbe} #sign-up-con input:-ms-input-placeholder{color:#bbbcbe} #sign-up-con label {color:#FFF} #sign-up-con option {background-color:#112531;color:#FFF} .browser-ie #sign-up-con option {background-color:rgb(17, 37, 49)} .alpha-30{opacity: .3} .rr1{top:150px;left:156px} .rr2{top:220px;left:156px} .rr3{top:150px;right:156px} .rr4{top:365px;left:156px} .rr5{top:290px;left:156px} .rr6{top:340px;left:156px} .rr7{top:220px;right:156px} .rr8{top:290px;right:156px} .rr9{top:360px; right:156px} .rr10{top:430px; right: 156px} .rr11{top:510px; right: 156px} .rr12{top:580px; right: 156px} #reg-platform.rr9{top:440px;left:156px;width:630px;position:absolute;color: #FFF} #reg-platform input{width:13px;height:13px;margin-right:3px} #sign-up-con select {height:38px;padding:9px 0 0 11px;position:relative;-webkit-appearance:none;outline:none} .browser-chrome #sign-up-con select{padding: 3px 0 0 10px} .browser-ie #sign-up-con select {background-image:none; background-color:none;} .browser-ie8 #sign-up-con option {background-image:none; background-color:none; color: #000} .browser-ie9 #sign-up-con select {padding: 3px 0 0 11px} .browser-ie8 #sign-up-con select {padding: 8px 0 0 11px} .select-style{display:block;overflow:hidden;height:38px;float:left;border:1px solid #aeaeae} .rr3 .select-style{width:86px} .rr4 .select-style{width:309px} .select-style select {background-image:url('//webcdn.triongames.com/defiance/images/select-bg.png');background-attachment:scroll;background-repeat:no-repeat;background-color:transparent;border:none;padding:5px 0 0 11px;color: #FFF} .rr3 .select-style select {width:104px;background-position:-311px center} .rr4 .select-style select {width:327px;background-position:-91px center} #submit{} #submit:hover, .submit:hover{background-color:#6d1312} #reg-legal, #reg-newsletters {position:absolute;width:630px; /* left:156px */;font-size:.75em;font-family:'gothambook', sans-serif;color:#FFF} #reg-newsletters {/* bottom:334px; */width:674px; padding: 10px;} .language-de #reg-newsletters {bottom:340px} .language-fr #reg-newsletters {bottom:338px} #reg-newsletters div {margin:4px 0} #reg-legal {/*bottom:280px*/} .language-de #reg-legal {bottom:276px} .language-fr #reg-legal {bottom:262px} #reg-legal a {color:#6fe9f4} #reg-legal ul{margin:0;padding:0} #reg-legal li{margin:0 0 0 32px; padding:0} #sign-up-con input:focus {color:#FFF} #reg-legal input, #reg-newsletters input, #sign-up-con .platforms input {width:13px;height:13px;padding:0;margin:0 7px 0 0} #sign-up-con #reg-legal label, #sign-up-con #reg-newsletters {font-size:11px;font-weight: normal} .page-template-page-defiance-beta-php #registration .platforms {height:28px;width:195px;display:block;line-height:.9em;float: left;padding-top:10px;text-transform:uppercase;font-size:.85em;line-height:1.2em} .reg-legal-headline{display:none} .reg-legal-action{width:605px} #sign-up-con .show{display:block} #sign-up-con .hidden{display:none} #sign-up-con .checkbox{display:inline;width:25px;height:16px;float:left} #sign-up-con .submit {font-size:1.1em;background:url('//webcdn.triongames.com/defiance/images/beta-cta-btn-bg.png') no-repeat center center transparent;width:220px;height:38px;border:none;font-family: 'MicrogrammaExtD-Med', sans-serif;color:#FFF;text-transform:uppercase;position:absolute;bottom:231px;left:364px;word-spacing:0.2em;letter-spacing:0.2em} #validatorator:not(#landing #validatorator), #global-error{position:absolute;background-color:#fff; border:3px solid #bf0202; padding:10px; z-index: 200; box-shadow: 2px 4px 25px rgba(0, 0, 0, 0.5)} #validatorator:not(#landing #validatorator){width:440px;top:225px;left:-1px;background: url(//webcdn.triongames.com/defiance/images/beta/red-close.png) scroll no-repeat 442px 4px #FFF} #global-error {top:106px;left:156px;width:622px;min-height:15px;opacity:1;text-align:center;background-color:#b3231d;border: 0 none;font-size: 12px;font-weight: bold} #validatorator:not(#landing #validatorator) ul {padding:0;margin: 0 0 0 25px} .field-errors, .capson {position:absolute;top:0px;width:104%;text-align:left;left:0;background-color:#bf0202;color:#FFF;padding: 0 3px} #_regBirthdate{width:136%;} #_regBirthdateYoung, #_regEmail_format {font-size:10px;height:16px;text-align:left;padding-top:3px} .congratulations {text-align:center;font-size:1.2em;color:#fff; padding:10px 40px;} #usessoaccount {width:600px} #applyarkhunter, #registernewaccount {display:block;padding-top:20px;text-align:center} #usessoaccount span {} #usessoaccount .submit, #notAuthenticatedModal .submit{width:450px;height:38px;background-color:#155976;border:1px solid #000;font-family: 'MicrogrammaExtD-Med', sans-serif;color:#FFF;text-transform:uppercase;display:block;font-size:.9em;margin:0 auto;word-spacing:0.2em;letter-spacing:0.2em} #platform-preference {height:170px;width:500px;display:block} #platform-preference .platforms {width:155px;height:40px; float:left} #platform-preference .null{font-weight:bold; display:block} #platform-preference #_regPlatform_preference.field-errors {color:#b3231d;font-weight:bold;height:25px;position:relative;text-align:center;clear:both;padding-top:15px} #platform-preference .submit {height:38px;background-color:#155976;border: 1px solid #000;font-family: 'MicrogrammaExtD-Med', sans-serif;color:#FFF; text-transform:uppercase; font-size:.9em;position: absolute; bottom:15px; right: 15px;word-spacing:0.2em;letter-spacing:0.2em} #congratulations{color:#000;text-align:center;padding-top:38px;height:69px} footer p{ font-size:.85em;color:#a6a6a6} .mar-right-15 {margin-right:15px} *:-moz-placeholder:focus{color:transparent !important} /* ! Layout for mobile version */ @media handheld, only screen and (max-width: 767px) {} @media only screen and (-webkit-min-device-pixel-ratio: 2) { } @media screen and (max-width: 540px){ .cookie-compliance-message p{width:96%;} .hide-cookie-compliance{width:80%;display:block;margin:-20px 0 40px;left:50%;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%);} } /* Facebook Pre-order styles */ body.fb-order {background-image:none;background-color:#2E4856} .fb-order .row, .fb-order .row.content{max-width:810px;min-width:810px} .fb-order .row .twocol {width: 7.45%} .fb-order .row .fourcol {width: 34.75%} .fb-order .trion-nav{display:none} .fb-order header#header-wrap{display:none} .fb-order .frame-top {background-image:none; margin-top: 0} .fb-order .frame-mid {background-image:none;margin-top:0} .fb-order .container {background-color:#2E4856;max-width:810px;min-width:810px} .fb-order .share{display:none} .fb-order .row.content{max-width:810px;min-width:810px} .fb-order .page-details {padding: 15px 0 0 15px} .fb-order .bonuses .outlander .text{left:80px;top:20px} .fb-order .bonuses .outlander .text.weapon {left: -74px;top:126px} .fb-order .game-editions.row.content {max-width:810px;min-width:810px} .fb-order .row.game-details, .fb-order .row.retailers, .fb-order .row.console.retailers {background-image:none} .fb-order .row.product2, .fb-order .row.product3 {background-image:none} .fb-order .row.game-details .game-details-bg, .fb-order .row.product3 .game-details-bg, .fb-order .row.retailers .retailers-bg {background-image:none;width:810px;} .fb-order .game-editions.row.content .edition-nav.row {max-width:810px;min-width:810px; width: 810px} .fb-order .last img {max-width: 70%} .fb-order .game-editions .viewall-btn {left: 125px} .fb-order .edition-nav .top-hr{width:818px} .fb-order .bonuses h1{width:314px} .fb-order .bonuses .text {font-size:0.8em} .fb-order .bonuses .infiltrator {right:144px} .fb-order .row.bottom-retailers {background-image:none; height: 0} .fb-order .row.console.retailers{padding-bottom: 25px} .fb-order .row.retailers ul {margin: 0 0 0 32px} .fb-order .row.retailers ul li {width:30%} .fb-order .disclaimer {padding-left:18px} .fb-order .row.product3 .game-details-bg.disclaimer {padding: 15px 0 15px 15px} .fb-order .frame-bot {background-image:none;min-height: 50px} .fb-order footer.footer {display: none} .fb-order {overflow-x:hidden} /* Contest Sponsor */ .contest-sponsor { float: right; margin-right: 30px; } .center {text-align:center;margin:0 auto} .visuallyHidden{border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px} /* DLC */ .page-template-page-dlc-3-php .dlc-top .page-details h1 {color:#000;} .page-template-page-dlc-3-php .dlc-top .content p {color:#636363;text-shadow:none;font-weight:700;} .page-template-page-dlc-3-php .dlc-top .content p a {color:#636363;} .page-template-page-dlc-3-php .dlc-top .content .dlc-price {color:#000;text-shadow:none;font-weight:700;} .page-template-page-dlc-5-php {background-image: url(//webcdn.triongames.com/defiance/images/dlc5/dlc5-bg-v1.jpg); background-position: center 132px} .page-template-page-dlc-4-php {background-image: url(//webcdn.triongames.com/defiance/images/dlc4/Homepage_BG_DLC4.jpg); background-position: center 132px} .page-template-page-dlc-3-php {background-image: url(//webcdn.triongames.com/defiance/images/dlc3/dlc3-bg.jpg); background-position: center 132px} .page-template-page-dlc-2-php {background-image: url(//webcdn.triongames.com/defiance/images/game/home/dlc2-bg-v2.jpg); background-position: center 132px} .page-template-page-dlc-1-php {background: url(//webcdn.triongames.com/defiance/images/bgs/castithan-dlc-bg-v6.jpg) no-repeat center 132px} .page-template-page-dlc-3-php #social,.page-template-page-dlc-4-php #social{top:546px} .page-template-page-dlc-2-php #social,.page-template-page-dlc-1-php #social{top:563px} .page-template-page-dlc-5-php #social{top:567px} .page-template-page-dlc-5-php.language-de #social, .page-template-page-dlc-5-php.language-fr #social{top:652px} .dlc-top .row.content, .dlc-body .row.content {max-width:100%;padding:15px 30px 0;box-sizing:border-box;-moz-box-sizing:border-box} .dlc-top {margin-top:70px; height:400px} .dlc-top header {border-left:5px solid #57aca7;margin-bottom:25px;padding-left: 10px} .dlc-top>.row.content {margin:0} .dlc-top h2, .dlc-7th-legion h2, .dlc-castithan h2, .dlc-arkbreaker h2, .dlc-gunslinger h2, .dlc-arktechrev h2,.dlc-season-pass h2 {color:#63cac6;font-family: 'gothammedium','Arial','sans-serif'; font-size:1.25em;letter-spacing:.08em; line-height:.88em; margin-bottom: 5px; text-transform: uppercase} .dlc-top h1, .dlc-7th-legion h1, .dlc-castithan h1, .dlc-arkbreaker h1, .dlc-gunslinger h1, .dlc-arktechrev h1, .dlc-season-pass h1 {color:#FFF;font-family:'gothammedium','Arial','sans-serif';letter-spacing:.02em;font-size:2.2em;line-height:.74em} .dlc-top p {color:#d9ebed;text-shadow:2px 2px 2px rgba(0, 0, 0, 1); padding: 0;} .dlc-price {color:#FFF;font-size:2.5em;margin:12px 0;line-height:.9em;text-shadow:2px 2px 2px rgba(0, 0, 0, 1);} .dlc-price span {font-size:.65em;vertical-align:super;margin-left:0} .dlc-top .button3 {margin-top:-12px} .dlc-body .dlc-features {margin: 12px 0} .page-template-page-dlc-1-php.language-fr #social {top: 626px} .page-template-page-dlc-1-php.language-de #social {top: 605px} .page-template-page-dlc-2-php.language-fr #social {top: 689px} .page-template-page-dlc-2-php.language-de #social {top: 646px} .page-template-page-dlc-3-php.language-fr #social {top: 631px} .page-template-page-dlc-3-php.language-de #social {top: 652px} /* New DLC areas - DLC Menu - 12/9/13 */ .page-template-page-dlc-menu-php {} .page-template-page-dlc-menu-php .button3 {height: 44px;margin-top: -20px} #dlc-menu-nav{list-style-type: none;margin:0;padding:0;height:200px;margin: 25px 0} #dlc-menu-nav li {display:block;width:20%;float:left} #dlc-menu-nav li a {text-decoration:none} #dlc-menu-nav li img {display:block;margin:0 auto} #dlc-menu-nav li .title{color:#FFF;text-decoration:none;display: block;margin-top: 15px; text-align: center; font-family: 'gothammedium','Arial','sans-serif';font-size: 1.15em} #dlc-menu-nav li.locked .title{color:#09161d} #dlc-menu-nav li .learn-more{display:block;text-align:center;font-size:.9em;text-decoration:underline} .page-template-page-dlc-menu-php section {padding-bottom:40px} .page-template-page-dlc-menu-php .fourcol h5 {color:#73e7e3;text-transform:uppercase; font-family: 'gothammedium','Arial','sans-serif';font-size: 1.3em;margin-top:18px} .page-template-page-dlc-menu-php .fourcol ul {padding-left:18px} .page-template-page-dlc-menu-php .fourcol li {background:transparent url(//webcdn.triongames.com/defiance/images/pre-order/ego-bullet.png) no-repeat left 5px;padding-left:16px;list-style-type:none;color:#d9eaec;font-size: .9em;} .dlc-season-pass .dlc-combat-cap, .dlc-season-pass .dlc-lock-box {font-size:.75em;color:#65cbc7;font-family: arial, tahoma, sans-serif;position: absolute} .page-template-page-dlc-menu-php h3.dlc-price {font-size: 2.6em} .page-template-page-dlc-menu-php h3.dlc-price span {vertical-align:27%;margin-left:0;} .dlc-season-pass .twelvecol.last{margin-bottom:30px} .dlc-season-pass .dlc-combat-cap{left:25px;top:89px;text-align:right} .dlc-season-pass .dlc-lock-box{bottom:25px;left:138px} .dlc-season-pass .disclaimer {font-size:.8em;padding:0;color:#c0c0c0} .dlc-7th-legion, .dlc-castithan, .dlc-arkbreaker, .dlc-arktechrev, .dlc-gunslinger, .dlc-season-pass{ background: transparent url(//webcdn.triongames.com/defiance/images/dlc/divider.png) scroll no-repeat top center; padding-top: 40px} .dlc-7th-legion header, .dlc-castithan header, .dlc-arkbreaker header, .dlc-arktechrev header, .dlc-gunslinger header, .dlc-season-pass header {border-left: 5px solid #58afaf; padding-left: 7px; margin-bottom: 35px} .page-template-page-dlc-menu-php .button4{margin: -20px auto 0} #dlc-alt-purchase {font-size:.85em;font-weight:700;text-transform:uppercase;text-align:center;padding-right:10px;margin-top:-25px;color:#FFF;margin-bottom:25px;text-shadow: 2px 2px 2px rgba(0, 0, 0, 1)} #dlc-alt-purchase a {color:#FFF;text-decoration:underline;}