/* 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
= normalize = */
*{box-sizing:border-box;}
html, body{background-color:#FFF; height:100%;} body { overflow-x: hidden; }
body > font, body > br{display:none !important;}
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%;background-color:transparent;}
html,button,input,select,textarea{font-family:sans-serif;color:#222}
body{margin:0}
::-moz-selection{background:#A3E7A5;color:#000;text-shadow:none}
::selection{background:#A3E7A5;color:#000;text-shadow:none}
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:-.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}
table{border-collapse:collapse;border-spacing:0}
td{vertical-align:top}
.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
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%}
img{height:auto}
h1,h2,h3,h4,h5,h6 { font-family: "Oswald", sans-serif; font-weight: 400; }
/* Assistive text */
.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important}
.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-weight:700;height:auto;line-height:normal;padding:15px 23px 14px;position:absolute;left:5px;top:5px;text-decoration:none;width:auto;z-index:100000/* Above WP toolbar */}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-inner,.fancybox-outer,.fancybox-skin{position:relative}.fancybox-skin{background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);box-shadow:0 10px 25px rgba(0,0,0,.5)}.fancybox-inner{overflow:hidden}.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-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-next span,.fancybox-prev span{background-image:url(//webcdn.triongames.com/common/fancybox/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}.fancybox-close,.fancybox-nav,.fancybox-nav span{cursor:pointer;z-index:8040;position:absolute}#fancybox-loading div{width:44px;height:44px;background:url(//webcdn.triongames.com/common/fancybox/fancybox_loading.gif) center center no-repeat}.fancybox-close{top:-18px;right:-18px;width:36px;height:36px}.fancybox-nav{top:0;width:40%;height:100%;text-decoration:none;background:url(//webcdn.triongames.com/common/fancybox/blank.gif);-webkit-tap-highlight-color:transparent}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{top:50%;width:36px;height:34px;margin-top:-18px;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}
/* Overlay helper */
.fancybox-lock,.fancybox-lock body{overflow:hidden!important}.fancybox-lock{width:auto}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(//webcdn.triongames.com/common/fancybox/fancybox_overlay.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:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:0 0;background:rgba(0,0,0,.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:700;line-height:24px;white-space:nowrap}.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)}.fancybox-wrap{-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #000}.fancybox-close{position:absolute;top:-40px;right:0;width:25px;height:25px;cursor:pointer;z-index:8040;background-position:0 -300px}.fancybox-inner{overflow:hidden!important}
/*! fancyBox custom */
.fancybox-skin {
position: relative;
background: #1b1b1b;
color: #444;
text-shadow: none;
border-radius: 0;
}
.fancybox-opened .fancybox-skin {
box-shadow:0 0 0 2px #FFF, 0 0 15px #FFF;
}
.fancybox-overlay {
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background: url('//webcdn.triongames.com/common/fancybox/fancybox_overlay.png');
}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
.fancybox-close {
position: absolute;
top: -30px;
right: -2px;
cursor: pointer;
z-index: 8040;
width:18px;
height:18px;
background-position: -10px -8px;
box-shadow:0 0 0 2px #FFF, 0 0 15px #FFF;
}
.fancybox-title-float-wrap .child {
display: inline-block;
margin-right: -100%;
padding: 2px 20px;
background: transparent;
background: rgba(0, 0, 0, 0.8);
text-shadow: 0 1px 2px #222;
color: #FFF;
font-weight: bold;
line-height: 24px;
white-space: nowrap;
}
.fancybox-wrap{border:1px solid #000; margin-top: 14px; }
.dob-error {display:none;}
/* 2013 Global Nav update: 02/24/2014 */
/* Global Navigation */
.trion-global-nav { z-index: 10; }
.news-pg .aligncenter { display: block; margin: 0 auto; }
#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;z-index:99999;font-size:13px}
.home #gnav-2013{top:0;}
.elastic{max-width:960px;margin:0 auto;overflow:hidden;height:42px}
.sub{display:none;position:absolute;z-index:10000}
.target01 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-size:.9em}
#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; margin-left: 4px}
#gnav-2013 .nav1 li{display:block;float:left;}
#gnav-2013 .nav2 li{display:inline-block}
#gnav-2013 .nav2{float:right;}
/* Targeting mechanism */
#gnav-2013 .target:hover .sub{/* display:block - Removed using a jquery solution instead */}
#gnav-2013 .games{height:42px}
#gnav-2013 .nav1 li span{padding:10px 20px 10px 0}
#gnav-2013 .games a{padding:12px 23px;display:block}
#gnav-2013 .games a:hover,#gnav-2013 .nav2 a:hover{color:#FFF;background-color:#1a1a1a}
#gnav-2013 ul,#gnav-2013 .games ul,#gnav-2013 .nav2 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{max-width:960px;margin:0 auto;min-height: 158px;}
#gnav-2013 .games .sub li{float:none;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;color:#000;height:118px;width:auto}
#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%}
.ie7 #gnav-2013 .games .sub li a,.ie8 #gnav-2013 .games .sub li a{filter:alpha(opacity=60);width:136px;margin-right:2px}
.ie7 #gnav-2013 .games .sub li a:hover,.ie8 #gnav-2013 .games .sub li a:hover{filter:alpha(opacity=100);background:transparent url(//webcdn.triongames.com/common/gnav/white-blur-light-v3.jpg) no-repeat scroll 50% 50%}
#gnav-2013 .games img{margin: 0 auto;width:65%;display:block;border:none;position:relative}
#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 .nav2 .target{background:none}
#gnav-2013 .nav2 .sub{top:41px;background-color:#333;min-width:96px;border-top:1px dotted #575757}
.ie7 #gnav-2013 .nav2 .sub{width:100px}
#gnav-2013 .nav2 a{padding:13px 23px;display:block}
#gnav-2013 .nav2 a.language{padding:13px 15px;min-width:66px;text-align:center}
#gnav-2013 .nav2 a.language:hover{background-color:#444}
#gnav-2013 .nav2 li{height:42px;background:url(//webcdn.triongames.com/common/gnav/sprite.png) no-repeat scroll right -24px !important;margin:0 0 0 -4px}
.ie7 #gnav-2013 .nav2 li{display:inline}
#gnav-2013 .nav2 li li{display:block;padding:0;margin:0;border-bottom:1px dotted #575757;height:35px;background-image:none}
.ie7 #gnav-2013 .nav2 li li{display:block;margin:0}
#gnav-2013 .nav2 li li:last-child{border-bottom:none}
#gnav-2013 .nav2 li li a{display:block;padding:10px 14px 10px 21px;background-color:#333;}
#gnav-2013 .nav2 li li a:hover{display:block;background-color:#444}
#gnav-2013 .nav2 li li .selected{background:url(//webcdn.triongames.com/common/gnav/sprite.png) no-repeat scroll 227% -202px}
#gnav-2013 .nav2 li li a.language:hover{background-color:#444}
#menu-item-56:hover .sub-menu, #menu-item-82:hover .sub-menu, #menu-item-69:hover .sub-menu{display:block} /* makes the submenu appear */
.main-navigation .sub-menu{width:300px;height:auto;position:absolute;z-index:1;top:58px;padding:30px 0 15px 0;background-color:#FFF;-webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;-webkit-box-shadow:1px 3px 3px 0px rgba(0, 0, 0, 0.23);-moz-box-shadow:1px 3px 3px 0px rgba(0, 0, 0, 0.23);box-shadow:1px 3px 3px 0px rgba(0, 0, 0, 0.23)}
.blog .main-navigation .sub-menu, .page-template-page-founders-packs-php .main-navigation .sub-menu, .page-template-generic-php .main-navigation .sub-menu, .page-beta .main-navigation .sub-menu {top:90px}
.wrap {margin: 0px !important}
body {color:#393536;font-size:16px;line-height:1.4;font-family:'Lato', sans-serif;}
p {color:#393536;}
a { color: #d92137; }
a:hover { text-decoration:none; }
.clear {clear: both;}
.cf:after {content: ".";visibility: hidden;display: block;height: 0;clear: both}
.browser-ie .cf {zoom: 1} /* For IE */
.desk{display:block;}
.mobile{display:none;}
/* Navigation */
.main-navigation{ position:absolute; width:100%; z-index:6; font-family:'Oswald', sans-serif; background-color: #FFF; }
.main-navigation ul{ max-width: 1920px; margin: 0 auto; font-size: 14px; position: relative;}
.main-navigation li {display: inline-block; vertical-align: middle; }
.main-navigation li:first-child{display:none;}
.main-navigation li a{ display: block; height: 50px; padding-top: 15px; text-transform: uppercase; width: 110px; text-align: center; line-height: 1.4; color: #403e47; text-decoration: none; }
.main-navigation li:nth-child(2) a{
background-image:url(//webcdn.triongames.com/ar/assets/images/light/img/AR_Horizontal_Logo_Dark.png); background-position: 0 10px;
background-repeat:no-repeat;background-repeat: no-repeat;width: 210px; text-indent:-9999px; margin: 0 40px; background-color: #fff; }
.main-navigation li:nth-child(2) a:hover{ background-color: rgba(0,0,0,0); opacity: .8;}
.main-navigation li a:hover { background-color: #2cd1f0; color: #FFF;}
.main-navigation li:last-child { position: absolute; right: 0; top: -8px; margin-right: 30px; }
.main-navigation li:last-child a { position: relative; z-index: 6; font-size: 30px; width: 200px; color: #fff;font-weight: 500; background: url(//webcdn.triongames.com/ar/assets/images/light/img/red-cta-bn.png) no-repeat 0 0; width: 238px; height: 94px; }
.main-navigation li:last-child a:hover { background-position: 0 -104px; height: 100px; }
.nav-divider { content: ""; position: absolute; top: 58px; height: 55px; width: 100.1%; background-color: rgba(44,209,240,.8); z-index: 5; overflow: hidden;
transform: rotate(1deg);
-webkit-transform: rotate(1deg);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
outline: 1px solid transparent;
}
.main-navigation .current-menu-item a, .main-navigation .current_page_parent a, .main-navigation .current_page_item a { background-color: rgba(44, 209, 240, 0.8); color: #FFF; }
/* Navigation animiation */
.fix-nav-in, .fix-nav-out, .fix-nav-static{position:fixed; border-bottom: 2px solid rgba(44, 209, 240, 0.8); }
.fix-nav-in{top:0;-webkit-animation:navIn 0.3s ease;animation:navIn 0.3s ease;}
@keyframes navIn{
from{top:-60px;}
}
@-webkit-keyframes navIn{
from{top:-60px;}
}
.fix-nav-out{-webkit-animation:navOut 0.3s ease;-webkit-animation-fill-mode:forwards;animation:navOut 0.3s ease;animation-fill-mode:forwards;}
@keyframes navOut{
from{top:0;}
to{top:-100px;}
}
@-webkit-keyframes navOut{
from{top:0;}
to{top:-100px;}
}
.fix-nav-static{top:0;}
/* footer corp nav */
footer .legal-nav-container { margin: 0 auto; max-width: 1060px; width: 96%; }
footer nav.legal { text-align: center; }
footer nav.legal ul { margin: 1em 0 2em; }
footer nav.legal ul li {display: inline-block; margin: 10px 0; padding: 0 10px; border-right: 1px solid #444; }
footer nav.legal ul li:last-child { border: none; cursor: pointer; }
footer nav.legal #change-region {
background: #222222 none repeat scroll 0 0;
border: 1px solid #333333;
border-radius: 3px;
color: #666;
font-size: 13px;
margin: 0 5px;
padding: 6px 9px;
}
footer nav.legal a, .region-selector-container a { color: #ebebeb; }
footer nav.legal #change-region span {
background: #222222 url("//webcdn.triongames.com/eon/website/images/region-arrows.png") no-repeat scroll 100% 4px;
padding-right: 16px;
color: #fff;
}
footer .legal #change-region span.selected {
background-position: 100% -31px;
}
footer .region-selector ul.region-selector-container {
margin: 0 auto;
max-width: 480px;
}
footer .region-selector ul.region-selector-container li.column {
border-right: 1px solid #404040;
min-height: 132px;
padding: 0 30px;
margin-bottom: 30px;
display: inline-block;
vertical-align: top;
}
footer .region-selector ul.region-selector-container li.column:last-child { border: none; }
footer .region-selector ul.region-selector-container li.column { color: #fff; }
#whole{ width:100%; height:auto; overflow:hidden; max-width: 1920px; margin: 0 auto; }
#whole section#header { border-bottom: 2px solid #d92137; overflow: hidden; position: relative;}
#whole .bg-main-header {
background: #bdb7bf url("//webcdn.triongames.com/ar/assets/images/light/img/header img_02.jpg") no-repeat center center;
background-size: cover;
width: 100%; height: 800px;
}
#header-mobile{display:none;}
/* Video Top */
#bg-video-top { width: 100%; height: 800px; background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); }
#player_overlay { position: relative; width: 100%; height: 100%; display:none; overflow: hidden; pointer-events: none; }
#player_top { position: absolute; }
/* home news section */
#news{ min-height: 400px; background: #E8E3F7 url(//webcdn.triongames.com/ar/assets/images/light/img/bg-home.jpg) no-repeat 0 0; padding: 20px; }
#news h2 { font-family: "Oswald", sans-serif; margin: 0; padding: 0 10px 20px; font-weight: 500; font-size: 32px; text-transform: uppercase; }
.news-container {display: -webkit-flex; display: -moz-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; margin: 0 auto; }
.news-info { padding: 10px; max-width: 440px; display: block; vertical-align: top; text-align: left; width: 100%; }
.news-info h5 {font-size: 24px; text-transform: uppercase; line-height: 1.1; margin-bottom: 10px; min-height: 55px; }
.news-info h5 a { color: #393536; text-decoration: none; }
.news-info > a{ width: 100%; height: 300px; display: inline-block; border: 2px solid #fff; box-shadow: 2px 2px 10px -4px rgba(0, 0, 0, 0.75); background-position: center center; background-repeat: no-repeat; }
.news-info > a:hover { -webkit-filter: brightness(1.2); filter: brightness(1.2); }
.news-info--cont { padding: 10px 20px;}
.news-info--cont p { margin: 10px 0; }
.news-info--cont a.read-more { text-transform: uppercase; font-size: 14px; }
.news-aside { max-width: 440px; display: block; vertical-align: top; padding: 10px; text-align: left; }
.news-aside-summary { padding: 10px; border-top: 1px solid #bdb7bf; min-height: 100px; }
.news-aside-summary h5 { font-size: 25px; line-height: 1.1; margin-bottom: 10px; }
.news-aside-summary h5 a { color: #393536; text-decoration: none; text-transform: uppercase; }
.news-aside-summary .article-details {margin-bottom: 10px; }
.news-aside .more-news { position: relative; padding-bottom: 60px; }
.news-aside .more-news a { width: 227px; position: absolute; right: 0; }
.news-info h5 a:hover, .news-aside-summary h5 a:hover { opacity: .8; }
#header [id*="flare"]{opacity:0.5;}
#char-thumbs li:hover, .skill-nav li:hover {cursor:pointer;}
.hlight1{box-shadow:0 0 0 2px #A6E4A5, 0 0 15px #A6E4A5;}
.player{position:relative;}
.player:after{content:'';position:absolute;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);left:50%;top:50%;background:url(//webcdn.triongames.com/ar/assets/images/video_btn_sprite.png) center -77px no-repeat;width:80px;height:77px;margin-top:1px}
.player:hover::after {
background-position: center 0;
margin-top:0;
}
.player:hover{cursor:pointer;}
.divider:after{position:absolute;content:'';height:3px;width:100%;background-image:linear-gradient(90deg, transparent, #6467f8, #a3a6f2, #6467f8, transparent);top:0;}
#head-logo { max-width: 660px; }
/* Top news */
#whole .news-alert { padding: 0 10px; max-width: 500px; width: 100%; position: absolute; left: 10%; top: 250px; z-index: 2; font-family: "Oswald", sans-serif; }
#whole .news-alert h2 {text-transform: uppercase; color: #FFF; font-size: 84px; font-weight: 500; letter-spacing: 2px; line-height: 1.1; text-shadow:#000 1px 1px 0; }
#whole .news-alert h3 {text-transform: uppercase; color: #FFF; font-size: 32px; text-shadow:#000 1px 1px 0; }
#whole .news-alert p {color:#FFF; font-family: "Lato", sans-serif; margin: 20px 0; text-shadow:#000 1px 1px 0; }
#whole .news-alert .cta-btn { width: 100%; max-width: 230px; font-size: 20px; margin: 20px 0;}
#whole .instant-access p { line-height: 1.2; }
#whole .instant-access .redeem-link { margin-top: -10px; }
.active-modal{overflow:hidden;}
/* Game */
#game iframe,#game img {width:100%;}
#game .center { max-width:1260px; padding: 60px 20px; position: relative; z-index: 2; }
section#game h2 {
font-size: 62px; font-family: "Oswald", sans-serif; font-weight: 500; line-height: 1.2; margin-top: 0; text-transform: uppercase;
}
section#game header, section#community header { margin: 140px auto 0; max-width: 1260px; width: 100%; padding: 0 20px;}
section#game header h3 { margin-top: 50px; }
#game{ background: transparent url(//webcdn.triongames.com/ar/assets/images/light/img/bg-game-top.jpg) center top no-repeat; padding:10px 0 0; margin-top:20px; }
#game .game-video-container { border: 3px solid #fff; box-shadow: 2px 2px 10px -4px rgba(0, 0, 0, 0.75); background-color: #000; }
#game .game-video-container a { position: relative; display: inline-block; }
#game .game-video-container a:after { opacity: .8; content: ""; background: url(//webcdn.triongames.com/ar/assets/images/light/img/play-button.png) 0 0 no-repeat; width:156px; height:156px; position: absolute; left: 50%; margin-left: -78px; top: 50%; margin-top: -78px; }
#game .game-video-container a:hover { -webkit-filter: brightness(1.2); filter: brightness(1.2); }
#game .game-video-container a:hover:after { opacity: 1; }
#game .game-copy { text-align: left; margin-top: 60px; vertical-align: top; display: -webkit-flex; display: -moz-flex; display: flex; }
#game .game-copy h3 { color: #fff; font-size: 32px; max-width: 600px; width: 100%; font-family: "Oswald",sans-serif; margin-bottom: 20px; }
#game .game-copy h4 { font-size: 24px; font-family: "Oswald",sans-serif; text-transform: uppercase; color: #2cd1f0; }
#game .game-copy p { font-size: 16px; color: #a59bb9; margin: 10px 0 30px;}
#game .game-copy .game-copy-desc { max-width: 600px; width: 100%; }
#game h3, #game h4 {}
#game h3 { font-size: 26px;text-transform:uppercase;line-height: 1.2em;}
#game h4 { font-size: 19px;}
#game p { font-size: 16px; }
/* Whole Merge sections */
.game-world-sections .merge-sections {
margin-top: -835px; margin-bottom: -180px;
width: 100%; height: 986px; max-width: 1920px;
}
.game-world-sections .merge-sections .bg-transparent {
width: 2000px; height: 906px; margin-bottom: 40px; margin-left: -20px;
background: linear-gradient(to bottom, rgba(39,28,60,.8) 0%,rgba(39,28,60,1) 90%, #181227 100%), url(//webcdn.triongames.com/ar/assets/images/light/img/bg-gradient.png);
transform: rotate(2deg);
-webkit-transform: rotate(2deg);
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
outline: 1px solid transparent;
}
/* World-1 */
#world { background: transparent url(//webcdn.triongames.com/ar/assets/images/light/img/atlas_bg.jpg) center top no-repeat; background-attachment: fixed; background-size: cover; max-width: 1920px; min-height: 1068px; }
#world .world-container { display: -webkit-flex; display: -moz-flex; display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; padding-top: 220px; }
#world .dialog { padding: 0 20px; width: 100%; max-width: 640px; min-height: 700px; position: relative; margin-right: calc(50% - 320px); }
#world .dialog h2 { line-height: normal; text-align: left; text-shadow: none; width: auto; font-size: 62px; font-family: "Oswald", sans-serif; text-transform: uppercase; }
#world .dialog p { font-size: 20px; margin: 40px 0; }
#world .dialog p:last-child { margin-bottom: 40px; }
#world .top-btn { padding-bottom: 50px; }
/* Community Hub v2 */
#community{ background: #0F061F url(//webcdn.triongames.com/ar/assets/images/community/top-bg.jpg) center top no-repeat; padding:10px 0 120px 0; margin-top:10px; }
#community h1, #community h2 { color: #fff; font-size: 54px; max-width: 600px; width: 100%; font-family: "Oswald",sans-serif; margin:40px 0 10px 0; text-transform: uppercase; }
#community h2 { font-size: 42px; }
#community p.comm-summary { color: #fff; margin: 0 0 10px 0; }
#community ul.comm-social { margin: 0 -8px;}
#community .forum-box h3 {color:#28c8e6;font-size: 2em;}
#community .forum-box p {color:#b8adcc;}
.forum-box {border: 1px solid #4e3879;background-color:rgba(1, 5, 26, 0.8);padding:1.8em;}
.community-sections a {color: #e33146; text-decoration: underline; text-transform: capitalize; }
.community-sections a:hover { text-decoration: none; }
.community-sections .forum-box a {color:#28c8e6;text-decoration: none;}
#community .center { max-width:1260px; padding: 60px 20px; position: relative; z-index: 2; }
#community .center header, #community .center div {text-align: left;}
#community ul {list-style-type: none;}
#community ul li {display: inline-block;}
#community h2, #community h3 {text-transform: uppercase;}
section#community header { padding-left: 0; margin-top: 80px; }
section#community header:first-child {padding-left: 0; margin-top:100px;}
section#community header h2 { margin-top:10px; }
.community-copy { display: -webkit-flex; display: -moz-flex; display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -15px;}
.community-copy a { text-decoration: none; display: inline-block; margin:15px; width: 47%; flex-grow: 2;}
.community-copy a:hover div { background-color: rgba(1, 5, 26, 0.6); }
#community a:hover .forum-box h3 { color: #e3cbf1; }
.other-community { display: -webkit-flex; display: -moz-flex; display: flex; flex-direction: row; flex-wrap: wrap; margin: 0 -15px;}
.other-community a div { width: 100%; height: 100%; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 54%, rgba(0,0,0,0.85) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,0.85) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 54%,rgba(0,0,0,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );}
.other-community a { position: relative; text-decoration: none; display: inline-block; margin:1em 15px 1em 15px; border: 1px solid #4e3879; width: 280px; height: 240px; background-position: center center; background-size: cover; flex-grow: 1; max-width: 660px;}
.other-community a:hover {-webkit-filter: brightness(1.2); filter: brightness(1.2); }
.other-community h3 { position: absolute; color: #FFF; bottom: 0; right: 0; font-size: 28px; width: 50%; text-align: right; margin: 0 20px 20px 0; }
.other-community a.recruit { background-image: url(//webcdn.triongames.com/ar/assets/images/light/img/c-raf3.jpg);}
.other-community a.missions {background-image: url(//webcdn.triongames.com/ar/assets/images/light/img/c-cm.jpg);}
.other-community a.creator { background-image: url(//webcdn.triongames.com/ar/assets/images/light/img/c-cp.jpg);}
.other-community a.creations { background-image: url(//webcdn.triongames.com/ar/assets/images/light/img/c-cc2.jpg);}
.other-community a.faqbox { background-image: url(//webcdn.triongames.com/ar/assets/images/light/img/zuki_header.jpg); }
/* community hub rewards */
.community-sections #found-pack-wrapper { margin-top: -118px; }
.community-sections .parent-wrapper { margin-bottom: 0; }
.community-sections #found-pack-wrapper .cta-btn { text-transform: uppercase; font-weight: 500; color: #FFF; }
.community-sections #milestones { background-color: #17142F; }
.community-sections #missions a { color: #2cdeff; opacity: .8; }
.community-sections #missions a:hover { opacity: 1; }
/* Characters Selector */
#whole.characters { background: #F9EAFF url(//webcdn.triongames.com/ar/assets/images/light/img/bg-characters.jpg) no-repeat center top; min-height: 975px; padding: 0 20px; position: relative; }
#whole.characters .news-pg { max-width: 1570px; vertical-align: top; display: -webkit-flex; display: -moz-flex; display: flex; justify-content: space-between; }
.characters .news-pg { margin: 0 auto; }
.character-selector { display: inline-block; width: 100%; max-width: 720px; vertical-align: top; margin-top: 150px; margin-bottom: 50px; z-index: 1; }
.character-selector header { width: 100%; max-width: 600px; padding: 0 20px; margin-bottom: 50px; }
.character-selector header h1 { font-size: 32px; color: #FFF; line-height: 1.1; text-align: left; padding: 0; margin-bottom: 30px; }
.character-selector header h1 strong { font-size: 86px; display: block; font-weight: 500; }
.character-selector header p { color: #FFF; font-size: 20px; margin: 10px 0; }
.character-highlight { display: inline-block; margin-top: 20px; }
.character-highlight img { position: absolute; z-index: 0; right: 0; bottom: 0; }
.character-name-title { position: absolute; right: 0; top: calc(50% - 70px); z-index: 1; background: rgba(19, 18, 26, .8); height: 152px; }
.character-name-title:before {
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 152px 20px;
border-color: transparent transparent rgba(19, 18, 26, .8) transparent;
content: "";
position: absolute; left: -20px;
}
.character-name-title h2 { color: #FFF; font-size: 62px; font-family: "Oswald",sans-serif; font-weight: 500; text-transform: uppercase; margin: 10px 20px; }
.character-name-title h2 span { display: block; color: #2cdeff; font-size: 24px; font-family: "Lato",sans-serif; }
.character-selector ul.character-portraits {
display: -webkit-flex; display: -moz-flex; display: flex; flex-direction: row; flex-wrap: wrap; justify-content:flex-start; align-items: flex-start;
margin-left: 20px;
}
.character-selector ul.character-portraits li {
list-style-type: none; margin: 1px 4px;
}
.character-selector ul.character-portraits li a.character-portrait {
display: inline-block; text-decoration: none;
width: 100px; height: 100px;
position: relative;
border: 2px solid #FFF;
overflow: hidden;
z-index: 0;
-webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); -ms-transform: skew(-20deg);
}
.character-selector ul.character-portraits li a.character-portrait span {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 155px; height: 100%; left: -20px;
color: rgba(0,0,0,0); display: block;
position: absolute;
-webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); -ms-transform: skew(20deg);
}
.character-selector ul.character-portraits li a.character-portrait:hover span,
.character-selector ul.character-portraits li a.character-portrait.selected span {
opacity: 1;
width: 180px; height: 100%; left: -20px;
}
.character-selector ul.character-portraits li a.character-portrait:hover {
border: 2px solid #FFF;
width: 120px; height: 120px;
outline: 4px solid #2cd1f0;
margin: -10px;
z-index: 2;
background-color: rgba(217, 33, 55, 1);
}
.character-selector ul.character-portraits li a.character-portrait.selected {
border: 2px solid #FFF;
width: 120px; height: 120px;
outline: 4px solid #2cd1f0;
margin: -10px;
z-index: 2;
}
.character-selector ul.character-portraits li.extra-space { }
.character-sub-header { display: none; }
.character-selector.small ul.character-portraits li { position: relative; }
.character-selector.small ul.character-portraits li a.character-portrait { width: 80px; height: 80px; }
.character-selector.small ul.character-portraits li { margin: 0 10px;}
.character-selector.small ul.character-portraits li a.character-portrait span { left: -35px; }
.character-selector.small ul.character-portraits li em { color: #FFF; position: absolute; bottom: -20px; left: -20px; font-size: 14px; text-transform: capitalize; font-style: normal; }
.character-selector.small ul.character-portraits li a.character-portrait:hover,
.character-selector.small ul.character-portraits li a.character-portrait.selected { width: 80px; margin: 0; }
.character-selector.small ul.character-portraits li a.character-portrait:hover span,
.character-selector.small ul.character-portraits li a.character-portrait.selected span { left: -45px; width: 170px; }
/* Character Details */
.character-detail-page { background-color: #161126; }
.character-detail-page h3 { font-size: 32px; color: #fff; text-transform: uppercase; }
#Character_Taunts { max-height: 750px; height: 100%; border-bottom: 2px solid rgba(44, 209, 240, 0.8); }
.character-taunt-container {
width: 100%; max-height: 750px;
background-size: cover;
background-repeat: no-repeat;
overflow: hidden;
position: relative;
height:0; max-width:1920px; padding-bottom:39.06250%; width:100%;
}
.character-taunt-container header { padding: 150px 20px 0; position: relative; z-index: 2; width: 100%; max-width: 1570px; margin: 0 auto;}
.character-taunt-container h1 { font-family: "Oswald",sans-serif; font-weight: 500; font-size: 84px; text-transform: uppercase; color: #FFF; width: 100%; }
.character-taunt-container h1 span { display: block; font-size: 24px; color: #2cd1f0; margin-left: 4px; letter-spacing: 1px; margin-top: -15px; }
.character-taunt-container #Taunt_Video_Sound { position: absolute; top: 50%; right: 0; z-index: 2; color: #fff; background: url(//webcdn.triongames.com/ar/assets/images/light/img/mute_icons.png) no-repeat -49px 0; width:49.5px; height: 50px; text-indent: 100%; white-space: nowrap; overflow: hidden; opacity: .8; margin-right: 20px; }
.character-taunt-container #Taunt_Video_Sound[title="Mute"] { background-position: 0 0; }
.character-taunt-container #Taunt_Video_Sound:hover { opacity: 1; }
.character-taunt-container video {
width: 100%; max-width: 1920px; height: 100%;
position: absolute;
z-index: 1;
}
#Character_Details { height: 850px; position: relative; }
.character-video-container { position: absolute; right: 50%; top: 0; transform: translateX(50%); z-index: 0; }
.character-details-container, .dossier-container { position: relative; z-index: 1; max-width: 1260px; padding: 130px 0 50px; margin: 0 auto; }
.character-details-content { max-width: 640px; width: 100%; padding: 0 20px; display: inline-block; }
.character-details-content h2 { font-size: 62px; color: #FFF; text-transform: uppercase; line-height: 1.2; }
.character-details-content h2 span { font-size: 24px; color: #2cd1f0; display: none; }
.character-details-content .char-type { display: -webkit-flex; display: -moz-flex; display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 500px; }
.character-details-content .char-type p {font-size: 16px; font-family: "Oswald", sans-serif; text-transform: uppercase; color: #ccbec1; margin-top: 30px; }
.character-details-content .char-type p:first-child { margin-right: 20px; }
.character-details-content .char-type .char-bio { position: relative; margin-left: 50px; color: #fff; }
.character-details-content .char-type .char-bio:before { position: absolute; content: ""; background: url(//webcdn.triongames.com/ar/assets/images/char/trust_role_icons.png); width: 50px; height: 40px; top: -8px; left: -50px; }
.character-details-content .char-type .char-bio.firepower:before { background-position: 50px; }
.character-details-content .char-type .char-bio.frontline:before { background-position: 100px; }
.character-details-content .char-type .char-bio.support:before { background-position: 150px; }
.character-details-content .char-type .char-bio.wildcard { margin-left: 0; }
.character-details-content .char-type .char-bio.wildcard:before { background-position: 0px; content: none; }
.character-details-content .char-type .char-bio.warbotics:before { background-position: 200px; }
.character-details-content .char-type .char-bio.evolutionsolutions:before { background-position: 0px; }
.character-details-content .char-type .char-bio.omnitrust:before { background-position: 250px; }
.character-details-content section.char-desc p { font-size: 16px; color: #aea3c1; margin-top: 30px; }
#Character_Details_Player { pointer-events: none; height: 850px; width: 1920px;}
.character-details-content .character-selector { display: -webkit-flex; display: -moz-flex; display: flex; margin-bottom: 0; margin: 60px 0 30px; }
.character-details-content .character-selector header { padding: 0; max-width: 135px; width: 100%; margin-bottom: 0; }
.character-details-content .character-selector .character-portraits li { margin: 0 20px;}
.character-details-content .character-stats { display: -webkit-flex; display: -moz-flex; display: flex; margin: 60px 0 30px; }
.character-details-content .character-stats header { max-width: 135px; width: 100%; }
.character-details-content .character-stats ul { margin-top: 5px; }
.character-details-content .character-stats ul li { list-style-type: none; font-size: 16px; font-family: "Oswald", sans-serif; font-weight: 500; text-transform: uppercase; color: #FFF; margin-bottom: 10px; }
.character-details-content .character-stats ul li strong { width: 100px; display: inline-block; }
.character-stats .bg-stats { background: url(//webcdn.triongames.com/ar/assets/images/light/img/stats-meter.png) no-repeat 0 top; width: 184px; height: 16px; display: inline-block;}
.character-stats .bg-stats.f1 { background-position: 0 -16px; }
.character-stats .bg-stats.f2 { background-position: 0 -32px; }
.character-stats .bg-stats.f3 { background-position: 0 -48px; }
.character-stats .bg-stats.f4 { background-position: 0 -64px; }
.character-stats .bg-stats.f5 { background-position: 0 -80px; }
.character-stats .bg-stats.f6 { background-position: 0 -96px; }
.character-stats .bg-stats.f7 { background-position: 0 -112px; }
.character-stats .bg-stats.f8 { background-position: 0 -128px; }
.character-stats .bg-stats.f9 { background-position: 0 -144px; }
.character-stats .bg-stats.f10 { background-position: 0 -160px; }
#Character_Abilities { background: #22234f url(//webcdn.triongames.com/ar/assets/images/light/img/bg-character-abilties.jpg) no-repeat; background-attachment: fixed; min-height: 950px; }
.character-abilites header, .dossier-container header { padding: 0 20px; color: #fff; }
.character-abilites > header h2, .dossier-container > header h2 { color: #fff; font-size: 62px; text-transform: uppercase; }
.character-abilites > header p { color: #fff; font-size: 24px; text-transform: uppercase; }
.character-ability { background-color: rgba(0,0,0,.25); min-height: 320px; margin: 20px; display: -webkit-flex; display: -moz-flex; display: flex; justify-content: space-between; flex-wrap: wrap;}
.character-ability-info { width: 100%; max-width: 465px; min-height: 320px; padding: 20px; }
.bg-ability-icon { width: 100px; height: 100px; }
.character-ability .character-ability-info header { position: relative; padding: 0; min-height: 100px; }
.character-ability-info header .bg-ability-icon { position: absolute; }
.bg-ability-icon.ability_1 { background-position: -100px 0;}
.bg-ability-icon.ability_2 { background-position: -200px 0;}
.bg-ability-icon.ability_3 { background-position: -300px 0;}
.bg-ability-icon.ability_4 { background-position: -400px 0;}
.bg-ability-phase-container { max-width: 285px; margin: 20px 0;}
.bg-ability-phase { background: url(//webcdn.triongames.com/ar/assets/images/char/phase_sprite.png) no-repeat; background-position:NaN% 0%; background-size:100.00000% 300.00000%; height:0; max-width:268px; padding-bottom:20.14925%; width:100%;}
.bg-ability-phase.dash {background-position:0 center; background-size:100.00000% 300.00000%; height:0; max-width:268px; padding-bottom:20.14925%; width:100%; }
.bg-ability-phase.blast {background-position:0 bottom; background-size:100.00000% 300.00000%; height:0; max-width:268px; padding-bottom:20.14925%; width:100%;}
.ability-desc {color: #fff; }
.character-ability .character-ability-info header h3 { margin-left: 120px; font-size: 24px; padding-top: 15px; }
.character-ability .character-ability-info header p { margin-left: 120px; font-size: 14px; color: #b8adcc; text-transform: capitalize; }
.character-ability-video { max-width: 600px; padding: 20px; text-align: right; }
.character-ability-video video { width: 100%; max-width: 492px; display: inline-block; border: 2px solid #fff; box-shadow: 2px 2px 10px -4px rgba(0, 0, 0, 0.75); cursor: pointer; }
#Character_Dossier { background: url(//webcdn.triongames.com/ar/assets/images/light/img/bg-character-dossier.jpg) no-repeat center top; background-attachment: fixed; }
.dossier-content { margin: 20px 0; display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap: wrap; }
.dossier-content .meta { padding: 0 20px; border-right: 2px solid rgba(255, 255, 255, 0.1); }
.dossier-content > div { width: 50%; }
.dossier-content .description { margin: 20px 0; }
.dossier-content .description p { margin: 40px 0;}
.dossier-content .description a { color: #2cd1f0; }
.dossier-content p { color: #aea3c1; margin: 15px 0; }
.dossier-content p strong { text-transform: uppercase; color: #FFF; display: inline-block; width: 30%; vertical-align: top; }
.dossier-content p span { display: inline-block; width: 70%; padding: 0 0 0 8px; }
.dossier-content ul li { color: #aea3c1; }
.dossier-content .social {margin-bottom: 20px;}
.dossier-content .social a { color: #FFF; }
.dossier-content .associates { padding: 0 20px; }
.dossier-content .friends, .dossier-content .rivals { margin: 0; }
.dossier-content .associates-blurb { margin: 15px 0 20px 15px;}
.dossier-content .character-selector.small ul.character-portraits li { margin: 1px 4px; }
.dossier-content .character-portraits { margin-bottom: 15px; }
#Character_Selector { background: url(//webcdn.triongames.com/ar/assets/images/light/img/bg-character-selector.jpg); background-position: center top; background-size: cover; background-repeat: no-repeat; min-height: 900px; position: relative; padding-bottom: 100px; }
#Character_Selector .character-selector { text-align: center; margin: 0 auto; display: block; padding: 130px 20px 50px; }
#Character_Selector .character-selector header { max-width: inherit; }
#Character_Selector .character-selector h2 { font-size: 62px; text-transform: uppercase; }
#Character_Selector .character-selector div.cta-container { text-align: center; position: absolute; left: calc(50% - 115px); bottom: 50px; max-width: 230px; width: 100%; }
#Character_Selector .character-selector ul.character-portraits { justify-content: center; }
/* character, hide meta */
.vhidden { display: none; }
.center{text-align:center; margin:0 auto;}
span.htext { color: rgba(255,255,255,0);}
a.disabled-link { pointer-events: none; cursor: default; }
#vid-overlay{width:100%;height:100%;position:fixed;background-color:rgba(15,22,56,0.85);top:0;z-index:4;}
#vid-overlay > *{transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);position:absolute;}
#vid-overlay iframe {
width: 720px;
height: 405px;
top: calc(50% - 200px);
left: calc(50% - 360px);
background-color: #000;
position: absolute;
transform: none;
-webkit-transform: none;
}
#close-overlay{width:32px;height:32px;background:url(//webcdn.triongames.com/ar/assets/images/close_btn.png) 0 0 no-repeat;top:calc(50% - 230px);left:calc(50% + 350px);}
#close-overlay:hover{cursor:pointer;}
.hidden{display:none;}
/* Generic slanted box */
.slanted-box {
display: inline-block; text-decoration: none;
width: 100px; height: 100px;
position: relative;
border: 2px solid #FFF;
overflow: hidden;
z-index: 0;
-webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); -ms-transform: skew(-20deg);
}
.slanted-box div {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
width: 155px; height: 100%; left: -20px;
color: rgba(0,0,0,0); display: block;
position: absolute;
-webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); -ms-transform: skew(20deg);
}
.other-character-links { position: relative; }
.other-character-links .slanted-box { position: absolute; top: -2px;}
.other-character-links a { position: absolute; z-index: 2; top: -50px; width: 180px; height: 100px; background-color: #04a3c3; transition: left 0.2s ease, right 0.2s ease; border-top: 2px solid #fff; border-bottom: 2px solid #fff;}
.other-character-links a.left-link { left: -100px; text-align: right; }
.other-character-links a.left-link:hover { left: 0; }
.other-character-links a.left-link .slanted-box { left: 115px; }
.other-character-links a.right-link { right: -100px; }
.other-character-links a.right-link:hover { right: 0; }
.other-character-links a.right-link .slanted-box { right: 115px; }
.other-character-links a:before {
background: rgba(0, 0, 0, 0) url(//webcdn.triongames.com/ar/assets/images/light/img/wt-double-arrow.png) no-repeat scroll 0 0;
content: "";
height: 66px;
margin-top: -33px;
position: absolute;
top: 50%;
width: 84px;
}
.other-character-links a.right-link:before { right: 5%; transform: rotate(180deg);}
.other-character-links a.left-link:before { left: 5%; }
/* Community Widget */
.alert-widget { box-shadow: 0 7px 14px -6px rgba(0, 0, 0, 0.75); position: fixed; bottom: 30px; right: 0; z-index: 100; background-color: #131440; border: 2px solid #FFF; border-right: none; width: 390px; transition: width 0.5s ease; }
.alert-widget.closed { width: 36px; }
.alert-widget .crowdfunding-notify { margin-left: 40px; }
.alert-widget .crowdfunding-notify h2 { font-weight: 500; font-size: 20px; padding-bottom: 10px; text-transform: uppercase; font-family: "Oswald", sans-serif; color: #FFF; }
.alert-widget .crowdfunding-notify p { font-size: 14px; color: #e3cbf1; line-height: 1.4; font-family: "Oswald", sans-serif; font-weight: 500;}
.alert-widget .crowdfunding-notify p strong { font-size: 20px; color: #16e5e5; text-transform: uppercase; font-weight: 500; }
.alert-widget .aw-content { text-align: right; }
.alert-widget .aw-left { width: 185px; float: left; margin: 15px 10px; }
.alert-widget .aw-right { float: right; margin: 18px 20px 20px 0; }
.alert-widget .cta-btn { width: 120px; font-family: "Oswald", sans-serif; }
.alert-widget .aw-display-btn { height: 100%; }
.alert-widget .aw-display-btn a { display: block; width: 35px; height: 100%; background-color: #04A3C3; position: absolute; }
.alert-widget .aw-display-btn a:hover { -webkit-filter: brightness(1.2); filter: brightness(1.2); }
.alert-widget .aw-display-btn a:before { position: absolute; content: ""; background: url(//webcdn.triongames.com/ar/assets/images/community/widget_arrow.png) no-repeat 0 0; width: 25px; height: 51px; margin-top: -25px; top: 50%; left: 5px; }
.alert-widget.closed .aw-display-btn a:before { transform: rotate(180deg); }
/* CTA button */
.cta-btn {
border-color: #fff;
border-style: solid;
border-width: 3px 7px;
color: #fff;
display: block;
font-size: 25px;
height: 55px;
min-width: 190px;
padding: 13px 0 0;
text-align: center;
text-transform: uppercase;
position: relative;
}
/* red cta-btn */
.red.cta-btn, .voucherForm .cta-btn {
border-radius: 0; transform: none;
border-width: 2px; background-color: #d92137; border-color: #f63a61; color: #ebebeb;
padding: 8px; text-decoration: none; font-weight: 500; font-size: 15px; box-shadow: 2px 2px 10px -4px rgba(0, 0, 0, 0.75);
transition: background-color 0.2s ease, border-color 0.2s ease, text-shadow 0.2s ease, box-shadow 0.2s ease;
min-width: inherit; line-height: 1.4; height: inherit; cursor: pointer;
}
.red.cta-btn:hover, .voucherForm .cta-btn:hover { background-color: #ff0d49; border-color: #f63a61; color: #ebebeb; box-shadow: 0px 0px 20px 0px rgba(255,39,65,1); }
.red.cta-btn:active, .voucherForm .cta-btn:active { background-color: #be1e31; border-color: #f63a61; color: #ffffff; top: 2px; }
.red.cta-btn:after, .voucherForm .cta-btn:after { content: none; }
/* Sign Up and Footer */
#footer{width:100%;height:1270px;padding-top:0;}
.signup-footer {text-align:center;margin-top:14%}
.signup-footer h1, .signup-footer p, .signup-footer a {}
.signup-footer h1 {font-size:2em;line-height:1.4em;color:#4971a2;width:100%}
.signup-footer p {color:#7b8899;font-size:1.2em;margin-bottom:.8%;width:100%}
.signup-footer a.bottom-cta {color:#FFF;font-size:1.6em;background:transparent url(//webcdn.triongames.com/archeage/img/big-grn-signup-btn-sprite-v2.png) no-repeat scroll center top;padding: 45px 0px 37px;text-transform:uppercase;margin: 0 auto;width: 298px;display:block}
.signup-footer a.bottom-cta:hover {background-position: center -96px}
.footer-game,.footer-100per{width:100%;background-color:#000;padding:2%;border-top:2px solid #686f90;}
.footer-game p,.footer-100per p{font-size:.84em;line-height:1.5em;color:#6c7394;text-align:left;padding-top:10px;width:100% !important;}
.footer-game{bottom:0px}
.footer-100per{position:relative; }
/* begin sticky footer */
body.home{height:auto;}
.parent-wrapper {min-height: 100%;margin-bottom: -210px;}
.parent-wrapper:after {content: "";display: block;}
/* end sticky footer */
#legal-wrap{margin: 0 auto;max-width: 1060px;width: 96%;}
footer .legal{width:100%;position:relative;}
.page-template-homepage .footer-game p, .page-template-homepage .footer-100per p{text-align:left;}
/* News pg */
.blog, .single, .error404, .page-template-generic-php{background: #dfd9f4 url(//webcdn.triongames.com/ar/assets/images/light/img/bg-news.jpg) no-repeat center top; background-attachment: fixed; }
.home-section h1.h1-news, .news-pg h1 {
font-size:62px; font-weight: 500;
color:#2b2933;
width:100%;
text-align:center;
text-transform:uppercase;margin:0;
padding-bottom: 0.5em;
font-family: "Oswald", sans-serif;
}
/* news container */
.news-pg {height: auto; margin: 105px auto 60px; max-width: 1260px;}
.box-content{margin: 0 10px 10px; z-index:1; position:relative; padding:0 0 25px 0;}
.box-content:last-of-type:before{display:none;}
.blog .box-content .readmore {display:block}
/* news list page */
.news-cont{display:inline-block; padding: 0 10px; vertical-align: top; width: 100%; max-width: 600px; min-height: 254px; margin-top: 10px; border-bottom: 1px solid #bdb7bf; }
.news-title{text-transform:uppercase;font-size:30px;color:#2b2933;font-family: "Oswald",sans-serif; text-decoration: none;}
.news-title:hover {opacity: .8; }
.news-back {display:block; text-transform: uppercase; margin-top: 10px; font-family: "Oswald", sans-serif; }
.left.figure-padding.news-page{ display: inline-block; padding: 0 10px; max-width: 600px; width: 100%; }
.left.figure-padding.news-page a { display: inline-block; transition: filter 0.2s ease 0s; }
.left.figure-padding.news-page a > img {
width: 100%; border: 2px solid #FFF;
-webkit-box-shadow: 2px 2px 10px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 10px -4px rgba(0,0,0,0.75);
box-shadow: 2px 2px 10px -4px rgba(0,0,0,0.75);
}
.left.figure-padding.news-page a:hover {-webkit-filter: brightness(1.2); filter: brightness(1.2);}
/* news gen */
.news-pg article p, .news p{color:#393536; line-height:1.4; font-weight: normal; padding: 10px 0; }
time, .news-article header span {color:#797879;}
.nav-links div > a { font-family: "Oswald", sans-serif; text-transform: uppercase; margin: 20px; display: inline-block; }
.nav-links .left{ float: left; }
.nav-links .right{ float: right; }
.top-btn >.red.cta-btn { max-width: 226px; margin: 0 auto; font-family: "Oswald",sans-serif; font-size: 20px; }
.meta-nav { display: none; }
/*single post */
.single-post .news-pg {
margin: 0 auto; padding-top: 110px; padding-bottom: 60px;
background-color: rgba(255,255,255,.45); max-width: 950px;
}
.single-post .news-pg .page-title { max-width: 660px; margin: 0 auto 10px; padding: 0 10px; }
.single-post .news-pg .page-title h1 { text-align: left; font-size: 30px; border-bottom: 1px solid #bdb7bf; padding-bottom: 0; }
.single-post #content { max-width: 640px; margin: 0 auto; }
.single-post #content .page-section article { padding: 0 10px; }
.single-post .article-details { display: inherit; margin: 0 auto 15px; max-width: 720px; }
.single-post .left.figure-padding.news-page { max-width: 640px; padding: 0; }
.single #content img { border: 2px solid #fff; box-shadow: 2px 2px 10px -4px rgba(0, 0, 0, 0.75); }
.single #content img.wp-post-image { width: 100%; }
.single .gallery { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; align-content:center;}
.single .gallery .news-lightbox { margin-bottom: 15px; }
.single .gallery .news-lightbox img { max-width: 300px; }
.single .gallery a:hover {-webkit-filter: brightness(1.2); filter: brightness(1.2);}
.single div[class^="blog-img-"] { width: 100%; max-width: 600px; }
.single div[class^="blog-img-"] a img { width: 100%; }
/* Remove old Headers */
.single .article-content div:first-child img { display: none; }
/* news post simple chararacter abilities */
.news-pg video { width: 100%; border: 3px solid #d7d7d7; background-color: #bdb7bf; }
.news-pg .wg-abilities { text-align: center; background-color: #bdb7bf; margin: 10px 0; }
.news-pg .wg-abilities h3 { margin-top: 20px; }
.c-p-btns a { position: relative; display: inline-block; width: 107px; height: 60px; }
.c-p-btns span.sprite { position: absolute; width: 70px; height: 60px; margin: 10px; left: 0; top: -30px; pointer-events: none; z-index: 2; background-size: 330px auto; -webkit-filter: drop-shadow(2px 0 3px black); filter: drop-shadow(2px 0 3px black); }
.c-p-btns a span.bg_sprite { position: absolute; display: block; background: url("//webcdn.triongames.com/ar/assets/images/ability_btn_sprite.png") no-repeat 0 0; width: 107px; height: 44px; pointer-events: none; z-index: 1; }
.c-p-btns a:nth-child(1) span.sprite { background-position: 0 0; }
.c-p-btns a:nth-child(2) span.sprite { background-position: -60px 0; }
.c-p-btns a:nth-child(3) span.sprite { background-position: -130px 0; }
.c-p-btns a:nth-child(4) span.sprite { background-position: -192px 0; }
.c-p-btns a:nth-child(5) span.sprite { background-position: -260px 0; }
.c-p-btns a:hover span.bg_sprite { background-position: 0 -45px; }
.c-p-btns a.selected span.bg_sprite { background-position: 0 -91px; }
.tags {display: none;}
.arrow-img {background: transparent url(//webcdn.triongames.com/archeage/img/big-signup-btn-arrow.png) center center no-repeat scroll; width:13px;height:20px;position:absolute;top:70px;right:91px}
.page-section {padding-bottom:2em}
.meta-nav { display: none; }
.lang-fr .arrow-img {right:96px}
.lang-de .arrow-img {right:104px}
.news-header {border: 4px solid #FFF;box-shadow:0 0 1px #666;height:auto;width:100%}
.footer {padding:50px 0}
.frame {width:100%; height:100%}
.span_4 {height:100%}
.rating-copyright {height:195px;margin:0;padding:10px 0;background:#fff;bottom:0px;position:absolute;width:100%}
.rating-copyright .group-01{max-width:960px;padding:35px 0 20px;margin:0 auto;height:68px}
.rating {float:left;padding:0;}
.footer-logo {margin-left:2%;display:block;float:left;height:68px}
.footer-logo img {height:68px;width:auto}
.footer-trion img {height:50px;margin-top:5px;}
#scrollsections-navigation {position:fixed;top:50%;right:20px;width:20px;margin-top:-177px;z-index: 100;background:transparent;overflow:hidden;margin-right:5px;}
.scrollsections-menuitem {position:relative;display:block;height:40px;width:10px;overflow:hidden;background:#000;text-indent:-9999px;margin:0 0 5px 0;cursor:pointer; }
.scrollsections-menuitem {width:20px;height:20px;background: url(//webcdn.triongames.com/archeage/img/side-nav-sprite.png) center -20px}
.scrollsections-menuitem.active-scrollsection {cursor: default; background: url(//webcdn.triongames.com/archeage/img/side-nav-sprite.png) center 0px;}
.news {float:left;padding:40px 40px 70px;width:100%;position:relative;}
.new-welcome{float: right;width:328px;height:323px;padding:0 25px;background: url(//webcdn.triongames.com/archeage/img/feature-nav-bg.png) scroll center top no-repeat; -moz-box-sizing: border-box; box-sizing: border-box}
.new-welcome h2 {margin:20px 0 15px 0;font-size: 1.375em;font-weight:700;color:#896148}
.new-welcome p {font-size: 0.8em;line-height:20px;color:#755747}
.h1-news {float:left;color:#876147;margin-bottom:15px}
.news-all{position: absolute;right: 32px;top: 31px;text-align:right;}
.news article {padding:10px 0 0;width:calc((100% - (28px * 2)) / 3);float:left;margin-right:28px;z-index:1;position:relative;}
.news article:last-of-type{margin-right:0;}
.news h2{margin:8px 0 0;font-size:22px;line-height:26px;}
.news p {font-size:16px;line-height:25px;padding-top:13px;}
.news-features a.readmore {font-size:12px;line-height:26px;padding:1px 14px 4px;}
.news-pg table{font-size:15px;padding:10px;background-color:rgba(0,0,0,0.7);color:#dadada;}
.news-pg tr, .news-pg tbody tr:nth-of-type(2n + 1) td, thead tr, tfoot tr{background-color:rgba(222,222,222,0.12);}
.news-pg td{padding:15px;}
.news-pg thead th, tfoot tr, .news-pg td, table{border:1px dashed #616161;}
.news-pg th{font-size:18px;color:#EB8D37;padding:20px 15px;}
.news-pg ul,.news-pg ol{margin:0 0 15px -20px;}
.news-pg li{margin:0 0 0 40px;list-style-type: disc;}
#menu-home-features,#menu-home-features-fr,#menu-home-features-de {list-style-type: none;margin-left: 20px}
.social-game { position: absolute;right: 0;top: 0; }
.social-game a { height:54px; width:54px; display:block; float:left; margin:0 10px 0 0; background-repeat:no-repeat; background-size: 164px auto;}
.social-game a { background-image: url(//webcdn.triongames.com/ar/assets/images/community/social_media_sprite_bred.png);}
.social-game a, .comm-social a { opacity: 0.8; transition: opacity 0.2s ease 0s;}
.social-game a:hover, .comm-social a:hover { opacity: 1; }
.social-game a.tw { background-position: 0 0; }
.social-game a.fb { background-position: -55px 0; }
.social-game a.yt { background-position: -110px 0; }
.cookie-compliance-container {background:none repeat scroll 0 0 #333;border-bottom:1px solid #FFF;top:0;position:absolute;width:100%;z-index:999;}
.cookie-compliance-message {margin:0 auto;position:relative;max-width:978px}
.cookie-compliance-message p {color:#999;font-size:12px;line-height:1.2em;margin:0;padding:14px 10px 18px;max-width:770px;float:left}
.hide-cookie-compliance {padding:6px;position:relative;float:right;margin-top:2%}
.eu-cookie .blog .cookie-compliance-container,
.eu-cookie .single-post .cookie-compliance-container,
.eu-cookie .page-template-register-php .cookie-compliance-container,
.eu-cookie .page-template-page-founders-packs-php .cookie-compliance-container,
.eu-cookie .page-template-generic-php .cookie-compliance-container,
.eu-cookie .page-template-landing-php .cookie-compliance-container
{position: absolute;top:-0;z-index:99999;font-family:sans-serif;}
.eu-cookie .home #gnav-2013{top:75px}
.eu-cookie .home .nav-bg{top:117px;position:fixed}
.eu-cookie .home #home{position:relative;margin-top:116px}
/* Code Redemption */
.voucherCode {
color:#ebebeb; background-color: #111423; padding:.5em 1.8em;margin-bottom:2em; margin-top: 2em;
font-family: "Open Sans",Lucida Grande,sans-serif; text-transform:uppercase;font-size:1.4em;
box-shadow: 0 0 0 1px #16c4d3, 0 0 4px #16c4d3; max-width: 410px; width: 100%; border: none;
}
.redeem input {margin-top:10px;padding:17px 52px;border:none; cursor:pointer;}
.page-redeem .news-pg {
min-height: 532px;
margin-bottom: 216px;
padding-top: 30px; padding-left: 80px; padding-right: 80px; }
.page-redeem .news-pg .page-section {
background-color: rgba(255, 255, 255, 0.45);
padding: 10px 20px;
}
.page-redeem .news-pg hr { display: none; }
.page-redeem .news-pg h1 { background: none; position: relative; }
.page-redeem .news-pg h2 { text-align: left; margin: 20px 0; font-size: 22px; }
.page-redeem .news-pg h3 { margin-bottom: 15px; }
.page-redeem .news-pg ul, .page-redeem .news-pg ol { margin: 0; }
.page-redeem .news-pg ul li, .page-redeem .news-pg ol li { }
.page-redeem .voucherForm .cta-btn { max-width: 230px; width: 100%; font-family: "Oswald", sans-serif; font-size: 25px; }
.no-scrolls{overflow:hidden;}
#mobile-menu-overlay{display:none;position:fixed;width:100%;height:100%;z-index:2;top:0;left:0;}
.collapsed #mobile-menu-overlay{display:block;}
@media (max-width: 1799px){
.news-container { justify-content: center; max-width: 1300px; }
}
@media (max-width: 1450px){
/* character widget/page */
.character-highlight img { right: -75px; bottom: 0; top: initial; width: 80%; }
}
@media (max-width: 1330px){
.character-selector { max-width: 630px; }
.character-selector ul.character-portraits li a.character-portrait { width: 80px; height: 80px; }
.character-selector ul.character-portraits li a.character-portrait:hover { width: 100px; height: 100px; }
.character-selector ul.character-portraits li a.character-portrait span { left: -35px; }
.character-selector ul.character-portraits li a.character-portrait span:hover { left: -35px; }
.character-selector.small ul.character-portraits li a.character-portrait:hover,
.character-selector.small ul.character-portraits li a.character-portrait.selected { width: 80px; height: 80px; margin: 0; }
.character-name-title { height: 98px; }
.character-name-title::before { border-width: 0 0 98px 20px; }
.character-name-title h2 { font-size: 35px; }
.character-name-title h2 span { font-size: 20px; }
}
@media (max-width: 1080px){
/* Navigation */
.main-navigation li a{ width: 80px; }
.main-navigation li:nth-child(2) a{ margin: 0 15px; }
.main-navigation li:last-child { margin-right: 10px; }
.nav-divider { height: 50px; }
/* character widget/page */
.character-highlight, .character-name-title { display: none; }
.character-selector.mobile-expand { max-width: 100%; }
.character-selector.mobile-expand header { padding: 0; }
.character-selector.mobile-expand ul.character-portraits { margin: 0 auto; justify-content: center; }
.character-selector.mobile-expand ul.character-portraits li { background-color: rgba(19, 18, 26, 0.8); padding: 10px 10px 10px 30px; width: 100%; max-width: 280px; margin: 2px; position: relative; }
.character-selector.mobile-expand ul.character-portraits li a.character-portrait:hover {
display: inline-block; text-decoration: none;
width: 100px; height: 100px;
position: relative;
border: 2px solid #FFF;
overflow: hidden;
z-index: 0;
margin: 0; outline: none; opacity: 1;
background-color: none;
background-position: initial;
}
.character-selector.mobile-expand ul.character-portraits li a.character-portrait:hover span {
opacity: 1;
width: 155px; height: 100%;
}
.character-sub-header { display: inline-block; color: #fff; margin-left: 10px; position: absolute; top: 50%; }
a.character-mobile-link { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
a.character-mobile-link:hover { outline: 4px solid #04a3c3;}
.character-selector header h1 strong { font-size: 51px; }
}
@media (max-width: 1036px){
/* character details */
.character-ability-info { min-height: 0; margin: 0 auto; }
.character-ability-video { margin: 0 auto; }
/* character dossier */
.dossier-content p strong, .dossier-content p span { width: 100%; }
}
@media (max-width: 1024px){
.alert-widget { display: none; }
}
@media (max-width:902px){
.desk,.main-navigation.desk{display:none}
.mobile {display:block}
/* Navigation */
.main-navigation.mobile{display: block; background-color: #FFF; width: 100%; height: 40px; }
.main-navigation.mobile ul{margin:0;width:100%;overflow:visible; background-color: #FFF;}
.main-navigation.mobile li{margin:0 auto;float:none;}
.main-navigation.mobile li a { width: 100%; }
.main-navigation.mobile li:nth-child(2) { border-bottom: none; display: block !important; }
.main-navigation.mobile li:nth-child(2) a { position: absolute; top: 0; width: 210px; }
.main-navigation.mobile li:first-child{ display:block; }
.main-navigation.mobile li:first-child a{ background:none; text-indent:0px; text-align: right; padding-right: 50px; color: #fff;}
.main-navigation.mobile li:first-child a:hover {}
.main-navigation.mobile li:first-child a:after{position:absolute;content:''; width:30px; height:30px; margin:-1px 0 0 7px;background:url(//webcdn.triongames.com/ar/assets/images/light/img/mobile-menu.png) 0 5px no-repeat;background-size:contain;display:inline-block;top:5px;}
.main-navigation.mobile ul li,.main-navigation ul li:last-child{display:none;}
.main-navigation.mobile ul li:first-child{display:block;}
.main-navigation.mobile ul li,.main-navigation ul li:last-child{width:100%;border-radius:0;border-color:transparent;border-bottom:1px solid #474A65;}
.main-navigation.mobile ul li:last-child{ position: static; }
.main-navigation.mobile ul li:last-child a { color: #ebebeb; padding: 0; height: inherit; background: none; border-radius: 0; transform: none; border-width: 2px; background-color: #d92137; border-color: #f63a61; transition: background-color 0.2s ease, border-color 0.2s ease; border-style: solid;}
.main-navigation.mobile ul li:last-child a:active { color: #fff; }
.nav-divider { display: none; }
.fixed-nav .main-nav{position:absolute;top:0;}
#video{width:480px;height:230px;}
#video:hover{width:520px;}
footer .legal img {max-width:100%}
/* Sign up Section */
.signup-footer{text-align:center}
.signup-footer h1,.signup-footer p,.signup-footer a{}
.signup-footer h1{margin-top:25%;font-size:2em;line-height:1.4em;color:#4971a2;margin-left:0;margin-right:0;width:100%}
.signup-footer p{color:#7b8899;font-size:1.2em;margin-bottom:10%;margin-right:0;margin-left:0}
.footer a.bottom-cta{color:#FFF;font-size:1.6em;background:transparent url(//webcdn.triongames.com/archeage/img/mobile/big-grn-signup-btn.png) no-repeat scroll center center;padding:26px 93px;text-transform:uppercase}
.rating-copyright{height:195px;margin:0;padding:10px 0;background:#fff;bottom:0;position:absolute}
.rating img,.xl-logo img,.trion-logo img{width:100%}
.xl-logo{width:30%;}
.rating, .footer-logo{margin-bottom:10px;}
.lang-de .rating{width:10%} /*usk rating*/
.lang-fr .rating{width:9%} /*usk rating*/
.trion-logo{width:20%;margin-top:-9%; max-width: 190px;}
.rating-copyright p{font-size:.75em;line-height:1.5em;margin:0;clear:both;padding:0 3%}
.footer{padding:1px 0 0}
.signup-btn{color:#fff;font-size:.8em;font-weight:700;text-decoration:none;background:url('//webcdn.triongames.com/archeage/img/mobile/sub-btn.png') no-repeat center top;background-size:158px auto;width:20%;height:38px;padding:20px 0 0;float:right; font-family: 'libre baskerville',Georgia,Times,serif}
.nav-bg{background:url(//webcdn.triongames.com/archeage/img/mobile/nav-bg-960.png) no-repeat center bottom;height:98px;width:100%;position:fixed;z-index:10;text-align:center}
.nav-btn{float:left;background:url(//webcdn.triongames.com/archeage/img/nav-btn.png) no-repeat;background-size:64px auto;width:8%;height:40px;margin-top:11px;}
.h1-news{float:left;font-size:1.375em;line-height:1.375em;color:#876147;font-weight:700;margin:0 0 15px}
.news article,.news p{width:100%}
.home-bg{background-repeat:no-repeat;background-position:top center/*background-size: 100% auto;*/}
#home-video{height:none}
.home-section, .game-info .parent-wrapper{width:100%;}
.game-info .parent-wrapper{padding:40px;}
#intro div > p{margin:30px;}
#footer{height:1300px;}
#footer .parent-wrapper{width:100%;}
#footer .logo{position:relative;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);margin-bottom:-50px;}
/* Game */
#game { background-position: top right; }
#game .game-copy { display: block; }
/* World-1 */
#world { background-position: bottom center; }
#world .dialog { margin-right: 20px; margin-left: 20px; }
#world .dialog h2 { font-size: 32px; }
/* Redeem */
.page-redeem .news-pg { padding-left: 20px; padding-right: 20px; }
.voucherCode { padding: 0.5em; }
/*news gallery */
.single .gallery { justify-content: center; }
.single .gallery .news-lightbox img { max-width: 450px; }
}
@media (max-width: 870px){
.character-taunt-container h1 { display: none; }
.character-details-content h2 span { display: block; }
}
@media (max-width: 810px){
#game { margin-bottom: 50px; }
section#game header { margin-bottom: 50px; }
#game header h2 { font-size: 20px; }
#game header h3 { font-size: 18px; }
#game .game-copy h3 { font-size: 20px; }
#game .game-copy .game-copy-desc h4 { font-size: 18px; }
.game-world-sections .merge-sections { margin-top: -790px;}
.game-world-sections .merge-sections .bg-transparent { height: 750px; }
#world { margin-top: -300px; }
#world .dialog { margin-top: 0; }
#world .dialog h2 { font-size: 20px; }
}
/* 760 and below */
@media (max-width: 760px) {
.social-game{position:relative;right:auto;left:0;}
#bg-video-top { display: none; }
#vid-overlay iframe {
position: absolute;
width: 90%;
height: 45%;
left: initial;
right: initial;
transform: translate(0);
-webkit-transform: translate(0);
top: 25%;
margin: 0 5%;}
#close-overlay{top:21%;left:auto;right:7%;}
#footer{height:1450px;}
footer .legal{width:100%;padding-top:88px;}
.footer-100per p{text-align:left;}
.character-abilites, #Character_Selector .character-selector {padding-top:30px;}
.character-video-container, .character-details-content .character-selector, .character-skin-meta {display:none;}
#Character_Details {height:auto;}
#Taunt_Video_Sound { display: none; }
}
@media (max-width: 720px){
.character-taunt-container { display: none; }
.bg-mobile-container { width: 100%; height: 100%; margin-top: 50px; }
.mobile-img{ background-position:NaN% NaN%; background-size:100.00000% 100.00000%; height:0; max-width:720px; padding-bottom:78.19444%; width:100%; }
.other-character-links a { border: none; background: none; width: 40px; height: 0; }
.other-character-links a.left-link { left: 0; }
.other-character-links a.right-link { right: 0; }
.other-character-links a .slanted-box { display: none; }
.other-character-links a:before { background: none; width: 0; height: 0; border-style: solid; border-width: 33px 33px 33px 0; border-color: transparent #ffffff transparent transparent; margin: -33px 10px 0; }
.other-character-links a:hover { opacity: .8; }
.character-details-container, .dossier-container { padding-top: 20px; }
.dossier-content > div { width: 100%; }
.dossier-content .meta { border: none; }
}
/* 600 and below */
@media (max-width: 600px) {
.signup-btn {background-size:100%; width:26%;padding: 16px 0 0;height: 32px;}
#footer .logo{margin-bottom:30px;margin-top:-20px;width:calc(100% - 50px);top:0;}
#whole .bg-main-header { background-position: 70% center; -webkit-filter: brightness(0.8); -moz-filter: brightness(0.8); filter: brightness(0.8); }
}
@media (max-width: 580px) {
/* Home News Items */
#whole .news-alert { left: 0; }
}
@media (max-width: 500px) {
/* Home News Items */
#whole .news-alert h2 { font-size: 62px; }
}
/* 480 and below */
@media (max-width: 480px) {
/* Home News Items */
#whole .news-alert { top: 100px; }
body.home .news-info > a { background-size: cover; height: 200px; }
/* character detail */
.character-taunt-container h1,
.character-details-content h2,
.character-abilites > header h2,
#Character_Selector .character-selector h2 { font-size: 40px; }
.character-ability .character-ability-info header h3 { font-size: 20px; }
/* EU Cookie */
.eu-cookie .hide-cookie-compliance {width:100%;height:30px;}
.eu-cookie .cookie-compliance-container, .eu-cookie .blog .cookie-compliance-container, .eu-cookie .single .cookie-compliance-container {position:absolute;height:155px !important;}
.eu-cookie .blog .cookie-compliance-container,.eu-cookie .single .cookie-compliance-container {top:0;}
.eu-cookie .cookie-compliance-message p{padding:5px !important;font-size:14px !important;}
.eu-cookie .home #gnav-2013, .eu-cookie .page-template-register-php #gnav-2013, .eu-cookie .blog #gnav-2013, .eu-cookie .single #gnav-2013{position: absolute ;top:156px;z-index: 1}
.eu-cookie .home .nav-bg, .eu-cookie .page-template-register-php .nav-bg, .eu-cookie .blog .nav-bg, .eu-cookie .single .nav-bg{position: absolute;top:197px;}
.eu-cookie .home #home{position: relative !important;margin-top:197px;}
.eu-cookie .page-template-register-php {top:0;}
.eu-cookie .page-template-register-php .cookie-compliance-container{top:0;}
.eu-cookie .page-template-register-php .reg-form{margin-top:385px;position: relative;}
.eu-cookie .blog, .eu-cookie .single-post{top:auto;background-position:center top;}
.eu-cookie .blog .news-pg, .eu-cookie .single .news-pg {margin-top: 285px;}
/* Nav */
#gnav-2013 h6{width:42px}
#gnav-2013 .trion-logo{width:42px;margin:5px 4px 4px 5px;background-position:-71px -98px}
#gnav-2013 a{font-size:.8em}
#gnav-2013 .games a,#gnav-2013 .gnav2 a{padding:12px 10px}
#gnav-2013 .gnav2{min-width:133px;max-width:223px}
#gnav-2013 .gnav2 li{width:auto;background-image:transparent none;}
#gnav-2013 .games .sub{background-color:#1a1a1a;background-image:none;min-height:100px;padding:15px 0}
#gnav-2013 .games .sub li{width:48%;min-height:40px;opacity:1;background-image:none}
#gnav-2013 .games .sub li a{height:40px;opacity:1}
#gnav-2013 .games .sub li a:hover{background-image:none}
#gnav-2013 .games .sub li a.devilian:hover img,
#gnav-2013 .games .sub li a.devilian img{width:55%;}
#gnav-2013 .games .sub li a img{margin-top:5%;width:55%}
#gnav-2013 .games .sub li a:hover img{margin-top:5%;width:55%;opacity:1}
#gnav-2013 .games .sub .rift img{margin-top:-1%;width:35%;opacity:1}
#gnav-2013 .games .sub .rift:hover img{margin-top:-1%;width:35%}
#gnav-2013 .games .sub .arch img{margin-top:-4%;width:30%;opacity:1}
#gnav-2013 .games .sub .arch:hover img{margin-top:-4%;width:30%}
#gnav-2013 .games .sub .eon img{margin-top: 1%;opacity:1}
#gnav-2013 .games .sub .eon:hover img{margin-top: 1%}
#gnav-2013 .gnav2 .sub{top:42px;min-width:100px}
#gnav-2013 .gnav2 li li{width:100px;border:0}
#gnav-2013 .gnav2 .support{display:none}
.signup-btn {font-size:0.5625em;width:86px;height:24px;padding:9px 0 0 0;background-size:106%}
.nav-btn {margin-top:-2px;background-size:52px auto;width:20%}
.main-mobile-navigation ul#menu-mobile-nav, .main-mobile-navigation ul#menu-mobile-nav-fr, .main-mobile-navigation ul#menu-mobile-nav-de{background: #446e35 url(//webcdn.triongames.com/archeage/img/mobile/nav-bg-480.png) no-repeat center top;}
/* Footer */
.signup-footer{height:auto; margin: 40% 0 48% 0}
.signup-footer a.bottom-cta:hover {background-position:center 89%}
.footer-game, .footer-100per{position:relative;bottom:auto}
.footer-game img, .footer-100per img{width:auto}
.footer-game .rating, .footer-100per .rating{float:none;width:146px;clear:both; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 30px;text-align:center;}
.legal .social-game{width:100%;text-align:center;}
.legal .social-game a{margin:0 5px;float:none;display:inline-block;}
.footer-game .xl-logo, .footer-100per .xl-logo{position:relative;width:100%;clear:both;margin:15px auto 0;float:none}
.footer-game .trion-logo, .footer-100per .trion-logo{position:relative;width:100%;clear:both;margin:15px auto 0;float:none;display: block;}
.footer-game p{margin:0;text-align:left;padding:0 15px 20px;float:none;clear:both}
.footer-100per p{margin-top:50px;text-align:left;padding: 0 10px}
footer .legal img {max-width:70%}
.footer-logo {float:none;text-align:center;}
}
@media (max-width: 360px){
section#game header { margin-top: 50px; margin-bottom: 25px; }
#game .game-video-container a:after { background-size: 50%; margin-left: -39px; margin-top: -39px;}
}
/* 320 and below */
@media (max-width: 320px) {
/* EU Cookie */
.eu-cookie .hide-cookie-compliance {width:100%;height:30px;}
.eu-cookie .cookie-compliance-container, .eu-cookie .blog .cookie-compliance-container, .eu-cookie .single .cookie-compliance-container {position:absolute;height:215px !important;}
.eu-cookie .blog .cookie-compliance-container,.eu-cookie .single .cookie-compliance-container {top:0;}
.eu-cookie .cookie-compliance-message p{padding:5px !important;font-size:14px !important;}
.eu-cookie .home #gnav-2013, .eu-cookie .page-template-register-php #gnav-2013, .eu-cookie .blog #gnav-2013, .eu-cookie .single #gnav-2013{position: absolute ;top:216px;z-index: 12;}
.eu-cookie .home .nav-bg, .eu-cookie .page-template-register-php .nav-bg, .eu-cookie .blog .nav-bg, .eu-cookie .single .nav-bg{position: absolute;top:258px;}
.eu-cookie .home #home{position: relative !important;margin-top: 258px}
.eu-cookie .page-template-register-php {top:0}
.eu-cookie .page-template-register-php .cookie-compliance-container{top:0}
.eu-cookie .page-template-register-php .reg-form{margin-top:385px;position: relative}
.eu-cookie .blog, .eu-cookie .single-post{top:auto;background-position:center top}
.eu-cookie .blog .news-pg, .eu-cookie .single .news-pg {margin-top: 285px}
/* lang-de */
.eu-cookie .lang-de .cookie-compliance-container, .eu-cookie .lang-de .blog .cookie-compliance-container, .eu-cookie .lang-de .single .cookie-compliance-container{height:225px !important}
.eu-cookie .lang-de.home #gnav-2013, .eu-cookie .lang-de.blog #gnav-2013, .eu-cookie .lang-de.single #gnav-2013, .eu-cookie .lang-de.page-template-register-php #gnav-2013{top:226px}
.eu-cookie .lang-de.home .nav-bg, .eu-cookie .lang-de.blog .nav-bg, .eu-cookie .lang-de.single .nav-bg, .eu-cookie .lang-de.page-template-register-php .nav-bg{top:268px}
/* lang-fr */
.eu-cookie .lang-fr .cookie-compliance-container, .eu-cookie .lang-fr .blog .cookie-compliance-container, .eu-cookie .lang-fr .single .cookie-compliance-container{height:245px !important}
.eu-cookie .lang-fr.home #gnav-2013, .eu-cookie .lang-fr.page-template-register-php #gnav-2013, .eu-cookie .lang-fr.blog #gnav-2013, .eu-cookie .lang-fr.single #gnav-2013{top:246px}
.eu-cookie .lang-fr.home .nav-bg, .eu-cookie .lang-fr.page-template-register-php .nav-bg, .eu-cookie .lang-fr.blog .nav-bg, .eu-cookie .lang-fr.single .nav-bg{top:288px}
/* Nav */
#gnav-2013 .nav2 li{border-right:0 none}
#gnav-2013 .nav2 .lang2{display:block}
.no320{display:none}
/* Homepage */
.home-section .news{padding:10px;margin:0 2%;width:96%}
.signup-footer h1 {font-size:1.6em;line-height:1.4em;margin-top:0%}
.signup-footer p {font-size:.8em;margin-bottom:3%}
.signup-footer a {font-size:1em;padding:14px 37px;background-size:100% auto}
.footer a {padding:0;width:46%}
.signup-footer a.bottom-cta {height:20px;width:221px;font-size:1.2em;background-size:100%;margin:0 auto;padding:26px 0 22px 0}
#home .h1-news {padding:0 0 5px;margin:0}
#home .news article {max-width:320px;min-width:0}
#home-video a.signup {display:none}
.news-features {}
.news-features .figure-padding{display:none}
.news-all {display:block}
#bg-player video {display:none}
#home-video {margin-top:59%}
#home-video .watch {display:none}
#footer {background-image: url(//webcdn.triongames.com/archeage/img/mobile/bg/footer-bg-320.jpg)}
.home-section.game-bg h1, .home-section.eco-bg h1, .home-section.pvp-bg h1, .home-section.naval-bg h1{margin: 20px 0 0 0;padding:0 20px 0}
.home-section.game-bg p, .home-section.eco-bg p, .home-section.pvp-bg p, .home-section.naval-bg p{padding: 0 20px}
}
@media screen and (max-width: 480px), screen and (max-width: 736px) and (orientation: landscape),screen and (max-width: 736px) and (orientation:portrait) {
.footer-100per{padding-top:28px;}
/*styles to prevent zooming*/
input[type='text'],input[type='number'],textarea {font-size:16px;}
select,select option {font-size: 16px;}
#gnav-2013 .nav2{margin:0 20px 0 0;}
.admin-bar.home #gnav-2013{top:28px;}
.admin-bar.home .nav-bg{top:66px;}
footer .legal a:first-child img{max-width:60px;}
footer .legal a img{max-width:180px;width:100%;height:auto;}
}