@charset "UTF-8";
.bootstrap {
  /*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */ }
  .bootstrap .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid \9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent; }
  .bootstrap .dropup,
  .bootstrap .dropdown {
    position: relative; }
  .bootstrap .dropdown-toggle:focus {
    outline: 0; }
  .bootstrap .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 13px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box; }
    .bootstrap .dropdown-menu.pull-right {
      right: 0;
      left: auto; }
    .bootstrap .dropdown-menu .divider {
      height: 1px;
      margin: 8px 0;
      overflow: hidden;
      background-color: #e5e5e5; }
    .bootstrap .dropdown-menu > li > a {
      display: block;
      padding: 3px 20px;
      clear: both;
      font-weight: normal;
      line-height: 1.45;
      color: #333333;
      white-space: nowrap; }
  .bootstrap .dropdown-menu > li > a:hover, .bootstrap .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #333; }
  .bootstrap .dropdown-menu > .active > a, .bootstrap .dropdown-menu > .active > a:hover, .bootstrap .dropdown-menu > .active > a:focus {
    color: #333;
    text-decoration: none;
    outline: 0;
    background-color: #337ab7; }
  .bootstrap .dropdown-menu > .disabled > a, .bootstrap .dropdown-menu > .disabled > a:hover, .bootstrap .dropdown-menu > .disabled > a:focus {
    color: #777777; }
  .bootstrap .dropdown-menu > .disabled > a:hover, .bootstrap .dropdown-menu > .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed; }
  .bootstrap .open > .dropdown-menu {
    display: block; }
  .bootstrap .open > a {
    outline: 0; }
  .bootstrap .dropdown-menu-right {
    left: auto;
    right: 0; }
  .bootstrap .dropdown-menu-left {
    left: 0;
    right: auto; }
  .bootstrap .dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 12px;
    line-height: 1.45;
    color: #777777;
    white-space: nowrap; }
  .bootstrap .dropdown-backdrop {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 990; }
  .bootstrap .pull-right > .dropdown-menu {
    right: 0;
    left: auto; }
  .bootstrap .dropup .caret,
  .bootstrap .navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px dashed;
    border-bottom: 4px solid \9;
    content: ""; }
  .bootstrap .dropup .dropdown-menu,
  .bootstrap .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 2px; }
  @media (min-width: 768px) {
    .bootstrap .navbar-right .dropdown-menu {
      right: 0;
      left: auto; }
    .bootstrap .navbar-right .dropdown-menu-left {
      left: 0;
      right: auto; } }
  .bootstrap .label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0; }
    .bootstrap .label:empty {
      display: none; }
    .btn .bootstrap .label {
      position: relative;
      top: -1px; }
  .bootstrap a.label:hover, .bootstrap a.label:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer; }
  .bootstrap .label-default {
    background-color: #777777; }
    .bootstrap .label-default[href]:hover, .bootstrap .label-default[href]:focus {
      background-color: #5e5e5e; }
  .bootstrap .label-primary {
    background-color: #337ab7; }
    .bootstrap .label-primary[href]:hover, .bootstrap .label-primary[href]:focus {
      background-color: #285f8f; }
  .bootstrap .label-success {
    background-color: #5cb85c; }
    .bootstrap .label-success[href]:hover, .bootstrap .label-success[href]:focus {
      background-color: #449d44; }
  .bootstrap .label-info {
    background-color: #5bc0de; }
    .bootstrap .label-info[href]:hover, .bootstrap .label-info[href]:focus {
      background-color: #31b0d5; }
  .bootstrap .label-warning {
    background-color: #f0ad4e; }
    .bootstrap .label-warning[href]:hover, .bootstrap .label-warning[href]:focus {
      background-color: #ec971f; }
  .bootstrap .label-danger {
    background-color: #d9534f; }
    .bootstrap .label-danger[href]:hover, .bootstrap .label-danger[href]:focus {
      background-color: #c9302c; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

html {
  line-height: 1; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle; }

q, blockquote {
  quotes: none; }
  q:before, q:after, blockquote:before, blockquote:after {
    content: "";
    content: none; }

a img {
  border: none; }

elements-of-type(html5-block) {
  display: block; }

/* A font by Jos Buivenga (exljbris) -> www.exljbris.com */
@font-face {
  font-family: 'FontinSmallCaps';
  src: url('/font/fontin-smallcaps-webfont.eot');
  src: local("☺"), url('/font/fontin-smallcaps-webfont.woff') format("woff"), url('/font/fontin-smallcaps-webfont.ttf') format("truetype"), url('/font/fontin-smallcaps-webfont.svg#webfontSCusr8QL') format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FontinRegular';
  src: url('/font/fontin-regular-webfont.eot');
  src: local("☺"), url('/font/fontin-regular-webfont.woff') format("woff"), url('/font/fontin-regular-webfont.ttf') format("truetype"), url('/font/fontin-regular-webfont.svg#webfontOAeglf7d') format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FontinItalic';
  src: url('/font/fontin-italic-webfont.eot');
  src: local("☺"), url('/font/fontin-italic-webfont.woff') format("woff"), url('/font/fontin-italic-webfont.ttf') format("truetype"), url('/font/fontin-italic-webfont.svg#webfontEqJqoBxP') format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'FontinBold';
  src: url('/font/fontin-bold-webfont.eot');
  src: local("☺"), url('/font/fontin-bold-webfont.woff') format("woff"), url('/font/fontin-bold-webfont.ttf') format("truetype"), url('/font/fontin-bold-webfont.svg#webfontvK7dhkXe') format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Cinzel';
  src: url('/font/Cinzel-Regular.eot');
  src: local("Cinzel-Regular"), url('/font/Cinzel-Regular.eot?#iefix') format("embedded-opentype"), url('/font/Cinzel-Regular.woff') format("woff"), url('/font/Cinzel-Regular.ttf') format("truetype"), url('/font/Cinzel-Regular.svg#Cinzel-Regular') format("svg");
  font-weight: normal;
  font-style: normal; }

/* ??? */
@font-face {
  font-family: 'FrizQuadrataC';
  src: url('/font/FrizQuadrataC.ttf') format("truetype");
  src: url('/font/FrizQuadrataC.eot');
  src: local("☺"), url('/font/FrizQuadrataC.eot?#iefix') format("eot"), url('/font/FrizQuadrataC.woff') format("woff"), url('/font/FrizQuadrataC.ttf') format("truetype");
  font-weight: normal;
  font-style: normal; }

.FontinSmallCaps, .heading1, .heading3, #twitch-streams-container h1, #monstersPage .act1 h2 a, #monstersPage .act2 h2 a, .eventsListSummary .title, .button1.important, .important.button2, .pagination a.important, .important.editor-control, form.t1 input[type="submit"], .formT1 input[type="submit"], .button1, .button2, .pagination a, .pagination .current, .pagination .currentPage, .editor-control, .site-notice-container h3, .site-notice-container .button-box button, .eventCalendar h1, .seasonLadder h1, .shopSpecialsBox .deal .banner, .links, .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.forumTheme .breadcrumb, .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.tempVideoTheme .breadcrumb, .header > .navigation, .header > .navigation a, .seasonInfo .name, #buildControls, .inventoryControls .infoLine1, .inventoryControls .infoLine2, .inventoryControls .infoLine3, .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .infoLine3, .newItemPopup, .divinationCard, .shopIndex .category h2, .shopItemPackage .savingsInfo, .shopTopBar1 h1, #shopEndingCountdownContainer h2, .skillsList h1, #downloadPageList .content .purchaseText, #itemsPage .content h2, #itemsPage .content h2 a, .eventView .countdownDescription, .eventView h2, .landingBox h1, .landingBox h2, .apiResource h2, .apiResource h3, .forum-table-container .buildGuide span, #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .guild-status, #guildProfile #guildMemberPanel h2, #guildProfile #guildLeaderPanel h2, .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize {
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: 'FontinSmallCaps', Verdana,Arial,Helvetica,sans-serif;
  font-size-adjust: 0.54; }
  .zh_CN .FontinSmallCaps, .zh_CN .heading1, .zh_CN .heading3, .zh_CN #twitch-streams-container h1, #twitch-streams-container .zh_CN h1, .zh_CN #monstersPage .act1 h2 a, #monstersPage .act1 h2 .zh_CN a, .zh_CN #monstersPage .act2 h2 a, #monstersPage .act2 h2 .zh_CN a, .zh_CN .eventsListSummary .title, .eventsListSummary .zh_CN .title, .zh_CN form.t1 input[type="submit"], form.t1 .zh_CN input[type="submit"], .zh_CN .formT1 input[type="submit"], .formT1 .zh_CN input[type="submit"], .zh_CN .button1, .zh_CN .button2, .zh_CN .pagination a, .pagination .zh_CN a, .zh_CN .pagination .current, .pagination .zh_CN .current, .zh_CN .pagination .currentPage, .pagination .zh_CN .currentPage, .zh_CN .editor-control, .zh_CN .site-notice-container h3, .site-notice-container .zh_CN h3, .zh_CN .site-notice-container .button-box button, .site-notice-container .button-box .zh_CN button, .zh_CN .eventCalendar h1, .eventCalendar .zh_CN h1, .zh_CN .seasonLadder h1, .seasonLadder .zh_CN h1, .zh_CN .shopSpecialsBox .deal .banner, .shopSpecialsBox .deal .zh_CN .banner, .zh_CN .links, .zh_CN .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.defaultTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.forumTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .zh_CN .layoutBoxTitle, .zh_CN .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.defaultTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.forumTheme .breadcrumb, .layoutBox1.forumTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.rightBackground1Theme .zh_CN .breadcrumb, .zh_CN .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.dynamicPageTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .zh_CN .breadcrumb, .zh_CN .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.tempVideoTheme .zh_CN .breadcrumb, .zh_CN .header > .navigation, .zh_CN .header > .navigation a, .header > .navigation .zh_CN a, .zh_CN .seasonInfo .name, .seasonInfo .zh_CN .name, .zh_CN #buildControls, .zh_CN .inventoryControls .infoLine1, .inventoryControls .zh_CN .infoLine1, .zh_CN .inventoryControls .infoLine2, .inventoryControls .zh_CN .infoLine2, .zh_CN .inventoryControls .infoLine3, .inventoryControls .zh_CN .infoLine3, .zh_CN .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .zh_CN .infoLine1, .zh_CN .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .zh_CN .infoLine2, .zh_CN .inventoryManagerMenu .characters .character .infoLine3, .inventoryManagerMenu .characters .character .zh_CN .infoLine3, .zh_CN .newItemPopup, .zh_CN .divinationCard, .zh_CN .shopIndex .category h2, .shopIndex .category .zh_CN h2, .zh_CN .shopItemPackage .savingsInfo, .shopItemPackage .zh_CN .savingsInfo, .zh_CN .shopTopBar1 h1, .shopTopBar1 .zh_CN h1, .zh_CN #shopEndingCountdownContainer h2, #shopEndingCountdownContainer .zh_CN h2, .zh_CN .skillsList h1, .skillsList .zh_CN h1, .zh_CN #downloadPageList .content .purchaseText, #downloadPageList .content .zh_CN .purchaseText, .zh_CN #itemsPage .content h2, #itemsPage .content .zh_CN h2, .zh_CN #itemsPage .content h2 a, #itemsPage .content h2 .zh_CN a, .zh_CN .eventView .countdownDescription, .eventView .zh_CN .countdownDescription, .zh_CN .eventView h2, .eventView .zh_CN h2, .zh_CN .landingBox h1, .landingBox .zh_CN h1, .zh_CN .landingBox h2, .landingBox .zh_CN h2, .zh_CN .apiResource h2, .apiResource .zh_CN h2, .zh_CN .apiResource h3, .apiResource .zh_CN h3, .zh_CN .forum-table-container .buildGuide span, .forum-table-container .buildGuide .zh_CN span, .zh_CN #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .zh_CN .guild-tag, .zh_CN #guildProfile .guild-header .guild-status, #guildProfile .guild-header .zh_CN .guild-status, .zh_CN #guildProfile #guildMemberPanel h2, #guildProfile #guildMemberPanel .zh_CN h2, .zh_CN #guildProfile #guildLeaderPanel h2, #guildProfile #guildLeaderPanel .zh_CN h2, .zh_CN .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .noMtx .zh_CN .mtxText, .zh_CN .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .zh_CN .mtxGroupHeader, .zh_CN .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize, .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxItems .mtxItem .zh_CN .stackSize {
    font-family: 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif; }
  .zh_TW .FontinSmallCaps, .zh_TW .heading1, .zh_TW .heading3, .zh_TW #twitch-streams-container h1, #twitch-streams-container .zh_TW h1, .zh_TW #monstersPage .act1 h2 a, #monstersPage .act1 h2 .zh_TW a, .zh_TW #monstersPage .act2 h2 a, #monstersPage .act2 h2 .zh_TW a, .zh_TW .eventsListSummary .title, .eventsListSummary .zh_TW .title, .zh_TW form.t1 input[type="submit"], form.t1 .zh_TW input[type="submit"], .zh_TW .formT1 input[type="submit"], .formT1 .zh_TW input[type="submit"], .zh_TW .button1, .zh_TW .button2, .zh_TW .pagination a, .pagination .zh_TW a, .zh_TW .pagination .current, .pagination .zh_TW .current, .zh_TW .pagination .currentPage, .pagination .zh_TW .currentPage, .zh_TW .editor-control, .zh_TW .site-notice-container h3, .site-notice-container .zh_TW h3, .zh_TW .site-notice-container .button-box button, .site-notice-container .button-box .zh_TW button, .zh_TW .eventCalendar h1, .eventCalendar .zh_TW h1, .zh_TW .seasonLadder h1, .seasonLadder .zh_TW h1, .zh_TW .shopSpecialsBox .deal .banner, .shopSpecialsBox .deal .zh_TW .banner, .zh_TW .links, .zh_TW .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.defaultTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.forumTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .zh_TW .layoutBoxTitle, .zh_TW .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.defaultTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.forumTheme .breadcrumb, .layoutBox1.forumTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.rightBackground1Theme .zh_TW .breadcrumb, .zh_TW .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.dynamicPageTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .zh_TW .breadcrumb, .zh_TW .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.tempVideoTheme .zh_TW .breadcrumb, .zh_TW .header > .navigation, .zh_TW .header > .navigation a, .header > .navigation .zh_TW a, .zh_TW .seasonInfo .name, .seasonInfo .zh_TW .name, .zh_TW #buildControls, .zh_TW .inventoryControls .infoLine1, .inventoryControls .zh_TW .infoLine1, .zh_TW .inventoryControls .infoLine2, .inventoryControls .zh_TW .infoLine2, .zh_TW .inventoryControls .infoLine3, .inventoryControls .zh_TW .infoLine3, .zh_TW .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .zh_TW .infoLine1, .zh_TW .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .zh_TW .infoLine2, .zh_TW .inventoryManagerMenu .characters .character .infoLine3, .inventoryManagerMenu .characters .character .zh_TW .infoLine3, .zh_TW .newItemPopup, .zh_TW .divinationCard, .zh_TW .shopIndex .category h2, .shopIndex .category .zh_TW h2, .zh_TW .shopItemPackage .savingsInfo, .shopItemPackage .zh_TW .savingsInfo, .zh_TW .shopTopBar1 h1, .shopTopBar1 .zh_TW h1, .zh_TW #shopEndingCountdownContainer h2, #shopEndingCountdownContainer .zh_TW h2, .zh_TW .skillsList h1, .skillsList .zh_TW h1, .zh_TW #downloadPageList .content .purchaseText, #downloadPageList .content .zh_TW .purchaseText, .zh_TW #itemsPage .content h2, #itemsPage .content .zh_TW h2, .zh_TW #itemsPage .content h2 a, #itemsPage .content h2 .zh_TW a, .zh_TW .eventView .countdownDescription, .eventView .zh_TW .countdownDescription, .zh_TW .eventView h2, .eventView .zh_TW h2, .zh_TW .landingBox h1, .landingBox .zh_TW h1, .zh_TW .landingBox h2, .landingBox .zh_TW h2, .zh_TW .apiResource h2, .apiResource .zh_TW h2, .zh_TW .apiResource h3, .apiResource .zh_TW h3, .zh_TW .forum-table-container .buildGuide span, .forum-table-container .buildGuide .zh_TW span, .zh_TW #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .zh_TW .guild-tag, .zh_TW #guildProfile .guild-header .guild-status, #guildProfile .guild-header .zh_TW .guild-status, .zh_TW #guildProfile #guildMemberPanel h2, #guildProfile #guildMemberPanel .zh_TW h2, .zh_TW #guildProfile #guildLeaderPanel h2, #guildProfile #guildLeaderPanel .zh_TW h2, .zh_TW .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .noMtx .zh_TW .mtxText, .zh_TW .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .zh_TW .mtxGroupHeader, .zh_TW .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize, .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxItems .mtxItem .zh_TW .stackSize {
    font-family: "微軟正黑", "Microsoft JhengHei", "新明細體", Verdana,Arial,Helvetica,sans-serif; }
  .ru_RU .FontinSmallCaps, .ru_RU .heading1, .ru_RU .heading3, .ru_RU #twitch-streams-container h1, #twitch-streams-container .ru_RU h1, .ru_RU #monstersPage .act1 h2 a, #monstersPage .act1 h2 .ru_RU a, .ru_RU #monstersPage .act2 h2 a, #monstersPage .act2 h2 .ru_RU a, .ru_RU .eventsListSummary .title, .eventsListSummary .ru_RU .title, .ru_RU form.t1 input[type="submit"], form.t1 .ru_RU input[type="submit"], .ru_RU .formT1 input[type="submit"], .formT1 .ru_RU input[type="submit"], .ru_RU .button1, .ru_RU .button2, .ru_RU .pagination a, .pagination .ru_RU a, .ru_RU .pagination .current, .pagination .ru_RU .current, .ru_RU .pagination .currentPage, .pagination .ru_RU .currentPage, .ru_RU .editor-control, .ru_RU .site-notice-container h3, .site-notice-container .ru_RU h3, .ru_RU .site-notice-container .button-box button, .site-notice-container .button-box .ru_RU button, .ru_RU .eventCalendar h1, .eventCalendar .ru_RU h1, .ru_RU .seasonLadder h1, .seasonLadder .ru_RU h1, .ru_RU .shopSpecialsBox .deal .banner, .shopSpecialsBox .deal .ru_RU .banner, .ru_RU .links, .ru_RU .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.defaultTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.forumTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.tempVideoTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .ru_RU .layoutBoxTitle, .ru_RU .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.defaultTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.forumTheme .breadcrumb, .layoutBox1.forumTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.rightBackground1Theme .ru_RU .breadcrumb, .ru_RU .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.dynamicPageTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .ru_RU .breadcrumb, .ru_RU .layoutBox1.tempVideoTheme .breadcrumb, .layoutBox1.tempVideoTheme .ru_RU .breadcrumb, .ru_RU .header > .navigation, .ru_RU .header > .navigation a, .header > .navigation .ru_RU a, .ru_RU .seasonInfo .name, .seasonInfo .ru_RU .name, .ru_RU #buildControls, .ru_RU .inventoryControls .infoLine1, .inventoryControls .ru_RU .infoLine1, .ru_RU .inventoryControls .infoLine2, .inventoryControls .ru_RU .infoLine2, .ru_RU .inventoryControls .infoLine3, .inventoryControls .ru_RU .infoLine3, .ru_RU .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .ru_RU .infoLine1, .ru_RU .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .ru_RU .infoLine2, .ru_RU .inventoryManagerMenu .characters .character .infoLine3, .inventoryManagerMenu .characters .character .ru_RU .infoLine3, .ru_RU .newItemPopup, .ru_RU .divinationCard, .ru_RU .shopIndex .category h2, .shopIndex .category .ru_RU h2, .ru_RU .shopItemPackage .savingsInfo, .shopItemPackage .ru_RU .savingsInfo, .ru_RU .shopTopBar1 h1, .shopTopBar1 .ru_RU h1, .ru_RU #shopEndingCountdownContainer h2, #shopEndingCountdownContainer .ru_RU h2, .ru_RU .skillsList h1, .skillsList .ru_RU h1, .ru_RU #downloadPageList .content .purchaseText, #downloadPageList .content .ru_RU .purchaseText, .ru_RU #itemsPage .content h2, #itemsPage .content .ru_RU h2, .ru_RU #itemsPage .content h2 a, #itemsPage .content h2 .ru_RU a, .ru_RU .eventView .countdownDescription, .eventView .ru_RU .countdownDescription, .ru_RU .eventView h2, .eventView .ru_RU h2, .ru_RU .landingBox h1, .landingBox .ru_RU h1, .ru_RU .landingBox h2, .landingBox .ru_RU h2, .ru_RU .apiResource h2, .apiResource .ru_RU h2, .ru_RU .apiResource h3, .apiResource .ru_RU h3, .ru_RU .forum-table-container .buildGuide span, .forum-table-container .buildGuide .ru_RU span, .ru_RU #guildProfile .guild-header .guild-tag, #guildProfile .guild-header .ru_RU .guild-tag, .ru_RU #guildProfile .guild-header .guild-status, #guildProfile .guild-header .ru_RU .guild-status, .ru_RU #guildProfile #guildMemberPanel h2, #guildProfile #guildMemberPanel .ru_RU h2, .ru_RU #guildProfile #guildLeaderPanel h2, #guildProfile #guildLeaderPanel .ru_RU h2, .ru_RU .mtxStashPanel .noMtx .mtxText, .mtxStashPanel .noMtx .ru_RU .mtxText, .ru_RU .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxGroupHeader, .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .ru_RU .mtxGroupHeader, .ru_RU .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize, .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxItems .mtxItem .ru_RU .stackSize {
    font-family: 'FrizQuadrataC', Verdana,Arial,Helvetica,sans-serif; }

.FontinRegular, .heading2, .newsListItem .title a, .container .sitemap, #openBetaCountdown, #countdownSpecial, #betaInviteTimer, .seasonInfo .playerInfo, .seasonInfo .reward .points, .shopBuyItemModal, shopBuyPackageModal, .shopBuyItemModal h1, shopBuyPackageModal h1, .shopBuyItemModal .totalCost, shopBuyPackageModal .totalCost, #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildLeaderPanel .guild .points, .newsList h1, .stashTabContainer .tab .label {
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: 'FontinRegular', Verdana,Arial,Helvetica,sans-serif;
  font-size-adjust: 0.51; }
  .zh_CN .FontinRegular, .zh_CN .heading2, .zh_CN .newsListItem .title a, .newsListItem .title .zh_CN a, .zh_CN .container .sitemap, .container .zh_CN .sitemap, .zh_CN #openBetaCountdown, .zh_CN #countdownSpecial, .zh_CN #betaInviteTimer, .zh_CN .seasonInfo .playerInfo, .seasonInfo .zh_CN .playerInfo, .zh_CN .seasonInfo .reward .points, .seasonInfo .reward .zh_CN .points, .zh_CN .shopBuyItemModal, .zh_CN shopBuyPackageModal, .zh_CN .shopBuyItemModal h1, .shopBuyItemModal .zh_CN h1, .zh_CN shopBuyPackageModal h1, shopBuyPackageModal .zh_CN h1, .zh_CN .shopBuyItemModal .totalCost, .shopBuyItemModal .zh_CN .totalCost, .zh_CN shopBuyPackageModal .totalCost, shopBuyPackageModal .zh_CN .totalCost, .zh_CN #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildMemberPanel .guild .zh_CN .points, .zh_CN #guildProfile #guildLeaderPanel .guild .points, #guildProfile #guildLeaderPanel .guild .zh_CN .points, .zh_CN .newsList h1, .newsList .zh_CN h1, .zh_CN .stashTabContainer .tab .label, .stashTabContainer .tab .zh_CN .label {
    font-family: 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; }
  .zh_TW .FontinRegular, .zh_TW .heading2, .zh_TW .newsListItem .title a, .newsListItem .title .zh_TW a, .zh_TW .container .sitemap, .container .zh_TW .sitemap, .zh_TW #openBetaCountdown, .zh_TW #countdownSpecial, .zh_TW #betaInviteTimer, .zh_TW .seasonInfo .playerInfo, .seasonInfo .zh_TW .playerInfo, .zh_TW .seasonInfo .reward .points, .seasonInfo .reward .zh_TW .points, .zh_TW .shopBuyItemModal, .zh_TW shopBuyPackageModal, .zh_TW .shopBuyItemModal h1, .shopBuyItemModal .zh_TW h1, .zh_TW shopBuyPackageModal h1, shopBuyPackageModal .zh_TW h1, .zh_TW .shopBuyItemModal .totalCost, .shopBuyItemModal .zh_TW .totalCost, .zh_TW shopBuyPackageModal .totalCost, shopBuyPackageModal .zh_TW .totalCost, .zh_TW #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildMemberPanel .guild .zh_TW .points, .zh_TW #guildProfile #guildLeaderPanel .guild .points, #guildProfile #guildLeaderPanel .guild .zh_TW .points, .zh_TW .newsList h1, .newsList .zh_TW h1, .zh_TW .stashTabContainer .tab .label, .stashTabContainer .tab .zh_TW .label {
    font-family: "微軟正黑", "Microsoft JhengHei", "新明細體", Verdana,Arial,Helvetica,sans-serif; }
  .ru_RU .FontinRegular, .ru_RU .heading2, .ru_RU .newsListItem .title a, .newsListItem .title .ru_RU a, .ru_RU .container .sitemap, .container .ru_RU .sitemap, .ru_RU #openBetaCountdown, .ru_RU #countdownSpecial, .ru_RU #betaInviteTimer, .ru_RU .seasonInfo .playerInfo, .seasonInfo .ru_RU .playerInfo, .ru_RU .seasonInfo .reward .points, .seasonInfo .reward .ru_RU .points, .ru_RU .shopBuyItemModal, .ru_RU shopBuyPackageModal, .ru_RU .shopBuyItemModal h1, .shopBuyItemModal .ru_RU h1, .ru_RU shopBuyPackageModal h1, shopBuyPackageModal .ru_RU h1, .ru_RU .shopBuyItemModal .totalCost, .shopBuyItemModal .ru_RU .totalCost, .ru_RU shopBuyPackageModal .totalCost, shopBuyPackageModal .ru_RU .totalCost, .ru_RU #guildProfile #guildMemberPanel .guild .points, #guildProfile #guildMemberPanel .guild .ru_RU .points, .ru_RU #guildProfile #guildLeaderPanel .guild .points, #guildProfile #guildLeaderPanel .guild .ru_RU .points, .ru_RU .newsList h1, .newsList .ru_RU h1, .ru_RU .stashTabContainer .tab .label, .stashTabContainer .tab .ru_RU .label {
    font-family: 'FrizQuadrataC', Verdana,Arial,Helvetica,sans-serif; }

.FontinItalic {
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: 'FontinItalic', Verdana,Arial,Helvetica,sans-serif;
  font-size-adjust: 0.51; }
  .zh_CN .FontinItalic {
    font-family: 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif; }
  .zh_TW .FontinItalic {
    font-family: "微軟正黑", "Microsoft JhengHei", "新明細體", Verdana,Arial,Helvetica,sans-serif; }
  .ru_RU .FontinItalic {
    font-family: 'FrizQuadrataC', Verdana,Arial,Helvetica,sans-serif; }

.FontinBold, blockquote .quote, .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .inProgressControls .heading, .mtxStashPanel #mtxSortBox, .mtxStashPanel #mtxSortBox select, h1.t1 {
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: 'FontinBold', Verdana,Arial,Helvetica,sans-serif;
  font-size-adjust: 0.52; }
  .zh_CN .FontinBold, .zh_CN blockquote .quote, blockquote .zh_CN .quote, .zh_CN .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .upcomingControls .zh_CN .heading, .zh_CN .eventsList.displaySimple .inProgressControls .heading, .eventsList.displaySimple .inProgressControls .zh_CN .heading, .zh_CN .mtxStashPanel #mtxSortBox, .mtxStashPanel .zh_CN #mtxSortBox, .zh_CN .mtxStashPanel #mtxSortBox select, .mtxStashPanel #mtxSortBox .zh_CN select, .zh_CN h1.t1 {
    font-family: 'Microsoft YaHei', Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; }
  .zh_TW .FontinBold, .zh_TW blockquote .quote, blockquote .zh_TW .quote, .zh_TW .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .upcomingControls .zh_TW .heading, .zh_TW .eventsList.displaySimple .inProgressControls .heading, .eventsList.displaySimple .inProgressControls .zh_TW .heading, .zh_TW .mtxStashPanel #mtxSortBox, .mtxStashPanel .zh_TW #mtxSortBox, .zh_TW .mtxStashPanel #mtxSortBox select, .mtxStashPanel #mtxSortBox .zh_TW select, .zh_TW h1.t1 {
    font-family: "微軟正黑", "Microsoft JhengHei", "新明細體", Verdana,Arial,Helvetica,sans-serif; }
  .ru_RU .FontinBold, .ru_RU blockquote .quote, blockquote .ru_RU .quote, .ru_RU .eventsList.displaySimple .upcomingControls .heading, .eventsList.displaySimple .upcomingControls .ru_RU .heading, .ru_RU .eventsList.displaySimple .inProgressControls .heading, .eventsList.displaySimple .inProgressControls .ru_RU .heading, .ru_RU .mtxStashPanel #mtxSortBox, .mtxStashPanel .ru_RU #mtxSortBox, .ru_RU .mtxStashPanel #mtxSortBox select, .mtxStashPanel #mtxSortBox .ru_RU select, .ru_RU h1.t1 {
    font-family: 'FrizQuadrataC', Verdana,Arial,Helvetica,sans-serif; }

h1 {
  margin: 0px;
  padding: 0px;
  color: #CAC2A8;
  font-size: 2em;
  font-weight: bold; }
  h1.large {
    font-size: 340%; }

h1.t1 {
  margin: 0px 0px 10px 0px; }

h2 {
  font-size: 1.3em;
  margin: 0px;
  padding: 0px;
  color: #CAC2A8;
  font-weight: bold; }

h3 {
  margin: 0px;
  padding: 0px;
  color: #CAC2A8;
  font-size: 1.15em;
  font-weight: bold; }

h3.dark {
  margin: 0px;
  background-color: #000;
  color: #CEC59F;
  padding: 6px 5px; }

h4 {
  font-size: 110%;
  margin: 0px 0px;
  color: #CAC2A8;
  font-weight: bold; }

.heading1, .heading3, #twitch-streams-container h1, #monstersPage .act1 h2 a, #monstersPage .act2 h2 a, .eventsListSummary .title {
  color: #DFCF99; }

.heading2, .newsListItem .title a {
  color: #DFCF99; }

.heading3 {
  text-shadow: 0px 0px 3px rgba(209, 201, 179, 0.52); }

.button1.important, .important.button2, .pagination a.important, .important.editor-control, form.t1 input[type="submit"], .formT1 input[type="submit"], .button1, .button2, .pagination a, .pagination .current, .pagination .currentPage, .editor-control {
  border: 1px solid #2C2C2C;
  color: #98805E;
  padding: 0px 5px;
  margin: 0px 2px 0px 0px;
  border-radius: 2px;
  text-decoration: none;
  font-size: 115%;
  background-color: #0F0F0F; }
  form.t1 input[type="submit"]:hover, .formT1 input[type="submit"]:hover, .button1:hover, .button2:hover, .pagination a:hover, .pagination .current:hover, .pagination .currentPage:hover, .editor-control:hover {
    cursor: pointer;
    text-decoration: underline;
    box-shadow: 0px 0px 3px rgba(230, 225, 168, 0.24);
    text-shadow: 0px 0px 1px #E6E1A8;
    color: #E9E69F;
    border-color: #3C3C3C; }
  form.t1 input.buttonActive[type="submit"], .formT1 input.buttonActive[type="submit"], .buttonActive.button1, .buttonActive.button2, .pagination a.buttonActive, .pagination .buttonActive.current, .pagination .buttonActive.currentPage, .buttonActive.editor-control {
    box-shadow: 0px 0px 3px rgba(230, 225, 168, 0.24);
    text-shadow: 0px 0px 1px #E6E1A8;
    color: #E9E69F; }

.button1.important, .important.button2, .pagination a.important, .pagination .important.current, .pagination .important.currentPage, .important.editor-control, form.t1 input[type="submit"], .formT1 input[type="submit"] {
  color: #D0D2FF;
  background-color: #0F0F0F;
  font-size: 130%;
  margin: 10px 5px 3px 0; }
  .button1.important:hover, .important.button2:hover, .pagination a.important:hover, .pagination .important.current:hover, .pagination .important.currentPage:hover, .important.editor-control:hover, form.t1 input[type="submit"]:hover, .formT1 input[type="submit"]:hover {
    color: #eaeaff;
    text-shadow: 0px 0px 1px #9da1ff;
    background-color: #181818; }
  .submit_offset.button1.important, .submit_offset.important.button2, .pagination a.submit_offset.important, .pagination .submit_offset.important.current, .pagination .submit_offset.important.currentPage, .submit_offset.important.editor-control, form.t1 input.submit_offset[type="submit"], .formT1 input.submit_offset[type="submit"] {
    margin-left: 5px;
    margin-bottom: 8px; }

.button1:disabled, .button2:disabled, .pagination a:disabled, .pagination .current:disabled, .pagination .currentPage:disabled, .editor-control:disabled, .button1:disabled:hover, .button2:disabled:hover, .pagination a:disabled:hover, .pagination .current:disabled:hover, .pagination .currentPage:disabled:hover, .editor-control:disabled:hover {
  color: #5F5F5F;
  background-color: inherit;
  text-shadow: none;
  text-decoration: none;
  box-shadow: none;
  border: 1px solid #2C2C2C; }

.button1.download-button, .download-button.button2, .pagination a.download-button, .pagination .download-button.current, .pagination .download-button.currentPage, .download-button.editor-control {
  padding: 10px 20px;
  margin: 10px 0px 5px 0px;
  display: block;
  width: 190px;
  float: left;
  clear: left; }

.button2, .pagination a, .pagination .current, .pagination .currentPage {
  font-size: 130%; }

.uiButton, .uiDeleteButton, .uiEditButton, .uiMoveButton, .uiPrivateMessageButton, .uiFollowButton, .uiUnfollowButton, .uiQuoteButton, .uiRefreshButton, form.t1 .row.captcha .refresh, .formT1 .row.captcha .refresh, #captcha_refresh, .uiBumpButton {
  display: inline-block;
  overflow: hidden;
  text-indent: -9999em;
  opacity: 0.9; }
  .uiButton:hover, .uiDeleteButton:hover, .uiEditButton:hover, .uiMoveButton:hover, .uiPrivateMessageButton:hover, .uiFollowButton:hover, .uiUnfollowButton:hover, .uiQuoteButton:hover, .uiRefreshButton:hover, form.t1 .row.captcha .refresh:hover, .formT1 .row.captcha .refresh:hover, #captcha_refresh:hover, .uiBumpButton:hover {
    opacity: 1.0; }

.uiDeleteButton {
  background: url('/image/gen/button-sprite.png?1527463960000') no-repeat no-repeat;
  background-position: -65px -58px;
  width: 29px;
  height: 29px; }

.ch .uiDeleteButton {
  background: url('/image/gen/button-sprite-zh.png?1527463960000') no-repeat no-repeat;
  background-position: 0px 0px;
  width: 36px;
  height: 29px; }

.zh_CN .uiDeleteButton {
  background: url('/image/gen/button-sprite-zh_CN.png?1527463960000') no-repeat no-repeat;
  background-position: -115px -29px;
  width: 29px;
  height: 29px; }

.uiEditButton {
  background: url('/image/gen/button-sprite.png?1527463960000') no-repeat no-repeat;
  background-position: 0px -87px;
  width: 29px;
  height: 29px; }
  .zh_CN .uiEditButton {
    background: url('/image/gen/button-sprite-zh_CN.png?1527463960000') no-repeat no-repeat;
    background-position: 0px -58px; }

.ch .uiEditButton {
  background: url('/image/gen/button-sprite-zh.png?1527463960000') no-repeat no-repeat;
  background-position: -36px 0px;
  width: 36px;
  height: 29px; }

.uiMoveButton {
  background: url('/image/gen/button-sprite.png?1527463960000') no-repeat no-repeat;
  background-position: -29px -87px;
  width: 29px;
  height: 29px; }
  .zh_CN .uiMoveButton {
    background: url('/image/gen/button-sprite-zh_CN.png?1527463960000') no-repeat no-repeat;
    background-position: -29px -58px; }

.ch .uiMoveButton {
  background: url('/image/gen/button-sprite-zh.png?1527463960000') no-repeat no-repeat;
  background-position: 0px -29px;
  width: 36px;
  height: 29px; }

.uiPrivateMessageButton {
  background: url('/image/gen/button-sprite.png?1527463960000') no-repeat no-repeat;
  background-position: 0px -58px;
  width: 36px;
  height: 29px; }
  .zh_CN .uiPrivateMessageButton {
    background: url('/image/gen/button-sprite-zh_CN.png?1527463960000') no-repeat no-repeat;
    background-position: 0px -29px;
    width: 86px;
    height: 29px; }

.ch .uiPrivateMessageButton {
  background: url('/image/gen/button-sprite-zh.png?1527463960000') no-repeat no-repeat;
  background-position: -36px -29px;
  width: 36px;
  height: 29px; }

.uiFollowButton {
  background: url('/image/gen/button-sprite.png?1527463960000') no-repeat no-repeat;
  background-position: 0px 0px;
  width: 120px;
  height: 29px; }
  .zh_CN .uiFollowButton {
    background: url('/image/gen/button-sprite-zh_CN.png?1527463960000') no-repeat no-repeat;
    background-position: 0px 0px;
    width: 86px;
    height: 29px; }

.uiUnfollowButton {
  background: url('/image/gen/button-sprite.png?1527463960000') no-repeat no-repeat;
  background-position: 0px -29px;
  width: 120px;
  height: 29px; }
  .zh_CN .uiUnfollowButton {
    background: url('/image/gen/button-sprite-zh_CN.png?1527463960000') no-repeat no-repeat;
    background-position: -86px 0px;
    width: 86px;
    height: 29px; }

.uiQuoteButton {
  background: url('/image/gen/button-sprite.png?1527463960000') no-repeat no-repeat;
  background-position: -58px -87px;
  width: 29px;
  height: 29px; }
  .zh_CN .uiQuoteButton {
    background: url('/image/gen/button-sprite-zh_CN.png?1527463960000') no-repeat no-repeat;
    background-position: -58px -58px; }

.ch .uiQuoteButton {
  background: url('/image/gen/button-sprite-zh.png?1527463960000') no-repeat no-repeat;
  background-position: -72px 0px;
  width: 36px;
  height: 29px; }

.uiRefreshButton, form.t1 .row.captcha .refresh, .formT1 .row.captcha .refresh, #captcha_refresh {
  background: url('/image/gen/button-sprite.png?1527463960000') no-repeat no-repeat;
  background-position: -87px -87px;
  width: 29px;
  height: 29px; }
  .zh_CN .uiRefreshButton, .zh_CN form.t1 .row.captcha .refresh, form.t1 .row.captcha .zh_CN .refresh, .zh_CN .formT1 .row.captcha .refresh, .formT1 .row.captcha .zh_CN .refresh, .zh_CN #captcha_refresh {
    background: url('/image/gen/button-sprite-zh_CN.png?1527463960000') no-repeat no-repeat;
    background-position: -87px -58px; }

.uiBumpButton {
  background: url('/image/gen/button-sprite.png?1527463960000') no-repeat no-repeat;
  background-position: -36px -58px;
  width: 29px;
  height: 29px; }
  .zh_CN .uiBumpButton {
    background: url('/image/gen/button-sprite-zh_CN.png?1527463960000') no-repeat no-repeat;
    background-position: -86px -29px; }
  .uiBumpButton.disabled {
    display: none; }
  .uiBumpButton.unBump {
    border: 1px solid red; }

.buttonGroup {
  overflow: hidden;
  *zoom: 1; }
  .buttonGroup li {
    padding: 0;
    margin: 0;
    display: inline-block;
    border: 0;
    background: none;
    float: left; }
    .buttonGroup li .button {
      margin: 0; }

#generate_key {
  margin: 0 305px 0 0; }

.profile-link {
  display: inline-block; }
  .profile-link a {
    font-weight: bold;
    text-decoration: none; }
  .profile-link.hasTwitch.twitchShow {
    margin-top: -3px; }
  .profile-link .achievement {
    margin-bottom: -8px;
    margin-left: 1px;
    margin-right: 3px;
    padding-right: 0px; }
  .profile-link .twitch {
    display: none;
    margin-bottom: -5px;
    margin-left: 6px; }
  .profile-link.twitchShow .twitch {
    display: inline-block; }
  .profile-link.twitchOnline .twitch {
    background: url('/image/twitch/online.png?1525390451000');
    width: 22px;
    height: 22px; }
  .profile-link.twitchOffline .twitch {
    background: url('/image/twitch/offline.png?1525390451000');
    width: 22px;
    height: 22px; }

.profile-link.deleted {
  font-style: italic;
  color: #DE9066; }

.profile-link.forumModerator a, .forumModeratorText, .profile-link.valuedPoster a, .valuedPosterText {
  color: #9D9D9D; }

.profile-link.staff a, .staffText, .adminText, .profile-link.staff.characterName {
  color: #DB9F00; }

.profile-link.support a, .supportText {
  color: #a37c00; }

.twitchProfilePopup {
  z-index: 200;
  border: 1px solid #0F0F0F;
  box-shadow: 0px 0px 2px 0px #A79055;
  background: #000;
  min-height: 200px;
  margin: 10px; }
  .twitchProfilePopup .name {
    padding: 2px 4px 4px 4px;
    width: 312px;
    font-weight: bold; }
  .twitchProfilePopup img {
    display: block; }

.s-pad, table.s-td-pad td {
  padding: 5px; }

.m-pad, table.m-td-pad td {
  padding: 10px; }

.l-pad {
  padding: 20px; }

.xl-pad {
  padding: 40px; }

.v-s-pad {
  padding-top: 5px;
  padding-bottom: 5px; }

.v-m-pad {
  padding-top: 10px;
  padding-bottom: 10px; }

.v-l-pad {
  padding-top: 20px;
  padding-bottom: 20px; }

.v-xl-pad {
  padding-top: 40px;
  padding-bottom: 40px; }

.h-s-pad {
  padding-left: 5px;
  padding-right: 5px; }

.h-m-pad {
  padding-left: 10px;
  padding-right: 10px; }

.h-l-pad {
  padding-left: 20px;
  padding-right: 20px; }

.h-xl-pad {
  padding-left: 40px;
  padding-right: 40px; }

.s-marg {
  margin: 5px; }

.m-marg {
  margin: 10px; }

.l-marg {
  margin: 20px; }

.xl-marg {
  margin: 40px; }

.t-s-marg {
  margin-top: 5px; }

.t-m-marg {
  margin-top: 10px; }

.t-l-marg {
  margin-top: 20px; }

.t-xl-marg {
  margin-top: 40px; }

.loading {
  background-image: url('/image/loading.gif?1525390452000');
  background-repeat: no-repeat;
  background-position: center;
  height: 200px; }

.loading-inline {
  background: url('/image/loading_small.gif?1525390452000') no-repeat center;
  width: 16px;
  height: 16px;
  display: inline-block; }

.bold {
  font-weight: bold; }

.underline {
  text-decoration: underline; }

.italic {
  font-style: italic; }

.medium {
  font-size: 1.1em; }

a.error {
  color: #FF342F;
  text-decoration: none; }

.success {
  color: #11AA2D; }

.successBox {
  border: 1px solid #003300;
  margin-bottom: 10px; }

.error, form.t1 .element li, .formT1 .element li, .errorText {
  color: #FF342F; }

.errorBox {
  border: 1px solid #FF342F; }

.errors {
  color: #FF342F;
  padding: 0px;
  margin: 2px 0px;
  list-style-type: none; }

.errors li {
  padding: 0px;
  background: transparent; }

.no-display {
  display: none; }

.description, .descriptionText, .eventBase .leagueDescription, .eventsList .event .leagueDescription, .eventView .leagueDescription {
  color: #566e94; }

.description {
  clear: both;
  font-size: .95em;
  margin-top: 2px; }

.description-important {
  clear: both;
  color: #CAC2A8;
  font-size: .95em;
  margin-bottom: 5px; }

.onProbation, .banned {
  color: #a10000; }

.view-more {
  padding: 9px;
  text-align: left; }

.vertOrnate1 {
  position: relative;
  width: 920px;
  background: url('/image/bg-vert-ornate/l.png?1525390444000') repeat-y 8px 0px; }
  .vertOrnate1 .r {
    background: url('/image/bg-vert-ornate/r.png?1525390444000') repeat-y 910px 0px; }
  .vertOrnate1 .content {
    margin-left: 50px;
    width: 820px;
    position: relative;
    text-align: center; }
  .vertOrnate1 form {
    display: inline-block;
    margin-top: 10px; }
  .vertOrnate1 .l-ornate {
    position: absolute;
    left: -47px;
    top: 50%;
    margin-top: -17px;
    width: 25px;
    height: 35px;
    background: url('/image/bg-vert-ornate/l-ornate.png?1525390444000') no-repeat top left; }
  .vertOrnate1 .r-ornate {
    position: absolute;
    right: -47px;
    top: 50%;
    margin-top: -17px;
    width: 23px;
    height: 35px;
    background: url('/image/bg-vert-ornate/r-ornate.png?1525390444000') no-repeat top left; }
  .vertOrnate1 .br {
    background: url('/image/bg-vert-ornate/br.png?1525390444000') no-repeat top left;
    width: 51px;
    height: 35px;
    position: absolute;
    bottom: -2px;
    right: 1px; }
  .vertOrnate1 .bl {
    background: url('/image/bg-vert-ornate/bl.png?1525390444000') no-repeat top left;
    width: 52px;
    height: 34px;
    position: absolute;
    bottom: -2px;
    left: 4px; }
  .vertOrnate1 .tr {
    background: url('/image/bg-vert-ornate/tr.png?1525390444000') no-repeat top left;
    width: 50px;
    height: 32px;
    position: absolute;
    top: -2px;
    right: 2px; }
  .vertOrnate1 .tl {
    background: url('/image/bg-vert-ornate/tl.png?1525390444000') no-repeat top left;
    width: 50px;
    height: 32px;
    position: absolute;
    top: -2px;
    left: 4px; }

.generalCopy h4 {
  color: #CEC59F;
  font-weight: normal; }

.generalCopy .block {
  margin-bottom: 20px; }

.aboutContent .character {
  position: absolute;
  right: 15px;
  bottom: 36px; }

.dropCap {
  float: left;
  margin-bottom: -0.1em;
  margin-left: -0.2em;
  margin-right: 0.12em;
  margin-top: -0.25em; }

.button-spacer {
  height: 25px; }

.padded {
  padding: 5px; }

.no-padding {
  padding: 0px 4px; }

img {
  border: none; }

.clear {
  clear: both; }

.clear_right {
  clear: right; }

div.options {
  margin-left: 18px; }

div.options ul {
  margin-left: -18px; }

div.options li {
  margin: 3px 0px; }

h3.options {
  margin-left: 18px; }

.bright, div.options a, a.orderCur {
  color: #CAC2A8; }

.bright2, .form-description {
  color: #BFB383; }

a.bright, div.options ad {
  text-decoration: none; }

a {
  color: #A38B63; }

a:hover, div.options a:hover {
  color: #fff; }

a.big {
  color: #C29E6C;
  font-size: 115%;
  font-weight: bold;
  text-decoration: none; }

.bullet {
  background: url('/image/list_large.jpg?1525390452000') -2px -2px no-repeat;
  padding-left: 17px; }

.text_block {
  margin-bottom: 15px; }

p {
  margin: 0px 0px 10px 0px; }

ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  position: relative; }

/*li
{
  background: transparent image-url("list_small.png") no-repeat scroll 4px 3px;
  padding-left: 20px;
}*/
.listSpaced li {
  margin-bottom: 15px; }

blockquote {
  margin: 5px 5px 8px  20px;
  padding: 7px;
  background: #333127 no-repeat;
  border: #555141 1px solid;
  color: #a79070;
  clear: both;
  position: relative; }
  blockquote .quote {
    font-size: 42px;
    top: 0px;
    left: 6px;
    position: absolute; }

blockquote .top {
  height: auto !important;
  min-height: 10px;
  height: 10px; }

blockquote .bot {
  margin-top: 8px; }

blockquote cite {
  margin-left: 15px; }

p.short {
  padding-bottom: 150px; }

.black_heading {
  color: #CEC59F;
  font-size: 1.1em;
  font-weight: bold;
  height: 20px;
  padding: 6px 5px;
  background-color: #000; }

.padding-s {
  padding: 5px; }

.med-margin {
  margin: 10px 5px; }

.hidden {
  display: none; }

.centered {
  text-align: center; }

.alignRight {
  text-align: right; }

.strip-heading {
  background-color: #20201D;
  padding: 10px; }

.error-heading {
  color: #FF342F;
  padding: 10px; }

.spacer {
  padding: 0px 5px;
  color: #3a3124; }

.noDisplay {
  display: none; }

strong {
  color: #bb9e74;
  font-weight: bold; }

tr.red {
  background-color: red; }

.fl {
  float: left; }

.fr {
  float: right; }

.botControlsSpacer {
  height: 27px;
  position: relative; }

.botControls {
  top: 6px;
  position: absolute;
  bottom: 10px;
  width: 100%; }

.botControls .pagination {
  padding-left: 5px; }

.betaKeyBox {
  color: #53697F; }

.betaKeyUsed {
  color: red; }

.betaKeyUsed .key {
  text-decoration: line-through; }

.bbHeading {
  margin-bottom: 5px; }

.largeSkillContainer {
  text-align: center; }

.largeSkillContainer img {
  margin: 2px 0px; }

#terms_of_use {
  height: 450px;
  width: 100%; }

#terms_of_use div {
  overflow-y: scroll;
  height: 100%;
  padding-right: 5px; }

.terms-of-use h1 {
  font-size: 120%;
  text-align: left;
  margin-bottom: 10px; }

#terms-of-use-container .terms-of-use h1 {
  font-size: 100%; }

.coinHeading1:before, #itemsPage .content h2:before, .landingBox h2:before {
  background: url('/image/gen/ui-sprite.png?1527463961000') no-repeat no-repeat;
  background-position: 0px -141px;
  padding-left: 32px;
  content: " "; }

.link2, #statusBar .row2, #statusBar .row2 a, .inventoryControls .open {
  text-decoration: none;
  color: #00b6ff; }
  .link2:hover, #statusBar .row2:hover, #statusBar .row2 a:hover, .inventoryControls .open:hover {
    color: #00d2ff; }

em {
  font-style: italic; }

.colorBoxTheme1 #cboxClose {
  background-position: 0 0;
  height: 25px;
  width: 25px;
  background-image: url('/image/UI/button/close-normal.png?1527463958000');
  top: 2px;
  right: 1px;
  z-index: 5; }
  .colorBoxTheme1 #cboxClose:hover {
    background-image: url('/image/UI/button/close-hover.png?1527463958000');
    background-position: 0 0; }

.colorBoxTheme1.hideClose #cboxClose {
  display: none !important; }

.colorBoxTheme1 #cboxContent {
  border: 1px solid #23260B;
  box-shadow: 0px 0px 4px 0px rgba(185, 142, 50, 0.8); }

.colorBoxTheme1 #cboxTopLeft, .colorBoxTheme1 #cboxTopCenter, .colorBoxTheme1 #cboxTopRight, .colorBoxTheme1 #cboxMiddleLeft, .colorBoxTheme1 #cboxMiddleRight, .colorBoxTheme1 #cboxBottomLeft, .colorBoxTheme1 #cboxBottomCenter, .colorBoxTheme1 #cboxBottomCenter, .colorBoxTheme1 #cboxBottomRight {
  background: none; }

.colorBoxPanelTheme #cboxClose {
  background-position: 0 0;
  height: 25px;
  width: 25px;
  background-image: url('/image/UI/button/close-normal.png?1527463958000');
  top: 49px;
  right: 21px;
  border: 0px none; }
  .colorBoxPanelTheme #cboxClose:hover {
    background-image: url('/image/UI/button/close-hover.png?1527463958000');
    background-position: 0 0; }

.colorBoxPanelTheme.hideClose #cboxClose {
  display: none !important; }

.hoverPopup {
  position: relative; }
  .hoverPopup .popup {
    display: none; }
  .hoverPopup:hover, .hoverPopup .popup:hover {
    opacity: 1; }
    .hoverPopup:hover .popup, .hoverPopup .popup:hover .popup {
      display: block;
      position: absolute;
      left: 100%;
      top: 0px;
      z-index: 1; }
      .hoverPopup:hover .popup.lower, .hoverPopup .popup:hover .popup.lower {
        bottom: -4px;
        top: auto; }

.poeScroll .jspVerticalBar {
  width: 29px; }
  .poeScroll .jspVerticalBar .jspTrack {
    background: url('/image/UI/scrollbar/rail.png?1527463958000');
    width: 29px;
    height: 32px; }
  .poeScroll .jspVerticalBar .jspArrowUp {
    background: url('/image/UI/scrollbar/up.png?1527463958000');
    width: 29px;
    height: 18px; }
  .poeScroll .jspVerticalBar .jspArrowDown {
    background: url('/image/UI/scrollbar/down.png?1527463958000');
    width: 29px;
    height: 16px; }
  .poeScroll .jspVerticalBar .jspDrag {
    background: url('/image/UI/scrollbar/thumb-middle.png?1527463958000'); }
  .poeScroll .jspVerticalBar .jspDragTop {
    background: url('/image/UI/scrollbar/thumb-top.png?1527463958000');
    width: 29px;
    height: 16px;
    top: 0px;
    left: 0px; }
  .poeScroll .jspVerticalBar .jspDragBottom {
    background: url('/image/UI/scrollbar/thumb-bottom.png?1527463958000');
    width: 29px;
    height: 16px;
    position: absolute;
    bottom: 0px;
    left: 0px; }

small {
  font-size: smaller; }

.floatRight {
  float: right; }

.clearfix {
  overflow: hidden;
  *zoom: 1; }

html {
  font-size: 62.5%;
  height: 100%; }

body {
  line-height: 1.3;
  margin: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.3em;
  background: #000 url('/image/layout/WftA_background.jpg?1525390446000') no-repeat top center;
  height: 100%; }
  body.ch {
    font-family: "微軟正黑", "Microsoft JhengHei", "新明細體", Verdana, Arial, Helvetica, sans-serif; }
  body #garena-bar-wrapper {
    height: 43px; }
  body.ch {
    background-position-y: 43px; }

body, .defaultText {
  color: #A38D6D; }

.container {
  position: relative;
  margin: 0 auto;
  text-align: center;
  z-index: 100;
  min-width: 1012px; }
  .container > .header {
    position: relative;
    text-align: left;
    z-index: 102;
    background: transparent url('/image/layout/header.png?1525390446000') no-repeat top center; }
    .zh_TW .container > .header {
      background: transparent url('/image/layout/header_garena_zh_TW.png?1525390446000') no-repeat top center; }
    .th_TH .container > .header {
      background: transparent url('/image/layout/header_garena_th_TH.png?1525390446000') no-repeat top center; }
    .ru_RU .container > .header {
      background: transparent url('/image/layout/ru_RU/header.png?1525390446000') no-repeat top center; }
    .tencent .container > .header {
      background: none; }
    .container > .header > .controls {
      position: relative;
      margin: 0 auto;
      width: 980px;
      height: 218px; }
      .container > .header > .controls .language-select {
        float: right;
        margin-right: 30px; }
        .container > .header > .controls .language-select img {
          margin-top: 5px;
          border: 1px solid #111; }
      .container > .header > .controls .account-followers {
        position: absolute;
        top: 156px;
        left: 20px;
        z-index: 1; }
  .container > .content {
    position: relative;
    background: transparent url('/image/layout/header.png?1525390446000') no-repeat center -217px;
    text-align: left;
    margin: 0 auto;
    width: 960px;
    padding: 4px 0;
    z-index: 100; }
    .tencent .container > .content {
      background: none; }
    .container > .content > .backdrop {
      box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.88);
      background: rgba(0, 0, 0, 0.91);
      margin: 2px 20px 10px;
      z-index: -1;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0; }
    .container > .content > .wrapper {
      margin: 0 15px; }
  .container .sitemap {
    overflow: hidden;
    *zoom: 1;
    text-align: left;
    font-size: 110%;
    padding-top: 25px; }
    .container .sitemap a {
      text-decoration: none;
      color: #4d4a45; }
      .container .sitemap a:hover {
        color: #6d6a65; }
    .container .sitemap li {
      background: none;
      padding: 3px 0; }
    .container .sitemap .column {
      padding: 0 10px;
      width: 108.33333px;
      float: left;
      position: relative; }
    .container .sitemap .centerColumn {
      padding: 0;
      width: 150px;
      margin-top: 2px; }
  .container > .footer {
    position: relative;
    margin: 0 auto;
    width: 960px;
    background: url('/image/layout/footer.png?1525390446000') no-repeat top center;
    top: -40px;
    padding-top: 40px; }
    .tencent .container > .footer {
      background: none;
      width: 980px; }
    .container > .footer > .backdrop {
      box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.88);
      background: rgba(0, 0, 0, 0.91);
      margin: 0 20px;
      z-index: -1;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0; }
    .container > .footer > .wrapper {
      margin: 0 20px; }
    .container > .footer .copyright {
      margin-right: 15px; }
    .container > .footer .bottom {
      text-align: center;
      border-top: 1px solid #0F0F0F;
      padding: 9px 0;
      color: #3F3D39; }
      .container > .footer .bottom a {
        color: #3F3D39; }
        .container > .footer .bottom a:hover {
          color: #6D6A65; }
      .container > .footer .bottom.garenaFooter {
        overflow: hidden;
        font-size: 11px;
        line-height: 18px;
        padding-left: 50px; }
        .container > .footer .bottom.garenaFooter .logo {
          float: left;
          box-shadow: none; }
          .container > .footer .bottom.garenaFooter .logo.garenaLogo {
            margin-top: 22px; }
        .container > .footer .bottom.garenaFooter .copyright {
          float: left;
          width: 520px;
          padding-top: 19px; }
        .container > .footer .bottom.garenaFooter.ch .copyright {
          width: 260px;
          margin-right: 5px;
          font-size: 9px;
          line-height: 15px; }
        .container > .footer .bottom.garenaFooter.ch .rating {
          width: 245px;
          float: left;
          padding-top: 15px; }
          .container > .footer .bottom.garenaFooter.ch .rating img {
            width: 50px;
            padding-top: 5px; }
          .container > .footer .bottom.garenaFooter.ch .rating .rating-icon {
            float: left; }
          .container > .footer .bottom.garenaFooter.ch .rating .legal {
            float: left;
            margin-left: 10px;
            width: 170px;
            line-height: 16px; }
        .container > .footer .bottom.garenaFooter.ch .social {
          width: 30px;
          float: left;
          padding-top: 20px; }
          .container > .footer .bottom.garenaFooter.ch .social img {
            width: 30px; }
    .container > .footer .logo {
      margin: 10px;
      display: inline-block; }

#statusBar {
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
  background: url('/image/gen/ui-sprite.png?1527463961000') no-repeat no-repeat;
  background-position: 0px -94px;
  min-width: 359px;
  height: 41px;
  padding: 3px 0px; }
  #statusBar .loggedInStatus {
    min-width: 160px;
    display: inline-block; }
  #statusBar .privateMessageStatus {
    min-width: 83px;
    display: inline-block;
    text-align: center; }
    #statusBar .privateMessageStatus.hasMessages {
      color: #ECFF17;
      font-weight: bold;
      text-shadow: 0px 0px 4px rgba(255, 120, 44, 0.72); }
      #statusBar .privateMessageStatus.hasMessages:hover {
        color: #FBFFCF; }
  #statusBar .row1, #statusBar .row2 {
    position: relative;
    padding: 0px 60px 0px 27px; }
  #statusBar .row1 {
    font-size: 90%; }
    #statusBar .row1 .purchaseLink {
      text-decoration: none; }
    #statusBar .row1 .statusItem {
      margin-right: 19px; }
  #statusBar .row2 .statusItem {
    margin-right: 22px; }
    .pt_BR #statusBar .row2 .statusItem {
      margin-right: 8px;
      font-size: 0.9em; }
  #statusBar .row2, #statusBar .row2 a {
    font-size: 90%; }
  #statusBar .row2.loggedOut {
    margin-top: 10px;
    margin-left: 6px; }
  #statusBar .statusBarCenter {
    position: absolute;
    left: 220px;
    right: 135px;
    top: 0px;
    bottom: 0px;
    background: url('/image/gen/ui-sprite.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -47px;
    height: 45px;
    background-repeat: repeat-x; }
  #statusBar .statusBarRight {
    background: url('/image/gen/ui-sprite.png?1527463961000') no-repeat no-repeat;
    background-position: -222px -94px;
    width: 137px;
    height: 45px;
    position: absolute;
    right: 0px;
    top: 0px; }
  #statusBar .profile-link.achieved, #statusBar .profile-link.hasTwitch {
    padding-bottom: 0px;
    margin-top: -3px; }

.pointsIcon {
  background: url('/image/gen/ui-sprite.png?1527463961000') no-repeat no-repeat;
  background-position: -32px -141px;
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  position: relative;
  top: -1px; }

#socialBar {
  top: 0px;
  right: 4px;
  background: url('/image/gen/ui-sprite.png?1527463961000') no-repeat no-repeat;
  background-position: 0px 0px;
  width: 304px;
  height: 38px;
  padding: 9px 28px 0px 28px;
  position: absolute; }
  #socialBar .icon {
    float: right;
    padding-left: 4px; }
  #socialBar .facebook {
    float: right;
    overflow: hidden; }
  #socialBar .twitterFollow {
    float: right;
    margin: 0px 12px; }
  #socialBar .twitter {
    float: right; }
  #socialBar .twGameForum img {
    float: right;
    width: 80px;
    margin: 0px 38px 0px 12px; }

#mainLogoLink {
  position: absolute;
  left: 0;
  right: 0;
  top: 0px;
  bottom: 50px;
  width: 222px;
  display: block;
  z-index: 9999;
  margin-left: auto;
  margin-right: auto; }
  #mainLogoLink span {
    visibility: hidden; }

#largeHeaderButton {
  position: absolute;
  bottom: 82px;
  right: 10px;
  z-index: 2; }

#downloadButton, .downloadNowButton, #signupButton, .signupButton {
  text-indent: -9999em;
  overflow: hidden;
  display: block; }
  #downloadButton span, .downloadNowButton span, #signupButton span, .signupButton span {
    opacity: 0;
    display: block;
    -webkit-transition: 0.07s linear opacity;
    -moz-transition: 0.07s linear opacity false;
    -o-transition: 0.07s linear opacity false;
    transition: 0.07s linear opacity; }
  #downloadButton:hover span, .downloadNowButton:hover span, #signupButton:hover span, .signupButton:hover span {
    opacity: 1; }

#downloadButton, .downloadNowButton {
  background: url('/image/gen/download-sprite.png?1527463961000') no-repeat no-repeat;
  background-position: 0px -76px;
  width: 267px;
  height: 76px; }
  .zh_TW #downloadButton, .zh_TW .downloadNowButton {
    background: url('/image/gen/download-sprite-ch.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -76px; }
  .zh_CN #downloadButton, .zh_CN .downloadNowButton {
    background: url('/image/gen/download-sprite-zh_CN.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -76px; }
  .pt_BR #downloadButton, .pt_BR .downloadNowButton {
    background: url('/image/gen/download-sprite-pt_BR.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -76px; }
  .ru_RU #downloadButton, .ru_RU .downloadNowButton {
    background: url('/image/gen/download-sprite-ru_RU.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -76px; }
  .th_TH #downloadButton, .th_TH .downloadNowButton {
    background: url('/image/gen/download-sprite-th_TH.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -76px; }
  .de_DE #downloadButton, .de_DE .downloadNowButton {
    background: url('/image/gen/download-sprite-de_DE.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -76px; }
  .fr_FR #downloadButton, .fr_FR .downloadNowButton {
    background: url('/image/gen/download-sprite-fr_FR.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -76px; }
  .es_ES #downloadButton, .es_ES .downloadNowButton {
    background: url('/image/gen/download-sprite-es_ES.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -76px; }
  #downloadButton span, .downloadNowButton span {
    background: url('/image/gen/download-sprite.png?1527463961000') no-repeat no-repeat;
    background-position: 0px 0px;
    width: 267px;
    height: 76px; }
    .zh_TW #downloadButton span, .zh_TW .downloadNowButton span {
      background: url('/image/gen/download-sprite-ch.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px; }
    .zh_CN #downloadButton span, .zh_CN .downloadNowButton span {
      background: url('/image/gen/download-sprite-zh_CN.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px; }
    .pt_BR #downloadButton span, .pt_BR .downloadNowButton span {
      background: url('/image/gen/download-sprite-pt_BR.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px; }
    .ru_RU #downloadButton span, .ru_RU .downloadNowButton span {
      background: url('/image/gen/download-sprite-ru_RU.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px; }
    .th_TH #downloadButton span, .th_TH .downloadNowButton span {
      background: url('/image/gen/download-sprite-th_TH.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px; }
    .de_DE #downloadButton span, .de_DE .downloadNowButton span {
      background: url('/image/gen/download-sprite-de_DE.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px; }
    .fr_FR #downloadButton span, .fr_FR .downloadNowButton span {
      background: url('/image/gen/download-sprite-fr_FR.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px; }
    .es_ES #downloadButton span, .es_ES .downloadNowButton span {
      background: url('/image/gen/download-sprite-es_ES.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px; }

#signupButton, .signupButton {
  background: url('/image/gen/play-free.png?1527463961000') no-repeat no-repeat;
  background-position: 0px -76px;
  width: 267px;
  height: 76px; }
  .zh_TW #signupButton, .zh_TW .signupButton {
    background: url('/image/gen/play-free-ch.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -76px; }
  .zh_CN #signupButton, .zh_CN .signupButton {
    background: url('/image/gen/play-free-zh_CN.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -76px; }
  .pt_BR #signupButton, .pt_BR .signupButton {
    background: url('/image/gen/play-free-pt_BR.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -76px; }
  .ru_RU #signupButton, .ru_RU .signupButton {
    background: url('/image/gen/play-free-ru_RU.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -76px; }
  .th_TH #signupButton, .th_TH .signupButton {
    background: url('/image/gen/play-free-th_TH.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -76px; }
  .de_DE #signupButton, .de_DE .signupButton {
    background: url('/image/gen/play-free-de_DE.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -76px; }
  .fr_FR #signupButton, .fr_FR .signupButton {
    background: url('/image/gen/play-free-fr_FR.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -76px; }
  .es_ES #signupButton, .es_ES .signupButton {
    background: url('/image/gen/play-free-es_ES.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -76px; }
  #signupButton span, .signupButton span {
    background: url('/image/gen/play-free.png?1527463961000') no-repeat no-repeat;
    background-position: 0px 0px;
    width: 267px;
    height: 76px; }
    .zh_TW #signupButton span, .zh_TW .signupButton span {
      background: url('/image/gen/play-free-ch.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px; }
    .zh_CN #signupButton span, .zh_CN .signupButton span {
      background: url('/image/gen/play-free-zh_CN.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px; }
    .pt_BR #signupButton span, .pt_BR .signupButton span {
      background: url('/image/gen/play-free-pt_BR.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px; }
    .ru_RU #signupButton span, .ru_RU .signupButton span {
      background: url('/image/gen/play-free-ru_RU.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px; }
    .th_TH #signupButton span, .th_TH .signupButton span {
      background: url('/image/gen/play-free-th_TH.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px; }
    .de_DE #signupButton span, .de_DE .signupButton span {
      background: url('/image/gen/play-free-de_DE.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px; }
    .fr_FR #signupButton span, .fr_FR .signupButton span {
      background: url('/image/gen/play-free-fr_FR.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px; }
    .es_ES #signupButton span, .es_ES .signupButton span {
      background: url('/image/gen/play-free-es_ES.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px; }

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #4c4848;
  font-style: italic;
  padding: 2px;
  font-size: smaller; }

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #4c4848;
  font-style: italic; }

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #4c4848;
  font-style: italic; }

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #4c4848;
  font-style: italic; }

#garenaContainer {
  clear: both; }

#garena1 {
  overflow: hidden; }

#garena2 #garenaEvents {
  width: 610px;
  overflow: hidden;
  margin-bottom: 0px; }
  #garena2 #garenaEvents .eventsListSummary {
    position: relative; }
    #garena2 #garenaEvents .eventsListSummary h2.title {
      padding-left: 5px; }
    #garena2 #garenaEvents .eventsListSummary .eventsList {
      overflow: hidden; }
      #garena2 #garenaEvents .eventsListSummary .eventsList .event {
        float: left;
        width: 271px;
        margin: 5px 10px 10px 5px; }
    #garena2 #garenaEvents .eventsListSummary .controls {
      height: 106px; }

#garena2 #garenaLivestreams {
  clear: both;
  margin-top: 0px;
  width: 910px;
  overflow: hidden; }
  #garena2 #garenaLivestreams .twitchTvWidget {
    position: relative;
    padding-left: 6px; }
    #garena2 #garenaLivestreams .twitchTvWidget .stream {
      float: left;
      margin-right: 15px;
      padding-top: 5px; }
    #garena2 #garenaLivestreams .twitchTvWidget .controls {
      height: 160px; }

#garena2 .controls {
  width: 30px;
  background: #000;
  position: absolute;
  left: 583px;
  top: 45px; }
  #garena2 .controls .leftButton {
    width: 21px;
    height: 26px;
    background: url('/image/gen/inventory/tabs-control/LeftButton.png?1527463894000');
    cursor: pointer;
    position: absolute;
    bottom: 0px; }
    #garena2 .controls .leftButton:hover {
      background-position: 0px -26px; }
  #garena2 .controls .rightButton {
    width: 21px;
    height: 26px;
    background: url('/image/gen/inventory/tabs-control/RightButton.png?1527463894000');
    cursor: pointer;
    position: absolute;
    top: 0px; }
    #garena2 .controls .rightButton:hover {
      background-position: 0px -26px; }

#garena2 #garenaSpecials.noEvents {
  float: right; }

#garena2 #garenaLivestreams.noEvents {
  float: left;
  clear: none;
  width: 615px; }

#garena3 {
  overflow: hidden;
  width: 615px; }

.site-notice-container {
  height: 100%;
  width: 100%;
  display: table; }
  .site-notice-container .site-notice-centered {
    display: table-cell;
    height: 100%;
    vertical-align: middle; }
    .site-notice-container .site-notice-centered .boxLayout {
      position: relative;
      text-align: left;
      margin-left: auto;
      margin-right: auto;
      z-index: 0;
      width: 420px; }
  .site-notice-container h3 {
    font-size: 1.4em;
    margin-bottom: 12px; }
  .site-notice-container .logo {
    background: url('/image/Art/2DArt/Logos/POELogoOriath.png?1524541801000') no-repeat center;
    display: block;
    width: 100%;
    height: 192px;
    background-size: contain;
    margin: 20px 0; }
  .site-notice-container .button-box {
    margin-bottom: 24px; }
    .site-notice-container .button-box button {
      display: inline-block;
      width: 100%;
      text-align: center;
      padding: 6px 12px;
      margin-top: 8px;
      margin-bottom: 0;
      touch-action: manipulation;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none; }
  .site-notice-container .permission-details {
    text-align: center; }
    .site-notice-container .permission-details .permissions {
      margin-bottom: 24px;
      text-align: initial; }
      .site-notice-container .permission-details .permissions li {
        margin-bottom: 8px; }

body {
  min-width: 720px; }

*:focus {
  outline: none; }

.awakening-page-supporter {
  width: 100%;
  height: 100px;
  background: transparent url('/image/awakening/info_badge_normal.png?1525390437000') 49% 0 no-repeat;
  margin: -18px 0px;
  z-index: 20; }

.awakening-page-supporter:hover {
  background: transparent url('/image/awakening/info_badge_hover.png?1525390437000') 49% 0 no-repeat; }

.awakening {
  font-family: "FontinRegular", "Verdana", "Arial", "Helvetica", "sans-serif";
  font-weight: bold;
  font-size: 16px;
  word-spacing: 0.7px; }
  .awakening header {
    font-family: "FontinSmallCaps", "Verdana", "Arial", "Helvetica", "sans-serif"; }
  .awakening a {
    font-style: normal; }
  .awakening a:link {
    color: #43a2e6; }
  .awakening a:hover {
    color: #2996d1; }
  .awakening a:visited {
    color: #43a2e6; }

.awakening-container {
  color: #9f9fa1;
  margin-left: auto;
  margin-right: auto;
  position: relative; }

.awakening-content {
  width: 100%;
  position: absolute;
  top: 170px; }
  .awakening-content p {
    width: 500px; }
  .awakening-content .coming-soon {
    font-style: italic;
    font-size: 14px;
    color: #737373; }

#awakening-download-small {
  width: 250px;
  height: 60px;
  display: block; }

#awakening-signup-button-small:hover {
  background-position: 0px -61px; }

#awakening-signup-large, #awl-button {
  width: 455px;
  height: 110px;
  background-position: 0px 0px;
  display: block; }

#awakening-signup-large:hover {
  background-position: 0px -112px; }

header.awakening {
  background-image: url('/image/awakening/header_text.jpg?1525390437000');
  height: 840px; }

header.awakening-page-header {
  height: 1000px; }

header .awakening-content {
  width: 730px;
  padding-top: 330px; }

header .awakening-video {
  position: absolute;
  cursor: pointer;
  left: 157px;
  top: 500px; }

header.awakening, footer.awakening {
  position: relative;
  width: 100%;
  background-repeat: no-repeat;
  background-position: 49.9% 0; }
  header.awakening .awakening-content, footer.awakening .awakening-content {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    z-index: 5; }
    header.awakening .awakening-content .layoutBox1, footer.awakening .awakening-content .layoutBox1 {
      width: 585px; }

section {
  width: 100%;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat; }
  section.awakening {
    position: relative;
    background-repeat: no-repeat;
    background-position: 49.9% 0;
    background-size: inherit; }
    section.awakening.awakening-right header {
      width: 400px; }
    section.awakening header {
      color: #ffa007;
      height: 25px;
      font-size: 28px;
      width: 100%;
      position: absolute;
      top: 130px; }
    section.awakening.act4 {
      background-image: url('/image/awakening/710BestAwakens.jpg?1525390437000'); }
    section.awakening.leagues {
      background-image: url('/image/awakening/710NewLeagues.jpg?1525390437000'); }
    section.awakening.skills {
      background-image: url('/image/awakening/skills.jpg?1525390437000'); }
      section.awakening.skills header {
        left: 700px; }
      section.awakening.skills .awakening-content p {
        padding-left: 700px; }
    section.awakening.jewels {
      background-image: url('/image/awakening/jewels.jpg?1525390437000'); }
      section.awakening.jewels header {
        left: 2px;
        top: 170px; }
      section.awakening.jewels .awakening-content {
        top: 210px; }
        section.awakening.jewels .awakening-content .jewel-items {
          position: relative;
          margin-top: 200px;
          width: 500px; }
          section.awakening.jewels .awakening-content .jewel-items .itemInfo {
            font-size: 12px;
            font-style: italic;
            color: #737373;
            text-align: center; }
        section.awakening.jewels .awakening-content .jewel-item {
          width: 60px;
          float: left;
          margin: 10px; }
    section.awakening.items {
      background-image: url('/image/awakening/items_sword.jpg?1525390437000'); }
      section.awakening.items header {
        left: 700px; }
      section.awakening.items .awakening-content p {
        padding-left: 700px; }
      section.awakening.items .awakening-content .unique-items {
        position: relative;
        margin-top: -90px;
        margin-left: 200px;
        width: 500px; }
        section.awakening.items .awakening-content .unique-items .itemInfo {
          font-size: 12px;
          font-style: italic;
          color: #737373;
          text-align: center; }
      section.awakening.items .awakening-content .unique-item {
        width: 100px;
        float: left;
        margin: 10px; }
    section.awakening.qol {
      background-image: url('/image/awakening/qol.jpg?1525390437000'); }

footer.awakening {
  background-image: url('/image/awakening/footer.jpg?1525390437000');
  height: 762px; }
  footer.awakening .awakening-container {
    height: 680px; }
    footer.awakening .awakening-container .screenshots {
      top: 410px;
      left: -156px;
      width: 1100px;
      position: absolute; }
      footer.awakening .awakening-container .screenshots .awakening-ss {
        position: relative;
        float: left;
        width: 150px;
        height: 94px;
        margin-right: 20px;
        border: 1px solid #000;
        box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.4); }
    footer.awakening .awakening-container .footer-signup {
      position: absolute;
      top: 520px;
      left: 122px;
      width: 455px; }
    footer.awakening .awakening-container .awakening-content {
      width: 600px;
      top: 40px;
      left: 0px; }

@media (min-width: 1200px) {
  .awakening-container {
    width: 1200px;
    height: 710px; }
  .awakening {
    height: 710px; } }

@media (max-width: 1199px) {
  #awakening-signup-large, #awl-button {
    width: 305px;
    height: 74px; }
  #awakening-signup-large {
    background-position: 0px 0px; }
  #awakening-signup-large:hover {
    background-position: 0px -75px; }
  #awakening-signup-large:active {
    background-position: 0px -150px; }
  #awakening-signup-large {
    background-size: 305px; }
  header.awakening {
    height: 516px; }
    header.awakening .awakening-video {
      top: 340px; }
  header.awakening-page-header {
    height: 800px; }
  header .awakening-content {
    padding-top: 110px; }
  footer.awakening {
    height: 448px;
    overflow: hidden; }
    footer.awakening .awakening-container {
      height: 448px; }
      footer.awakening .awakening-container .screenshots {
        top: 225px;
        width: 735px;
        left: 0px;
        margin-left: -36px; }
        footer.awakening .awakening-container .screenshots .awakening-ss {
          width: 110px;
          height: 70px;
          margin-right: 10px; }
      footer.awakening .awakening-container .footer-signup {
        width: 300px;
        top: 310px;
        left: 173px; }
  header.awakening, footer.awakening, section.awakening {
    background-size: cover; }
  section.awakening {
    height: 435px; }
    section.awakening header {
      top: 90px; }
    section.awakening .awakening-content {
      top: 130px; }
      section.awakening .awakening-content p {
        width: 450px; }
    section.awakening.awakening-right header {
      top: 60px;
      left: 350px; }
    section.awakening.awakening-right .awakening-content {
      top: 104px; }
      section.awakening.awakening-right .awakening-content p {
        padding-left: 350px;
        width: 390px; }
    section.awakening.jewels header {
      top: 60px; }
    section.awakening.jewels .awakening-content {
      top: 104px; }
      section.awakening.jewels .awakening-content .jewel-items {
        margin-top: 110px; }
    section.awakening.items .awakening-content .unique-items {
      margin-left: -90px;
      margin-top: -140px; }
      section.awakening.items .awakening-content .unique-items .itemInfo {
        width: 190px;
        float: left;
        margin-top: -37px;
        margin-left: 99px; }
    section.awakening.items .awakening-content .unique-item {
      width: 100px;
      float: left;
      margin: 2px; }
  section .awakening-container {
    width: 720px;
    height: 435px; } }

.aw-info p, p.aw-info {
  color: #737373;
  text-align: center;
  width: auto; }

.awakening-message {
  font-weight: normal;
  font-size: 14px;
  width: 250px; }
  .awakening-message .message {
    color: #8a0108; }
  .awakening-message .aw-info {
    margin-top: 15px; }

body.zh_TW header.awakening-page-header {
  background-image: url('/image/awakening/header_text_zh_TW.jpg?1525390437000'); }

body.zh_TW .awakening-page-supporter {
  background: transparent url('/image/awakening/info_badge_normal_zh_TW.png?1525390437000') 49% 0 no-repeat; }

body.zh_TW .awakening-page-supporter:hover {
  background: transparent url('/image/awakening/info_badge_hover_zh_TW.png?1525390437000') 49% 0 no-repeat; }

body.th_TH header.awakening-page-header {
  background-image: url('/image/awakening/header_text_th_TH.jpg?1525390437000'); }

body.ru_RU section.awakening header, body.ru_RU header.awakening header, body.ru_RU footer.awakening header {
  font-size: 22px; }

body.ru_RU p {
  font-weight: normal; }

body.ru_RU .itemInfo {
  font-weight: normal;
  font-size: 11px; }

header.awinfo .awakening-container {
  background: transparent url('/image/awakening/awinfo/awbordertop.png?1525390436000') no-repeat 50% 0px;
  background-size: 1200px; }
  header.awinfo .awakening-container header {
    top: 100px; }
  header.awinfo .awakening-container .awakening-content {
    padding-top: 120px; }

header.awinfo .awinfo-separator {
  top: 696px; }

footer.awinfo .awakening-container {
  background: transparent url('/image/awakening/awinfo/awborderbot.png?1525390436000') no-repeat 50% 100%;
  background-size: 1200px; }

.awinfo {
  min-width: 900px;
  height: 600px; }
  .awinfo p {
    font-size: 14px;
    font-family: "FontinRegular", "Verdana", "Arial", "Helvetica", "sans-serif";
    text-align: justify;
    margin-bottom: 6px; }
  .awinfo header {
    position: absolute;
    font-family: "FontinSmallCaps", "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 28px;
    color: #ffa007; }
  .awinfo .awakening-container {
    background-size: 1200px;
    width: 1200px; }
    .awinfo .awakening-container header {
      width: 500px; }
    .awinfo .awakening-container .awakening-content {
      top: 80px;
      width: 1200px; }
  .awinfo .awinfo-center {
    margin-left: auto;
    margin-right: auto; }
  .awinfo .awinfo-separator {
    height: 12px;
    width: 100%;
    background-size: 1200px;
    background: transparent url('/image/awakening/awinfo/separator.png?1525390436000') 50% -28px no-repeat;
    z-index: 10;
    position: absolute;
    top: 596px; }
  .awinfo .awinfo-separator-comingsoon {
    width: 100%;
    height: 26px;
    top: 90px;
    position: absolute;
    font-family: "FontinSmallCaps", "Verdana", "Arial", "Helvetica", "sans-serif";
    font-size: 22px;
    color: #ffa007;
    background-image: url('/image/awakening/awinfo/comingsoon.png?1525390436000');
    background-position: 50% -28px; }
    .awinfo .awinfo-separator-comingsoon .separator-text {
      text-align: center;
      text-shadow: 2px 2px 3px #111; }
  .awinfo .itemInfo {
    font-size: 12px;
    font-style: italic;
    color: #737373;
    text-align: center; }
  .awinfo .awinfo-gem {
    width: 500px;
    height: 50px;
    position: absolute;
    top: 250px; }
    .awinfo .awinfo-gem .awinfo-gem-item {
      width: 50px;
      margin-left: auto;
      margin-right: auto; }
  .awinfo .awinfo-locked {
    width: 100%;
    height: 220px;
    background: transparent url('/image/awakening/awinfo/lockedinfo.png?1525390436000') no-repeat 0 0; }
    .awinfo .awinfo-locked p.coming-soon {
      margin-left: 188px;
      padding-top: 210px; }
  .awinfo .awinfo-items {
    position: absolute;
    z-index: 3; }
    .awinfo .awinfo-items .awinfo-items-large {
      width: 820px; }
    .awinfo .awinfo-items .awinfo-items-mini {
      width: 510px; }
    .awinfo .awinfo-items .awinfo-item {
      float: left; }
  .awinfo.awinfo-left header, .awinfo.awinfo-right header {
    padding: 0px 50px;
    top: 20px;
    font-size: 32px; }
  .awinfo.awinfo-left p, .awinfo.awinfo-right p {
    padding: 0px 50px; }
  .awinfo.awinfo-left .awinfo-gem {
    left: 50px; }
  .awinfo.awinfo-right .awinfo-gem {
    left: 650px; }
  .awinfo.awinfo-right .awakening-container header {
    margin-top: 10px;
    height: 40px;
    width: auto;
    float: right;
    text-align: right;
    position: relative; }
  .awinfo.awinfo-right .awakening-container .awakening-content p {
    position: relative;
    float: right;
    width: 500px;
    padding-left: 300px; }
  .awinfo.beastmore {
    background-image: url('/image/awakening/awinfo/710Belly.jpg?1525390436000');
    overflow: visible; }
    .awinfo.beastmore .awakening-container {
      height: 800px; }
      .awinfo.beastmore .awakening-container .awakening-content {
        width: auto;
        top: 80px;
        left: 0px; }
  .awinfo.nightmare {
    background-image: url('/image/awakening/awinfo/nightmare.jpg?1525390436000');
    height: 754px; }
    .awinfo.nightmare .awinfo-separator {
      top: 746px; }
    .awinfo.nightmare .awakening-container {
      width: 720px; }
      .awinfo.nightmare .awakening-container header {
        top: 10px;
        left: 766px;
        width: 320px; }
      .awinfo.nightmare .awakening-container .awakening-content {
        top: 50px; }
        .awinfo.nightmare .awakening-container .awakening-content p {
          padding-left: 470px;
          width: 600px; }
  .awinfo.actfour {
    background-image: url('/image/awakening/awinfo/areaheader.jpg?1525390436000');
    height: 876px; }
    .awinfo.actfour .awinfo-separator {
      top: 869px; }
    .awinfo.actfour .awakening-container header {
      top: 110px;
      left: 54px; }
    .awinfo.actfour .awakening-container .awakening-content {
      top: 160px;
      width: 1090px;
      padding: 0; }
      .awinfo.actfour .awakening-container .awakening-content p {
        width: 455px; }
  .awinfo.skills-header {
    background-image: url('/image/awakening/awinfo/skills.jpg?1525390436000');
    height: 710px; }
    .awinfo.skills-header .awakening-container .skills-header {
      top: 80px; }
    .awinfo.skills-header .awakening-container .awakening-content {
      padding-top: 80px; }
  .awinfo.jewels-header {
    background-image: url('/image/awakening/awinfo/710NewSource.jpg?1525390436000');
    height: 710px; }
    .awinfo.jewels-header .awakening-container .awakening-content {
      padding-top: 80px; }
  .awinfo.jewels-unique {
    background-image: url('/image/awakening/awinfo/710ModifyGem.jpg?1525390436000'); }
    .awinfo.jewels-unique .awakening-container .awakening-content {
      top: 110px; }
    .awinfo.jewels-unique .awinfo-items {
      top: 0px;
      left: 580px; }
  .awinfo.jewels-crafted {
    background-image: url('/image/awakening/awinfo/710Craft.jpg?1525390436000'); }
    .awinfo.jewels-crafted .awinfo-items {
      top: 0px;
      right: 580px; }
  .awinfo.leagues-header {
    background-image: url('/image/awakening/awinfo/710NewLeagues.jpg?1525390436000');
    height: 710px; }
    .awinfo.leagues-header .awakening-container .awakening-content {
      padding-top: 80px; }
    .awinfo.leagues-header .awakening-container .awinfo-video {
      margin-top: 360px;
      margin-left: 42px; }
  .awinfo.warbands {
    background-image: url('/image/awakening/awinfo/600Warbands.jpg?1525390436000'); }
  .awinfo.tempest {
    background-image: url('/image/awakening/awinfo/600Tempest.jpg?1525390436000'); }
  .awinfo.improvements-header {
    background-image: url('/image/awakening/qol.jpg?1525390437000');
    height: 710px; }
    .awinfo.improvements-header .awakening-container header {
      top: 110px; }
    .awinfo.improvements-header .awakening-container .awakening-content {
      padding-top: 80px; }
  .awinfo.improvements-sync {
    background-image: url('/image/awakening/awinfo/710Sync.jpg?1525390436000'); }
    .awinfo.improvements-sync .awakening-container header {
      width: 520px; }
  .awinfo.improvements-filters {
    background-image: url('/image/awakening/awinfo/710ItemFilters.jpg?1525390436000'); }
  .awinfo.improvements-qol {
    background-image: url('/image/awakening/awinfo/710Qol.jpg?1525390436000'); }
  .awinfo.improvements-rebalance {
    background-image: url('/image/awakening/awinfo/710Rebalance.jpg?1525390436000'); }
    .awinfo.improvements-rebalance .awakening-container header {
      margin-top: 0px; }
  .awinfo.abyssal {
    background-image: url('/image/awakening/awinfo/abyssal.jpg?1525390436000'); }
  .awinfo.rallying {
    background-image: url('/image/awakening/awinfo/rallying.jpg?1525390436000'); }
  .awinfo.icegolem {
    background-image: url('/image/awakening/awinfo/icegolem.jpg?1525390436000'); }
  .awinfo.flamegolem {
    background-image: url('/image/awakening/awinfo/flamegolem.jpg?1525390436000'); }
  .awinfo.chaosgolem {
    background-image: url('/image/awakening/awinfo/chaosgolem.jpg?1525390436000'); }
  .awinfo.vigilant {
    background-image: url('/image/awakening/awinfo/vigilant.jpg?1525390436000'); }
  .awinfo.fortify {
    background-image: url('/image/awakening/awinfo/fortify.jpg?1525390436000'); }
  .awinfo.blood {
    background-image: url('/image/awakening/awinfo/blood.jpg?1525390436000'); }
  .awinfo.detonate-mines {
    background-image: url('/image/awakening/awinfo/600Detonate.jpg?1525390436000'); }
  .awinfo.hypothermia {
    background-image: url('/image/awakening/awinfo/600Hypothermia.jpg?1525390436000'); }
  .awinfo.icecrash {
    background-image: url('/image/awakening/awinfo/600IceCrash.jpg?1525390436000'); }
  .awinfo.innervate {
    background-image: url('/image/awakening/awinfo/600Innervate.jpg?1525390436000'); }
  .awinfo.trap-and-mine-damage {
    background-image: url('/image/awakening/awinfo/600MineTrapDamage.jpg?1525390436000'); }
  .awinfo.fire-nova-mine {
    background-image: url('/image/awakening/awinfo/600NovaMine.jpg?1525390436000'); }
  .awinfo.magma-orb {
    background-image: url('/image/awakening/awinfo/600FireMortar.jpg?1525390436000'); }
  .awinfo.wild-strike {
    background-image: url('/image/awakening/awinfo/600WildStrike.jpg?1525390436000'); }
  .awinfo.frost-blades {
    background-image: url('/image/awakening/awinfo/600FrostBlades.jpg?1525390436000'); }
  .awinfo.flame-dash {
    background-image: url('/image/awakening/awinfo/600FlameDash.jpg?1525390436000'); }
  .awinfo.phase-run {
    background-image: url('/image/awakening/awinfo/600PhaseRun.jpg?1525390436000'); }
  .awinfo.ice-bite {
    background-image: url('/image/awakening/awinfo/710IceBite.jpg?1525390436000'); }
  .awinfo.skillsmore {
    background: transparent;
    overflow: visible;
    height: 112px; }
    .awinfo.skillsmore .awakening-container {
      height: 108px;
      background-position: 50% 100%;
      margin-top: -8px; }
  .awinfo.items-header {
    background-image: url('/image/awakening/awinfo/maraketh.jpg?1525390436000');
    height: 500px; }
    .awinfo.items-header .awakening-container .awakening-content {
      padding-top: 80px; }
      .awinfo.items-header .awakening-container .awakening-content .awinfo-items {
        margin-left: 100px; }
        .awinfo.items-header .awakening-container .awakening-content .awinfo-items .itemContentLayout {
          margin: 0; }
    .awinfo.items-header .awinfo-separator {
      top: 496px; }
  .awinfo.divination {
    background-image: url('/image/awakening/awinfo/DivinationCards.jpg?1525390436000'); }
  .awinfo.uniques-footer {
    background-image: url('/image/awakening/awinfo/uniqueitems.jpg?1525390436000'); }
    .awinfo.uniques-footer .awakening-container {
      height: 1344px; }
      .awinfo.uniques-footer .awakening-container .awakening-content {
        width: 1200px;
        top: 80px; }
        .awinfo.uniques-footer .awakening-container .awakening-content .awinfo-items {
          top: 190px;
          width: 1200px; }

@media (max-width: 1199px) {
  header.awinfo .awakening-container {
    background-size: 900px; }
    header.awinfo .awakening-container header {
      top: 80px; }
    header.awinfo .awakening-container .awakening-content {
      padding-top: 120px; }
  header.awinfo .awinfo-separator {
    top: 446px; }
  footer.awinfo .awakening-container {
    background-size: 900px; }
  .awinfo .awakening-container {
    width: 900px;
    background-size: 900px; }
    .awinfo .awakening-container .awakening-content {
      width: 900px; }
  .awinfo .awinfo-separator {
    top: 430px;
    background-size: 900px;
    background-position: 50% -10px; }
  .awinfo .awinfo-separator-comingsoon {
    top: 70px;
    background-position: 50% -12px; }
  .awinfo .awinfo-left header {
    top: 30px; }
  .awinfo.awinfo-right .awinfo-gem {
    left: 420px;
    width: 430px; }
  .awinfo.awinfo-right .awakening-container .awakening-content p {
    padding-left: 350px;
    width: 430px; }
  .awinfo.actfour {
    height: 546px; }
    .awinfo.actfour .awinfo-separator {
      top: 539px; }
    .awinfo.actfour .awakening-container {
      background-size: 900px;
      width: 900px;
      height: 546px; }
      .awinfo.actfour .awakening-container header {
        left: 34px;
        top: 84px; }
      .awinfo.actfour .awakening-container .awakening-content {
        width: 850px;
        position: absolute;
        top: 132px;
        left: 32px; }
        .awinfo.actfour .awakening-container .awakening-content p {
          width: 430px; }
  .awinfo.nightmare {
    height: 462px;
    overflow: hidden; }
    .awinfo.nightmare .awinfo-separator {
      top: 455px; }
    .awinfo.nightmare .awakening-container header {
      left: 470px; }
    .awinfo.nightmare .awakening-container .awakening-content p {
      padding-left: 350px;
      width: 430px; }
  .awinfo.beastmore .awakening-container {
    height: 450px;
    width: 900px;
    background-size: 900px; }
    .awinfo.beastmore .awakening-container .awakening-content {
      width: auto;
      top: 80px;
      left: 0px; }
  .awinfo.skills-header {
    height: 450px; }
  .awinfo.skillsmore {
    height: 82px; }
    .awinfo.skillsmore .awakening-container {
      height: 82px; }
  .awinfo.items-header {
    height: 453px; }
    .awinfo.items-header .awakening-container .awakening-content .awinfo-items {
      margin-left: -10px; }
    .awinfo.items-header .awinfo-separator {
      top: 448px; }
  .awinfo.jewels-header {
    height: 450px; }
  .awinfo.improvements-header {
    height: 450px; }
  .awinfo.uniques-footer {
    height: 600px;
    overflow: visible; }
    .awinfo.uniques-footer .awakening-container {
      height: 1330px; }
      .awinfo.uniques-footer .awakening-container .awakening-content {
        width: 900px; }
        .awinfo.uniques-footer .awakening-container .awakening-content .awinfo-items {
          width: 900px; } }

body.wide-resize {
  font-weight: bold;
  word-spacing: 0.7px;
  min-width: 360px; }
  body.wide-resize a {
    font-style: normal; }
  body.wide-resize a:link {
    color: #43a2e6; }
  body.wide-resize a:hover {
    color: #2996d1; }
  body.wide-resize a:visited {
    color: #43a2e6; }
  body.wide-resize header #wide-resize-countdown, body.wide-resize section #wide-resize-countdown, body.wide-resize footer #wide-resize-countdown {
    width: 505px;
    height: 80px;
    position: absolute;
    z-index: -1;
    top: 400px; }
    body.wide-resize header #wide-resize-countdown .countdown, body.wide-resize section #wide-resize-countdown .countdown, body.wide-resize footer #wide-resize-countdown .countdown {
      position: absolute;
      width: 299px;
      height: 30px;
      top: 12px;
      left: 112px;
      line-height: 28px;
      color: #ffd777;
      font-size: 23px;
      text-align: center; }
      body.wide-resize header #wide-resize-countdown .countdown .countdown_section, body.wide-resize header #wide-resize-countdown .countdown .countdown-section, body.wide-resize section #wide-resize-countdown .countdown .countdown_section, body.wide-resize section #wide-resize-countdown .countdown .countdown-section, body.wide-resize footer #wide-resize-countdown .countdown .countdown_section, body.wide-resize footer #wide-resize-countdown .countdown .countdown-section {
        color: #ffd777; }
      body.wide-resize header #wide-resize-countdown .countdown div, body.wide-resize section #wide-resize-countdown .countdown div, body.wide-resize footer #wide-resize-countdown .countdown div {
        position: absolute;
        width: 53px;
        height: 29px; }
      body.wide-resize header #wide-resize-countdown .countdown .days, body.wide-resize section #wide-resize-countdown .countdown .days, body.wide-resize footer #wide-resize-countdown .countdown .days {
        left: 6px; }
      body.wide-resize header #wide-resize-countdown .countdown .hours, body.wide-resize section #wide-resize-countdown .countdown .hours, body.wide-resize footer #wide-resize-countdown .countdown .hours {
        left: 85px; }
      body.wide-resize header #wide-resize-countdown .countdown .minutes, body.wide-resize section #wide-resize-countdown .countdown .minutes, body.wide-resize footer #wide-resize-countdown .countdown .minutes {
        left: 166px; }
      body.wide-resize header #wide-resize-countdown .countdown .seconds, body.wide-resize section #wide-resize-countdown .countdown .seconds, body.wide-resize footer #wide-resize-countdown .countdown .seconds {
        left: 246px; }
    body.wide-resize header #wide-resize-countdown span, body.wide-resize section #wide-resize-countdown span, body.wide-resize footer #wide-resize-countdown span {
      -webkit-transition: 20ms ease all;
      -moz-transition: 20ms ease all false;
      -o-transition: 20ms ease all false;
      transition: 20ms ease all;
      display: block;
      opacity: 0; }
    body.wide-resize header #wide-resize-countdown:hover span, body.wide-resize section #wide-resize-countdown:hover span, body.wide-resize footer #wide-resize-countdown:hover span {
      opacity: 1; }
    body.wide-resize header #wide-resize-countdown .countdown div, body.wide-resize section #wide-resize-countdown .countdown div, body.wide-resize footer #wide-resize-countdown .countdown div {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1); }
      body.wide-resize header #wide-resize-countdown .countdown div.start, body.wide-resize section #wide-resize-countdown .countdown div.start, body.wide-resize footer #wide-resize-countdown .countdown div.start {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
        color: #fff;
        text-shadow: 0px 0px 5px #ffd777; }
      body.wide-resize header #wide-resize-countdown .countdown div.done, body.wide-resize section #wide-resize-countdown .countdown div.done, body.wide-resize footer #wide-resize-countdown .countdown div.done {
        -webkit-transition: all 1s ease-in-out;
        -webkit-transition-delay: 0s;
        -moz-transition: all 1s ease-in-out false;
        -o-transition: all 1s ease-in-out false;
        transition: all 1s ease-in-out false;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        color: #ffd777;
        text-shadow: none; }
      body.wide-resize header #wide-resize-countdown .countdown div.zero, body.wide-resize section #wide-resize-countdown .countdown div.zero, body.wide-resize footer #wide-resize-countdown .countdown div.zero {
        text-shadow: 0px 0px 5px #b61d10;
        color: #B61D10; }
  body.wide-resize header, body.wide-resize footer, body.wide-resize section {
    height: 100%;
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: 500ms cubic-bezier(0.77, 0, 0.175, 1) all;
    -moz-transition: 500ms cubic-bezier(0.77, 0, 0.175, 1) all false;
    -o-transition: 500ms cubic-bezier(0.77, 0, 0.175, 1) all false;
    transition: 500ms cubic-bezier(0.77, 0, 0.175, 1) all; }
    body.wide-resize header .autoresize-video .video-cover, body.wide-resize footer .autoresize-video .video-cover, body.wide-resize section .autoresize-video .video-cover {
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      background: black; }
    body.wide-resize header.bg-collapse, body.wide-resize footer.bg-collapse, body.wide-resize section.bg-collapse {
      display: none; }
    body.wide-resize header.ascendancy-header, body.wide-resize footer.ascendancy-header, body.wide-resize section.ascendancy-header {
      height: auto;
      max-height: 1000px; }
    body.wide-resize header .content-interactive, body.wide-resize footer .content-interactive, body.wide-resize section .content-interactive {
      height: 200px;
      width: 100%;
      float: left;
      clear: both;
      margin-top: 20px;
      position: relative; }
      body.wide-resize header .content-interactive .skill, body.wide-resize footer .content-interactive .skill, body.wide-resize section .content-interactive .skill {
        width: 50px;
        margin-left: auto;
        margin-right: auto; }
    body.wide-resize header .inner, body.wide-resize footer .inner, body.wide-resize section .inner {
      height: 82%;
      padding-top: 8%;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
      .bestiary body.wide-resize header .inner, .incursion body.wide-resize header .inner, .bestiary body.wide-resize footer .inner, .incursion body.wide-resize footer .inner, .bestiary body.wide-resize section .inner, .incursion body.wide-resize section .inner {
        padding-top: 4%; }
      body.wide-resize header .inner header, body.wide-resize footer .inner header, body.wide-resize section .inner header {
        font-size: 25px;
        background-image: url('/image/ascendancy/2.png?1525390417000');
        background-size: cover;
        width: auto;
        height: auto;
        padding: 2px 13px;
        float: left; }
      body.wide-resize header .inner .content, body.wide-resize footer .inner .content, body.wide-resize section .inner .content {
        margin-top: 2%;
        clear: both; }
        body.wide-resize header .inner .content p, body.wide-resize footer .inner .content p, body.wide-resize section .inner .content p {
          background-image: url('/image/ascendancy/2.png?1525390417000');
          background-size: 100% 99%;
          background-repeat: no-repeat;
          padding: 13px;
          font-size: 12px;
          font-weight: normal;
          max-height: 200px;
          float: left;
          clear: both; }
    body.wide-resize header .inner, body.wide-resize footer .inner, body.wide-resize section .inner {
      width: 30%; }
    body.wide-resize header.wide-resize-right .inner, body.wide-resize footer.wide-resize-right .inner, body.wide-resize section.wide-resize-right .inner {
      padding-left: 35%; }
    body.wide-resize header.wide-resize-left .inner, body.wide-resize footer.wide-resize-left .inner, body.wide-resize section.wide-resize-left .inner {
      padding-right: 35%; }
    .oriath body.wide-resize header .inner, .oriath body.wide-resize footer .inner, .oriath body.wide-resize section .inner {
      width: 35%; }
    .oriath body.wide-resize header.wide-resize-right .inner, .oriath body.wide-resize footer.wide-resize-right .inner, .oriath body.wide-resize section.wide-resize-right .inner {
      padding-left: 35%; }
    .oriath body.wide-resize header.wide-resize-left .inner, .oriath body.wide-resize footer.wide-resize-left .inner, .oriath body.wide-resize section.wide-resize-left .inner {
      padding-right: 35%; }
    .bestiary body.wide-resize header .inner, .incursion body.wide-resize header .inner, .bestiary body.wide-resize footer .inner, .incursion body.wide-resize footer .inner, .bestiary body.wide-resize section .inner, .incursion body.wide-resize section .inner {
      width: 37%; }
    .bestiary body.wide-resize header.wide-resize-right .inner, .incursion body.wide-resize header.wide-resize-right .inner, .bestiary body.wide-resize footer.wide-resize-right .inner, .incursion body.wide-resize footer.wide-resize-right .inner, .bestiary body.wide-resize section.wide-resize-right .inner, .incursion body.wide-resize section.wide-resize-right .inner {
      padding-left: 33%; }
    .bestiary body.wide-resize header.wide-resize-left .inner, .incursion body.wide-resize header.wide-resize-left .inner, .bestiary body.wide-resize footer.wide-resize-left .inner, .incursion body.wide-resize footer.wide-resize-left .inner, .bestiary body.wide-resize section.wide-resize-left .inner, .incursion body.wide-resize section.wide-resize-left .inner {
      padding-right: 33%; }
  @media (min-width: 1900px) {
    body.wide-resize header, body.wide-resize footer, body.wide-resize section {
      width: 1900px;
      height: 820px; }
      body.wide-resize header header, body.wide-resize footer header, body.wide-resize section header {
        height: auto; }
      body.wide-resize header .inner .content, body.wide-resize footer .inner .content, body.wide-resize section .inner .content {
        margin-top: 8%; }
      body.wide-resize header .content-interactive, body.wide-resize footer .content-interactive, body.wide-resize section .content-interactive {
        height: 280px; }
    body.wide-resize.war section {
      height: 820px !important; } }
  @media (max-width: 1900px) {
    body.wide-resize header, body.wide-resize footer, body.wide-resize section {
      height: 784px; }
      body.wide-resize header header, body.wide-resize footer header, body.wide-resize section header {
        height: auto; }
      body.wide-resize header .inner .content, body.wide-resize footer .inner .content, body.wide-resize section .inner .content {
        margin-top: 14%; }
        .bestiary body.wide-resize header .inner .content, .incursion body.wide-resize header .inner .content, .bestiary body.wide-resize footer .inner .content, .incursion body.wide-resize footer .inner .content, .bestiary body.wide-resize section .inner .content, .incursion body.wide-resize section .inner .content {
          margin-top: 7%; } }
  @media (min-width: 1600px) {
    body.wide-resize header .inner header, body.wide-resize footer .inner header, body.wide-resize section .inner header {
      font-size: 30px; }
    body.wide-resize header .inner .content p, body.wide-resize footer .inner .content p, body.wide-resize section .inner .content p {
      font-size: 14px; }
    body.wide-resize.war section {
      height: 800px; } }
  @media (max-width: 1600px) {
    body.wide-resize header, body.wide-resize footer, body.wide-resize section {
      height: 664px; }
      body.wide-resize header .content-interactive, body.wide-resize footer .content-interactive, body.wide-resize section .content-interactive {
        margin-top: 20px; } }
  @media (max-width: 1400px) {
    body.wide-resize header, body.wide-resize footer, body.wide-resize section {
      height: 575px; }
      body.wide-resize header .content-interactive, body.wide-resize footer .content-interactive, body.wide-resize section .content-interactive {
        margin-top: 20px; } }
  @media (max-width: 1200px) {
    body.wide-resize header, body.wide-resize footer, body.wide-resize section {
      height: 500px; }
      body.wide-resize header .content-interactive, body.wide-resize footer .content-interactive, body.wide-resize section .content-interactive {
        height: 100px; }
      body.wide-resize header .inner, body.wide-resize footer .inner, body.wide-resize section .inner {
        padding-top: 5%; }
      body.wide-resize header .inner, body.wide-resize footer .inner, body.wide-resize section .inner {
        width: 40%; }
      body.wide-resize header.wide-resize-right .inner, body.wide-resize footer.wide-resize-right .inner, body.wide-resize section.wide-resize-right .inner {
        padding-left: 40%; }
      body.wide-resize header.wide-resize-left .inner, body.wide-resize footer.wide-resize-left .inner, body.wide-resize section.wide-resize-left .inner {
        padding-right: 40%; }
      .oriath body.wide-resize header .inner, .oriath body.wide-resize footer .inner, .oriath body.wide-resize section .inner {
        width: 45%; }
      .oriath body.wide-resize header.wide-resize-right .inner, .oriath body.wide-resize footer.wide-resize-right .inner, .oriath body.wide-resize section.wide-resize-right .inner {
        padding-left: 40%; }
      .oriath body.wide-resize header.wide-resize-left .inner, .oriath body.wide-resize footer.wide-resize-left .inner, .oriath body.wide-resize section.wide-resize-left .inner {
        padding-right: 40%; } }
  @media (max-width: 960px) {
    body.wide-resize header, body.wide-resize footer, body.wide-resize section {
      height: 400px; }
      body.wide-resize header .inner header, body.wide-resize footer .inner header, body.wide-resize section .inner header {
        font-size: 23px; }
        .breach body.wide-resize header .inner header, .breach body.wide-resize footer .inner header, .breach body.wide-resize section .inner header {
          font-size: 20px; }
        body.wide-resize header .inner header .header-icon, body.wide-resize footer .inner header .header-icon, body.wide-resize section .inner header .header-icon {
          margin-top: 0; }
      body.wide-resize header .content-interactive, body.wide-resize footer .content-interactive, body.wide-resize section .content-interactive {
        height: 100px; }
      body.wide-resize header .inner, body.wide-resize footer .inner, body.wide-resize section .inner {
        width: 50%; }
      body.wide-resize header.wide-resize-right .inner, body.wide-resize footer.wide-resize-right .inner, body.wide-resize section.wide-resize-right .inner {
        padding-left: 40%; }
      body.wide-resize header.wide-resize-left .inner, body.wide-resize footer.wide-resize-left .inner, body.wide-resize section.wide-resize-left .inner {
        padding-right: 40%; }
      .oriath body.wide-resize header .inner, .oriath body.wide-resize footer .inner, .oriath body.wide-resize section .inner {
        width: 55%; }
      .oriath body.wide-resize header.wide-resize-right .inner, .oriath body.wide-resize footer.wide-resize-right .inner, .oriath body.wide-resize section.wide-resize-right .inner {
        padding-left: 40%; }
      .oriath body.wide-resize header.wide-resize-left .inner, .oriath body.wide-resize footer.wide-resize-left .inner, .oriath body.wide-resize section.wide-resize-left .inner {
        padding-right: 40%; }
      .bestiary body.wide-resize header .inner, .incursion body.wide-resize header .inner, .bestiary body.wide-resize footer .inner, .incursion body.wide-resize footer .inner, .bestiary body.wide-resize section .inner, .incursion body.wide-resize section .inner {
        width: 55%; }
      .bestiary body.wide-resize header.wide-resize-right .inner, .incursion body.wide-resize header.wide-resize-right .inner, .bestiary body.wide-resize footer.wide-resize-right .inner, .incursion body.wide-resize footer.wide-resize-right .inner, .bestiary body.wide-resize section.wide-resize-right .inner, .incursion body.wide-resize section.wide-resize-right .inner {
        padding-left: 30%; }
      .bestiary body.wide-resize header.wide-resize-left .inner, .incursion body.wide-resize header.wide-resize-left .inner, .bestiary body.wide-resize footer.wide-resize-left .inner, .incursion body.wide-resize footer.wide-resize-left .inner, .bestiary body.wide-resize section.wide-resize-left .inner, .incursion body.wide-resize section.wide-resize-left .inner {
        padding-right: 30%; } }
  @media (max-width: 590px) {
    body.wide-resize header, body.wide-resize footer, body.wide-resize section {
      height: 300px; }
      body.wide-resize header .inner, body.wide-resize footer .inner, body.wide-resize section .inner {
        width: 70%; }
      body.wide-resize header.wide-resize-right .inner, body.wide-resize footer.wide-resize-right .inner, body.wide-resize section.wide-resize-right .inner {
        padding-left: 29%; }
      body.wide-resize header.wide-resize-left .inner, body.wide-resize footer.wide-resize-left .inner, body.wide-resize section.wide-resize-left .inner {
        padding-right: 29%; }
      .oriath body.wide-resize header .inner, .oriath body.wide-resize footer .inner, .oriath body.wide-resize section .inner {
        width: 70%; }
      .oriath body.wide-resize header.wide-resize-right .inner, .oriath body.wide-resize footer.wide-resize-right .inner, .oriath body.wide-resize section.wide-resize-right .inner {
        padding-left: 29%; }
      .oriath body.wide-resize header.wide-resize-left .inner, .oriath body.wide-resize footer.wide-resize-left .inner, .oriath body.wide-resize section.wide-resize-left .inner {
        padding-right: 29%; }
      .bestiary body.wide-resize header .inner, .incursion body.wide-resize header .inner, .bestiary body.wide-resize footer .inner, .incursion body.wide-resize footer .inner, .bestiary body.wide-resize section .inner, .incursion body.wide-resize section .inner {
        width: 70%; }
      .bestiary body.wide-resize header.wide-resize-right .inner, .incursion body.wide-resize header.wide-resize-right .inner, .bestiary body.wide-resize footer.wide-resize-right .inner, .incursion body.wide-resize footer.wide-resize-right .inner, .bestiary body.wide-resize section.wide-resize-right .inner, .incursion body.wide-resize section.wide-resize-right .inner {
        padding-left: 28%; }
      .bestiary body.wide-resize header.wide-resize-left .inner, .incursion body.wide-resize header.wide-resize-left .inner, .bestiary body.wide-resize footer.wide-resize-left .inner, .incursion body.wide-resize footer.wide-resize-left .inner, .bestiary body.wide-resize section.wide-resize-left .inner, .incursion body.wide-resize section.wide-resize-left .inner {
        padding-right: 28%; }
      body.wide-resize header .inner .content p, body.wide-resize footer .inner .content p, body.wide-resize section .inner .content p {
        margin-top: -8px;
        margin-bottom: -4px; } }
  @media (max-width: 400px) {
    body.wide-resize header, body.wide-resize footer, body.wide-resize section {
      background-position: 0 0;
      height: 300px; }
      body.wide-resize header header, body.wide-resize footer header, body.wide-resize section header {
        font-size: 18px; }
      body.wide-resize header .inner .content, body.wide-resize footer .inner .content, body.wide-resize section .inner .content {
        margin-top: 9%;
        width: 90%; }
      body.wide-resize header .inner, body.wide-resize footer .inner, body.wide-resize section .inner {
        width: 90%; }
      body.wide-resize header.wide-resize-right .inner, body.wide-resize footer.wide-resize-right .inner, body.wide-resize section.wide-resize-right .inner {
        padding-left: 0%; }
      body.wide-resize header.wide-resize-left .inner, body.wide-resize footer.wide-resize-left .inner, body.wide-resize section.wide-resize-left .inner {
        padding-right: 0%; }
      .oriath body.wide-resize header .inner, .oriath body.wide-resize footer .inner, .oriath body.wide-resize section .inner {
        width: 90%; }
      .oriath body.wide-resize header.wide-resize-right .inner, .oriath body.wide-resize footer.wide-resize-right .inner, .oriath body.wide-resize section.wide-resize-right .inner {
        padding-left: 0%; }
      .oriath body.wide-resize header.wide-resize-left .inner, .oriath body.wide-resize footer.wide-resize-left .inner, .oriath body.wide-resize section.wide-resize-left .inner {
        padding-right: 0%; }
      body.wide-resize header .inner .content p, body.wide-resize footer .inner .content p, body.wide-resize section .inner .content p {
        margin-top: -8px;
        margin-bottom: -4px; }
        .bestiary body.wide-resize header .inner .content p, .incursion body.wide-resize header .inner .content p, .bestiary body.wide-resize footer .inner .content p, .incursion body.wide-resize footer .inner .content p, .bestiary body.wide-resize section .inner .content p, .incursion body.wide-resize section .inner .content p {
          width: 100%; }
      body.wide-resize header.wide-resize-right, body.wide-resize footer.wide-resize-right, body.wide-resize section.wide-resize-right {
        background-position: 100% 0; }
        body.wide-resize header.wide-resize-right .inner, body.wide-resize footer.wide-resize-right .inner, body.wide-resize section.wide-resize-right .inner {
          padding-left: 0; }
      body.wide-resize header.bg-collapse, body.wide-resize footer.bg-collapse, body.wide-resize section.bg-collapse {
        display: block; }
        body.wide-resize header.bg-collapse.wide-resize-left, body.wide-resize footer.bg-collapse.wide-resize-left, body.wide-resize section.bg-collapse.wide-resize-left {
          background-position: 100% 0; }
        body.wide-resize header.bg-collapse.wide-resize-right, body.wide-resize footer.bg-collapse.wide-resize-right, body.wide-resize section.bg-collapse.wide-resize-right {
          background-position: 0 0; } }

body.wide-resize {
  background: #000; }
  body.wide-resize .section-banner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 120px;
    background: transparent url('/image/bestiary/banner.jpg?1525390444000') 50% 0 no-repeat;
    background-size: cover; }
    .en_US body.wide-resize .section-banner {
      background-image: url('/image/bestiary/banner.jpg?1525390444000'); }
    .zh_TW body.wide-resize .section-banner {
      background-image: url('/image/bestiary/zh_TW/banner.jpg'); }
    .zh_CN body.wide-resize .section-banner {
      background-image: url('/image/bestiary/zh_CN/banner.jpg'); }
    .th_TH body.wide-resize .section-banner {
      background-image: url('/image/bestiary/th_TH/banner.jpg?1525390443000'); }
    .ru_RU body.wide-resize .section-banner {
      background-image: url('/image/bestiary/ru_RU/banner.jpg?1525390443000'); }
    .pt_BR body.wide-resize .section-banner {
      background-image: url('/image/bestiary/pt_BR/banner.jpg?1525390443000'); }
    .de_DE body.wide-resize .section-banner {
      background-image: url('/image/bestiary/de_DE/banner.jpg?1525390441000'); }
    .es_ES body.wide-resize .section-banner {
      background-image: url('/image/bestiary/es_ES/banner.jpg?1525390441000'); }
    .fr_FR body.wide-resize .section-banner {
      background-image: url('/image/bestiary/fr_FR/banner.jpg?1525390442000'); }
    body.wide-resize .section-banner img {
      width: 100%;
      height: 100%; }
  body.wide-resize #poe-ascendancy-lightbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9000;
    display: none;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    body.wide-resize #poe-ascendancy-lightbox > img {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      max-width: 100%;
      max-height: 100%; }
  body.wide-resize .lightbox-content {
    display: none;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  body.wide-resize .language-select {
    position: absolute;
    top: 0;
    z-index: 19; }
  body.wide-resize > header, body.wide-resize > section, body.wide-resize > footer {
    background-image: url('/image/ascendancy/BackPanel.jpg?1525390417000'); }
    .atlas body.wide-resize > header, .atlas body.wide-resize > section, .atlas body.wide-resize > footer {
      background-image: url('/image/atlas/BackPanel.jpg?1525390426000'); }
    .bestiary body.wide-resize > header, .incursion body.wide-resize > header, .bestiary body.wide-resize > section, .incursion body.wide-resize > section, .bestiary body.wide-resize > footer, .incursion body.wide-resize > footer {
      background-image: url('/image/bestiary/BestiaryFrame.jpg?1525390444000'); }
      .bestiary body.wide-resize > header#bestiary-header, .incursion body.wide-resize > header#bestiary-header, .bestiary body.wide-resize > section#bestiary-header, .incursion body.wide-resize > section#bestiary-header, .bestiary body.wide-resize > footer#bestiary-header, .incursion body.wide-resize > footer#bestiary-header {
        height: 100%; }
      .bestiary body.wide-resize > header.wide-resize-right .content-interactive .screenshots, .incursion body.wide-resize > header.wide-resize-right .content-interactive .screenshots, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .screenshots, .incursion body.wide-resize > section.wide-resize-right .content-interactive .screenshots, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .screenshots, .incursion body.wide-resize > footer.wide-resize-right .content-interactive .screenshots {
        right: 0; }
      .bestiary body.wide-resize > header.wide-resize-right .content-interactive .gem-item-group, .incursion body.wide-resize > header.wide-resize-right .content-interactive .gem-item-group, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .gem-item-group, .incursion body.wide-resize > section.wide-resize-right .content-interactive .gem-item-group, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .gem-item-group, .incursion body.wide-resize > footer.wide-resize-right .content-interactive .gem-item-group {
        float: right; }
    .ru_RU body.wide-resize > header, .ru_RU body.wide-resize > section, .ru_RU body.wide-resize > footer {
      font-family: "FrizQuadrataC", "Verdana", "Arial", "Helvetica", "sans-serif"; }
    .war body.wide-resize > header, .war body.wide-resize > section, .war body.wide-resize > footer {
      margin-bottom: 0; }
      .war body.wide-resize > header.war-header, .war body.wide-resize > section.war-header, .war body.wide-resize > footer.war-header {
        height: auto;
        max-height: 1100px; }
    body.wide-resize > header .content-interactive .show-collapse, body.wide-resize > section .content-interactive .show-collapse, body.wide-resize > footer .content-interactive .show-collapse {
      display: none; }
    body.wide-resize > header .content-interactive .hide-collapse, body.wide-resize > section .content-interactive .hide-collapse, body.wide-resize > footer .content-interactive .hide-collapse {
      display: block; }
    .breach body.wide-resize > header ul li, .breach body.wide-resize > section ul li, .breach body.wide-resize > footer ul li {
      background: none; }
    .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase {
      box-shadow: none;
      top: 0;
      width: 180px;
      margin-top: 8px;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
      .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-position-x: 50%;
        background-position-y: 0;
        width: 180px;
        height: 80px;
        background-image: url('/image/breach/pack/buysmall.png?1525390444000'); }
        .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
          background-position-y: -80px; }
    .breach.pt_BR body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.pt_BR body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.pt_BR body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/breach/pack/pt_BR/buysmall.png?1525390444000'); }
    .breach.ru_RU body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.ru_RU body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.ru_RU body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/breach/pack/ru_RU/buysmall.png?1525390444000'); }
    .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase, .war body.wide-resize > header .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize > header .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize > header .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase, .war body.wide-resize > section .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize > section .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize > section .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase, .war body.wide-resize > footer .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize > footer .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize > footer .inner .content .content-interactive #supporter-purchase {
      box-shadow: none;
      top: 0;
      width: 180px;
      margin-top: 8px;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
      .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-position-x: 50%;
        background-position-y: 0;
        width: 180px;
        height: 80px;
        background-image: url('/image/breach/pack/buysmall.png?1525390444000'); }
        .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .bestiary body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .bestiary body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .bestiary body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
          background-position-y: -80px; }
    .bestiary.en_US body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/buysmall.png?1525390444000'); }
    .bestiary.zh_TW body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_TW/buysmall.png?1525390444000'); }
    .bestiary.zh_CN body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_CN/buysmall.png?1525390443000'); }
    .bestiary.th_TH body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/th_TH/buysmall.png?1525390443000'); }
    .bestiary.ru_RU body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ru_RU/buysmall.png?1525390443000'); }
    .bestiary.pt_BR body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/pt_BR/buysmall.png?1525390443000'); }
    .bestiary.de_DE body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/de_DE/buysmall.png?1525390441000'); }
    .bestiary.es_ES body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/es_ES/buysmall.png?1525390441000'); }
    .bestiary.fr_FR body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/fr_FR/buysmall.png?1525390442000'); }
    .breach body.wide-resize > header ul li, .breach body.wide-resize > section ul li, .breach body.wide-resize > footer ul li {
      background: none; }
    .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase {
      box-shadow: none;
      top: 0;
      width: 180px;
      margin-top: 8px;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
      .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-position-x: 50%;
        background-position-y: 0;
        width: 180px;
        height: 80px;
        background-image: url('/image/breach/pack/buysmall.png?1525390444000'); }
        .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
          background-position-y: -80px; }
    .breach.pt_BR body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.pt_BR body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.pt_BR body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/breach/pack/pt_BR/buysmall.png?1525390444000'); }
    .breach.ru_RU body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.ru_RU body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.ru_RU body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/breach/pack/ru_RU/buysmall.png?1525390444000'); }
    body.wide-resize > header .ascendancy-splash-video, body.wide-resize > section .ascendancy-splash-video, body.wide-resize > footer .ascendancy-splash-video {
      background: url('/image/ascendancy/videobg.jpg?1525390417000') no-repeat 50% 50%;
      background-size: 99% 99%; }
      .atlas body.wide-resize > header .ascendancy-splash-video, .atlas body.wide-resize > section .ascendancy-splash-video, .atlas body.wide-resize > footer .ascendancy-splash-video {
        background: url('/image/atlas/trailer-bg.jpg?1525390426000') no-repeat 50% 50%; }
      .breach body.wide-resize > header .ascendancy-splash-video, .breach body.wide-resize > section .ascendancy-splash-video, .breach body.wide-resize > footer .ascendancy-splash-video {
        background: url('/image/breach/poster.jpg?1525390445000') no-repeat 50% 50%;
        background-size: 99%; }
    body.wide-resize > header .watch-trailer, body.wide-resize > section .watch-trailer, body.wide-resize > footer .watch-trailer {
      position: absolute;
      bottom: 40px;
      width: 100%; }
      body.wide-resize > header .watch-trailer .watch-trailer-banner, body.wide-resize > section .watch-trailer .watch-trailer-banner, body.wide-resize > footer .watch-trailer .watch-trailer-banner {
        width: 352px;
        height: 72px;
        margin-left: auto;
        margin-right: auto;
        background-image: url('/image/ascendancy/watch_trailer.png?1525390417000');
        background-repeat: no-repeat;
        background-position: 0 0; }
        .pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/ascendancy/pt_BR/watch_trailer.png?1525390416000'); }
        .atlas body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/watch_trailer.png?1525390426000'); }
        .atlas.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/ru_RU/watch_trailer.png?1525390420000'); }
        .atlas.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/pt_BR/watch_trailer.png?1525390419000'); }
        .atlas.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/zh_TW/watch_trailer.png?1525390424000'); }
        .atlas.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/zh_CN/watch_trailer.png?1525390423000'); }
        .atlas.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/th_TH/watch_trailer.png'); }
        .breach body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/watch_trailer.png?1525390445000'); }
        .breach.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/ru_RU/watch_trailer.png?1525390444000'); }
        .breach.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/pt_BR/watch_trailer.png?1525390444000'); }
        .breach.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/zh_TW/watch_trailer.png?1525390444000'); }
        .breach.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/zh_CN/watch_trailer.png?1525390444000'); }
        .breach.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/th_TH/watch_trailer.png?1525390444000'); }
        .oriath body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/watch_trailer.png?1525390447000'); }
        .oriath.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/ru_RU/watch_trailer.png?1525390446000'); }
        .oriath.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/pt_BR/watch_trailer.png?1525390446000'); }
        .oriath.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/zh_TW/watch_trailer.png?1525390447000'); }
        .oriath.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/zh_CN/watch_trailer.png?1525390447000'); }
        .oriath.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/th_TH/watch_trailer.png?1525390447000'); }
        .bestiary body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/watch_trailer.png?1525390444000'); }
        .bestiary.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/ru_RU/watch_trailer.png?1525390443000'); }
        .bestiary.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/pt_BR/watch_trailer.png?1525390443000'); }
        .bestiary.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/zh_TW/watch_trailer.png?1525390444000'); }
        .bestiary.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/zh_CN/watch_trailer.png'); }
        .bestiary.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/th_TH/watch_trailer.png?1525390443000'); }
        body.wide-resize > header .watch-trailer .watch-trailer-banner:hover, body.wide-resize > section .watch-trailer .watch-trailer-banner:hover, body.wide-resize > footer .watch-trailer .watch-trailer-banner:hover {
          background-position: 0px -76px; }
        .oriath body.wide-resize > header .watch-trailer .watch-trailer-banner:hover, .oriath body.wide-resize > section .watch-trailer .watch-trailer-banner:hover, .oriath body.wide-resize > footer .watch-trailer .watch-trailer-banner:hover {
          background-position: 0px -75px; }
    body.wide-resize > header.class-intro .class-details, body.wide-resize > section.class-intro .class-details, body.wide-resize > footer.class-intro .class-details {
      width: 50%;
      min-width: 570px;
      margin-left: auto;
      margin-right: auto; }
      body.wide-resize > header.class-intro .class-details .svg-wrapper, body.wide-resize > section.class-intro .class-details .svg-wrapper, body.wide-resize > footer.class-intro .class-details .svg-wrapper {
        position: relative;
        height: 0;
        width: 100%;
        padding: 0;
        padding-bottom: 96.4%; }
        body.wide-resize > header.class-intro .class-details .svg-wrapper svg, body.wide-resize > section.class-intro .class-details .svg-wrapper svg, body.wide-resize > footer.class-intro .class-details .svg-wrapper svg {
          position: absolute;
          height: 100%;
          width: 100%;
          left: 0;
          top: 0; }
    body.wide-resize > header .mini-countdown-war, body.wide-resize > section .mini-countdown-war, body.wide-resize > footer .mini-countdown-war {
      background-repeat: no-repeat;
      background-position: 50% 0;
      background: transparent url('/image/war/smalltimer.png?1525390452000') no-repeat 50% 50%;
      height: 50px; }
      .war.en_US body.wide-resize > header .mini-countdown-war, .war.en_US body.wide-resize > section .mini-countdown-war, .war.en_US body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/smalltimer.png?1525390452000'); }
      .war.zh_TW body.wide-resize > header .mini-countdown-war, .war.zh_TW body.wide-resize > section .mini-countdown-war, .war.zh_TW body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/zh_TW/smalltimer.png?1525390452000'); }
      .war.zh_CN body.wide-resize > header .mini-countdown-war, .war.zh_CN body.wide-resize > section .mini-countdown-war, .war.zh_CN body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/zh_CN/smalltimer.png'); }
      .war.th_TH body.wide-resize > header .mini-countdown-war, .war.th_TH body.wide-resize > section .mini-countdown-war, .war.th_TH body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/th_TH/smalltimer.png?1525390452000'); }
      .war.ru_RU body.wide-resize > header .mini-countdown-war, .war.ru_RU body.wide-resize > section .mini-countdown-war, .war.ru_RU body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/ru_RU/smalltimer.png?1525390452000'); }
      .war.pt_BR body.wide-resize > header .mini-countdown-war, .war.pt_BR body.wide-resize > section .mini-countdown-war, .war.pt_BR body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/pt_BR/smalltimer.png?1525390452000'); }
      .war.de_DE body.wide-resize > header .mini-countdown-war, .war.de_DE body.wide-resize > section .mini-countdown-war, .war.de_DE body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/de_DE/smalltimer.png?1525390452000'); }
      .war.es_ES body.wide-resize > header .mini-countdown-war, .war.es_ES body.wide-resize > section .mini-countdown-war, .war.es_ES body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/es_ES/smalltimer.png?1525390452000'); }
      .war.fr_FR body.wide-resize > header .mini-countdown-war, .war.fr_FR body.wide-resize > section .mini-countdown-war, .war.fr_FR body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/fr_FR/smalltimer.png?1525390452000'); }
      .incursion.en_US body.wide-resize > header .mini-countdown-war, .incursion.en_US body.wide-resize > section .mini-countdown-war, .incursion.en_US body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/smalltimer.png?1525665801000'); }
      .incursion.zh_TW body.wide-resize > header .mini-countdown-war, .incursion.zh_TW body.wide-resize > section .mini-countdown-war, .incursion.zh_TW body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/zh_TW/smalltimer.png?1525665801000'); }
      .incursion.zh_CN body.wide-resize > header .mini-countdown-war, .incursion.zh_CN body.wide-resize > section .mini-countdown-war, .incursion.zh_CN body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/zh_CN/smalltimer.png'); }
      .incursion.th_TH body.wide-resize > header .mini-countdown-war, .incursion.th_TH body.wide-resize > section .mini-countdown-war, .incursion.th_TH body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/th_TH/smalltimer.png?1525665801000'); }
      .incursion.ru_RU body.wide-resize > header .mini-countdown-war, .incursion.ru_RU body.wide-resize > section .mini-countdown-war, .incursion.ru_RU body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/ru_RU/smalltimer.png?1525665801000'); }
      .incursion.pt_BR body.wide-resize > header .mini-countdown-war, .incursion.pt_BR body.wide-resize > section .mini-countdown-war, .incursion.pt_BR body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/pt_BR/smalltimer.png?1525665801000'); }
      .incursion.de_DE body.wide-resize > header .mini-countdown-war, .incursion.de_DE body.wide-resize > section .mini-countdown-war, .incursion.de_DE body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/de_DE/smalltimer.png?1525665801000'); }
      .incursion.es_ES body.wide-resize > header .mini-countdown-war, .incursion.es_ES body.wide-resize > section .mini-countdown-war, .incursion.es_ES body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/es_ES/smalltimer.png?1525665801000'); }
      .incursion.fr_FR body.wide-resize > header .mini-countdown-war, .incursion.fr_FR body.wide-resize > section .mini-countdown-war, .incursion.fr_FR body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/fr_FR/smalltimer.png?1525665801000'); }
      .war body.wide-resize > header .mini-countdown-war, .war body.wide-resize > section .mini-countdown-war, .war body.wide-resize > footer .mini-countdown-war {
        position: relative;
        margin-top: -50px;
        margin-bottom: 3px; }
      body.wide-resize > header .mini-countdown-war #mini-countdown, body.wide-resize > section .mini-countdown-war #mini-countdown, body.wide-resize > footer .mini-countdown-war #mini-countdown {
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 299px;
        position: relative; }
        body.wide-resize > header .mini-countdown-war #mini-countdown .countdown, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown {
          position: absolute;
          height: 30px;
          top: 8px;
          left: 0;
          line-height: 28px;
          color: #d6c9ae;
          font-size: 23px;
          text-align: center; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown div, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown div, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown div {
            position: absolute;
            width: 53px;
            height: 29px; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown .days, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown .days, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown .days {
            left: 3px; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown .hours, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown .hours, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown .hours {
            left: 83px; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown .minutes, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown .minutes, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown .minutes {
            left: 164px; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown .seconds, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown .seconds, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown .seconds {
            left: 246px; }
        body.wide-resize > header .mini-countdown-war #mini-countdown:hover span, body.wide-resize > section .mini-countdown-war #mini-countdown:hover span, body.wide-resize > footer .mini-countdown-war #mini-countdown:hover span {
          opacity: 1; }
    body.wide-resize > header .mini-countdown, body.wide-resize > section .mini-countdown, body.wide-resize > footer .mini-countdown {
      width: 100%;
      height: 50px;
      position: absolute;
      bottom: 110px;
      z-index: 2;
      background: transparent url('/image/atlas/timer_mini.png?1525390426000') no-repeat 50% 50%;
      background-repeat: no-repeat;
      background-position: 50% 0; }
      .breach body.wide-resize > header .mini-countdown, .breach body.wide-resize > section .mini-countdown, .breach body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/breach/timer_mini.png?1525390445000') no-repeat 50% 50%; }
      .pt_BR.breach body.wide-resize > header .mini-countdown, .pt_BR.breach body.wide-resize > section .mini-countdown, .pt_BR.breach body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/breach/pt_BR/timer_mini.png?1525390444000') no-repeat 50% 50%; }
      .ru_RU.breach body.wide-resize > header .mini-countdown, .ru_RU.breach body.wide-resize > section .mini-countdown, .ru_RU.breach body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/breach/ru_RU/timer_mini.png?1525390444000') no-repeat 50% 50%; }
      .zh_TW.breach body.wide-resize > header .mini-countdown, .zh_TW.breach body.wide-resize > section .mini-countdown, .zh_TW.breach body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/breach/zh_TW/timer_mini.png?1525390444000') no-repeat 50% 50%; }
      .th_TH.breach body.wide-resize > header .mini-countdown, .th_TH.breach body.wide-resize > section .mini-countdown, .th_TH.breach body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/breach/th_TH/timer_mini.png?1525390444000') no-repeat 50% 50%; }
      .pt_BR.atlas body.wide-resize > header .mini-countdown, .pt_BR.oriath body.wide-resize > header .mini-countdown, .pt_BR.atlas body.wide-resize > section .mini-countdown, .pt_BR.oriath body.wide-resize > section .mini-countdown, .pt_BR.atlas body.wide-resize > footer .mini-countdown, .pt_BR.oriath body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/atlas/pt_BR/timer_mini.png?1525390419000') no-repeat 50% 0; }
      .ru_RU.atlas body.wide-resize > header .mini-countdown, .ru_RU.oriath body.wide-resize > header .mini-countdown, .ru_RU.atlas body.wide-resize > section .mini-countdown, .ru_RU.oriath body.wide-resize > section .mini-countdown, .ru_RU.atlas body.wide-resize > footer .mini-countdown, .ru_RU.oriath body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/atlas/ru_RU/timer_mini.png?1525390420000') no-repeat 50% 0; }
      .zh_TW.atlas body.wide-resize > header .mini-countdown, .zh_TW.oriath body.wide-resize > header .mini-countdown, .zh_TW.atlas body.wide-resize > section .mini-countdown, .zh_TW.oriath body.wide-resize > section .mini-countdown, .zh_TW.atlas body.wide-resize > footer .mini-countdown, .zh_TW.oriath body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/atlas/zh_TW/timer_mini.png?1525390424000') no-repeat 50% 0; }
      .th_TH.atlas body.wide-resize > header .mini-countdown, .th_TH.oriath body.wide-resize > header .mini-countdown, .th_TH.atlas body.wide-resize > section .mini-countdown, .th_TH.oriath body.wide-resize > section .mini-countdown, .th_TH.atlas body.wide-resize > footer .mini-countdown, .th_TH.oriath body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/atlas/th_TH/timer_mini.png?1525390423000') no-repeat 50% 0; }
      .zh_CN.atlas body.wide-resize > header .mini-countdown, .zh_CN.oriath body.wide-resize > header .mini-countdown, .zh_CN.atlas body.wide-resize > section .mini-countdown, .zh_CN.oriath body.wide-resize > section .mini-countdown, .zh_CN.atlas body.wide-resize > footer .mini-countdown, .zh_CN.oriath body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/atlas/zh_CN/timer_mini.png?1525390423000') no-repeat 50% 0; }
      .war.en_US body.wide-resize > header .mini-countdown, .war.en_US body.wide-resize > section .mini-countdown, .war.en_US body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/smalltimer.png?1525390452000'); }
      .war.zh_TW body.wide-resize > header .mini-countdown, .war.zh_TW body.wide-resize > section .mini-countdown, .war.zh_TW body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/zh_TW/smalltimer.png?1525390452000'); }
      .war.zh_CN body.wide-resize > header .mini-countdown, .war.zh_CN body.wide-resize > section .mini-countdown, .war.zh_CN body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/zh_CN/smalltimer.png'); }
      .war.th_TH body.wide-resize > header .mini-countdown, .war.th_TH body.wide-resize > section .mini-countdown, .war.th_TH body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/th_TH/smalltimer.png?1525390452000'); }
      .war.ru_RU body.wide-resize > header .mini-countdown, .war.ru_RU body.wide-resize > section .mini-countdown, .war.ru_RU body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/ru_RU/smalltimer.png?1525390452000'); }
      .war.pt_BR body.wide-resize > header .mini-countdown, .war.pt_BR body.wide-resize > section .mini-countdown, .war.pt_BR body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/pt_BR/smalltimer.png?1525390452000'); }
      .war.de_DE body.wide-resize > header .mini-countdown, .war.de_DE body.wide-resize > section .mini-countdown, .war.de_DE body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/de_DE/smalltimer.png?1525390452000'); }
      .war.es_ES body.wide-resize > header .mini-countdown, .war.es_ES body.wide-resize > section .mini-countdown, .war.es_ES body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/es_ES/smalltimer.png?1525390452000'); }
      .war.fr_FR body.wide-resize > header .mini-countdown, .war.fr_FR body.wide-resize > section .mini-countdown, .war.fr_FR body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/fr_FR/smalltimer.png?1525390452000'); }
      .bestiary.en_US body.wide-resize > header .mini-countdown, .bestiary.en_US body.wide-resize > section .mini-countdown, .bestiary.en_US body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/smalltimer.png?1525390452000'); }
      .bestiary.zh_TW body.wide-resize > header .mini-countdown, .bestiary.zh_TW body.wide-resize > section .mini-countdown, .bestiary.zh_TW body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/zh_TW/smalltimer.png?1525390452000'); }
      .bestiary.zh_CN body.wide-resize > header .mini-countdown, .bestiary.zh_CN body.wide-resize > section .mini-countdown, .bestiary.zh_CN body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/zh_CN/smalltimer.png'); }
      .bestiary.th_TH body.wide-resize > header .mini-countdown, .bestiary.th_TH body.wide-resize > section .mini-countdown, .bestiary.th_TH body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/th_TH/smalltimer.png?1525390452000'); }
      .bestiary.ru_RU body.wide-resize > header .mini-countdown, .bestiary.ru_RU body.wide-resize > section .mini-countdown, .bestiary.ru_RU body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/ru_RU/smalltimer.png?1525390452000'); }
      .bestiary.pt_BR body.wide-resize > header .mini-countdown, .bestiary.pt_BR body.wide-resize > section .mini-countdown, .bestiary.pt_BR body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/pt_BR/smalltimer.png?1525390452000'); }
      .bestiary.de_DE body.wide-resize > header .mini-countdown, .bestiary.de_DE body.wide-resize > section .mini-countdown, .bestiary.de_DE body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/de_DE/smalltimer.png?1525390452000'); }
      .bestiary.es_ES body.wide-resize > header .mini-countdown, .bestiary.es_ES body.wide-resize > section .mini-countdown, .bestiary.es_ES body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/es_ES/smalltimer.png?1525390452000'); }
      .bestiary.fr_FR body.wide-resize > header .mini-countdown, .bestiary.fr_FR body.wide-resize > section .mini-countdown, .bestiary.fr_FR body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/fr_FR/smalltimer.png?1525390452000'); }
      .incursion.en_US body.wide-resize > header .mini-countdown, .incursion.en_US body.wide-resize > section .mini-countdown, .incursion.en_US body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/smalltimer.png?1525665801000'); }
      .incursion.zh_TW body.wide-resize > header .mini-countdown, .incursion.zh_TW body.wide-resize > section .mini-countdown, .incursion.zh_TW body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/zh_TW/smalltimer.png?1525665801000'); }
      .incursion.zh_CN body.wide-resize > header .mini-countdown, .incursion.zh_CN body.wide-resize > section .mini-countdown, .incursion.zh_CN body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/zh_CN/smalltimer.png'); }
      .incursion.th_TH body.wide-resize > header .mini-countdown, .incursion.th_TH body.wide-resize > section .mini-countdown, .incursion.th_TH body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/th_TH/smalltimer.png?1525665801000'); }
      .incursion.ru_RU body.wide-resize > header .mini-countdown, .incursion.ru_RU body.wide-resize > section .mini-countdown, .incursion.ru_RU body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/ru_RU/smalltimer.png?1525665801000'); }
      .incursion.pt_BR body.wide-resize > header .mini-countdown, .incursion.pt_BR body.wide-resize > section .mini-countdown, .incursion.pt_BR body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/pt_BR/smalltimer.png?1525665801000'); }
      .incursion.de_DE body.wide-resize > header .mini-countdown, .incursion.de_DE body.wide-resize > section .mini-countdown, .incursion.de_DE body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/de_DE/smalltimer.png?1525665801000'); }
      .incursion.es_ES body.wide-resize > header .mini-countdown, .incursion.es_ES body.wide-resize > section .mini-countdown, .incursion.es_ES body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/es_ES/smalltimer.png?1525665801000'); }
      .incursion.fr_FR body.wide-resize > header .mini-countdown, .incursion.fr_FR body.wide-resize > section .mini-countdown, .incursion.fr_FR body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/fr_FR/smalltimer.png?1525665801000'); }
      .war body.wide-resize > header .mini-countdown, .war body.wide-resize > section .mini-countdown, .war body.wide-resize > footer .mini-countdown {
        position: relative;
        margin-top: -50px; }
      .bestiary body.wide-resize > header .mini-countdown, .incursion body.wide-resize > header .mini-countdown, .bestiary body.wide-resize > section .mini-countdown, .incursion body.wide-resize > section .mini-countdown, .bestiary body.wide-resize > footer .mini-countdown, .incursion body.wide-resize > footer .mini-countdown {
        bottom: 0; }
      body.wide-resize > header .mini-countdown #mini-countdown, body.wide-resize > section .mini-countdown #mini-countdown, body.wide-resize > footer .mini-countdown #mini-countdown {
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 299px;
        position: relative; }
        .war body.wide-resize > header .mini-countdown #mini-countdown .mini-countdown-war, .war body.wide-resize > section .mini-countdown #mini-countdown .mini-countdown-war, .war body.wide-resize > footer .mini-countdown #mini-countdown .mini-countdown-war {
          top: auto !important;
          bottom: auto !important;
          position: relative !important; }
        body.wide-resize > header .mini-countdown #mini-countdown .countdown, body.wide-resize > section .mini-countdown #mini-countdown .countdown, body.wide-resize > footer .mini-countdown #mini-countdown .countdown {
          position: absolute;
          height: 30px;
          top: 8px;
          left: 0;
          line-height: 28px;
          color: #d6aebc;
          font-size: 23px;
          text-align: center; }
          body.wide-resize > header .mini-countdown #mini-countdown .countdown div, body.wide-resize > section .mini-countdown #mini-countdown .countdown div, body.wide-resize > footer .mini-countdown #mini-countdown .countdown div {
            position: absolute;
            width: 53px;
            height: 29px; }
          body.wide-resize > header .mini-countdown #mini-countdown .countdown .days, body.wide-resize > section .mini-countdown #mini-countdown .countdown .days, body.wide-resize > footer .mini-countdown #mini-countdown .countdown .days {
            left: 3px; }
          body.wide-resize > header .mini-countdown #mini-countdown .countdown .hours, body.wide-resize > section .mini-countdown #mini-countdown .countdown .hours, body.wide-resize > footer .mini-countdown #mini-countdown .countdown .hours {
            left: 83px; }
          body.wide-resize > header .mini-countdown #mini-countdown .countdown .minutes, body.wide-resize > section .mini-countdown #mini-countdown .countdown .minutes, body.wide-resize > footer .mini-countdown #mini-countdown .countdown .minutes {
            left: 164px; }
          body.wide-resize > header .mini-countdown #mini-countdown .countdown .seconds, body.wide-resize > section .mini-countdown #mini-countdown .countdown .seconds, body.wide-resize > footer .mini-countdown #mini-countdown .countdown .seconds {
            left: 246px; }
        body.wide-resize > header .mini-countdown #mini-countdown:hover span, body.wide-resize > section .mini-countdown #mini-countdown:hover span, body.wide-resize > footer .mini-countdown #mini-countdown:hover span {
          opacity: 1; }
  body.wide-resize .inner header {
    font-family: "FontinSmallCaps", "Verdana", "Arial", "Helvetica", "sans-serif";
    color: #7CB29C; }
    .atlas body.wide-resize .inner header {
      color: #FFE9C8; }
    .breach body.wide-resize .inner header {
      color: #ff2431; }
    .oriath body.wide-resize .inner header {
      color: #c29430; }
    .war body.wide-resize .inner header {
      color: #d2cab4; }
    .ru_RU body.wide-resize .inner header {
      font-family: "FrizQuadrataC", "Verdana", "Arial", "Helvetica", "sans-serif"; }
    body.wide-resize .inner header .header-icon {
      margin-top: 2px;
      margin-right: 10px;
      float: left;
      width: 30px;
      height: 30px;
      background-size: cover; }
      .atlas body.wide-resize .inner header .header-icon {
        background: transparent url('/image/atlas/icon_large.png?1525390426000') no-repeat;
        background-size: cover;
        margin-top: 6px; }
      .breach body.wide-resize .inner header .header-icon {
        background: transparent url('/image/breach/icon_large.png?1525390445000') no-repeat;
        background-size: cover;
        margin-top: 6px;
        width: 50px; }
      .oriath body.wide-resize .inner header .header-icon {
        background: transparent url('/image/oriath/icon_large.png?1525390447000') no-repeat;
        background-size: contain;
        margin-top: 5px;
        margin-right: 8px; }
      .war body.wide-resize .inner header .header-icon {
        background: transparent url('/image/war/icon_large.png?1525390452000') no-repeat;
        background-size: contain;
        margin-top: 5px;
        margin-right: 8px; }
  body.wide-resize .inner .content p.more-info {
    padding: 4px 13px; }
    body.wide-resize .inner .content p.more-info a {
      font-style: italic;
      font-size: 12px;
      color: #43a2e6; }
  body.wide-resize .inner .content .ascendancy-items {
    position: absolute;
    z-index: 3; }
    body.wide-resize .inner .content .ascendancy-items .war-item-group .item, body.wide-resize .inner .content .ascendancy-items .gem-item-group .item {
      margin: -2px -4px; }
    body.wide-resize .inner .content .ascendancy-items .item-group {
      min-width: 355px; }
      body.wide-resize .inner .content .ascendancy-items .item-group .item {
        margin-left: -8px; }
        body.wide-resize .inner .content .ascendancy-items .item-group .item.item-upgrade {
          background: transparent url('/image/breach/arrow.png?1525390445000') no-repeat 0 5px;
          background-size: contain;
          height: 60px;
          padding-top: 23px; }
    body.wide-resize .inner .content .ascendancy-items .item {
      float: left; }
  body.wide-resize .inner .content .screenshot-lbox {
    position: relative;
    clear: both; }
    body.wide-resize .inner .content .screenshot-lbox .screenshots {
      position: absolute;
      width: 342px; }
      .oriath body.wide-resize .inner .content .screenshot-lbox .screenshots {
        margin-left: 56px;
        margin-right: -56px;
        padding-top: 20px; }
      .bestiary body.wide-resize .inner .content .screenshot-lbox .screenshots, .incursion body.wide-resize .inner .content .screenshot-lbox .screenshots {
        margin: 0px 56px; }
      body.wide-resize .inner .content .screenshot-lbox .screenshots .lbox-ss {
        float: left;
        width: 110px;
        height: 70px;
        margin: 1px 2px; }
        body.wide-resize .inner .content .screenshot-lbox .screenshots .lbox-ss img {
          box-shadow: 1px 1px 5px 2px;
          color: #000; }
          .breach body.wide-resize .inner .content .screenshot-lbox .screenshots .lbox-ss img {
            border: 1px solid #331010; }
  body.wide-resize .inner .content .content-interactive .supporter-videos {
    width: 320px; }
    body.wide-resize .inner .content .content-interactive .supporter-videos .supporter-video {
      box-shadow: black 0px 0px 4px 4px;
      width: 76px;
      height: 60px;
      float: left;
      background-size: cover;
      margin: 1px; }
  body.wide-resize .inner .content .content-interactive #supporter-purchase {
    position: absolute;
    top: 70px; }
  body.wide-resize .trials {
    background-image: url('/image/ascendancy/index/Trials.jpg?1525390415000'); }
  body.wide-resize .labyrinth {
    background-image: url('/image/ascendancy/index/TheLab.jpg?1525390415000'); }
  body.wide-resize .izaro {
    background-image: url('/image/ascendancy/index/Izaro.jpg?1525390415000'); }
  body.wide-resize .classes {
    background-image: url('/image/ascendancy/index/Classes.jpg?1525390415000'); }
  body.wide-resize .enchantments {
    background-image: url('/image/ascendancy/index/Enchantments.jpg?1525390415000'); }
  body.wide-resize .skills {
    background-image: url('/image/ascendancy/index/NewSkills.jpg?1525390415000'); }
  body.wide-resize .items {
    background-image: url('/image/ascendancy/index/UniqueItems.jpg?1525390415000'); }
  body.wide-resize .talisman {
    background-image: url('/image/ascendancy/index/TalismanLeague.jpg?1525390415000'); }
  body.wide-resize .trials-intro {
    background-image: url('/image/ascendancy/trials/RollingPins.jpg?1525390416000'); }
  body.wide-resize .trials-spikes {
    background-image: url('/image/ascendancy/trials/Spikes.jpg?1525390416000'); }
  body.wide-resize .trials-sawblades {
    background-image: url('/image/ascendancy/trials/Sawblades.jpg?1525390416000'); }
  body.wide-resize .trials-blade-sentries {
    background-image: url('/image/ascendancy/trials/BladeSentries.jpg?1525390416000'); }
  body.wide-resize .trials-spinblades {
    background-image: url('/image/ascendancy/trials/SpinningBlades.jpg?1525390416000'); }
  body.wide-resize .trials-lava {
    background-image: url('/image/ascendancy/trials/RisingLava.jpg?1525390416000'); }
  body.wide-resize .trials-darts {
    background-image: url('/image/ascendancy/trials/Darts.jpg?1525390416000'); }
  body.wide-resize .labyrinth-intro {
    background-image: url('/image/ascendancy/labyrinth/TheLordsLabyrinth.jpg?1525390416000'); }
  body.wide-resize .labyrinth-traps {
    background-image: url('/image/ascendancy/labyrinth/LethalTrapCombinations.jpg?1525390416000'); }
  body.wide-resize .labyrinth-tilesets {
    background-image: url('/image/ascendancy/labyrinth/NewTileSets.jpg?1525390416000'); }
  body.wide-resize .labyrinth-changing {
    background-image: url('/image/ascendancy/labyrinth/Changes.jpg?1525390416000'); }
  body.wide-resize .izaro-intro {
    background-image: url('/image/ascendancy/izaro/EmperorIzaro.jpg?1525390416000'); }
  body.wide-resize .izaro-master {
    background-image: url('/image/ascendancy/izaro/MasterOfTheLabyrinth.jpg?1525390416000'); }
  body.wide-resize .izaro-decision {
    background-image: url('/image/ascendancy/izaro/EveryDecisionMatters.jpg?1525390416000'); }
  body.wide-resize .classes-intro {
    background-image: url('/image/ascendancy/classes/TopSection.jpg?1525390414000'); }
  body.wide-resize .classes-class {
    clear: both;
    background-image: none;
    max-height: 375px;
    height: auto; }
    body.wide-resize .classes-class header.class-header {
      background: transparent url('/image/ascendancy/classes/TitleBar.png?1525390414000') 0 0 no-repeat;
      background-size: 100% 100%;
      padding: 12px 50px 0 20px;
      color: #7CB29C;
      text-shadow: 1px 1px black;
      width: 170px;
      height: 50px;
      font-size: 2em;
      text-align: center; }
    body.wide-resize .classes-class .inner {
      width: 90%;
      padding-top: 10px; }
      body.wide-resize .classes-class .inner .content {
        margin-top: 4px; }
        body.wide-resize .classes-class .inner .content .banner-logo {
          position: absolute;
          bottom: 36%;
          right: 6%;
          text-align: right;
          color: #fafafa;
          font-size: 14px;
          height: 66px;
          width: 115px; }
          body.wide-resize .classes-class .inner .content .banner-logo p {
            display: inline-block;
            float: none;
            padding: 6px 8px;
            margin: -2px 0 -2px 4px;
            font-size: 12px; }
          body.wide-resize .classes-class .inner .content .banner-logo img {
            padding-top: 0;
            min-height: 46px;
            height: 50%; }
    body.wide-resize .classes-class .class {
      float: left;
      width: 40%;
      margin-left: -11%;
      position: relative; }
      body.wide-resize .classes-class .class.class-0 {
        margin-left: auto; }
      body.wide-resize .classes-class .class .ascendancy-class-name {
        font-family: "FontinSmallCaps", "Verdana", "Arial", "Helvetica", "sans-serif";
        position: absolute;
        bottom: 4%;
        right: 2%;
        height: 40px;
        width: 150px;
        font-size: 1.6em;
        color: #9aa6a1;
        background: transparent url('/image/ascendancy/classes/NamePlate.png?1525390414000') 0 0 no-repeat;
        background-size: 100% 100%;
        padding: 12px 15px 0;
        text-align: center; }
        .pt_BR body.wide-resize .classes-class .class .ascendancy-class-name {
          font-size: 17px;
          line-height: 24px; }
    body.wide-resize .classes-class .class-0 {
      z-index: 10; }
    body.wide-resize .classes-class .class-1 {
      z-index: 9;
      margin-top: 2%; }
    body.wide-resize .classes-class .class-2 {
      z-index: 8;
      margin-top: 4%; }
  body.wide-resize .enchantments-intro {
    background-image: url('/image/ascendancy/enchantments/Enchantments.jpg?1525390414000'); }
  body.wide-resize .enchantments-normal {
    background-image: url('/image/ascendancy/enchantments/Gloves.jpg?1525390414000'); }
  body.wide-resize .enchantments-cruel {
    background-image: url('/image/ascendancy/enchantments/Boots.jpg?1525390414000'); }
  body.wide-resize .enchantments-merciless {
    background-image: url('/image/ascendancy/enchantments/Helmets.jpg?1525390414000'); }
  .atlas body.wide-resize .theatlas {
    background-image: url('/image/atlas/theatlas.jpg?1525390426000'); }
    .atlas body.wide-resize .theatlas .lbox-ss {
      width: 220px; }
    .atlas body.wide-resize .theatlas .content-interactive {
      margin-top: 5px;
      left: 230px;
      width: 50px; }
  .atlas body.wide-resize .newbosses {
    background-image: url('/image/atlas/newbosses.jpg?1525390426000'); }
  .atlas body.wide-resize.zh_CN .newmaps {
    background-image: url('/image/atlas/newmapstencent.jpg?1525390426000'); }
  .atlas body.wide-resize.zh_CN .essenceleague {
    background-image: url('/image/atlas/essenceleaguetencent.jpg?1525390426000'); }
  .atlas body.wide-resize .newmaps {
    background-image: url('/image/atlas/newmaps.jpg?1525390426000'); }
    .atlas body.wide-resize .newmaps .screenshot-lbox {
      height: 60px; }
    .atlas body.wide-resize .newmaps .content-interactive {
      padding-left: 2%; }
  .atlas body.wide-resize .skillsitems {
    background-image: url('/image/atlas/skillsitems.jpg?1525390426000'); }
    .atlas body.wide-resize .skillsitems .ascendancy-items {
      width: 340px; }
      .atlas body.wide-resize .skillsitems .ascendancy-items .item {
        margin-left: -10px; }
  .atlas body.wide-resize .essenceleague {
    background-image: url('/image/atlas/essenceleague.jpg?1525390426000'); }
    .zh_CN .atlas body.wide-resize .essenceleague {
      background-image: url('/image/atlas/essenceleaguetencent.jpg?1525390426000'); }
    .atlas body.wide-resize .essenceleague .content-interactive {
      height: 50px;
      margin-top: -16px; }
      .atlas body.wide-resize .essenceleague .content-interactive .ascendancy-items {
        width: 330px; }
        .atlas body.wide-resize .essenceleague .content-interactive .ascendancy-items.bottom {
          width: 100px;
          top: 50px;
          left: 20px; }
  .atlas .atlas body.wide-resize .supporterpacks {
    background-image: url('/image/atlas/supporterpacks.jpg?1525390426000'); }
  .atlas body.wide-resize .supporterpacks .content-interactive .supporter-videos .supporter-video.minotaur {
    background-image: url('/image/atlas/packthumbs/minotaur.jpg?1525390418000'); }
  .atlas body.wide-resize .supporterpacks .content-interactive .supporter-videos .supporter-video.hydra {
    background-image: url('/image/atlas/packthumbs/hydra.jpg?1525390418000'); }
  .atlas body.wide-resize .supporterpacks .content-interactive .supporter-videos .supporter-video.chimera {
    background-image: url('/image/atlas/packthumbs/chimera.jpg?1525390418000'); }
  .atlas body.wide-resize .supporterpacks .content-interactive .supporter-videos .supporter-video.phoenix {
    background-image: url('/image/atlas/packthumbs/phoenix.jpg?1525390418000'); }
  .atlas body.wide-resize .improvements {
    background-image: url('/image/atlas/improvements.jpg?1525390426000'); }
  .breach body.wide-resize .breach-challenge-leagues {
    background-image: url('/image/breach/Panel1.jpg?1525390445000'); }
  .breach body.wide-resize .enter-the-breach {
    background-image: url('/image/breach/Panel2.jpg?1525390445000'); }
  .breach body.wide-resize .defeat-new-bosses {
    background-image: url('/image/breach/Panel3.jpg?1525390445000'); }
  .breach body.wide-resize .collect-breach-splinters {
    background-image: url('/image/breach/Panel4.jpg?1525390445000'); }
    .breach body.wide-resize .collect-breach-splinters .ascendancy-items {
      right: 0; }
  .breach body.wide-resize .new-items {
    background-image: url('/image/breach/Panel5.jpg?1525390445000'); }
  .breach body.wide-resize .improvements {
    background-image: url('/image/breach/Panel6.jpg?1525390445000'); }
  .breach body.wide-resize .more {
    background-image: url('/image/breach/Panel7.jpg?1525390445000'); }
    .breach body.wide-resize .more .content-interactive .ascendancy-items {
      min-width: 315px; }
  .breach body.wide-resize .supporterpacks {
    background-image: url('/image/breach/Panel8.jpg?1525390445000'); }
    .breach body.wide-resize .supporterpacks .supporter-videos {
      padding-left: 30px; }
      .breach body.wide-resize .supporterpacks .supporter-videos .supporter-video:hover {
        background-position-y: 60px; }
      .breach body.wide-resize .supporterpacks .supporter-videos .supporter-video.spawn {
        background-image: url('/image/breach/pack/spawn.png'); }
      .breach body.wide-resize .supporterpacks .supporter-videos .supporter-video.grand {
        background-image: url('/image/breach/pack/grand.png'); }
  .oriath body.wide-resize .the-fall-of-oriath {
    background-image: url('/image/oriath/Panel1.jpg?1525390447000'); }
  .oriath body.wide-resize .part-two {
    background-image: url('/image/oriath/Panel2.jpg?1525390447000'); }
  .oriath body.wide-resize .act-six {
    background-image: url('/image/oriath/Panel3.jpg?1525390447000'); }
  .oriath body.wide-resize .act-seven {
    background-image: url('/image/oriath/Panel4.jpg?1525390447000'); }
  .oriath body.wide-resize .act-eight {
    background-image: url('/image/oriath/Panel5.jpg?1525390447000'); }
  .oriath body.wide-resize .act-nine {
    background-image: url('/image/oriath/Panel6.jpg?1525390447000'); }
  .oriath body.wide-resize .act-ten {
    background-image: url('/image/oriath/Panel7.jpg?1525390447000'); }
  .oriath body.wide-resize .the-pantheon {
    background-image: url('/image/oriath/Panel8.jpg?1525390447000'); }
  .oriath body.wide-resize .misc {
    background-image: url('/image/oriath/Panel9.jpg?1525390447000'); }
  .oriath body.wide-resize .timeline {
    background-image: url('/image/oriath/Panel10.jpg?1525390447000'); }
  .war body.wide-resize .war {
    background-image: url('/image/war/AtlasPanel1.jpg?1525390452000'); }
    .war body.wide-resize .war .yt-popout {
      position: absolute;
      right: -10%;
      top: 20%; }
      .war body.wide-resize .war .yt-popout .yt-rescale {
        border: 1px solid #000;
        box-shadow: black 0px 0px 4px 4px; }
      .war body.wide-resize .war .yt-popout .description {
        position: absolute;
        font-size: 0.9em;
        font-weight: normal;
        font-style: italic;
        text-align: center;
        width: 100%;
        color: #b3aeae; }
    .war body.wide-resize .war .atlas-map .atlas-image {
      width: 60%;
      margin-left: auto;
      margin-right: auto; }
  .war body.wide-resize .guardians {
    background-image: url('/image/war/AtlasPanel2.jpg?1525390452000'); }
  .war body.wide-resize .newmaps {
    background-image: url('/image/war/AtlasPanel3.jpg?1525390452000'); }
  .war body.wide-resize .shaperelderitems {
    background-image: url('/image/war/AtlasPanel4.jpg?1525390452000'); }
  .war body.wide-resize .newgems {
    background-image: url('/image/war/AtlasPanel5.jpg?1525390452000'); }
  .war body.wide-resize .newuniques {
    background-image: url('/image/war/AtlasPanel6.jpg?1525390452000'); }
  .war body.wide-resize .supporterpacks {
    background-image: url('/image/war/AtlasPanel7.jpg?1525390452000'); }
  .war body.wide-resize .abyssleagueanddetails {
    background-image: url('/image/war/AtlasPanel8.jpg?1525390452000'); }
  .bestiary body.wide-resize section .inner > header {
    background: none; }
    .bestiary body.wide-resize section .inner > header img {
      width: 90%; }
  .bestiary body.wide-resize section.wide-resize-right {
    text-align: right; }
    .bestiary body.wide-resize section.wide-resize-right .ascendancy-items {
      width: 100%;
      right: 0; }
      .bestiary body.wide-resize section.wide-resize-right .ascendancy-items .gem-item-group {
        display: block; }
    .bestiary body.wide-resize section.wide-resize-right.panel6 .ascendancy-items {
      width: 390px; }
    .bestiary body.wide-resize section.wide-resize-right.panel10 .ascendancy-items {
      width: 300px; }
      .bestiary body.wide-resize section.wide-resize-right.panel10 .ascendancy-items .prophecies {
        margin-top: -55px;
        margin-right: 50px; }
  .bestiary body.wide-resize .panel1 {
    background-image: url('/image/bestiary/Panel1.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel2 {
    background-image: url('/image/bestiary/Panel2.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel3 {
    background-image: url('/image/bestiary/Panel3.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel4 {
    background-image: url('/image/bestiary/Panel4.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel5 {
    background-image: url('/image/bestiary/Panel5.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel6 {
    background-image: url('/image/bestiary/Panel6.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel7 {
    background-image: url('/image/bestiary/Panel7.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel8 {
    background-image: url('/image/bestiary/Panel8.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel9 {
    background-image: url('/image/bestiary/Panel9.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel10 {
    background-image: url('/image/bestiary/Panel10.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel11 {
    background-image: url('/image/bestiary/Panel11.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel12 {
    background-image: url('/image/bestiary/Panel12.jpg?1525390444000'); }
  .incursion body.wide-resize section .inner > header {
    background: none; }
    .incursion body.wide-resize section .inner > header img {
      width: 100%; }
  .incursion body.wide-resize section.wide-resize-right {
    text-align: right; }
    .incursion body.wide-resize section.wide-resize-right .ascendancy-items {
      width: 100%;
      right: 0; }
      .incursion body.wide-resize section.wide-resize-right .ascendancy-items .gem-item-group {
        display: block; }
    .incursion body.wide-resize section.wide-resize-right.panel6 .ascendancy-items {
      width: 345px;
      margin-left: -20px; }
    .incursion body.wide-resize section.wide-resize-right.panel10 .ascendancy-items {
      width: 300px; }
      .incursion body.wide-resize section.wide-resize-right.panel10 .ascendancy-items .prophecies {
        margin-top: -55px;
        margin-right: 50px; }
  .incursion body.wide-resize .panel1 {
    background-image: url('/image/incursion/Panel1.jpg?1525741614000'); }
  .incursion body.wide-resize .panel2 {
    background-image: url('/image/incursion/Panel2.jpg?1525406129000'); }
  .incursion body.wide-resize .panel3 {
    background-image: url('/image/incursion/Panel3.jpg?1525741614000'); }
  .incursion body.wide-resize .panel4 {
    background-image: url('/image/incursion/Panel4.jpg?1525665801000'); }
  .incursion body.wide-resize .panel5 {
    background-image: url('/image/incursion/Panel5.jpg?1525843851000'); }
  .incursion body.wide-resize .panel6 {
    background-image: url('/image/incursion/Panel6.jpg?1525758581000'); }
  .incursion body.wide-resize .panel7 {
    background-image: url('/image/incursion/Panel7.jpg?1525758581000'); }
  .incursion body.wide-resize .panel8 {
    background-image: url('/image/incursion/Panel8.jpg?1525758581000'); }
  .incursion body.wide-resize .panel9 {
    background-image: url('/image/incursion/Panel9.jpg?1525758581000'); }
  .incursion body.wide-resize .panel10 {
    background-image: url('/image/incursion/Panel10.jpg?1525916676000'); }
  .incursion body.wide-resize .panel11 {
    background-image: url('/image/incursion/Panel11.jpg?1525406129000'); }
  .incursion body.wide-resize .panel12 {
    background-image: url('/image/incursion/Panel12.jpg?1525406129000'); }
  .incursion.en_US body.wide-resize .panel5 {
    background-image: url('/image/incursion/Panel5.jpg?1525843851000'); }
  .incursion.zh_TW body.wide-resize .panel5 {
    background-image: url('/image/incursion/zh_TW/Panel5.jpg?1525406128000'); }
  .incursion.zh_CN body.wide-resize .panel5 {
    background-image: url('/image/incursion/zh_CN/Panel5.jpg'); }
  .incursion.th_TH body.wide-resize .panel5 {
    background-image: url('/image/incursion/th_TH/Panel5.jpg?1525926320000'); }
  .incursion.ru_RU body.wide-resize .panel5 {
    background-image: url('/image/incursion/ru_RU/Panel5.jpg?1525910092000'); }
  .incursion.pt_BR body.wide-resize .panel5 {
    background-image: url('/image/incursion/pt_BR/Panel5.jpg?1525910092000'); }
  .incursion.de_DE body.wide-resize .panel5 {
    background-image: url('/image/incursion/de_DE/Panel5.jpg?1525910092000'); }
  .incursion.es_ES body.wide-resize .panel5 {
    background-image: url('/image/incursion/es_ES/Panel5.jpg?1525910092000'); }
  .incursion.fr_FR body.wide-resize .panel5 {
    background-image: url('/image/incursion/fr_FR/Panel5.jpg?1525910092000'); }
  body.wide-resize section {
    margin-bottom: 10px; }
    body.wide-resize section .content {
      color: #9aa6a1; }
      .atlas body.wide-resize section .content {
        color: #a6a69a; }
      .breach body.wide-resize section .content {
        color: #ada8bb; }
      .oriath body.wide-resize section .content {
        color: #d6c9ae; }
      .bestiary body.wide-resize section .content {
        color: #a39685;
        text-shadow: 1px 1px 2px black; }
  body.wide-resize header .logo {
    height: 300px;
    width: 377px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: -300px;
    z-index: 3;
    min-width: 220px; }
    .oriath body.wide-resize header .logo {
      height: 231px;
      width: 300px;
      margin-bottom: -231px; }
    .war body.wide-resize header .logo {
      height: 317px;
      width: 398px;
      margin-bottom: 0; }
  .war body.wide-resize header, .bestiary body.wide-resize header, .incursion body.wide-resize header {
    background-image: url('/image/war/topbg.jpg?1525390452000'); }
    .war body.wide-resize header .war-video-container, .bestiary body.wide-resize header .war-video-container, .incursion body.wide-resize header .war-video-container {
      padding: 0px 20px;
      text-align: center; }
      .war body.wide-resize header .war-video-container .video, .bestiary body.wide-resize header .war-video-container .video, .incursion body.wide-resize header .war-video-container .video {
        display: inline; }
        .war body.wide-resize header .war-video-container .video #war-trailer, .bestiary body.wide-resize header .war-video-container .video #war-trailer, .incursion body.wide-resize header .war-video-container .video #war-trailer {
          margin-bottom: 10px;
          color: #000; }
    .war body.wide-resize header .logo, .bestiary body.wide-resize header .logo, .incursion body.wide-resize header .logo {
      background: transparent none;
      margin-top: -1%;
      margin-bottom: -1%; }
  .bestiary body.wide-resize header .war-video-container, .incursion body.wide-resize header .war-video-container {
    padding-bottom: 4%; }
  .bestiary body.wide-resize header .logo, .incursion body.wide-resize header .logo {
    margin-top: 0;
    margin-bottom: -5%; }
  .bestiary body.wide-resize header {
    background-image: url('/image/bestiary/topbg.jpg?1525390444000'); }
  .incursion body.wide-resize header {
    background-image: url('/image/incursion/topbg.jpg?1525406129000'); }
  @media (min-width: 1800px) {
    body.wide-resize .section-banner-first {
      margin-top: 69px; } }
  @media (min-width: 1600px) {
    body.wide-resize .section-banner {
      height: 200px; }
    .atlas body.wide-resize > header .mini-countdown, .atlas body.wide-resize > footer .mini-countdown, .atlas body.wide-resize > section .mini-countdown {
      bottom: 170px; }
    .atlas body.wide-resize > header .supporter-videos, .atlas body.wide-resize > footer .supporter-videos, .atlas body.wide-resize > section .supporter-videos {
      padding-left: 30px; }
    body.wide-resize > header .watch-trailer, body.wide-resize > footer .watch-trailer, body.wide-resize > section .watch-trailer {
      position: absolute;
      bottom: -22px;
      width: 100%; }
      .oriath body.wide-resize > header .watch-trailer, .oriath body.wide-resize > footer .watch-trailer, .oriath body.wide-resize > section .watch-trailer {
        bottom: -10px; }
      body.wide-resize > header .watch-trailer .watch-trailer-banner, body.wide-resize > footer .watch-trailer .watch-trailer-banner, body.wide-resize > section .watch-trailer .watch-trailer-banner {
        background-image: url('/image/atlas/watch_trailer_large.png?1525390426000');
        width: 704px;
        height: 150px; }
        .atlas body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/watch_trailer_large.png?1525390426000'); }
        .atlas body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/watch_trailer_large.png?1525390426000'); }
        .atlas.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/ru_RU/watch_trailer_large.png?1525390420000'); }
        .atlas.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/pt_BR/watch_trailer_large.png?1525390419000'); }
        .atlas.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/zh_TW/watch_trailer_large.png?1525390424000'); }
        .atlas.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/zh_CN/watch_trailer_large.png?1525390423000'); }
        .atlas.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/th_TH/watch_trailer_large.png'); }
        .breach body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/watch_trailer_large.png?1525390445000'); }
        .breach.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/ru_RU/watch_trailer_large.png?1525390444000'); }
        .breach.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/pt_BR/watch_trailer_large.png?1525390444000'); }
        .breach.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/zh_TW/watch_trailer_large.png?1525390444000'); }
        .breach.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/zh_CN/watch_trailer_large.png?1525390444000'); }
        .breach.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/th_TH/watch_trailer_large.png?1525390444000'); }
        .oriath body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/watch_trailer_large.png?1525390447000'); }
        .oriath.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/ru_RU/watch_trailer_large.png?1525390446000'); }
        .oriath.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/pt_BR/watch_trailer_large.png?1525390446000'); }
        .oriath.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/zh_TW/watch_trailer_large.png?1525390447000'); }
        .oriath.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/zh_CN/watch_trailer_large.png?1525390447000'); }
        .oriath.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/th_TH/watch_trailer_large.png?1525390447000'); }
        body.wide-resize > header .watch-trailer .watch-trailer-banner:hover, body.wide-resize > footer .watch-trailer .watch-trailer-banner:hover, body.wide-resize > section .watch-trailer .watch-trailer-banner:hover {
          background-position: 0px -158px; }
        .oriath body.wide-resize > header .watch-trailer .watch-trailer-banner:hover, .oriath body.wide-resize > footer .watch-trailer .watch-trailer-banner:hover, .oriath body.wide-resize > section .watch-trailer .watch-trailer-banner:hover {
          background-position: 0px -150px; }
    body.wide-resize .inner header .header-icon {
      margin-top: 4px; } }
  @media (max-width: 1600px) {
    body.wide-resize .section-banner {
      height: 190px; } }
  @media (max-width: 1900px) {
    .war body.wide-resize.war-header {
      height: auto;
      max-height: 1100px; } }
  @media (min-width: 1900px) {
    body.wide-resize .section-banner {
      background-size: contain; }
      body.wide-resize .section-banner.top {
        margin-top: 69px;
        max-width: 1900px; } }
  @media (max-width: 1400px) {
    body.wide-resize .section-banner {
      height: 150px; }
    .atlas body.wide-resize header .inner header .header-icon, .breach body.wide-resize header .inner header .header-icon, .atlas body.wide-resize footer .inner header .header-icon, .breach body.wide-resize footer .inner header .header-icon, .atlas body.wide-resize section .inner header .header-icon, .breach body.wide-resize section .inner header .header-icon {
      margin-top: 0; }
    .oriath body.wide-resize header .inner header .header-icon, .oriath body.wide-resize footer .inner header .header-icon, .oriath body.wide-resize section .inner header .header-icon {
      margin-top: 1px; }
    .breach body.wide-resize header .inner .content .content-interactive #supporter-purchase, .war body.wide-resize header .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .war body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize section .inner .content .content-interactive #supporter-purchase, .war body.wide-resize section .inner .content .content-interactive #supporter-purchase {
      margin-top: -20px; }
    .bestiary body.wide-resize header .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize section .inner .content .content-interactive #supporter-purchase {
      margin-top: 0px; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      margin-top: -20px; } }
  @media (max-width: 1200px) {
    body.wide-resize .section-banner {
      height: 130px; }
    .oriath body.wide-resize header .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize footer .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize section .inner .content .screenshot-lbox .screenshots {
      margin: 0; }
    .oriath body.wide-resize header.wide-resize-right .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize footer.wide-resize-right .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize section.wide-resize-right .inner .content .screenshot-lbox .screenshots {
      margin-left: -12px; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      margin-top: 0px;
      margin-left: -50px;
      width: 460px; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .ascendancy-items {
        margin-left: -16%;
        right: 0; }
    .war body.wide-resize header.war .yt-popout, .war body.wide-resize footer.war .yt-popout, .war body.wide-resize section.war .yt-popout {
      right: 0;
      top: 12%; } }
  @media (min-width: 1400px) {
    body.wide-resize header.supporterpacks .inner .content .content-interactive #supporter-purchase, body.wide-resize footer.supporterpacks .inner .content .content-interactive #supporter-purchase, body.wide-resize section.supporterpacks .inner .content .content-interactive #supporter-purchase {
      box-shadow: none; }
      body.wide-resize header.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton, body.wide-resize footer.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton, body.wide-resize section.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        width: 420px;
        height: 200px;
        background: url('/image/atlas/buylarge.png?1525390426000') no-repeat scroll 50% 50% transparent; }
        body.wide-resize header.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, body.wide-resize footer.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, body.wide-resize section.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
          background-image: url('/image/atlas/buylarge_hover.png?1525390426000') no-repeat;
          background-position: 50% 50%; }
    .atlas body.wide-resize header #supporter-purchase, .atlas body.wide-resize footer #supporter-purchase, .atlas body.wide-resize section #supporter-purchase {
      box-shadow: none; }
      .atlas body.wide-resize header #supporter-purchase .shopBuyButton, .atlas body.wide-resize footer #supporter-purchase .shopBuyButton, .atlas body.wide-resize section #supporter-purchase .shopBuyButton {
        background-position: 50% 50%;
        width: 420px;
        height: 200px; }
        .atlas .atlas body.wide-resize header #supporter-purchase .shopBuyButton, .atlas .atlas body.wide-resize footer #supporter-purchase .shopBuyButton, .atlas .atlas body.wide-resize section #supporter-purchase .shopBuyButton {
          background: url('/image/atlas/buylarge.png?1525390426000') no-repeat scroll 50% 50% transparent; }
          .atlas .atlas body.wide-resize header #supporter-purchase .shopBuyButton:hover, .atlas .atlas body.wide-resize footer #supporter-purchase .shopBuyButton:hover, .atlas .atlas body.wide-resize section #supporter-purchase .shopBuyButton:hover {
            background-image: url('/image/atlas/buylarge_hover.png?1525390426000'); }
        .atlas.pt_BR .atlas body.wide-resize header #supporter-purchase .shopBuyButton, .atlas.pt_BR .atlas body.wide-resize footer #supporter-purchase .shopBuyButton, .atlas.pt_BR .atlas body.wide-resize section #supporter-purchase .shopBuyButton {
          background-image: url('/image/atlas/pt_BR/buylarge.png?1525390419000'); }
          .atlas.pt_BR .atlas body.wide-resize header #supporter-purchase .shopBuyButton:hover, .atlas.pt_BR .atlas body.wide-resize footer #supporter-purchase .shopBuyButton:hover, .atlas.pt_BR .atlas body.wide-resize section #supporter-purchase .shopBuyButton:hover {
            background-image: url('/image/atlas/pt_BR/buylarge_hover.png?1525390419000'); } }
  @media (min-width: 960px) {
    .breach body.wide-resize header.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize header.more .content-interactive .ascendancy-items.bottom, .breach body.wide-resize footer.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize footer.more .content-interactive .ascendancy-items.bottom, .breach body.wide-resize section.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize section.more .content-interactive .ascendancy-items.bottom {
      position: absolute;
      top: 141px;
      left: 153px; }
    body.wide-resize header .inner .content .content-interactive #supporter-purchase, body.wide-resize footer .inner .content .content-interactive #supporter-purchase, body.wide-resize section .inner .content .content-interactive #supporter-purchase {
      position: relative; }
      .bestiary body.wide-resize header .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize header .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize section .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize section .inner .content .content-interactive #supporter-purchase {
        margin-left: auto;
        margin-right: auto;
        width: 412px; }
        .bestiary body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
          width: 412px;
          height: 187px;
          background-position: 50% 0;
          background-image: url('/image/breach/pack/buylarge.png?1525390444000'); }
          .bestiary body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .bestiary body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .bestiary body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
            background-position-y: -187px; }
    .bestiary.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/buylarge.png?1525390444000'); }
    .bestiary.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_TW/buylarge.png?1525390444000'); }
    .bestiary.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_CN/buylarge.png?1525390443000'); }
    .bestiary.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/th_TH/buylarge.png?1525390443000'); }
    .bestiary.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ru_RU/buylarge.png?1525390443000'); }
    .bestiary.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/pt_BR/buylarge.png?1525390443000'); }
    .bestiary.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/de_DE/buylarge.png?1525390441000'); }
    .bestiary.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/es_ES/buylarge.png?1525390441000'); }
    .bestiary.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/fr_FR/buylarge.png?1525390442000'); }
    .incursion.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/buylarge.png?1525390444000'); }
    .incursion.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_TW/buylarge.png?1525390444000'); }
    .incursion.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_CN/buylarge.png?1525390443000'); }
    .incursion.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/th_TH/buylarge.png?1525390443000'); }
    .incursion.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ru_RU/buylarge.png?1525390443000'); }
    .incursion.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/pt_BR/buylarge.png?1525390443000'); }
    .incursion.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/de_DE/buylarge.png?1525390441000'); }
    .incursion.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/es_ES/buylarge.png?1525390441000'); }
    .incursion.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/fr_FR/buylarge.png?1525390442000'); } }
  @media (max-width: 960px) {
    body.wide-resize .section-banner {
      height: 90px; }
    .breach body.wide-resize header.new-items .content-interactive, .breach body.wide-resize header.more .content-interactive, .breach body.wide-resize footer.new-items .content-interactive, .breach body.wide-resize footer.more .content-interactive, .breach body.wide-resize section.new-items .content-interactive, .breach body.wide-resize section.more .content-interactive {
      margin-top: -12px; }
      .breach body.wide-resize header.new-items .content-interactive .ascendancy-items .item-group, .breach body.wide-resize header.more .content-interactive .ascendancy-items .item-group, .breach body.wide-resize footer.new-items .content-interactive .ascendancy-items .item-group, .breach body.wide-resize footer.more .content-interactive .ascendancy-items .item-group, .breach body.wide-resize section.new-items .content-interactive .ascendancy-items .item-group, .breach body.wide-resize section.more .content-interactive .ascendancy-items .item-group {
        max-width: 342px; }
        .breach body.wide-resize header.new-items .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize header.more .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize footer.new-items .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize footer.more .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize section.new-items .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize section.more .content-interactive .ascendancy-items .item-group .item {
          margin-left: -12px; }
      .breach body.wide-resize header.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize header.more .content-interactive .ascendancy-items.bottom, .breach body.wide-resize footer.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize footer.more .content-interactive .ascendancy-items.bottom, .breach body.wide-resize section.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize section.more .content-interactive .ascendancy-items.bottom {
        position: absolute;
        top: 97px;
        left: 97px; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      margin-top: 0px;
      margin-left: -50%;
      width: 460px; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .ascendancy-items {
        margin-left: -25%;
        right: 0; }
    .war body.wide-resize header.newuniques .content-interactive.war-unique-items, .war body.wide-resize footer.newuniques .content-interactive.war-unique-items, .war body.wide-resize section.newuniques .content-interactive.war-unique-items {
      width: 330px; }
    .war body.wide-resize header.war .atlas-image, .war body.wide-resize footer.war .atlas-image, .war body.wide-resize section.war .atlas-image {
      width: 33%;
      margin-left: 0; }
    .war body.wide-resize header.newgems .content-interactive, .war body.wide-resize footer.newgems .content-interactive, .war body.wide-resize section.newgems .content-interactive {
      margin-top: 0; }
    .bestiary.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/buysmall.png?1525390444000'); }
    .bestiary.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_TW/buysmall.png?1525390444000'); }
    .bestiary.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_CN/buysmall.png?1525390443000'); }
    .bestiary.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/th_TH/buysmall.png?1525390443000'); }
    .bestiary.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ru_RU/buysmall.png?1525390443000'); }
    .bestiary.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/pt_BR/buysmall.png?1525390443000'); }
    .bestiary.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/de_DE/buysmall.png?1525390441000'); }
    .bestiary.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/es_ES/buysmall.png?1525390441000'); }
    .bestiary.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/fr_FR/buysmall.png?1525390442000'); }
    .incursion.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/buysmall.png?1525390444000'); }
    .incursion.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_TW/buysmall.png?1525390444000'); }
    .incursion.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_CN/buysmall.png?1525390443000'); }
    .incursion.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/th_TH/buysmall.png?1525390443000'); }
    .incursion.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ru_RU/buysmall.png?1525390443000'); }
    .incursion.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/pt_BR/buysmall.png?1525390443000'); }
    .incursion.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/de_DE/buysmall.png?1525390441000'); }
    .incursion.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/es_ES/buysmall.png?1525390441000'); }
    .incursion.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/fr_FR/buysmall.png?1525390442000'); } }
  @media (max-width: 590px) {
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize header.newuniques .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.newuniques .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.newuniques .inner .content .content-interactive {
      margin-top: 0; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .item, .war body.wide-resize header.newuniques .inner .content .content-interactive .item, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .item, .war body.wide-resize footer.newuniques .inner .content .content-interactive .item, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .item, .war body.wide-resize section.newuniques .inner .content .content-interactive .item {
        margin: -5px; }
    .war body.wide-resize header.newmaps .inner .content .content-interactive .screenshot-lbox, .war body.wide-resize footer.newmaps .inner .content .content-interactive .screenshot-lbox, .war body.wide-resize section.newmaps .inner .content .content-interactive .screenshot-lbox {
      margin-top: -30px; }
      .war body.wide-resize header.newmaps .inner .content .content-interactive .screenshot-lbox .screenshots .lbox-ss, .war body.wide-resize footer.newmaps .inner .content .content-interactive .screenshot-lbox .screenshots .lbox-ss, .war body.wide-resize section.newmaps .inner .content .content-interactive .screenshot-lbox .screenshots .lbox-ss {
        height: 64px; }
    .war body.wide-resize header.war .yt-popout, .war body.wide-resize footer.war .yt-popout, .war body.wide-resize section.war .yt-popout {
      right: auto;
      top: auto;
      bottom: 0;
      left: 27%; }
    .war body.wide-resize header.war .atlas-map .atlas-image, .war body.wide-resize footer.war .atlas-map .atlas-image, .war body.wide-resize section.war .atlas-map .atlas-image {
      width: 33%;
      margin-left: 0; }
    .de_DE.war body.wide-resize header.war .yt-popout, .fr_FR.war body.wide-resize header.war .yt-popout, .es_ES.war body.wide-resize header.war .yt-popout, .de_DE.war body.wide-resize footer.war .yt-popout, .fr_FR.war body.wide-resize footer.war .yt-popout, .es_ES.war body.wide-resize footer.war .yt-popout, .de_DE.war body.wide-resize section.war .yt-popout, .fr_FR.war body.wide-resize section.war .yt-popout, .es_ES.war body.wide-resize section.war .yt-popout {
      bottom: -10%; }
    .bestiary body.wide-resize > header .content-interactive, .bestiary body.wide-resize > footer .content-interactive, .bestiary body.wide-resize > section .content-interactive {
      margin-top: 0; }
    .bestiary body.wide-resize > header.wide-resize-right, .bestiary body.wide-resize > footer.wide-resize-right, .bestiary body.wide-resize > section.wide-resize-right {
      text-align: right; }
      .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items {
        width: 300px;
        float: left;
        left: 0;
        margin-top: -15px;
        margin-left: -20px; }
        .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group {
          display: block;
          float: left; }
          .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.gem-item-group-tall, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.gem-item-group-tall, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.gem-item-group-tall {
            width: 105px; }
          .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item {
            margin: -6px; }
          .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large {
            position: absolute;
            left: 0;
            top: 0;
            margin-left: -80px;
            margin-top: -80px; }
          .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies {
            margin-left: -50px; }
            .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item {
              margin: -3px; }
      .bestiary body.wide-resize > header.wide-resize-right.panel10 .ascendancy-items .prophecies, .bestiary body.wide-resize > footer.wide-resize-right.panel10 .ascendancy-items .prophecies, .bestiary body.wide-resize > section.wide-resize-right.panel10 .ascendancy-items .prophecies {
        margin-left: -20px; }
    .incursion body.wide-resize > header .inner header, .incursion body.wide-resize > footer .inner header, .incursion body.wide-resize > section .inner header {
      margin-top: 2%; }
    .incursion body.wide-resize > header.panel6 .ascendancy-items, .incursion body.wide-resize > footer.panel6 .ascendancy-items, .incursion body.wide-resize > section.panel6 .ascendancy-items {
      margin-top: -25px; }
      .incursion body.wide-resize > header.panel6 .ascendancy-items .gem-item-group, .incursion body.wide-resize > footer.panel6 .ascendancy-items .gem-item-group, .incursion body.wide-resize > section.panel6 .ascendancy-items .gem-item-group {
        float: left; }
        .incursion body.wide-resize > header.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize > footer.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize > section.panel6 .ascendancy-items .gem-item-group .rapier {
          position: absolute;
          bottom: 0;
          left: -30%; } }
  @media (min-width: 800px) {
    body.wide-resize header .inner .content .content-interactive #supporter-purchase, body.wide-resize footer .inner .content .content-interactive #supporter-purchase, body.wide-resize section .inner .content .content-interactive #supporter-purchase {
      position: relative; }
      .breach body.wide-resize header .inner .content .content-interactive #supporter-purchase, .war body.wide-resize header .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize header .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .war body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize section .inner .content .content-interactive #supporter-purchase, .war body.wide-resize section .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize section .inner .content .content-interactive #supporter-purchase {
        margin-left: auto;
        margin-right: auto;
        width: 412px; }
        .breach body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
          width: 412px;
          height: 187px;
          background-position: 50% 0;
          background-image: url('/image/breach/pack/buylarge.png?1525390444000'); }
          .breach body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
            background-position-y: -187px; }
      .breach.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/breach/pack/pt_BR/buylarge.png?1525390444000'); }
      .breach.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/breach/pack/ru_RU/buylarge.png?1525390444000'); }
    body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/war/buylarge.png?1525390452000'); }
      .war.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/buylarge.png?1525390452000'); }
      .war.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/zh_TW/buylarge.png?1525390452000'); }
      .war.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/zh_CN/buylarge.png?1525390452000'); }
      .war.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/th_TH/buylarge.png?1525390452000'); }
      .war.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/ru_RU/buylarge.png?1525390452000'); }
      .war.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/pt_BR/buylarge.png?1525390452000'); }
      .war.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/de_DE/buylarge.png?1525390452000'); }
      .war.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/es_ES/buylarge.png?1525390452000'); }
      .war.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/fr_FR/buylarge.png?1525390452000'); }
      .incursion.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/buylarge.png?1525390452000'); }
      .incursion.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/zh_TW/buylarge.png?1525390452000'); }
      .incursion.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/zh_CN/buylarge.png?1525390452000'); }
      .incursion.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/th_TH/buylarge.png?1525390452000'); }
      .incursion.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/ru_RU/buylarge.png?1525390452000'); }
      .incursion.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/pt_BR/buylarge.png?1525390452000'); }
      .incursion.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/de_DE/buylarge.png?1525390452000'); }
      .incursion.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/es_ES/buylarge.png?1525390452000'); }
      .incursion.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/fr_FR/buylarge.png?1525390452000'); } }
  @media (max-width: 800px) {
    body.wide-resize .classes-class {
      max-height: inherit; }
      body.wide-resize .classes-class .class {
        float: none;
        width: 90%;
        margin-left: auto;
        margin-right: auto; }
      body.wide-resize .classes-class .content {
        margin-top: 8%; }
    body.wide-resize header .mini-countdown, body.wide-resize footer .mini-countdown, body.wide-resize section .mini-countdown {
      bottom: 38px; }
    body.wide-resize header .watch-trailer, body.wide-resize footer .watch-trailer, body.wide-resize section .watch-trailer {
      bottom: -10px; }
      body.wide-resize header .watch-trailer .watch-trailer-banner, body.wide-resize footer .watch-trailer .watch-trailer-banner, body.wide-resize section .watch-trailer .watch-trailer-banner {
        height: 60px; }
      .oriath body.wide-resize header .watch-trailer, .oriath body.wide-resize footer .watch-trailer, .oriath body.wide-resize section .watch-trailer {
        bottom: 0px; }
    .atlas body.wide-resize header.skillsitems .content-interactive, .atlas body.wide-resize header.theatlas .content-interactive, .atlas body.wide-resize header.supporterpacks .content-interactive, .atlas body.wide-resize footer.skillsitems .content-interactive, .atlas body.wide-resize footer.theatlas .content-interactive, .atlas body.wide-resize footer.supporterpacks .content-interactive, .atlas body.wide-resize section.skillsitems .content-interactive, .atlas body.wide-resize section.theatlas .content-interactive, .atlas body.wide-resize section.supporterpacks .content-interactive {
      margin-top: -16px; } }
  @media (max-width: 590px) {
    body.wide-resize > header .mini-countdown, body.wide-resize > section .mini-countdown, body.wide-resize > footer .mini-countdown {
      bottom: 50px; }
      .war body.wide-resize > header .mini-countdown, .war body.wide-resize > section .mini-countdown, .war body.wide-resize > footer .mini-countdown {
        bottom: auto; }
    body.wide-resize > header.class-intro .class-details, body.wide-resize > section.class-intro .class-details, body.wide-resize > footer.class-intro .class-details {
      min-width: 360px; }
    body.wide-resize header.wide-resize-right.part-two .inner, body.wide-resize footer.wide-resize-right.part-two .inner, body.wide-resize section.wide-resize-right.part-two .inner {
      padding-left: 20%;
      width: 80%; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      margin-top: 0px;
      margin-left: -35%;
      margin-right: -40px;
      width: 460px; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .ascendancy-items .items, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .ascendancy-items .items, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .ascendancy-items .items {
        margin: -5px; }
    .oriath body.wide-resize header .inner header, .oriath body.wide-resize footer .inner header, .oriath body.wide-resize section .inner header {
      font-size: 18px;
      width: 91%; }
    .oriath body.wide-resize header .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize footer .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize section .inner .content .screenshot-lbox .screenshots {
      padding-top: 4px; }
    body.wide-resize header.classes-class .class, body.wide-resize footer.classes-class .class, body.wide-resize section.classes-class .class {
      width: 100%; }
    body.wide-resize header.items .inner .content p, body.wide-resize footer.items .inner .content p, body.wide-resize section.items .inner .content p {
      margin-top: -18px; }
    body.wide-resize header.items .inner .content .ascendancy-items, body.wide-resize footer.items .inner .content .ascendancy-items, body.wide-resize section.items .inner .content .ascendancy-items {
      margin-top: -35px; }
    body.wide-resize header.trials-intro .inner .content p, body.wide-resize header.labyrinth-changing .inner .content p, body.wide-resize footer.trials-intro .inner .content p, body.wide-resize footer.labyrinth-changing .inner .content p, body.wide-resize section.trials-intro .inner .content p, body.wide-resize section.labyrinth-changing .inner .content p {
      padding: 10px; }
    body.wide-resize header.enchantments-cruel .content-interactive, body.wide-resize header.enchantments-normal .content-interactive, body.wide-resize header.enchantments-merciless .content-interactive, body.wide-resize footer.enchantments-cruel .content-interactive, body.wide-resize footer.enchantments-normal .content-interactive, body.wide-resize footer.enchantments-merciless .content-interactive, body.wide-resize section.enchantments-cruel .content-interactive, body.wide-resize section.enchantments-normal .content-interactive, body.wide-resize section.enchantments-merciless .content-interactive {
      margin-top: -10px; }
    body.wide-resize header.wide-resize-right .screenshots, body.wide-resize footer.wide-resize-right .screenshots, body.wide-resize section.wide-resize-right .screenshots {
      right: 0; }
    body.wide-resize header.wide-resize-right .supporter-videos, body.wide-resize footer.wide-resize-right .supporter-videos, body.wide-resize section.wide-resize-right .supporter-videos {
      position: absolute;
      right: 0; }
    .atlas body.wide-resize header.wide-resize-right .ascendancy-items, .atlas body.wide-resize footer.wide-resize-right .ascendancy-items, .atlas body.wide-resize section.wide-resize-right .ascendancy-items {
      right: 0; }
    .bestiary body.wide-resize header.wide-resize-right .content-interactive .screenshot-lbox, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .screenshot-lbox, .bestiary body.wide-resize section.wide-resize-right .content-interactive .screenshot-lbox {
      margin-right: 0px; }
    body.wide-resize header .inner header .header-icon, body.wide-resize footer .inner header .header-icon, body.wide-resize section .inner header .header-icon {
      margin-top: 0; }
      .oriath body.wide-resize header .inner header .header-icon, .oriath body.wide-resize footer .inner header .header-icon, .oriath body.wide-resize section .inner header .header-icon {
        width: 24px;
        height: 24px; }
    body.wide-resize header .logo {
      height: 160px;
      width: 188.5px;
      margin-bottom: -150px;
      padding: 5px 0 10px; }
      .oriath body.wide-resize header .logo {
        height: 125.5px;
        width: 150px;
        margin-bottom: -140px; }
      .war body.wide-resize header .logo {
        margin-bottom: 60px; }
      .bestiary body.wide-resize header .logo {
        margin-bottom: -30px; }
      .incursion body.wide-resize header .logo {
        margin-bottom: -30px; }
    body.wide-resize .skills-earthquake .content-interactive .skill {
      margin-top: -30px; } }
  @media (max-width: 470px) {
    .incursion body.wide-resize header.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize footer.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize section.panel6 .ascendancy-items .gem-item-group .rapier {
      position: absolute;
      bottom: 0;
      left: -13%; } }
  @media (max-width: 400px) {
    .atlas body.wide-resize header header, .atlas body.wide-resize footer header, .atlas body.wide-resize section header {
      font-size: 18px; }
    body.wide-resize header .content-interactive .show-collapse, body.wide-resize footer .content-interactive .show-collapse, body.wide-resize section .content-interactive .show-collapse {
      display: inline-block; }
    body.wide-resize header .content-interactive .hide-collapse, body.wide-resize footer .content-interactive .hide-collapse, body.wide-resize section .content-interactive .hide-collapse {
      display: none; }
    body.wide-resize header .mini-countdown, body.wide-resize footer .mini-countdown, body.wide-resize section .mini-countdown {
      bottom: 44px; }
    body.wide-resize header.classes-class .inner .content, body.wide-resize footer.classes-class .inner .content, body.wide-resize section.classes-class .inner .content {
      width: 90%;
      margin-left: auto;
      margin-right: auto; }
    body.wide-resize header.classes-class.classes-Shadow .inner .content .class-1 .banner-logo, body.wide-resize header.classes-class.classes-Ranger .inner .content .class-1 .banner-logo, body.wide-resize footer.classes-class.classes-Shadow .inner .content .class-1 .banner-logo, body.wide-resize footer.classes-class.classes-Ranger .inner .content .class-1 .banner-logo, body.wide-resize section.classes-class.classes-Shadow .inner .content .class-1 .banner-logo, body.wide-resize section.classes-class.classes-Ranger .inner .content .class-1 .banner-logo {
      text-align: left;
      left: 1%; }
      body.wide-resize header.classes-class.classes-Shadow .inner .content .class-1 .banner-logo p, body.wide-resize header.classes-class.classes-Ranger .inner .content .class-1 .banner-logo p, body.wide-resize footer.classes-class.classes-Shadow .inner .content .class-1 .banner-logo p, body.wide-resize footer.classes-class.classes-Ranger .inner .content .class-1 .banner-logo p, body.wide-resize section.classes-class.classes-Shadow .inner .content .class-1 .banner-logo p, body.wide-resize section.classes-class.classes-Ranger .inner .content .class-1 .banner-logo p {
        display: inline-block;
        margin: 0px 1% -2px 2%; }
      body.wide-resize header.classes-class.classes-Shadow .inner .content .class-1 .banner-logo img, body.wide-resize header.classes-class.classes-Ranger .inner .content .class-1 .banner-logo img, body.wide-resize footer.classes-class.classes-Shadow .inner .content .class-1 .banner-logo img, body.wide-resize footer.classes-class.classes-Ranger .inner .content .class-1 .banner-logo img, body.wide-resize section.classes-class.classes-Shadow .inner .content .class-1 .banner-logo img, body.wide-resize section.classes-class.classes-Ranger .inner .content .class-1 .banner-logo img {
        padding-top: 0;
        min-height: 46px;
        height: 50%; }
    body.wide-resize header.supporterpacks, body.wide-resize footer.supporterpacks, body.wide-resize section.supporterpacks {
      margin-left: 0px; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      width: 345px;
      margin-left: -10%; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .ascendancy-items {
        margin: 0; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive.move-collapse, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive.move-collapse, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive.move-collapse {
        margin-left: 20px; }
    .war body.wide-resize header.shaperelderitems .item-group, .war body.wide-resize footer.shaperelderitems .item-group, .war body.wide-resize section.shaperelderitems .item-group {
      padding-left: 80px; }
    .war body.wide-resize header.war .yt-popout, .war body.wide-resize footer.war .yt-popout, .war body.wide-resize section.war .yt-popout {
      right: auto;
      left: 5%;
      margin-top: 250px;
      z-index: 3;
      top: 49%; }
    .war body.wide-resize header .inner .content .content-interactive.move-collapse, .war body.wide-resize footer .inner .content .content-interactive.move-collapse, .war body.wide-resize section .inner .content .content-interactive.move-collapse {
      z-index: 3;
      margin-top: 200px;
      width: 300px; }
      .war body.wide-resize header .inner .content .content-interactive.move-collapse .screenshot-lbox, .war body.wide-resize footer .inner .content .content-interactive.move-collapse .screenshot-lbox, .war body.wide-resize section .inner .content .content-interactive.move-collapse .screenshot-lbox {
        margin-left: -20px; }
    .bestiary body.wide-resize header .content-interactive, .incursion body.wide-resize header .content-interactive, .bestiary body.wide-resize footer .content-interactive, .incursion body.wide-resize footer .content-interactive, .bestiary body.wide-resize section .content-interactive, .incursion body.wide-resize section .content-interactive {
      margin-left: 0px; }
    .bestiary body.wide-resize header.wide-resize-right .inner .content .screenshot-lbox .screenshots, .incursion body.wide-resize header.wide-resize-right .inner .content .screenshot-lbox .screenshots, .bestiary body.wide-resize footer.wide-resize-right .inner .content .screenshot-lbox .screenshots, .incursion body.wide-resize footer.wide-resize-right .inner .content .screenshot-lbox .screenshots, .bestiary body.wide-resize section.wide-resize-right .inner .content .screenshot-lbox .screenshots, .incursion body.wide-resize section.wide-resize-right .inner .content .screenshot-lbox .screenshots {
      margin-right: -40px; }
    .bestiary body.wide-resize header.wide-resize-right, .incursion body.wide-resize header.wide-resize-right, .bestiary body.wide-resize footer.wide-resize-right, .incursion body.wide-resize footer.wide-resize-right, .bestiary body.wide-resize section.wide-resize-right, .incursion body.wide-resize section.wide-resize-right {
      text-align: right; }
      .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items {
        float: left;
        left: 0;
        margin-left: 0px; }
        .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group {
          display: block;
          float: left; }
          .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item {
            margin: -6px; }
          .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large {
            position: relative;
            margin-left: 0px;
            margin-top: 0px; }
          .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies {
            margin-left: 0px; }
            .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item {
              margin: -3px; }
    .fr_FR .incursion body.wide-resize header.panel10 .inner .content p, .fr_FR .incursion body.wide-resize footer.panel10 .inner .content p, .fr_FR .incursion body.wide-resize section.panel10 .inner .content p {
      width: 110%;
      margin-left: -26px; }
    .incursion body.wide-resize header.panel10 .inner .content-interactive, .incursion body.wide-resize footer.panel10 .inner .content-interactive, .incursion body.wide-resize section.panel10 .inner .content-interactive {
      margin-top: 0; }
      .de_DE .incursion body.wide-resize header.panel10 .inner .content-interactive, .es_ES .incursion body.wide-resize header.panel10 .inner .content-interactive, .fr_FR .incursion body.wide-resize header.panel10 .inner .content-interactive, .de_DE .incursion body.wide-resize footer.panel10 .inner .content-interactive, .es_ES .incursion body.wide-resize footer.panel10 .inner .content-interactive, .fr_FR .incursion body.wide-resize footer.panel10 .inner .content-interactive, .de_DE .incursion body.wide-resize section.panel10 .inner .content-interactive, .es_ES .incursion body.wide-resize section.panel10 .inner .content-interactive, .fr_FR .incursion body.wide-resize section.panel10 .inner .content-interactive {
        margin-top: -25px; }
    .incursion body.wide-resize header.panel6 .ascendancy-items, .incursion body.wide-resize footer.panel6 .ascendancy-items, .incursion body.wide-resize section.panel6 .ascendancy-items {
      margin-top: -25px; }
      .incursion body.wide-resize header.panel6 .ascendancy-items .gem-item-group, .incursion body.wide-resize footer.panel6 .ascendancy-items .gem-item-group, .incursion body.wide-resize section.panel6 .ascendancy-items .gem-item-group {
        float: left;
        margin-left: 25px; }
        .incursion body.wide-resize header.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize footer.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize section.panel6 .ascendancy-items .gem-item-group .rapier {
          position: absolute;
          bottom: 0;
          left: -6%; }
    .incursion.fr_FR body.wide-resize header.panel10 .inner .content p, .incursion.es_ES body.wide-resize header.panel10 .inner .content p, .incursion.de_DE body.wide-resize header.panel10 .inner .content p, .incursion.fr_FR body.wide-resize footer.panel10 .inner .content p, .incursion.es_ES body.wide-resize footer.panel10 .inner .content p, .incursion.de_DE body.wide-resize footer.panel10 .inner .content p, .incursion.fr_FR body.wide-resize section.panel10 .inner .content p, .incursion.es_ES body.wide-resize section.panel10 .inner .content p, .incursion.de_DE body.wide-resize section.panel10 .inner .content p {
      width: 110%;
      margin-left: -26px;
      padding-top: 2px; }
    .incursion.fr_FR body.wide-resize header.panel10 .inner .content-interactive, .incursion.es_ES body.wide-resize header.panel10 .inner .content-interactive, .incursion.de_DE body.wide-resize header.panel10 .inner .content-interactive, .incursion.fr_FR body.wide-resize footer.panel10 .inner .content-interactive, .incursion.es_ES body.wide-resize footer.panel10 .inner .content-interactive, .incursion.de_DE body.wide-resize footer.panel10 .inner .content-interactive, .incursion.fr_FR body.wide-resize section.panel10 .inner .content-interactive, .incursion.es_ES body.wide-resize section.panel10 .inner .content-interactive, .incursion.de_DE body.wide-resize section.panel10 .inner .content-interactive {
      margin-top: -15px; } }

.ladderView, .seasonLadder {
  position: relative; }
  .ladderView table, .seasonLadder table {
    clear: both;
    border: 1px solid #1a1a1a; }
  .ladderView thead, .seasonLadder thead {
    background: #181818; }
  .ladderView th, .seasonLadder th {
    padding: 5px;
    color: #dfcf99; }
  .ladderView tr:nth-child(even), .seasonLadder tr:nth-child(even) {
    background: #0d0f0d; }
  .ladderView td, .seasonLadder td {
    padding: 3px 5px; }
  .ladderView .pagination, .seasonLadder .pagination {
    padding: 3px 0px 0px 0px !important; }
  .ladderView .dead, .seasonLadder .dead {
    color: #353535; }
  .ladderView .deadText, .seasonLadder .deadText {
    color: #b80000;
    font-size: smaller; }

.ladderView h2 {
  float: left; }

.ladderView .controls {
  float: right;
  margin-bottom: 3px; }

.ladderView .refresh {
  margin: 0px 5px; }

.ladderView.empty {
  display: none; }

.ladderView .entry .onlineStatus {
  padding: 4px;
  width: 15px; }

.ladderView .entry .rank {
  width: 75px; }

.ladderView .entry .account {
  width: 160px; }
  .ladderView .entry .account.wide {
    width: 340px; }

.ladderView .entry .character {
  width: 240px; }

.ladderView .entry .class {
  width: 100px; }
  .ladderView .entry .class.wide {
    width: 340px; }

.ladderView .entry .level {
  width: 80px; }

.ladderView .entry.finishTime .account {
  width: 130px; }

.ladderView .entry.finishTime .character {
  width: 150px; }

.ladderView .entry .points, .ladderView .entry .tiebreaker, .ladderView .entry .gamesPlayed {
  width: 120px; }

.ladderView .entry.newRound {
  border-top: 1px solid #7B725D; }

.ladderView .loading {
  display: none;
  position: absolute;
  width: 100%;
  z-index: 10; }

.labyrinth-ladder-controls .poeForm {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  .labyrinth-ladder-controls .poeForm .button1, .labyrinth-ladder-controls .poeForm .button2, .labyrinth-ladder-controls .poeForm .pagination a, .pagination .labyrinth-ladder-controls .poeForm a, .labyrinth-ladder-controls .poeForm .pagination .current, .pagination .labyrinth-ladder-controls .poeForm .current, .labyrinth-ladder-controls .poeForm .pagination .currentPage, .pagination .labyrinth-ladder-controls .poeForm .currentPage, .labyrinth-ladder-controls .poeForm .editor-control {
    color: #BEB698;
    background-color: rgba(42, 42, 42, 0.9); }

#signature-races .seasons-list {
  z-index: 1000;
  float: right;
  margin-top: -40px;
  margin-right: 20px;
  position: relative; }

ul li {
  background: transparent url('/image/list/t1.png?1525390446000') no-repeat scroll 4px 3px;
  padding-left: 20px; }

/* FORM */
form {
  padding: 0px;
  margin: 0px;
  padding: 0px;
  /* padding-top: 12px; */ }

form.t1 fieldset, .formT1 fieldset, .poeForm table.border {
  border: 1px solid #1D1D1D;
  border-collapse: collapse;
  box-shadow: 0px 0px 3px 2px rgba(31, 31, 31, 0.7);
  background: rgba(18, 18, 18, 0.41);
  background: -owg-linear-gradient(left, rgba(17, 17, 17, 0.9), rgba(12, 12, 12, 0.3) 40%, rgba(22, 22, 22, 0.9));
  background: -webkit-linear-gradient(left, rgba(17, 17, 17, 0.9), rgba(12, 12, 12, 0.3) 40%, rgba(22, 22, 22, 0.9));
  background: -moz-linear-gradient(left, rgba(17, 17, 17, 0.9), rgba(12, 12, 12, 0.3) 40%, rgba(22, 22, 22, 0.9));
  background: -o-linear-gradient(left, rgba(17, 17, 17, 0.9), rgba(12, 12, 12, 0.3) 40%, rgba(22, 22, 22, 0.9));
  -pie-background: -pie-linear-gradient(left, rgba(17, 17, 17, 0.9), rgba(12, 12, 12, 0.3) 40%, rgba(22, 22, 22, 0.9));
  background: linear-gradient(left, rgba(17, 17, 17, 0.9), rgba(12, 12, 12, 0.3) 40%, rgba(22, 22, 22, 0.9)); }

form.t1 label, .formT1 label, .poeForm label {
  color: #B8B5A5; }

.ladderView .controls select, form.t1 textarea, form.t1 input[type="text"], form.t1 input[type="password"], form.t1 select, .formT1 textarea, .formT1 input[type="text"], .formT1 input[type="password"], .formT1 select, .poeForm textarea, .poeForm input.textInput, .poeForm input.passwordInput, .poeForm input.captcha, .poeForm select, .pagination .perPageOptions {
  background-color: #222222;
  background-color: rgba(42, 42, 42, 0.9);
  color: #BEB698;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }
  .ladderView .controls select:focus, form.t1 textarea:focus, form.t1 input[type="text"]:focus, form.t1 input[type="password"]:focus, form.t1 select:focus, .formT1 textarea:focus, .formT1 input[type="text"]:focus, .formT1 input[type="password"]:focus, .formT1 select:focus, .poeForm textarea:focus, .poeForm input.textInput:focus, .poeForm input.passwordInput:focus, .poeForm input.captcha:focus, .poeForm select:focus, .pagination .perPageOptions:focus {
    outline: none; }

form.t1 *, .formT1 * {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box; }

form.t1 .row, .formT1 .row {
  margin: 10px 5px 5px 5px; }
  form.t1 .row:first-child, .formT1 .row:first-child {
    margin-top: 5px; }
  form.t1 .row.wide, .formT1 .row.wide {
    margin-left: 0px;
    margin-right: 0px; }
  form.t1 .row > *, .formT1 .row > * {
    vertical-align: top;
    position: relative; }
  form.t1 .row.error label, form.t1 .element li.row label, .formT1 .element form.t1 li.row label, .formT1 .row.error label, form.t1 .element .formT1 li.row label, .formT1 .element li.row label {
    text-shadow: 0px 0px 4px #522424; }
  form.t1 .row.error.hash, form.t1 .element li.row.hash, .formT1 .element form.t1 li.row.hash, .formT1 .row.error.hash, form.t1 .element .formT1 li.row.hash, .formT1 .element li.row.hash {
    display: block; }
  form.t1 .row.captcha label, .formT1 .row.captcha label {
    font-size: smaller; }
  form.t1 .row.captcha input[type="text"], .formT1 .row.captcha input[type="text"] {
    text-align: center;
    letter-spacing: 20px; }
  form.t1 .row.captcha .refresh, .formT1 .row.captcha .refresh {
    position: absolute;
    top: 15px;
    right: 3px;
    cursor: pointer;
    text-align: center;
    padding: 0px;
    margin: 0px; }
  form.t1 .row.stacked label, .formT1 .row.stacked label {
    width: 100%;
    max-width: none;
    padding: 2px;
    display: block; }
  form.t1 .row.stacked input, .formT1 .row.stacked input {
    text-align: center; }
  form.t1 .row.stacked .element, .formT1 .row.stacked .element {
    width: 100%;
    display: block;
    max-width: none; }
  form.t1 .row.hash, .formT1 .row.hash {
    display: none; }

form.t1 label, .formT1 label {
  width: 25%;
  max-width: 160px;
  display: inline-block;
  padding-right: 5px;
  /*
    input {
      width: 70%;
      max-width: 600px;
    }
    */ }
  form.t1 label.fullWidth, .formT1 label.fullWidth {
    width: 100%;
    max-width: initial; }
  form.t1 label.noBold, .formT1 label.noBold {
    font-weight: normal; }

form.t1 .emailDisclaimer, .formT1 .emailDisclaimer {
  font-size: 0.9em;
  color: #b9b9b9;
  padding-left: 5px; }

form.t1 .element, .formT1 .element {
  display: inline-block;
  width: 75%;
  max-width: 600px;
  /*    ul { // Errors
      padding: 0px;
      margin: 0px;
    }*/ }
  form.t1 .element li, .formT1 .element li {
    font-size: smaller;
    border-radius: 2px;
    border: 1px solid #1F1919;
    padding: 2px 3px 3px 3px;
    margin: 1px 0px;
    background: #0C0000;
    background: -owg-linear-gradient(top, #110D0D, #181818 80%, #111111);
    background: -webkit-linear-gradient(top, #110D0D, #181818 80%, #111111);
    background: -moz-linear-gradient(top, #110D0D, #181818 80%, #111111);
    background: -o-linear-gradient(top, #110D0D, #181818 80%, #111111);
    -pie-background: -pie-linear-gradient(top, #110D0D, #181818 80%, #111111);
    background: linear-gradient(top, #110D0D, #181818 80%, #111111); }

form.t1 textarea, form.t1 input[type="text"], form.t1 input[type="password"], .formT1 textarea, .formT1 input[type="text"], .formT1 input[type="password"] {
  padding: 1px; }

form.t1 textarea, form.t1 input[type="text"], form.t1 input[type="password"], form.t1 select, .formT1 textarea, .formT1 input[type="text"], .formT1 input[type="password"], .formT1 select {
  width: 100%; }

.form_base_s {
  width: 398px; }

form.t1 .emailSuggestion, .formT1 .emailSuggestion, .poeForm .emailSuggestion {
  display: none;
  color: #e2af0b;
  word-wrap: break-word;
  word-break: break-all; }
  form.t1 .emailSuggestion .suggestedEmail, .formT1 .emailSuggestion .suggestedEmail, .poeForm .emailSuggestion .suggestedEmail {
    font-weight: bold;
    color: #f3bc0f;
    font-style: italic; }

.poeForm table {
  border-collapse: collapse;
  color: #CAC2A8; }

.poeForm input.textInput, .poeForm input.passwordInput, .poeForm input.captcha {
  width: 49%; }

.poeForm textarea {
  width: 100%;
  padding: 2px;
  height: 200px; }

.poeForm.formForumPost textarea, .poeForm.formForumThread textarea {
  height: 400px; }
  .poeForm.formForumPost textarea#note, .poeForm.formForumThread textarea#note {
    height: 60px; }

.poeForm .captchaSecondColumn td {
  text-align: left; }

.poeForm .defaultCaptcha {
  text-align: left; }

.poeForm .recaptchaRow .recaptchaContainer {
  padding: 7px 10px 11px; }

.poeForm textarea.moderatorNotes {
  width: 310px;
  height: 120px; }

dl.poeForm dd {
  margin-bottom: 10px; }

.layoutBoxHalf .poeForm input.textInput, .layoutBoxHalf .poeForm input.passwordInput, .layoutBoxHalf .poeForm input.captcha {
  width: 276px; }

.layoutBoxHalf .poeForm .accountCaptcha {
  text-align: center; }
  .layoutBoxHalf .poeForm .accountCaptcha input.captcha {
    width: 420px; }

.layoutBoxFull .poeForm input.textInput, .layoutBoxFull .poeForm input.passwordInput, .layoutBoxFull .poeForm input.captcha {
  width: 368px; }

.layoutBoxFull .forumSearchForm {
  margin: 3px;
  width: 230px;
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0; }
  .layoutBoxFull .forumSearchForm .formTextInline {
    float: none; }
  .layoutBoxFull .forumSearchForm input.textInput {
    background: rgba(0, 0, 0, 0.2);
    padding-left: 3px;
    padding-right: 3px;
    width: 100%;
    border-radius: 1px; }
  .layoutBoxFull .forumSearchForm #search-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 24px;
    border: 0;
    padding: 0;
    background: url("/image/icons/search.png?1464134042") no-repeat center center;
    cursor: pointer; }

.form-container-m table.form_base {
  width: 398px; }

table.border {
  border: 1px solid #30302E;
  border-collapse: collapse;
  background: none;
  margin-bottom: 15px; }

table.no-border {
  margin-left: 5px;
  border: none; }

table.no-border td {
  padding: 0px; }

.form_base td {
  padding: 0px;
  vertical-align: top; }

/* td with center aligned content */
td.center {
  text-align: center; }

td.label {
  padding: 5px;
  width: 96px; }

tr.input-row td {
  padding: 5px; }

.form-td-left {
  min-width: 153px; }

.form-label-td {
  min-width: 153px; }

label {
  font-weight: bold; }

/*

.form_base .text input
{
    color: $highlight-text-color;
    margin: 1px 3px 1px 3px;
    padding: 0px;
    float: left;
}

.form_base .password input
{
    color: $highlight-text-color;
    margin: 1px 3px;
    padding: 0px;
    float: left;
}*/
td.file input {
  color: #CAC2A8; }

td.file .form-text-l {
  width: 270px; }

/*

.form_base .text input
{
    width: 368px;
}*/
.form-container-m td.text input {
  width: 270px; }

.form-container-m td.password input {
  width: 270px; }

.formInline .formTextInline, .formInline .formImageInline {
  float: left; }

td.checkbox input {
  width: auto;
  margin: 0px;
  padding: 0px; }

input.text-captcha {
  width: 282px; }

input.checkbox {
  border: 0px;
  padding: 0px;
  margin-right: 5px;
  height: 12px;
  width: 12px;
  color: #000; }

/*

.form_base textarea
{
    background-color: transparent;
    color: $highlight-text-color;
    border: 0px;
    width: 368px;
    margin: 1px 3px 1px 3px;
    padding: 0px;
    max-width: 368px;
    height: 200px;
}

.form_base .form-text-l-big textarea
{
    width: 469px;
    max-width: 469px;
    height: 500px;
}

.form_base .small-textarea
{
    height: 100px;
}
*/
.form_base select {
  background-color: #000;
  color: #CAC2A8;
  width: 369px; }

.form_base .hash .errors {
  text-align: left;
  margin-bottom: 10px; }

/* Left border for input elements */
.form-text-l {
  width: 375px;
  position: relative;
  background: #000 url('/image/form/text_l.png?1525390445000') repeat-y; }

.form-text-l-big {
  width: 475px; }

.form-container-m .form-text-l {
  width: 277px; }

/*

.formForumPost textarea, .formForumThread textarea
{
    height: 400px;
    width: 475px;
    max-width: 475px;
}
*/
.formForumPost .text input, .formForumThread .text input {
  width: 476px; }

.formForumPost .form-text-l, .formForumThread .form-text-l {
  width: 482px; }

/*.form-text-l-captcha
{
    width: 288px;
}*/
/* Allow div to be center aligned */
td.center .form-text-l {
  display: inline-block; }

/* Right border for input elements */
.form-text-r {
  position: relative;
  width: 100%;
  background: url('/image/form/text_r.png?1525390445000') right repeat-y; }

/* Top left border for input elements */
.form-text-top {
  display: block;
  position: relative;
  width: 100%;
  height: 2px;
  background: url('/image/form/text_tl.png?1525390445000') no-repeat;
  line-height: 1px;
  font-size: 1px; }

/* Top right corner border for input elements  */
.form-text-top span {
  height: 2px;
  line-height: 1px;
  font-size: 1px;
  display: block;
  background: url('/image/form/text_tr.png?1525390445000') no-repeat top right; }

/* Bottom left border for input elements */
.form-text-bottom {
  line-height: 1px;
  font-size: 1px;
  clear: both;
  width: 100%;
  height: 2px;
  background: url('/image/form/text_bl.png?1525390445000') repeat-x; }

/* Bottom right corner border for input elements */
.form-text-bottom span {
  line-height: 1px;
  font-size: 1px;
  height: 2px;
  display: block;
  background: url('/image/form/text_br.png?1525390445000') no-repeat bottom right;
  position: relative; }

.form-error td {
  padding-bottom: 3px; }

.form-error .errors {
  padding: 5px;
  border: 1px solid; }

.input-row td.captcha .form-text-l {
  display: inline-block; }

.captcha-default .img-container {
  position: relative;
  width: 368px; }

td.captcha {
  /*padding-top: 15px;*/
  padding-bottom: 15px; }

td.captcha .form-text-l {
  width: 398px; }

td.captcha input {
  border: none;
  width: 392px;
  text-align: center;
  letter-spacing: 20px;
  color: #CAC2A8; }

input.image {
  margin: 0px; }

.form_base .image-row input {
  margin-right: 10px; }

.form-multi-checkbox label {
  margin-left: 10px;
  left: 0px;
  margin: 0px;
  vertical-align: top;
  padding: 0px; }

/*
 * TODO: Remove td.form-multi-checkbox replace with .form-multi-checkbox
 */
td.form-multi-checkbox input {
  float: none;
  margin: 3px 4px 0px 0px;
  width: auto;
  padding: 0px; }

#captcha {
  position: relative; }
  #captcha img {
    height: 48px;
    width: 368px; }

#captcha_refresh {
  position: absolute;
  top: 15px;
  right: 3px;
  cursor: pointer;
  text-align: center;
  padding: 0px;
  margin: 0px; }

.confirm-form-submit-left {
  margin-right: 20px; }

.confirm-form-submit {
  background: #231c18 url('/image/form/button-gradient.png?1525390445000') repeat-x;
  cursor: pointer;
  padding: 2px;
  color: #886F56;
  border: 1px solid #3F3C33; }

.confirm-form-submit:hover {
  cursor: pointer;
  color: #C29E6C;
  border-color: #C29E6C; }

.form_base .text input.pollRemoveOption {
  width: auto; }

.formHeading {
  margin-bottom: 10px; }

.pollForm .pollOption {
  width: 10px; }

.pollQuestion {
  padding: 0px 0px 5px 5px; }

.pollResults {
  width: 750px; }

.pollResults td, .pollForm td {
  border-color: #222319; }

.pollResults .pollBarCont {
  width: 425px;
  padding-top: 5px; }

.pollResults .pollBar {
  height: 9px;
  background: url('/image/poll/bar_repeat.jpg?1525390447000') repeat-x; }

.poBar {
  width: 425px; }

.poBar, .poPercent {
  background-color: #0D0F0D; }

.poName {
  zoom: 1;
  width: 250px; }

.poVotes {
  width: 60px; }

.poPercent {
  width: 50px; }

.forumTable {
  border-collapse: collapse;
  text-shadow: 0 0 0 transparent, 1px 1px 0 rgba(0, 0, 0, 0.35); }
  .forumTable th {
    background: -owg-linear-gradient(#1e1f1e, #1b1b1b);
    background: -webkit-linear-gradient(#1e1f1e, #1b1b1b);
    background: -moz-linear-gradient(#1e1f1e, #1b1b1b);
    background: -o-linear-gradient(#1e1f1e, #1b1b1b);
    -pie-background: -pie-linear-gradient(#1e1f1e, #1b1b1b);
    background: linear-gradient(#1e1f1e, #1b1b1b);
    padding: 0;
    border-bottom: 1px solid black; }
    .forumTable th .forumHeadingImg {
      float: left; }
    .forumTable th .view-more-button {
      width: 100px;
      float: left;
      padding: 6px 2px 2px;
      font-size: 14px; }
  .forumTable td {
    padding: 5px;
    border-top: 1px solid #050505; }
  .forumTable .staff .content-container, .forumTable .support .content-container, .forumTable .valued-poster .content-container, .forumTable .valued-thread .content-container {
    color: #cec59f; }
    .forumTable .staff .content-container strong, .forumTable .support .content-container strong, .forumTable .valued-poster .content-container strong, .forumTable .valued-thread .content-container strong {
      color: #cec59f; }
    .forumTable .staff .content-container .signature, .forumTable .support .content-container .signature, .forumTable .valued-poster .content-container .signature, .forumTable .valued-thread .content-container .signature {
      color: #aaa384; }
      .forumTable .staff .content-container .signature a, .forumTable .support .content-container .signature a, .forumTable .valued-poster .content-container .signature a, .forumTable .valued-thread .content-container .signature a {
        color: #b4ae93; }
  .forumTable .valued-thread .post_info {
    background: url('/image/forum/valued-hint.png?1525390445000') no-repeat top left; }
  .forumTable .newsPost {
    background: #000; }
    .forumTable .newsPost td {
      padding: 0;
      border: 0; }
    .forumTable .newsPost .posted-by {
      float: left;
      text-align: left; }
      .forumTable .newsPost .posted-by .roleLabel {
        text-align: left;
        margin: 5px; }
    .forumTable .newsPost .buttons {
      float: right; }
  .forumTable .newsPostInfo {
    background: #030303;
    border-top: 2px solid #080808; }
    .forumTable .newsPostInfo td {
      padding: 17px 17px 5px; }
  .forumTable tr {
    background-color: #1A1B18; }
    .forumTable tr.heading {
      background: #1E1F1E;
      height: 25px; }
    .forumTable tr.staff {
      outline: 1px solid #DB9F00;
      border: 1px solid #DB9F00; }
    .forumTable tr.support {
      outline: 1px solid #867747;
      border: 1px solid #867747; }
    .forumTable tr.valued-poster {
      outline: 1px solid #9D9D9D;
      border: 1px solid #9D9D9D; }
    .forumTable tr.valued-thread {
      outline: 1px solid #614506;
      border: 1px solid #614506; }
    .forumTable tr .signature {
      width: 675px;
      /* Same as .content */
      color: #5e4f46;
      font-size: 90%; }
      .forumTable tr .signature img {
        max-width: 100%; }
      .forumTable tr .signature a {
        color: #715e53; }
        .forumTable tr .signature a:hover {
          color: #eee; }
    .forumTable tr .last_edited_by, .forumTable tr .last_bumped {
      color: #4d4b48;
      font-style: italic;
      margin-top: 6px; }
    .forumTable tr .last_bumped {
      font-size: 9px; }
    .forumTable tr.even {
      background-color: #0F0F0F; }
      .forumTable tr.even blockquote {
        background-color: #181818;
        border-color: #292929;
        box-shadow: 0 0 2px 1px #292929; }
        .forumTable tr.even blockquote.staff {
          border-color: #755500; }
        .forumTable tr.even blockquote.support {
          border-color: #433c24; }
      .forumTable tr.even .signature {
        color: #5e4f45; }
      .forumTable tr.even .last_edited_by, .forumTable tr.even .last_bumped {
        color: #4d4a47; }
    .forumTable tr blockquote {
      background-color: #232420;
      border-color: #343630;
      border-radius: 2px;
      box-shadow: 0 0 2px 1px #343630; }
      .forumTable tr blockquote.staff {
        border-color: #8f6700; }
      .forumTable tr blockquote.support {
        border-color: #544b2d; }

.forumIndexTable th, .forumIndexTable td {
  vertical-align: middle; }
  .forumIndexTable th.forum, .forumIndexTable td.forum {
    width: 552px; }
  .forumIndexTable th.stats, .forumIndexTable td.stats {
    width: 138px; }
  .forumIndexTable th.last_post, .forumIndexTable td.last_post {
    width: 230px;
    word-wrap: break-word; }

.forumIndexTable .expand-category {
  cursor: pointer; }

.viewForumTable {
  table-layout: fixed; }
  .viewForumTable td {
    vertical-align: middle; }
  .viewForumTable .flags {
    width: 10%;
    position: relative; }
    .viewForumTable .flags .flag {
      position: absolute;
      height: 100%;
      width: 33.33%;
      top: 0; }
      .viewForumTable .flags .flag a {
        display: inline-block;
        text-decoration: none;
        height: 100%;
        width: 100%; }
      .viewForumTable .flags .flag.sticky {
        left: 0;
        background: url('/image/forum/sticky.png?1525390445000') no-repeat center center; }
      .viewForumTable .flags .flag.type {
        left: 33.33%; }
        .viewForumTable .flags .flag.type.staff {
          background: url('/image/forum/staff.png?1525390445000') no-repeat center center; }
        .viewForumTable .flags .flag.type.garena-staff {
          background: url('/image/forum/garena-staff.png?1525390445000') no-repeat center center; }
        .viewForumTable .flags .flag.type.tencent-staff {
          background: url('/image/forum/tencent-staff.png?1525390445000') no-repeat center center; }
        .viewForumTable .flags .flag.type.support {
          background: url('/image/forum/support.png?1525390445000') no-repeat center center; }
        .viewForumTable .flags .flag.type.valued {
          background: url('/image/forum/valued.png?1525390445000') no-repeat center center; }
      .viewForumTable .flags .flag.state {
        left: 66.66%; }
        .viewForumTable .flags .flag.state.poll {
          background: url('/image/forum/poll.png') no-repeat center center; }
        .viewForumTable .flags .flag.state.locked {
          background: url('/image/forum/locked.png') no-repeat center center; }
  .viewForumTable .thread {
    width: 50%; }
  .viewForumTable .info {
    width: 15%; }
  .viewForumTable .last-post {
    width: 20%; }
  .viewForumTable .deleteShadowButton {
    display: block;
    padding: 0 3px;
    margin-top: 4px;
    text-align: center;
    font-size: 0.9em; }
  .viewForumTable .support-icon {
    margin: 5px 0 0 5px; }

.forumPostListTable {
  border-spacing: 1px; }
  .forumPostListTable tr {
    background: -owg-linear-gradient(#181818, #1a1b1b 10%, #1a1b1b 80%, #181818);
    background: -webkit-linear-gradient(#181818, #1a1b1b 10%, #1a1b1b 80%, #181818);
    background: -moz-linear-gradient(#181818, #1a1b1b 10%, #1a1b1b 80%, #181818);
    background: -o-linear-gradient(#181818, #1a1b1b 10%, #1a1b1b 80%, #181818);
    -pie-background: -pie-linear-gradient(#181818, #1a1b1b 10%, #1a1b1b 80%, #181818);
    background: linear-gradient(#181818, #1a1b1b 10%, #1a1b1b 80%, #181818); }
    .forumPostListTable tr.even {
      background: -owg-linear-gradient(#121212 0%, #0f0f0f 10%, #0f0f0f 80%, #121212);
      background: -webkit-linear-gradient(#121212 0%, #0f0f0f 10%, #0f0f0f 80%, #121212);
      background: -moz-linear-gradient(#121212 0%, #0f0f0f 10%, #0f0f0f 80%, #121212);
      background: -o-linear-gradient(#121212 0%, #0f0f0f 10%, #0f0f0f 80%, #121212);
      -pie-background: -pie-linear-gradient(#121212 0%, #0f0f0f 10%, #0f0f0f 80%, #121212);
      background: linear-gradient(#121212 0%, #0f0f0f 10%, #0f0f0f 80%, #121212); }
  .forumPostListTable td {
    vertical-align: top;
    border-top: 1px solid #1b1b1b; }
  .forumPostListTable .content-container {
    padding: 10px 7px;
    width: 650px; }
    .forumPostListTable .content-container .bug-report {
      background: rgba(10, 10, 10, 0.5);
      padding: 6px;
      border: 1px solid #333333;
      margin-bottom: 10px; }
      .forumPostListTable .content-container .bug-report span {
        display: inline-block;
        color: #b9b9b9; }
        .forumPostListTable .content-container .bug-report span.field {
          width: 20%; }
  .forumPostListTable .points {
    float: right;
    text-align: center;
    text-decoration: none;
    z-index: 20;
    margin: 6px;
    font-size: 14px; }
    .forumPostListTable .points.disabled {
      -webkit-filter: grayscale(100%);
      filter: grayscale(100%); }
    .forumPostListTable .points .points-image {
      background: transparent url('/image/forum/thumb.png?1525390445000') center center/contain no-repeat;
      vertical-align: text-bottom;
      display: inline-block;
      width: 18px;
      height: 18px; }
    .forumPostListTable .points.voted .points-image {
      background-image: url('/image/forum/thumb-ticked.png?1525390445000'); }
  .forumPostListTable .content {
    overflow: hidden;
    min-height: 205px;
    margin-bottom: 10px;
    width: 675px; }
    .forumPostListTable .content.content-compact {
      min-height: initial;
      margin-bottom: initial; }
    .forumPostListTable .content img {
      max-width: 100%; }
      .forumPostListTable .content img.achievement {
        max-width: none; }
  .forumPostListTable .signature {
    border-top: 1px solid #333;
    padding-top: 5px;
    word-wrap: break-word;
    word-break: normal; }
  .forumPostListTable .unavailableItems {
    border-top: 1px solid #333;
    padding: 5px;
    font-style: italic;
    color: #bf0d0d; }
  .forumPostListTable .post_info_content {
    margin-bottom: 20px;
    padding: 0 2px; }
    .forumPostListTable .post_info_content .report-post {
      text-align: center; }
      .forumPostListTable .post_info_content .report-post a {
        text-decoration: none;
        font-size: 10px; }
        .forumPostListTable .post_info_content .report-post a:hover {
          text-decoration: underline; }
    .forumPostListTable .post_info_content .bump-thread-result {
      text-align: center;
      font-size: 10px; }
  .forumPostListTable .post_anchor {
    position: relative;
    top: -30px; }
    .forumPostListTable .post_anchor:target + div + .posted-by .posted-by-link {
      color: #cec59f;
      font-weight: bold; }
  .forumPostListTable .posted-by {
    text-align: center;
    margin-bottom: 10px; }
  .forumPostListTable .avatar {
    padding: 10px;
    text-align: center; }
    .forumPostListTable .avatar img {
      max-width: 100%; }
  .forumPostListTable .avatar .thumb-frame {
    display: inline-block; }
  .forumPostListTable .buttons {
    text-align: center; }
    .forumPostListTable .buttons a {
      margin: 0 1px; }
  .forumPostListTable .newsPost .content {
    width: 922px;
    margin: -1px -1px 10px; }
  .forumPostListTable .post_info {
    max-width: 217px;
    word-wrap: break-word; }

.viewForumTable .views span, .forumIndexTable .stats span {
  float: right;
  font-weight: bold; }

.viewForumTable .views .post-stat span, .forumIndexTable .stats .post-stat span {
  font-weight: normal; }

.forumPointsLadder table tr > td:last-child {
  text-align: right; }

.forumControls .pagination, .forumSortContainer .pagination {
  float: left; }

.forumControls .mainButtons, .forumSortContainer .mainButtons {
  float: right;
  position: relative; }
  .forumControls .mainButtons #my-posts-button, .forumSortContainer .mainButtons #my-posts-button {
    margin: 4px 8px; }
  .forumControls .mainButtons .button1, .forumControls .mainButtons .button2, .forumControls .mainButtons .pagination a, .pagination .forumControls .mainButtons a, .forumControls .mainButtons .pagination .current, .pagination .forumControls .mainButtons .current, .forumControls .mainButtons .pagination .currentPage, .pagination .forumControls .mainButtons .currentPage, .forumControls .mainButtons .editor-control, .forumSortContainer .mainButtons .button1, .forumSortContainer .mainButtons .button2, .forumSortContainer .mainButtons .pagination a, .pagination .forumSortContainer .mainButtons a, .forumSortContainer .mainButtons .pagination .current, .pagination .forumSortContainer .mainButtons .current, .forumSortContainer .mainButtons .pagination .currentPage, .pagination .forumSortContainer .mainButtons .currentPage, .forumSortContainer .mainButtons .editor-control {
    display: inline-block;
    vertical-align: middle;
    height: 22px;
    line-height: 22px;
    margin-top: 0;
    margin-bottom: 0; }
    .zh_CN .forumControls .mainButtons .button1, .zh_CN .forumControls .mainButtons .button2, .zh_CN .forumControls .mainButtons .pagination a, .pagination .zh_CN .forumControls .mainButtons a, .zh_CN .forumControls .mainButtons .pagination .current, .pagination .zh_CN .forumControls .mainButtons .current, .zh_CN .forumControls .mainButtons .pagination .currentPage, .pagination .zh_CN .forumControls .mainButtons .currentPage, .zh_CN .forumControls .mainButtons .editor-control, .zh_CN .forumSortContainer .mainButtons .button1, .zh_CN .forumSortContainer .mainButtons .button2, .zh_CN .forumSortContainer .mainButtons .pagination a, .pagination .zh_CN .forumSortContainer .mainButtons a, .zh_CN .forumSortContainer .mainButtons .pagination .current, .pagination .zh_CN .forumSortContainer .mainButtons .current, .zh_CN .forumSortContainer .mainButtons .pagination .currentPage, .pagination .zh_CN .forumSortContainer .mainButtons .currentPage, .zh_CN .forumSortContainer .mainButtons .editor-control {
      padding: 3px 6px;
      min-width: 72px;
      text-align: center; }
    .forumControls .mainButtons .button1.important, .forumControls .mainButtons .important.button2, .forumControls .mainButtons .pagination a.important, .pagination .forumControls .mainButtons a.important, .forumControls .mainButtons .pagination .important.current, .pagination .forumControls .mainButtons .important.current, .forumControls .mainButtons .pagination .important.currentPage, .pagination .forumControls .mainButtons .important.currentPage, .forumControls .mainButtons .important.editor-control, .forumSortContainer .mainButtons .button1.important, .forumSortContainer .mainButtons .important.button2, .forumSortContainer .mainButtons .pagination a.important, .pagination .forumSortContainer .mainButtons a.important, .forumSortContainer .mainButtons .pagination .important.current, .pagination .forumSortContainer .mainButtons .important.current, .forumSortContainer .mainButtons .pagination .important.currentPage, .pagination .forumSortContainer .mainButtons .important.currentPage, .forumSortContainer .mainButtons .important.editor-control {
      margin-right: 3px; }
  .forumControls .mainButtons #search-button, .forumSortContainer .mainButtons #search-button {
    background: url('/image/icons/search.png?1525390445000') no-repeat top left;
    width: 16px;
    height: 15px;
    position: absolute;
    top: 8px;
    left: -25px;
    display: block; }
    .forumControls .mainButtons #search-button:hover, .forumSortContainer .mainButtons #search-button:hover {
      color: #E9E69F; }

.newsBbcodeInfo .item {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 9px;
  border: 1px solid #111;
  padding: 5px; }
  .newsBbcodeInfo .item .itemInfo {
    float: left; }
  .newsBbcodeInfo .item .code {
    color: #aaa;
    font-weight: bold; }
  .newsBbcodeInfo .item .attributes {
    float: left;
    margin-left: 30px; }
    .newsBbcodeInfo .item .attributes .title {
      color: #aaa; }
    .newsBbcodeInfo .item .attributes .attribute .name {
      font-weight: bold;
      margin-right: 10px; }
    .newsBbcodeInfo .item .attributes .attribute .values {
      font-style: italic; }
    .newsBbcodeInfo .item .attributes .attribute .description {
      margin-left: 10px; }

.forumDraftStatus {
  overflow: hidden;
  *zoom: 1;
  margin: 0px 5px 10px 5px; }
  .forumDraftStatus .loading-inline {
    vertical-align: middle;
    padding-left: 15px; }
  .forumDraftStatus .savingStatus {
    float: left;
    color: #887c6a; }
  .forumDraftStatus .lastSave {
    float: right;
    color: #505050; }
  .forumDraftStatus .revertible {
    font-weight: bold;
    color: #e99831; }

.poeForm #secondary_skills {
  min-height: 400px; }

.poeForm #secondary_classes {
  min-height: 300px; }

#forum-report-box {
  display: none;
  padding: 10px; }
  #forum-report-box h3, #forum-report-box select {
    margin-bottom: 10px; }

.post_date, .post-stat {
  font-size: 80%; }
  .post_date a, .post-stat a {
    text-decoration: none; }

.post_by_account {
  text-decoration: none;
  font-weight: bold;
  word-break: break-all; }

.post_anchor:target {
  color: #CEC59F;
  font-weight: bold; }

.clear_viewed, .setReadButton {
  border: 1px solid #2B2B2B;
  cursor: pointer;
  padding: 0px 2px;
  position: absolute;
  right: 0px;
  top: 0px;
  background: rgba(17, 17, 17, 0.47);
  color: #7C7C7C; }
  .clear_viewed:hover, .setReadButton:hover {
    border: 1px solid #3b3b3b;
    color: #8c8c8c; }

.contentStart {
  position: relative; }

.forumSortContainer {
  background: none repeat scroll 0 0 #1c1e1b;
  border: 1px solid #2d2929;
  color: #886f56;
  padding: 5px; }
  .forumSortContainer .elementWrapper {
    margin-left: auto;
    margin-right: auto; }
  .forumSortContainer .hidden {
    display: none; }
  .forumSortContainer .submit2 {
    margin: 0;
    border-radius: 3px; }
  .forumSortContainer #orderby-label {
    padding: 0px 4px; }
    .forumSortContainer #orderby-label label {
      font-weight: normal;
      color: #886f56; }
  .forumSortContainer > form div {
    display: inline; }

.forumBotControls .reply, .forumBotControls .newThread {
  float: right;
  padding-right: 8px; }

.poeBorder1, .ladderView .controls select, form.t1 textarea, form.t1 input[type="text"], form.t1 input[type="password"], form.t1 select, .formT1 textarea, .formT1 input[type="text"], .formT1 input[type="password"], .formT1 select, .poeForm textarea, .poeForm input.textInput, .poeForm input.passwordInput, .poeForm input.captcha, .poeForm select, .pagination .perPageOptions {
  border: 1px solid #1D1D1C;
  border-image: url('/image/border/border1.png?1525390444000') 3 3 3 3 repeat;
  border-width: 3px; }

.poeBorder3 {
  border: 1px solid #1D1D1C;
  border-image: url('/image/border/border3.png?1525390444000') 3 3 3 3 repeat;
  border-width: 3px; }

.poeBorder1Active, .ladderView .controls select:focus, form.t1 textarea:focus, form.t1 input[type="text"]:focus, form.t1 input[type="password"]:focus, form.t1 select:focus, .formT1 textarea:focus, .formT1 input[type="text"]:focus, .formT1 input[type="password"]:focus, .formT1 select:focus, .poeForm textarea:focus, .poeForm input.textInput:focus, .poeForm input.passwordInput:focus, .poeForm input.captcha:focus, .poeForm select:focus, .pagination .perPageOptions:focus, .poeBorder3Active {
  border: 1px solid #534e45;
  border-image: url('/image/border/border1-active.png?1525390444000') 3 3 3 3 repeat;
  border-width: 3px; }

.poeBorder1Error, form.t1 .row.error textarea, form.t1 .element li.row textarea, form.t1 .row.error input[type="text"], form.t1 .element li.row input[type="text"], form.t1 .row.error input[type="password"], form.t1 .element li.row input[type="password"], form.t1 .row.error select, form.t1 .element li.row select, .formT1 .row.error textarea, .formT1 .element li.row textarea, .formT1 .row.error input[type="text"], .formT1 .element li.row input[type="text"], .formT1 .row.error input[type="password"], .formT1 .element li.row input[type="password"], .formT1 .row.error select, .formT1 .element li.row select, .poeBorder3Error {
  border: 1px solid #7C0909;
  border-image: url('/image/border/border1-error.png?1525390444000') 3 3 3 3 repeat;
  border-width: 3px; }

.poeBorder2, .forumPostListTable .avatar.frame1 img, #monstersPage .act1 .icons img, #monstersPage .act2 .icons img, .profile .avatar.frame1 img, .avatars .avatar .avatar-img {
  border: 1px solid #23260B;
  box-shadow: 0px 0px 4px 0px rgba(153, 167, 67, 0.55); }

.spoilerVisible .spoilerContent {
  display: block; }

.spoilerHidden .spoilerContent {
  display: none; }

.spoiler {
  margin: 5px 5px 10px 10px;
  box-shadow: 0px 0px 4px #1A1A1A; }

.spoiler .spoilerTitle {
  border: 1px solid #0F0F0F;
  font-weight: bold;
  padding: 3px 6px;
  background-color: #252521;
  background: -owg-linear-gradient(#252521, #1F1F1F);
  background: -webkit-linear-gradient(#252521, #1F1F1F);
  background: -moz-linear-gradient(#252521, #1F1F1F);
  background: -o-linear-gradient(#252521, #1F1F1F);
  -pie-background: -pie-linear-gradient(#252521, #1F1F1F);
  background: linear-gradient(#252521, #1F1F1F);
  border-radius: 1px 1px 0px 0px; }

.spoiler .spoilerTitle span {
  margin-right: 10px; }

.spoiler .spoilerTitle input {
  text-align: center; }

.spoiler .spoilerTitle input:hover {
  text-align: center; }

.spoiler .spoilerContent {
  padding: 5px;
  border: 1px solid #0F0F0F;
  border-width: 0px 1px 1px 1px;
  background-color: #1E1F1C;
  border-radius: 0px 0px 2px 2px;
  background: -owg-linear-gradient(#1E1F1C, #1E1F1C 74%, #222);
  background: -webkit-linear-gradient(#1E1F1C, #1E1F1C 74%, #222);
  background: -moz-linear-gradient(#1E1F1C, #1E1F1C 74%, #222);
  background: -o-linear-gradient(#1E1F1C, #1E1F1C 74%, #222);
  -pie-background: -pie-linear-gradient(#1E1F1C, #1E1F1C 74%, #222);
  background: linear-gradient(#1E1F1C, #1E1F1C 74%, #222); }

.even .spoiler .spoilerContent {
  background-color: #161616;
  background: -owg-linear-gradient(#161616, #161616 74%, #1A1A1A);
  background: -webkit-linear-gradient(#161616, #161616 74%, #1A1A1A);
  background: -moz-linear-gradient(#161616, #161616 74%, #1A1A1A);
  background: -o-linear-gradient(#161616, #161616 74%, #1A1A1A);
  -pie-background: -pie-linear-gradient(#161616, #161616 74%, #1A1A1A);
  background: linear-gradient(#161616, #161616 74%, #1A1A1A); }

.even .spoiler .spoilerTitle {
  background-color: #1B1E1B;
  background: -owg-linear-gradient(#1B1E1B, #1A1A1A);
  background: -webkit-linear-gradient(#1B1E1B, #1A1A1A);
  background: -moz-linear-gradient(#1B1E1B, #1A1A1A);
  background: -o-linear-gradient(#1B1E1B, #1A1A1A);
  -pie-background: -pie-linear-gradient(#1B1E1B, #1A1A1A);
  background: linear-gradient(#1B1E1B, #1A1A1A); }

#twitch-streams-container {
  margin-top: 14px; }
  #twitch-streams-container:first-child {
    margin-top: 0px; }
  #twitch-streams-container .twitch-link {
    padding: 4px;
    float: right;
    height: 22px; }

.twitchTvWidget .stream {
  padding: 12px 0px 0px 0px;
  float: left;
  width: 285px; }
  .twitchTvWidget .stream img {
    width: 285px;
    height: 160.3125px;
    margin: 0px 0px; }
  .twitchTvWidget .stream .status {
    font-weight: bold;
    padding: 6px 0px;
    display: block;
    word-wrap: break-word; }
  .twitchTvWidget .stream a {
    text-decoration: none; }
  .twitchTvWidget .stream .name, .twitchTvWidget .stream .viewers {
    color: #7A6A2A; }
  .twitchTvWidget .stream .info {
    margin: 0px 0px; }
  .twitchTvWidget .stream .nameCont {
    float: left; }
  .twitchTvWidget .stream .viewersCont {
    float: right; }

body.wide-resize {
  background: #000; }
  body.wide-resize .section-banner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 120px;
    background: transparent url('/image/bestiary/banner.jpg?1525390444000') 50% 0 no-repeat;
    background-size: cover; }
    .en_US body.wide-resize .section-banner {
      background-image: url('/image/bestiary/banner.jpg?1525390444000'); }
    .zh_TW body.wide-resize .section-banner {
      background-image: url('/image/bestiary/zh_TW/banner.jpg'); }
    .zh_CN body.wide-resize .section-banner {
      background-image: url('/image/bestiary/zh_CN/banner.jpg'); }
    .th_TH body.wide-resize .section-banner {
      background-image: url('/image/bestiary/th_TH/banner.jpg?1525390443000'); }
    .ru_RU body.wide-resize .section-banner {
      background-image: url('/image/bestiary/ru_RU/banner.jpg?1525390443000'); }
    .pt_BR body.wide-resize .section-banner {
      background-image: url('/image/bestiary/pt_BR/banner.jpg?1525390443000'); }
    .de_DE body.wide-resize .section-banner {
      background-image: url('/image/bestiary/de_DE/banner.jpg?1525390441000'); }
    .es_ES body.wide-resize .section-banner {
      background-image: url('/image/bestiary/es_ES/banner.jpg?1525390441000'); }
    .fr_FR body.wide-resize .section-banner {
      background-image: url('/image/bestiary/fr_FR/banner.jpg?1525390442000'); }
    body.wide-resize .section-banner img {
      width: 100%;
      height: 100%; }
  body.wide-resize #poe-ascendancy-lightbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9000;
    display: none;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    body.wide-resize #poe-ascendancy-lightbox > img {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      max-width: 100%;
      max-height: 100%; }
  body.wide-resize .lightbox-content {
    display: none;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  body.wide-resize .language-select {
    position: absolute;
    top: 0;
    z-index: 19; }
  body.wide-resize > header, body.wide-resize > section, body.wide-resize > footer {
    background-image: url('/image/ascendancy/BackPanel.jpg?1525390417000'); }
    .atlas body.wide-resize > header, .atlas body.wide-resize > section, .atlas body.wide-resize > footer {
      background-image: url('/image/atlas/BackPanel.jpg?1525390426000'); }
    .bestiary body.wide-resize > header, .incursion body.wide-resize > header, .bestiary body.wide-resize > section, .incursion body.wide-resize > section, .bestiary body.wide-resize > footer, .incursion body.wide-resize > footer {
      background-image: url('/image/bestiary/BestiaryFrame.jpg?1525390444000'); }
      .bestiary body.wide-resize > header#bestiary-header, .incursion body.wide-resize > header#bestiary-header, .bestiary body.wide-resize > section#bestiary-header, .incursion body.wide-resize > section#bestiary-header, .bestiary body.wide-resize > footer#bestiary-header, .incursion body.wide-resize > footer#bestiary-header {
        height: 100%; }
      .bestiary body.wide-resize > header.wide-resize-right .content-interactive .screenshots, .incursion body.wide-resize > header.wide-resize-right .content-interactive .screenshots, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .screenshots, .incursion body.wide-resize > section.wide-resize-right .content-interactive .screenshots, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .screenshots, .incursion body.wide-resize > footer.wide-resize-right .content-interactive .screenshots {
        right: 0; }
      .bestiary body.wide-resize > header.wide-resize-right .content-interactive .gem-item-group, .incursion body.wide-resize > header.wide-resize-right .content-interactive .gem-item-group, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .gem-item-group, .incursion body.wide-resize > section.wide-resize-right .content-interactive .gem-item-group, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .gem-item-group, .incursion body.wide-resize > footer.wide-resize-right .content-interactive .gem-item-group {
        float: right; }
    .ru_RU body.wide-resize > header, .ru_RU body.wide-resize > section, .ru_RU body.wide-resize > footer {
      font-family: "FrizQuadrataC", "Verdana", "Arial", "Helvetica", "sans-serif"; }
    .war body.wide-resize > header, .war body.wide-resize > section, .war body.wide-resize > footer {
      margin-bottom: 0; }
      .war body.wide-resize > header.war-header, .war body.wide-resize > section.war-header, .war body.wide-resize > footer.war-header {
        height: auto;
        max-height: 1100px; }
    body.wide-resize > header .content-interactive .show-collapse, body.wide-resize > section .content-interactive .show-collapse, body.wide-resize > footer .content-interactive .show-collapse {
      display: none; }
    body.wide-resize > header .content-interactive .hide-collapse, body.wide-resize > section .content-interactive .hide-collapse, body.wide-resize > footer .content-interactive .hide-collapse {
      display: block; }
    .breach body.wide-resize > header ul li, .breach body.wide-resize > section ul li, .breach body.wide-resize > footer ul li {
      background: none; }
    .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase {
      box-shadow: none;
      top: 0;
      width: 180px;
      margin-top: 8px;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
      .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-position-x: 50%;
        background-position-y: 0;
        width: 180px;
        height: 80px;
        background-image: url('/image/breach/pack/buysmall.png?1525390444000'); }
        .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
          background-position-y: -80px; }
    .breach.pt_BR body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.pt_BR body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.pt_BR body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/breach/pack/pt_BR/buysmall.png?1525390444000'); }
    .breach.ru_RU body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.ru_RU body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.ru_RU body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/breach/pack/ru_RU/buysmall.png?1525390444000'); }
    .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase, .war body.wide-resize > header .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize > header .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize > header .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase, .war body.wide-resize > section .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize > section .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize > section .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase, .war body.wide-resize > footer .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize > footer .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize > footer .inner .content .content-interactive #supporter-purchase {
      box-shadow: none;
      top: 0;
      width: 180px;
      margin-top: 8px;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
      .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-position-x: 50%;
        background-position-y: 0;
        width: 180px;
        height: 80px;
        background-image: url('/image/breach/pack/buysmall.png?1525390444000'); }
        .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .bestiary body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .bestiary body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .bestiary body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
          background-position-y: -80px; }
    .bestiary.en_US body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/buysmall.png?1525390444000'); }
    .bestiary.zh_TW body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_TW/buysmall.png?1525390444000'); }
    .bestiary.zh_CN body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_CN/buysmall.png?1525390443000'); }
    .bestiary.th_TH body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/th_TH/buysmall.png?1525390443000'); }
    .bestiary.ru_RU body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ru_RU/buysmall.png?1525390443000'); }
    .bestiary.pt_BR body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/pt_BR/buysmall.png?1525390443000'); }
    .bestiary.de_DE body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/de_DE/buysmall.png?1525390441000'); }
    .bestiary.es_ES body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/es_ES/buysmall.png?1525390441000'); }
    .bestiary.fr_FR body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/fr_FR/buysmall.png?1525390442000'); }
    .breach body.wide-resize > header ul li, .breach body.wide-resize > section ul li, .breach body.wide-resize > footer ul li {
      background: none; }
    .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase {
      box-shadow: none;
      top: 0;
      width: 180px;
      margin-top: 8px;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
      .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-position-x: 50%;
        background-position-y: 0;
        width: 180px;
        height: 80px;
        background-image: url('/image/breach/pack/buysmall.png?1525390444000'); }
        .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
          background-position-y: -80px; }
    .breach.pt_BR body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.pt_BR body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.pt_BR body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/breach/pack/pt_BR/buysmall.png?1525390444000'); }
    .breach.ru_RU body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.ru_RU body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.ru_RU body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/breach/pack/ru_RU/buysmall.png?1525390444000'); }
    body.wide-resize > header .ascendancy-splash-video, body.wide-resize > section .ascendancy-splash-video, body.wide-resize > footer .ascendancy-splash-video {
      background: url('/image/ascendancy/videobg.jpg?1525390417000') no-repeat 50% 50%;
      background-size: 99% 99%; }
      .atlas body.wide-resize > header .ascendancy-splash-video, .atlas body.wide-resize > section .ascendancy-splash-video, .atlas body.wide-resize > footer .ascendancy-splash-video {
        background: url('/image/atlas/trailer-bg.jpg?1525390426000') no-repeat 50% 50%; }
      .breach body.wide-resize > header .ascendancy-splash-video, .breach body.wide-resize > section .ascendancy-splash-video, .breach body.wide-resize > footer .ascendancy-splash-video {
        background: url('/image/breach/poster.jpg?1525390445000') no-repeat 50% 50%;
        background-size: 99%; }
    body.wide-resize > header .watch-trailer, body.wide-resize > section .watch-trailer, body.wide-resize > footer .watch-trailer {
      position: absolute;
      bottom: 40px;
      width: 100%; }
      body.wide-resize > header .watch-trailer .watch-trailer-banner, body.wide-resize > section .watch-trailer .watch-trailer-banner, body.wide-resize > footer .watch-trailer .watch-trailer-banner {
        width: 352px;
        height: 72px;
        margin-left: auto;
        margin-right: auto;
        background-image: url('/image/ascendancy/watch_trailer.png?1525390417000');
        background-repeat: no-repeat;
        background-position: 0 0; }
        .pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/ascendancy/pt_BR/watch_trailer.png?1525390416000'); }
        .atlas body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/watch_trailer.png?1525390426000'); }
        .atlas.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/ru_RU/watch_trailer.png?1525390420000'); }
        .atlas.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/pt_BR/watch_trailer.png?1525390419000'); }
        .atlas.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/zh_TW/watch_trailer.png?1525390424000'); }
        .atlas.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/zh_CN/watch_trailer.png?1525390423000'); }
        .atlas.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/th_TH/watch_trailer.png'); }
        .breach body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/watch_trailer.png?1525390445000'); }
        .breach.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/ru_RU/watch_trailer.png?1525390444000'); }
        .breach.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/pt_BR/watch_trailer.png?1525390444000'); }
        .breach.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/zh_TW/watch_trailer.png?1525390444000'); }
        .breach.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/zh_CN/watch_trailer.png?1525390444000'); }
        .breach.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/th_TH/watch_trailer.png?1525390444000'); }
        .oriath body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/watch_trailer.png?1525390447000'); }
        .oriath.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/ru_RU/watch_trailer.png?1525390446000'); }
        .oriath.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/pt_BR/watch_trailer.png?1525390446000'); }
        .oriath.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/zh_TW/watch_trailer.png?1525390447000'); }
        .oriath.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/zh_CN/watch_trailer.png?1525390447000'); }
        .oriath.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/th_TH/watch_trailer.png?1525390447000'); }
        .bestiary body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/watch_trailer.png?1525390444000'); }
        .bestiary.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/ru_RU/watch_trailer.png?1525390443000'); }
        .bestiary.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/pt_BR/watch_trailer.png?1525390443000'); }
        .bestiary.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/zh_TW/watch_trailer.png?1525390444000'); }
        .bestiary.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/zh_CN/watch_trailer.png'); }
        .bestiary.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/th_TH/watch_trailer.png?1525390443000'); }
        body.wide-resize > header .watch-trailer .watch-trailer-banner:hover, body.wide-resize > section .watch-trailer .watch-trailer-banner:hover, body.wide-resize > footer .watch-trailer .watch-trailer-banner:hover {
          background-position: 0px -76px; }
        .oriath body.wide-resize > header .watch-trailer .watch-trailer-banner:hover, .oriath body.wide-resize > section .watch-trailer .watch-trailer-banner:hover, .oriath body.wide-resize > footer .watch-trailer .watch-trailer-banner:hover {
          background-position: 0px -75px; }
    body.wide-resize > header.class-intro .class-details, body.wide-resize > section.class-intro .class-details, body.wide-resize > footer.class-intro .class-details {
      width: 50%;
      min-width: 570px;
      margin-left: auto;
      margin-right: auto; }
      body.wide-resize > header.class-intro .class-details .svg-wrapper, body.wide-resize > section.class-intro .class-details .svg-wrapper, body.wide-resize > footer.class-intro .class-details .svg-wrapper {
        position: relative;
        height: 0;
        width: 100%;
        padding: 0;
        padding-bottom: 96.4%; }
        body.wide-resize > header.class-intro .class-details .svg-wrapper svg, body.wide-resize > section.class-intro .class-details .svg-wrapper svg, body.wide-resize > footer.class-intro .class-details .svg-wrapper svg {
          position: absolute;
          height: 100%;
          width: 100%;
          left: 0;
          top: 0; }
    body.wide-resize > header .mini-countdown-war, body.wide-resize > section .mini-countdown-war, body.wide-resize > footer .mini-countdown-war {
      background-repeat: no-repeat;
      background-position: 50% 0;
      background: transparent url('/image/war/smalltimer.png?1525390452000') no-repeat 50% 50%;
      height: 50px; }
      .war.en_US body.wide-resize > header .mini-countdown-war, .war.en_US body.wide-resize > section .mini-countdown-war, .war.en_US body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/smalltimer.png?1525390452000'); }
      .war.zh_TW body.wide-resize > header .mini-countdown-war, .war.zh_TW body.wide-resize > section .mini-countdown-war, .war.zh_TW body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/zh_TW/smalltimer.png?1525390452000'); }
      .war.zh_CN body.wide-resize > header .mini-countdown-war, .war.zh_CN body.wide-resize > section .mini-countdown-war, .war.zh_CN body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/zh_CN/smalltimer.png'); }
      .war.th_TH body.wide-resize > header .mini-countdown-war, .war.th_TH body.wide-resize > section .mini-countdown-war, .war.th_TH body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/th_TH/smalltimer.png?1525390452000'); }
      .war.ru_RU body.wide-resize > header .mini-countdown-war, .war.ru_RU body.wide-resize > section .mini-countdown-war, .war.ru_RU body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/ru_RU/smalltimer.png?1525390452000'); }
      .war.pt_BR body.wide-resize > header .mini-countdown-war, .war.pt_BR body.wide-resize > section .mini-countdown-war, .war.pt_BR body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/pt_BR/smalltimer.png?1525390452000'); }
      .war.de_DE body.wide-resize > header .mini-countdown-war, .war.de_DE body.wide-resize > section .mini-countdown-war, .war.de_DE body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/de_DE/smalltimer.png?1525390452000'); }
      .war.es_ES body.wide-resize > header .mini-countdown-war, .war.es_ES body.wide-resize > section .mini-countdown-war, .war.es_ES body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/es_ES/smalltimer.png?1525390452000'); }
      .war.fr_FR body.wide-resize > header .mini-countdown-war, .war.fr_FR body.wide-resize > section .mini-countdown-war, .war.fr_FR body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/fr_FR/smalltimer.png?1525390452000'); }
      .incursion.en_US body.wide-resize > header .mini-countdown-war, .incursion.en_US body.wide-resize > section .mini-countdown-war, .incursion.en_US body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/smalltimer.png?1525665801000'); }
      .incursion.zh_TW body.wide-resize > header .mini-countdown-war, .incursion.zh_TW body.wide-resize > section .mini-countdown-war, .incursion.zh_TW body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/zh_TW/smalltimer.png?1525665801000'); }
      .incursion.zh_CN body.wide-resize > header .mini-countdown-war, .incursion.zh_CN body.wide-resize > section .mini-countdown-war, .incursion.zh_CN body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/zh_CN/smalltimer.png'); }
      .incursion.th_TH body.wide-resize > header .mini-countdown-war, .incursion.th_TH body.wide-resize > section .mini-countdown-war, .incursion.th_TH body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/th_TH/smalltimer.png?1525665801000'); }
      .incursion.ru_RU body.wide-resize > header .mini-countdown-war, .incursion.ru_RU body.wide-resize > section .mini-countdown-war, .incursion.ru_RU body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/ru_RU/smalltimer.png?1525665801000'); }
      .incursion.pt_BR body.wide-resize > header .mini-countdown-war, .incursion.pt_BR body.wide-resize > section .mini-countdown-war, .incursion.pt_BR body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/pt_BR/smalltimer.png?1525665801000'); }
      .incursion.de_DE body.wide-resize > header .mini-countdown-war, .incursion.de_DE body.wide-resize > section .mini-countdown-war, .incursion.de_DE body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/de_DE/smalltimer.png?1525665801000'); }
      .incursion.es_ES body.wide-resize > header .mini-countdown-war, .incursion.es_ES body.wide-resize > section .mini-countdown-war, .incursion.es_ES body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/es_ES/smalltimer.png?1525665801000'); }
      .incursion.fr_FR body.wide-resize > header .mini-countdown-war, .incursion.fr_FR body.wide-resize > section .mini-countdown-war, .incursion.fr_FR body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/fr_FR/smalltimer.png?1525665801000'); }
      .war body.wide-resize > header .mini-countdown-war, .war body.wide-resize > section .mini-countdown-war, .war body.wide-resize > footer .mini-countdown-war {
        position: relative;
        margin-top: -50px;
        margin-bottom: 3px; }
      body.wide-resize > header .mini-countdown-war #mini-countdown, body.wide-resize > section .mini-countdown-war #mini-countdown, body.wide-resize > footer .mini-countdown-war #mini-countdown {
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 299px;
        position: relative; }
        body.wide-resize > header .mini-countdown-war #mini-countdown .countdown, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown {
          position: absolute;
          height: 30px;
          top: 8px;
          left: 0;
          line-height: 28px;
          color: #d6c9ae;
          font-size: 23px;
          text-align: center; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown div, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown div, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown div {
            position: absolute;
            width: 53px;
            height: 29px; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown .days, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown .days, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown .days {
            left: 3px; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown .hours, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown .hours, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown .hours {
            left: 83px; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown .minutes, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown .minutes, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown .minutes {
            left: 164px; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown .seconds, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown .seconds, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown .seconds {
            left: 246px; }
        body.wide-resize > header .mini-countdown-war #mini-countdown:hover span, body.wide-resize > section .mini-countdown-war #mini-countdown:hover span, body.wide-resize > footer .mini-countdown-war #mini-countdown:hover span {
          opacity: 1; }
    body.wide-resize > header .mini-countdown, body.wide-resize > section .mini-countdown, body.wide-resize > footer .mini-countdown {
      width: 100%;
      height: 50px;
      position: absolute;
      bottom: 110px;
      z-index: 2;
      background: transparent url('/image/atlas/timer_mini.png?1525390426000') no-repeat 50% 50%;
      background-repeat: no-repeat;
      background-position: 50% 0; }
      .breach body.wide-resize > header .mini-countdown, .breach body.wide-resize > section .mini-countdown, .breach body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/breach/timer_mini.png?1525390445000') no-repeat 50% 50%; }
      .pt_BR.breach body.wide-resize > header .mini-countdown, .pt_BR.breach body.wide-resize > section .mini-countdown, .pt_BR.breach body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/breach/pt_BR/timer_mini.png?1525390444000') no-repeat 50% 50%; }
      .ru_RU.breach body.wide-resize > header .mini-countdown, .ru_RU.breach body.wide-resize > section .mini-countdown, .ru_RU.breach body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/breach/ru_RU/timer_mini.png?1525390444000') no-repeat 50% 50%; }
      .zh_TW.breach body.wide-resize > header .mini-countdown, .zh_TW.breach body.wide-resize > section .mini-countdown, .zh_TW.breach body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/breach/zh_TW/timer_mini.png?1525390444000') no-repeat 50% 50%; }
      .th_TH.breach body.wide-resize > header .mini-countdown, .th_TH.breach body.wide-resize > section .mini-countdown, .th_TH.breach body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/breach/th_TH/timer_mini.png?1525390444000') no-repeat 50% 50%; }
      .pt_BR.atlas body.wide-resize > header .mini-countdown, .pt_BR.oriath body.wide-resize > header .mini-countdown, .pt_BR.atlas body.wide-resize > section .mini-countdown, .pt_BR.oriath body.wide-resize > section .mini-countdown, .pt_BR.atlas body.wide-resize > footer .mini-countdown, .pt_BR.oriath body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/atlas/pt_BR/timer_mini.png?1525390419000') no-repeat 50% 0; }
      .ru_RU.atlas body.wide-resize > header .mini-countdown, .ru_RU.oriath body.wide-resize > header .mini-countdown, .ru_RU.atlas body.wide-resize > section .mini-countdown, .ru_RU.oriath body.wide-resize > section .mini-countdown, .ru_RU.atlas body.wide-resize > footer .mini-countdown, .ru_RU.oriath body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/atlas/ru_RU/timer_mini.png?1525390420000') no-repeat 50% 0; }
      .zh_TW.atlas body.wide-resize > header .mini-countdown, .zh_TW.oriath body.wide-resize > header .mini-countdown, .zh_TW.atlas body.wide-resize > section .mini-countdown, .zh_TW.oriath body.wide-resize > section .mini-countdown, .zh_TW.atlas body.wide-resize > footer .mini-countdown, .zh_TW.oriath body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/atlas/zh_TW/timer_mini.png?1525390424000') no-repeat 50% 0; }
      .th_TH.atlas body.wide-resize > header .mini-countdown, .th_TH.oriath body.wide-resize > header .mini-countdown, .th_TH.atlas body.wide-resize > section .mini-countdown, .th_TH.oriath body.wide-resize > section .mini-countdown, .th_TH.atlas body.wide-resize > footer .mini-countdown, .th_TH.oriath body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/atlas/th_TH/timer_mini.png?1525390423000') no-repeat 50% 0; }
      .zh_CN.atlas body.wide-resize > header .mini-countdown, .zh_CN.oriath body.wide-resize > header .mini-countdown, .zh_CN.atlas body.wide-resize > section .mini-countdown, .zh_CN.oriath body.wide-resize > section .mini-countdown, .zh_CN.atlas body.wide-resize > footer .mini-countdown, .zh_CN.oriath body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/atlas/zh_CN/timer_mini.png?1525390423000') no-repeat 50% 0; }
      .war.en_US body.wide-resize > header .mini-countdown, .war.en_US body.wide-resize > section .mini-countdown, .war.en_US body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/smalltimer.png?1525390452000'); }
      .war.zh_TW body.wide-resize > header .mini-countdown, .war.zh_TW body.wide-resize > section .mini-countdown, .war.zh_TW body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/zh_TW/smalltimer.png?1525390452000'); }
      .war.zh_CN body.wide-resize > header .mini-countdown, .war.zh_CN body.wide-resize > section .mini-countdown, .war.zh_CN body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/zh_CN/smalltimer.png'); }
      .war.th_TH body.wide-resize > header .mini-countdown, .war.th_TH body.wide-resize > section .mini-countdown, .war.th_TH body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/th_TH/smalltimer.png?1525390452000'); }
      .war.ru_RU body.wide-resize > header .mini-countdown, .war.ru_RU body.wide-resize > section .mini-countdown, .war.ru_RU body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/ru_RU/smalltimer.png?1525390452000'); }
      .war.pt_BR body.wide-resize > header .mini-countdown, .war.pt_BR body.wide-resize > section .mini-countdown, .war.pt_BR body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/pt_BR/smalltimer.png?1525390452000'); }
      .war.de_DE body.wide-resize > header .mini-countdown, .war.de_DE body.wide-resize > section .mini-countdown, .war.de_DE body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/de_DE/smalltimer.png?1525390452000'); }
      .war.es_ES body.wide-resize > header .mini-countdown, .war.es_ES body.wide-resize > section .mini-countdown, .war.es_ES body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/es_ES/smalltimer.png?1525390452000'); }
      .war.fr_FR body.wide-resize > header .mini-countdown, .war.fr_FR body.wide-resize > section .mini-countdown, .war.fr_FR body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/fr_FR/smalltimer.png?1525390452000'); }
      .bestiary.en_US body.wide-resize > header .mini-countdown, .bestiary.en_US body.wide-resize > section .mini-countdown, .bestiary.en_US body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/smalltimer.png?1525390452000'); }
      .bestiary.zh_TW body.wide-resize > header .mini-countdown, .bestiary.zh_TW body.wide-resize > section .mini-countdown, .bestiary.zh_TW body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/zh_TW/smalltimer.png?1525390452000'); }
      .bestiary.zh_CN body.wide-resize > header .mini-countdown, .bestiary.zh_CN body.wide-resize > section .mini-countdown, .bestiary.zh_CN body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/zh_CN/smalltimer.png'); }
      .bestiary.th_TH body.wide-resize > header .mini-countdown, .bestiary.th_TH body.wide-resize > section .mini-countdown, .bestiary.th_TH body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/th_TH/smalltimer.png?1525390452000'); }
      .bestiary.ru_RU body.wide-resize > header .mini-countdown, .bestiary.ru_RU body.wide-resize > section .mini-countdown, .bestiary.ru_RU body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/ru_RU/smalltimer.png?1525390452000'); }
      .bestiary.pt_BR body.wide-resize > header .mini-countdown, .bestiary.pt_BR body.wide-resize > section .mini-countdown, .bestiary.pt_BR body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/pt_BR/smalltimer.png?1525390452000'); }
      .bestiary.de_DE body.wide-resize > header .mini-countdown, .bestiary.de_DE body.wide-resize > section .mini-countdown, .bestiary.de_DE body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/de_DE/smalltimer.png?1525390452000'); }
      .bestiary.es_ES body.wide-resize > header .mini-countdown, .bestiary.es_ES body.wide-resize > section .mini-countdown, .bestiary.es_ES body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/es_ES/smalltimer.png?1525390452000'); }
      .bestiary.fr_FR body.wide-resize > header .mini-countdown, .bestiary.fr_FR body.wide-resize > section .mini-countdown, .bestiary.fr_FR body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/fr_FR/smalltimer.png?1525390452000'); }
      .incursion.en_US body.wide-resize > header .mini-countdown, .incursion.en_US body.wide-resize > section .mini-countdown, .incursion.en_US body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/smalltimer.png?1525665801000'); }
      .incursion.zh_TW body.wide-resize > header .mini-countdown, .incursion.zh_TW body.wide-resize > section .mini-countdown, .incursion.zh_TW body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/zh_TW/smalltimer.png?1525665801000'); }
      .incursion.zh_CN body.wide-resize > header .mini-countdown, .incursion.zh_CN body.wide-resize > section .mini-countdown, .incursion.zh_CN body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/zh_CN/smalltimer.png'); }
      .incursion.th_TH body.wide-resize > header .mini-countdown, .incursion.th_TH body.wide-resize > section .mini-countdown, .incursion.th_TH body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/th_TH/smalltimer.png?1525665801000'); }
      .incursion.ru_RU body.wide-resize > header .mini-countdown, .incursion.ru_RU body.wide-resize > section .mini-countdown, .incursion.ru_RU body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/ru_RU/smalltimer.png?1525665801000'); }
      .incursion.pt_BR body.wide-resize > header .mini-countdown, .incursion.pt_BR body.wide-resize > section .mini-countdown, .incursion.pt_BR body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/pt_BR/smalltimer.png?1525665801000'); }
      .incursion.de_DE body.wide-resize > header .mini-countdown, .incursion.de_DE body.wide-resize > section .mini-countdown, .incursion.de_DE body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/de_DE/smalltimer.png?1525665801000'); }
      .incursion.es_ES body.wide-resize > header .mini-countdown, .incursion.es_ES body.wide-resize > section .mini-countdown, .incursion.es_ES body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/es_ES/smalltimer.png?1525665801000'); }
      .incursion.fr_FR body.wide-resize > header .mini-countdown, .incursion.fr_FR body.wide-resize > section .mini-countdown, .incursion.fr_FR body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/fr_FR/smalltimer.png?1525665801000'); }
      .war body.wide-resize > header .mini-countdown, .war body.wide-resize > section .mini-countdown, .war body.wide-resize > footer .mini-countdown {
        position: relative;
        margin-top: -50px; }
      .bestiary body.wide-resize > header .mini-countdown, .incursion body.wide-resize > header .mini-countdown, .bestiary body.wide-resize > section .mini-countdown, .incursion body.wide-resize > section .mini-countdown, .bestiary body.wide-resize > footer .mini-countdown, .incursion body.wide-resize > footer .mini-countdown {
        bottom: 0; }
      body.wide-resize > header .mini-countdown #mini-countdown, body.wide-resize > section .mini-countdown #mini-countdown, body.wide-resize > footer .mini-countdown #mini-countdown {
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 299px;
        position: relative; }
        .war body.wide-resize > header .mini-countdown #mini-countdown .mini-countdown-war, .war body.wide-resize > section .mini-countdown #mini-countdown .mini-countdown-war, .war body.wide-resize > footer .mini-countdown #mini-countdown .mini-countdown-war {
          top: auto !important;
          bottom: auto !important;
          position: relative !important; }
        body.wide-resize > header .mini-countdown #mini-countdown .countdown, body.wide-resize > section .mini-countdown #mini-countdown .countdown, body.wide-resize > footer .mini-countdown #mini-countdown .countdown {
          position: absolute;
          height: 30px;
          top: 8px;
          left: 0;
          line-height: 28px;
          color: #d6aebc;
          font-size: 23px;
          text-align: center; }
          body.wide-resize > header .mini-countdown #mini-countdown .countdown div, body.wide-resize > section .mini-countdown #mini-countdown .countdown div, body.wide-resize > footer .mini-countdown #mini-countdown .countdown div {
            position: absolute;
            width: 53px;
            height: 29px; }
          body.wide-resize > header .mini-countdown #mini-countdown .countdown .days, body.wide-resize > section .mini-countdown #mini-countdown .countdown .days, body.wide-resize > footer .mini-countdown #mini-countdown .countdown .days {
            left: 3px; }
          body.wide-resize > header .mini-countdown #mini-countdown .countdown .hours, body.wide-resize > section .mini-countdown #mini-countdown .countdown .hours, body.wide-resize > footer .mini-countdown #mini-countdown .countdown .hours {
            left: 83px; }
          body.wide-resize > header .mini-countdown #mini-countdown .countdown .minutes, body.wide-resize > section .mini-countdown #mini-countdown .countdown .minutes, body.wide-resize > footer .mini-countdown #mini-countdown .countdown .minutes {
            left: 164px; }
          body.wide-resize > header .mini-countdown #mini-countdown .countdown .seconds, body.wide-resize > section .mini-countdown #mini-countdown .countdown .seconds, body.wide-resize > footer .mini-countdown #mini-countdown .countdown .seconds {
            left: 246px; }
        body.wide-resize > header .mini-countdown #mini-countdown:hover span, body.wide-resize > section .mini-countdown #mini-countdown:hover span, body.wide-resize > footer .mini-countdown #mini-countdown:hover span {
          opacity: 1; }
  body.wide-resize .inner header {
    font-family: "FontinSmallCaps", "Verdana", "Arial", "Helvetica", "sans-serif";
    color: #7CB29C; }
    .atlas body.wide-resize .inner header {
      color: #FFE9C8; }
    .breach body.wide-resize .inner header {
      color: #ff2431; }
    .oriath body.wide-resize .inner header {
      color: #c29430; }
    .war body.wide-resize .inner header {
      color: #d2cab4; }
    .ru_RU body.wide-resize .inner header {
      font-family: "FrizQuadrataC", "Verdana", "Arial", "Helvetica", "sans-serif"; }
    body.wide-resize .inner header .header-icon {
      margin-top: 2px;
      margin-right: 10px;
      float: left;
      width: 30px;
      height: 30px;
      background-size: cover; }
      .atlas body.wide-resize .inner header .header-icon {
        background: transparent url('/image/atlas/icon_large.png?1525390426000') no-repeat;
        background-size: cover;
        margin-top: 6px; }
      .breach body.wide-resize .inner header .header-icon {
        background: transparent url('/image/breach/icon_large.png?1525390445000') no-repeat;
        background-size: cover;
        margin-top: 6px;
        width: 50px; }
      .oriath body.wide-resize .inner header .header-icon {
        background: transparent url('/image/oriath/icon_large.png?1525390447000') no-repeat;
        background-size: contain;
        margin-top: 5px;
        margin-right: 8px; }
      .war body.wide-resize .inner header .header-icon {
        background: transparent url('/image/war/icon_large.png?1525390452000') no-repeat;
        background-size: contain;
        margin-top: 5px;
        margin-right: 8px; }
  body.wide-resize .inner .content p.more-info {
    padding: 4px 13px; }
    body.wide-resize .inner .content p.more-info a {
      font-style: italic;
      font-size: 12px;
      color: #43a2e6; }
  body.wide-resize .inner .content .ascendancy-items {
    position: absolute;
    z-index: 3; }
    body.wide-resize .inner .content .ascendancy-items .war-item-group .item, body.wide-resize .inner .content .ascendancy-items .gem-item-group .item {
      margin: -2px -4px; }
    body.wide-resize .inner .content .ascendancy-items .item-group {
      min-width: 355px; }
      body.wide-resize .inner .content .ascendancy-items .item-group .item {
        margin-left: -8px; }
        body.wide-resize .inner .content .ascendancy-items .item-group .item.item-upgrade {
          background: transparent url('/image/breach/arrow.png?1525390445000') no-repeat 0 5px;
          background-size: contain;
          height: 60px;
          padding-top: 23px; }
    body.wide-resize .inner .content .ascendancy-items .item {
      float: left; }
  body.wide-resize .inner .content .screenshot-lbox {
    position: relative;
    clear: both; }
    body.wide-resize .inner .content .screenshot-lbox .screenshots {
      position: absolute;
      width: 342px; }
      .oriath body.wide-resize .inner .content .screenshot-lbox .screenshots {
        margin-left: 56px;
        margin-right: -56px;
        padding-top: 20px; }
      .bestiary body.wide-resize .inner .content .screenshot-lbox .screenshots, .incursion body.wide-resize .inner .content .screenshot-lbox .screenshots {
        margin: 0px 56px; }
      body.wide-resize .inner .content .screenshot-lbox .screenshots .lbox-ss {
        float: left;
        width: 110px;
        height: 70px;
        margin: 1px 2px; }
        body.wide-resize .inner .content .screenshot-lbox .screenshots .lbox-ss img {
          box-shadow: 1px 1px 5px 2px;
          color: #000; }
          .breach body.wide-resize .inner .content .screenshot-lbox .screenshots .lbox-ss img {
            border: 1px solid #331010; }
  body.wide-resize .inner .content .content-interactive .supporter-videos {
    width: 320px; }
    body.wide-resize .inner .content .content-interactive .supporter-videos .supporter-video {
      box-shadow: black 0px 0px 4px 4px;
      width: 76px;
      height: 60px;
      float: left;
      background-size: cover;
      margin: 1px; }
  body.wide-resize .inner .content .content-interactive #supporter-purchase {
    position: absolute;
    top: 70px; }
  body.wide-resize .trials {
    background-image: url('/image/ascendancy/index/Trials.jpg?1525390415000'); }
  body.wide-resize .labyrinth {
    background-image: url('/image/ascendancy/index/TheLab.jpg?1525390415000'); }
  body.wide-resize .izaro {
    background-image: url('/image/ascendancy/index/Izaro.jpg?1525390415000'); }
  body.wide-resize .classes {
    background-image: url('/image/ascendancy/index/Classes.jpg?1525390415000'); }
  body.wide-resize .enchantments {
    background-image: url('/image/ascendancy/index/Enchantments.jpg?1525390415000'); }
  body.wide-resize .skills {
    background-image: url('/image/ascendancy/index/NewSkills.jpg?1525390415000'); }
  body.wide-resize .items {
    background-image: url('/image/ascendancy/index/UniqueItems.jpg?1525390415000'); }
  body.wide-resize .talisman {
    background-image: url('/image/ascendancy/index/TalismanLeague.jpg?1525390415000'); }
  body.wide-resize .trials-intro {
    background-image: url('/image/ascendancy/trials/RollingPins.jpg?1525390416000'); }
  body.wide-resize .trials-spikes {
    background-image: url('/image/ascendancy/trials/Spikes.jpg?1525390416000'); }
  body.wide-resize .trials-sawblades {
    background-image: url('/image/ascendancy/trials/Sawblades.jpg?1525390416000'); }
  body.wide-resize .trials-blade-sentries {
    background-image: url('/image/ascendancy/trials/BladeSentries.jpg?1525390416000'); }
  body.wide-resize .trials-spinblades {
    background-image: url('/image/ascendancy/trials/SpinningBlades.jpg?1525390416000'); }
  body.wide-resize .trials-lava {
    background-image: url('/image/ascendancy/trials/RisingLava.jpg?1525390416000'); }
  body.wide-resize .trials-darts {
    background-image: url('/image/ascendancy/trials/Darts.jpg?1525390416000'); }
  body.wide-resize .labyrinth-intro {
    background-image: url('/image/ascendancy/labyrinth/TheLordsLabyrinth.jpg?1525390416000'); }
  body.wide-resize .labyrinth-traps {
    background-image: url('/image/ascendancy/labyrinth/LethalTrapCombinations.jpg?1525390416000'); }
  body.wide-resize .labyrinth-tilesets {
    background-image: url('/image/ascendancy/labyrinth/NewTileSets.jpg?1525390416000'); }
  body.wide-resize .labyrinth-changing {
    background-image: url('/image/ascendancy/labyrinth/Changes.jpg?1525390416000'); }
  body.wide-resize .izaro-intro {
    background-image: url('/image/ascendancy/izaro/EmperorIzaro.jpg?1525390416000'); }
  body.wide-resize .izaro-master {
    background-image: url('/image/ascendancy/izaro/MasterOfTheLabyrinth.jpg?1525390416000'); }
  body.wide-resize .izaro-decision {
    background-image: url('/image/ascendancy/izaro/EveryDecisionMatters.jpg?1525390416000'); }
  body.wide-resize .classes-intro {
    background-image: url('/image/ascendancy/classes/TopSection.jpg?1525390414000'); }
  body.wide-resize .classes-class {
    clear: both;
    background-image: none;
    max-height: 375px;
    height: auto; }
    body.wide-resize .classes-class header.class-header {
      background: transparent url('/image/ascendancy/classes/TitleBar.png?1525390414000') 0 0 no-repeat;
      background-size: 100% 100%;
      padding: 12px 50px 0 20px;
      color: #7CB29C;
      text-shadow: 1px 1px black;
      width: 170px;
      height: 50px;
      font-size: 2em;
      text-align: center; }
    body.wide-resize .classes-class .inner {
      width: 90%;
      padding-top: 10px; }
      body.wide-resize .classes-class .inner .content {
        margin-top: 4px; }
        body.wide-resize .classes-class .inner .content .banner-logo {
          position: absolute;
          bottom: 36%;
          right: 6%;
          text-align: right;
          color: #fafafa;
          font-size: 14px;
          height: 66px;
          width: 115px; }
          body.wide-resize .classes-class .inner .content .banner-logo p {
            display: inline-block;
            float: none;
            padding: 6px 8px;
            margin: -2px 0 -2px 4px;
            font-size: 12px; }
          body.wide-resize .classes-class .inner .content .banner-logo img {
            padding-top: 0;
            min-height: 46px;
            height: 50%; }
    body.wide-resize .classes-class .class {
      float: left;
      width: 40%;
      margin-left: -11%;
      position: relative; }
      body.wide-resize .classes-class .class.class-0 {
        margin-left: auto; }
      body.wide-resize .classes-class .class .ascendancy-class-name {
        font-family: "FontinSmallCaps", "Verdana", "Arial", "Helvetica", "sans-serif";
        position: absolute;
        bottom: 4%;
        right: 2%;
        height: 40px;
        width: 150px;
        font-size: 1.6em;
        color: #9aa6a1;
        background: transparent url('/image/ascendancy/classes/NamePlate.png?1525390414000') 0 0 no-repeat;
        background-size: 100% 100%;
        padding: 12px 15px 0;
        text-align: center; }
        .pt_BR body.wide-resize .classes-class .class .ascendancy-class-name {
          font-size: 17px;
          line-height: 24px; }
    body.wide-resize .classes-class .class-0 {
      z-index: 10; }
    body.wide-resize .classes-class .class-1 {
      z-index: 9;
      margin-top: 2%; }
    body.wide-resize .classes-class .class-2 {
      z-index: 8;
      margin-top: 4%; }
  body.wide-resize .enchantments-intro {
    background-image: url('/image/ascendancy/enchantments/Enchantments.jpg?1525390414000'); }
  body.wide-resize .enchantments-normal {
    background-image: url('/image/ascendancy/enchantments/Gloves.jpg?1525390414000'); }
  body.wide-resize .enchantments-cruel {
    background-image: url('/image/ascendancy/enchantments/Boots.jpg?1525390414000'); }
  body.wide-resize .enchantments-merciless {
    background-image: url('/image/ascendancy/enchantments/Helmets.jpg?1525390414000'); }
  .atlas body.wide-resize .theatlas {
    background-image: url('/image/atlas/theatlas.jpg?1525390426000'); }
    .atlas body.wide-resize .theatlas .lbox-ss {
      width: 220px; }
    .atlas body.wide-resize .theatlas .content-interactive {
      margin-top: 5px;
      left: 230px;
      width: 50px; }
  .atlas body.wide-resize .newbosses {
    background-image: url('/image/atlas/newbosses.jpg?1525390426000'); }
  .atlas body.wide-resize.zh_CN .newmaps {
    background-image: url('/image/atlas/newmapstencent.jpg?1525390426000'); }
  .atlas body.wide-resize.zh_CN .essenceleague {
    background-image: url('/image/atlas/essenceleaguetencent.jpg?1525390426000'); }
  .atlas body.wide-resize .newmaps {
    background-image: url('/image/atlas/newmaps.jpg?1525390426000'); }
    .atlas body.wide-resize .newmaps .screenshot-lbox {
      height: 60px; }
    .atlas body.wide-resize .newmaps .content-interactive {
      padding-left: 2%; }
  .atlas body.wide-resize .skillsitems {
    background-image: url('/image/atlas/skillsitems.jpg?1525390426000'); }
    .atlas body.wide-resize .skillsitems .ascendancy-items {
      width: 340px; }
      .atlas body.wide-resize .skillsitems .ascendancy-items .item {
        margin-left: -10px; }
  .atlas body.wide-resize .essenceleague {
    background-image: url('/image/atlas/essenceleague.jpg?1525390426000'); }
    .zh_CN .atlas body.wide-resize .essenceleague {
      background-image: url('/image/atlas/essenceleaguetencent.jpg?1525390426000'); }
    .atlas body.wide-resize .essenceleague .content-interactive {
      height: 50px;
      margin-top: -16px; }
      .atlas body.wide-resize .essenceleague .content-interactive .ascendancy-items {
        width: 330px; }
        .atlas body.wide-resize .essenceleague .content-interactive .ascendancy-items.bottom {
          width: 100px;
          top: 50px;
          left: 20px; }
  .atlas .atlas body.wide-resize .supporterpacks {
    background-image: url('/image/atlas/supporterpacks.jpg?1525390426000'); }
  .atlas body.wide-resize .supporterpacks .content-interactive .supporter-videos .supporter-video.minotaur {
    background-image: url('/image/atlas/packthumbs/minotaur.jpg?1525390418000'); }
  .atlas body.wide-resize .supporterpacks .content-interactive .supporter-videos .supporter-video.hydra {
    background-image: url('/image/atlas/packthumbs/hydra.jpg?1525390418000'); }
  .atlas body.wide-resize .supporterpacks .content-interactive .supporter-videos .supporter-video.chimera {
    background-image: url('/image/atlas/packthumbs/chimera.jpg?1525390418000'); }
  .atlas body.wide-resize .supporterpacks .content-interactive .supporter-videos .supporter-video.phoenix {
    background-image: url('/image/atlas/packthumbs/phoenix.jpg?1525390418000'); }
  .atlas body.wide-resize .improvements {
    background-image: url('/image/atlas/improvements.jpg?1525390426000'); }
  .breach body.wide-resize .breach-challenge-leagues {
    background-image: url('/image/breach/Panel1.jpg?1525390445000'); }
  .breach body.wide-resize .enter-the-breach {
    background-image: url('/image/breach/Panel2.jpg?1525390445000'); }
  .breach body.wide-resize .defeat-new-bosses {
    background-image: url('/image/breach/Panel3.jpg?1525390445000'); }
  .breach body.wide-resize .collect-breach-splinters {
    background-image: url('/image/breach/Panel4.jpg?1525390445000'); }
    .breach body.wide-resize .collect-breach-splinters .ascendancy-items {
      right: 0; }
  .breach body.wide-resize .new-items {
    background-image: url('/image/breach/Panel5.jpg?1525390445000'); }
  .breach body.wide-resize .improvements {
    background-image: url('/image/breach/Panel6.jpg?1525390445000'); }
  .breach body.wide-resize .more {
    background-image: url('/image/breach/Panel7.jpg?1525390445000'); }
    .breach body.wide-resize .more .content-interactive .ascendancy-items {
      min-width: 315px; }
  .breach body.wide-resize .supporterpacks {
    background-image: url('/image/breach/Panel8.jpg?1525390445000'); }
    .breach body.wide-resize .supporterpacks .supporter-videos {
      padding-left: 30px; }
      .breach body.wide-resize .supporterpacks .supporter-videos .supporter-video:hover {
        background-position-y: 60px; }
      .breach body.wide-resize .supporterpacks .supporter-videos .supporter-video.spawn {
        background-image: url('/image/breach/pack/spawn.png'); }
      .breach body.wide-resize .supporterpacks .supporter-videos .supporter-video.grand {
        background-image: url('/image/breach/pack/grand.png'); }
  .oriath body.wide-resize .the-fall-of-oriath {
    background-image: url('/image/oriath/Panel1.jpg?1525390447000'); }
  .oriath body.wide-resize .part-two {
    background-image: url('/image/oriath/Panel2.jpg?1525390447000'); }
  .oriath body.wide-resize .act-six {
    background-image: url('/image/oriath/Panel3.jpg?1525390447000'); }
  .oriath body.wide-resize .act-seven {
    background-image: url('/image/oriath/Panel4.jpg?1525390447000'); }
  .oriath body.wide-resize .act-eight {
    background-image: url('/image/oriath/Panel5.jpg?1525390447000'); }
  .oriath body.wide-resize .act-nine {
    background-image: url('/image/oriath/Panel6.jpg?1525390447000'); }
  .oriath body.wide-resize .act-ten {
    background-image: url('/image/oriath/Panel7.jpg?1525390447000'); }
  .oriath body.wide-resize .the-pantheon {
    background-image: url('/image/oriath/Panel8.jpg?1525390447000'); }
  .oriath body.wide-resize .misc {
    background-image: url('/image/oriath/Panel9.jpg?1525390447000'); }
  .oriath body.wide-resize .timeline {
    background-image: url('/image/oriath/Panel10.jpg?1525390447000'); }
  .war body.wide-resize .war {
    background-image: url('/image/war/AtlasPanel1.jpg?1525390452000'); }
    .war body.wide-resize .war .yt-popout {
      position: absolute;
      right: -10%;
      top: 20%; }
      .war body.wide-resize .war .yt-popout .yt-rescale {
        border: 1px solid #000;
        box-shadow: black 0px 0px 4px 4px; }
      .war body.wide-resize .war .yt-popout .description {
        position: absolute;
        font-size: 0.9em;
        font-weight: normal;
        font-style: italic;
        text-align: center;
        width: 100%;
        color: #b3aeae; }
    .war body.wide-resize .war .atlas-map .atlas-image {
      width: 60%;
      margin-left: auto;
      margin-right: auto; }
  .war body.wide-resize .guardians {
    background-image: url('/image/war/AtlasPanel2.jpg?1525390452000'); }
  .war body.wide-resize .newmaps {
    background-image: url('/image/war/AtlasPanel3.jpg?1525390452000'); }
  .war body.wide-resize .shaperelderitems {
    background-image: url('/image/war/AtlasPanel4.jpg?1525390452000'); }
  .war body.wide-resize .newgems {
    background-image: url('/image/war/AtlasPanel5.jpg?1525390452000'); }
  .war body.wide-resize .newuniques {
    background-image: url('/image/war/AtlasPanel6.jpg?1525390452000'); }
  .war body.wide-resize .supporterpacks {
    background-image: url('/image/war/AtlasPanel7.jpg?1525390452000'); }
  .war body.wide-resize .abyssleagueanddetails {
    background-image: url('/image/war/AtlasPanel8.jpg?1525390452000'); }
  .bestiary body.wide-resize section .inner > header {
    background: none; }
    .bestiary body.wide-resize section .inner > header img {
      width: 90%; }
  .bestiary body.wide-resize section.wide-resize-right {
    text-align: right; }
    .bestiary body.wide-resize section.wide-resize-right .ascendancy-items {
      width: 100%;
      right: 0; }
      .bestiary body.wide-resize section.wide-resize-right .ascendancy-items .gem-item-group {
        display: block; }
    .bestiary body.wide-resize section.wide-resize-right.panel6 .ascendancy-items {
      width: 390px; }
    .bestiary body.wide-resize section.wide-resize-right.panel10 .ascendancy-items {
      width: 300px; }
      .bestiary body.wide-resize section.wide-resize-right.panel10 .ascendancy-items .prophecies {
        margin-top: -55px;
        margin-right: 50px; }
  .bestiary body.wide-resize .panel1 {
    background-image: url('/image/bestiary/Panel1.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel2 {
    background-image: url('/image/bestiary/Panel2.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel3 {
    background-image: url('/image/bestiary/Panel3.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel4 {
    background-image: url('/image/bestiary/Panel4.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel5 {
    background-image: url('/image/bestiary/Panel5.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel6 {
    background-image: url('/image/bestiary/Panel6.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel7 {
    background-image: url('/image/bestiary/Panel7.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel8 {
    background-image: url('/image/bestiary/Panel8.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel9 {
    background-image: url('/image/bestiary/Panel9.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel10 {
    background-image: url('/image/bestiary/Panel10.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel11 {
    background-image: url('/image/bestiary/Panel11.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel12 {
    background-image: url('/image/bestiary/Panel12.jpg?1525390444000'); }
  .incursion body.wide-resize section .inner > header {
    background: none; }
    .incursion body.wide-resize section .inner > header img {
      width: 100%; }
  .incursion body.wide-resize section.wide-resize-right {
    text-align: right; }
    .incursion body.wide-resize section.wide-resize-right .ascendancy-items {
      width: 100%;
      right: 0; }
      .incursion body.wide-resize section.wide-resize-right .ascendancy-items .gem-item-group {
        display: block; }
    .incursion body.wide-resize section.wide-resize-right.panel6 .ascendancy-items {
      width: 345px;
      margin-left: -20px; }
    .incursion body.wide-resize section.wide-resize-right.panel10 .ascendancy-items {
      width: 300px; }
      .incursion body.wide-resize section.wide-resize-right.panel10 .ascendancy-items .prophecies {
        margin-top: -55px;
        margin-right: 50px; }
  .incursion body.wide-resize .panel1 {
    background-image: url('/image/incursion/Panel1.jpg?1525741614000'); }
  .incursion body.wide-resize .panel2 {
    background-image: url('/image/incursion/Panel2.jpg?1525406129000'); }
  .incursion body.wide-resize .panel3 {
    background-image: url('/image/incursion/Panel3.jpg?1525741614000'); }
  .incursion body.wide-resize .panel4 {
    background-image: url('/image/incursion/Panel4.jpg?1525665801000'); }
  .incursion body.wide-resize .panel5 {
    background-image: url('/image/incursion/Panel5.jpg?1525843851000'); }
  .incursion body.wide-resize .panel6 {
    background-image: url('/image/incursion/Panel6.jpg?1525758581000'); }
  .incursion body.wide-resize .panel7 {
    background-image: url('/image/incursion/Panel7.jpg?1525758581000'); }
  .incursion body.wide-resize .panel8 {
    background-image: url('/image/incursion/Panel8.jpg?1525758581000'); }
  .incursion body.wide-resize .panel9 {
    background-image: url('/image/incursion/Panel9.jpg?1525758581000'); }
  .incursion body.wide-resize .panel10 {
    background-image: url('/image/incursion/Panel10.jpg?1525916676000'); }
  .incursion body.wide-resize .panel11 {
    background-image: url('/image/incursion/Panel11.jpg?1525406129000'); }
  .incursion body.wide-resize .panel12 {
    background-image: url('/image/incursion/Panel12.jpg?1525406129000'); }
  .incursion.en_US body.wide-resize .panel5 {
    background-image: url('/image/incursion/Panel5.jpg?1525843851000'); }
  .incursion.zh_TW body.wide-resize .panel5 {
    background-image: url('/image/incursion/zh_TW/Panel5.jpg?1525406128000'); }
  .incursion.zh_CN body.wide-resize .panel5 {
    background-image: url('/image/incursion/zh_CN/Panel5.jpg'); }
  .incursion.th_TH body.wide-resize .panel5 {
    background-image: url('/image/incursion/th_TH/Panel5.jpg?1525926320000'); }
  .incursion.ru_RU body.wide-resize .panel5 {
    background-image: url('/image/incursion/ru_RU/Panel5.jpg?1525910092000'); }
  .incursion.pt_BR body.wide-resize .panel5 {
    background-image: url('/image/incursion/pt_BR/Panel5.jpg?1525910092000'); }
  .incursion.de_DE body.wide-resize .panel5 {
    background-image: url('/image/incursion/de_DE/Panel5.jpg?1525910092000'); }
  .incursion.es_ES body.wide-resize .panel5 {
    background-image: url('/image/incursion/es_ES/Panel5.jpg?1525910092000'); }
  .incursion.fr_FR body.wide-resize .panel5 {
    background-image: url('/image/incursion/fr_FR/Panel5.jpg?1525910092000'); }
  body.wide-resize section {
    margin-bottom: 10px; }
    body.wide-resize section .content {
      color: #9aa6a1; }
      .atlas body.wide-resize section .content {
        color: #a6a69a; }
      .breach body.wide-resize section .content {
        color: #ada8bb; }
      .oriath body.wide-resize section .content {
        color: #d6c9ae; }
      .bestiary body.wide-resize section .content {
        color: #a39685;
        text-shadow: 1px 1px 2px black; }
  body.wide-resize header .logo {
    height: 300px;
    width: 377px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: -300px;
    z-index: 3;
    min-width: 220px; }
    .oriath body.wide-resize header .logo {
      height: 231px;
      width: 300px;
      margin-bottom: -231px; }
    .war body.wide-resize header .logo {
      height: 317px;
      width: 398px;
      margin-bottom: 0; }
  .war body.wide-resize header, .bestiary body.wide-resize header, .incursion body.wide-resize header {
    background-image: url('/image/war/topbg.jpg?1525390452000'); }
    .war body.wide-resize header .war-video-container, .bestiary body.wide-resize header .war-video-container, .incursion body.wide-resize header .war-video-container {
      padding: 0px 20px;
      text-align: center; }
      .war body.wide-resize header .war-video-container .video, .bestiary body.wide-resize header .war-video-container .video, .incursion body.wide-resize header .war-video-container .video {
        display: inline; }
        .war body.wide-resize header .war-video-container .video #war-trailer, .bestiary body.wide-resize header .war-video-container .video #war-trailer, .incursion body.wide-resize header .war-video-container .video #war-trailer {
          margin-bottom: 10px;
          color: #000; }
    .war body.wide-resize header .logo, .bestiary body.wide-resize header .logo, .incursion body.wide-resize header .logo {
      background: transparent none;
      margin-top: -1%;
      margin-bottom: -1%; }
  .bestiary body.wide-resize header .war-video-container, .incursion body.wide-resize header .war-video-container {
    padding-bottom: 4%; }
  .bestiary body.wide-resize header .logo, .incursion body.wide-resize header .logo {
    margin-top: 0;
    margin-bottom: -5%; }
  .bestiary body.wide-resize header {
    background-image: url('/image/bestiary/topbg.jpg?1525390444000'); }
  .incursion body.wide-resize header {
    background-image: url('/image/incursion/topbg.jpg?1525406129000'); }
  @media (min-width: 1800px) {
    body.wide-resize .section-banner-first {
      margin-top: 69px; } }
  @media (min-width: 1600px) {
    body.wide-resize .section-banner {
      height: 200px; }
    .atlas body.wide-resize > header .mini-countdown, .atlas body.wide-resize > footer .mini-countdown, .atlas body.wide-resize > section .mini-countdown {
      bottom: 170px; }
    .atlas body.wide-resize > header .supporter-videos, .atlas body.wide-resize > footer .supporter-videos, .atlas body.wide-resize > section .supporter-videos {
      padding-left: 30px; }
    body.wide-resize > header .watch-trailer, body.wide-resize > footer .watch-trailer, body.wide-resize > section .watch-trailer {
      position: absolute;
      bottom: -22px;
      width: 100%; }
      .oriath body.wide-resize > header .watch-trailer, .oriath body.wide-resize > footer .watch-trailer, .oriath body.wide-resize > section .watch-trailer {
        bottom: -10px; }
      body.wide-resize > header .watch-trailer .watch-trailer-banner, body.wide-resize > footer .watch-trailer .watch-trailer-banner, body.wide-resize > section .watch-trailer .watch-trailer-banner {
        background-image: url('/image/atlas/watch_trailer_large.png?1525390426000');
        width: 704px;
        height: 150px; }
        .atlas body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/watch_trailer_large.png?1525390426000'); }
        .atlas body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/watch_trailer_large.png?1525390426000'); }
        .atlas.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/ru_RU/watch_trailer_large.png?1525390420000'); }
        .atlas.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/pt_BR/watch_trailer_large.png?1525390419000'); }
        .atlas.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/zh_TW/watch_trailer_large.png?1525390424000'); }
        .atlas.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/zh_CN/watch_trailer_large.png?1525390423000'); }
        .atlas.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/th_TH/watch_trailer_large.png'); }
        .breach body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/watch_trailer_large.png?1525390445000'); }
        .breach.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/ru_RU/watch_trailer_large.png?1525390444000'); }
        .breach.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/pt_BR/watch_trailer_large.png?1525390444000'); }
        .breach.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/zh_TW/watch_trailer_large.png?1525390444000'); }
        .breach.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/zh_CN/watch_trailer_large.png?1525390444000'); }
        .breach.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/th_TH/watch_trailer_large.png?1525390444000'); }
        .oriath body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/watch_trailer_large.png?1525390447000'); }
        .oriath.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/ru_RU/watch_trailer_large.png?1525390446000'); }
        .oriath.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/pt_BR/watch_trailer_large.png?1525390446000'); }
        .oriath.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/zh_TW/watch_trailer_large.png?1525390447000'); }
        .oriath.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/zh_CN/watch_trailer_large.png?1525390447000'); }
        .oriath.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/th_TH/watch_trailer_large.png?1525390447000'); }
        body.wide-resize > header .watch-trailer .watch-trailer-banner:hover, body.wide-resize > footer .watch-trailer .watch-trailer-banner:hover, body.wide-resize > section .watch-trailer .watch-trailer-banner:hover {
          background-position: 0px -158px; }
        .oriath body.wide-resize > header .watch-trailer .watch-trailer-banner:hover, .oriath body.wide-resize > footer .watch-trailer .watch-trailer-banner:hover, .oriath body.wide-resize > section .watch-trailer .watch-trailer-banner:hover {
          background-position: 0px -150px; }
    body.wide-resize .inner header .header-icon {
      margin-top: 4px; } }
  @media (max-width: 1600px) {
    body.wide-resize .section-banner {
      height: 190px; } }
  @media (max-width: 1900px) {
    .war body.wide-resize.war-header {
      height: auto;
      max-height: 1100px; } }
  @media (min-width: 1900px) {
    body.wide-resize .section-banner {
      background-size: contain; }
      body.wide-resize .section-banner.top {
        margin-top: 69px;
        max-width: 1900px; } }
  @media (max-width: 1400px) {
    body.wide-resize .section-banner {
      height: 150px; }
    .atlas body.wide-resize header .inner header .header-icon, .breach body.wide-resize header .inner header .header-icon, .atlas body.wide-resize footer .inner header .header-icon, .breach body.wide-resize footer .inner header .header-icon, .atlas body.wide-resize section .inner header .header-icon, .breach body.wide-resize section .inner header .header-icon {
      margin-top: 0; }
    .oriath body.wide-resize header .inner header .header-icon, .oriath body.wide-resize footer .inner header .header-icon, .oriath body.wide-resize section .inner header .header-icon {
      margin-top: 1px; }
    .breach body.wide-resize header .inner .content .content-interactive #supporter-purchase, .war body.wide-resize header .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .war body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize section .inner .content .content-interactive #supporter-purchase, .war body.wide-resize section .inner .content .content-interactive #supporter-purchase {
      margin-top: -20px; }
    .bestiary body.wide-resize header .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize section .inner .content .content-interactive #supporter-purchase {
      margin-top: 0px; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      margin-top: -20px; } }
  @media (max-width: 1200px) {
    body.wide-resize .section-banner {
      height: 130px; }
    .oriath body.wide-resize header .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize footer .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize section .inner .content .screenshot-lbox .screenshots {
      margin: 0; }
    .oriath body.wide-resize header.wide-resize-right .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize footer.wide-resize-right .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize section.wide-resize-right .inner .content .screenshot-lbox .screenshots {
      margin-left: -12px; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      margin-top: 0px;
      margin-left: -50px;
      width: 460px; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .ascendancy-items {
        margin-left: -16%;
        right: 0; }
    .war body.wide-resize header.war .yt-popout, .war body.wide-resize footer.war .yt-popout, .war body.wide-resize section.war .yt-popout {
      right: 0;
      top: 12%; } }
  @media (min-width: 1400px) {
    body.wide-resize header.supporterpacks .inner .content .content-interactive #supporter-purchase, body.wide-resize footer.supporterpacks .inner .content .content-interactive #supporter-purchase, body.wide-resize section.supporterpacks .inner .content .content-interactive #supporter-purchase {
      box-shadow: none; }
      body.wide-resize header.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton, body.wide-resize footer.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton, body.wide-resize section.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        width: 420px;
        height: 200px;
        background: url('/image/atlas/buylarge.png?1525390426000') no-repeat scroll 50% 50% transparent; }
        body.wide-resize header.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, body.wide-resize footer.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, body.wide-resize section.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
          background-image: url('/image/atlas/buylarge_hover.png?1525390426000') no-repeat;
          background-position: 50% 50%; }
    .atlas body.wide-resize header #supporter-purchase, .atlas body.wide-resize footer #supporter-purchase, .atlas body.wide-resize section #supporter-purchase {
      box-shadow: none; }
      .atlas body.wide-resize header #supporter-purchase .shopBuyButton, .atlas body.wide-resize footer #supporter-purchase .shopBuyButton, .atlas body.wide-resize section #supporter-purchase .shopBuyButton {
        background-position: 50% 50%;
        width: 420px;
        height: 200px; }
        .atlas .atlas body.wide-resize header #supporter-purchase .shopBuyButton, .atlas .atlas body.wide-resize footer #supporter-purchase .shopBuyButton, .atlas .atlas body.wide-resize section #supporter-purchase .shopBuyButton {
          background: url('/image/atlas/buylarge.png?1525390426000') no-repeat scroll 50% 50% transparent; }
          .atlas .atlas body.wide-resize header #supporter-purchase .shopBuyButton:hover, .atlas .atlas body.wide-resize footer #supporter-purchase .shopBuyButton:hover, .atlas .atlas body.wide-resize section #supporter-purchase .shopBuyButton:hover {
            background-image: url('/image/atlas/buylarge_hover.png?1525390426000'); }
        .atlas.pt_BR .atlas body.wide-resize header #supporter-purchase .shopBuyButton, .atlas.pt_BR .atlas body.wide-resize footer #supporter-purchase .shopBuyButton, .atlas.pt_BR .atlas body.wide-resize section #supporter-purchase .shopBuyButton {
          background-image: url('/image/atlas/pt_BR/buylarge.png?1525390419000'); }
          .atlas.pt_BR .atlas body.wide-resize header #supporter-purchase .shopBuyButton:hover, .atlas.pt_BR .atlas body.wide-resize footer #supporter-purchase .shopBuyButton:hover, .atlas.pt_BR .atlas body.wide-resize section #supporter-purchase .shopBuyButton:hover {
            background-image: url('/image/atlas/pt_BR/buylarge_hover.png?1525390419000'); } }
  @media (min-width: 960px) {
    .breach body.wide-resize header.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize header.more .content-interactive .ascendancy-items.bottom, .breach body.wide-resize footer.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize footer.more .content-interactive .ascendancy-items.bottom, .breach body.wide-resize section.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize section.more .content-interactive .ascendancy-items.bottom {
      position: absolute;
      top: 141px;
      left: 153px; }
    body.wide-resize header .inner .content .content-interactive #supporter-purchase, body.wide-resize footer .inner .content .content-interactive #supporter-purchase, body.wide-resize section .inner .content .content-interactive #supporter-purchase {
      position: relative; }
      .bestiary body.wide-resize header .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize header .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize section .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize section .inner .content .content-interactive #supporter-purchase {
        margin-left: auto;
        margin-right: auto;
        width: 412px; }
        .bestiary body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
          width: 412px;
          height: 187px;
          background-position: 50% 0;
          background-image: url('/image/breach/pack/buylarge.png?1525390444000'); }
          .bestiary body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .bestiary body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .bestiary body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
            background-position-y: -187px; }
    .bestiary.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/buylarge.png?1525390444000'); }
    .bestiary.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_TW/buylarge.png?1525390444000'); }
    .bestiary.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_CN/buylarge.png?1525390443000'); }
    .bestiary.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/th_TH/buylarge.png?1525390443000'); }
    .bestiary.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ru_RU/buylarge.png?1525390443000'); }
    .bestiary.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/pt_BR/buylarge.png?1525390443000'); }
    .bestiary.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/de_DE/buylarge.png?1525390441000'); }
    .bestiary.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/es_ES/buylarge.png?1525390441000'); }
    .bestiary.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/fr_FR/buylarge.png?1525390442000'); }
    .incursion.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/buylarge.png?1525390444000'); }
    .incursion.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_TW/buylarge.png?1525390444000'); }
    .incursion.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_CN/buylarge.png?1525390443000'); }
    .incursion.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/th_TH/buylarge.png?1525390443000'); }
    .incursion.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ru_RU/buylarge.png?1525390443000'); }
    .incursion.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/pt_BR/buylarge.png?1525390443000'); }
    .incursion.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/de_DE/buylarge.png?1525390441000'); }
    .incursion.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/es_ES/buylarge.png?1525390441000'); }
    .incursion.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/fr_FR/buylarge.png?1525390442000'); } }
  @media (max-width: 960px) {
    body.wide-resize .section-banner {
      height: 90px; }
    .breach body.wide-resize header.new-items .content-interactive, .breach body.wide-resize header.more .content-interactive, .breach body.wide-resize footer.new-items .content-interactive, .breach body.wide-resize footer.more .content-interactive, .breach body.wide-resize section.new-items .content-interactive, .breach body.wide-resize section.more .content-interactive {
      margin-top: -12px; }
      .breach body.wide-resize header.new-items .content-interactive .ascendancy-items .item-group, .breach body.wide-resize header.more .content-interactive .ascendancy-items .item-group, .breach body.wide-resize footer.new-items .content-interactive .ascendancy-items .item-group, .breach body.wide-resize footer.more .content-interactive .ascendancy-items .item-group, .breach body.wide-resize section.new-items .content-interactive .ascendancy-items .item-group, .breach body.wide-resize section.more .content-interactive .ascendancy-items .item-group {
        max-width: 342px; }
        .breach body.wide-resize header.new-items .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize header.more .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize footer.new-items .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize footer.more .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize section.new-items .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize section.more .content-interactive .ascendancy-items .item-group .item {
          margin-left: -12px; }
      .breach body.wide-resize header.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize header.more .content-interactive .ascendancy-items.bottom, .breach body.wide-resize footer.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize footer.more .content-interactive .ascendancy-items.bottom, .breach body.wide-resize section.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize section.more .content-interactive .ascendancy-items.bottom {
        position: absolute;
        top: 97px;
        left: 97px; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      margin-top: 0px;
      margin-left: -50%;
      width: 460px; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .ascendancy-items {
        margin-left: -25%;
        right: 0; }
    .war body.wide-resize header.newuniques .content-interactive.war-unique-items, .war body.wide-resize footer.newuniques .content-interactive.war-unique-items, .war body.wide-resize section.newuniques .content-interactive.war-unique-items {
      width: 330px; }
    .war body.wide-resize header.war .atlas-image, .war body.wide-resize footer.war .atlas-image, .war body.wide-resize section.war .atlas-image {
      width: 33%;
      margin-left: 0; }
    .war body.wide-resize header.newgems .content-interactive, .war body.wide-resize footer.newgems .content-interactive, .war body.wide-resize section.newgems .content-interactive {
      margin-top: 0; }
    .bestiary.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/buysmall.png?1525390444000'); }
    .bestiary.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_TW/buysmall.png?1525390444000'); }
    .bestiary.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_CN/buysmall.png?1525390443000'); }
    .bestiary.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/th_TH/buysmall.png?1525390443000'); }
    .bestiary.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ru_RU/buysmall.png?1525390443000'); }
    .bestiary.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/pt_BR/buysmall.png?1525390443000'); }
    .bestiary.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/de_DE/buysmall.png?1525390441000'); }
    .bestiary.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/es_ES/buysmall.png?1525390441000'); }
    .bestiary.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/fr_FR/buysmall.png?1525390442000'); }
    .incursion.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/buysmall.png?1525390444000'); }
    .incursion.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_TW/buysmall.png?1525390444000'); }
    .incursion.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_CN/buysmall.png?1525390443000'); }
    .incursion.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/th_TH/buysmall.png?1525390443000'); }
    .incursion.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ru_RU/buysmall.png?1525390443000'); }
    .incursion.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/pt_BR/buysmall.png?1525390443000'); }
    .incursion.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/de_DE/buysmall.png?1525390441000'); }
    .incursion.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/es_ES/buysmall.png?1525390441000'); }
    .incursion.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/fr_FR/buysmall.png?1525390442000'); } }
  @media (max-width: 590px) {
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize header.newuniques .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.newuniques .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.newuniques .inner .content .content-interactive {
      margin-top: 0; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .item, .war body.wide-resize header.newuniques .inner .content .content-interactive .item, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .item, .war body.wide-resize footer.newuniques .inner .content .content-interactive .item, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .item, .war body.wide-resize section.newuniques .inner .content .content-interactive .item {
        margin: -5px; }
    .war body.wide-resize header.newmaps .inner .content .content-interactive .screenshot-lbox, .war body.wide-resize footer.newmaps .inner .content .content-interactive .screenshot-lbox, .war body.wide-resize section.newmaps .inner .content .content-interactive .screenshot-lbox {
      margin-top: -30px; }
      .war body.wide-resize header.newmaps .inner .content .content-interactive .screenshot-lbox .screenshots .lbox-ss, .war body.wide-resize footer.newmaps .inner .content .content-interactive .screenshot-lbox .screenshots .lbox-ss, .war body.wide-resize section.newmaps .inner .content .content-interactive .screenshot-lbox .screenshots .lbox-ss {
        height: 64px; }
    .war body.wide-resize header.war .yt-popout, .war body.wide-resize footer.war .yt-popout, .war body.wide-resize section.war .yt-popout {
      right: auto;
      top: auto;
      bottom: 0;
      left: 27%; }
    .war body.wide-resize header.war .atlas-map .atlas-image, .war body.wide-resize footer.war .atlas-map .atlas-image, .war body.wide-resize section.war .atlas-map .atlas-image {
      width: 33%;
      margin-left: 0; }
    .de_DE.war body.wide-resize header.war .yt-popout, .fr_FR.war body.wide-resize header.war .yt-popout, .es_ES.war body.wide-resize header.war .yt-popout, .de_DE.war body.wide-resize footer.war .yt-popout, .fr_FR.war body.wide-resize footer.war .yt-popout, .es_ES.war body.wide-resize footer.war .yt-popout, .de_DE.war body.wide-resize section.war .yt-popout, .fr_FR.war body.wide-resize section.war .yt-popout, .es_ES.war body.wide-resize section.war .yt-popout {
      bottom: -10%; }
    .bestiary body.wide-resize > header .content-interactive, .bestiary body.wide-resize > footer .content-interactive, .bestiary body.wide-resize > section .content-interactive {
      margin-top: 0; }
    .bestiary body.wide-resize > header.wide-resize-right, .bestiary body.wide-resize > footer.wide-resize-right, .bestiary body.wide-resize > section.wide-resize-right {
      text-align: right; }
      .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items {
        width: 300px;
        float: left;
        left: 0;
        margin-top: -15px;
        margin-left: -20px; }
        .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group {
          display: block;
          float: left; }
          .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.gem-item-group-tall, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.gem-item-group-tall, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.gem-item-group-tall {
            width: 105px; }
          .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item {
            margin: -6px; }
          .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large {
            position: absolute;
            left: 0;
            top: 0;
            margin-left: -80px;
            margin-top: -80px; }
          .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies {
            margin-left: -50px; }
            .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item {
              margin: -3px; }
      .bestiary body.wide-resize > header.wide-resize-right.panel10 .ascendancy-items .prophecies, .bestiary body.wide-resize > footer.wide-resize-right.panel10 .ascendancy-items .prophecies, .bestiary body.wide-resize > section.wide-resize-right.panel10 .ascendancy-items .prophecies {
        margin-left: -20px; }
    .incursion body.wide-resize > header .inner header, .incursion body.wide-resize > footer .inner header, .incursion body.wide-resize > section .inner header {
      margin-top: 2%; }
    .incursion body.wide-resize > header.panel6 .ascendancy-items, .incursion body.wide-resize > footer.panel6 .ascendancy-items, .incursion body.wide-resize > section.panel6 .ascendancy-items {
      margin-top: -25px; }
      .incursion body.wide-resize > header.panel6 .ascendancy-items .gem-item-group, .incursion body.wide-resize > footer.panel6 .ascendancy-items .gem-item-group, .incursion body.wide-resize > section.panel6 .ascendancy-items .gem-item-group {
        float: left; }
        .incursion body.wide-resize > header.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize > footer.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize > section.panel6 .ascendancy-items .gem-item-group .rapier {
          position: absolute;
          bottom: 0;
          left: -30%; } }
  @media (min-width: 800px) {
    body.wide-resize header .inner .content .content-interactive #supporter-purchase, body.wide-resize footer .inner .content .content-interactive #supporter-purchase, body.wide-resize section .inner .content .content-interactive #supporter-purchase {
      position: relative; }
      .breach body.wide-resize header .inner .content .content-interactive #supporter-purchase, .war body.wide-resize header .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize header .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .war body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize section .inner .content .content-interactive #supporter-purchase, .war body.wide-resize section .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize section .inner .content .content-interactive #supporter-purchase {
        margin-left: auto;
        margin-right: auto;
        width: 412px; }
        .breach body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
          width: 412px;
          height: 187px;
          background-position: 50% 0;
          background-image: url('/image/breach/pack/buylarge.png?1525390444000'); }
          .breach body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
            background-position-y: -187px; }
      .breach.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/breach/pack/pt_BR/buylarge.png?1525390444000'); }
      .breach.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/breach/pack/ru_RU/buylarge.png?1525390444000'); }
    body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/war/buylarge.png?1525390452000'); }
      .war.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/buylarge.png?1525390452000'); }
      .war.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/zh_TW/buylarge.png?1525390452000'); }
      .war.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/zh_CN/buylarge.png?1525390452000'); }
      .war.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/th_TH/buylarge.png?1525390452000'); }
      .war.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/ru_RU/buylarge.png?1525390452000'); }
      .war.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/pt_BR/buylarge.png?1525390452000'); }
      .war.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/de_DE/buylarge.png?1525390452000'); }
      .war.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/es_ES/buylarge.png?1525390452000'); }
      .war.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/fr_FR/buylarge.png?1525390452000'); }
      .incursion.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/buylarge.png?1525390452000'); }
      .incursion.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/zh_TW/buylarge.png?1525390452000'); }
      .incursion.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/zh_CN/buylarge.png?1525390452000'); }
      .incursion.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/th_TH/buylarge.png?1525390452000'); }
      .incursion.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/ru_RU/buylarge.png?1525390452000'); }
      .incursion.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/pt_BR/buylarge.png?1525390452000'); }
      .incursion.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/de_DE/buylarge.png?1525390452000'); }
      .incursion.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/es_ES/buylarge.png?1525390452000'); }
      .incursion.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/fr_FR/buylarge.png?1525390452000'); } }
  @media (max-width: 800px) {
    body.wide-resize .classes-class {
      max-height: inherit; }
      body.wide-resize .classes-class .class {
        float: none;
        width: 90%;
        margin-left: auto;
        margin-right: auto; }
      body.wide-resize .classes-class .content {
        margin-top: 8%; }
    body.wide-resize header .mini-countdown, body.wide-resize footer .mini-countdown, body.wide-resize section .mini-countdown {
      bottom: 38px; }
    body.wide-resize header .watch-trailer, body.wide-resize footer .watch-trailer, body.wide-resize section .watch-trailer {
      bottom: -10px; }
      body.wide-resize header .watch-trailer .watch-trailer-banner, body.wide-resize footer .watch-trailer .watch-trailer-banner, body.wide-resize section .watch-trailer .watch-trailer-banner {
        height: 60px; }
      .oriath body.wide-resize header .watch-trailer, .oriath body.wide-resize footer .watch-trailer, .oriath body.wide-resize section .watch-trailer {
        bottom: 0px; }
    .atlas body.wide-resize header.skillsitems .content-interactive, .atlas body.wide-resize header.theatlas .content-interactive, .atlas body.wide-resize header.supporterpacks .content-interactive, .atlas body.wide-resize footer.skillsitems .content-interactive, .atlas body.wide-resize footer.theatlas .content-interactive, .atlas body.wide-resize footer.supporterpacks .content-interactive, .atlas body.wide-resize section.skillsitems .content-interactive, .atlas body.wide-resize section.theatlas .content-interactive, .atlas body.wide-resize section.supporterpacks .content-interactive {
      margin-top: -16px; } }
  @media (max-width: 590px) {
    body.wide-resize > header .mini-countdown, body.wide-resize > section .mini-countdown, body.wide-resize > footer .mini-countdown {
      bottom: 50px; }
      .war body.wide-resize > header .mini-countdown, .war body.wide-resize > section .mini-countdown, .war body.wide-resize > footer .mini-countdown {
        bottom: auto; }
    body.wide-resize > header.class-intro .class-details, body.wide-resize > section.class-intro .class-details, body.wide-resize > footer.class-intro .class-details {
      min-width: 360px; }
    body.wide-resize header.wide-resize-right.part-two .inner, body.wide-resize footer.wide-resize-right.part-two .inner, body.wide-resize section.wide-resize-right.part-two .inner {
      padding-left: 20%;
      width: 80%; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      margin-top: 0px;
      margin-left: -35%;
      margin-right: -40px;
      width: 460px; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .ascendancy-items .items, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .ascendancy-items .items, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .ascendancy-items .items {
        margin: -5px; }
    .oriath body.wide-resize header .inner header, .oriath body.wide-resize footer .inner header, .oriath body.wide-resize section .inner header {
      font-size: 18px;
      width: 91%; }
    .oriath body.wide-resize header .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize footer .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize section .inner .content .screenshot-lbox .screenshots {
      padding-top: 4px; }
    body.wide-resize header.classes-class .class, body.wide-resize footer.classes-class .class, body.wide-resize section.classes-class .class {
      width: 100%; }
    body.wide-resize header.items .inner .content p, body.wide-resize footer.items .inner .content p, body.wide-resize section.items .inner .content p {
      margin-top: -18px; }
    body.wide-resize header.items .inner .content .ascendancy-items, body.wide-resize footer.items .inner .content .ascendancy-items, body.wide-resize section.items .inner .content .ascendancy-items {
      margin-top: -35px; }
    body.wide-resize header.trials-intro .inner .content p, body.wide-resize header.labyrinth-changing .inner .content p, body.wide-resize footer.trials-intro .inner .content p, body.wide-resize footer.labyrinth-changing .inner .content p, body.wide-resize section.trials-intro .inner .content p, body.wide-resize section.labyrinth-changing .inner .content p {
      padding: 10px; }
    body.wide-resize header.enchantments-cruel .content-interactive, body.wide-resize header.enchantments-normal .content-interactive, body.wide-resize header.enchantments-merciless .content-interactive, body.wide-resize footer.enchantments-cruel .content-interactive, body.wide-resize footer.enchantments-normal .content-interactive, body.wide-resize footer.enchantments-merciless .content-interactive, body.wide-resize section.enchantments-cruel .content-interactive, body.wide-resize section.enchantments-normal .content-interactive, body.wide-resize section.enchantments-merciless .content-interactive {
      margin-top: -10px; }
    body.wide-resize header.wide-resize-right .screenshots, body.wide-resize footer.wide-resize-right .screenshots, body.wide-resize section.wide-resize-right .screenshots {
      right: 0; }
    body.wide-resize header.wide-resize-right .supporter-videos, body.wide-resize footer.wide-resize-right .supporter-videos, body.wide-resize section.wide-resize-right .supporter-videos {
      position: absolute;
      right: 0; }
    .atlas body.wide-resize header.wide-resize-right .ascendancy-items, .atlas body.wide-resize footer.wide-resize-right .ascendancy-items, .atlas body.wide-resize section.wide-resize-right .ascendancy-items {
      right: 0; }
    .bestiary body.wide-resize header.wide-resize-right .content-interactive .screenshot-lbox, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .screenshot-lbox, .bestiary body.wide-resize section.wide-resize-right .content-interactive .screenshot-lbox {
      margin-right: 0px; }
    body.wide-resize header .inner header .header-icon, body.wide-resize footer .inner header .header-icon, body.wide-resize section .inner header .header-icon {
      margin-top: 0; }
      .oriath body.wide-resize header .inner header .header-icon, .oriath body.wide-resize footer .inner header .header-icon, .oriath body.wide-resize section .inner header .header-icon {
        width: 24px;
        height: 24px; }
    body.wide-resize header .logo {
      height: 160px;
      width: 188.5px;
      margin-bottom: -150px;
      padding: 5px 0 10px; }
      .oriath body.wide-resize header .logo {
        height: 125.5px;
        width: 150px;
        margin-bottom: -140px; }
      .war body.wide-resize header .logo {
        margin-bottom: 60px; }
      .bestiary body.wide-resize header .logo {
        margin-bottom: -30px; }
      .incursion body.wide-resize header .logo {
        margin-bottom: -30px; }
    body.wide-resize .skills-earthquake .content-interactive .skill {
      margin-top: -30px; } }
  @media (max-width: 470px) {
    .incursion body.wide-resize header.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize footer.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize section.panel6 .ascendancy-items .gem-item-group .rapier {
      position: absolute;
      bottom: 0;
      left: -13%; } }
  @media (max-width: 400px) {
    .atlas body.wide-resize header header, .atlas body.wide-resize footer header, .atlas body.wide-resize section header {
      font-size: 18px; }
    body.wide-resize header .content-interactive .show-collapse, body.wide-resize footer .content-interactive .show-collapse, body.wide-resize section .content-interactive .show-collapse {
      display: inline-block; }
    body.wide-resize header .content-interactive .hide-collapse, body.wide-resize footer .content-interactive .hide-collapse, body.wide-resize section .content-interactive .hide-collapse {
      display: none; }
    body.wide-resize header .mini-countdown, body.wide-resize footer .mini-countdown, body.wide-resize section .mini-countdown {
      bottom: 44px; }
    body.wide-resize header.classes-class .inner .content, body.wide-resize footer.classes-class .inner .content, body.wide-resize section.classes-class .inner .content {
      width: 90%;
      margin-left: auto;
      margin-right: auto; }
    body.wide-resize header.classes-class.classes-Shadow .inner .content .class-1 .banner-logo, body.wide-resize header.classes-class.classes-Ranger .inner .content .class-1 .banner-logo, body.wide-resize footer.classes-class.classes-Shadow .inner .content .class-1 .banner-logo, body.wide-resize footer.classes-class.classes-Ranger .inner .content .class-1 .banner-logo, body.wide-resize section.classes-class.classes-Shadow .inner .content .class-1 .banner-logo, body.wide-resize section.classes-class.classes-Ranger .inner .content .class-1 .banner-logo {
      text-align: left;
      left: 1%; }
      body.wide-resize header.classes-class.classes-Shadow .inner .content .class-1 .banner-logo p, body.wide-resize header.classes-class.classes-Ranger .inner .content .class-1 .banner-logo p, body.wide-resize footer.classes-class.classes-Shadow .inner .content .class-1 .banner-logo p, body.wide-resize footer.classes-class.classes-Ranger .inner .content .class-1 .banner-logo p, body.wide-resize section.classes-class.classes-Shadow .inner .content .class-1 .banner-logo p, body.wide-resize section.classes-class.classes-Ranger .inner .content .class-1 .banner-logo p {
        display: inline-block;
        margin: 0px 1% -2px 2%; }
      body.wide-resize header.classes-class.classes-Shadow .inner .content .class-1 .banner-logo img, body.wide-resize header.classes-class.classes-Ranger .inner .content .class-1 .banner-logo img, body.wide-resize footer.classes-class.classes-Shadow .inner .content .class-1 .banner-logo img, body.wide-resize footer.classes-class.classes-Ranger .inner .content .class-1 .banner-logo img, body.wide-resize section.classes-class.classes-Shadow .inner .content .class-1 .banner-logo img, body.wide-resize section.classes-class.classes-Ranger .inner .content .class-1 .banner-logo img {
        padding-top: 0;
        min-height: 46px;
        height: 50%; }
    body.wide-resize header.supporterpacks, body.wide-resize footer.supporterpacks, body.wide-resize section.supporterpacks {
      margin-left: 0px; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      width: 345px;
      margin-left: -10%; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .ascendancy-items {
        margin: 0; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive.move-collapse, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive.move-collapse, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive.move-collapse {
        margin-left: 20px; }
    .war body.wide-resize header.shaperelderitems .item-group, .war body.wide-resize footer.shaperelderitems .item-group, .war body.wide-resize section.shaperelderitems .item-group {
      padding-left: 80px; }
    .war body.wide-resize header.war .yt-popout, .war body.wide-resize footer.war .yt-popout, .war body.wide-resize section.war .yt-popout {
      right: auto;
      left: 5%;
      margin-top: 250px;
      z-index: 3;
      top: 49%; }
    .war body.wide-resize header .inner .content .content-interactive.move-collapse, .war body.wide-resize footer .inner .content .content-interactive.move-collapse, .war body.wide-resize section .inner .content .content-interactive.move-collapse {
      z-index: 3;
      margin-top: 200px;
      width: 300px; }
      .war body.wide-resize header .inner .content .content-interactive.move-collapse .screenshot-lbox, .war body.wide-resize footer .inner .content .content-interactive.move-collapse .screenshot-lbox, .war body.wide-resize section .inner .content .content-interactive.move-collapse .screenshot-lbox {
        margin-left: -20px; }
    .bestiary body.wide-resize header .content-interactive, .incursion body.wide-resize header .content-interactive, .bestiary body.wide-resize footer .content-interactive, .incursion body.wide-resize footer .content-interactive, .bestiary body.wide-resize section .content-interactive, .incursion body.wide-resize section .content-interactive {
      margin-left: 0px; }
    .bestiary body.wide-resize header.wide-resize-right .inner .content .screenshot-lbox .screenshots, .incursion body.wide-resize header.wide-resize-right .inner .content .screenshot-lbox .screenshots, .bestiary body.wide-resize footer.wide-resize-right .inner .content .screenshot-lbox .screenshots, .incursion body.wide-resize footer.wide-resize-right .inner .content .screenshot-lbox .screenshots, .bestiary body.wide-resize section.wide-resize-right .inner .content .screenshot-lbox .screenshots, .incursion body.wide-resize section.wide-resize-right .inner .content .screenshot-lbox .screenshots {
      margin-right: -40px; }
    .bestiary body.wide-resize header.wide-resize-right, .incursion body.wide-resize header.wide-resize-right, .bestiary body.wide-resize footer.wide-resize-right, .incursion body.wide-resize footer.wide-resize-right, .bestiary body.wide-resize section.wide-resize-right, .incursion body.wide-resize section.wide-resize-right {
      text-align: right; }
      .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items {
        float: left;
        left: 0;
        margin-left: 0px; }
        .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group {
          display: block;
          float: left; }
          .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item {
            margin: -6px; }
          .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large {
            position: relative;
            margin-left: 0px;
            margin-top: 0px; }
          .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies {
            margin-left: 0px; }
            .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item {
              margin: -3px; }
    .fr_FR .incursion body.wide-resize header.panel10 .inner .content p, .fr_FR .incursion body.wide-resize footer.panel10 .inner .content p, .fr_FR .incursion body.wide-resize section.panel10 .inner .content p {
      width: 110%;
      margin-left: -26px; }
    .incursion body.wide-resize header.panel10 .inner .content-interactive, .incursion body.wide-resize footer.panel10 .inner .content-interactive, .incursion body.wide-resize section.panel10 .inner .content-interactive {
      margin-top: 0; }
      .de_DE .incursion body.wide-resize header.panel10 .inner .content-interactive, .es_ES .incursion body.wide-resize header.panel10 .inner .content-interactive, .fr_FR .incursion body.wide-resize header.panel10 .inner .content-interactive, .de_DE .incursion body.wide-resize footer.panel10 .inner .content-interactive, .es_ES .incursion body.wide-resize footer.panel10 .inner .content-interactive, .fr_FR .incursion body.wide-resize footer.panel10 .inner .content-interactive, .de_DE .incursion body.wide-resize section.panel10 .inner .content-interactive, .es_ES .incursion body.wide-resize section.panel10 .inner .content-interactive, .fr_FR .incursion body.wide-resize section.panel10 .inner .content-interactive {
        margin-top: -25px; }
    .incursion body.wide-resize header.panel6 .ascendancy-items, .incursion body.wide-resize footer.panel6 .ascendancy-items, .incursion body.wide-resize section.panel6 .ascendancy-items {
      margin-top: -25px; }
      .incursion body.wide-resize header.panel6 .ascendancy-items .gem-item-group, .incursion body.wide-resize footer.panel6 .ascendancy-items .gem-item-group, .incursion body.wide-resize section.panel6 .ascendancy-items .gem-item-group {
        float: left;
        margin-left: 25px; }
        .incursion body.wide-resize header.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize footer.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize section.panel6 .ascendancy-items .gem-item-group .rapier {
          position: absolute;
          bottom: 0;
          left: -6%; }
    .incursion.fr_FR body.wide-resize header.panel10 .inner .content p, .incursion.es_ES body.wide-resize header.panel10 .inner .content p, .incursion.de_DE body.wide-resize header.panel10 .inner .content p, .incursion.fr_FR body.wide-resize footer.panel10 .inner .content p, .incursion.es_ES body.wide-resize footer.panel10 .inner .content p, .incursion.de_DE body.wide-resize footer.panel10 .inner .content p, .incursion.fr_FR body.wide-resize section.panel10 .inner .content p, .incursion.es_ES body.wide-resize section.panel10 .inner .content p, .incursion.de_DE body.wide-resize section.panel10 .inner .content p {
      width: 110%;
      margin-left: -26px;
      padding-top: 2px; }
    .incursion.fr_FR body.wide-resize header.panel10 .inner .content-interactive, .incursion.es_ES body.wide-resize header.panel10 .inner .content-interactive, .incursion.de_DE body.wide-resize header.panel10 .inner .content-interactive, .incursion.fr_FR body.wide-resize footer.panel10 .inner .content-interactive, .incursion.es_ES body.wide-resize footer.panel10 .inner .content-interactive, .incursion.de_DE body.wide-resize footer.panel10 .inner .content-interactive, .incursion.fr_FR body.wide-resize section.panel10 .inner .content-interactive, .incursion.es_ES body.wide-resize section.panel10 .inner .content-interactive, .incursion.de_DE body.wide-resize section.panel10 .inner .content-interactive {
      margin-top: -15px; } }

#openBetaCountdownTop {
  display: none;
  /*background: image-url("widget/open-beta-countdown/top.png"); // Disabled
  height: image-height("widget/open-beta-countdown/top.png");
  width: image-width("widget/open-beta-countdown/top.png");
  position: absolute;
  bottom: -2px;
  left: 445px;*/ }

body.openBetaCountdownEnabled #openBetaCountdownTop {
  /*display: block;*/ }

#openBetaCountdown {
  height: 250px;
  background: transparent url('/image/incursion/timer.jpg?1525665801000') no-repeat center top;
  margin-top: -1px;
  margin-left: 0px; }
  #openBetaCountdown.noclick {
    cursor: default; }
  #openBetaCountdown .countdown {
    position: absolute;
    width: 299px;
    height: 30px;
    top: 173px;
    left: 306px;
    line-height: 28px;
    color: #d6aebc;
    font-size: 23px;
    text-align: center; }
    #openBetaCountdown .countdown .countdown_section, #openBetaCountdown .countdown .countdown-section {
      color: #d6aebc; }
    #openBetaCountdown .countdown div {
      position: absolute;
      width: 53px;
      height: 29px; }
    #openBetaCountdown .countdown .days {
      left: 6px; }
    #openBetaCountdown .countdown .hours {
      left: 85px; }
    #openBetaCountdown .countdown .minutes {
      left: 166px; }
    #openBetaCountdown .countdown .seconds {
      left: 246px; }
  #openBetaCountdown .download {
    display: none;
    background-image: url('/image/widget/open-beta-countdown/download.png?1525390452000');
    width: 244px;
    height: 60px;
    position: absolute;
    bottom: 38px;
    right: 39px; }
    #openBetaCountdown .download span {
      -webkit-transition: 20ms ease all;
      -moz-transition: 20ms ease all false;
      -o-transition: 20ms ease all false;
      transition: 20ms ease all;
      display: block;
      opacity: 0;
      width: 244px;
      height: 60px;
      background-image: url('/image/widget/open-beta-countdown/download-hover.png?1525390452000'); }
    #openBetaCountdown .download:hover span {
      opacity: 1; }
  #openBetaCountdown .newsLink {
    display: block;
    background-image: url('/image/widget/countdown/clickmore.jpg?1525390452000');
    width: 439px;
    height: 31px;
    position: absolute;
    bottom: 8px;
    left: 251px; }
    #openBetaCountdown .newsLink span {
      -webkit-transition: 20ms ease all;
      -moz-transition: 20ms ease all false;
      -o-transition: 20ms ease all false;
      transition: 20ms ease all;
      display: block;
      opacity: 0;
      width: 439px;
      height: 31px;
      background-image: url('/image/widget/countdown/clickmorehover.jpg?1525390452000'); }
    #openBetaCountdown .newsLink:hover span {
      opacity: 1; }
  #openBetaCountdown .countdown div {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
    #openBetaCountdown .countdown div.start {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      color: #f56b46;
      text-shadow: 0px 0px 5px #f56b46; }
    #openBetaCountdown .countdown div.done {
      -webkit-transition: all 1s ease-in-out;
      -webkit-transition-delay: 0s;
      -moz-transition: all 1s ease-in-out false;
      -o-transition: all 1s ease-in-out false;
      transition: all 1s ease-in-out false;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      color: #d6aebc;
      text-shadow: none; }
    #openBetaCountdown .countdown div.zero {
      text-shadow: 0px 0px 5px #f56b46;
      color: #B61D10; }

.en_US body #openBetaCountdown {
  background-image: url('/image/incursion/timer.jpg?1525665801000'); }

.zh_TW body #openBetaCountdown {
  background-image: url('/image/incursion/zh_TW/timer.jpg?1525665801000'); }

.zh_CN body #openBetaCountdown {
  background-image: url('/image/incursion/zh_CN/timer.jpg?1525406128000'); }

.th_TH body #openBetaCountdown {
  background-image: url('/image/incursion/th_TH/timer.jpg?1525665801000'); }

.ru_RU body #openBetaCountdown {
  background-image: url('/image/incursion/ru_RU/timer.jpg?1525665801000'); }

.pt_BR body #openBetaCountdown {
  background-image: url('/image/incursion/pt_BR/timer.jpg?1525665801000'); }

.de_DE body #openBetaCountdown {
  background-image: url('/image/incursion/de_DE/timer.jpg?1525665801000'); }

.es_ES body #openBetaCountdown {
  background-image: url('/image/incursion/es_ES/timer.jpg?1525665801000'); }

.fr_FR body #openBetaCountdown {
  background-image: url('/image/incursion/fr_FR/timer.jpg?1525665801000'); }

#countdownSpecial .countdown {
  position: absolute;
  width: 299px;
  height: 30px;
  top: 107px;
  left: 306px;
  line-height: 28px;
  color: #ffd777;
  font-size: 23px;
  text-align: center; }
  #countdownSpecial .countdown .countdown_section, #countdownSpecial .countdown .countdown-section {
    color: #ffd777; }
  #countdownSpecial .countdown div {
    position: absolute;
    width: 53px;
    height: 29px; }
  #countdownSpecial .countdown .days {
    left: 6px; }
  #countdownSpecial .countdown .hours {
    left: 85px; }
  #countdownSpecial .countdown .minutes {
    left: 166px; }
  #countdownSpecial .countdown .seconds {
    left: 246px; }

#betaInviteTimerTop {
  display: none;
  /*background: image-url("widget/open-beta-countdown/top.png"); // Disabled
  height: image-height("widget/open-beta-countdown/top.png");
  width: image-width("widget/open-beta-countdown/top.png");
  position: absolute;
  bottom: -2px;
  left: 445px;*/ }

body.openBetaCountdownEnabled #openBetaCountdownTop {
  /*display: block;*/ }

#betaInviteTimer {
  margin-top: -1px;
  margin-left: 0px;
  display: none;
  cursor: pointer; }
  #betaInviteTimer .betaInviteTimerAwakening {
    height: 252px;
    background: url('/image/awakening/beta_timer_awakening.jpg?1525390437000') no-repeat center top; }
  #betaInviteTimer.noclick {
    cursor: default; }
  #betaInviteTimer .name {
    margin: 0px; }
  #betaInviteTimer .activeContainer {
    position: relative;
    width: 920px;
    height: 200px;
    line-height: 28px;
    color: #ffd777;
    font-size: 23px;
    text-align: center; }
    #betaInviteTimer .activeContainer .countdown {
      position: absolute;
      left: 158px;
      top: 145px;
      height: 32px;
      width: 132px; }
      #betaInviteTimer .activeContainer .countdown div {
        position: absolute;
        width: 30px; }
      #betaInviteTimer .activeContainer .countdown .minutes {
        left: 12px; }
      #betaInviteTimer .activeContainer .countdown .seconds {
        left: 92px; }
    #betaInviteTimer .activeContainer .awinvite {
      position: absolute;
      top: 145px;
      left: 435px;
      width: 340px;
      height: 30px;
      font-size: 14px; }
      #betaInviteTimer .activeContainer .awinvite div {
        padding-top: 2px;
        position: absolute;
        width: 150px;
        height: 30px; }
      #betaInviteTimer .activeContainer .awinvite .lastInvite {
        left: 0px; }
      #betaInviteTimer .activeContainer .awinvite .nextInvite {
        left: 192px; }
  #betaInviteTimer span.countdown-period {
    display: none; }
  #betaInviteTimer .download {
    display: none;
    background-image: url('/image/widget/open-beta-countdown/download.png?1525390452000');
    width: 244px;
    height: 60px;
    position: absolute;
    bottom: 38px;
    right: 39px; }
    #betaInviteTimer .download span {
      -webkit-transition: 20ms ease all;
      -moz-transition: 20ms ease all false;
      -o-transition: 20ms ease all false;
      transition: 20ms ease all;
      display: block;
      opacity: 0;
      width: 244px;
      height: 60px;
      background-image: url('/image/widget/open-beta-countdown/download-hover.png?1525390452000'); }
    #betaInviteTimer .download:hover span {
      opacity: 1; }
  #betaInviteTimer .newsLink {
    display: block;
    background-image: url('/image/widget/countdown/clickmore.jpg?1525390452000');
    width: 439px;
    height: 31px;
    position: absolute;
    bottom: 8px;
    left: 251px; }
    #betaInviteTimer .newsLink span {
      -webkit-transition: 20ms ease all;
      -moz-transition: 20ms ease all false;
      -o-transition: 20ms ease all false;
      transition: 20ms ease all;
      display: block;
      opacity: 0;
      width: 439px;
      height: 31px;
      background-image: url('/image/widget/countdown/clickmorehover.jpg?1525390452000'); }
    #betaInviteTimer .newsLink:hover span {
      opacity: 1; }
  #betaInviteTimer .countdown div {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); }
    #betaInviteTimer .countdown div.start {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      -o-transform: scale(1.1);
      transform: scale(1.1);
      color: #fff;
      text-shadow: 0px 0px 5px #ffd777; }
    #betaInviteTimer .countdown div.done {
      -webkit-transition: all 1s ease-in-out;
      -webkit-transition-delay: 0s;
      -moz-transition: all 1s ease-in-out false;
      -o-transition: all 1s ease-in-out false;
      transition: all 1s ease-in-out false;
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -ms-transform: scale(1);
      -o-transform: scale(1);
      transform: scale(1);
      color: #ffd777;
      text-shadow: none; }

body.zh_TW #betaInviteTimer .betaInviteTimerAwakening {
  background: url('/image/awakening/beta_timer_awakening_zh_TW.jpg?1525390437000') no-repeat center top; }

#topSplash {
  max-width: 920px; }

.eventCalendar h1 {
  margin: 5px; }

.eventCalendar .description {
  margin: 7px 7px 9px 7px; }

.eventCalendar .entries {
  display: table;
  border-collapse: collapse; }

.eventCalendar .header {
  display: table-row;
  color: silver;
  font-weight: bold;
  text-align: center; }
  .eventCalendar .header .col {
    display: table-cell;
    padding: 5px; }

.eventCalendar .week {
  display: table-row; }

.eventCalendar .periodsInfo, .eventCalendar .day {
  display: table-cell;
  vertical-align: top;
  width: 119px; }

.eventCalendar .periodsInfo {
  width: 79px;
  text-align: right;
  color: silver; }
  .eventCalendar .periodsInfo .label {
    height: 28px;
    padding: 5px; }

.eventCalendar .day .label, .eventCalendar .periodsInfo .label {
  text-align: right;
  padding: 5px;
  font-weight: bold;
  height: 17px;
  font-size: 11px;
  background: #272727;
  color: silver; }

.eventCalendar .periodsInfo, .eventCalendar .day {
  border: 1px solid #333; }

.eventCalendar .event {
  margin: 12px 0px; }
  .eventCalendar .event:first-child {
    margin-top: 0px; }
  .eventCalendar .event:last-child {
    margin-bottom: 0px; }

.eventCalendar .event, .eventCalendar .event a {
  font-size: 10px;
  color: #ffbd0f; }

.eventCalendar .event.complete, .eventCalendar .event.complete a {
  color: #424242; }

.eventCalendar .event.inProgress, .eventCalendar .event.inProgress a {
  color: #fff; }

.eventCalendar .event a:hover {
  color: #ffcd49; }

.eventCalendar .period {
  padding: 7px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000; }

.eventCalendar .periods :not(:last-child), .eventCalendar .periodsInfo :not(:last-child) {
  border-bottom: none; }

.eventCalendar .period:nth-child(even) {
  background: #181818; }

.eventCalendar .sponsors {
  overflow: hidden;
  position: relative;
  top: -3px; }
  .eventCalendar .sponsors a {
    float: left; }
    .eventCalendar .sponsors a img {
      width: 460px;
      opacity: 0.85; }
      .eventCalendar .sponsors a img:hover {
        opacity: 1; }

.eventCalendar .prizesLink {
  position: relative;
  top: -6px; }
  .eventCalendar .prizesLink img {
    opacity: 0.85; }
    .eventCalendar .prizesLink img:hover {
      opacity: 1; }

.seasonLadder {
  position: relative;
  margin: 0px;
  padding: 10px; }
  .seasonLadder select.seasons {
    float: right;
    margin: 11px 2px 5px; }
  .seasonLadder h1 {
    margin: 7px;
    float: left; }
  .seasonLadder table {
    clear: both; }
  .seasonLadder .pagination {
    background: #000; }
  .seasonLadder .loading {
    display: none;
    position: absolute;
    width: 100%;
    z-index: 10; }
  .seasonLadder .rank {
    width: 75px; }
  .seasonLadder .points {
    width: 390px; }
  .seasonLadder .ladder-types {
    clear: both;
    margin-bottom: 10px;
    padding-left: 10px; }
    .seasonLadder .ladder-types button {
      margin-top: 5px; }

.shopSpecialsBox {
  position: relative; }
  .shopSpecialsBox .deal {
    position: relative;
    height: 240px;
    width: 100%;
    max-width: 285px; }
    .shopSpecialsBox .deal .banner {
      z-index: 2;
      padding-top: 12px;
      padding-bottom: 6px;
      position: relative;
      height: 57px;
      color: #ffe86e;
      text-align: center;
      line-height: 22px;
      text-shadow: 0px 0px 3px red; }
      .shopSpecialsBox .deal .banner .l1 {
        font-size: 22px;
        letter-spacing: -1px;
        margin-top: 4px; }
        .shopSpecialsBox .deal .banner .l1.zero {
          padding-top: 15px; }
      .shopSpecialsBox .deal .banner .l2 {
        font-size: 30px;
        letter-spacing: -2px;
        margin-top: 2px; }
        .shopSpecialsBox .deal .banner .l2 .percent {
          font-size: 27px; }
    .shopSpecialsBox .deal .background {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
    .shopSpecialsBox .deal .special {
      background: url('/image/shop/deal-item-background-dark.jpg?1525390451000');
      height: 151px;
      margin: 4px;
      position: relative; }
      .shopSpecialsBox .deal .special .name {
        color: #ffda4d;
        font-size: 18px;
        text-shadow: 1px 1px 2px #000, 0 0 1em #000, 0 0 0.2em #000;
        text-decoration: none;
        position: relative;
        top: 12px;
        left: 12px;
        z-index: 100;
        width: 175px;
        display: block; }
        .shopSpecialsBox .deal .special .name:hover {
          text-shadow: 0px 0px 5px rgba(219, 195, 153, 0.56); }
      .shopSpecialsBox .deal .special .itemImageContainer {
        z-index: 0;
        position: absolute;
        bottom: 0px;
        right: 0px;
        min-width: 100px;
        max-width: 285px;
        min-height: 140px;
        max-height: 146px;
        overflow: hidden; }
        .shopSpecialsBox .deal .special .itemImageContainer .itemImage {
          max-height: 146px;
          margin: auto;
          display: block; }
      .shopSpecialsBox .deal .special.old .itemImageContainer .itemImage {
        max-height: none; }
      .shopSpecialsBox .deal .special.old.package, .shopSpecialsBox .deal .special.old.category {
        background: url('/image/shop/daily-deal/categories/ShopItemPackageBackground.jpg?1525390447000'); }
        .shopSpecialsBox .deal .special.old.package .itemImageContainer .itemImage, .shopSpecialsBox .deal .special.old.category .itemImageContainer .itemImage {
          top: -6px;
          position: relative; }
      .shopSpecialsBox .deal .special.old.item {
        background: url('/image/Art/2DArt/Shop/item/ShopItemBackground.jpg?1524541816000'); }
        .shopSpecialsBox .deal .special.old.item .itemImageContainer {
          top: 0px; }
      .shopSpecialsBox .deal .special .time {
        position: absolute;
        bottom: 6px;
        left: 12px;
        z-index: 2;
        color: #585858;
        font-size: 12px; }
      .shopSpecialsBox .deal .special .description {
        position: absolute;
        top: 58px;
        left: 12px;
        line-height: 16px;
        z-index: 3;
        width: 120px;
        height: 50px;
        color: #0cabe5; }
      .shopSpecialsBox .deal .special .buyButton1, .shopSpecialsBox .deal .special .shopBuyItemModal .buyButton, .shopBuyItemModal .shopSpecialsBox .deal .special .buyButton, .shopSpecialsBox .deal .special shopBuyPackageModal .buyButton, shopBuyPackageModal .shopSpecialsBox .deal .special .buyButton, .shopSpecialsBox .deal .special .shopShopButton {
        right: 12px;
        display: block;
        z-index: 10;
        top: 12px;
        position: absolute; }
      .shopSpecialsBox .deal .special .shopShopButton {
        left: 10px; }
      .shopSpecialsBox .deal .special.long .name {
        width: 255px; }
      .shopSpecialsBox .deal .special.long .buyButton1, .shopSpecialsBox .deal .special.long .shopBuyItemModal .buyButton, .shopBuyItemModal .shopSpecialsBox .deal .special.long .buyButton, .shopSpecialsBox .deal .special.long shopBuyPackageModal .buyButton, shopBuyPackageModal .shopSpecialsBox .deal .special.long .buyButton {
        top: 96px; }
      .shopSpecialsBox .deal .special.longest .name {
        width: 255px;
        font-size: 16px; }
      .shopSpecialsBox .deal .special.longest .buyButton1, .shopSpecialsBox .deal .special.longest .shopBuyItemModal .buyButton, .shopBuyItemModal .shopSpecialsBox .deal .special.longest .buyButton, .shopSpecialsBox .deal .special.longest shopBuyPackageModal .buyButton, shopBuyPackageModal .shopSpecialsBox .deal .special.longest .buyButton {
        top: 96px; }

.imageUploader {
  display: inline-block;
  position: relative;
  cursor: pointer;
  /*  .preview {
    width: $dropWidth;
    height: $dropWidth;
    z-index: 5;
    position: absolute;
    top: 0;
    left: 0;
  }*/ }
  .imageUploader progress {
    display: none;
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%; }
  .imageUploader .okText {
    position: absolute;
    font-size: 10px;
    left: 0;
    bottom: 0;
    right: 0;
    color: #5cff34;
    text-align: center;
    padding: 2px;
    display: none;
    background: rgba(61, 61, 61, 0.84);
    margin: 1px; }
  .imageUploader .dropArea {
    width: 80px;
    height: 80px;
    border: 1px solid #333;
    background: #222;
    z-index: 10;
    -webkit-transition: 0.2s ease-out false;
    -moz-transition: 0.2s ease-out false false;
    -o-transition: 0.2s ease-out false false;
    transition: 0.2s ease-out; }
  .imageUploader.new .dropArea {
    width: 160px;
    height: 160px;
    background: #0c0c0c;
    border: 1px solid #242424; }
  .imageUploader.success .dropArea {
    border: 1px solid #3F3;
    background: #2A2; }
  .imageUploader.success .okText {
    display: block; }
  .imageUploader.selected:not(.new):not(.dragOver) .dropArea {
    border: 1px solid #d37333;
    background: #251500;
    box-shadow: 0px 0px 3px #ff6600; }
  .imageUploader.deleting .dropArea {
    border: 1px solid #F33 !important;
    background: #A22 !important; }
  .imageUploader.dragOver .dropArea {
    border-color: #262;
    background: #252; }
  .imageUploader.uploading progress {
    display: block; }

/*
 * Default styles to lay out page 
 */
.border-container {
  background: url('/image/border-l.jpg?1525390452000') left repeat-y; }

/*.border
{
    background: image-url("border-r.jpg") right repeat-y transparent;    
}
*/
.border-t {
  width: 100%;
  height: 8px;
  padding: 0px;
  margin: 0px;
  background: url('/image/border-tl.jpg?1525390452000') no-repeat top left; }

.border-t span {
  position: absolute;
  height: 8px;
  width: 8px;
  top: 0px;
  right: 0px; }

.border-b {
  position: relative;
  width: 100%;
  height: 8px;
  background: url('/image/border-bl.jpg?1525390452000') no-repeat bottom left; }

.border-b span {
  position: absolute;
  height: 8px;
  width: 8px;
  bottom: 0px;
  right: 0px; }

.box-container {
  background: #000 url('/image/box-l.jpg?1525390452000') left repeat-y;
  position: relative; }

.box, .botControlsSpacer {
  background: url('/image/box-r.jpg?1525390452000') right repeat-y transparent; }

.box {
  padding: 5px 10px;
  margin: 0px;
  z-index: 100;
  position: relative; }
  .box.no-padding {
    padding: 0px 4px; }

.content-container-base {
  position: relative;
  float: left;
  display: inline; }

.content-container-margin {
  margin: 10px 0px 0px 10px; }

.content-container-l {
  position: relative;
  float: left;
  width: 775px;
  margin: 10px 0px 0px 10px;
  display: inline; }

.main-header-container {
  margin-top: 35px; }

.content-basic {
  min-height: 5px;
  height: auto !important;
  height: 5px;
  padding: 0px 4px; }

.content-l {
  min-height: 5px;
  height: auto !important;
  height: 5px;
  padding: 20px 10px 10px 10px; }

.content-l-n {
  min-height: 5px;
  height: auto !important;
  height: 5px; }

.content-l-np {
  min-height: 200px;
  height: auto !important;
  height: 200px;
  padding: 10px 10px 10px 10px; }

.content-container-s {
  position: relative;
  float: left;
  width: 320px;
  margin: 35px 0px 0px 10px; }

.content-s {
  min-height: 150px;
  height: auto !important;
  height: 150px;
  padding: 20px 10px 10px 10px; }

.content-container-2col {
  display: inline;
  position: relative;
  float: left;
  width: 382px;
  margin: 35px 0px 0px 10px; }

.content-2col {
  min-height: 200px;
  height: auto !important;
  height: 200px;
  padding: 26px 10px 10px 10px; }

.content-container-m {
  position: relative;
  float: left;
  width: 442px;
  margin: 35px 0px 0px 10px; }

.content-m {
  min-height: 200px;
  height: auto !important;
  height: 200px;
  padding: 28px 10px 10px 10px; }

.form-container-l {
  display: inline;
  background: url('/image/form/background.png?1525390445000');
  position: relative;
  float: left;
  margin-top: 35px;
  margin-left: 10px;
  width: 775px; }

.form-container-l .content-container-l {
  margin-top: 0px;
  margin-left: 0px; }

.form-container-l .box-container {
  background-color: transparent; }

.form-container-s {
  background-color: #222319;
  position: relative;
  float: left;
  display: inline;
  margin-top: 35px;
  margin-left: 10px;
  width: 320px; }

.form-container-s .content-container-s {
  margin-top: 0px;
  margin-left: 0px; }

.form-container-s .box-container {
  background-color: transparent; }

.form-container-m {
  background: url('/image/form/background.png?1525390445000');
  position: relative;
  float: left;
  display: inline;
  margin-top: 35px;
  margin-left: 10px;
  width: 442px; }

.form-container-m .content-container-m {
  margin-top: 0px;
  margin-left: 0px; }

.form-container-m .box-container {
  background-color: transparent; }

.box-header {
  position: absolute;
  top: -20px;
  left: 3px; }

.box_header_red {
  position: absolute;
  top: -32px;
  left: 9px; }

.box_ornate_blue {
  position: absolute;
  top: -47px;
  left: 9px;
  width: 146px;
  height: 63px; }

.box_footer_green {
  position: relative;
  bottom: -42px;
  margin-top: -42px;
  left: 12px; }

.box-t {
  width: 100%;
  height: 4px;
  background: url('/image/box-tl.jpg?1525390452000') no-repeat top left;
  line-height: 1px;
  font-size: 1px; }

.box-t span {
  position: relative;
  display: block;
  height: 4px;
  background: url('/image/box-tr.jpg?1525390452000') no-repeat top right;
  line-height: 1px;
  font-size: 1px; }

.box-t-main-header {
  width: 100%;
  height: 33px;
  background: url('/image/header/main.jpg?1525390445000') no-repeat top left;
  line-height: 1px;
  font-size: 1px; }

.box-t-main-header-b {
  width: 100%;
  height: 61px;
  background: url('/image/header/main_breadcrumb.jpg?1525390445000') no-repeat top left;
  line-height: 1px;
  font-size: 1px; }

.box-t-title-b-m {
  width: 100%;
  height: 100px;
  background: url('/image/header/title_b_m.jpg?1525390445000') no-repeat top left;
  line-height: 1px;
  font-size: 1px; }

.box-b-lb-nm {
  height: 38px;
  background: url('/image/header/bot_lb_nm.jpg?1525390445000') no-repeat top left; }

.box-b-b-nm {
  height: 34px;
  width: 100%;
  background: url('/image/header/bot_b_nm.jpg?1525390445000') no-repeat top left; }

.box-b-b-m {
  position: relative;
  height: 72px;
  width: 100%;
  background: url('/image/header/bot_b_m.jpg?1525390445000') no-repeat top left; }

.box-b-nb-m {
  position: relative;
  height: 42px;
  width: 100%;
  background: url('/image/header/bot_nb_m.jpg?1525390445000') no-repeat top left; }

.box-container .menuContainer, .box-container .botMenuContainer {
  height: 34px;
  left: 4px;
  position: absolute;
  width: 767px; }

.box-container .topTitleContent {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 33px; }

.box-container .menuContainer {
  top: 63px; }

.box-b-b-m .botMenuContainer {
  top: 34px; }

.box-b-nb-m .botMenuContainer {
  top: 4px; }

.menuContainer .pagination, .botMenuContainer .pagination {
  margin-top: 2px;
  display: inline-block; }

.menuContainer h3 {
  margin: 8px 0px 0px 8px; }

.main-header-title {
  width: 100%; }

.main-header-title img {
  position: relative;
  left: 23px; }

.box-footer {
  position: absolute;
  bottom: -17px;
  left: 50px; }

.box-b, .box-b-nb-nm {
  height: 4px;
  width: 100%;
  background: url('/image/box-bl.jpg?1525390452000') no-repeat bottom left;
  line-height: 1px;
  font-size: 1px; }

.box-b span, .box-b-nb-nm span {
  height: 4px;
  position: relative;
  display: block;
  background: url('/image/box-br.jpg?1525390452000') no-repeat bottom right;
  line-height: 1px;
  font-size: 1px; }

.box-bnew {
  width: 100%;
  height: 20px;
  background: url('/image/box-bl.jpg?1525390452000') no-repeat bottom left; }

.breadcrumb-container, .breadcrumb-container-bot {
  position: absolute;
  left: 101px;
  font-size: 1.1em;
  color: #BFB383;
  overflow: hidden;
  width: 574px;
  white-space: nowrap;
  text-overflow: ellipsis; }

.breadcrumb-container {
  top: 37px; }

.breadcrumb-container-bot {
  bottom: 9px; }

.box-b-b-m .breadcrumb-container-bot {
  bottom: 46px; }

.breadcrumb-container a, .breadcrumb-container-bot a {
  color: #BFB383;
  text-decoration: none; }

.main_ornate {
  position: absolute;
  top: -34px;
  left: 5px;
  width: 765px;
  height: 34px; }

#menu-float {
  position: relative;
  float: left;
  width: 165px;
  margin: 40px 0px 0px 0px; }

#menu {
  position: relative;
  width: 165px; }

#menu-content {
  padding: 5px 0px; }

#menu2 {
  position: relative;
  width: 165px;
  margin: 47px 0px 0px 0px; }

#menu2-content, #menu3-content {
  padding: 5px 0px;
  /*
    padding: 0px;
    min-height: 50px;
    height: auto !important;
    height: 50px;
    */ }

#menu-2 {
  position: relative;
  width: 165px;
  margin-top: 70px; }

/*
#menu-2-content
{
    padding: 15px 15px; 
    min-height: 100px;
    height: auto !important;
    height: 100px;
}
*/
#menu3 {
  position: relative;
  width: 165px;
  margin: 47px 0px 118px 0px; }

.page_header {
  top: 0px;
  left: 0px;
  margin: -11px 0px 0px 6px;
  z-index: 101;
  position: absolute; }

.ornate {
  top: -27px;
  left: -5px;
  z-index: 100;
  position: absolute;
  height: 49px;
  width: 87px;
  display: block; }

#lower {
  float: left;
  position: relative;
  margin: 10px 0px 0px 0px;
  width: 400px; }

#lower-content {
  min-height: 400px;
  height: 400px; }

#character {
  position: absolute;
  bottom: -50px;
  right: -80px;
  z-index: 300; }

.large-closing-ornate {
  text-align: center;
  padding: 5px; }

.vert-ornate .content {
  position: relative;
  text-align: center;
  display: inline-block; }

.vert-ornate .l, .vert-ornate .r {
  position: absolute;
  top: 50%; }

.vert-ornate-1 {
  margin: 10px;
  font-weight: bold;
  font-size: 1.2em; }

.vert-ornate-1 .content {
  margin: 0px 29px; }

.vert-ornate-1 .l {
  margin-top: -13px;
  left: -29px; }

.vert-ornate-1 .r {
  margin-top: -13px;
  right: -29px; }

.vert-ornate-2 {
  margin: 10px;
  font-weight: bold;
  font-size: 1.2em; }

.vert-ornate-2 .content {
  margin: 0px 62px; }

.vert-ornate-2 .l {
  margin-top: -15px;
  left: -59px; }

.vert-ornate-2 .r {
  margin-top: -15px;
  right: -62px; }

.vert-ornate-3 .l {
  margin-top: -58px;
  left: -11px; }

.vert-ornate-3 .r {
  margin-top: -58px;
  right: -11px; }

.content-container-l .no-overflow {
  overflow: hidden;
  max-width: 750px; }

.layoutBox, .layoutBox1 {
  float: left;
  display: inline;
  position: relative;
  margin-top: 0px;
  margin-bottom: 7px;
  background: #191919;
  background: rgba(25, 25, 25, 0.5);
  border-radius: 1px;
  border: 1px solid #1B1B1B; }
  .layoutBox .layoutBoxTitle, .layoutBox1 .layoutBoxTitle {
    z-index: 101; }
  .layoutBox .layoutBoxOrnate, .layoutBox1 .layoutBoxOrnate {
    z-index: 100;
    position: absolute;
    display: block; }
  .layoutBox .layoutBoxBotControlsSpacer, .layoutBox1 .layoutBoxBotControlsSpacer {
    height: 27px;
    position: relative; }
  .layoutBox .layoutBoxBotControls, .layoutBox1 .layoutBoxBotControls {
    top: 6px;
    position: absolute;
    bottom: 10px;
    width: 100%; }
  .layoutBox .layoutBoxBotControls .pagination, .layoutBox1 .layoutBoxBotControls .pagination {
    padding-left: 5px; }
  .layoutBox.hidden, .hidden.layoutBox1 {
    display: none; }

.layoutBoxHalf {
  width: 456.5px;
  margin-left: 6px; }

.layoutBoxFull {
  width: 920px;
  margin-left: 5px; }

.fullscreen {
  overflow: hidden; }

.fullscreen .layoutBoxFull {
  width: 100%;
  margin: 0px; }

.layoutBoxSmall {
  width: 302px;
  margin-left: 6px; }

.layoutBoxMedium {
  width: 611px;
  margin-left: 6px; }

.layoutBoxBorder1, .layoutBox1 {
  /*
  .layoutBoxT
   {
     background: image-url("box-tl.jpg") no-repeat top left;
     line-height: 1px;
     font-size: 1px;
     height: 4px;
     width: 100%;
     
     span
     {
       position: relative;
       display: block;
       height: 4px;
       background: image-url("box-tr.jpg") no-repeat top right;
       line-height: 1px;
       font-size: 1px;
     }
   }
   
   .layoutBoxB
   {
     height: 4px;
     width: 100%;
     background: image-url("box-bl.jpg") no-repeat bottom left;
     line-height: 1px;
     font-size: 1px;
     
     span
     {
       height: 4px;
       position: relative;
       display: block;
       background: image-url("box-br.jpg") no-repeat bottom right;
       line-height: 1px;
       font-size: 1px;
     }
   }*/
  /*
  .layoutBoxContent
    {
      background: image-url("box-r.jpg") right repeat-y transparent;
      padding: 0px 4px;
    }*/ }
  .layoutBoxBorder1 .layoutBoxL, .layoutBox1 .layoutBoxL {
    background-image: url('/image/box-l.jpg?1525390452000');
    background-repeat: repeat-y; }
  .layoutBoxBorder1.padded, .padded.layoutBox1 {
    padding: 0px; }
    .layoutBoxBorder1.padded .layoutBoxContent, .padded.layoutBox1 .layoutBoxContent {
      padding: 10px 14px; }
  .layoutBoxBorder1 .layoutBoxBotControlsSpacer, .layoutBox1 .layoutBoxBotControlsSpacer {
    background: url('/image/box-r.jpg?1525390452000') right repeat-y transparent; }
  .layoutBoxBorder1 .layoutBoxBotControls, .layoutBox1 .layoutBoxBotControls {
    top: 6px;
    position: absolute;
    bottom: 10px;
    width: 100%;
    background: url('/image/box-r.jpg?1525390452000') right repeat-y transparent; }

.links {
  display: table;
  color: #B49E79;
  font-size: 1.1em; }
  .links .separator {
    color: #7e6e6e;
    margin: 5px 0 5px 10px; }
  .links a {
    color: #cec59f;
    text-decoration: none; }
    .links a:hover {
      text-decoration: none;
      text-shadow: 0 0 2px #8c7f48; }
  .links .header {
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    padding: 5px 10px;
    float: none;
    margin: 0;
    vertical-align: middle; }
  .links .selection {
    float: left;
    list-style: none; }
    .links .selection.selection-right {
      float: right; }
    .links .selection a {
      padding: 5px 10px;
      display: block;
      background: #1d1d1d;
      border-left: 1px solid #050505;
      margin-left: 1px;
      margin-bottom: 1px;
      border: 0; }
      .links .selection a:hover {
        background: #2f2f2f; }
    .links .selection:last-child a {
      border-right: 1px solid #050505; }
    .links .selection.selected a, .links .selection.active a {
      background: #2f2f2f;
      text-decoration: none;
      text-shadow: 0 0 2px #8c7f48; }

.layoutBox1 {
  /*

    &.hasBreadcrumb .layoutBoxT
    {
      height: 61px;
      background: image-url("header/main_breadcrumb.jpg") no-repeat top left;
    }

    &.hasBotBreadcrumb .layoutBoxB
    {
      height: 38px;
      background: image-url("header/bot_lb_nm.jpg") no-repeat top left;
    }*/
  /*

    .layoutBoxOrnate
    {
      top: -34px;
      left: 10px;
      height: 34px;
    }*/
  /*
    .layoutBoxTitleBar
    {
      position: absolute;
      top: 0px;
      right: 0px;
      height: 33px;
    }*/ }
  .layoutBox1.hasOrnate {
    margin-top: 41px; }
  .layoutBox1 .layoutBoxT {
    height: 33px; }
    .layoutBox1 .layoutBoxT span {
      background: none; }
  .layoutBox1.defaultTheme, .layoutBox1.forumTheme, .layoutBox1.rightBackground1Theme, .layoutBox1.dynamicPageTheme, .layoutBox1.shopPurchaseTheme, .layoutBox1.tempVideoTheme {
    border: 1px solid #1B1B1B;
    box-shadow: 0px 0px 3px 0px #1B1B1B; }
    .layoutBox1.defaultTheme .layoutBoxTitle, .layoutBox1.forumTheme .layoutBoxTitle, .layoutBox1.rightBackground1Theme .layoutBoxTitle, .layoutBox1.dynamicPageTheme .layoutBoxTitle, .layoutBox1.shopPurchaseTheme .layoutBoxTitle, .layoutBox1.tempVideoTheme .layoutBoxTitle {
      color: #cec59f;
      font-size: 180%;
      padding: 5px 10px;
      text-shadow: 0px 0px 2px #ac9c5b; }
      .layoutBox1.defaultTheme .layoutBoxTitle a, .layoutBox1.forumTheme .layoutBoxTitle a, .layoutBox1.rightBackground1Theme .layoutBoxTitle a, .layoutBox1.dynamicPageTheme .layoutBoxTitle a, .layoutBox1.shopPurchaseTheme .layoutBoxTitle a, .layoutBox1.tempVideoTheme .layoutBoxTitle a {
        color: #cec59f; }
    .layoutBox1.defaultTheme .botBar, .layoutBox1.forumTheme .botBar, .layoutBox1.rightBackground1Theme .botBar, .layoutBox1.dynamicPageTheme .botBar, .layoutBox1.shopPurchaseTheme .botBar, .layoutBox1.tempVideoTheme .botBar, .layoutBox1.defaultTheme .topBar, .layoutBox1.forumTheme .topBar, .layoutBox1.rightBackground1Theme .topBar, .layoutBox1.dynamicPageTheme .topBar, .layoutBox1.shopPurchaseTheme .topBar, .layoutBox1.tempVideoTheme .topBar {
      clear: both;
      overflow: hidden;
      *zoom: 1; }
    .layoutBox1.defaultTheme .botBar, .layoutBox1.forumTheme .botBar, .layoutBox1.rightBackground1Theme .botBar, .layoutBox1.dynamicPageTheme .botBar, .layoutBox1.shopPurchaseTheme .botBar, .layoutBox1.tempVideoTheme .botBar, .layoutBox1.defaultTheme .topBar, .layoutBox1.forumTheme .topBar, .layoutBox1.rightBackground1Theme .topBar, .layoutBox1.dynamicPageTheme .topBar, .layoutBox1.shopPurchaseTheme .topBar, .layoutBox1.tempVideoTheme .topBar, .layoutBox1.defaultTheme .topBar.last, .layoutBox1.forumTheme .topBar.last, .layoutBox1.rightBackground1Theme .topBar.last, .layoutBox1.dynamicPageTheme .topBar.last, .layoutBox1.shopPurchaseTheme .topBar.last, .layoutBox1.tempVideoTheme .topBar.last, .layoutBox1.defaultTheme .botBar.first, .layoutBox1.forumTheme .botBar.first, .layoutBox1.rightBackground1Theme .botBar.first, .layoutBox1.dynamicPageTheme .botBar.first, .layoutBox1.shopPurchaseTheme .botBar.first, .layoutBox1.tempVideoTheme .botBar.first {
      background: url('/image/layout/breadcrumb-background.png?1525390446000') left repeat-y #000;
      box-shadow: 0px 0px 4px 0px #1F1A0F inset;
      border: 1px solid #050505;
      background: -owg-linear-gradient(right, #0C0C0C, #0C0C0C 40%, #131313);
      background: -webkit-linear-gradient(right, #0C0C0C, #0C0C0C 40%, #131313);
      background: -moz-linear-gradient(right, #0C0C0C, #0C0C0C 40%, #131313);
      background: -o-linear-gradient(right, #0C0C0C, #0C0C0C 40%, #131313);
      -pie-background: -pie-linear-gradient(right, #0C0C0C, #0C0C0C 40%, #131313);
      background: linear-gradient(right, #0C0C0C, #0C0C0C 40%, #131313); }
    .layoutBox1.defaultTheme .topBar.first, .layoutBox1.forumTheme .topBar.first, .layoutBox1.rightBackground1Theme .topBar.first, .layoutBox1.dynamicPageTheme .topBar.first, .layoutBox1.shopPurchaseTheme .topBar.first, .layoutBox1.tempVideoTheme .topBar.first {
      border-radius: 2px 2px 0px 0px; }
    .layoutBox1.defaultTheme .botBar.last, .layoutBox1.forumTheme .botBar.last, .layoutBox1.rightBackground1Theme .botBar.last, .layoutBox1.dynamicPageTheme .botBar.last, .layoutBox1.shopPurchaseTheme .botBar.last, .layoutBox1.tempVideoTheme .botBar.last {
      border-radius: 0px 0px 2px 2px; }
    .layoutBox1.defaultTheme .topBar, .layoutBox1.forumTheme .topBar, .layoutBox1.rightBackground1Theme .topBar, .layoutBox1.dynamicPageTheme .topBar, .layoutBox1.shopPurchaseTheme .topBar, .layoutBox1.tempVideoTheme .topBar {
      border-bottom: 0; }
    .layoutBox1.defaultTheme .botBar, .layoutBox1.forumTheme .botBar, .layoutBox1.rightBackground1Theme .botBar, .layoutBox1.dynamicPageTheme .botBar, .layoutBox1.shopPurchaseTheme .botBar, .layoutBox1.tempVideoTheme .botBar {
      border-top: none; }
    .layoutBox1.defaultTheme .breadcrumb, .layoutBox1.forumTheme .breadcrumb, .layoutBox1.rightBackground1Theme .breadcrumb, .layoutBox1.dynamicPageTheme .breadcrumb, .layoutBox1.shopPurchaseTheme .breadcrumb, .layoutBox1.tempVideoTheme .breadcrumb {
      margin: 0px;
      padding: 5px 9px;
      left: 101px;
      right: 101px;
      font-size: 1.1em;
      color: #B49E79;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .layoutBox1.defaultTheme .breadcrumb .separator, .layoutBox1.forumTheme .breadcrumb .separator, .layoutBox1.rightBackground1Theme .breadcrumb .separator, .layoutBox1.dynamicPageTheme .breadcrumb .separator, .layoutBox1.shopPurchaseTheme .breadcrumb .separator, .layoutBox1.tempVideoTheme .breadcrumb .separator {
        padding: 0px 10px;
        color: #7E6E6E; }
      .layoutBox1.defaultTheme .breadcrumb a, .layoutBox1.forumTheme .breadcrumb a, .layoutBox1.rightBackground1Theme .breadcrumb a, .layoutBox1.dynamicPageTheme .breadcrumb a, .layoutBox1.shopPurchaseTheme .breadcrumb a, .layoutBox1.tempVideoTheme .breadcrumb a {
        color: #cec59f;
        text-decoration: none; }
        .layoutBox1.defaultTheme .breadcrumb a:hover, .layoutBox1.forumTheme .breadcrumb a:hover, .layoutBox1.rightBackground1Theme .breadcrumb a:hover, .layoutBox1.dynamicPageTheme .breadcrumb a:hover, .layoutBox1.shopPurchaseTheme .breadcrumb a:hover, .layoutBox1.tempVideoTheme .breadcrumb a:hover {
          text-decoration: underline;
          text-shadow: 0px 0px 2px #8c7f48; }
  .layoutBox1.forumTheme {
    border: 1px solid #302E2E;
    display: block;
    /*
    &.layoutBoxFull
        {
          width: $layoutBoxFullWidth;
        }

        &.layoutBoxHalf
        {
          width: $layoutBoxHalfWidth;
        }*/ }
  .layoutBox1.rightBackground1Theme {
    background: #0D0D0D url('/image/layout/map.png?1525390446000') no-repeat top right; }
    .layoutBox1.rightBackground1Theme .poeForm {
      width: 50%; }
    .layoutBox1.rightBackground1Theme .botBar, .layoutBox1.rightBackground1Theme .topBar, .layoutBox1.rightBackground1Theme .topBar.last, .layoutBox1.rightBackground1Theme .botBar.first {
      background: url('/image/layout/breadcrumb-background.png?1525390446000') left repeat-y transparent;
      border: 1px solid rgba(5, 5, 5, 0.29);
      background: -owg-linear-gradient(left, #131313, rgba(12, 12, 12, 0.3) 60%, rgba(12, 12, 12, 0));
      background: -webkit-linear-gradient(left, #131313, rgba(12, 12, 12, 0.3) 60%, rgba(12, 12, 12, 0));
      background: -moz-linear-gradient(left, #131313, rgba(12, 12, 12, 0.3) 60%, rgba(12, 12, 12, 0));
      background: -o-linear-gradient(left, #131313, rgba(12, 12, 12, 0.3) 60%, rgba(12, 12, 12, 0));
      -pie-background: -pie-linear-gradient(left, #131313, rgba(12, 12, 12, 0.3) 60%, rgba(12, 12, 12, 0));
      background: linear-gradient(left, #131313, rgba(12, 12, 12, 0.3) 60%, rgba(12, 12, 12, 0)); }
  .layoutBox1.dynamicPageTheme {
    background: #000; }
  .layoutBox1.darkTheme {
    background: #000; }
  .layoutBox1.noneTheme {
    background: transparent;
    border: none; }
  .layoutBox1.shopPurchaseTheme {
    background: #000; }
  .layoutBox1.tempVideoTheme {
    width: 376px; }

.layoutBoxBorder1, .layoutBox1 {
  /*
  .layoutBoxT
   {
     background: image-url("box-tl.jpg") no-repeat top left;
     line-height: 1px;
     font-size: 1px;
     height: 4px;
     width: 100%;
     
     span
     {
       position: relative;
       display: block;
       height: 4px;
       background: image-url("box-tr.jpg") no-repeat top right;
       line-height: 1px;
       font-size: 1px;
     }
   }
   
   .layoutBoxB
   {
     height: 4px;
     width: 100%;
     background: image-url("box-bl.jpg") no-repeat bottom left;
     line-height: 1px;
     font-size: 1px;
     
     span
     {
       height: 4px;
       position: relative;
       display: block;
       background: image-url("box-br.jpg") no-repeat bottom right;
       line-height: 1px;
       font-size: 1px;
     }
   }*/
  /*
  .layoutBoxContent
    {
      background: image-url("box-r.jpg") right repeat-y transparent;
      padding: 0px 4px;
    }*/ }
  .layoutBoxBorder1 .layoutBoxL, .layoutBox1 .layoutBoxL {
    background-image: url('/image/box-l.jpg?1525390452000');
    background-repeat: repeat-y; }
  .layoutBoxBorder1.padded, .padded.layoutBox1 {
    padding: 0px; }
    .layoutBoxBorder1.padded .layoutBoxContent, .padded.layoutBox1 .layoutBoxContent {
      padding: 10px 14px; }
  .layoutBoxBorder1 .layoutBoxBotControlsSpacer, .layoutBox1 .layoutBoxBotControlsSpacer {
    background: url('/image/box-r.jpg?1525390452000') right repeat-y transparent; }
  .layoutBoxBorder1 .layoutBoxBotControls, .layoutBox1 .layoutBoxBotControls {
    top: 6px;
    position: absolute;
    bottom: 10px;
    width: 100%;
    background: url('/image/box-r.jpg?1525390452000') right repeat-y transparent; }

.header > .navigation {
  list-style: none;
  font-weight: bold;
  width: 978px;
  font-size: 16.5px;
  position: absolute;
  bottom: 0;
  left: 0px;
  right: 0px;
  z-index: 20;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .header > .navigation #nav-game a, .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .header > .navigation #nav-game:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .header > .navigation #nav-game:hover div.dropDown {
    left: -35px; }
  .header > .navigation #nav-home {
    margin-left: 82px; }
    .header > .navigation #nav-home a, .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: 0px -200px;
      width: 111px;
      height: 50px; }
    .header > .navigation #nav-home a span {
      background-position: 0px -250px; }
    .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .header > .navigation #nav-home:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .header > .navigation #nav-home:hover div.dropDown {
      left: -39px; }
  .header > .navigation #nav-forum a, .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite.png?1527463961000') no-repeat no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .header > .navigation #nav-forum:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .header > .navigation #nav-forum:hover div.dropDown {
    left: -35px; }
  .header > .navigation #nav-events {
    margin-left: 116px; }
    .header > .navigation #nav-events a, .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .header > .navigation #nav-events:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .header > .navigation #nav-events:hover div.dropDown {
      left: -34.5px; }
  .header > .navigation #nav-shop a, .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite.png?1527463961000') no-repeat no-repeat;
    background-position: -239px -100px;
    width: 112px;
    height: 50px; }
  .header > .navigation #nav-shop a span {
    background-position: -239px -150px; }
  .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .header > .navigation #nav-shop:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .header > .navigation #nav-shop:hover div.dropDown {
    left: -38.5px; }
  .header > .navigation #nav-trade a, .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite.png?1527463961000') no-repeat no-repeat;
    background-position: -239px 0px;
    width: 119px;
    height: 50px; }
  .header > .navigation #nav-trade a span {
    background-position: -239px -50px; }
  .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .header > .navigation #nav-trade:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .header > .navigation #nav-trade:hover div.dropDown {
    left: -35px; }
  .en_US .header > .navigation #nav-game a, .en_US .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .en_US .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .en_US .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .en_US .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .en_US .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .en_US .header > .navigation #nav-game:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .en_US .header > .navigation #nav-game:hover div.dropDown {
    left: -35px; }
  .en_US .header > .navigation #nav-home {
    margin-left: 82px; }
    .en_US .header > .navigation #nav-home a, .en_US .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: 0px -200px;
      width: 111px;
      height: 50px; }
    .en_US .header > .navigation #nav-home a span {
      background-position: 0px -250px; }
    .en_US .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .en_US .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .en_US .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .en_US .header > .navigation #nav-home:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .en_US .header > .navigation #nav-home:hover div.dropDown {
      left: -39px; }
  .en_US .header > .navigation #nav-forum a, .en_US .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite.png?1527463961000') no-repeat no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .en_US .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .en_US .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .en_US .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .en_US .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .en_US .header > .navigation #nav-forum:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .en_US .header > .navigation #nav-forum:hover div.dropDown {
    left: -35px; }
  .en_US .header > .navigation #nav-events {
    margin-left: 116px; }
    .en_US .header > .navigation #nav-events a, .en_US .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .en_US .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .en_US .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .en_US .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .en_US .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .en_US .header > .navigation #nav-events:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .en_US .header > .navigation #nav-events:hover div.dropDown {
      left: -34.5px; }
  .en_US .header > .navigation #nav-shop a, .en_US .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite.png?1527463961000') no-repeat no-repeat;
    background-position: -239px -100px;
    width: 112px;
    height: 50px; }
  .en_US .header > .navigation #nav-shop a span {
    background-position: -239px -150px; }
  .en_US .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .en_US .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .en_US .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .en_US .header > .navigation #nav-shop:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .en_US .header > .navigation #nav-shop:hover div.dropDown {
    left: -38.5px; }
  .en_US .header > .navigation #nav-trade a, .en_US .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite.png?1527463961000') no-repeat no-repeat;
    background-position: -239px 0px;
    width: 119px;
    height: 50px; }
  .en_US .header > .navigation #nav-trade a span {
    background-position: -239px -50px; }
  .en_US .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .en_US .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .en_US .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .en_US .header > .navigation #nav-trade:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .en_US .header > .navigation #nav-trade:hover div.dropDown {
    left: -35px; }
  .zh_TW .header > .navigation #nav-game a, .zh_TW .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite-zh.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .zh_TW .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .zh_TW .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .zh_TW .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .zh_TW .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .zh_TW .header > .navigation #nav-game:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .zh_TW .header > .navigation #nav-game:hover div.dropDown {
    left: -35px; }
  .zh_TW .header > .navigation #nav-home {
    margin-left: 82px; }
    .zh_TW .header > .navigation #nav-home a, .zh_TW .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite-zh.png?1527463961000') no-repeat no-repeat;
      background-position: 0px -200px;
      width: 111px;
      height: 50px; }
    .zh_TW .header > .navigation #nav-home a span {
      background-position: 0px -250px; }
    .zh_TW .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .zh_TW .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .zh_TW .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .zh_TW .header > .navigation #nav-home:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .zh_TW .header > .navigation #nav-home:hover div.dropDown {
      left: -39px; }
  .zh_TW .header > .navigation #nav-forum a, .zh_TW .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite-zh.png?1527463961000') no-repeat no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .zh_TW .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .zh_TW .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .zh_TW .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .zh_TW .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .zh_TW .header > .navigation #nav-forum:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .zh_TW .header > .navigation #nav-forum:hover div.dropDown {
    left: -35px; }
  .zh_TW .header > .navigation #nav-events {
    margin-left: 116px; }
    .zh_TW .header > .navigation #nav-events a, .zh_TW .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite-zh.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .zh_TW .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .zh_TW .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .zh_TW .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .zh_TW .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .zh_TW .header > .navigation #nav-events:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .zh_TW .header > .navigation #nav-events:hover div.dropDown {
      left: -34.5px; }
  .zh_TW .header > .navigation #nav-shop a, .zh_TW .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite-zh.png?1527463961000') no-repeat no-repeat;
    background-position: -239px -100px;
    width: 112px;
    height: 50px; }
  .zh_TW .header > .navigation #nav-shop a span {
    background-position: -239px -150px; }
  .zh_TW .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .zh_TW .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .zh_TW .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .zh_TW .header > .navigation #nav-shop:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .zh_TW .header > .navigation #nav-shop:hover div.dropDown {
    left: -38.5px; }
  .zh_TW .header > .navigation #nav-trade a, .zh_TW .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite-zh.png?1527463961000') no-repeat no-repeat;
    background-position: -239px 0px;
    width: 119px;
    height: 50px; }
  .zh_TW .header > .navigation #nav-trade a span {
    background-position: -239px -50px; }
  .zh_TW .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .zh_TW .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .zh_TW .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .zh_TW .header > .navigation #nav-trade:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .zh_TW .header > .navigation #nav-trade:hover div.dropDown {
    left: -35px; }
  .zh_CN .header > .navigation #nav-game a, .zh_CN .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite-zh.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .zh_CN .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .zh_CN .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .zh_CN .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .zh_CN .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .zh_CN .header > .navigation #nav-game:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .zh_CN .header > .navigation #nav-game:hover div.dropDown {
    left: -35px; }
  .zh_CN .header > .navigation #nav-home {
    margin-left: 82px; }
    .zh_CN .header > .navigation #nav-home a, .zh_CN .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite-zh.png?1527463961000') no-repeat no-repeat;
      background-position: 0px -200px;
      width: 111px;
      height: 50px; }
    .zh_CN .header > .navigation #nav-home a span {
      background-position: 0px -250px; }
    .zh_CN .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .zh_CN .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .zh_CN .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .zh_CN .header > .navigation #nav-home:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .zh_CN .header > .navigation #nav-home:hover div.dropDown {
      left: -39px; }
  .zh_CN .header > .navigation #nav-forum a, .zh_CN .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite-zh.png?1527463961000') no-repeat no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .zh_CN .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .zh_CN .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .zh_CN .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .zh_CN .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .zh_CN .header > .navigation #nav-forum:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .zh_CN .header > .navigation #nav-forum:hover div.dropDown {
    left: -35px; }
  .zh_CN .header > .navigation #nav-events {
    margin-left: 116px; }
    .zh_CN .header > .navigation #nav-events a, .zh_CN .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite-zh.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .zh_CN .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .zh_CN .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .zh_CN .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .zh_CN .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .zh_CN .header > .navigation #nav-events:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .zh_CN .header > .navigation #nav-events:hover div.dropDown {
      left: -34.5px; }
  .zh_CN .header > .navigation #nav-shop a, .zh_CN .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite-zh.png?1527463961000') no-repeat no-repeat;
    background-position: -239px -100px;
    width: 112px;
    height: 50px; }
  .zh_CN .header > .navigation #nav-shop a span {
    background-position: -239px -150px; }
  .zh_CN .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .zh_CN .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .zh_CN .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .zh_CN .header > .navigation #nav-shop:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .zh_CN .header > .navigation #nav-shop:hover div.dropDown {
    left: -38.5px; }
  .zh_CN .header > .navigation #nav-trade a, .zh_CN .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite-zh.png?1527463961000') no-repeat no-repeat;
    background-position: -239px 0px;
    width: 119px;
    height: 50px; }
  .zh_CN .header > .navigation #nav-trade a span {
    background-position: -239px -50px; }
  .zh_CN .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .zh_CN .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .zh_CN .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .zh_CN .header > .navigation #nav-trade:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .zh_CN .header > .navigation #nav-trade:hover div.dropDown {
    left: -35px; }
  .th_TH .header > .navigation #nav-game a, .th_TH .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite-th_TH.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .th_TH .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .th_TH .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .th_TH .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .th_TH .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .th_TH .header > .navigation #nav-game:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .th_TH .header > .navigation #nav-game:hover div.dropDown {
    left: -35px; }
  .th_TH .header > .navigation #nav-home {
    margin-left: 82px; }
    .th_TH .header > .navigation #nav-home a, .th_TH .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite-th_TH.png?1527463961000') no-repeat no-repeat;
      background-position: 0px -200px;
      width: 111px;
      height: 50px; }
    .th_TH .header > .navigation #nav-home a span {
      background-position: 0px -250px; }
    .th_TH .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .th_TH .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .th_TH .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .th_TH .header > .navigation #nav-home:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .th_TH .header > .navigation #nav-home:hover div.dropDown {
      left: -39px; }
  .th_TH .header > .navigation #nav-forum a, .th_TH .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite-th_TH.png?1527463961000') no-repeat no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .th_TH .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .th_TH .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .th_TH .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .th_TH .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .th_TH .header > .navigation #nav-forum:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .th_TH .header > .navigation #nav-forum:hover div.dropDown {
    left: -35px; }
  .th_TH .header > .navigation #nav-events {
    margin-left: 116px; }
    .th_TH .header > .navigation #nav-events a, .th_TH .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite-th_TH.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .th_TH .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .th_TH .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .th_TH .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .th_TH .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .th_TH .header > .navigation #nav-events:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .th_TH .header > .navigation #nav-events:hover div.dropDown {
      left: -34.5px; }
  .th_TH .header > .navigation #nav-shop a, .th_TH .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite-th_TH.png?1527463961000') no-repeat no-repeat;
    background-position: -239px -100px;
    width: 112px;
    height: 50px; }
  .th_TH .header > .navigation #nav-shop a span {
    background-position: -239px -150px; }
  .th_TH .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .th_TH .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .th_TH .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .th_TH .header > .navigation #nav-shop:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .th_TH .header > .navigation #nav-shop:hover div.dropDown {
    left: -38.5px; }
  .th_TH .header > .navigation #nav-trade a, .th_TH .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite-th_TH.png?1527463961000') no-repeat no-repeat;
    background-position: -239px 0px;
    width: 119px;
    height: 50px; }
  .th_TH .header > .navigation #nav-trade a span {
    background-position: -239px -50px; }
  .th_TH .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .th_TH .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .th_TH .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .th_TH .header > .navigation #nav-trade:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .th_TH .header > .navigation #nav-trade:hover div.dropDown {
    left: -35px; }
  .ru_RU .header > .navigation #nav-game a, .ru_RU .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite-ru_RU.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .ru_RU .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .ru_RU .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .ru_RU .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .ru_RU .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .ru_RU .header > .navigation #nav-game:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .ru_RU .header > .navigation #nav-game:hover div.dropDown {
    left: -35px; }
  .ru_RU .header > .navigation #nav-home {
    margin-left: 82px; }
    .ru_RU .header > .navigation #nav-home a, .ru_RU .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite-ru_RU.png?1527463961000') no-repeat no-repeat;
      background-position: 0px -200px;
      width: 111px;
      height: 50px; }
    .ru_RU .header > .navigation #nav-home a span {
      background-position: 0px -250px; }
    .ru_RU .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .ru_RU .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .ru_RU .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .ru_RU .header > .navigation #nav-home:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .ru_RU .header > .navigation #nav-home:hover div.dropDown {
      left: -39px; }
  .ru_RU .header > .navigation #nav-forum a, .ru_RU .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite-ru_RU.png?1527463961000') no-repeat no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .ru_RU .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .ru_RU .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .ru_RU .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .ru_RU .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .ru_RU .header > .navigation #nav-forum:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .ru_RU .header > .navigation #nav-forum:hover div.dropDown {
    left: -35px; }
  .ru_RU .header > .navigation #nav-events {
    margin-left: 116px; }
    .ru_RU .header > .navigation #nav-events a, .ru_RU .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite-ru_RU.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .ru_RU .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .ru_RU .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .ru_RU .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .ru_RU .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .ru_RU .header > .navigation #nav-events:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .ru_RU .header > .navigation #nav-events:hover div.dropDown {
      left: -34.5px; }
  .ru_RU .header > .navigation #nav-shop a, .ru_RU .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite-ru_RU.png?1527463961000') no-repeat no-repeat;
    background-position: -239px -100px;
    width: 112px;
    height: 50px; }
  .ru_RU .header > .navigation #nav-shop a span {
    background-position: -239px -150px; }
  .ru_RU .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .ru_RU .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .ru_RU .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .ru_RU .header > .navigation #nav-shop:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .ru_RU .header > .navigation #nav-shop:hover div.dropDown {
    left: -38.5px; }
  .ru_RU .header > .navigation #nav-trade a, .ru_RU .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite-ru_RU.png?1527463961000') no-repeat no-repeat;
    background-position: -239px 0px;
    width: 119px;
    height: 50px; }
  .ru_RU .header > .navigation #nav-trade a span {
    background-position: -239px -50px; }
  .ru_RU .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .ru_RU .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .ru_RU .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .ru_RU .header > .navigation #nav-trade:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .ru_RU .header > .navigation #nav-trade:hover div.dropDown {
    left: -35px; }
  .pt_BR .header > .navigation #nav-game a, .pt_BR .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite-pt_BR.png?1527463961000') no-repeat no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .pt_BR .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .pt_BR .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .pt_BR .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .pt_BR .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .pt_BR .header > .navigation #nav-game:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .pt_BR .header > .navigation #nav-game:hover div.dropDown {
    left: -35px; }
  .pt_BR .header > .navigation #nav-home {
    margin-left: 82px; }
    .pt_BR .header > .navigation #nav-home a, .pt_BR .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite-pt_BR.png?1527463961000') no-repeat no-repeat;
      background-position: 0px -200px;
      width: 111px;
      height: 50px; }
    .pt_BR .header > .navigation #nav-home a span {
      background-position: 0px -250px; }
    .pt_BR .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .pt_BR .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .pt_BR .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .pt_BR .header > .navigation #nav-home:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .pt_BR .header > .navigation #nav-home:hover div.dropDown {
      left: -39px; }
  .pt_BR .header > .navigation #nav-forum a, .pt_BR .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite-pt_BR.png?1527463961000') no-repeat no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .pt_BR .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .pt_BR .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .pt_BR .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .pt_BR .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .pt_BR .header > .navigation #nav-forum:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .pt_BR .header > .navigation #nav-forum:hover div.dropDown {
    left: -35px; }
  .pt_BR .header > .navigation #nav-events {
    margin-left: 116px; }
    .pt_BR .header > .navigation #nav-events a, .pt_BR .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite-pt_BR.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .pt_BR .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .pt_BR .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .pt_BR .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .pt_BR .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .pt_BR .header > .navigation #nav-events:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .pt_BR .header > .navigation #nav-events:hover div.dropDown {
      left: -34.5px; }
  .pt_BR .header > .navigation #nav-shop a, .pt_BR .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite-pt_BR.png?1527463961000') no-repeat no-repeat;
    background-position: -239px -100px;
    width: 112px;
    height: 50px; }
  .pt_BR .header > .navigation #nav-shop a span {
    background-position: -239px -150px; }
  .pt_BR .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .pt_BR .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .pt_BR .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .pt_BR .header > .navigation #nav-shop:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .pt_BR .header > .navigation #nav-shop:hover div.dropDown {
    left: -38.5px; }
  .pt_BR .header > .navigation #nav-trade a, .pt_BR .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite-pt_BR.png?1527463961000') no-repeat no-repeat;
    background-position: -239px 0px;
    width: 119px;
    height: 50px; }
  .pt_BR .header > .navigation #nav-trade a span {
    background-position: -239px -50px; }
  .pt_BR .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .pt_BR .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .pt_BR .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .pt_BR .header > .navigation #nav-trade:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .pt_BR .header > .navigation #nav-trade:hover div.dropDown {
    left: -35px; }
  .de_DE .header > .navigation #nav-game a, .de_DE .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite-de_DE.png?1527463962000') no-repeat no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .de_DE .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .de_DE .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .de_DE .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .de_DE .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .de_DE .header > .navigation #nav-game:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .de_DE .header > .navigation #nav-game:hover div.dropDown {
    left: -35px; }
  .de_DE .header > .navigation #nav-home {
    margin-left: 82px; }
    .de_DE .header > .navigation #nav-home a, .de_DE .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite-de_DE.png?1527463962000') no-repeat no-repeat;
      background-position: 0px -200px;
      width: 111px;
      height: 50px; }
    .de_DE .header > .navigation #nav-home a span {
      background-position: 0px -250px; }
    .de_DE .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .de_DE .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .de_DE .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .de_DE .header > .navigation #nav-home:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .de_DE .header > .navigation #nav-home:hover div.dropDown {
      left: -39px; }
  .de_DE .header > .navigation #nav-forum a, .de_DE .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite-de_DE.png?1527463962000') no-repeat no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .de_DE .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .de_DE .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .de_DE .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .de_DE .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .de_DE .header > .navigation #nav-forum:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .de_DE .header > .navigation #nav-forum:hover div.dropDown {
    left: -35px; }
  .de_DE .header > .navigation #nav-events {
    margin-left: 116px; }
    .de_DE .header > .navigation #nav-events a, .de_DE .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite-de_DE.png?1527463962000') no-repeat no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .de_DE .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .de_DE .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .de_DE .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .de_DE .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .de_DE .header > .navigation #nav-events:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .de_DE .header > .navigation #nav-events:hover div.dropDown {
      left: -34.5px; }
  .de_DE .header > .navigation #nav-shop a, .de_DE .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite-de_DE.png?1527463962000') no-repeat no-repeat;
    background-position: -239px -100px;
    width: 112px;
    height: 50px; }
  .de_DE .header > .navigation #nav-shop a span {
    background-position: -239px -150px; }
  .de_DE .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .de_DE .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .de_DE .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .de_DE .header > .navigation #nav-shop:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .de_DE .header > .navigation #nav-shop:hover div.dropDown {
    left: -38.5px; }
  .de_DE .header > .navigation #nav-trade a, .de_DE .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite-de_DE.png?1527463962000') no-repeat no-repeat;
    background-position: -239px 0px;
    width: 119px;
    height: 50px; }
  .de_DE .header > .navigation #nav-trade a span {
    background-position: -239px -50px; }
  .de_DE .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .de_DE .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .de_DE .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .de_DE .header > .navigation #nav-trade:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .de_DE .header > .navigation #nav-trade:hover div.dropDown {
    left: -35px; }
  .es_ES .header > .navigation #nav-game a, .es_ES .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite-es_ES.png?1527463962000') no-repeat no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .es_ES .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .es_ES .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .es_ES .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .es_ES .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .es_ES .header > .navigation #nav-game:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .es_ES .header > .navigation #nav-game:hover div.dropDown {
    left: -35px; }
  .es_ES .header > .navigation #nav-home {
    margin-left: 82px; }
    .es_ES .header > .navigation #nav-home a, .es_ES .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite-es_ES.png?1527463962000') no-repeat no-repeat;
      background-position: 0px -200px;
      width: 111px;
      height: 50px; }
    .es_ES .header > .navigation #nav-home a span {
      background-position: 0px -250px; }
    .es_ES .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .es_ES .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .es_ES .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .es_ES .header > .navigation #nav-home:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .es_ES .header > .navigation #nav-home:hover div.dropDown {
      left: -39px; }
  .es_ES .header > .navigation #nav-forum a, .es_ES .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite-es_ES.png?1527463962000') no-repeat no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .es_ES .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .es_ES .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .es_ES .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .es_ES .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .es_ES .header > .navigation #nav-forum:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .es_ES .header > .navigation #nav-forum:hover div.dropDown {
    left: -35px; }
  .es_ES .header > .navigation #nav-events {
    margin-left: 116px; }
    .es_ES .header > .navigation #nav-events a, .es_ES .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite-es_ES.png?1527463962000') no-repeat no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .es_ES .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .es_ES .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .es_ES .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .es_ES .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .es_ES .header > .navigation #nav-events:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .es_ES .header > .navigation #nav-events:hover div.dropDown {
      left: -34.5px; }
  .es_ES .header > .navigation #nav-shop a, .es_ES .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite-es_ES.png?1527463962000') no-repeat no-repeat;
    background-position: -239px -100px;
    width: 112px;
    height: 50px; }
  .es_ES .header > .navigation #nav-shop a span {
    background-position: -239px -150px; }
  .es_ES .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .es_ES .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .es_ES .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .es_ES .header > .navigation #nav-shop:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .es_ES .header > .navigation #nav-shop:hover div.dropDown {
    left: -38.5px; }
  .es_ES .header > .navigation #nav-trade a, .es_ES .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite-es_ES.png?1527463962000') no-repeat no-repeat;
    background-position: -239px 0px;
    width: 119px;
    height: 50px; }
  .es_ES .header > .navigation #nav-trade a span {
    background-position: -239px -50px; }
  .es_ES .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .es_ES .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .es_ES .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .es_ES .header > .navigation #nav-trade:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .es_ES .header > .navigation #nav-trade:hover div.dropDown {
    left: -35px; }
  .fr_FR .header > .navigation #nav-game a, .fr_FR .header > .navigation #nav-game a span {
    background: url('/image/gen/nav-button-sprite-fr_FR.png?1527463962000') no-repeat no-repeat;
    background-position: 0px -100px;
    width: 119px;
    height: 50px; }
  .fr_FR .header > .navigation #nav-game a span {
    background-position: 0px -150px; }
  .fr_FR .header > .navigation #nav-game a {
    overflow: hidden;
    text-indent: -9999em; }
    .fr_FR .header > .navigation #nav-game a span {
      display: block;
      opacity: 0; }
  .fr_FR .header > .navigation #nav-game ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .fr_FR .header > .navigation #nav-game:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .fr_FR .header > .navigation #nav-game:hover div.dropDown {
    left: -35px; }
  .fr_FR .header > .navigation #nav-home {
    margin-left: 82px; }
    .fr_FR .header > .navigation #nav-home a, .fr_FR .header > .navigation #nav-home a span {
      background: url('/image/gen/nav-button-sprite-fr_FR.png?1527463962000') no-repeat no-repeat;
      background-position: 0px -200px;
      width: 111px;
      height: 50px; }
    .fr_FR .header > .navigation #nav-home a span {
      background-position: 0px -250px; }
    .fr_FR .header > .navigation #nav-home a {
      overflow: hidden;
      text-indent: -9999em; }
      .fr_FR .header > .navigation #nav-home a span {
        display: block;
        opacity: 0; }
    .fr_FR .header > .navigation #nav-home ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .fr_FR .header > .navigation #nav-home:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .fr_FR .header > .navigation #nav-home:hover div.dropDown {
      left: -39px; }
  .fr_FR .header > .navigation #nav-forum a, .fr_FR .header > .navigation #nav-forum a span {
    background: url('/image/gen/nav-button-sprite-fr_FR.png?1527463962000') no-repeat no-repeat;
    background-position: -120px 0px;
    width: 119px;
    height: 50px; }
  .fr_FR .header > .navigation #nav-forum a span {
    background-position: -120px -50px; }
  .fr_FR .header > .navigation #nav-forum a {
    overflow: hidden;
    text-indent: -9999em; }
    .fr_FR .header > .navigation #nav-forum a span {
      display: block;
      opacity: 0; }
  .fr_FR .header > .navigation #nav-forum ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .fr_FR .header > .navigation #nav-forum:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .fr_FR .header > .navigation #nav-forum:hover div.dropDown {
    left: -35px; }
  .fr_FR .header > .navigation #nav-events {
    margin-left: 116px; }
    .fr_FR .header > .navigation #nav-events a, .fr_FR .header > .navigation #nav-events a span {
      background: url('/image/gen/nav-button-sprite-fr_FR.png?1527463962000') no-repeat no-repeat;
      background-position: 0px 0px;
      width: 120px;
      height: 50px; }
    .fr_FR .header > .navigation #nav-events a span {
      background-position: 0px -50px; }
    .fr_FR .header > .navigation #nav-events a {
      overflow: hidden;
      text-indent: -9999em; }
      .fr_FR .header > .navigation #nav-events a span {
        display: block;
        opacity: 0; }
    .fr_FR .header > .navigation #nav-events ul a {
      text-decoration: none;
      background: none;
      text-indent: 0em;
      width: auto;
      height: auto; }
    .fr_FR .header > .navigation #nav-events:hover a span {
      -webkit-transition: 0.2s linear opacity;
      -moz-transition: 0.2s linear opacity false;
      -o-transition: 0.2s linear opacity false;
      transition: 0.2s linear opacity;
      opacity: 1; }
    .fr_FR .header > .navigation #nav-events:hover div.dropDown {
      left: -34.5px; }
  .fr_FR .header > .navigation #nav-shop a, .fr_FR .header > .navigation #nav-shop a span {
    background: url('/image/gen/nav-button-sprite-fr_FR.png?1527463962000') no-repeat no-repeat;
    background-position: -239px -100px;
    width: 112px;
    height: 50px; }
  .fr_FR .header > .navigation #nav-shop a span {
    background-position: -239px -150px; }
  .fr_FR .header > .navigation #nav-shop a {
    overflow: hidden;
    text-indent: -9999em; }
    .fr_FR .header > .navigation #nav-shop a span {
      display: block;
      opacity: 0; }
  .fr_FR .header > .navigation #nav-shop ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .fr_FR .header > .navigation #nav-shop:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .fr_FR .header > .navigation #nav-shop:hover div.dropDown {
    left: -38.5px; }
  .fr_FR .header > .navigation #nav-trade a, .fr_FR .header > .navigation #nav-trade a span {
    background: url('/image/gen/nav-button-sprite-fr_FR.png?1527463962000') no-repeat no-repeat;
    background-position: -239px 0px;
    width: 119px;
    height: 50px; }
  .fr_FR .header > .navigation #nav-trade a span {
    background-position: -239px -50px; }
  .fr_FR .header > .navigation #nav-trade a {
    overflow: hidden;
    text-indent: -9999em; }
    .fr_FR .header > .navigation #nav-trade a span {
      display: block;
      opacity: 0; }
  .fr_FR .header > .navigation #nav-trade ul a {
    text-decoration: none;
    background: none;
    text-indent: 0em;
    width: auto;
    height: auto; }
  .fr_FR .header > .navigation #nav-trade:hover a span {
    -webkit-transition: 0.2s linear opacity;
    -moz-transition: 0.2s linear opacity false;
    -o-transition: 0.2s linear opacity false;
    transition: 0.2s linear opacity;
    opacity: 1; }
  .fr_FR .header > .navigation #nav-trade:hover div.dropDown {
    left: -35px; }
  .header > .navigation a {
    display: block;
    padding: 0px;
    text-decoration: none;
    color: #e8ba7f;
    font-size: 16.5px; }
    .header > .navigation a:hover {
      color: #FAE3B9;
      text-shadow: 0px 0px 3px #F58A43; }
  .header > .navigation li {
    float: left;
    position: relative;
    background: none;
    padding: 0px;
    cursor: default; }
    .header > .navigation li .separator {
      background: url('/image/forum/forum-sep.png?1525390445000') no-repeat center center;
      height: 20px; }
  .header > .navigation div.dropDown {
    left: -10000px;
    position: absolute;
    list-style: none;
    padding: 0px;
    opacity: 0;
    text-align: center;
    z-index: 20;
    font-size: 90%;
    -webkit-transform: translateZ(0); }
    .header > .navigation div.dropDown ul {
      background: url('/image/layout/navigation/dropdown/frame-background.png?1525390446000') repeat-y top left;
      width: 189px;
      padding: 10px 0px 10px 0px; }
      .ru_RU .header > .navigation div.dropDown ul li, .ru_RU .header > .navigation div.dropDown ul li a {
        font-size: 14px; }
    .header > .navigation div.dropDown .top, .header > .navigation div.dropDown .bot {
      left: -7.5px;
      position: absolute;
      z-index: 20; }
    .header > .navigation div.dropDown .top {
      background: url('/image/gen/dropdown-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: 0px -24px;
      width: 204px;
      height: 24px;
      top: -14px; }
    .header > .navigation div.dropDown .bot {
      background: url('/image/gen/dropdown-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: 0px 0px;
      width: 204px;
      height: 24px;
      bottom: -13px; }
    .header > .navigation div.dropDown a {
      white-space: nowrap; }
    .header > .navigation div.dropDown li {
      padding-top: 1px;
      float: none; }
  .header > .navigation li:hover div.dropDown {
    -webkit-transition: 0.175s linear opacity;
    -moz-transition: 0.175s linear opacity false;
    -o-transition: 0.175s linear opacity false;
    transition: 0.175s linear opacity;
    opacity: 1; }
    .header > .navigation li:hover div.dropDown a {
      text-decoration: none; }
    .header > .navigation li:hover div.dropDown li a:hover {
      background: rgba(114, 81, 62, 0.1); }
  .header > .navigation li.hoverHide div.dropDown {
    opacity: 0;
    left: -10000px; }
  .header > .navigation li.hoverShow div.dropDown {
    opacity: 1; }

#mainAdminNav {
  position: absolute;
  right: 22px;
  bottom: 82px;
  width: 270px;
  font-size: 80%;
  z-index: 1; }
  #mainAdminNav a {
    color: rgba(145, 142, 139, 0.87);
    margin: 0px 7px 3px 0px;
    float: left;
    text-decoration: none;
    background: rgba(41, 41, 41, 0.63);
    padding: 2px;
    border-radius: 2px; }
    #mainAdminNav a:hover {
      color: #fff; }

.sbox-container {
  float: left; }

.sbox {
  width: 300px;
  margin: 0px 0px 6px 6px;
  /*background-color: #333;*/ }

.mbox-container {
  float: left; }

.mbox {
  width: 607px;
  margin: 0px 0px 6px 6px;
  /*background-color: #333;*/ }

.hbox-container {
  float: left; }

.hbox, .itemDataIndex .itemGroup {
  width: 454px;
  margin: 0px 6px 6px 0px;
  /*background-color: #333;*/ }

.seasonInfo {
  background-color: #000;
  background-position: top right;
  background-repeat: no-repeat;
  position: relative;
  clear: both;
  height: 638px;
  width: 920px; }
  .seasonInfo .pointsBackground {
    position: absolute;
    top: 440px;
    left: 0px;
    background: url('/image/season/one-small.jpg?1525390447000');
    height: 206px;
    width: 920px; }
  .seasonInfo#race-season-one {
    background: url('/image/season/one.jpg?1525390447000'); }
    .seasonInfo#race-season-one .pointsBackground {
      display: none; }
    .seasonInfo#race-season-one.garena {
      background: #000 url('/image/season/six.jpg?1525390447000') top right no-repeat; }
      .seasonInfo#race-season-one.garena .pointsBackground {
        display: block;
        background-image: url('/image/season/six-background.jpg?1525390447000');
        height: 217px;
        top: 410px; }
      .seasonInfo#race-season-one.garena.small .pointsBackground {
        display: none; }
  .seasonInfo#race-season-two {
    background-image: url('/image/season/two.jpg?1525390447000'); }
    .seasonInfo#race-season-two.garena {
      background-image: url('/image/season/seven.jpg?1525390447000'); }
      .seasonInfo#race-season-two.garena .pointsBackground {
        background-image: url('/image/season/six-background.jpg?1525390447000');
        height: 217px;
        top: 410px; }
  .seasonInfo#race-season-three {
    background-image: url('/image/season/three.jpg?1525390447000'); }
    .seasonInfo#race-season-three.garena {
      background-image: url('/image/season/eight.png?1525390447000'); }
      .seasonInfo#race-season-three.garena .pointsBackground {
        background-image: url('/image/season/six-background.jpg?1525390447000');
        height: 217px;
        top: 410px; }
    .seasonInfo#race-season-three.garena_tw {
      background-image: url('/image/season/eleven.jpg?1525390447000'); }
      .seasonInfo#race-season-three.garena_tw .pointsBackground {
        background-image: none !important;
        height: 0px;
        top: 0px; }
    .seasonInfo#race-season-three .pointsBackground {
      display: none; }
  .seasonInfo#race-season-four {
    background-image: url('/image/season/four-top-bg.jpg?1525390447000'); }
    .seasonInfo#race-season-four.garena {
      background-image: url('/image/season/nine.jpg?1525390447000'); }
      .seasonInfo#race-season-four.garena .pointsBackground {
        background-image: none !important;
        height: 0px;
        top: 0px; }
  .seasonInfo#race-season-five {
    background-image: url('/image/season/five.jpg?1525390447000'); }
    .seasonInfo#race-season-five.garena {
      background-image: url('/image/season/ten.jpg?1525390447000'); }
      .seasonInfo#race-season-five.garena .pointsBackground {
        background-image: none !important;
        height: 0px;
        top: 0px; }
  .seasonInfo#mini-race-week {
    background-image: url('/image/season/eleven.jpg?1525390447000'); }
    .seasonInfo#mini-race-week.garena {
      background-image: url('/image/season/eleven.jpg?1525390447000'); }
      .seasonInfo#mini-race-week.garena .pointsBackground {
        background-image: none !important;
        height: 0px;
        top: 0px; }
  .seasonInfo#race-season-six {
    background-image: url('/image/season/six.jpg?1525390447000'); }
    .seasonInfo#race-season-six.garena {
      background-image: url('/image/season/eleven.jpg?1525390447000'); }
      .seasonInfo#race-season-six.garena .pointsBackground {
        background-image: none !important;
        height: 0px;
        top: 0px; }
    .seasonInfo#race-season-six .pointsBackground {
      background-image: url('/image/season/six-background.jpg?1525390447000');
      height: 217px;
      top: 410px; }
  .seasonInfo#race-season-seven {
    background-image: url('/image/season/seven.jpg?1525390447000'); }
    .seasonInfo#race-season-seven .pointsBackground {
      background-image: url('/image/season/six-background.jpg?1525390447000');
      height: 217px;
      top: 410px; }
  .seasonInfo#race-season-eight {
    background-image: url('/image/season/eight.png?1525390447000'); }
    .seasonInfo#race-season-eight .pointsBackground {
      background-image: url('/image/season/six-background.jpg?1525390447000');
      height: 217px;
      top: 410px; }
  .seasonInfo#race-season-nine {
    background-image: url('/image/season/nine.jpg?1525390447000'); }
    .seasonInfo#race-season-nine .pointsBackground {
      background-image: none !important;
      height: 0px;
      top: 0px; }
  .seasonInfo#race-season-ten {
    background-image: url('/image/season/ten.jpg?1525390447000'); }
    .seasonInfo#race-season-ten .pointsBackground {
      background-image: none !important;
      height: 0px;
      top: 0px; }
  .seasonInfo#race-season, .seasonInfo#race-season-eleven, .seasonInfo#tw-race-season-three, .seasonInfo#sg-race-season-six, .seasonInfo#pre-awakening-race {
    background-image: url('/image/season/eleven.jpg?1525390447000'); }
    .seasonInfo#race-season .pointsBackground, .seasonInfo#race-season-eleven .pointsBackground, .seasonInfo#tw-race-season-three .pointsBackground, .seasonInfo#sg-race-season-six .pointsBackground, .seasonInfo#pre-awakening-race .pointsBackground {
      background-image: none !important;
      height: 0px;
      top: 0px; }
  .seasonInfo#emberwake-race-season, .seasonInfo#race-it-red {
    background-image: url('/image/season/emberwake.jpg?1525390447000'); }
  .seasonInfo#bloodgrip-race-season {
    background-image: url('/image/season/bloodgrip.jpg?1525390447000'); }
    .seasonInfo#bloodgrip-race-season .pointsBackground {
      background-image: none !important;
      height: 0px;
      top: 0px; }
  .seasonInfo#soulthirst-race-season {
    background-image: url('/image/season/soulthirst.jpg?1525390447000'); }
    .seasonInfo#soulthirst-race-season .pointsBackground {
      background-image: none !important;
      height: 0px;
      top: 0px; }
  .seasonInfo#winterheart-race-season {
    background-image: url('/image/season/winterheart.jpg?1525390447000'); }
    .seasonInfo#winterheart-race-season .pointsBackground {
      background-image: none !important;
      height: 0px;
      top: 0px; }
  .seasonInfo#medallion-race-season {
    background-image: url('/image/season/medallion.png?1525390447000'); }
    .seasonInfo#medallion-race-season .pointsBackground {
      background-image: none !important;
      height: 0px;
      top: 0px; }
  .seasonInfo#us-pvp-season-two, .seasonInfo#eu-pvp-season-two, .seasonInfo#pvp-season-two, .seasonInfo#th-pvp-season-one {
    background-image: url('/image/season/pvp/two.jpg?1525390447000');
    height: 668px; }
    .seasonInfo#us-pvp-season-two.small, .seasonInfo#eu-pvp-season-two.small, .seasonInfo#pvp-season-two.small, .seasonInfo#th-pvp-season-one.small {
      height: 288px; }
    .seasonInfo#us-pvp-season-two .pointsBackground, .seasonInfo#eu-pvp-season-two .pointsBackground, .seasonInfo#pvp-season-two .pointsBackground, .seasonInfo#th-pvp-season-one .pointsBackground {
      background-image: none !important;
      height: 0px;
      top: 0px; }
  .seasonInfo#us-pvp-season-one, .seasonInfo#eu-pvp-season-one, .seasonInfo#pvp-season-one {
    background-image: url('/image/season/pvp/one.jpg?1525390447000');
    height: 668px; }
    .seasonInfo#us-pvp-season-one.small, .seasonInfo#eu-pvp-season-one.small, .seasonInfo#pvp-season-one.small {
      height: 288px; }
    .seasonInfo#us-pvp-season-one .pointsBackground, .seasonInfo#eu-pvp-season-one .pointsBackground, .seasonInfo#pvp-season-one .pointsBackground {
      background-image: none !important;
      height: 0px;
      top: 0px; }
  .seasonInfo .name {
    margin-bottom: 10px;
    font-size: 40px; }
  .seasonInfo .content {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 530px;
    z-index: 150; }
  .seasonInfo.small {
    background-image: url('/image/season/one-small.jpg?1525390447000') !important;
    height: 288px;
    width: 920px;
    padding-top: 50px; }
    .seasonInfo.small .pointsBackground {
      display: none; }
  .seasonInfo .playerInfo {
    position: absolute;
    height: 32px;
    font-size: 140%;
    left: 18px;
    bottom: 0px; }
  .seasonInfo .pointsProgress {
    position: absolute;
    left: 18px;
    bottom: 37px;
    height: 37px;
    width: 883px; }
    .seasonInfo .pointsProgress .frame {
      background: url('/image/season/meter-frame.png?1525390447000');
      height: 37px;
      width: 883px;
      position: absolute;
      top: 0px;
      left: 0px; }
    .seasonInfo .pointsProgress .barContainer {
      position: absolute;
      top: 15px;
      height: 9px;
      width: 879px; }
      .seasonInfo .pointsProgress .barContainer .bar {
        background: url('/image/season/meter-fill.png?1525390447000');
        height: 9px;
        width: 0px;
        -webkit-transition: 7s ease width;
        -moz-transition: 7s ease width false;
        -o-transition: 7s ease width false;
        transition: 7s ease width; }
  .seasonInfo.small .playerInfo {
    height: 62px; }
  .seasonInfo.small .pointsProgress {
    bottom: 67px; }
  .seasonInfo .reward {
    position: absolute;
    bottom: 27px; }
    .seasonInfo .reward .newItemContainer {
      position: absolute;
      bottom: 0px;
      right: 5px; }
      .seasonInfo .reward .newItemContainer.smaller .icon img {
        width: 85%; }
    .seasonInfo .reward.achieved .points {
      color: #f0dbb6; }
    .seasonInfo .reward .points {
      font-size: 23px;
      position: absolute;
      bottom: 7px;
      right: -29px;
      width: 60px;
      text-align: center;
      color: #e9d78f;
      z-index: 5;
      text-shadow: 0px 0px 3px rgba(112, 104, 71, 0.8); }
    .seasonInfo .reward.last .points {
      text-align: right;
      right: 0px; }
    .seasonInfo .reward.last .marker {
      display: none; }
    .seasonInfo .reward .marker {
      height: 21px;
      width: 36px;
      background: url('/image/season/reward-marker.png?1525390447000');
      position: absolute;
      bottom: -12px;
      right: -18px; }

.lifetimeSeasonInfo {
  display: none; }

.ch .seasonInfo#race-season-one.garena {
  background-image: url('/image/season/nine.jpg?1525390447000'); }
  .ch .seasonInfo#race-season-one.garena .pointsBackground {
    background-image: none !important;
    height: 0px;
    top: 0px; }

.ch .seasonInfo#race-season-two.garena {
  background-image: url('/image/season/ten.jpg?1525390447000'); }
  .ch .seasonInfo#race-season-two.garena .pointsBackground {
    background-image: none !important;
    height: 0px;
    top: 0px; }

#passiveSkillTree {
  position: relative; }
  #passiveSkillTree canvas {
    top: 0px;
    left: 0px;
    position: absolute; }

#skillTreeMainCanvas {
  background: #000;
  z-index: 1000; }

#skillTreeMidCanvas {
  z-index: 1001; }

#skillTreeTopCanvas {
  z-index: 1002; }

#passiveSkillTree .error, #passiveSkillTree form.t1 .element li, form.t1 .element #passiveSkillTree li, #passiveSkillTree .formT1 .element li, .formT1 .element #passiveSkillTree li {
  font-size: 110%;
  padding: 5px; }

#passiveSkillTreeControls {
  background: #0E0E0E;
  border-top: 2px solid #0F0F0F;
  text-align: center;
  display: none; }

.fullscreen #passiveSkillTreeControls {
  background: black;
  border-top: 0; }

#buildControls {
  background: transparent;
  width: 256px;
  height: auto;
  padding: 10px;
  text-align: center;
  display: none;
  pointer-events: none;
  position: relative;
  top: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1005; }
  #buildControls .options {
    margin-top: 8px; }
  #buildControls li {
    background: none;
    padding: 0;
    margin: 1px 0; }
    #buildControls li a {
      display: inline-block;
      text-decoration: none;
      padding: 3px;
      border: 1px solid #1D1D1C;
      background-color: rgba(42, 42, 42, 0.9);
      color: #BEB698;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      border-image: url(/image/border/border1.png?1482554383000) 3 3 3 3 repeat;
      border-width: 3px;
      pointer-events: auto;
      cursor: pointer;
      width: 100%; }
      #buildControls li a.active, #buildControls li a:active {
        background-color: #0f0f0f; }
      #buildControls li a:focus {
        border: 1px solid #534e45;
        border-image: url(/image/border/border1-active.png?1482554383000) 3 3 3 3 repeat;
        border-width: 3px; }
      #buildControls li a:hover {
        background-color: rgba(62, 62, 62, 0.9); }

#passiveControlsForm {
  display: inline-block;
  text-align: left;
  width: 100%; }

#passiveControlsForm .label {
  font-size: 120%; }

#passiveControlsForm .skillTreeInfo {
  font-size: 120%;
  clear: both;
  float: left;
  padding: 10px 5px 2px 6px;
  color: #888; }

#passiveControlsForm .flContainer {
  float: left;
  padding: 12px 6px 12px 6px; }

#passiveControlsForm .buttonContainer {
  float: left;
  padding: 3px 5px 5px 5px; }

#passiveControlsForm .highlightSimilarNodesContainer, #passiveControlsForm .highlightShortestPathsContainer, #passiveControlsForm .muteContainer {
  float: left;
  padding: 14px 15px 13px 15px; }

#passiveControlsForm .permaLinkContainer .label {
  float: left; }

#passiveControlsForm .permaLinkContainer .bbcodePermaLinkCont {
  float: right; }

#passiveControlsForm #element-permaLink {
  clear: both; }

#passiveControlsForm #buildNameContainer {
  display: none; }

#passiveControlsForm textarea, #passiveControlsForm input.textInput, #passiveControlsForm select {
  width: 289px; }

#passiveControlsForm .controlsTop {
  float: left; }

#passiveControlsForm .controlsBottom {
  float: left; }

.fullscreen #passiveControlsForm .controlsBottom {
  float: right; }

.buildCreation fieldset {
  padding: 5px; }

.buildCreation .parts {
  min-height: 128px; }
  .buildCreation .parts > li .label {
    width: 225px; }
  .buildCreation .parts > li .link {
    width: 626px; }
  .buildCreation .parts > li .remove {
    display: inline-block;
    text-align: center;
    width: 24px; }
  .buildCreation .parts > li ul li {
    background: none;
    padding: 0; }

.badge:not(.roleLabel) {
  z-index: 9;
  margin: 3px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  overflow: hidden;
  text-align: center;
  width: 45px;
  height: 45px;
  display: inline-block; }
  .badge:not(.roleLabel) img {
    width: 45px;
    height: 45px; }

.badges {
  text-align: center; }

.profile .profile-details .details .badges {
  margin: 0 -6px; }

.badge-upgrade-banner {
  display: block;
  margin: 0 -15px;
  height: 150px;
  width: 920px; }

.roleLabel {
  display: inline-block;
  text-align: center;
  font-weight: bold;
  margin: 5px 0;
  width: 200px; }
  .roleLabel img {
    max-width: 200px; }
  .roleLabel.supportText {
    font-size: 90%;
    margin-top: 10px; }
  .roleLabel.in-alpha {
    color: #CEC59F; }

.profile-badges {
  position: relative; }
  .profile-badges h4 {
    height: 24px; }
  .profile-badges.edit .badge {
    float: left;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    cursor: grab;
    cursor: -webkit-grab; }
    .profile-badges.edit .badge.roleLabel {
      z-index: 9;
      width: 200px;
      min-height: 28px;
      float: left;
      overflow: hidden;
      text-align: center; }
      .profile-badges.edit .badge.roleLabel img {
        max-width: 200px; }
    .profile-badges.edit .badge img {
      opacity: 1.0; }
    .profile-badges.edit .badge.disabled {
      cursor: default; }
      .profile-badges.edit .badge.disabled img {
        opacity: 0.1; }
  .profile-badges.edit .badges {
    position: absolute;
    top: 24px;
    bottom: 0; }
  .profile-badges .badges {
    width: 213px;
    line-height: 10px; }
    .profile-badges .badges.highlight {
      box-shadow: 0 0 16px white;
      outline: 1px solid white; }
    .profile-badges .badges.legacy {
      width: 200px;
      padding: 0 6.5px;
      background: none; }
      .profile-badges .badges.legacy img {
        max-width: 100%; }
  .profile-badges .profile-badges-available {
    position: relative; }
    .profile-badges .profile-badges-available h4 {
      height: 24px; }
    .profile-badges .profile-badges-available .trash-overlay {
      position: absolute;
      top: 24px;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 10;
      pointer-events: none;
      background-color: rgba(0, 0, 0, 0.4);
      display: none;
      box-shadow: 0 0 16px #f00;
      outline: 1px solid #f00; }
    .profile-badges .profile-badges-available .badge-category h5 {
      background-color: #0d0f0d;
      padding: 5px 10px;
      font-weight: bold;
      border: 1px solid #665a3f;
      border-left: 0;
      border-right: 0; }
  .profile-badges .panel.profile-badges-showcase {
    width: 213px;
    position: absolute;
    top: 0;
    bottom: 0; }
  .profile-badges .panel.profile-badges-available {
    width: 664px;
    float: right; }

.badge-category + .badge-category {
  margin: 2px 0; }

.badge-table tr.category h5 {
  background-color: #0d0f0d;
  padding: 5px 10px;
  font-weight: bold;
  border: 1px solid #665a3f;
  border-left: 0;
  border-right: 0;
  cursor: pointer; }

.badge-table td {
  vertical-align: middle; }
  .badge-table td.controls {
    text-align: right; }

.badge-table tbody[data-category] {
  display: none; }
  .badge-table tbody[data-category] tr td:first-child {
    width: 96px; }

#inventory-controls {
  position: absolute;
  top: 48px;
  left: 20px;
  z-index: 1; }

.inventoryControls {
  background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
  background-position: 0px 0px;
  width: 328px;
  height: 100px; }
  .inventoryControls .infoLine1, .inventoryControls .infoLine2, .inventoryControls .infoLine3 {
    left: 103px;
    position: absolute; }
  .inventoryControls .infoLine1, .inventoryControls .infoLine2 {
    font-size: 120%;
    padding: 4px 9px;
    cursor: pointer;
    text-shadow: 0px 0px 3px #000; }
    .inventoryControls .infoLine1:hover, .inventoryControls .infoLine2:hover {
      color: #eCcBa9; }
  .inventoryControls .infoLine1 {
    top: 4px; }
  .inventoryControls .infoLine2 {
    top: 44px; }
  .inventoryControls .infoLine3 {
    font-size: 110%;
    top: 80px;
    padding: 0px 9px;
    color: #757575; }
  .inventoryControls .open {
    font-size: 8px;
    top: 83px;
    left: 3px;
    position: absolute;
    display: block;
    background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
    background-position: -438px -400px;
    width: 100px;
    height: 11px;
    font-size: 9px;
    background: none;
    letter-spacing: -1px; }
    .inventoryControls .open:hover {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -548px -480px;
      width: 100px;
      height: 11px;
      background: none; }
  .inventoryControls .icon {
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer; }
    .inventoryControls .icon.Marauder {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -548px -320px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Juggernaut {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -548px -240px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Berserker {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -438px 0px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Chieftain {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -548px -400px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Shadow {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -328px -80px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Assassin {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -110px -180px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Saboteur {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -438px -160px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Trickster {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -328px 0px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Witch {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -220px -340px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Occultist {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -110px -340px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Elementalist {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -220px -260px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Necromancer {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: 0px -340px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Templar {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -548px -160px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Inquisitor {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -548px -80px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Hierophant {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -548px 0px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Guardian {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -330px -420px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Duelist {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -220px -420px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Slayer {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -110px -420px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Gladiator {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -438px -240px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Champion {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: 0px -180px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Ranger {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -110px -260px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Deadeye {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -438px -80px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Raider {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: 0px -260px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Pathfinder {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -328px -160px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Scion {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: 0px -420px;
      width: 110px;
      height: 80px; }
    .inventoryControls .icon.Ascendant {
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -438px -320px;
      width: 110px;
      height: 80px; }

.ch .inventoryControls .open {
  font-size: 12px;
  background: none; }
  .ch .inventoryControls .open:hover {
    background: none; }

.en_US .inventoryManager {
  width: 931px; }
  .en_US .inventoryManager .inventoryPanelControls {
    position: relative;
    left: 331px;
    width: 600px;
    z-index: 1; }
    .en_US .inventoryManager .inventoryPanelControls .inventoryPanelButton {
      position: absolute;
      height: 27.5px;
      width: 113px;
      cursor: pointer; }
      .en_US .inventoryManager .inventoryPanelControls .inventoryPanelButton.selected {
        background-position-y: -27.5px; }
      .en_US .inventoryManager .inventoryPanelControls .inventoryPanelButton.left {
        left: 65px; }
      .en_US .inventoryManager .inventoryPanelControls .inventoryPanelButton.right {
        right: 65px; }
      .en_US .inventoryManager .inventoryPanelControls .inventoryPanelButton.inventory {
        background-image: url('/image/gen/inventory/Inventory_Tab_Inventory.png?1527463900000');
        top: 54px; }
      .en_US .inventoryManager .inventoryPanelControls .inventoryPanelButton.cosmetic {
        background-image: url('/image/gen/inventory/Inventory_Tab_Cosmetic.png?1527463900000');
        top: 56px; }

.en_US .inventoryManagerMenu .showInventoryButton {
  width: 26px;
  height: 125px;
  background: url('/image/gen/inventory/Inventory_Tab.png?1527463900000'); }
  .en_US .inventoryManagerMenu .showInventoryButton.active {
    background-position: -26px 0px; }

.en_US .inventoryManagerMenu .showStashButton {
  top: 125px;
  width: 26px;
  height: 88px;
  background: url('/image/gen/inventory/Stash_Tab.png?1527463900000'); }
  .en_US .inventoryManagerMenu .showStashButton.active {
    background-position: -26px 0px; }

.en_US .inventoryManagerMenu .showMTXStashButton {
  top: 213px;
  width: 26px;
  height: 198px;
  background: url('/image/gen/inventory/MTX_Tab.png?1527463900000'); }
  .en_US .inventoryManagerMenu .showMTXStashButton.active {
    background-position: -26px 0px; }

.en_US .inventoryManagerMenu .showSkillTreeButton {
  top: 411px;
  width: 26px;
  height: 137px;
  background: url('/image/gen/inventory/Passive_Tree_Tab.png?1527463900000') no-repeat; }
  .en_US .inventoryManagerMenu .showSkillTreeButton.active {
    background-position: -26px 0px; }

.en_US .mainInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/MainInventory.png?1527463895000'); }

.en_US .MTXInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/MTXInventory.png?1527463897000'); }

.en_US #profile-inventory-controls .mainInventoryPanel {
  width: 600px;
  height: 531px;
  background: url('/image/gen/inventory/MainInventoryNoBags.png?1527463896000'); }

.en_US #profile-inventory-controls.inventoryManager {
  padding-top: 5px;
  width: 909px;
  position: relative;
  left: -6px; }

.zh_TW .inventoryManager {
  width: 931px; }
  .zh_TW .inventoryManager .inventoryPanelControls {
    position: relative;
    left: 331px;
    width: 600px;
    z-index: 1; }
    .zh_TW .inventoryManager .inventoryPanelControls .inventoryPanelButton {
      position: absolute;
      height: 27.5px;
      width: 113px;
      cursor: pointer; }
      .zh_TW .inventoryManager .inventoryPanelControls .inventoryPanelButton.selected {
        background-position-y: -27.5px; }
      .zh_TW .inventoryManager .inventoryPanelControls .inventoryPanelButton.left {
        left: 65px; }
      .zh_TW .inventoryManager .inventoryPanelControls .inventoryPanelButton.right {
        right: 65px; }
      .zh_TW .inventoryManager .inventoryPanelControls .inventoryPanelButton.inventory {
        background-image: url('/image/gen/inventory/zh_TW/Inventory_Tab_Inventory.png?1527463905000');
        top: 54px; }
      .zh_TW .inventoryManager .inventoryPanelControls .inventoryPanelButton.cosmetic {
        background-image: url('/image/gen/inventory/zh_TW/Inventory_Tab_Cosmetic.png?1527463905000');
        top: 56px; }

.zh_TW .inventoryManagerMenu .showInventoryButton {
  width: 26px;
  height: 74px;
  background: url('/image/gen/inventory/zh_TW/Inventory_Tab.png?1527463905000'); }
  .zh_TW .inventoryManagerMenu .showInventoryButton.active {
    background-position: -26px 0px; }

.zh_TW .inventoryManagerMenu .showStashButton {
  top: 74px;
  width: 26px;
  height: 74px;
  background: url('/image/gen/inventory/zh_TW/Stash_Tab.png?1527463905000'); }
  .zh_TW .inventoryManagerMenu .showStashButton.active {
    background-position: -26px 0px; }

.zh_TW .inventoryManagerMenu .showMTXStashButton {
  top: 148px;
  width: 26px;
  height: 74px;
  background: url('/image/gen/inventory/zh_TW/MTX_Tab.png?1527463905000'); }
  .zh_TW .inventoryManagerMenu .showMTXStashButton.active {
    background-position: -26px 0px; }

.zh_TW .inventoryManagerMenu .showSkillTreeButton {
  top: 222px;
  width: 26px;
  height: 88px;
  background: url('/image/gen/inventory/zh_TW/Passive_Tree_Tab.png?1527463905000') no-repeat; }
  .zh_TW .inventoryManagerMenu .showSkillTreeButton.active {
    background-position: -26px 0px; }

.zh_TW .mainInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/zh_TW/MainInventory.png?1527463901000'); }

.zh_TW .MTXInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/zh_TW/MTXInventory.png?1527463902000'); }

.zh_TW #profile-inventory-controls .mainInventoryPanel {
  width: 600px;
  height: 531px;
  background: url('/image/gen/inventory/zh_TW/MainInventoryNoBags.png?1527463901000'); }

.zh_TW #profile-inventory-controls.inventoryManager {
  padding-top: 5px;
  width: 909px;
  position: relative;
  left: -6px; }

.th_TH .inventoryManager {
  width: 931px; }
  .th_TH .inventoryManager .inventoryPanelControls {
    position: relative;
    left: 331px;
    width: 600px;
    z-index: 1; }
    .th_TH .inventoryManager .inventoryPanelControls .inventoryPanelButton {
      position: absolute;
      height: 27.5px;
      width: 113px;
      cursor: pointer; }
      .th_TH .inventoryManager .inventoryPanelControls .inventoryPanelButton.selected {
        background-position-y: -27.5px; }
      .th_TH .inventoryManager .inventoryPanelControls .inventoryPanelButton.left {
        left: 65px; }
      .th_TH .inventoryManager .inventoryPanelControls .inventoryPanelButton.right {
        right: 65px; }
      .th_TH .inventoryManager .inventoryPanelControls .inventoryPanelButton.inventory {
        background-image: url('/image/gen/inventory/th_TH/Inventory_Tab_Inventory.png?1527463910000');
        top: 54px; }
      .th_TH .inventoryManager .inventoryPanelControls .inventoryPanelButton.cosmetic {
        background-image: url('/image/gen/inventory/th_TH/Inventory_Tab_Cosmetic.png?1527463910000');
        top: 56px; }

.th_TH .inventoryManagerMenu .showInventoryButton {
  width: 26px;
  height: 61px;
  background: url('/image/gen/inventory/th_TH/Inventory_Tab.png?1527463910000'); }
  .th_TH .inventoryManagerMenu .showInventoryButton.active {
    background-position: -26px 0px; }

.th_TH .inventoryManagerMenu .showStashButton {
  top: 61px;
  width: 26px;
  height: 103px;
  background: url('/image/gen/inventory/th_TH/Stash_Tab.png?1527463910000'); }
  .th_TH .inventoryManagerMenu .showStashButton.active {
    background-position: -26px 0px; }

.th_TH .inventoryManagerMenu .showMTXStashButton {
  top: 164px;
  width: 26px;
  height: 80px;
  background: url('/image/gen/inventory/th_TH/MTX_Tab.png?1527463910000'); }
  .th_TH .inventoryManagerMenu .showMTXStashButton.active {
    background-position: -26px 0px; }

.th_TH .inventoryManagerMenu .showSkillTreeButton {
  top: 244px;
  width: 26px;
  height: 138px;
  background: url('/image/gen/inventory/th_TH/Passive_Tree_Tab.png?1527463910000') no-repeat; }
  .th_TH .inventoryManagerMenu .showSkillTreeButton.active {
    background-position: -26px 0px; }

.th_TH .mainInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/th_TH/MainInventory.png?1527463906000'); }

.th_TH .MTXInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/th_TH/MTXInventory.png?1527463907000'); }

.th_TH #profile-inventory-controls .mainInventoryPanel {
  width: 600px;
  height: 531px;
  background: url('/image/gen/inventory/th_TH/MainInventoryNoBags.png?1527463906000'); }

.th_TH #profile-inventory-controls.inventoryManager {
  padding-top: 5px;
  width: 909px;
  position: relative;
  left: -6px; }

.de_DE .inventoryManager {
  width: 931px; }
  .de_DE .inventoryManager .inventoryPanelControls {
    position: relative;
    left: 331px;
    width: 600px;
    z-index: 1; }
    .de_DE .inventoryManager .inventoryPanelControls .inventoryPanelButton {
      position: absolute;
      height: 27.5px;
      width: 113px;
      cursor: pointer; }
      .de_DE .inventoryManager .inventoryPanelControls .inventoryPanelButton.selected {
        background-position-y: -27.5px; }
      .de_DE .inventoryManager .inventoryPanelControls .inventoryPanelButton.left {
        left: 65px; }
      .de_DE .inventoryManager .inventoryPanelControls .inventoryPanelButton.right {
        right: 65px; }
      .de_DE .inventoryManager .inventoryPanelControls .inventoryPanelButton.inventory {
        background-image: url('/image/gen/inventory/de_DE/Inventory_Tab_Inventory.png?1527463915000');
        top: 54px; }
      .de_DE .inventoryManager .inventoryPanelControls .inventoryPanelButton.cosmetic {
        background-image: url('/image/gen/inventory/de_DE/Inventory_Tab_Cosmetic.png?1527463915000');
        top: 56px; }

.de_DE .inventoryManagerMenu .showInventoryButton {
  width: 26px;
  height: 116px;
  background: url('/image/gen/inventory/de_DE/Inventory_Tab.png?1527463915000'); }
  .de_DE .inventoryManagerMenu .showInventoryButton.active {
    background-position: -26px 0px; }

.de_DE .inventoryManagerMenu .showStashButton {
  top: 116px;
  width: 26px;
  height: 90px;
  background: url('/image/gen/inventory/de_DE/Stash_Tab.png?1527463915000'); }
  .de_DE .inventoryManagerMenu .showStashButton.active {
    background-position: -26px 0px; }

.de_DE .inventoryManagerMenu .showMTXStashButton {
  top: 206px;
  width: 26px;
  height: 210px;
  background: url('/image/gen/inventory/de_DE/MTX_Tab.png?1527463915000'); }
  .de_DE .inventoryManagerMenu .showMTXStashButton.active {
    background-position: -26px 0px; }

.de_DE .inventoryManagerMenu .showSkillTreeButton {
  top: 416px;
  width: 26px;
  height: 180px;
  background: url('/image/gen/inventory/de_DE/Passive_Tree_Tab.png?1527463915000') no-repeat; }
  .de_DE .inventoryManagerMenu .showSkillTreeButton.active {
    background-position: -26px 0px; }

.de_DE .mainInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/de_DE/MainInventory.png?1527463911000'); }

.de_DE .MTXInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/de_DE/MTXInventory.png?1527463913000'); }

.de_DE #profile-inventory-controls .mainInventoryPanel {
  width: 600px;
  height: 531px;
  background: url('/image/gen/inventory/de_DE/MainInventoryNoBags.png?1527463912000'); }

.de_DE #profile-inventory-controls.inventoryManager {
  padding-top: 5px;
  width: 909px;
  position: relative;
  left: -6px; }

.fr_FR .inventoryManager {
  width: 931px; }
  .fr_FR .inventoryManager .inventoryPanelControls {
    position: relative;
    left: 331px;
    width: 600px;
    z-index: 1; }
    .fr_FR .inventoryManager .inventoryPanelControls .inventoryPanelButton {
      position: absolute;
      height: 27.5px;
      width: 113px;
      cursor: pointer; }
      .fr_FR .inventoryManager .inventoryPanelControls .inventoryPanelButton.selected {
        background-position-y: -27.5px; }
      .fr_FR .inventoryManager .inventoryPanelControls .inventoryPanelButton.left {
        left: 65px; }
      .fr_FR .inventoryManager .inventoryPanelControls .inventoryPanelButton.right {
        right: 65px; }
      .fr_FR .inventoryManager .inventoryPanelControls .inventoryPanelButton.inventory {
        background-image: url('/image/gen/inventory/fr_FR/Inventory_Tab_Inventory.png?1527463921000');
        top: 54px; }
      .fr_FR .inventoryManager .inventoryPanelControls .inventoryPanelButton.cosmetic {
        background-image: url('/image/gen/inventory/fr_FR/Inventory_Tab_Cosmetic.png?1527463921000');
        top: 56px; }

.fr_FR .inventoryManagerMenu .showInventoryButton {
  width: 26px;
  height: 127px;
  background: url('/image/gen/inventory/fr_FR/Inventory_Tab.png?1527463921000'); }
  .fr_FR .inventoryManagerMenu .showInventoryButton.active {
    background-position: -26px 0px; }

.fr_FR .inventoryManagerMenu .showStashButton {
  top: 127px;
  width: 26px;
  height: 103px;
  background: url('/image/gen/inventory/fr_FR/Stash_Tab.png?1527463921000'); }
  .fr_FR .inventoryManagerMenu .showStashButton.active {
    background-position: -26px 0px; }

.fr_FR .inventoryManagerMenu .showMTXStashButton {
  top: 230px;
  width: 26px;
  height: 198px;
  background: url('/image/gen/inventory/fr_FR/MTX_Tab.png?1527463921000'); }
  .fr_FR .inventoryManagerMenu .showMTXStashButton.active {
    background-position: -26px 0px; }

.fr_FR .inventoryManagerMenu .showSkillTreeButton {
  top: 428px;
  width: 26px;
  height: 176px;
  background: url('/image/gen/inventory/fr_FR/Passive_Tree_Tab.png?1527463921000') no-repeat; }
  .fr_FR .inventoryManagerMenu .showSkillTreeButton.active {
    background-position: -26px 0px; }

.fr_FR .mainInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/fr_FR/MainInventory.png?1527463916000'); }

.fr_FR .MTXInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/fr_FR/MTXInventory.png?1527463918000'); }

.fr_FR #profile-inventory-controls .mainInventoryPanel {
  width: 600px;
  height: 531px;
  background: url('/image/gen/inventory/fr_FR/MainInventoryNoBags.png?1527463917000'); }

.fr_FR #profile-inventory-controls.inventoryManager {
  padding-top: 5px;
  width: 909px;
  position: relative;
  left: -6px; }

.es_ES .inventoryManager {
  width: 931px; }
  .es_ES .inventoryManager .inventoryPanelControls {
    position: relative;
    left: 331px;
    width: 600px;
    z-index: 1; }
    .es_ES .inventoryManager .inventoryPanelControls .inventoryPanelButton {
      position: absolute;
      height: 27.5px;
      width: 113px;
      cursor: pointer; }
      .es_ES .inventoryManager .inventoryPanelControls .inventoryPanelButton.selected {
        background-position-y: -27.5px; }
      .es_ES .inventoryManager .inventoryPanelControls .inventoryPanelButton.left {
        left: 65px; }
      .es_ES .inventoryManager .inventoryPanelControls .inventoryPanelButton.right {
        right: 65px; }
      .es_ES .inventoryManager .inventoryPanelControls .inventoryPanelButton.inventory {
        background-image: url('/image/gen/inventory/es_ES/Inventory_Tab_Inventory.png?1527463926000');
        top: 54px; }
      .es_ES .inventoryManager .inventoryPanelControls .inventoryPanelButton.cosmetic {
        background-image: url('/image/gen/inventory/es_ES/Inventory_Tab_Cosmetic.png?1527463926000');
        top: 56px; }

.es_ES .inventoryManagerMenu .showInventoryButton {
  width: 26px;
  height: 130px;
  background: url('/image/gen/inventory/es_ES/Inventory_Tab.png?1527463926000'); }
  .es_ES .inventoryManagerMenu .showInventoryButton.active {
    background-position: -26px 0px; }

.es_ES .inventoryManagerMenu .showStashButton {
  top: 130px;
  width: 26px;
  height: 80px;
  background: url('/image/gen/inventory/es_ES/Stash_Tab.png?1527463926000'); }
  .es_ES .inventoryManagerMenu .showStashButton.active {
    background-position: -26px 0px; }

.es_ES .inventoryManagerMenu .showMTXStashButton {
  top: 210px;
  width: 26px;
  height: 205px;
  background: url('/image/gen/inventory/es_ES/MTX_Tab.png?1527463926000'); }
  .es_ES .inventoryManagerMenu .showMTXStashButton.active {
    background-position: -26px 0px; }

.es_ES .inventoryManagerMenu .showSkillTreeButton {
  top: 415px;
  width: 26px;
  height: 175px;
  background: url('/image/gen/inventory/es_ES/Passive_Tree_Tab.png?1527463926000') no-repeat; }
  .es_ES .inventoryManagerMenu .showSkillTreeButton.active {
    background-position: -26px 0px; }

.es_ES .mainInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/es_ES/MainInventory.png?1527463922000'); }

.es_ES .MTXInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/es_ES/MTXInventory.png?1527463923000'); }

.es_ES #profile-inventory-controls .mainInventoryPanel {
  width: 600px;
  height: 531px;
  background: url('/image/gen/inventory/es_ES/MainInventoryNoBags.png?1527463922000'); }

.es_ES #profile-inventory-controls.inventoryManager {
  padding-top: 5px;
  width: 909px;
  position: relative;
  left: -6px; }

.ru_RU .inventoryManager {
  width: 931px; }
  .ru_RU .inventoryManager .inventoryPanelControls {
    position: relative;
    left: 331px;
    width: 600px;
    z-index: 1; }
    .ru_RU .inventoryManager .inventoryPanelControls .inventoryPanelButton {
      position: absolute;
      height: 27.5px;
      width: 113px;
      cursor: pointer; }
      .ru_RU .inventoryManager .inventoryPanelControls .inventoryPanelButton.selected {
        background-position-y: -27.5px; }
      .ru_RU .inventoryManager .inventoryPanelControls .inventoryPanelButton.left {
        left: 65px; }
      .ru_RU .inventoryManager .inventoryPanelControls .inventoryPanelButton.right {
        right: 65px; }
      .ru_RU .inventoryManager .inventoryPanelControls .inventoryPanelButton.inventory {
        background-image: url('/image/gen/inventory/ru_RU/Inventory_Tab_Inventory.png?1527463931000');
        top: 54px; }
      .ru_RU .inventoryManager .inventoryPanelControls .inventoryPanelButton.cosmetic {
        background-image: url('/image/gen/inventory/ru_RU/Inventory_Tab_Cosmetic.png?1527463931000');
        top: 56px; }

.ru_RU .inventoryManagerMenu .showInventoryButton {
  width: 26px;
  height: 105px;
  background: url('/image/gen/inventory/ru_RU/Inventory_Tab.png?1527463931000'); }
  .ru_RU .inventoryManagerMenu .showInventoryButton.active {
    background-position: -26px 0px; }

.ru_RU .inventoryManagerMenu .showStashButton {
  top: 105px;
  width: 26px;
  height: 88px;
  background: url('/image/gen/inventory/ru_RU/Stash_Tab.png?1527463931000'); }
  .ru_RU .inventoryManagerMenu .showStashButton.active {
    background-position: -26px 0px; }

.ru_RU .inventoryManagerMenu .showMTXStashButton {
  top: 193px;
  width: 26px;
  height: 153px;
  background: url('/image/gen/inventory/ru_RU/MTX_Tab.png?1527463931000'); }
  .ru_RU .inventoryManagerMenu .showMTXStashButton.active {
    background-position: -26px 0px; }

.ru_RU .inventoryManagerMenu .showSkillTreeButton {
  top: 346px;
  width: 26px;
  height: 204px;
  background: url('/image/gen/inventory/ru_RU/Passive_Tree_Tab.png?1527463931000') no-repeat; }
  .ru_RU .inventoryManagerMenu .showSkillTreeButton.active {
    background-position: -26px 0px; }

.ru_RU .mainInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/ru_RU/MainInventory.png?1527463927000'); }

.ru_RU .MTXInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/ru_RU/MTXInventory.png?1527463928000'); }

.ru_RU #profile-inventory-controls .mainInventoryPanel {
  width: 600px;
  height: 531px;
  background: url('/image/gen/inventory/ru_RU/MainInventoryNoBags.png?1527463928000'); }

.ru_RU #profile-inventory-controls.inventoryManager {
  padding-top: 5px;
  width: 909px;
  position: relative;
  left: -6px; }

.pt_BR .inventoryManager {
  width: 931px; }
  .pt_BR .inventoryManager .inventoryPanelControls {
    position: relative;
    left: 331px;
    width: 600px;
    z-index: 1; }
    .pt_BR .inventoryManager .inventoryPanelControls .inventoryPanelButton {
      position: absolute;
      height: 27.5px;
      width: 113px;
      cursor: pointer; }
      .pt_BR .inventoryManager .inventoryPanelControls .inventoryPanelButton.selected {
        background-position-y: -27.5px; }
      .pt_BR .inventoryManager .inventoryPanelControls .inventoryPanelButton.left {
        left: 65px; }
      .pt_BR .inventoryManager .inventoryPanelControls .inventoryPanelButton.right {
        right: 65px; }
      .pt_BR .inventoryManager .inventoryPanelControls .inventoryPanelButton.inventory {
        background-image: url('/image/gen/inventory/pt_BR/Inventory_Tab_Inventory.png?1527463937000');
        top: 54px; }
      .pt_BR .inventoryManager .inventoryPanelControls .inventoryPanelButton.cosmetic {
        background-image: url('/image/gen/inventory/pt_BR/Inventory_Tab_Cosmetic.png?1527463937000');
        top: 56px; }

.pt_BR .inventoryManagerMenu .showInventoryButton {
  width: 26px;
  height: 130px;
  background: url('/image/gen/inventory/pt_BR/Inventory_Tab.png?1527463936000'); }
  .pt_BR .inventoryManagerMenu .showInventoryButton.active {
    background-position: -26px 0px; }

.pt_BR .inventoryManagerMenu .showStashButton {
  top: 130px;
  width: 26px;
  height: 72px;
  background: url('/image/gen/inventory/pt_BR/Stash_Tab.png?1527463936000'); }
  .pt_BR .inventoryManagerMenu .showStashButton.active {
    background-position: -26px 0px; }

.pt_BR .inventoryManagerMenu .showMTXStashButton {
  top: 202px;
  width: 26px;
  height: 181px;
  background: url('/image/gen/inventory/pt_BR/MTX_Tab.png?1527463936000'); }
  .pt_BR .inventoryManagerMenu .showMTXStashButton.active {
    background-position: -26px 0px; }

.pt_BR .inventoryManagerMenu .showSkillTreeButton {
  top: 383px;
  width: 26px;
  height: 194px;
  background: url('/image/gen/inventory/pt_BR/Passive_Tree_Tab.png?1527463937000') no-repeat; }
  .pt_BR .inventoryManagerMenu .showSkillTreeButton.active {
    background-position: -26px 0px; }

.pt_BR .mainInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/pt_BR/MainInventory.png?1527463932000'); }

.pt_BR .MTXInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/pt_BR/MTXInventory.png?1527463934000'); }

.pt_BR #profile-inventory-controls .mainInventoryPanel {
  width: 600px;
  height: 531px;
  background: url('/image/gen/inventory/pt_BR/MainInventoryNoBags.png?1527463933000'); }

.pt_BR #profile-inventory-controls.inventoryManager {
  padding-top: 5px;
  width: 909px;
  position: relative;
  left: -6px; }

.zh_CN .inventoryManager {
  width: 931px; }
  .zh_CN .inventoryManager .inventoryPanelControls {
    position: relative;
    left: 331px;
    width: 600px;
    z-index: 1; }
    .zh_CN .inventoryManager .inventoryPanelControls .inventoryPanelButton {
      position: absolute;
      height: 27.5px;
      width: 113px;
      cursor: pointer; }
      .zh_CN .inventoryManager .inventoryPanelControls .inventoryPanelButton.selected {
        background-position-y: -27.5px; }
      .zh_CN .inventoryManager .inventoryPanelControls .inventoryPanelButton.left {
        left: 65px; }
      .zh_CN .inventoryManager .inventoryPanelControls .inventoryPanelButton.right {
        right: 65px; }
      .zh_CN .inventoryManager .inventoryPanelControls .inventoryPanelButton.inventory {
        background-image: url('/image/gen/inventory/zh_CN/Inventory_Tab_Inventory.png?1527463942000');
        top: 54px; }
      .zh_CN .inventoryManager .inventoryPanelControls .inventoryPanelButton.cosmetic {
        background-image: url('/image/gen/inventory/zh_CN/Inventory_Tab_Cosmetic.png?1527463942000');
        top: 56px; }

.zh_CN .inventoryManagerMenu .showInventoryButton {
  width: 26px;
  height: 75px;
  background: url('/image/gen/inventory/zh_CN/Inventory_Tab.png?1527463942000'); }
  .zh_CN .inventoryManagerMenu .showInventoryButton.active {
    background-position: -26px 0px; }

.zh_CN .inventoryManagerMenu .showStashButton {
  top: 75px;
  width: 26px;
  height: 75px;
  background: url('/image/gen/inventory/zh_CN/Stash_Tab.png?1527463942000'); }
  .zh_CN .inventoryManagerMenu .showStashButton.active {
    background-position: -26px 0px; }

.zh_CN .inventoryManagerMenu .showMTXStashButton {
  top: 150px;
  width: 26px;
  height: 75px;
  background: url('/image/gen/inventory/zh_CN/MTX_Tab.png?1527463942000'); }
  .zh_CN .inventoryManagerMenu .showMTXStashButton.active {
    background-position: -26px 0px; }

.zh_CN .inventoryManagerMenu .showSkillTreeButton {
  top: 225px;
  width: 26px;
  height: 90px;
  background: url('/image/gen/inventory/zh_CN/Passive_Tree_Tab.png?1527463942000') no-repeat; }
  .zh_CN .inventoryManagerMenu .showSkillTreeButton.active {
    background-position: -26px 0px; }

.zh_CN .mainInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/zh_CN/MainInventory.png?1527463938000'); }

.zh_CN .MTXInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/zh_CN/MTXInventory.png?1527463939000'); }

.zh_CN #profile-inventory-controls .mainInventoryPanel {
  width: 600px;
  height: 531px;
  background: url('/image/gen/inventory/zh_CN/MainInventoryNoBags.png?1527463938000'); }

.zh_CN #profile-inventory-controls.inventoryManager {
  padding-top: 5px;
  width: 909px;
  position: relative;
  left: -6px; }

.inventoryManager {
  position: relative;
  width: 931px; }
  .inventoryManager .activePanel {
    float: left;
    position: relative;
    width: 600px; }

.inventoryManagerMenu {
  position: relative;
  float: left;
  min-width: 200px;
  width: 331px;
  min-height: 223px; }
  .inventoryManagerMenu .inventoryButton {
    cursor: pointer; }
  .inventoryManagerMenu .showInventoryButton {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 26px;
    height: 125px;
    background: url('/image/gen/inventory/Inventory_Tab.png?1527463900000'); }
    .inventoryManagerMenu .showInventoryButton.active {
      background-position: -26px 0px; }
  .inventoryManagerMenu .showStashButton {
    position: absolute;
    right: 0px;
    top: 125px;
    width: 26px;
    height: 88px;
    background: url('/image/gen/inventory/Stash_Tab.png?1527463900000'); }
    .inventoryManagerMenu .showStashButton.active {
      background-position: -26px 0px; }
  .inventoryManagerMenu .showMTXStashButton {
    position: absolute;
    right: 0px;
    top: 213px;
    width: 26px;
    height: 198px;
    background: url('/image/gen/inventory/MTX_Tab.png?1527463900000'); }
    .inventoryManagerMenu .showMTXStashButton.active {
      background-position: -26px 0px; }
  .inventoryManagerMenu .showSkillTreeButton {
    position: absolute;
    right: 0px;
    top: 461px;
    width: 26px;
    height: 137px;
    background: url('/image/gen/inventory/Passive_Tree_Tab.png?1527463900000') no-repeat; }
    .inventoryManagerMenu .showSkillTreeButton.active {
      background-position: -26px 0px; }
  .inventoryManagerMenu .characters {
    width: 303px;
    height: 781px;
    overflow: hidden; }
    .inventoryManagerMenu .characters .character {
      position: relative;
      margin: 0px;
      padding: 0px;
      background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: 0px -100px;
      height: 80px;
      width: 287px; }
      .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .infoLine2, .inventoryManagerMenu .characters .character .infoLine3 {
        left: 83px;
        position: absolute; }
      .inventoryManagerMenu .characters .character .infoLine1, .inventoryManagerMenu .characters .character .infoLine2 {
        font-size: 14px;
        padding: 3px 9px;
        cursor: pointer; }
        .inventoryManagerMenu .characters .character .infoLine1:hover, .inventoryManagerMenu .characters .character .infoLine2:hover {
          color: #eCcBa9; }
      .inventoryManagerMenu .characters .character.expired .infoLine1, .inventoryManagerMenu .characters .character.expired .infoLine2 {
        color: #757575;
        cursor: auto; }
        .inventoryManagerMenu .characters .character.expired .infoLine1:hover, .inventoryManagerMenu .characters .character.expired .infoLine2:hover {
          color: #757575; }
      .inventoryManagerMenu .characters .character .infoLine1 {
        top: 15px;
        width: 174px; }
        .inventoryManagerMenu .characters .character .infoLine1 div.expired-character-flag {
          float: left;
          color: red;
          font-size: 20px;
          line-height: 22px;
          padding-right: 2px; }
        .inventoryManagerMenu .characters .character .infoLine1 .characterName {
          display: block;
          max-width: 170px;
          overflow: hidden; }
      .inventoryManagerMenu .characters .character .infoLine2 {
        top: 41px; }
      .inventoryManagerMenu .characters .character .infoLine3 {
        font-size: 110%;
        top: 64px;
        padding: 0px 9px;
        color: #757575; }
      .inventoryManagerMenu .characters .character.active .characterName {
        color: #FCDBB9;
        text-shadow: 0px 0px 1px #E7DCC8; }
    .inventoryManagerMenu .characters .icon {
      position: absolute;
      top: 0;
      left: 0;
      cursor: pointer; }
      .inventoryManagerMenu .characters .icon.Marauder {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -320px -580px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Juggernaut {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -160px -580px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Berserker {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -240px -580px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Chieftain {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -320px -500px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Shadow {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -220px -180px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Assassin {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -80px -580px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Saboteur {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -658px 0px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Trickster {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: 0px -500px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Witch {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -658px -480px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Occultist {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -658px -160px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Elementalist {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -160px -500px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Necromancer {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -480px -500px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Templar {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: 0px -580px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Inquisitor {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -658px -400px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Hierophant {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -658px -240px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Guardian {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -658px -80px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Duelist {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -560px -500px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Slayer {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -400px -500px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Gladiator {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -440px -420px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Champion {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -330px -260px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Ranger {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -330px -340px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Raider {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -400px -580px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Deadeye {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -480px -580px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Pathfinder {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -658px -320px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Scion {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -240px -500px;
        width: 80px;
        height: 80px; }
      .inventoryManagerMenu .characters .icon.Ascendant {
        background: url('/image/gen/inventory-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -80px -500px;
        width: 80px;
        height: 80px; }

.mainInventoryPanel {
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/MainInventory.png?1527463895000'); }
  .mainInventoryPanel .weaponSwap1, .mainInventoryPanel .weaponSwap2 {
    display: none;
    position: absolute;
    top: 87px; }
    .mainInventoryPanel .weaponSwap1.left, .mainInventoryPanel .weaponSwap2.left {
      left: 92px; }
    .mainInventoryPanel .weaponSwap1.right, .mainInventoryPanel .weaponSwap2.right {
      right: 92px; }
  .mainInventoryPanel .weaponSwap1 {
    width: 44px;
    height: 24px;
    background: url('/image/gen/inventory/WeaponSwap1.png?1527463942000'); }
  .mainInventoryPanel .weaponSwap2 {
    width: 44px;
    height: 24px;
    background: url('/image/gen/inventory/WeaponSwap2.png?1527463942000'); }
  .mainInventoryPanel .weaponSwapMini {
    width: 47px;
    height: 81px;
    background: url('/image/gen/inventory/WeaponSwapMini.png?1527463942000');
    position: absolute;
    top: 106px;
    display: none; }
    .mainInventoryPanel .weaponSwapMini img {
      position: absolute; }
    .mainInventoryPanel .weaponSwapMini.left {
      left: 168px; }
    .mainInventoryPanel .weaponSwapMini.right {
      right: 168px; }
    .mainInventoryPanel .weaponSwapMini .miniIconContainer {
      height: 68px;
      width: 35px;
      margin: 6px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%; }
  .mainInventoryPanel .inventoryExpansion {
    background: url('/image/gen/inventory/Grid.png?1527463958000');
    position: absolute;
    bottom: 13px; }

#colorbox.inventoryManagerColorbox #cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url('/image/colorbox/inventory-controls.png?1525390445000') no-repeat -101px 0; }

#colorbox.inventoryManagerColorbox #cboxTopRight {
  width: 21px;
  height: 21px;
  background: url('/image/colorbox/inventory-controls.png?1525390445000') no-repeat -130px 0; }

#colorbox.inventoryManagerColorbox #cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url('/image/colorbox/inventory-controls.png?1525390445000') no-repeat -101px -29px; }

#colorbox.inventoryManagerColorbox #cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url('/image/colorbox/inventory-controls.png?1525390445000') no-repeat -130px -29px; }

#colorbox.inventoryManagerColorbox #cboxMiddleLeft {
  width: 21px;
  background: url('/image/colorbox/inventory-controls.png?1525390445000') left top repeat-y; }

#colorbox.inventoryManagerColorbox #cboxMiddleRight {
  width: 21px;
  background: url('/image/colorbox/inventory-controls.png?1525390445000') right top repeat-y; }

#colorbox.inventoryManagerColorbox #cboxTopCenter {
  height: 21px;
  background: url('/image/colorbox/inventory-border.png?1525390445000') 0 0 repeat-x; }

#colorbox.inventoryManagerColorbox #cboxBottomCenter {
  height: 21px;
  background: url('/image/colorbox/inventory-border.png?1525390445000') 0 -29px repeat-x; }

#colorbox.inventoryManagerColorbox #cboxLoadedContent {
  overflow: hidden !important; }

#profile-inventory-controls .characters {
  height: 528px;
  overflow: hidden;
  border: 1px solid #332622;
  border-right: 0px; }
  #profile-inventory-controls .characters .character {
    top: 0px; }

#profile-inventory-controls .inventoryManagerMenu {
  width: 303px; }

.en_US .stashPanel {
  background: url('/image/gen/inventory/Stash.png?1527463898000'); }
  .en_US .stashPanel.mtxStashPanel {
    background: url('/image/gen/inventory/MTXStash.png?1527463900000'); }

.zh_TW .stashPanel {
  background: url('/image/gen/inventory/zh_TW/Stash.png?1527463903000'); }
  .zh_TW .stashPanel.mtxStashPanel {
    background: url('/image/gen/inventory/zh_TW/MTXStash.png?1527463905000'); }

.th_TH .stashPanel {
  background: url('/image/gen/inventory/th_TH/Stash.png?1527463909000'); }
  .th_TH .stashPanel.mtxStashPanel {
    background: url('/image/gen/inventory/th_TH/MTXStash.png?1527463910000'); }

.de_DE .stashPanel {
  background: url('/image/gen/inventory/de_DE/Stash.png?1527463914000'); }
  .de_DE .stashPanel.mtxStashPanel {
    background: url('/image/gen/inventory/de_DE/MTXStash.png?1527463915000'); }

.fr_FR .stashPanel {
  background: url('/image/gen/inventory/fr_FR/Stash.png?1527463919000'); }
  .fr_FR .stashPanel.mtxStashPanel {
    background: url('/image/gen/inventory/fr_FR/MTXStash.png?1527463921000'); }

.es_ES .stashPanel {
  background: url('/image/gen/inventory/es_ES/Stash.png?1527463925000'); }
  .es_ES .stashPanel.mtxStashPanel {
    background: url('/image/gen/inventory/es_ES/MTXStash.png?1527463926000'); }

.ru_RU .stashPanel {
  background: url('/image/gen/inventory/ru_RU/Stash.png?1527463930000'); }
  .ru_RU .stashPanel.mtxStashPanel {
    background: url('/image/gen/inventory/ru_RU/MTXStash.png?1527463931000'); }

.pt_BR .stashPanel {
  background: url('/image/gen/inventory/pt_BR/Stash.png?1527463935000'); }
  .pt_BR .stashPanel.mtxStashPanel {
    background: url('/image/gen/inventory/pt_BR/MTXStash.png?1527463936000'); }

.zh_CN .stashPanel {
  background: url('/image/gen/inventory/zh_CN/Stash.png?1527463940000'); }
  .zh_CN .stashPanel.mtxStashPanel {
    background: url('/image/gen/inventory/zh_CN/MTXStash.png?1527463942000'); }

.stashLoading {
  background-image: url('/image/loading.gif?1525390452000');
  background-repeat: no-repeat;
  min-height: 40px; }

.stashPanel {
  position: relative;
  width: 600px;
  height: 781px;
  background: url('/image/gen/inventory/Stash.png?1527463898000'); }
  .stashPanel .stashTabContents {
    position: absolute;
    width: 569px;
    height: 569px;
    background-image: url('/image/gen/inventory/StashPanelGrid.png?1527463942000');
    /*
    &.mapStash{
      background: 0 none;
      .mapStashControls{
        width: image-width("gen/inventory/StashPanelMapSelector.png");
        height: image-height("gen/inventory/StashPanelMapSelector.png");
        background: transparent image-url("gen/inventory/StashPanelMapSelector.png") no-repeat;

        .mapStashControlLevels, .mapStashControlNames{
          position: absolute;
          left: 53px;
          width: 466px;
        }

        $gridSpace: 10px;

        .grid{
          width: image-width("gen/inventory/StashPanelMapSelectorHilight.png");
          height: image-height("gen/inventory/StashPanelMapSelectorHilight.png") - $gridSpace;
          float: left;
          margin-right: -2px;
          margin-bottom: -2px;
          &.active{
            background: transparent image-url("gen/inventory/StashPanelMapSelectorHilight.png") no-repeat;
          }
          overflow: hidden;
        }
        .mapStashControlLevels{
          top: 15px;
          height: 115px;
          .mapStashControlLevel{
            @extend .FontinSmallCaps;
            color: #5b4b15;
            font-size: 22px;
            padding-top: $gridSpace;
            cursor: pointer;
            &.active{
              color: #cd9f05;
              padding-top: 11px;
              margin-bottom: -3px;
            }
          }

        }
        .mapStashControlNames{
          height: 59px;
          top: 184px;

          .mapStashControlName{
            padding-top: 7px;
            cursor: pointer;
            height: image-height("gen/inventory/StashPanelMapSelectorHilight.png") - 7px;
          }
        }
      }
      .mapStashInventory{
        height: image-height("gen/inventory/StashPanelMapSelectorGrid.png");
        width: image-width("gen/inventory/StashPanelMapSelectorGrid.png");
        background: transparent image-url("gen/inventory/StashPanelMapSelectorGrid.png");
        position: absolute;
        top: image-height("gen/inventory/StashPanelMapSelector.png");
      }
    }
    */ }
    .stashPanel .stashTabContents .poeScroll .jspVerticalBar {
      width: 29px; }
      .stashPanel .stashTabContents .poeScroll .jspVerticalBar .jspTrack {
        background: url('/image/UI/scrollbar/rail.png?1527463958000');
        width: 29px;
        height: 32px; }
      .stashPanel .stashTabContents .poeScroll .jspVerticalBar .jspArrowUp {
        background: url('/image/UI/scrollbar/up.png?1527463958000');
        width: 29px;
        height: 18px; }
      .stashPanel .stashTabContents .poeScroll .jspVerticalBar .jspArrowDown {
        background: url('/image/UI/scrollbar/down.png?1527463958000');
        width: 29px;
        height: 16px; }
      .stashPanel .stashTabContents .poeScroll .jspVerticalBar .jspDrag {
        background: url('/image/UI/scrollbar/thumb-middle.png?1527463958000'); }
      .stashPanel .stashTabContents .poeScroll .jspVerticalBar .jspDragTop {
        background: url('/image/UI/scrollbar/thumb-top.png?1527463958000');
        width: 29px;
        height: 16px;
        top: 0px;
        left: 0px; }
      .stashPanel .stashTabContents .poeScroll .jspVerticalBar .jspDragBottom {
        background: url('/image/UI/scrollbar/thumb-bottom.png?1527463958000');
        width: 29px;
        height: 16px;
        position: absolute;
        bottom: 0px;
        left: 0px; }
    .stashPanel .stashTabContents.currencyStash {
      background-image: url('/image/gen/inventory/StashPanelCurrency.png?1527463943000'); }
    .stashPanel .stashTabContents.fragmentStash {
      background-image: url('/image/gen/inventory/StashPanelFragment.png?1527463944000'); }
    .stashPanel .stashTabContents.quadStash {
      background-image: url('/image/gen/inventory/QuadStashPanelGrid.png?1527463943000'); }
    .stashPanel .stashTabContents.essenceStash {
      background-image: url('/image/gen/inventory/EssenceStashPanelGrid.png?1527463944000'); }
    .stashPanel .stashTabContents.divinationStash {
      background: transparent url('/image/gen/inventory/StashPanelDivinationCards.png?1527463944000') repeat-y; }
      .stashPanel .stashTabContents.divinationStash .stashPanelDivinationCard {
        background: transparent url('/image/gen/inventory/StashPanelDivinationCardBackground.png?1527463944000') no-repeat;
        position: relative;
        float: left;
        margin: 5px;
        z-index: 15; }
        .stashPanel .stashTabContents.divinationStash .stashPanelDivinationCard .stashPanelDivinationCardName {
          font-size: 10px;
          color: #111;
          margin-top: 10px; }
        .stashPanel .stashTabContents.divinationStash .stashPanelDivinationCard .divinationCard {
          font-size: 9px; }
          .stashPanel .stashTabContents.divinationStash .stashPanelDivinationCard .divinationCard .itemBoxContent .itemHeader .itemName {
            font-size: 9px; }
          .stashPanel .stashTabContents.divinationStash .stashPanelDivinationCard .divinationCard.completeStack {
            background: transparent url('/image/gen/inventory/StashPanelDivinationCardStackCompleteFrame.png?1527463944000') no-repeat; }
  .stashPanel .stashTabLinkControls {
    height: 31px;
    width: 236px;
    position: absolute;
    bottom: 18px;
    right: 10px; }
    .stashPanel .stashTabLinkControls .stashTabLinkOne, .stashPanel .stashTabLinkControls .stashTabLinkAll {
      height: 31px;
      width: 114px;
      float: left;
      cursor: pointer; }
    .stashPanel .stashTabLinkControls .stashTabLinkOne {
      background: url('/image/gen/stashlink.png?1527463962000') no-repeat no-repeat;
      background-position: -114px 0px; }
    .stashPanel .stashTabLinkControls .stashTabLinkAll {
      background: url('/image/gen/stashlink.png?1527463962000') no-repeat no-repeat;
      background-position: 0px 0px; }
    .stashPanel .stashTabLinkControls .stashTabLinkAll {
      float: right; }
  .stashPanel .tabControl .leftButton {
    width: 21px;
    height: 26px;
    background: url('/image/gen/inventory/tabs-control/LeftButton.png?1527463894000') no-repeat; }
    .stashPanel .tabControl .leftButton:hover {
      background-position: 0px -26px; }
  .stashPanel .tabControl .rightButton {
    width: 21px;
    height: 26px;
    background: url('/image/gen/inventory/tabs-control/RightButton.png?1527463894000') no-repeat; }
    .stashPanel .tabControl .rightButton:hover {
      background-position: 0px -26px; }
  .stashPanel .tabControl .tabSelectButton {
    width: 22px;
    height: 26px;
    background: url('/image/gen/inventory/tabs-control/ExpandButton.png?1527463894000'); }
    .stashPanel .tabControl .tabSelectButton:hover {
      background-position: 0px -26px; }
  .stashPanel .border {
    position: absolute; }
    .stashPanel .border.t {
      top: 140px;
      left: 18px;
      width: 563px;
      height: 3px; }
    .stashPanel .border.b {
      top: 712px;
      left: 18px;
      width: 563px;
      height: 3px; }
    .stashPanel .border.l {
      top: 146px;
      left: 12px;
      width: 3px;
      height: 563px; }
    .stashPanel .border.r {
      top: 146px;
      left: 584px;
      width: 3px;
      height: 563px; }
    .stashPanel .border.tl {
      top: 140px;
      left: 12px;
      width: 6px;
      height: 6px; }
    .stashPanel .border.tr {
      top: 140px;
      left: 581px;
      width: 6px;
      height: 6px; }
    .stashPanel .border.br {
      top: 708px;
      left: 581px;
      width: 6px;
      height: 6px; }
    .stashPanel .border.bl {
      top: 708px;
      left: 12px;
      width: 6px;
      height: 6px; }
  .stashPanel.mtxStashPanel {
    width: 600px;
    height: 781px;
    background: url('/image/gen/inventory/MTXStash.png?1527463900000'); }
    .stashPanel.mtxStashPanel .border {
      z-index: 4; }
      .stashPanel.mtxStashPanel .border.t {
        top: 148px;
        left: 30px;
        width: 538px;
        height: 3px; }
      .stashPanel.mtxStashPanel .border.b {
        top: 637px;
        left: 30px;
        width: 538px;
        height: 3px; }
      .stashPanel.mtxStashPanel .border.l {
        top: 154px;
        left: 24px;
        width: 3px;
        height: 480px; }
      .stashPanel.mtxStashPanel .border.r {
        top: 154px;
        left: 571px;
        width: 3px;
        height: 480px; }
      .stashPanel.mtxStashPanel .border.tl {
        top: 148px;
        left: 24px;
        width: 6px;
        height: 6px; }
      .stashPanel.mtxStashPanel .border.tr {
        top: 148px;
        left: 568px;
        width: 6px;
        height: 6px; }
      .stashPanel.mtxStashPanel .border.br {
        top: 634px;
        left: 568px;
        width: 6px;
        height: 6px; }
      .stashPanel.mtxStashPanel .border.bl {
        top: 634px;
        left: 24px;
        width: 6px;
        height: 6px; }

.stashTabSelectWrapper {
  top: 0;
  left: 50px;
  position: absolute;
  max-height: 500px;
  z-index: 10000;
  display: none; }
  .stashTabSelectWrapper .stashTabSelect {
    height: 500px;
    max-height: 500px;
    background: #000;
    border: 1px solid #8a633d;
    overflow: hidden;
    position: relative;
    padding-right: 29px;
    min-width: 110px; }
    .stashTabSelectWrapper .stashTabSelect .option {
      padding: 2px 5px;
      color: #f0dcb9;
      border: 1px solid transparent; }
      .stashTabSelectWrapper .stashTabSelect .option:hover {
        cursor: pointer;
        border: 1px solid #8c5f35; }

#dcard-baseType {
  height: 500px; }

#dcard-baseMod {
  height: 500px; }

.dcard-massiveSelect {
  height: 500px; }

.divinationCards {
  padding: 10px;
  overflow: hidden;
  word-wrap: break-word; }
  .divinationCards .cardStatus {
    margin-top: 230px; }
  .divinationCards .cardList .cardStats {
    padding: 10px 0px; }
  .divinationCards .cardList .cardName {
    font-weight: bold; }
  .divinationCards .divinationImage {
    text-align: right; }

.divinationCardsList {
  background: transparent url('/image/awakening/divinationcards.png?1525390437000') no-repeat bottom right;
  min-height: 1140px; }

.PoEMarkup.glyph {
  float: left; }
  .PoEMarkup.glyph.HBG00 {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: 0px -90px;
    width: 5px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBG01 {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -100px -54px;
    width: 8px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBG02 {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -100px 0px;
    width: 10px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBG03 {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -100px -36px;
    width: 8px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBG04 {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -100px -18px;
    width: 10px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAa {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -40px 0px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAb {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -40px -18px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAc {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: 0px -36px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAd {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -20px -36px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAe {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -40px -36px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAf {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -60px 0px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAg {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -60px -18px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAh {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -60px -36px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAi {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: 0px -54px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAj {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -20px -54px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAk {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: 0px 0px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAl {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -60px -54px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAm {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -80px 0px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAn {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -80px -18px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAo {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -80px -36px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAp {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -80px -54px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAq {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: 0px -72px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAr {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -20px -72px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAs {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -40px -72px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAt {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -60px -72px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAu {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -80px -72px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAv {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -40px -54px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAw {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -20px -18px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAx {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: 0px -18px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.HBGAy {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -20px 0px;
    width: 20px;
    height: 18px;
    display: inline-block; }
  .PoEMarkup.glyph.hbg00i {
    background: url('/image/gen/glyph.png?1527463962000') no-repeat no-repeat;
    background-position: -100px -72px;
    width: 6px;
    height: 18px;
    display: inline-block; }

.itemPopupContainer {
  position: relative;
  text-align: center;
  z-index: 10000;
  min-width: 262.88032px;
  max-width: 742.39351px;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }

.itemGemPopup {
  z-index: 1450; }

.itemBoxContent {
  position: relative;
  background: top right repeat-y;
  font-size: 110%; }

.itemInline {
  clear: both; }

.itemInline .itemIconContainer {
  float: left; }

.itemTitleBar {
  background: top left repeat-x;
  position: relative;
  margin-top: -6px;
  margin-bottom: -9px; }

.itemTitleBar .l {
  position: absolute; }

.itemTitleBar .r {
  position: absolute; }

.itemSeperator {
  background: top left repeat-x;
  position: relative; }

.itemSeperator .l {
  position: absolute; }

.itemSeperator .r {
  position: absolute; }

.explicitMod, .implicitMod, .utilityMod {
  color: #8888FF; }

.cosmeticMod {
  color: #aa9e82; }

.unmet {
  color: #d20000; }

.craftedMod, .enchantMod {
  color: #b4b4ff; }

.textUnique, .flavourText, .uniqueitem {
  color: #af6025; }

.flavourText {
  font-style: italic; }

.PoEMarkup.default {
  color: #7f7f7f; }

.PoEMarkup.prophecy {
  color: #b54bff; }

.textRare {
  color: #FFFF77; }

.textMagic {
  color: #8888FF; }

.textNormal {
  color: #C8C8C8; }

.textGem {
  color: #AA9E82; }

.textCurrency {
  color: #AA9E82; }

.textWhiteItem {
  color: #c8c8c8; }

.textRareItem {
  color: #ffff77; }

.textMagicItem {
  color: #8888ff; }

.textGemItem {
  color: #1ba29b; }

.textCurrencyItem {
  color: #aa9e82; }

.textUniqueItem {
  color: #af6025; }

.textQuestItem {
  color: #4ae63a; }

.itemContainer {
  z-index: 350;
  position: relative;
  /*float: left;*/
  margin-bottom: 20px; }

.itemContainer noscript {
  position: absolute;
  bottom: 23px;
  left: 0px;
  text-align: center;
  color: red;
  opacity: .5;
  font-style: italic;
  font-size: 72%;
  background: #111; }

.itemContainerNotVerified noscript {
  bottom: 2px; }

.itemContainerContentLayoutNotInline {
  float: left; }

.itemContainerContentLayoutNotInline .itemIconContainer {
  padding: 0px 10px; }

.itemContainerVerified {
  margin-bottom: 24px; }

.itemNotInline .itemIcon {
  cursor: pointer; }

.itemIconContainer {
  text-align: center; }

.itemIcon {
  display: inline-block;
  margin-top: 5px;
  text-align: center;
  position: relative; }

.itemContainer .verified {
  font-weight: bold;
  color: #AAA;
  border: 1px solid #333;
  background-color: #000;
  padding: 1px 4px; }

.itemHovered .verified {
  border: 1px solid #444;
  color: #FFFF77; }

.itemIcon .socket img {
  position: relative; }

.itemIcon .socket {
  position: relative;
  overflow: hidden;
  float: left; }

.itemIcon .socketRight {
  float: right; }

.itemStatusPopup {
  margin-top: 0px;
  display: none;
  position: absolute;
  z-index: 400;
  text-align: center;
  color: #fee;
  border: 1px solid #333;
  background-color: #000;
  padding: 1px 3px 2px 3px;
  font-style: italic; }

.verifiedItemStatusPopup {
  margin-top: 24px; }

.lc, .descrText span, .secDescriptionText span {
  display: inline-block;
  padding: 0px 10px; }

.itemSmartLayoutBreak {
  clear: both; }

.itemFragment {
  float: left;
  position: relative;
  background: #000;
  opacity: .3; }
  .itemFragment.iW1 {
    width: 47.4645px; }
  .itemFragment.iW2 {
    width: 94.92901px; }
  .itemFragment.iH1 {
    height: 47.4645px; }
  .itemFragment.iH2 {
    height: 94.92901px; }
  .itemFragment.iH3 {
    height: 142.39351px; }
  .itemFragment.iH4 {
    height: 189.85801px; }
  .itemFragment.itemVerified {
    margin-bottom: 19px; }
  .itemFragment noscript {
    text-align: center;
    font-size: 80%;
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    padding-top: 5px; }
    .itemFragment noscript span:before {
      content: "Javascript required"; }

.noJS .itemFragment {
  clear: both;
  float: none; }

.itemContentLayout {
  float: left;
  margin: 5px 5px 5px 5px; }
  .itemContentLayout.iW1.itemVerified {
    width: 65px; }
  .itemContentLayout.itemUnavailable {
    background: rgba(255, 0, 0, 0.3);
    position: relative;
    padding: 4px;
    color: #a7b7b7; }

.itemInfoBox, .itemLeaguePopup, .newItemContainer .verifiedStatus, .quadStash .newItemContainer .verifiedStatus, .essenceStash .newItemContainer .verifiedStatus, .currencyStash .newItemContainer .verifiedStatus, .fragmentStash .newItemContainer .verifiedStatus {
  font-weight: bold;
  color: #AAA;
  border: 1px solid #333;
  background-color: #000;
  padding: 1px 4px;
  text-align: center; }

.itemLeaguePopup {
  font-weight: normal;
  font-style: italic;
  margin-top: 3px;
  display: none;
  z-index: 200; }

.newItemPopup {
  background: url('/image/game_ui/hover_background.png?1525390445000') repeat 0 0 transparent;
  background: rgba(0, 0, 0, 0.8);
  color: #7f7f7f;
  margin: 0px 7px; }
  .newItemPopup .colourDefault {
    color: white; }
  .newItemPopup .colourAugmented {
    color: #8888FF; }
  .newItemPopup .colourUnmet {
    color: #d20000; }
  .newItemPopup .colourPhysicalDamage {
    color: white; }
  .newItemPopup .colourFireDamage {
    color: #960000; }
  .newItemPopup .colourColdDamage {
    color: #366492; }
  .newItemPopup .colourLightningDamage {
    color: gold; }
  .newItemPopup .colourChaosDamage {
    color: #d02090; }
  .newItemPopup .itemHeader {
    font-size: 19px;
    line-height: 1em; }
  .newItemPopup .content {
    padding: 0.4em 0em 0.5em 0em; }
  .newItemPopup .secDescrText {
    padding: 0px 1em; }
  .newItemPopup.normalPopup .itemName, .newItemPopup.normalPopup .secDescrText {
    color: #c8c8c8; }
  .newItemPopup.rarePopup .itemName, .newItemPopup.rarePopup .secDescrText {
    color: #ffff77; }
  .newItemPopup.magicPopup .itemName, .newItemPopup.magicPopup .secDescrText {
    color: #8888ff; }
  .newItemPopup.gemPopup .itemName, .newItemPopup.gemPopup .secDescrText {
    color: #1ba29b; }
  .newItemPopup.currencyPopup .itemName, .newItemPopup.currencyPopup .secDescrText {
    color: #aa9e82; }
  .newItemPopup.uniquePopup .itemName, .newItemPopup.uniquePopup .secDescrText {
    color: #af6025; }
  .newItemPopup.questPopup .itemName, .newItemPopup.questPopup .secDescrText {
    color: #4ae63a; }
  .newItemPopup.prophecyPopup .itemName, .newItemPopup.prophecyPopup .secDescrText {
    color: #b54bff; }
  .newItemPopup.relicPopup .itemName, .newItemPopup.relicPopup .secDescrText {
    color: #82ad6a; }
  .newItemPopup .vaalHeader {
    background: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/VaalGemItemPopupTitleBackground.png?scale=1&v=22c770c2220849b8d4ef2cbfe08fce64&scaleIndex=0") no-repeat center/contain;
    height: 33.46856px;
    font-size: 19px;
    line-height: 1em; }
  .newItemPopup .descrText {
    font-style: italic; }
  .newItemPopup .value {
    color: #fff; }
  .newItemPopup .augmented {
    color: #8888ff; }
  .newItemPopup .unmet {
    color: #d20000; }
  .newItemPopup .lc {
    padding: 0px 6.08519px; }
  .newItemPopup .experienceBar {
    background: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsExperienceBar.png?scale=1&v=348dcaa8cf0072b4b66d0105e50a4491&scaleIndex=0");
    width: 211px;
    height: 12px;
    margin: 0 4px;
    display: inline-block;
    text-align: left; }
    .newItemPopup .experienceBar .fill {
      width: 203px;
      display: inline-block;
      margin: 0px 4px; }
      .newItemPopup .experienceBar .fill span {
        display: inline-block;
        height: 12px;
        background: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsExperienceFill.png?scale=1&v=497877da160ee54149594647ffd42873&scaleIndex=0") repeat-x; }

.divinationCard {
  max-width: 268px;
  height: 401px;
  background: transparent;
  font-size: 14px; }
  .divinationCard span.lc {
    padding: 0; }
  .divinationCard .cardFace {
    position: absolute;
    left: 4%;
    top: 7%;
    height: 42%;
    width: 90%;
    background: #1e1e1e;
    overflow: hidden; }
    .divinationCard .cardFace img {
      height: 100%;
      width: 100%; }
  .divinationCard .itemBoxContent {
    z-index: 3;
    background: transparent url('/image/Art/2DItems/Divination/Images/DivinationCard.png?scale=1?1524542227000') no-repeat center;
    background-size: cover;
    width: 100%;
    height: 100%; }
    .divinationCard .itemBoxContent .itemHeader {
      padding-top: 5%; }
      .divinationCard .itemBoxContent .itemHeader .itemName {
        font-size: 16px; }
    .divinationCard .itemBoxContent .explicitModsWrapper {
      position: absolute;
      top: 51.5%;
      left: 3%;
      width: 88%;
      height: 16%;
      margin: 0 3.5%;
      font-size: 110%;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d; }
      .divinationCard .itemBoxContent .explicitModsWrapper .explicitModsContainer {
        position: relative;
        top: 50%;
        width: 100%;
        transform: translateY(-50%); }
    .divinationCard .itemBoxContent .stackSize {
      color: #c8c8c8;
      width: 15%;
      height: 22px;
      top: 46.5%;
      left: 9%;
      position: absolute; }
    .divinationCard .itemBoxContent .flavourTextWrapper {
      position: absolute;
      top: 67%;
      left: 3%;
      width: 88%;
      height: 29%;
      margin: 0 3.5%; }
      .divinationCard .itemBoxContent .flavourTextWrapper .flavourTextContainer {
        position: relative;
        top: 50%;
        transform: translateY(-50%); }
        .divinationCard .itemBoxContent .flavourTextWrapper .flavourTextContainer .flavourText {
          line-height: 1; }
  .divinationCard .itemName, .divinationCard .secDescrText {
    color: #111; }
  .divinationCard .default {
    color: #7f7f7f; }
  .divinationCard .uniqueitem {
    color: #af6025; }
  .divinationCard .rareitem {
    color: #ffff77; }
  .divinationCard .magicitem {
    color: #8888ff; }
  .divinationCard .whiteitem {
    color: #c8c8c8; }
  .divinationCard .gemitem {
    color: #1ba29b; }
  .divinationCard .currencyitem {
    color: #aa9e82; }
  .divinationCard .questitem {
    color: #4ae63a; }
  .divinationCard .crafted {
    color: #b4b4ff; }
  .divinationCard .divination {
    color: #aae6e6; }
  .divinationCard .corrupted {
    color: #d20000; }
  .divinationCard .bold {
    font-weight: bold; }
  .divinationCard .italic {
    font-style: italic; }
  .divinationCard .normal {
    font-weight: normal;
    font-style: normal;
    color: #c8c8c8; }

/**
 *  Mixin to generate a single item popup type styles
 */
.normalPopup .itemName .lc {
  padding: 7.23428px 30px 7.23428px 30px; }

.normalPopup .doubleLine .itemName .lc {
  padding: -1.51048px 30px -0.75524px 30px; }

.normalPopup .doubleLine .typeLine .lc {
  padding: -0.75524px 30px -1.51048px 30px; }

.normalPopup .itemHeader {
  background: red; }

.normalPopup .itemHeader {
  background: #000;
  background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderWhiteMiddle.png?scale=1&v=800c88925978db435f458f4fb19c8830&scaleIndex=0");
  height: 33px; }
  .normalPopup .itemHeader .l {
    display: block;
    left: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderWhiteLeft.png?scale=1&v=7ffe5e9587a0fac4607e0cebf495d66e&scaleIndex=0"); }
  .normalPopup .itemHeader .r {
    display: block;
    right: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderWhiteRight.png?scale=1&v=216077af6f19c588368fbb0a4099015e&scaleIndex=0"); }
  .normalPopup .itemHeader.doubleLine {
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderWhiteMiddle.png?scale=1&v=800c88925978db435f458f4fb19c8830&scaleIndex=0");
    height: 33px; }
    .normalPopup .itemHeader.doubleLine .l {
      width: 28px;
      height: 33px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderWhiteLeft.png?scale=1&v=7ffe5e9587a0fac4607e0cebf495d66e&scaleIndex=0"); }
    .normalPopup .itemHeader.doubleLine .r {
      width: 28px;
      height: 33px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderWhiteRight.png?scale=1&v=216077af6f19c588368fbb0a4099015e&scaleIndex=0"); }
  .normalPopup .itemHeader.shaper .l::after, .normalPopup .itemHeader.shaper .r::after, .normalPopup .itemHeader.elder .l::after, .normalPopup .itemHeader.elder .r::after {
    content: ' ';
    display: block;
    top: 0px;
    position: absolute;
    background: none center no-repeat; }
  .normalPopup .itemHeader.shaper .l::after, .normalPopup .itemHeader.elder .l::after {
    left: 2px;
    height: 33px; }
  .normalPopup .itemHeader.shaper .r::after, .normalPopup .itemHeader.elder .r::after {
    right: 2px;
    height: 33px; }
  .normalPopup .itemHeader.shaper.doubleLine .l::after, .normalPopup .itemHeader.elder.doubleLine .l::after {
    height: 33px; }
  .normalPopup .itemHeader.shaper.doubleLine .r::after, .normalPopup .itemHeader.elder.doubleLine .r::after {
    height: 33px; }
  .normalPopup .itemHeader.shaper .l::after, .normalPopup .itemHeader.shaper .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ShaperItemSymbol.png?scale=1&v=f4889457d6a2863dd18b9b89b6b9ea85&scaleIndex=0"); }
  .normalPopup .itemHeader.elder .l::after, .normalPopup .itemHeader.elder .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ElderItemSymbol.png?scale=1&v=776b45bf47984a36f6a50e64e7a20f90&scaleIndex=0"); }

.normalPopup .separator {
  background: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsSeparatorWhite.png?scale=1&v=09e0916eeee92602700f5d249c09bb74&scaleIndex=0") center no-repeat;
  height: 7.91075px;
  margin: 1px 0px; }

.whitePopup .itemName .lc {
  padding: 7.23428px 30px 7.23428px 30px; }

.whitePopup .doubleLine .itemName .lc {
  padding: -1.51048px 30px -0.75524px 30px; }

.whitePopup .doubleLine .typeLine .lc {
  padding: -0.75524px 30px -1.51048px 30px; }

.whitePopup .itemHeader {
  background: red; }

.whitePopup .itemHeader {
  background: #000;
  background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderWhiteMiddle.png?scale=1&v=800c88925978db435f458f4fb19c8830&scaleIndex=0");
  height: 33px; }
  .whitePopup .itemHeader .l {
    display: block;
    left: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderWhiteLeft.png?scale=1&v=7ffe5e9587a0fac4607e0cebf495d66e&scaleIndex=0"); }
  .whitePopup .itemHeader .r {
    display: block;
    right: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderWhiteRight.png?scale=1&v=216077af6f19c588368fbb0a4099015e&scaleIndex=0"); }
  .whitePopup .itemHeader.doubleLine {
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderWhiteMiddle.png?scale=1&v=800c88925978db435f458f4fb19c8830&scaleIndex=0");
    height: 33px; }
    .whitePopup .itemHeader.doubleLine .l {
      width: 28px;
      height: 33px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderWhiteLeft.png?scale=1&v=7ffe5e9587a0fac4607e0cebf495d66e&scaleIndex=0"); }
    .whitePopup .itemHeader.doubleLine .r {
      width: 28px;
      height: 33px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderWhiteRight.png?scale=1&v=216077af6f19c588368fbb0a4099015e&scaleIndex=0"); }
  .whitePopup .itemHeader.shaper .l::after, .whitePopup .itemHeader.shaper .r::after, .whitePopup .itemHeader.elder .l::after, .whitePopup .itemHeader.elder .r::after {
    content: ' ';
    display: block;
    top: 0px;
    position: absolute;
    background: none center no-repeat; }
  .whitePopup .itemHeader.shaper .l::after, .whitePopup .itemHeader.elder .l::after {
    left: 2px;
    height: 33px; }
  .whitePopup .itemHeader.shaper .r::after, .whitePopup .itemHeader.elder .r::after {
    right: 2px;
    height: 33px; }
  .whitePopup .itemHeader.shaper.doubleLine .l::after, .whitePopup .itemHeader.elder.doubleLine .l::after {
    height: 33px; }
  .whitePopup .itemHeader.shaper.doubleLine .r::after, .whitePopup .itemHeader.elder.doubleLine .r::after {
    height: 33px; }
  .whitePopup .itemHeader.shaper .l::after, .whitePopup .itemHeader.shaper .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ShaperItemSymbol.png?scale=1&v=f4889457d6a2863dd18b9b89b6b9ea85&scaleIndex=0"); }
  .whitePopup .itemHeader.elder .l::after, .whitePopup .itemHeader.elder .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ElderItemSymbol.png?scale=1&v=776b45bf47984a36f6a50e64e7a20f90&scaleIndex=0"); }

.whitePopup .separator {
  background: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsSeparatorWhite.png?scale=1&v=09e0916eeee92602700f5d249c09bb74&scaleIndex=0") center no-repeat;
  height: 7.91075px;
  margin: 1px 0px; }

.magicPopup .itemName .lc {
  padding: 7.23428px 30px 7.23428px 30px; }

.magicPopup .doubleLine .itemName .lc {
  padding: -1.51048px 30px -0.75524px 30px; }

.magicPopup .doubleLine .typeLine .lc {
  padding: -0.75524px 30px -1.51048px 30px; }

.magicPopup .itemHeader {
  background: red; }

.magicPopup .itemHeader {
  background: #000;
  background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderMagicMiddle.png?scale=1&v=f1b14ee55eec3fdea97d5eef52dfd612&scaleIndex=0");
  height: 33px; }
  .magicPopup .itemHeader .l {
    display: block;
    left: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderMagicLeft.png?scale=1&v=bd01114bdfbf1e7400f30b94e734a651&scaleIndex=0"); }
  .magicPopup .itemHeader .r {
    display: block;
    right: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderMagicRight.png?scale=1&v=f2144b4e8e8d1b59a6a320dd69eb7163&scaleIndex=0"); }
  .magicPopup .itemHeader.doubleLine {
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderMagicMiddle.png?scale=1&v=f1b14ee55eec3fdea97d5eef52dfd612&scaleIndex=0");
    height: 33px; }
    .magicPopup .itemHeader.doubleLine .l {
      width: 28px;
      height: 33px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderMagicLeft.png?scale=1&v=bd01114bdfbf1e7400f30b94e734a651&scaleIndex=0"); }
    .magicPopup .itemHeader.doubleLine .r {
      width: 28px;
      height: 33px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderMagicRight.png?scale=1&v=f2144b4e8e8d1b59a6a320dd69eb7163&scaleIndex=0"); }
  .magicPopup .itemHeader.shaper .l::after, .magicPopup .itemHeader.shaper .r::after, .magicPopup .itemHeader.elder .l::after, .magicPopup .itemHeader.elder .r::after {
    content: ' ';
    display: block;
    top: 0px;
    position: absolute;
    background: none center no-repeat; }
  .magicPopup .itemHeader.shaper .l::after, .magicPopup .itemHeader.elder .l::after {
    left: 2px;
    height: 33px; }
  .magicPopup .itemHeader.shaper .r::after, .magicPopup .itemHeader.elder .r::after {
    right: 2px;
    height: 33px; }
  .magicPopup .itemHeader.shaper.doubleLine .l::after, .magicPopup .itemHeader.elder.doubleLine .l::after {
    height: 33px; }
  .magicPopup .itemHeader.shaper.doubleLine .r::after, .magicPopup .itemHeader.elder.doubleLine .r::after {
    height: 33px; }
  .magicPopup .itemHeader.shaper .l::after, .magicPopup .itemHeader.shaper .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ShaperItemSymbol.png?scale=1&v=f4889457d6a2863dd18b9b89b6b9ea85&scaleIndex=0"); }
  .magicPopup .itemHeader.elder .l::after, .magicPopup .itemHeader.elder .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ElderItemSymbol.png?scale=1&v=776b45bf47984a36f6a50e64e7a20f90&scaleIndex=0"); }

.magicPopup .separator {
  background: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsSeparatorMagic.png?scale=1&v=464a93d2142f9c9676f20e06f85af7a0&scaleIndex=0") center no-repeat;
  height: 7.91075px;
  margin: 1px 0px; }

.rarePopup .itemName .lc {
  padding: 7.23428px 30px 7.23428px 30px; }

.rarePopup .doubleLine .itemName .lc {
  padding: 5.18323px 45px 2.59162px 45px; }

.rarePopup .doubleLine .typeLine .lc {
  padding: 2.59162px 45px 5.18323px 45px; }

.rarePopup .itemHeader {
  background: red; }

.rarePopup .itemHeader {
  background: #000;
  background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderRareSingleLineMiddle.png?scale=1&v=db12657456d480b0d350e6530e5a3c86&scaleIndex=0");
  height: 33px; }
  .rarePopup .itemHeader .l {
    display: block;
    left: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderRareSingleLineLeft.png?scale=1&v=b87255bfe1ee4f720753e52f43048b19&scaleIndex=0"); }
  .rarePopup .itemHeader .r {
    display: block;
    right: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderRareSingleLineRight.png?scale=1&v=b63b20507ed0bfb033bc0b15a35770dd&scaleIndex=0"); }
  .rarePopup .itemHeader.doubleLine {
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderRareMiddle.png?scale=1&v=2a9bc46046532795600f120446dafb6c&scaleIndex=0");
    height: 53px; }
    .rarePopup .itemHeader.doubleLine .l {
      width: 43px;
      height: 53px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderRareLeft.png?scale=1&v=8cddcdac2caa4bb3f3bba08e652b07fd&scaleIndex=0"); }
    .rarePopup .itemHeader.doubleLine .r {
      width: 43px;
      height: 53px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderRareRight.png?scale=1&v=9d46a1fb985804f8a1afb8c985458d5b&scaleIndex=0"); }
  .rarePopup .itemHeader.shaper .l::after, .rarePopup .itemHeader.shaper .r::after, .rarePopup .itemHeader.elder .l::after, .rarePopup .itemHeader.elder .r::after {
    content: ' ';
    display: block;
    top: 0px;
    position: absolute;
    background: none center no-repeat; }
  .rarePopup .itemHeader.shaper .l::after, .rarePopup .itemHeader.elder .l::after {
    left: 2px;
    height: 33px; }
  .rarePopup .itemHeader.shaper .r::after, .rarePopup .itemHeader.elder .r::after {
    right: 2px;
    height: 33px; }
  .rarePopup .itemHeader.shaper.doubleLine .l::after, .rarePopup .itemHeader.elder.doubleLine .l::after {
    height: 53px; }
  .rarePopup .itemHeader.shaper.doubleLine .r::after, .rarePopup .itemHeader.elder.doubleLine .r::after {
    height: 53px; }
  .rarePopup .itemHeader.shaper .l::after, .rarePopup .itemHeader.shaper .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ShaperItemSymbol.png?scale=1&v=f4889457d6a2863dd18b9b89b6b9ea85&scaleIndex=0"); }
  .rarePopup .itemHeader.elder .l::after, .rarePopup .itemHeader.elder .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ElderItemSymbol.png?scale=1&v=776b45bf47984a36f6a50e64e7a20f90&scaleIndex=0"); }

.rarePopup .separator {
  background: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsSeparatorRare.png?scale=1&v=94882fd9eea5bff76a7962a9ec0dd326&scaleIndex=0") center no-repeat;
  height: 7.91075px;
  margin: 1px 0px; }

.uniquePopup .itemName .lc {
  padding: 7.23428px 30px 7.23428px 30px; }

.uniquePopup .doubleLine .itemName .lc {
  padding: 5.18323px 45px 2.59162px 45px; }

.uniquePopup .doubleLine .typeLine .lc {
  padding: 2.59162px 45px 5.18323px 45px; }

.uniquePopup .itemHeader {
  background: red; }

.uniquePopup .itemHeader {
  background: #000;
  background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderUniqueSingleLineMiddle.png?scale=1&v=795f91aac65ed5893447fa3d9b976a30&scaleIndex=0");
  height: 33px; }
  .uniquePopup .itemHeader .l {
    display: block;
    left: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderUniqueSingleLineLeft.png?scale=1&v=d9970f34040da385231189a6c7fe89cf&scaleIndex=0"); }
  .uniquePopup .itemHeader .r {
    display: block;
    right: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderUniqueSingleLineRight.png?scale=1&v=3287c86ea326bf7d590c847c4c3c61b4&scaleIndex=0"); }
  .uniquePopup .itemHeader.doubleLine {
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderUniqueMiddle.png?scale=1&v=c992ff3d42f93942a86a165cb7dbba90&scaleIndex=0");
    height: 53px; }
    .uniquePopup .itemHeader.doubleLine .l {
      width: 43px;
      height: 53px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderUniqueLeft.png?scale=1&v=5f8f17b2da67446b3f38713dfc34ca04&scaleIndex=0"); }
    .uniquePopup .itemHeader.doubleLine .r {
      width: 43px;
      height: 53px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderUniqueRight.png?scale=1&v=5f6500622ce8d46e5a7e49c20c69a0ca&scaleIndex=0"); }
  .uniquePopup .itemHeader.shaper .l::after, .uniquePopup .itemHeader.shaper .r::after, .uniquePopup .itemHeader.elder .l::after, .uniquePopup .itemHeader.elder .r::after {
    content: ' ';
    display: block;
    top: 0px;
    position: absolute;
    background: none center no-repeat; }
  .uniquePopup .itemHeader.shaper .l::after, .uniquePopup .itemHeader.elder .l::after {
    left: 2px;
    height: 33px; }
  .uniquePopup .itemHeader.shaper .r::after, .uniquePopup .itemHeader.elder .r::after {
    right: 2px;
    height: 33px; }
  .uniquePopup .itemHeader.shaper.doubleLine .l::after, .uniquePopup .itemHeader.elder.doubleLine .l::after {
    height: 53px; }
  .uniquePopup .itemHeader.shaper.doubleLine .r::after, .uniquePopup .itemHeader.elder.doubleLine .r::after {
    height: 53px; }
  .uniquePopup .itemHeader.shaper .l::after, .uniquePopup .itemHeader.shaper .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ShaperItemSymbol.png?scale=1&v=f4889457d6a2863dd18b9b89b6b9ea85&scaleIndex=0"); }
  .uniquePopup .itemHeader.elder .l::after, .uniquePopup .itemHeader.elder .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ElderItemSymbol.png?scale=1&v=776b45bf47984a36f6a50e64e7a20f90&scaleIndex=0"); }

.uniquePopup .separator {
  background: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsSeparatorUnique.png?scale=1&v=bdf0e0541ff8d2a7191264a28fd5cb3b&scaleIndex=0") center no-repeat;
  height: 7.91075px;
  margin: 1px 0px; }

.gemPopup .itemName .lc {
  padding: 7.23428px 30px 7.23428px 30px; }

.gemPopup .doubleLine .itemName .lc {
  padding: -1.51048px 30px -0.75524px 30px; }

.gemPopup .doubleLine .typeLine .lc {
  padding: -0.75524px 30px -1.51048px 30px; }

.gemPopup .itemHeader {
  background: red; }

.gemPopup .itemHeader {
  background: #000;
  background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderGemMiddle.png?scale=1&v=42d6823ba7b3575128cb4cf73f4ae322&scaleIndex=0");
  height: 33px; }
  .gemPopup .itemHeader .l {
    display: block;
    left: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderGemLeft.png?scale=1&v=18de0059089783e48c20b0617f8723f1&scaleIndex=0"); }
  .gemPopup .itemHeader .r {
    display: block;
    right: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderGemRight.png?scale=1&v=d8a0f1eea3adefe24a08bb7bd3d6f71d&scaleIndex=0"); }
  .gemPopup .itemHeader.doubleLine {
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderGemMiddle.png?scale=1&v=42d6823ba7b3575128cb4cf73f4ae322&scaleIndex=0");
    height: 33px; }
    .gemPopup .itemHeader.doubleLine .l {
      width: 28px;
      height: 33px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderGemLeft.png?scale=1&v=18de0059089783e48c20b0617f8723f1&scaleIndex=0"); }
    .gemPopup .itemHeader.doubleLine .r {
      width: 28px;
      height: 33px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderGemRight.png?scale=1&v=d8a0f1eea3adefe24a08bb7bd3d6f71d&scaleIndex=0"); }
  .gemPopup .itemHeader.shaper .l::after, .gemPopup .itemHeader.shaper .r::after, .gemPopup .itemHeader.elder .l::after, .gemPopup .itemHeader.elder .r::after {
    content: ' ';
    display: block;
    top: 0px;
    position: absolute;
    background: none center no-repeat; }
  .gemPopup .itemHeader.shaper .l::after, .gemPopup .itemHeader.elder .l::after {
    left: 2px;
    height: 33px; }
  .gemPopup .itemHeader.shaper .r::after, .gemPopup .itemHeader.elder .r::after {
    right: 2px;
    height: 33px; }
  .gemPopup .itemHeader.shaper.doubleLine .l::after, .gemPopup .itemHeader.elder.doubleLine .l::after {
    height: 33px; }
  .gemPopup .itemHeader.shaper.doubleLine .r::after, .gemPopup .itemHeader.elder.doubleLine .r::after {
    height: 33px; }
  .gemPopup .itemHeader.shaper .l::after, .gemPopup .itemHeader.shaper .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ShaperItemSymbol.png?scale=1&v=f4889457d6a2863dd18b9b89b6b9ea85&scaleIndex=0"); }
  .gemPopup .itemHeader.elder .l::after, .gemPopup .itemHeader.elder .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ElderItemSymbol.png?scale=1&v=776b45bf47984a36f6a50e64e7a20f90&scaleIndex=0"); }

.gemPopup .separator {
  background: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsSeparatorGem.png?scale=1&v=188b3b5126a77432b03f90e24a89b02a&scaleIndex=0") center no-repeat;
  height: 7.91075px;
  margin: 1px 0px; }

.currencyPopup .itemName .lc {
  padding: 7.23428px 30px 7.23428px 30px; }

.currencyPopup .doubleLine .itemName .lc {
  padding: -1.51048px 30px -0.75524px 30px; }

.currencyPopup .doubleLine .typeLine .lc {
  padding: -0.75524px 30px -1.51048px 30px; }

.currencyPopup .itemHeader {
  background: red; }

.currencyPopup .itemHeader {
  background: #000;
  background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderCurrencyMiddle.png?scale=1&v=1ea58b550f3b91da03a1eccd9cddba60&scaleIndex=0");
  height: 33px; }
  .currencyPopup .itemHeader .l {
    display: block;
    left: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderCurrencyLeft.png?scale=1&v=edcc1774f53e65050bb906a20ba45a65&scaleIndex=0"); }
  .currencyPopup .itemHeader .r {
    display: block;
    right: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderCurrencyRight.png?scale=1&v=933da82639f285202d374b71c9930297&scaleIndex=0"); }
  .currencyPopup .itemHeader.doubleLine {
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderCurrencyMiddle.png?scale=1&v=1ea58b550f3b91da03a1eccd9cddba60&scaleIndex=0");
    height: 33px; }
    .currencyPopup .itemHeader.doubleLine .l {
      width: 28px;
      height: 33px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderCurrencyLeft.png?scale=1&v=edcc1774f53e65050bb906a20ba45a65&scaleIndex=0"); }
    .currencyPopup .itemHeader.doubleLine .r {
      width: 28px;
      height: 33px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderCurrencyRight.png?scale=1&v=933da82639f285202d374b71c9930297&scaleIndex=0"); }
  .currencyPopup .itemHeader.shaper .l::after, .currencyPopup .itemHeader.shaper .r::after, .currencyPopup .itemHeader.elder .l::after, .currencyPopup .itemHeader.elder .r::after {
    content: ' ';
    display: block;
    top: 0px;
    position: absolute;
    background: none center no-repeat; }
  .currencyPopup .itemHeader.shaper .l::after, .currencyPopup .itemHeader.elder .l::after {
    left: 2px;
    height: 33px; }
  .currencyPopup .itemHeader.shaper .r::after, .currencyPopup .itemHeader.elder .r::after {
    right: 2px;
    height: 33px; }
  .currencyPopup .itemHeader.shaper.doubleLine .l::after, .currencyPopup .itemHeader.elder.doubleLine .l::after {
    height: 33px; }
  .currencyPopup .itemHeader.shaper.doubleLine .r::after, .currencyPopup .itemHeader.elder.doubleLine .r::after {
    height: 33px; }
  .currencyPopup .itemHeader.shaper .l::after, .currencyPopup .itemHeader.shaper .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ShaperItemSymbol.png?scale=1&v=f4889457d6a2863dd18b9b89b6b9ea85&scaleIndex=0"); }
  .currencyPopup .itemHeader.elder .l::after, .currencyPopup .itemHeader.elder .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ElderItemSymbol.png?scale=1&v=776b45bf47984a36f6a50e64e7a20f90&scaleIndex=0"); }

.currencyPopup .separator {
  background: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsSeparatorCurrency.png?scale=1&v=2d9ab33132337c50fa926d3ca1a614d8&scaleIndex=0") center no-repeat;
  height: 7.91075px;
  margin: 1px 0px; }

.questPopup .itemName .lc {
  padding: 7.23428px 30px 7.23428px 30px; }

.questPopup .doubleLine .itemName .lc {
  padding: -1.51048px 30px -0.75524px 30px; }

.questPopup .doubleLine .typeLine .lc {
  padding: -0.75524px 30px -1.51048px 30px; }

.questPopup .itemHeader {
  background: red; }

.questPopup .itemHeader {
  background: #000;
  background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderQuestMiddle.png?scale=1&v=b6aa6e80f874d56952ca8cf0c7e45930&scaleIndex=0");
  height: 33px; }
  .questPopup .itemHeader .l {
    display: block;
    left: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderQuestLeft.png?scale=1&v=d0a4c7cbe73de1cb014c46d2a4843349&scaleIndex=0"); }
  .questPopup .itemHeader .r {
    display: block;
    right: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderQuestRight.png?scale=1&v=dec63a6ca4d498aeac99e3d7bf53a100&scaleIndex=0"); }
  .questPopup .itemHeader.doubleLine {
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderQuestMiddle.png?scale=1&v=b6aa6e80f874d56952ca8cf0c7e45930&scaleIndex=0");
    height: 33px; }
    .questPopup .itemHeader.doubleLine .l {
      width: 28px;
      height: 33px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderQuestLeft.png?scale=1&v=d0a4c7cbe73de1cb014c46d2a4843349&scaleIndex=0"); }
    .questPopup .itemHeader.doubleLine .r {
      width: 28px;
      height: 33px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderQuestRight.png?scale=1&v=dec63a6ca4d498aeac99e3d7bf53a100&scaleIndex=0"); }
  .questPopup .itemHeader.shaper .l::after, .questPopup .itemHeader.shaper .r::after, .questPopup .itemHeader.elder .l::after, .questPopup .itemHeader.elder .r::after {
    content: ' ';
    display: block;
    top: 0px;
    position: absolute;
    background: none center no-repeat; }
  .questPopup .itemHeader.shaper .l::after, .questPopup .itemHeader.elder .l::after {
    left: 2px;
    height: 33px; }
  .questPopup .itemHeader.shaper .r::after, .questPopup .itemHeader.elder .r::after {
    right: 2px;
    height: 33px; }
  .questPopup .itemHeader.shaper.doubleLine .l::after, .questPopup .itemHeader.elder.doubleLine .l::after {
    height: 33px; }
  .questPopup .itemHeader.shaper.doubleLine .r::after, .questPopup .itemHeader.elder.doubleLine .r::after {
    height: 33px; }
  .questPopup .itemHeader.shaper .l::after, .questPopup .itemHeader.shaper .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ShaperItemSymbol.png?scale=1&v=f4889457d6a2863dd18b9b89b6b9ea85&scaleIndex=0"); }
  .questPopup .itemHeader.elder .l::after, .questPopup .itemHeader.elder .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ElderItemSymbol.png?scale=1&v=776b45bf47984a36f6a50e64e7a20f90&scaleIndex=0"); }

.questPopup .separator {
  background: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsSeparatorQuest.png?scale=1&v=547ada8ae6d635f530a76ad596d7205f&scaleIndex=0") center no-repeat;
  height: 7.91075px;
  margin: 1px 0px; }

.prophecyPopup .itemName .lc {
  padding: 7.23428px 30px 7.23428px 30px; }

.prophecyPopup .doubleLine .itemName .lc {
  padding: -1.51048px 30px -0.75524px 30px; }

.prophecyPopup .doubleLine .typeLine .lc {
  padding: -0.75524px 30px -1.51048px 30px; }

.prophecyPopup .itemHeader {
  background: red; }

.prophecyPopup .itemHeader {
  background: #000;
  background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderProphecyMiddle.png?scale=1&v=cbb43406bf205fcef24fface26bae13f&scaleIndex=0");
  height: 33px; }
  .prophecyPopup .itemHeader .l {
    display: block;
    left: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderProphecyLeft.png?scale=1&v=eb4883e05108a598583836a71271c473&scaleIndex=0"); }
  .prophecyPopup .itemHeader .r {
    display: block;
    right: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderProphecyRight.png?scale=1&v=d25ee8f3d709ce6e431848a0e14452ac&scaleIndex=0"); }
  .prophecyPopup .itemHeader.doubleLine {
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderProphecyMiddle.png?scale=1&v=cbb43406bf205fcef24fface26bae13f&scaleIndex=0");
    height: 33px; }
    .prophecyPopup .itemHeader.doubleLine .l {
      width: 28px;
      height: 33px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderProphecyLeft.png?scale=1&v=eb4883e05108a598583836a71271c473&scaleIndex=0"); }
    .prophecyPopup .itemHeader.doubleLine .r {
      width: 28px;
      height: 33px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderProphecyRight.png?scale=1&v=d25ee8f3d709ce6e431848a0e14452ac&scaleIndex=0"); }
  .prophecyPopup .itemHeader.shaper .l::after, .prophecyPopup .itemHeader.shaper .r::after, .prophecyPopup .itemHeader.elder .l::after, .prophecyPopup .itemHeader.elder .r::after {
    content: ' ';
    display: block;
    top: 0px;
    position: absolute;
    background: none center no-repeat; }
  .prophecyPopup .itemHeader.shaper .l::after, .prophecyPopup .itemHeader.elder .l::after {
    left: 2px;
    height: 33px; }
  .prophecyPopup .itemHeader.shaper .r::after, .prophecyPopup .itemHeader.elder .r::after {
    right: 2px;
    height: 33px; }
  .prophecyPopup .itemHeader.shaper.doubleLine .l::after, .prophecyPopup .itemHeader.elder.doubleLine .l::after {
    height: 33px; }
  .prophecyPopup .itemHeader.shaper.doubleLine .r::after, .prophecyPopup .itemHeader.elder.doubleLine .r::after {
    height: 33px; }
  .prophecyPopup .itemHeader.shaper .l::after, .prophecyPopup .itemHeader.shaper .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ShaperItemSymbol.png?scale=1&v=f4889457d6a2863dd18b9b89b6b9ea85&scaleIndex=0"); }
  .prophecyPopup .itemHeader.elder .l::after, .prophecyPopup .itemHeader.elder .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ElderItemSymbol.png?scale=1&v=776b45bf47984a36f6a50e64e7a20f90&scaleIndex=0"); }

.prophecyPopup .separator {
  background: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsSeparatorProphecy.png?scale=1&v=c9d537126c36ebcddc86a1baab7cb34f&scaleIndex=0") center no-repeat;
  height: 7.91075px;
  margin: 1px 0px; }

.relicPopup .itemName .lc {
  padding: 7.23428px 30px 7.23428px 30px; }

.relicPopup .doubleLine .itemName .lc {
  padding: 5.18323px 45px 2.59162px 45px; }

.relicPopup .doubleLine .typeLine .lc {
  padding: 2.59162px 45px 5.18323px 45px; }

.relicPopup .itemHeader {
  background: red; }

.relicPopup .itemHeader {
  background: #000;
  background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderFoilSingleLineMiddle.png?scale=1&v=cb2e58ac06397b335e232033a9510643&scaleIndex=0");
  height: 33px; }
  .relicPopup .itemHeader .l {
    display: block;
    left: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderFoilSingleLineLeft.png?scale=1&v=696bc524e78411ad4c12d6ff0de5e5fd&scaleIndex=0"); }
  .relicPopup .itemHeader .r {
    display: block;
    right: 0px;
    top: 0px;
    position: absolute;
    width: 28px;
    height: 33px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderFoilSingleLineRight.png?scale=1&v=fc9cdf69e45cf59915ab9a7442766e95&scaleIndex=0"); }
  .relicPopup .itemHeader.doubleLine {
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderFoilMiddle.png?scale=1&v=bd274503d5c52d489bb1fbacc59bbb38&scaleIndex=0");
    height: 53px; }
    .relicPopup .itemHeader.doubleLine .l {
      width: 43px;
      height: 53px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderFoilLeft.png?scale=1&v=888dccc75e94c81500c0cd4e6edc5a07&scaleIndex=0"); }
    .relicPopup .itemHeader.doubleLine .r {
      width: 43px;
      height: 53px;
      background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsHeaderFoilRight.png?scale=1&v=6fcd14e2d60166c2173bc834b0843db2&scaleIndex=0"); }
  .relicPopup .itemHeader.shaper .l::after, .relicPopup .itemHeader.shaper .r::after, .relicPopup .itemHeader.elder .l::after, .relicPopup .itemHeader.elder .r::after {
    content: ' ';
    display: block;
    top: 0px;
    position: absolute;
    background: none center no-repeat; }
  .relicPopup .itemHeader.shaper .l::after, .relicPopup .itemHeader.elder .l::after {
    left: 2px;
    height: 33px; }
  .relicPopup .itemHeader.shaper .r::after, .relicPopup .itemHeader.elder .r::after {
    right: 2px;
    height: 33px; }
  .relicPopup .itemHeader.shaper.doubleLine .l::after, .relicPopup .itemHeader.elder.doubleLine .l::after {
    height: 53px; }
  .relicPopup .itemHeader.shaper.doubleLine .r::after, .relicPopup .itemHeader.elder.doubleLine .r::after {
    height: 53px; }
  .relicPopup .itemHeader.shaper .l::after, .relicPopup .itemHeader.shaper .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ShaperItemSymbol.png?scale=1&v=f4889457d6a2863dd18b9b89b6b9ea85&scaleIndex=0"); }
  .relicPopup .itemHeader.elder .l::after, .relicPopup .itemHeader.elder .r::after {
    width: 26px;
    background-image: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ElderItemSymbol.png?scale=1&v=776b45bf47984a36f6a50e64e7a20f90&scaleIndex=0"); }

.relicPopup .separator {
  background: url("//web.poecdn.com/image/Art/2DArt/UIImages/InGame/ItemsSeparatorFoil.png?scale=1&v=2f87e85385a3c589728ece5bd1495631&scaleIndex=0") center no-repeat;
  height: 7.91075px;
  margin: 1px 0px; }

.newItemContainer {
  background: transparent; }
  .newItemContainer .iconContainer {
    position: relative;
    text-align: center; }
  .newItemContainer .icon {
    display: inline-block;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat; }
  .newItemContainer .leaguePopup {
    visibility: hidden; }
  .newItemContainer .verifiedStatus {
    font-size: 85%;
    min-height: 15px;
    word-wrap: break-word; }
    .pt_BR .newItemContainer .verifiedStatus {
      font-size: 75%; }
  .newItemContainer.hovered {
    /*
      .leaguePopup
          {
            visibility: visible;
          }*/ }
    .newItemContainer.hovered .verifiedStatus {
      border: 1px solid #444;
      color: #FFFF77; }
  .newItemContainer .verticalLink, .newItemContainer.iW1 .socketLink0, .newItemContainer.iW1 .socketLink1, .newItemContainer.iW1 .socketLink2, .newItemContainer.iW2 .socketLink1, .newItemContainer.iW2 .socketLink3, .quadStash .newItemContainer.iW1 .socketLink0, .quadStash .newItemContainer.iW1 .socketLink1, .quadStash .newItemContainer.iW1 .socketLink2, .quadStash .newItemContainer.iW2 .socketLink1, .quadStash .newItemContainer.iW2 .socketLink3, .essenceStash .newItemContainer.iW1 .socketLink0, .essenceStash .newItemContainer.iW1 .socketLink1, .essenceStash .newItemContainer.iW1 .socketLink2, .essenceStash .newItemContainer.iW2 .socketLink1, .essenceStash .newItemContainer.iW2 .socketLink3, .currencyStash .newItemContainer.iW1 .socketLink0, .currencyStash .newItemContainer.iW1 .socketLink1, .currencyStash .newItemContainer.iW1 .socketLink2, .currencyStash .newItemContainer.iW2 .socketLink1, .currencyStash .newItemContainer.iW2 .socketLink3, .fragmentStash .newItemContainer.iW1 .socketLink0, .fragmentStash .newItemContainer.iW1 .socketLink1, .fragmentStash .newItemContainer.iW1 .socketLink2, .fragmentStash .newItemContainer.iW2 .socketLink1, .fragmentStash .newItemContainer.iW2 .socketLink3 {
    background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJ0eXBlIjoic29ja2V0Iiwic3QiOiJsaW5rIiwidmVydCI6dHJ1ZSwicyI6MC42MDg1MTkyNjk3NzY4NzYzfV0,/8baedea89d/Socket_Link_Vertical.png");
    width: 15.21298px;
    height: 37.72819px; }
  .newItemContainer .horizontalLink, .newItemContainer.iW2 .socketLink0, .newItemContainer.iW2 .socketLink2, .newItemContainer.iW2 .socketLink4, .quadStash .newItemContainer.iW2 .socketLink0, .quadStash .newItemContainer.iW2 .socketLink2, .quadStash .newItemContainer.iW2 .socketLink4, .essenceStash .newItemContainer.iW2 .socketLink0, .essenceStash .newItemContainer.iW2 .socketLink2, .essenceStash .newItemContainer.iW2 .socketLink4, .currencyStash .newItemContainer.iW2 .socketLink0, .currencyStash .newItemContainer.iW2 .socketLink2, .currencyStash .newItemContainer.iW2 .socketLink4, .fragmentStash .newItemContainer.iW2 .socketLink0, .fragmentStash .newItemContainer.iW2 .socketLink2, .fragmentStash .newItemContainer.iW2 .socketLink4 {
    background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJ0eXBlIjoic29ja2V0Iiwic3QiOiJsaW5rIiwidmVydCI6ZmFsc2UsInMiOjAuNjA4NTE5MjY5Nzc2ODc2M31d/523de546b3/Socket_Link_Horizontal.png");
    width: 37.72819px;
    height: 15.21298px; }
  .newItemContainer .socketLink {
    position: absolute;
    z-index: 1; }
  .newItemContainer .sockets {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none; }
  .newItemContainer.showSockets .sockets {
    display: block !important; }
  .newItemContainer.iW1 .socketLink0 {
    left: 16.12576px;
    top: 28.60041px; }
  .newItemContainer.iW1 .socketLink1 {
    left: 16.12576px;
    top: 76.06491px; }
  .newItemContainer.iW1 .socketLink2 {
    left: 16.12576px;
    top: 123.52941px; }
  .newItemContainer.iW1 .icon {
    width: 47.4645px; }
  .newItemContainer.iW1 .sockets {
    width: 47.4645px; }
  .newItemContainer.iW1.iH2 .sockets.numSockets1 {
    top: 23.73225px; }
  .newItemContainer.iW1.iH3 .sockets.numSockets1 {
    top: 47.4645px; }
  .newItemContainer.iW1.iH3 .sockets.numSockets2 {
    top: 23.73225px; }
  .newItemContainer.iW1.iH4 .sockets.numSockets1 {
    top: 71.19675px; }
  .newItemContainer.iW1.iH4 .sockets.numSockets2 {
    top: 47.4645px; }
  .newItemContainer.iW1.iH4 .sockets.numSockets3 {
    top: 23.73225px; }
  .newItemContainer.iW2 .icon {
    width: 94.92901px; }
  .newItemContainer.iW2 .socketLink0 {
    left: 28.60041px;
    top: 16.12576px; }
  .newItemContainer.iW2 .socketLink1 {
    left: 63.59026px;
    top: 28.60041px; }
  .newItemContainer.iW2 .socketLink2 {
    left: 28.60041px;
    top: 63.59026px; }
  .newItemContainer.iW2 .socketLink3 {
    left: 16.12576px;
    top: 76.06491px; }
  .newItemContainer.iW2 .socketLink4 {
    left: 28.60041px;
    top: 111.05477px; }
  .newItemContainer.iW2 .sockets {
    width: 94.92901px; }
  .newItemContainer.iW2.iH1 .sockets.numSockets1, .newItemContainer.iW2.iH2 .sockets.numSockets1, .newItemContainer.iW2.iH3 .sockets.numSockets1, .newItemContainer.iW2.iH4 .sockets.numSockets1 {
    left: 23.73225px;
    width: 47.4645px; }
  .newItemContainer.iW2.iH2 .sockets.numSockets1, .newItemContainer.iW2.iH2 .sockets.numSockets2 {
    top: 23.73225px; }
  .newItemContainer.iW2.iH3 .sockets.numSockets1, .newItemContainer.iW2.iH3 .sockets.numSockets2 {
    top: 47.4645px; }
  .newItemContainer.iW2.iH3 .sockets.numSockets3, .newItemContainer.iW2.iH3 .sockets.numSockets4 {
    top: 23.73225px; }
  .newItemContainer.iW2.iH4 .sockets.numSockets1, .newItemContainer.iW2.iH4 .sockets.numSockets2 {
    top: 71.19675px; }
  .newItemContainer.iW2.iH4 .sockets.numSockets3, .newItemContainer.iW2.iH4 .sockets.numSockets4 {
    top: 47.4645px; }
  .newItemContainer.iW2.iH4 .sockets.numSockets5, .newItemContainer.iW2.iH4 .sockets.numSockets6 {
    top: 23.73225px; }
  .newItemContainer .socket {
    height: 47.4645px;
    width: 47.4645px;
    float: left; }
    .newItemContainer .socket.socketed:hover {
      background-position: 0px -50px;
      cursor: pointer; }
    .newItemContainer .socket.socketStr {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IlIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjN9XQ,,/d24aad8ccb/Socket.png"); }
      .newItemContainer .socket.socketStr.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOnRydWV9XQ,,/3bd2325383/Socket.png"); }
      .newItemContainer .socket.socketStr.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOnRydWV9XQ,,/479e40f34c/Socket.png"); }
      .newItemContainer .socket.socketStr.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOnRydWV9XQ,,/f3c3aeffe6/Socket.png"); }
      .newItemContainer .socket.socketStr.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOnRydWV9XQ,,/fe01a19315/Socket.png"); }
      .newItemContainer .socket.socketStr.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOmZhbHNlfV0,/9d8084b638/Socket.png"); }
      .newItemContainer .socket.socketStr.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOmZhbHNlfV0,/b722c5e396/Socket.png"); }
      .newItemContainer .socket.socketStr.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOmZhbHNlfV0,/39eaa69e38/Socket.png"); }
      .newItemContainer .socket.socketStr.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOmZhbHNlfV0,/f2f5f5f845/Socket.png"); }
    .newItemContainer .socket.socketDex {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IkciLCJzIjowLjYwODUxOTI2OTc3Njg3NjN9XQ,,/84d58b785c/Socket.png"); }
      .newItemContainer .socket.socketDex.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOnRydWV9XQ,,/b51439d045/Socket.png"); }
      .newItemContainer .socket.socketDex.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOnRydWV9XQ,,/234cc176c8/Socket.png"); }
      .newItemContainer .socket.socketDex.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOnRydWV9XQ,,/3d03d45336/Socket.png"); }
      .newItemContainer .socket.socketDex.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOnRydWV9XQ,,/004a544643/Socket.png"); }
      .newItemContainer .socket.socketDex.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOmZhbHNlfV0,/b1ba2ffa69/Socket.png"); }
      .newItemContainer .socket.socketDex.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOmZhbHNlfV0,/b252951af2/Socket.png"); }
      .newItemContainer .socket.socketDex.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOmZhbHNlfV0,/3740512775/Socket.png"); }
      .newItemContainer .socket.socketDex.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOmZhbHNlfV0,/71e3beeab7/Socket.png"); }
    .newItemContainer .socket.socketInt {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IkIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjN9XQ,,/f032b86b00/Socket.png"); }
      .newItemContainer .socket.socketInt.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOnRydWV9XQ,,/36d29f86be/Socket.png"); }
      .newItemContainer .socket.socketInt.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOnRydWV9XQ,,/6e461df732/Socket.png"); }
      .newItemContainer .socket.socketInt.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOnRydWV9XQ,,/68c7ad44b6/Socket.png"); }
      .newItemContainer .socket.socketInt.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOnRydWV9XQ,,/14bec75c9d/Socket.png"); }
      .newItemContainer .socket.socketInt.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOmZhbHNlfV0,/f098549a42/Socket.png"); }
      .newItemContainer .socket.socketInt.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOmZhbHNlfV0,/4f9e74c8f0/Socket.png"); }
      .newItemContainer .socket.socketInt.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOmZhbHNlfV0,/bc64a132e1/Socket.png"); }
      .newItemContainer .socket.socketInt.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOmZhbHNlfV0,/d801261fbb/Socket.png"); }
    .newItemContainer .socket.socketGen {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IlciLCJzIjowLjYwODUxOTI2OTc3Njg3NjN9XQ,,/ad267d691f/Socket.png"); }
      .newItemContainer .socket.socketGen.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOnRydWV9XQ,,/7a86f4cfe0/Socket.png"); }
      .newItemContainer .socket.socketGen.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOnRydWV9XQ,,/56f03faa4e/Socket.png"); }
      .newItemContainer .socket.socketGen.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOnRydWV9XQ,,/a9b03d30e3/Socket.png"); }
      .newItemContainer .socket.socketGen.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOnRydWV9XQ,,/52df52310a/Socket.png"); }
      .newItemContainer .socket.socketGen.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOmZhbHNlfV0,/29dfc332f0/Socket.png"); }
      .newItemContainer .socket.socketGen.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOmZhbHNlfV0,/77aba0f153/Socket.png"); }
      .newItemContainer .socket.socketGen.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOmZhbHNlfV0,/c9349ce923/Socket.png"); }
      .newItemContainer .socket.socketGen.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOmZhbHNlfV0,/9280c7a8da/Socket.png"); }
    .newItemContainer .socket.socketAbyss {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IkEiLCJzIjowLjYwODUxOTI2OTc3Njg3NjN9XQ,,/e201be8d41/Socket.png"); }
      .newItemContainer .socket.socketAbyss.socketed.abyssJewel {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkEiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkEiLCJhY3RpdmUiOnRydWV9XQ,,/32f6e2b5a3/Socket.png"); }
  .newItemContainer .socketRight {
    float: right; }

.itemPlaced {
  background: url('/image/game_ui/inventory_item_background.png?1525390445000') repeat 0 0 transparent;
  background: rgba(25, 26, 150, 0.25); }
  .itemPlaced.ipW1 {
    width: 47.4645px; }
  .itemPlaced.ipW2 {
    width: 94.92901px; }
  .itemPlaced.ipW3 {
    width: 142.39351px; }
  .itemPlaced.ipW4 {
    width: 189.85801px; }
  .itemPlaced.ipH1 {
    height: 47.4645px; }
  .itemPlaced.ipH2 {
    height: 94.92901px; }
  .itemPlaced.ipH3 {
    height: 142.39351px; }
  .itemPlaced.ipH4 {
    height: 189.85801px; }
  .itemPlaced.iH1.ipH2 .iconContainer {
    top: 23.73225px; }
  .itemPlaced.iH1.ipH3 .iconContainer {
    top: 47.4645px; }
  .itemPlaced.iH2.ipH3 .iconContainer {
    top: 23.73225px; }
  .itemPlaced.iH1.ipH4 .iconContainer {
    top: 71.19675px; }
  .itemPlaced.iH2.ipH4 .iconContainer {
    top: 47.4645px; }
  .itemPlaced.iH3.ipH4 .iconContainer {
    top: 23.73225px; }
  .itemPlaced.unidentified {
    background: url('/image/game_ui/item_bg_unidentified.png?1525390445000') repeat 0 0 transparent;
    background: rgba(210, 0, 0, 0.18); }
  .itemPlaced.divinationCard {
    background: none; }

.quadStash .newItemContainer {
  background: transparent; }
  .quadStash .newItemContainer .iconContainer {
    position: relative;
    text-align: center; }
  .quadStash .newItemContainer .icon {
    display: inline-block;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat; }
  .quadStash .newItemContainer .leaguePopup {
    visibility: hidden; }
  .quadStash .newItemContainer .verifiedStatus {
    font-size: 85%;
    min-height: 15px;
    word-wrap: break-word; }
    .pt_BR .quadStash .newItemContainer .verifiedStatus {
      font-size: 75%; }
  .quadStash .newItemContainer.hovered {
    /*
      .leaguePopup
          {
            visibility: visible;
          }*/ }
    .quadStash .newItemContainer.hovered .verifiedStatus {
      border: 1px solid #444;
      color: #FFFF77; }
  .quadStash .newItemContainer .verticalLink, .quadStash .newItemContainer.iW1 .socketLink0, .quadStash .newItemContainer.iW1 .socketLink1, .quadStash .newItemContainer.iW1 .socketLink2, .quadStash .newItemContainer.iW2 .socketLink1, .quadStash .newItemContainer.iW2 .socketLink3 {
    background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJ0eXBlIjoic29ja2V0Iiwic3QiOiJsaW5rIiwidmVydCI6dHJ1ZSwicyI6MC4zMDQyNTk2MzQ4ODg0MzgxNn1d/c8b91c58ec/Socket_Link_Vertical.png");
    width: 7.60649px;
    height: 18.8641px; }
  .quadStash .newItemContainer .horizontalLink, .quadStash .newItemContainer.iW2 .socketLink0, .quadStash .newItemContainer.iW2 .socketLink2, .quadStash .newItemContainer.iW2 .socketLink4 {
    background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJ0eXBlIjoic29ja2V0Iiwic3QiOiJsaW5rIiwidmVydCI6ZmFsc2UsInMiOjAuMzA0MjU5NjM0ODg4NDM4MTZ9XQ,,/3a27fb029d/Socket_Link_Horizontal.png");
    width: 18.8641px;
    height: 7.60649px; }
  .quadStash .newItemContainer .socketLink {
    position: absolute;
    z-index: 1; }
  .quadStash .newItemContainer .sockets {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none; }
  .quadStash .newItemContainer.showSockets .sockets {
    display: block !important; }
  .quadStash .newItemContainer.iW1 .socketLink0 {
    left: 8.06288px;
    top: 14.3002px; }
  .quadStash .newItemContainer.iW1 .socketLink1 {
    left: 8.06288px;
    top: 38.03245px; }
  .quadStash .newItemContainer.iW1 .socketLink2 {
    left: 8.06288px;
    top: 61.76471px; }
  .quadStash .newItemContainer.iW1 .icon {
    width: 23.73225px; }
  .quadStash .newItemContainer.iW1 .sockets {
    width: 23.73225px; }
  .quadStash .newItemContainer.iW1.iH2 .sockets.numSockets1 {
    top: 11.86613px; }
  .quadStash .newItemContainer.iW1.iH3 .sockets.numSockets1 {
    top: 23.73225px; }
  .quadStash .newItemContainer.iW1.iH3 .sockets.numSockets2 {
    top: 11.86613px; }
  .quadStash .newItemContainer.iW1.iH4 .sockets.numSockets1 {
    top: 35.59838px; }
  .quadStash .newItemContainer.iW1.iH4 .sockets.numSockets2 {
    top: 23.73225px; }
  .quadStash .newItemContainer.iW1.iH4 .sockets.numSockets3 {
    top: 11.86613px; }
  .quadStash .newItemContainer.iW2 .icon {
    width: 47.4645px; }
  .quadStash .newItemContainer.iW2 .socketLink0 {
    left: 14.3002px;
    top: 8.06288px; }
  .quadStash .newItemContainer.iW2 .socketLink1 {
    left: 31.79513px;
    top: 14.3002px; }
  .quadStash .newItemContainer.iW2 .socketLink2 {
    left: 14.3002px;
    top: 31.79513px; }
  .quadStash .newItemContainer.iW2 .socketLink3 {
    left: 8.06288px;
    top: 38.03245px; }
  .quadStash .newItemContainer.iW2 .socketLink4 {
    left: 14.3002px;
    top: 55.52738px; }
  .quadStash .newItemContainer.iW2 .sockets {
    width: 47.4645px; }
  .quadStash .newItemContainer.iW2.iH1 .sockets.numSockets1, .quadStash .newItemContainer.iW2.iH2 .sockets.numSockets1, .quadStash .newItemContainer.iW2.iH3 .sockets.numSockets1, .quadStash .newItemContainer.iW2.iH4 .sockets.numSockets1 {
    left: 11.86613px;
    width: 23.73225px; }
  .quadStash .newItemContainer.iW2.iH2 .sockets.numSockets1, .quadStash .newItemContainer.iW2.iH2 .sockets.numSockets2 {
    top: 11.86613px; }
  .quadStash .newItemContainer.iW2.iH3 .sockets.numSockets1, .quadStash .newItemContainer.iW2.iH3 .sockets.numSockets2 {
    top: 23.73225px; }
  .quadStash .newItemContainer.iW2.iH3 .sockets.numSockets3, .quadStash .newItemContainer.iW2.iH3 .sockets.numSockets4 {
    top: 11.86613px; }
  .quadStash .newItemContainer.iW2.iH4 .sockets.numSockets1, .quadStash .newItemContainer.iW2.iH4 .sockets.numSockets2 {
    top: 35.59838px; }
  .quadStash .newItemContainer.iW2.iH4 .sockets.numSockets3, .quadStash .newItemContainer.iW2.iH4 .sockets.numSockets4 {
    top: 23.73225px; }
  .quadStash .newItemContainer.iW2.iH4 .sockets.numSockets5, .quadStash .newItemContainer.iW2.iH4 .sockets.numSockets6 {
    top: 11.86613px; }
  .quadStash .newItemContainer .socket {
    height: 23.73225px;
    width: 23.73225px;
    float: left; }
    .quadStash .newItemContainer .socket.socketed:hover {
      background-position: 0px -30px;
      cursor: pointer; }
    .quadStash .newItemContainer .socket.socketStr {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IlIiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2fV0,/a8a6d54545/Socket.png"); }
      .quadStash .newItemContainer .socket.socketStr.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJTIiwiYWN0aXZlIjp0cnVlfV0,/553222f1e4/Socket.png"); }
      .quadStash .newItemContainer .socket.socketStr.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJEIiwiYWN0aXZlIjp0cnVlfV0,/71fe954a1a/Socket.png"); }
      .quadStash .newItemContainer .socket.socketStr.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJJIiwiYWN0aXZlIjp0cnVlfV0,/89a6d976b3/Socket.png"); }
      .quadStash .newItemContainer .socket.socketStr.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJHIiwiYWN0aXZlIjp0cnVlfV0,/0f0ad2f0cd/Socket.png"); }
      .quadStash .newItemContainer .socket.socketStr.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJTIiwiYWN0aXZlIjpmYWxzZX1d/55b3373101/Socket.png"); }
      .quadStash .newItemContainer .socket.socketStr.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJEIiwiYWN0aXZlIjpmYWxzZX1d/c5e26d21e0/Socket.png"); }
      .quadStash .newItemContainer .socket.socketStr.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJJIiwiYWN0aXZlIjpmYWxzZX1d/1a4942dc2d/Socket.png"); }
      .quadStash .newItemContainer .socket.socketStr.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJHIiwiYWN0aXZlIjpmYWxzZX1d/4221da98d6/Socket.png"); }
    .quadStash .newItemContainer .socket.socketDex {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IkciLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2fV0,/73fed238ca/Socket.png"); }
      .quadStash .newItemContainer .socket.socketDex.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJTIiwiYWN0aXZlIjp0cnVlfV0,/4c52ffb2ef/Socket.png"); }
      .quadStash .newItemContainer .socket.socketDex.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJEIiwiYWN0aXZlIjp0cnVlfV0,/cf1a7b3ad2/Socket.png"); }
      .quadStash .newItemContainer .socket.socketDex.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJJIiwiYWN0aXZlIjp0cnVlfV0,/12e7241a79/Socket.png"); }
      .quadStash .newItemContainer .socket.socketDex.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJHIiwiYWN0aXZlIjp0cnVlfV0,/1f1e569964/Socket.png"); }
      .quadStash .newItemContainer .socket.socketDex.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJTIiwiYWN0aXZlIjpmYWxzZX1d/497bb23bbe/Socket.png"); }
      .quadStash .newItemContainer .socket.socketDex.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJEIiwiYWN0aXZlIjpmYWxzZX1d/8770a68edd/Socket.png"); }
      .quadStash .newItemContainer .socket.socketDex.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJJIiwiYWN0aXZlIjpmYWxzZX1d/8ed82c4082/Socket.png"); }
      .quadStash .newItemContainer .socket.socketDex.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJHIiwiYWN0aXZlIjpmYWxzZX1d/9035aad464/Socket.png"); }
    .quadStash .newItemContainer .socket.socketInt {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IkIiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2fV0,/8b2d41870e/Socket.png"); }
      .quadStash .newItemContainer .socket.socketInt.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJTIiwiYWN0aXZlIjp0cnVlfV0,/c6d5ec4b89/Socket.png"); }
      .quadStash .newItemContainer .socket.socketInt.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJEIiwiYWN0aXZlIjp0cnVlfV0,/8729c749bc/Socket.png"); }
      .quadStash .newItemContainer .socket.socketInt.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJJIiwiYWN0aXZlIjp0cnVlfV0,/ab8cb93510/Socket.png"); }
      .quadStash .newItemContainer .socket.socketInt.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJHIiwiYWN0aXZlIjp0cnVlfV0,/c722822e31/Socket.png"); }
      .quadStash .newItemContainer .socket.socketInt.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJTIiwiYWN0aXZlIjpmYWxzZX1d/8ffa79d0a5/Socket.png"); }
      .quadStash .newItemContainer .socket.socketInt.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJEIiwiYWN0aXZlIjpmYWxzZX1d/52a6671c82/Socket.png"); }
      .quadStash .newItemContainer .socket.socketInt.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJJIiwiYWN0aXZlIjpmYWxzZX1d/34d26068ca/Socket.png"); }
      .quadStash .newItemContainer .socket.socketInt.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJHIiwiYWN0aXZlIjpmYWxzZX1d/81a306cde4/Socket.png"); }
    .quadStash .newItemContainer .socket.socketGen {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IlciLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2fV0,/a7bfca058f/Socket.png"); }
      .quadStash .newItemContainer .socket.socketGen.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJTIiwiYWN0aXZlIjp0cnVlfV0,/265634f0dc/Socket.png"); }
      .quadStash .newItemContainer .socket.socketGen.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJEIiwiYWN0aXZlIjp0cnVlfV0,/03d09f9e37/Socket.png"); }
      .quadStash .newItemContainer .socket.socketGen.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJJIiwiYWN0aXZlIjp0cnVlfV0,/f6d9e18114/Socket.png"); }
      .quadStash .newItemContainer .socket.socketGen.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJHIiwiYWN0aXZlIjp0cnVlfV0,/19e5175846/Socket.png"); }
      .quadStash .newItemContainer .socket.socketGen.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJTIiwiYWN0aXZlIjpmYWxzZX1d/084816ceef/Socket.png"); }
      .quadStash .newItemContainer .socket.socketGen.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJEIiwiYWN0aXZlIjpmYWxzZX1d/e161b85fcd/Socket.png"); }
      .quadStash .newItemContainer .socket.socketGen.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJJIiwiYWN0aXZlIjpmYWxzZX1d/39c384ddf8/Socket.png"); }
      .quadStash .newItemContainer .socket.socketGen.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJHIiwiYWN0aXZlIjpmYWxzZX1d/31596f5012/Socket.png"); }
    .quadStash .newItemContainer .socket.socketAbyss {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IkEiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2fV0,/061322b2f6/Socket.png"); }
      .quadStash .newItemContainer .socket.socketAbyss.socketed.abyssJewel {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkEiLCJzIjowLjMwNDI1OTYzNDg4ODQzODE2LCJnZW1Db2xvdXIiOiJBIiwiYWN0aXZlIjp0cnVlfV0,/198a1bd466/Socket.png"); }
  .quadStash .newItemContainer .socketRight {
    float: right; }

.quadStash .itemPlaced {
  background: url('/image/game_ui/inventory_item_background.png?1525390445000') repeat 0 0 transparent;
  background: rgba(25, 26, 150, 0.25); }
  .quadStash .itemPlaced.ipW1 {
    width: 23.73225px; }
  .quadStash .itemPlaced.ipW2 {
    width: 47.4645px; }
  .quadStash .itemPlaced.ipW3 {
    width: 71.19675px; }
  .quadStash .itemPlaced.ipW4 {
    width: 94.92901px; }
  .quadStash .itemPlaced.ipH1 {
    height: 23.73225px; }
  .quadStash .itemPlaced.ipH2 {
    height: 47.4645px; }
  .quadStash .itemPlaced.ipH3 {
    height: 71.19675px; }
  .quadStash .itemPlaced.ipH4 {
    height: 94.92901px; }
  .quadStash .itemPlaced.iH1.ipH2 .iconContainer {
    top: 11.86613px; }
  .quadStash .itemPlaced.iH1.ipH3 .iconContainer {
    top: 23.73225px; }
  .quadStash .itemPlaced.iH2.ipH3 .iconContainer {
    top: 11.86613px; }
  .quadStash .itemPlaced.iH1.ipH4 .iconContainer {
    top: 35.59838px; }
  .quadStash .itemPlaced.iH2.ipH4 .iconContainer {
    top: 23.73225px; }
  .quadStash .itemPlaced.iH3.ipH4 .iconContainer {
    top: 11.86613px; }
  .quadStash .itemPlaced.unidentified {
    background: url('/image/game_ui/item_bg_unidentified.png?1525390445000') repeat 0 0 transparent;
    background: rgba(210, 0, 0, 0.18); }
  .quadStash .itemPlaced.divinationCard {
    background: none; }

.essenceStash .newItemContainer {
  background: transparent; }
  .essenceStash .newItemContainer .iconContainer {
    position: relative;
    text-align: center; }
  .essenceStash .newItemContainer .icon {
    display: inline-block;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat; }
  .essenceStash .newItemContainer .leaguePopup {
    visibility: hidden; }
  .essenceStash .newItemContainer .verifiedStatus {
    font-size: 85%;
    min-height: 15px;
    word-wrap: break-word; }
    .pt_BR .essenceStash .newItemContainer .verifiedStatus {
      font-size: 75%; }
  .essenceStash .newItemContainer.hovered {
    /*
      .leaguePopup
          {
            visibility: visible;
          }*/ }
    .essenceStash .newItemContainer.hovered .verifiedStatus {
      border: 1px solid #444;
      color: #FFFF77; }
  .essenceStash .newItemContainer .verticalLink, .essenceStash .newItemContainer.iW1 .socketLink0, .essenceStash .newItemContainer.iW1 .socketLink1, .essenceStash .newItemContainer.iW1 .socketLink2, .essenceStash .newItemContainer.iW2 .socketLink1, .essenceStash .newItemContainer.iW2 .socketLink3 {
    background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJ0eXBlIjoic29ja2V0Iiwic3QiOiJsaW5rIiwidmVydCI6dHJ1ZSwicyI6MC40ODM3NzI4MTk0NzI2MTY3fV0,/89ebd44508/Socket_Link_Vertical.png");
    width: 12.09432px;
    height: 29.99391px; }
  .essenceStash .newItemContainer .horizontalLink, .essenceStash .newItemContainer.iW2 .socketLink0, .essenceStash .newItemContainer.iW2 .socketLink2, .essenceStash .newItemContainer.iW2 .socketLink4 {
    background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJ0eXBlIjoic29ja2V0Iiwic3QiOiJsaW5rIiwidmVydCI6ZmFsc2UsInMiOjAuNDgzNzcyODE5NDcyNjE2N31d/e90de4e2dd/Socket_Link_Horizontal.png");
    width: 29.99391px;
    height: 12.09432px; }
  .essenceStash .newItemContainer .socketLink {
    position: absolute;
    z-index: 1; }
  .essenceStash .newItemContainer .sockets {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none; }
  .essenceStash .newItemContainer.showSockets .sockets {
    display: block !important; }
  .essenceStash .newItemContainer.iW1 .socketLink0 {
    left: 12.81998px;
    top: 22.73732px; }
  .essenceStash .newItemContainer.iW1 .socketLink1 {
    left: 12.81998px;
    top: 60.4716px; }
  .essenceStash .newItemContainer.iW1 .socketLink2 {
    left: 12.81998px;
    top: 98.20588px; }
  .essenceStash .newItemContainer.iW1 .icon {
    width: 37.73428px; }
  .essenceStash .newItemContainer.iW1 .sockets {
    width: 37.73428px; }
  .essenceStash .newItemContainer.iW1.iH2 .sockets.numSockets1 {
    top: 18.86714px; }
  .essenceStash .newItemContainer.iW1.iH3 .sockets.numSockets1 {
    top: 37.73428px; }
  .essenceStash .newItemContainer.iW1.iH3 .sockets.numSockets2 {
    top: 18.86714px; }
  .essenceStash .newItemContainer.iW1.iH4 .sockets.numSockets1 {
    top: 56.60142px; }
  .essenceStash .newItemContainer.iW1.iH4 .sockets.numSockets2 {
    top: 37.73428px; }
  .essenceStash .newItemContainer.iW1.iH4 .sockets.numSockets3 {
    top: 18.86714px; }
  .essenceStash .newItemContainer.iW2 .icon {
    width: 75.46856px; }
  .essenceStash .newItemContainer.iW2 .socketLink0 {
    left: 22.73732px;
    top: 12.81998px; }
  .essenceStash .newItemContainer.iW2 .socketLink1 {
    left: 50.55426px;
    top: 22.73732px; }
  .essenceStash .newItemContainer.iW2 .socketLink2 {
    left: 22.73732px;
    top: 50.55426px; }
  .essenceStash .newItemContainer.iW2 .socketLink3 {
    left: 12.81998px;
    top: 60.4716px; }
  .essenceStash .newItemContainer.iW2 .socketLink4 {
    left: 22.73732px;
    top: 88.28854px; }
  .essenceStash .newItemContainer.iW2 .sockets {
    width: 75.46856px; }
  .essenceStash .newItemContainer.iW2.iH1 .sockets.numSockets1, .essenceStash .newItemContainer.iW2.iH2 .sockets.numSockets1, .essenceStash .newItemContainer.iW2.iH3 .sockets.numSockets1, .essenceStash .newItemContainer.iW2.iH4 .sockets.numSockets1 {
    left: 18.86714px;
    width: 37.73428px; }
  .essenceStash .newItemContainer.iW2.iH2 .sockets.numSockets1, .essenceStash .newItemContainer.iW2.iH2 .sockets.numSockets2 {
    top: 18.86714px; }
  .essenceStash .newItemContainer.iW2.iH3 .sockets.numSockets1, .essenceStash .newItemContainer.iW2.iH3 .sockets.numSockets2 {
    top: 37.73428px; }
  .essenceStash .newItemContainer.iW2.iH3 .sockets.numSockets3, .essenceStash .newItemContainer.iW2.iH3 .sockets.numSockets4 {
    top: 18.86714px; }
  .essenceStash .newItemContainer.iW2.iH4 .sockets.numSockets1, .essenceStash .newItemContainer.iW2.iH4 .sockets.numSockets2 {
    top: 56.60142px; }
  .essenceStash .newItemContainer.iW2.iH4 .sockets.numSockets3, .essenceStash .newItemContainer.iW2.iH4 .sockets.numSockets4 {
    top: 37.73428px; }
  .essenceStash .newItemContainer.iW2.iH4 .sockets.numSockets5, .essenceStash .newItemContainer.iW2.iH4 .sockets.numSockets6 {
    top: 18.86714px; }
  .essenceStash .newItemContainer .socket {
    height: 37.73428px;
    width: 37.73428px;
    float: left; }
    .essenceStash .newItemContainer .socket.socketed:hover {
      background-position: 0px -40px;
      cursor: pointer; }
    .essenceStash .newItemContainer .socket.socketStr {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IlIiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjd9XQ,,/7fecb64a85/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketStr.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOnRydWV9XQ,,/f061c00b2a/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketStr.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOnRydWV9XQ,,/b0dc46291f/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketStr.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOnRydWV9XQ,,/cc7085d19e/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketStr.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOnRydWV9XQ,,/cd9828e1d3/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketStr.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOmZhbHNlfV0,/c1e778ebe6/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketStr.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOmZhbHNlfV0,/47a61667b1/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketStr.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOmZhbHNlfV0,/b642e10b09/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketStr.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOmZhbHNlfV0,/44128c5a15/Socket.png"); }
    .essenceStash .newItemContainer .socket.socketDex {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IkciLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjd9XQ,,/a299e0f564/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketDex.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOnRydWV9XQ,,/a37a1eb998/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketDex.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOnRydWV9XQ,,/b62490ab7d/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketDex.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOnRydWV9XQ,,/e1e0370c85/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketDex.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOnRydWV9XQ,,/1f49a2edde/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketDex.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOmZhbHNlfV0,/4b9fe3fda4/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketDex.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOmZhbHNlfV0,/23ac43e13e/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketDex.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOmZhbHNlfV0,/3e2ee89d43/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketDex.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOmZhbHNlfV0,/2f56aadfc3/Socket.png"); }
    .essenceStash .newItemContainer .socket.socketInt {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IkIiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjd9XQ,,/3cdfc71edc/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketInt.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOnRydWV9XQ,,/2f7007b710/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketInt.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOnRydWV9XQ,,/547ea672df/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketInt.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOnRydWV9XQ,,/631960ed9c/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketInt.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOnRydWV9XQ,,/e260ae2d0b/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketInt.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOmZhbHNlfV0,/2b8a71211f/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketInt.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOmZhbHNlfV0,/11b6df2825/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketInt.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOmZhbHNlfV0,/f286f8623c/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketInt.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOmZhbHNlfV0,/78836c97fe/Socket.png"); }
    .essenceStash .newItemContainer .socket.socketGen {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IlciLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjd9XQ,,/41254c190b/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketGen.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOnRydWV9XQ,,/d99d328b22/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketGen.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOnRydWV9XQ,,/f002983591/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketGen.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOnRydWV9XQ,,/79616531a0/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketGen.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOnRydWV9XQ,,/219d45b2c6/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketGen.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOmZhbHNlfV0,/61d27c7fac/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketGen.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOmZhbHNlfV0,/456e187cc0/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketGen.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOmZhbHNlfV0,/8c2bf7b979/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketGen.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOmZhbHNlfV0,/144b8eebce/Socket.png"); }
    .essenceStash .newItemContainer .socket.socketAbyss {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IkEiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjd9XQ,,/33115c75a3/Socket.png"); }
      .essenceStash .newItemContainer .socket.socketAbyss.socketed.abyssJewel {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkEiLCJzIjowLjQ4Mzc3MjgxOTQ3MjYxNjcsImdlbUNvbG91ciI6IkEiLCJhY3RpdmUiOnRydWV9XQ,,/c466b1403c/Socket.png"); }
  .essenceStash .newItemContainer .socketRight {
    float: right; }

.essenceStash .itemPlaced {
  background: url('/image/game_ui/inventory_item_background.png?1525390445000') repeat 0 0 transparent;
  background: rgba(25, 26, 150, 0.25); }
  .essenceStash .itemPlaced.ipW1 {
    width: 37.73428px; }
  .essenceStash .itemPlaced.ipW2 {
    width: 75.46856px; }
  .essenceStash .itemPlaced.ipW3 {
    width: 113.20284px; }
  .essenceStash .itemPlaced.ipW4 {
    width: 150.93712px; }
  .essenceStash .itemPlaced.ipH1 {
    height: 37.73428px; }
  .essenceStash .itemPlaced.ipH2 {
    height: 75.46856px; }
  .essenceStash .itemPlaced.ipH3 {
    height: 113.20284px; }
  .essenceStash .itemPlaced.ipH4 {
    height: 150.93712px; }
  .essenceStash .itemPlaced.iH1.ipH2 .iconContainer {
    top: 18.86714px; }
  .essenceStash .itemPlaced.iH1.ipH3 .iconContainer {
    top: 37.73428px; }
  .essenceStash .itemPlaced.iH2.ipH3 .iconContainer {
    top: 18.86714px; }
  .essenceStash .itemPlaced.iH1.ipH4 .iconContainer {
    top: 56.60142px; }
  .essenceStash .itemPlaced.iH2.ipH4 .iconContainer {
    top: 37.73428px; }
  .essenceStash .itemPlaced.iH3.ipH4 .iconContainer {
    top: 18.86714px; }
  .essenceStash .itemPlaced.unidentified {
    background: url('/image/game_ui/item_bg_unidentified.png?1525390445000') repeat 0 0 transparent;
    background: rgba(210, 0, 0, 0.18); }
  .essenceStash .itemPlaced.divinationCard {
    background: none; }

.currencyStash .newItemContainer {
  background: transparent; }
  .currencyStash .newItemContainer .iconContainer {
    position: relative;
    text-align: center; }
  .currencyStash .newItemContainer .icon {
    display: inline-block;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat; }
  .currencyStash .newItemContainer .leaguePopup {
    visibility: hidden; }
  .currencyStash .newItemContainer .verifiedStatus {
    font-size: 85%;
    min-height: 15px;
    word-wrap: break-word; }
    .pt_BR .currencyStash .newItemContainer .verifiedStatus {
      font-size: 75%; }
  .currencyStash .newItemContainer.hovered {
    /*
      .leaguePopup
          {
            visibility: visible;
          }*/ }
    .currencyStash .newItemContainer.hovered .verifiedStatus {
      border: 1px solid #444;
      color: #FFFF77; }
  .currencyStash .newItemContainer .verticalLink, .currencyStash .newItemContainer.iW1 .socketLink0, .currencyStash .newItemContainer.iW1 .socketLink1, .currencyStash .newItemContainer.iW1 .socketLink2, .currencyStash .newItemContainer.iW2 .socketLink1, .currencyStash .newItemContainer.iW2 .socketLink3 {
    background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJ0eXBlIjoic29ja2V0Iiwic3QiOiJsaW5rIiwidmVydCI6dHJ1ZSwicyI6MC40NzkyMDg5MjQ5NDkyOTAwN31d/85b4862fba/Socket_Link_Vertical.png");
    width: 11.98022px;
    height: 29.71095px; }
  .currencyStash .newItemContainer .horizontalLink, .currencyStash .newItemContainer.iW2 .socketLink0, .currencyStash .newItemContainer.iW2 .socketLink2, .currencyStash .newItemContainer.iW2 .socketLink4 {
    background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJ0eXBlIjoic29ja2V0Iiwic3QiOiJsaW5rIiwidmVydCI6ZmFsc2UsInMiOjAuNDc5MjA4OTI0OTQ5MjkwMDd9XQ,,/0a4c129793/Socket_Link_Horizontal.png");
    width: 29.71095px;
    height: 11.98022px; }
  .currencyStash .newItemContainer .socketLink {
    position: absolute;
    z-index: 1; }
  .currencyStash .newItemContainer .sockets {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none; }
  .currencyStash .newItemContainer.showSockets .sockets {
    display: block !important; }
  .currencyStash .newItemContainer.iW1 .socketLink0 {
    left: 12.69904px;
    top: 22.52282px; }
  .currencyStash .newItemContainer.iW1 .socketLink1 {
    left: 12.69904px;
    top: 59.90112px; }
  .currencyStash .newItemContainer.iW1 .socketLink2 {
    left: 12.69904px;
    top: 97.27941px; }
  .currencyStash .newItemContainer.iW1 .icon {
    width: 37.3783px; }
  .currencyStash .newItemContainer.iW1 .sockets {
    width: 37.3783px; }
  .currencyStash .newItemContainer.iW1.iH2 .sockets.numSockets1 {
    top: 18.68915px; }
  .currencyStash .newItemContainer.iW1.iH3 .sockets.numSockets1 {
    top: 37.3783px; }
  .currencyStash .newItemContainer.iW1.iH3 .sockets.numSockets2 {
    top: 18.68915px; }
  .currencyStash .newItemContainer.iW1.iH4 .sockets.numSockets1 {
    top: 56.06744px; }
  .currencyStash .newItemContainer.iW1.iH4 .sockets.numSockets2 {
    top: 37.3783px; }
  .currencyStash .newItemContainer.iW1.iH4 .sockets.numSockets3 {
    top: 18.68915px; }
  .currencyStash .newItemContainer.iW2 .icon {
    width: 74.75659px; }
  .currencyStash .newItemContainer.iW2 .socketLink0 {
    left: 22.52282px;
    top: 12.69904px; }
  .currencyStash .newItemContainer.iW2 .socketLink1 {
    left: 50.07733px;
    top: 22.52282px; }
  .currencyStash .newItemContainer.iW2 .socketLink2 {
    left: 22.52282px;
    top: 50.07733px; }
  .currencyStash .newItemContainer.iW2 .socketLink3 {
    left: 12.69904px;
    top: 59.90112px; }
  .currencyStash .newItemContainer.iW2 .socketLink4 {
    left: 22.52282px;
    top: 87.45563px; }
  .currencyStash .newItemContainer.iW2 .sockets {
    width: 74.75659px; }
  .currencyStash .newItemContainer.iW2.iH1 .sockets.numSockets1, .currencyStash .newItemContainer.iW2.iH2 .sockets.numSockets1, .currencyStash .newItemContainer.iW2.iH3 .sockets.numSockets1, .currencyStash .newItemContainer.iW2.iH4 .sockets.numSockets1 {
    left: 18.68915px;
    width: 37.3783px; }
  .currencyStash .newItemContainer.iW2.iH2 .sockets.numSockets1, .currencyStash .newItemContainer.iW2.iH2 .sockets.numSockets2 {
    top: 18.68915px; }
  .currencyStash .newItemContainer.iW2.iH3 .sockets.numSockets1, .currencyStash .newItemContainer.iW2.iH3 .sockets.numSockets2 {
    top: 37.3783px; }
  .currencyStash .newItemContainer.iW2.iH3 .sockets.numSockets3, .currencyStash .newItemContainer.iW2.iH3 .sockets.numSockets4 {
    top: 18.68915px; }
  .currencyStash .newItemContainer.iW2.iH4 .sockets.numSockets1, .currencyStash .newItemContainer.iW2.iH4 .sockets.numSockets2 {
    top: 56.06744px; }
  .currencyStash .newItemContainer.iW2.iH4 .sockets.numSockets3, .currencyStash .newItemContainer.iW2.iH4 .sockets.numSockets4 {
    top: 37.3783px; }
  .currencyStash .newItemContainer.iW2.iH4 .sockets.numSockets5, .currencyStash .newItemContainer.iW2.iH4 .sockets.numSockets6 {
    top: 18.68915px; }
  .currencyStash .newItemContainer .socket {
    height: 37.3783px;
    width: 37.3783px;
    float: left; }
    .currencyStash .newItemContainer .socket.socketed:hover {
      background-position: 0px -40px;
      cursor: pointer; }
    .currencyStash .newItemContainer .socket.socketStr {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IlIiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3fV0,/702e67b8dc/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketStr.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJTIiwiYWN0aXZlIjp0cnVlfV0,/a9269c61cf/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketStr.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJEIiwiYWN0aXZlIjp0cnVlfV0,/74993eff2b/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketStr.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJJIiwiYWN0aXZlIjp0cnVlfV0,/85a2597234/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketStr.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJHIiwiYWN0aXZlIjp0cnVlfV0,/d7dbc2d2b3/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketStr.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJTIiwiYWN0aXZlIjpmYWxzZX1d/d11d6f318e/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketStr.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJEIiwiYWN0aXZlIjpmYWxzZX1d/cc465f9030/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketStr.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJJIiwiYWN0aXZlIjpmYWxzZX1d/0452ffbfa1/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketStr.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJHIiwiYWN0aXZlIjpmYWxzZX1d/9933f6815f/Socket.png"); }
    .currencyStash .newItemContainer .socket.socketDex {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IkciLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3fV0,/097c8cb5a0/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketDex.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJTIiwiYWN0aXZlIjp0cnVlfV0,/e6a731294e/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketDex.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJEIiwiYWN0aXZlIjp0cnVlfV0,/a484e091b7/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketDex.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJJIiwiYWN0aXZlIjp0cnVlfV0,/7d7a3c4a58/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketDex.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJHIiwiYWN0aXZlIjp0cnVlfV0,/e8b479d2a2/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketDex.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJTIiwiYWN0aXZlIjpmYWxzZX1d/de1ea14762/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketDex.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJEIiwiYWN0aXZlIjpmYWxzZX1d/fe6162ae0c/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketDex.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJJIiwiYWN0aXZlIjpmYWxzZX1d/f8a2ed4020/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketDex.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJHIiwiYWN0aXZlIjpmYWxzZX1d/dd9a1a29e5/Socket.png"); }
    .currencyStash .newItemContainer .socket.socketInt {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IkIiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3fV0,/570d08df3f/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketInt.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJTIiwiYWN0aXZlIjp0cnVlfV0,/86b398a31d/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketInt.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJEIiwiYWN0aXZlIjp0cnVlfV0,/dfb061e0fa/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketInt.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJJIiwiYWN0aXZlIjp0cnVlfV0,/c058072db0/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketInt.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJHIiwiYWN0aXZlIjp0cnVlfV0,/c81a20e310/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketInt.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJTIiwiYWN0aXZlIjpmYWxzZX1d/02d0887785/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketInt.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJEIiwiYWN0aXZlIjpmYWxzZX1d/a579c5651c/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketInt.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJJIiwiYWN0aXZlIjpmYWxzZX1d/910c4513a6/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketInt.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJHIiwiYWN0aXZlIjpmYWxzZX1d/e8c1dcb5f7/Socket.png"); }
    .currencyStash .newItemContainer .socket.socketGen {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IlciLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3fV0,/faddef8ae7/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketGen.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJTIiwiYWN0aXZlIjp0cnVlfV0,/40a4bd3d36/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketGen.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJEIiwiYWN0aXZlIjp0cnVlfV0,/05089900b4/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketGen.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJJIiwiYWN0aXZlIjp0cnVlfV0,/0b1fdf2d5b/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketGen.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJHIiwiYWN0aXZlIjp0cnVlfV0,/4a6ca379b9/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketGen.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJTIiwiYWN0aXZlIjpmYWxzZX1d/3711033617/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketGen.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJEIiwiYWN0aXZlIjpmYWxzZX1d/866adcad5a/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketGen.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJJIiwiYWN0aXZlIjpmYWxzZX1d/a56be65407/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketGen.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJHIiwiYWN0aXZlIjpmYWxzZX1d/ebed608ee6/Socket.png"); }
    .currencyStash .newItemContainer .socket.socketAbyss {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IkEiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3fV0,/d26010a0d3/Socket.png"); }
      .currencyStash .newItemContainer .socket.socketAbyss.socketed.abyssJewel {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkEiLCJzIjowLjQ3OTIwODkyNDk0OTI5MDA3LCJnZW1Db2xvdXIiOiJBIiwiYWN0aXZlIjp0cnVlfV0,/bfb257f307/Socket.png"); }
  .currencyStash .newItemContainer .socketRight {
    float: right; }

.currencyStash .itemPlaced {
  background: url('/image/game_ui/inventory_item_background.png?1525390445000') repeat 0 0 transparent;
  background: rgba(25, 26, 150, 0.25); }
  .currencyStash .itemPlaced.ipW1 {
    width: 37.3783px; }
  .currencyStash .itemPlaced.ipW2 {
    width: 74.75659px; }
  .currencyStash .itemPlaced.ipW3 {
    width: 112.13489px; }
  .currencyStash .itemPlaced.ipW4 {
    width: 149.51318px; }
  .currencyStash .itemPlaced.ipH1 {
    height: 37.3783px; }
  .currencyStash .itemPlaced.ipH2 {
    height: 74.75659px; }
  .currencyStash .itemPlaced.ipH3 {
    height: 112.13489px; }
  .currencyStash .itemPlaced.ipH4 {
    height: 149.51318px; }
  .currencyStash .itemPlaced.iH1.ipH2 .iconContainer {
    top: 18.68915px; }
  .currencyStash .itemPlaced.iH1.ipH3 .iconContainer {
    top: 37.3783px; }
  .currencyStash .itemPlaced.iH2.ipH3 .iconContainer {
    top: 18.68915px; }
  .currencyStash .itemPlaced.iH1.ipH4 .iconContainer {
    top: 56.06744px; }
  .currencyStash .itemPlaced.iH2.ipH4 .iconContainer {
    top: 37.3783px; }
  .currencyStash .itemPlaced.iH3.ipH4 .iconContainer {
    top: 18.68915px; }
  .currencyStash .itemPlaced.unidentified {
    background: url('/image/game_ui/item_bg_unidentified.png?1525390445000') repeat 0 0 transparent;
    background: rgba(210, 0, 0, 0.18); }
  .currencyStash .itemPlaced.divinationCard {
    background: none; }

.fragmentStash .newItemContainer {
  background: transparent; }
  .fragmentStash .newItemContainer .iconContainer {
    position: relative;
    text-align: center; }
  .fragmentStash .newItemContainer .icon {
    display: inline-block;
    position: relative;
    background-size: contain;
    background-repeat: no-repeat; }
  .fragmentStash .newItemContainer .leaguePopup {
    visibility: hidden; }
  .fragmentStash .newItemContainer .verifiedStatus {
    font-size: 85%;
    min-height: 15px;
    word-wrap: break-word; }
    .pt_BR .fragmentStash .newItemContainer .verifiedStatus {
      font-size: 75%; }
  .fragmentStash .newItemContainer.hovered {
    /*
      .leaguePopup
          {
            visibility: visible;
          }*/ }
    .fragmentStash .newItemContainer.hovered .verifiedStatus {
      border: 1px solid #444;
      color: #FFFF77; }
  .fragmentStash .newItemContainer .verticalLink, .fragmentStash .newItemContainer.iW1 .socketLink0, .fragmentStash .newItemContainer.iW1 .socketLink1, .fragmentStash .newItemContainer.iW1 .socketLink2, .fragmentStash .newItemContainer.iW2 .socketLink1, .fragmentStash .newItemContainer.iW2 .socketLink3 {
    background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJ0eXBlIjoic29ja2V0Iiwic3QiOiJsaW5rIiwidmVydCI6dHJ1ZSwicyI6MC42MDg1MTkyNjk3NzY4NzYzfV0,/8baedea89d/Socket_Link_Vertical.png");
    width: 15.21298px;
    height: 37.72819px; }
  .fragmentStash .newItemContainer .horizontalLink, .fragmentStash .newItemContainer.iW2 .socketLink0, .fragmentStash .newItemContainer.iW2 .socketLink2, .fragmentStash .newItemContainer.iW2 .socketLink4 {
    background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJ0eXBlIjoic29ja2V0Iiwic3QiOiJsaW5rIiwidmVydCI6ZmFsc2UsInMiOjAuNjA4NTE5MjY5Nzc2ODc2M31d/523de546b3/Socket_Link_Horizontal.png");
    width: 37.72819px;
    height: 15.21298px; }
  .fragmentStash .newItemContainer .socketLink {
    position: absolute;
    z-index: 1; }
  .fragmentStash .newItemContainer .sockets {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none; }
  .fragmentStash .newItemContainer.showSockets .sockets {
    display: block !important; }
  .fragmentStash .newItemContainer.iW1 .socketLink0 {
    left: 16.12576px;
    top: 28.60041px; }
  .fragmentStash .newItemContainer.iW1 .socketLink1 {
    left: 16.12576px;
    top: 76.06491px; }
  .fragmentStash .newItemContainer.iW1 .socketLink2 {
    left: 16.12576px;
    top: 123.52941px; }
  .fragmentStash .newItemContainer.iW1 .icon {
    width: 47.4645px; }
  .fragmentStash .newItemContainer.iW1 .sockets {
    width: 47.4645px; }
  .fragmentStash .newItemContainer.iW1.iH2 .sockets.numSockets1 {
    top: 23.73225px; }
  .fragmentStash .newItemContainer.iW1.iH3 .sockets.numSockets1 {
    top: 47.4645px; }
  .fragmentStash .newItemContainer.iW1.iH3 .sockets.numSockets2 {
    top: 23.73225px; }
  .fragmentStash .newItemContainer.iW1.iH4 .sockets.numSockets1 {
    top: 71.19675px; }
  .fragmentStash .newItemContainer.iW1.iH4 .sockets.numSockets2 {
    top: 47.4645px; }
  .fragmentStash .newItemContainer.iW1.iH4 .sockets.numSockets3 {
    top: 23.73225px; }
  .fragmentStash .newItemContainer.iW2 .icon {
    width: 94.92901px; }
  .fragmentStash .newItemContainer.iW2 .socketLink0 {
    left: 28.60041px;
    top: 16.12576px; }
  .fragmentStash .newItemContainer.iW2 .socketLink1 {
    left: 63.59026px;
    top: 28.60041px; }
  .fragmentStash .newItemContainer.iW2 .socketLink2 {
    left: 28.60041px;
    top: 63.59026px; }
  .fragmentStash .newItemContainer.iW2 .socketLink3 {
    left: 16.12576px;
    top: 76.06491px; }
  .fragmentStash .newItemContainer.iW2 .socketLink4 {
    left: 28.60041px;
    top: 111.05477px; }
  .fragmentStash .newItemContainer.iW2 .sockets {
    width: 94.92901px; }
  .fragmentStash .newItemContainer.iW2.iH1 .sockets.numSockets1, .fragmentStash .newItemContainer.iW2.iH2 .sockets.numSockets1, .fragmentStash .newItemContainer.iW2.iH3 .sockets.numSockets1, .fragmentStash .newItemContainer.iW2.iH4 .sockets.numSockets1 {
    left: 23.73225px;
    width: 47.4645px; }
  .fragmentStash .newItemContainer.iW2.iH2 .sockets.numSockets1, .fragmentStash .newItemContainer.iW2.iH2 .sockets.numSockets2 {
    top: 23.73225px; }
  .fragmentStash .newItemContainer.iW2.iH3 .sockets.numSockets1, .fragmentStash .newItemContainer.iW2.iH3 .sockets.numSockets2 {
    top: 47.4645px; }
  .fragmentStash .newItemContainer.iW2.iH3 .sockets.numSockets3, .fragmentStash .newItemContainer.iW2.iH3 .sockets.numSockets4 {
    top: 23.73225px; }
  .fragmentStash .newItemContainer.iW2.iH4 .sockets.numSockets1, .fragmentStash .newItemContainer.iW2.iH4 .sockets.numSockets2 {
    top: 71.19675px; }
  .fragmentStash .newItemContainer.iW2.iH4 .sockets.numSockets3, .fragmentStash .newItemContainer.iW2.iH4 .sockets.numSockets4 {
    top: 47.4645px; }
  .fragmentStash .newItemContainer.iW2.iH4 .sockets.numSockets5, .fragmentStash .newItemContainer.iW2.iH4 .sockets.numSockets6 {
    top: 23.73225px; }
  .fragmentStash .newItemContainer .socket {
    height: 47.4645px;
    width: 47.4645px;
    float: left; }
    .fragmentStash .newItemContainer .socket.socketed:hover {
      background-position: 0px -50px;
      cursor: pointer; }
    .fragmentStash .newItemContainer .socket.socketStr {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IlIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjN9XQ,,/d24aad8ccb/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketStr.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOnRydWV9XQ,,/3bd2325383/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketStr.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOnRydWV9XQ,,/479e40f34c/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketStr.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOnRydWV9XQ,,/f3c3aeffe6/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketStr.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOnRydWV9XQ,,/fe01a19315/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketStr.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOmZhbHNlfV0,/9d8084b638/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketStr.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOmZhbHNlfV0,/b722c5e396/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketStr.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOmZhbHNlfV0,/39eaa69e38/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketStr.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOmZhbHNlfV0,/f2f5f5f845/Socket.png"); }
    .fragmentStash .newItemContainer .socket.socketDex {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IkciLCJzIjowLjYwODUxOTI2OTc3Njg3NjN9XQ,,/84d58b785c/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketDex.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOnRydWV9XQ,,/b51439d045/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketDex.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOnRydWV9XQ,,/234cc176c8/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketDex.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOnRydWV9XQ,,/3d03d45336/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketDex.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOnRydWV9XQ,,/004a544643/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketDex.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOmZhbHNlfV0,/b1ba2ffa69/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketDex.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOmZhbHNlfV0,/b252951af2/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketDex.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOmZhbHNlfV0,/3740512775/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketDex.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOmZhbHNlfV0,/71e3beeab7/Socket.png"); }
    .fragmentStash .newItemContainer .socket.socketInt {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IkIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjN9XQ,,/f032b86b00/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketInt.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOnRydWV9XQ,,/36d29f86be/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketInt.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOnRydWV9XQ,,/6e461df732/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketInt.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOnRydWV9XQ,,/68c7ad44b6/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketInt.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOnRydWV9XQ,,/14bec75c9d/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketInt.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOmZhbHNlfV0,/f098549a42/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketInt.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOmZhbHNlfV0,/4f9e74c8f0/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketInt.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOmZhbHNlfV0,/bc64a132e1/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketInt.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkIiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOmZhbHNlfV0,/d801261fbb/Socket.png"); }
    .fragmentStash .newItemContainer .socket.socketGen {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IlciLCJzIjowLjYwODUxOTI2OTc3Njg3NjN9XQ,,/ad267d691f/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketGen.socketed.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOnRydWV9XQ,,/7a86f4cfe0/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketGen.socketed.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOnRydWV9XQ,,/56f03faa4e/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketGen.socketed.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOnRydWV9XQ,,/a9b03d30e3/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketGen.socketed.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOnRydWV9XQ,,/52df52310a/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketGen.socketSupport.strGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IlMiLCJhY3RpdmUiOmZhbHNlfV0,/29dfc332f0/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketGen.socketSupport.dexGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkQiLCJhY3RpdmUiOmZhbHNlfV0,/77aba0f153/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketGen.socketSupport.intGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkkiLCJhY3RpdmUiOmZhbHNlfV0,/c9349ce923/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketGen.socketSupport.genGem {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IlciLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkciLCJhY3RpdmUiOmZhbHNlfV0,/9280c7a8da/Socket.png"); }
    .fragmentStash .newItemContainer .socket.socketAbyss {
      background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6IiIsImNvbG91ciI6IkEiLCJzIjowLjYwODUxOTI2OTc3Njg3NjN9XQ,,/e201be8d41/Socket.png"); }
      .fragmentStash .newItemContainer .socket.socketAbyss.socketed.abyssJewel {
        background-image: url("//web.poecdn.com/gen/image/WzUsMTQseyJzdCI6InNwcml0ZSIsImNvbG91ciI6IkEiLCJzIjowLjYwODUxOTI2OTc3Njg3NjMsImdlbUNvbG91ciI6IkEiLCJhY3RpdmUiOnRydWV9XQ,,/32f6e2b5a3/Socket.png"); }
  .fragmentStash .newItemContainer .socketRight {
    float: right; }

.fragmentStash .itemPlaced {
  background: url('/image/game_ui/inventory_item_background.png?1525390445000') repeat 0 0 transparent;
  background: rgba(25, 26, 150, 0.25); }
  .fragmentStash .itemPlaced.ipW1 {
    width: 47.4645px; }
  .fragmentStash .itemPlaced.ipW2 {
    width: 94.92901px; }
  .fragmentStash .itemPlaced.ipW3 {
    width: 142.39351px; }
  .fragmentStash .itemPlaced.ipW4 {
    width: 189.85801px; }
  .fragmentStash .itemPlaced.ipH1 {
    height: 47.4645px; }
  .fragmentStash .itemPlaced.ipH2 {
    height: 94.92901px; }
  .fragmentStash .itemPlaced.ipH3 {
    height: 142.39351px; }
  .fragmentStash .itemPlaced.ipH4 {
    height: 189.85801px; }
  .fragmentStash .itemPlaced.iH1.ipH2 .iconContainer {
    top: 23.73225px; }
  .fragmentStash .itemPlaced.iH1.ipH3 .iconContainer {
    top: 47.4645px; }
  .fragmentStash .itemPlaced.iH2.ipH3 .iconContainer {
    top: 23.73225px; }
  .fragmentStash .itemPlaced.iH1.ipH4 .iconContainer {
    top: 71.19675px; }
  .fragmentStash .itemPlaced.iH2.ipH4 .iconContainer {
    top: 47.4645px; }
  .fragmentStash .itemPlaced.iH3.ipH4 .iconContainer {
    top: 23.73225px; }
  .fragmentStash .itemPlaced.unidentified {
    background: url('/image/game_ui/item_bg_unidentified.png?1525390445000') repeat 0 0 transparent;
    background: rgba(210, 0, 0, 0.18); }
  .fragmentStash .itemPlaced.divinationCard {
    background: none; }

body.wide-resize {
  background: #000; }
  body.wide-resize .section-banner {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 120px;
    background: transparent url('/image/bestiary/banner.jpg?1525390444000') 50% 0 no-repeat;
    background-size: cover; }
    .en_US body.wide-resize .section-banner {
      background-image: url('/image/bestiary/banner.jpg?1525390444000'); }
    .zh_TW body.wide-resize .section-banner {
      background-image: url('/image/bestiary/zh_TW/banner.jpg'); }
    .zh_CN body.wide-resize .section-banner {
      background-image: url('/image/bestiary/zh_CN/banner.jpg'); }
    .th_TH body.wide-resize .section-banner {
      background-image: url('/image/bestiary/th_TH/banner.jpg?1525390443000'); }
    .ru_RU body.wide-resize .section-banner {
      background-image: url('/image/bestiary/ru_RU/banner.jpg?1525390443000'); }
    .pt_BR body.wide-resize .section-banner {
      background-image: url('/image/bestiary/pt_BR/banner.jpg?1525390443000'); }
    .de_DE body.wide-resize .section-banner {
      background-image: url('/image/bestiary/de_DE/banner.jpg?1525390441000'); }
    .es_ES body.wide-resize .section-banner {
      background-image: url('/image/bestiary/es_ES/banner.jpg?1525390441000'); }
    .fr_FR body.wide-resize .section-banner {
      background-image: url('/image/bestiary/fr_FR/banner.jpg?1525390442000'); }
    body.wide-resize .section-banner img {
      width: 100%;
      height: 100%; }
  body.wide-resize #poe-ascendancy-lightbox {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 9000;
    display: none;
    text-align: center;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d; }
    body.wide-resize #poe-ascendancy-lightbox > img {
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      max-width: 100%;
      max-height: 100%; }
  body.wide-resize .lightbox-content {
    display: none;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  body.wide-resize .language-select {
    position: absolute;
    top: 0;
    z-index: 19; }
  body.wide-resize > header, body.wide-resize > section, body.wide-resize > footer {
    background-image: url('/image/ascendancy/BackPanel.jpg?1525390417000'); }
    .atlas body.wide-resize > header, .atlas body.wide-resize > section, .atlas body.wide-resize > footer {
      background-image: url('/image/atlas/BackPanel.jpg?1525390426000'); }
    .bestiary body.wide-resize > header, .incursion body.wide-resize > header, .bestiary body.wide-resize > section, .incursion body.wide-resize > section, .bestiary body.wide-resize > footer, .incursion body.wide-resize > footer {
      background-image: url('/image/bestiary/BestiaryFrame.jpg?1525390444000'); }
      .bestiary body.wide-resize > header#bestiary-header, .incursion body.wide-resize > header#bestiary-header, .bestiary body.wide-resize > section#bestiary-header, .incursion body.wide-resize > section#bestiary-header, .bestiary body.wide-resize > footer#bestiary-header, .incursion body.wide-resize > footer#bestiary-header {
        height: 100%; }
      .bestiary body.wide-resize > header.wide-resize-right .content-interactive .screenshots, .incursion body.wide-resize > header.wide-resize-right .content-interactive .screenshots, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .screenshots, .incursion body.wide-resize > section.wide-resize-right .content-interactive .screenshots, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .screenshots, .incursion body.wide-resize > footer.wide-resize-right .content-interactive .screenshots {
        right: 0; }
      .bestiary body.wide-resize > header.wide-resize-right .content-interactive .gem-item-group, .incursion body.wide-resize > header.wide-resize-right .content-interactive .gem-item-group, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .gem-item-group, .incursion body.wide-resize > section.wide-resize-right .content-interactive .gem-item-group, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .gem-item-group, .incursion body.wide-resize > footer.wide-resize-right .content-interactive .gem-item-group {
        float: right; }
    .ru_RU body.wide-resize > header, .ru_RU body.wide-resize > section, .ru_RU body.wide-resize > footer {
      font-family: "FrizQuadrataC", "Verdana", "Arial", "Helvetica", "sans-serif"; }
    .war body.wide-resize > header, .war body.wide-resize > section, .war body.wide-resize > footer {
      margin-bottom: 0; }
      .war body.wide-resize > header.war-header, .war body.wide-resize > section.war-header, .war body.wide-resize > footer.war-header {
        height: auto;
        max-height: 1100px; }
    body.wide-resize > header .content-interactive .show-collapse, body.wide-resize > section .content-interactive .show-collapse, body.wide-resize > footer .content-interactive .show-collapse {
      display: none; }
    body.wide-resize > header .content-interactive .hide-collapse, body.wide-resize > section .content-interactive .hide-collapse, body.wide-resize > footer .content-interactive .hide-collapse {
      display: block; }
    .breach body.wide-resize > header ul li, .breach body.wide-resize > section ul li, .breach body.wide-resize > footer ul li {
      background: none; }
    .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase {
      box-shadow: none;
      top: 0;
      width: 180px;
      margin-top: 8px;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
      .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-position-x: 50%;
        background-position-y: 0;
        width: 180px;
        height: 80px;
        background-image: url('/image/breach/pack/buysmall.png?1525390444000'); }
        .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
          background-position-y: -80px; }
    .breach.pt_BR body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.pt_BR body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.pt_BR body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/breach/pack/pt_BR/buysmall.png?1525390444000'); }
    .breach.ru_RU body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.ru_RU body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.ru_RU body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/breach/pack/ru_RU/buysmall.png?1525390444000'); }
    .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase, .war body.wide-resize > header .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize > header .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize > header .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase, .war body.wide-resize > section .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize > section .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize > section .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase, .war body.wide-resize > footer .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize > footer .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize > footer .inner .content .content-interactive #supporter-purchase {
      box-shadow: none;
      top: 0;
      width: 180px;
      margin-top: 8px;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
      .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-position-x: 50%;
        background-position-y: 0;
        width: 180px;
        height: 80px;
        background-image: url('/image/breach/pack/buysmall.png?1525390444000'); }
        .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .bestiary body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .bestiary body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .bestiary body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
          background-position-y: -80px; }
    .bestiary.en_US body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/buysmall.png?1525390444000'); }
    .bestiary.zh_TW body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_TW/buysmall.png?1525390444000'); }
    .bestiary.zh_CN body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_CN/buysmall.png?1525390443000'); }
    .bestiary.th_TH body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/th_TH/buysmall.png?1525390443000'); }
    .bestiary.ru_RU body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ru_RU/buysmall.png?1525390443000'); }
    .bestiary.pt_BR body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/pt_BR/buysmall.png?1525390443000'); }
    .bestiary.de_DE body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/de_DE/buysmall.png?1525390441000'); }
    .bestiary.es_ES body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/es_ES/buysmall.png?1525390441000'); }
    .bestiary.fr_FR body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/fr_FR/buysmall.png?1525390442000'); }
    .breach body.wide-resize > header ul li, .breach body.wide-resize > section ul li, .breach body.wide-resize > footer ul li {
      background: none; }
    .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase {
      box-shadow: none;
      top: 0;
      width: 180px;
      margin-top: 8px;
      margin-left: auto;
      margin-right: auto;
      position: relative; }
      .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-position-x: 50%;
        background-position-y: 0;
        width: 180px;
        height: 80px;
        background-image: url('/image/breach/pack/buysmall.png?1525390444000'); }
        .breach body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
          background-position-y: -80px; }
    .breach.pt_BR body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.pt_BR body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.pt_BR body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/breach/pack/pt_BR/buysmall.png?1525390444000'); }
    .breach.ru_RU body.wide-resize > header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.ru_RU body.wide-resize > section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.ru_RU body.wide-resize > footer .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/breach/pack/ru_RU/buysmall.png?1525390444000'); }
    body.wide-resize > header .ascendancy-splash-video, body.wide-resize > section .ascendancy-splash-video, body.wide-resize > footer .ascendancy-splash-video {
      background: url('/image/ascendancy/videobg.jpg?1525390417000') no-repeat 50% 50%;
      background-size: 99% 99%; }
      .atlas body.wide-resize > header .ascendancy-splash-video, .atlas body.wide-resize > section .ascendancy-splash-video, .atlas body.wide-resize > footer .ascendancy-splash-video {
        background: url('/image/atlas/trailer-bg.jpg?1525390426000') no-repeat 50% 50%; }
      .breach body.wide-resize > header .ascendancy-splash-video, .breach body.wide-resize > section .ascendancy-splash-video, .breach body.wide-resize > footer .ascendancy-splash-video {
        background: url('/image/breach/poster.jpg?1525390445000') no-repeat 50% 50%;
        background-size: 99%; }
    body.wide-resize > header .watch-trailer, body.wide-resize > section .watch-trailer, body.wide-resize > footer .watch-trailer {
      position: absolute;
      bottom: 40px;
      width: 100%; }
      body.wide-resize > header .watch-trailer .watch-trailer-banner, body.wide-resize > section .watch-trailer .watch-trailer-banner, body.wide-resize > footer .watch-trailer .watch-trailer-banner {
        width: 352px;
        height: 72px;
        margin-left: auto;
        margin-right: auto;
        background-image: url('/image/ascendancy/watch_trailer.png?1525390417000');
        background-repeat: no-repeat;
        background-position: 0 0; }
        .pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/ascendancy/pt_BR/watch_trailer.png?1525390416000'); }
        .atlas body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/watch_trailer.png?1525390426000'); }
        .atlas.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/ru_RU/watch_trailer.png?1525390420000'); }
        .atlas.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/pt_BR/watch_trailer.png?1525390419000'); }
        .atlas.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/zh_TW/watch_trailer.png?1525390424000'); }
        .atlas.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/zh_CN/watch_trailer.png?1525390423000'); }
        .atlas.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner, .atlas.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/th_TH/watch_trailer.png'); }
        .breach body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/watch_trailer.png?1525390445000'); }
        .breach.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/ru_RU/watch_trailer.png?1525390444000'); }
        .breach.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/pt_BR/watch_trailer.png?1525390444000'); }
        .breach.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/zh_TW/watch_trailer.png?1525390444000'); }
        .breach.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/zh_CN/watch_trailer.png?1525390444000'); }
        .breach.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner, .breach.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/th_TH/watch_trailer.png?1525390444000'); }
        .oriath body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/watch_trailer.png?1525390447000'); }
        .oriath.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/ru_RU/watch_trailer.png?1525390446000'); }
        .oriath.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/pt_BR/watch_trailer.png?1525390446000'); }
        .oriath.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/zh_TW/watch_trailer.png?1525390447000'); }
        .oriath.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/zh_CN/watch_trailer.png?1525390447000'); }
        .oriath.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner, .oriath.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/th_TH/watch_trailer.png?1525390447000'); }
        .bestiary body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/watch_trailer.png?1525390444000'); }
        .bestiary.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/ru_RU/watch_trailer.png?1525390443000'); }
        .bestiary.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/pt_BR/watch_trailer.png?1525390443000'); }
        .bestiary.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/zh_TW/watch_trailer.png?1525390444000'); }
        .bestiary.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/zh_CN/watch_trailer.png'); }
        .bestiary.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .bestiary.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner, .bestiary.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner {
          background-image: url('/image/bestiary/th_TH/watch_trailer.png?1525390443000'); }
        body.wide-resize > header .watch-trailer .watch-trailer-banner:hover, body.wide-resize > section .watch-trailer .watch-trailer-banner:hover, body.wide-resize > footer .watch-trailer .watch-trailer-banner:hover {
          background-position: 0px -76px; }
        .oriath body.wide-resize > header .watch-trailer .watch-trailer-banner:hover, .oriath body.wide-resize > section .watch-trailer .watch-trailer-banner:hover, .oriath body.wide-resize > footer .watch-trailer .watch-trailer-banner:hover {
          background-position: 0px -75px; }
    body.wide-resize > header.class-intro .class-details, body.wide-resize > section.class-intro .class-details, body.wide-resize > footer.class-intro .class-details {
      width: 50%;
      min-width: 570px;
      margin-left: auto;
      margin-right: auto; }
      body.wide-resize > header.class-intro .class-details .svg-wrapper, body.wide-resize > section.class-intro .class-details .svg-wrapper, body.wide-resize > footer.class-intro .class-details .svg-wrapper {
        position: relative;
        height: 0;
        width: 100%;
        padding: 0;
        padding-bottom: 96.4%; }
        body.wide-resize > header.class-intro .class-details .svg-wrapper svg, body.wide-resize > section.class-intro .class-details .svg-wrapper svg, body.wide-resize > footer.class-intro .class-details .svg-wrapper svg {
          position: absolute;
          height: 100%;
          width: 100%;
          left: 0;
          top: 0; }
    body.wide-resize > header .mini-countdown-war, body.wide-resize > section .mini-countdown-war, body.wide-resize > footer .mini-countdown-war {
      background-repeat: no-repeat;
      background-position: 50% 0;
      background: transparent url('/image/war/smalltimer.png?1525390452000') no-repeat 50% 50%;
      height: 50px; }
      .war.en_US body.wide-resize > header .mini-countdown-war, .war.en_US body.wide-resize > section .mini-countdown-war, .war.en_US body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/smalltimer.png?1525390452000'); }
      .war.zh_TW body.wide-resize > header .mini-countdown-war, .war.zh_TW body.wide-resize > section .mini-countdown-war, .war.zh_TW body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/zh_TW/smalltimer.png?1525390452000'); }
      .war.zh_CN body.wide-resize > header .mini-countdown-war, .war.zh_CN body.wide-resize > section .mini-countdown-war, .war.zh_CN body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/zh_CN/smalltimer.png'); }
      .war.th_TH body.wide-resize > header .mini-countdown-war, .war.th_TH body.wide-resize > section .mini-countdown-war, .war.th_TH body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/th_TH/smalltimer.png?1525390452000'); }
      .war.ru_RU body.wide-resize > header .mini-countdown-war, .war.ru_RU body.wide-resize > section .mini-countdown-war, .war.ru_RU body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/ru_RU/smalltimer.png?1525390452000'); }
      .war.pt_BR body.wide-resize > header .mini-countdown-war, .war.pt_BR body.wide-resize > section .mini-countdown-war, .war.pt_BR body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/pt_BR/smalltimer.png?1525390452000'); }
      .war.de_DE body.wide-resize > header .mini-countdown-war, .war.de_DE body.wide-resize > section .mini-countdown-war, .war.de_DE body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/de_DE/smalltimer.png?1525390452000'); }
      .war.es_ES body.wide-resize > header .mini-countdown-war, .war.es_ES body.wide-resize > section .mini-countdown-war, .war.es_ES body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/es_ES/smalltimer.png?1525390452000'); }
      .war.fr_FR body.wide-resize > header .mini-countdown-war, .war.fr_FR body.wide-resize > section .mini-countdown-war, .war.fr_FR body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/war/fr_FR/smalltimer.png?1525390452000'); }
      .incursion.en_US body.wide-resize > header .mini-countdown-war, .incursion.en_US body.wide-resize > section .mini-countdown-war, .incursion.en_US body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/smalltimer.png?1525665801000'); }
      .incursion.zh_TW body.wide-resize > header .mini-countdown-war, .incursion.zh_TW body.wide-resize > section .mini-countdown-war, .incursion.zh_TW body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/zh_TW/smalltimer.png?1525665801000'); }
      .incursion.zh_CN body.wide-resize > header .mini-countdown-war, .incursion.zh_CN body.wide-resize > section .mini-countdown-war, .incursion.zh_CN body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/zh_CN/smalltimer.png'); }
      .incursion.th_TH body.wide-resize > header .mini-countdown-war, .incursion.th_TH body.wide-resize > section .mini-countdown-war, .incursion.th_TH body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/th_TH/smalltimer.png?1525665801000'); }
      .incursion.ru_RU body.wide-resize > header .mini-countdown-war, .incursion.ru_RU body.wide-resize > section .mini-countdown-war, .incursion.ru_RU body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/ru_RU/smalltimer.png?1525665801000'); }
      .incursion.pt_BR body.wide-resize > header .mini-countdown-war, .incursion.pt_BR body.wide-resize > section .mini-countdown-war, .incursion.pt_BR body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/pt_BR/smalltimer.png?1525665801000'); }
      .incursion.de_DE body.wide-resize > header .mini-countdown-war, .incursion.de_DE body.wide-resize > section .mini-countdown-war, .incursion.de_DE body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/de_DE/smalltimer.png?1525665801000'); }
      .incursion.es_ES body.wide-resize > header .mini-countdown-war, .incursion.es_ES body.wide-resize > section .mini-countdown-war, .incursion.es_ES body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/es_ES/smalltimer.png?1525665801000'); }
      .incursion.fr_FR body.wide-resize > header .mini-countdown-war, .incursion.fr_FR body.wide-resize > section .mini-countdown-war, .incursion.fr_FR body.wide-resize > footer .mini-countdown-war {
        background-image: url('/image/incursion/fr_FR/smalltimer.png?1525665801000'); }
      .war body.wide-resize > header .mini-countdown-war, .war body.wide-resize > section .mini-countdown-war, .war body.wide-resize > footer .mini-countdown-war {
        position: relative;
        margin-top: -50px;
        margin-bottom: 3px; }
      body.wide-resize > header .mini-countdown-war #mini-countdown, body.wide-resize > section .mini-countdown-war #mini-countdown, body.wide-resize > footer .mini-countdown-war #mini-countdown {
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 299px;
        position: relative; }
        body.wide-resize > header .mini-countdown-war #mini-countdown .countdown, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown {
          position: absolute;
          height: 30px;
          top: 8px;
          left: 0;
          line-height: 28px;
          color: #d6c9ae;
          font-size: 23px;
          text-align: center; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown div, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown div, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown div {
            position: absolute;
            width: 53px;
            height: 29px; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown .days, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown .days, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown .days {
            left: 3px; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown .hours, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown .hours, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown .hours {
            left: 83px; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown .minutes, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown .minutes, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown .minutes {
            left: 164px; }
          body.wide-resize > header .mini-countdown-war #mini-countdown .countdown .seconds, body.wide-resize > section .mini-countdown-war #mini-countdown .countdown .seconds, body.wide-resize > footer .mini-countdown-war #mini-countdown .countdown .seconds {
            left: 246px; }
        body.wide-resize > header .mini-countdown-war #mini-countdown:hover span, body.wide-resize > section .mini-countdown-war #mini-countdown:hover span, body.wide-resize > footer .mini-countdown-war #mini-countdown:hover span {
          opacity: 1; }
    body.wide-resize > header .mini-countdown, body.wide-resize > section .mini-countdown, body.wide-resize > footer .mini-countdown {
      width: 100%;
      height: 50px;
      position: absolute;
      bottom: 110px;
      z-index: 2;
      background: transparent url('/image/atlas/timer_mini.png?1525390426000') no-repeat 50% 50%;
      background-repeat: no-repeat;
      background-position: 50% 0; }
      .breach body.wide-resize > header .mini-countdown, .breach body.wide-resize > section .mini-countdown, .breach body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/breach/timer_mini.png?1525390445000') no-repeat 50% 50%; }
      .pt_BR.breach body.wide-resize > header .mini-countdown, .pt_BR.breach body.wide-resize > section .mini-countdown, .pt_BR.breach body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/breach/pt_BR/timer_mini.png?1525390444000') no-repeat 50% 50%; }
      .ru_RU.breach body.wide-resize > header .mini-countdown, .ru_RU.breach body.wide-resize > section .mini-countdown, .ru_RU.breach body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/breach/ru_RU/timer_mini.png?1525390444000') no-repeat 50% 50%; }
      .zh_TW.breach body.wide-resize > header .mini-countdown, .zh_TW.breach body.wide-resize > section .mini-countdown, .zh_TW.breach body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/breach/zh_TW/timer_mini.png?1525390444000') no-repeat 50% 50%; }
      .th_TH.breach body.wide-resize > header .mini-countdown, .th_TH.breach body.wide-resize > section .mini-countdown, .th_TH.breach body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/breach/th_TH/timer_mini.png?1525390444000') no-repeat 50% 50%; }
      .pt_BR.atlas body.wide-resize > header .mini-countdown, .pt_BR.oriath body.wide-resize > header .mini-countdown, .pt_BR.atlas body.wide-resize > section .mini-countdown, .pt_BR.oriath body.wide-resize > section .mini-countdown, .pt_BR.atlas body.wide-resize > footer .mini-countdown, .pt_BR.oriath body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/atlas/pt_BR/timer_mini.png?1525390419000') no-repeat 50% 0; }
      .ru_RU.atlas body.wide-resize > header .mini-countdown, .ru_RU.oriath body.wide-resize > header .mini-countdown, .ru_RU.atlas body.wide-resize > section .mini-countdown, .ru_RU.oriath body.wide-resize > section .mini-countdown, .ru_RU.atlas body.wide-resize > footer .mini-countdown, .ru_RU.oriath body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/atlas/ru_RU/timer_mini.png?1525390420000') no-repeat 50% 0; }
      .zh_TW.atlas body.wide-resize > header .mini-countdown, .zh_TW.oriath body.wide-resize > header .mini-countdown, .zh_TW.atlas body.wide-resize > section .mini-countdown, .zh_TW.oriath body.wide-resize > section .mini-countdown, .zh_TW.atlas body.wide-resize > footer .mini-countdown, .zh_TW.oriath body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/atlas/zh_TW/timer_mini.png?1525390424000') no-repeat 50% 0; }
      .th_TH.atlas body.wide-resize > header .mini-countdown, .th_TH.oriath body.wide-resize > header .mini-countdown, .th_TH.atlas body.wide-resize > section .mini-countdown, .th_TH.oriath body.wide-resize > section .mini-countdown, .th_TH.atlas body.wide-resize > footer .mini-countdown, .th_TH.oriath body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/atlas/th_TH/timer_mini.png?1525390423000') no-repeat 50% 0; }
      .zh_CN.atlas body.wide-resize > header .mini-countdown, .zh_CN.oriath body.wide-resize > header .mini-countdown, .zh_CN.atlas body.wide-resize > section .mini-countdown, .zh_CN.oriath body.wide-resize > section .mini-countdown, .zh_CN.atlas body.wide-resize > footer .mini-countdown, .zh_CN.oriath body.wide-resize > footer .mini-countdown {
        background: transparent url('/image/atlas/zh_CN/timer_mini.png?1525390423000') no-repeat 50% 0; }
      .war.en_US body.wide-resize > header .mini-countdown, .war.en_US body.wide-resize > section .mini-countdown, .war.en_US body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/smalltimer.png?1525390452000'); }
      .war.zh_TW body.wide-resize > header .mini-countdown, .war.zh_TW body.wide-resize > section .mini-countdown, .war.zh_TW body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/zh_TW/smalltimer.png?1525390452000'); }
      .war.zh_CN body.wide-resize > header .mini-countdown, .war.zh_CN body.wide-resize > section .mini-countdown, .war.zh_CN body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/zh_CN/smalltimer.png'); }
      .war.th_TH body.wide-resize > header .mini-countdown, .war.th_TH body.wide-resize > section .mini-countdown, .war.th_TH body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/th_TH/smalltimer.png?1525390452000'); }
      .war.ru_RU body.wide-resize > header .mini-countdown, .war.ru_RU body.wide-resize > section .mini-countdown, .war.ru_RU body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/ru_RU/smalltimer.png?1525390452000'); }
      .war.pt_BR body.wide-resize > header .mini-countdown, .war.pt_BR body.wide-resize > section .mini-countdown, .war.pt_BR body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/pt_BR/smalltimer.png?1525390452000'); }
      .war.de_DE body.wide-resize > header .mini-countdown, .war.de_DE body.wide-resize > section .mini-countdown, .war.de_DE body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/de_DE/smalltimer.png?1525390452000'); }
      .war.es_ES body.wide-resize > header .mini-countdown, .war.es_ES body.wide-resize > section .mini-countdown, .war.es_ES body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/es_ES/smalltimer.png?1525390452000'); }
      .war.fr_FR body.wide-resize > header .mini-countdown, .war.fr_FR body.wide-resize > section .mini-countdown, .war.fr_FR body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/fr_FR/smalltimer.png?1525390452000'); }
      .bestiary.en_US body.wide-resize > header .mini-countdown, .bestiary.en_US body.wide-resize > section .mini-countdown, .bestiary.en_US body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/smalltimer.png?1525390452000'); }
      .bestiary.zh_TW body.wide-resize > header .mini-countdown, .bestiary.zh_TW body.wide-resize > section .mini-countdown, .bestiary.zh_TW body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/zh_TW/smalltimer.png?1525390452000'); }
      .bestiary.zh_CN body.wide-resize > header .mini-countdown, .bestiary.zh_CN body.wide-resize > section .mini-countdown, .bestiary.zh_CN body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/zh_CN/smalltimer.png'); }
      .bestiary.th_TH body.wide-resize > header .mini-countdown, .bestiary.th_TH body.wide-resize > section .mini-countdown, .bestiary.th_TH body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/th_TH/smalltimer.png?1525390452000'); }
      .bestiary.ru_RU body.wide-resize > header .mini-countdown, .bestiary.ru_RU body.wide-resize > section .mini-countdown, .bestiary.ru_RU body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/ru_RU/smalltimer.png?1525390452000'); }
      .bestiary.pt_BR body.wide-resize > header .mini-countdown, .bestiary.pt_BR body.wide-resize > section .mini-countdown, .bestiary.pt_BR body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/pt_BR/smalltimer.png?1525390452000'); }
      .bestiary.de_DE body.wide-resize > header .mini-countdown, .bestiary.de_DE body.wide-resize > section .mini-countdown, .bestiary.de_DE body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/de_DE/smalltimer.png?1525390452000'); }
      .bestiary.es_ES body.wide-resize > header .mini-countdown, .bestiary.es_ES body.wide-resize > section .mini-countdown, .bestiary.es_ES body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/es_ES/smalltimer.png?1525390452000'); }
      .bestiary.fr_FR body.wide-resize > header .mini-countdown, .bestiary.fr_FR body.wide-resize > section .mini-countdown, .bestiary.fr_FR body.wide-resize > footer .mini-countdown {
        background-image: url('/image/war/fr_FR/smalltimer.png?1525390452000'); }
      .incursion.en_US body.wide-resize > header .mini-countdown, .incursion.en_US body.wide-resize > section .mini-countdown, .incursion.en_US body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/smalltimer.png?1525665801000'); }
      .incursion.zh_TW body.wide-resize > header .mini-countdown, .incursion.zh_TW body.wide-resize > section .mini-countdown, .incursion.zh_TW body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/zh_TW/smalltimer.png?1525665801000'); }
      .incursion.zh_CN body.wide-resize > header .mini-countdown, .incursion.zh_CN body.wide-resize > section .mini-countdown, .incursion.zh_CN body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/zh_CN/smalltimer.png'); }
      .incursion.th_TH body.wide-resize > header .mini-countdown, .incursion.th_TH body.wide-resize > section .mini-countdown, .incursion.th_TH body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/th_TH/smalltimer.png?1525665801000'); }
      .incursion.ru_RU body.wide-resize > header .mini-countdown, .incursion.ru_RU body.wide-resize > section .mini-countdown, .incursion.ru_RU body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/ru_RU/smalltimer.png?1525665801000'); }
      .incursion.pt_BR body.wide-resize > header .mini-countdown, .incursion.pt_BR body.wide-resize > section .mini-countdown, .incursion.pt_BR body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/pt_BR/smalltimer.png?1525665801000'); }
      .incursion.de_DE body.wide-resize > header .mini-countdown, .incursion.de_DE body.wide-resize > section .mini-countdown, .incursion.de_DE body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/de_DE/smalltimer.png?1525665801000'); }
      .incursion.es_ES body.wide-resize > header .mini-countdown, .incursion.es_ES body.wide-resize > section .mini-countdown, .incursion.es_ES body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/es_ES/smalltimer.png?1525665801000'); }
      .incursion.fr_FR body.wide-resize > header .mini-countdown, .incursion.fr_FR body.wide-resize > section .mini-countdown, .incursion.fr_FR body.wide-resize > footer .mini-countdown {
        background-image: url('/image/incursion/fr_FR/smalltimer.png?1525665801000'); }
      .war body.wide-resize > header .mini-countdown, .war body.wide-resize > section .mini-countdown, .war body.wide-resize > footer .mini-countdown {
        position: relative;
        margin-top: -50px; }
      .bestiary body.wide-resize > header .mini-countdown, .incursion body.wide-resize > header .mini-countdown, .bestiary body.wide-resize > section .mini-countdown, .incursion body.wide-resize > section .mini-countdown, .bestiary body.wide-resize > footer .mini-countdown, .incursion body.wide-resize > footer .mini-countdown {
        bottom: 0; }
      body.wide-resize > header .mini-countdown #mini-countdown, body.wide-resize > section .mini-countdown #mini-countdown, body.wide-resize > footer .mini-countdown #mini-countdown {
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        width: 299px;
        position: relative; }
        .war body.wide-resize > header .mini-countdown #mini-countdown .mini-countdown-war, .war body.wide-resize > section .mini-countdown #mini-countdown .mini-countdown-war, .war body.wide-resize > footer .mini-countdown #mini-countdown .mini-countdown-war {
          top: auto !important;
          bottom: auto !important;
          position: relative !important; }
        body.wide-resize > header .mini-countdown #mini-countdown .countdown, body.wide-resize > section .mini-countdown #mini-countdown .countdown, body.wide-resize > footer .mini-countdown #mini-countdown .countdown {
          position: absolute;
          height: 30px;
          top: 8px;
          left: 0;
          line-height: 28px;
          color: #d6aebc;
          font-size: 23px;
          text-align: center; }
          body.wide-resize > header .mini-countdown #mini-countdown .countdown div, body.wide-resize > section .mini-countdown #mini-countdown .countdown div, body.wide-resize > footer .mini-countdown #mini-countdown .countdown div {
            position: absolute;
            width: 53px;
            height: 29px; }
          body.wide-resize > header .mini-countdown #mini-countdown .countdown .days, body.wide-resize > section .mini-countdown #mini-countdown .countdown .days, body.wide-resize > footer .mini-countdown #mini-countdown .countdown .days {
            left: 3px; }
          body.wide-resize > header .mini-countdown #mini-countdown .countdown .hours, body.wide-resize > section .mini-countdown #mini-countdown .countdown .hours, body.wide-resize > footer .mini-countdown #mini-countdown .countdown .hours {
            left: 83px; }
          body.wide-resize > header .mini-countdown #mini-countdown .countdown .minutes, body.wide-resize > section .mini-countdown #mini-countdown .countdown .minutes, body.wide-resize > footer .mini-countdown #mini-countdown .countdown .minutes {
            left: 164px; }
          body.wide-resize > header .mini-countdown #mini-countdown .countdown .seconds, body.wide-resize > section .mini-countdown #mini-countdown .countdown .seconds, body.wide-resize > footer .mini-countdown #mini-countdown .countdown .seconds {
            left: 246px; }
        body.wide-resize > header .mini-countdown #mini-countdown:hover span, body.wide-resize > section .mini-countdown #mini-countdown:hover span, body.wide-resize > footer .mini-countdown #mini-countdown:hover span {
          opacity: 1; }
  body.wide-resize .inner header {
    font-family: "FontinSmallCaps", "Verdana", "Arial", "Helvetica", "sans-serif";
    color: #7CB29C; }
    .atlas body.wide-resize .inner header {
      color: #FFE9C8; }
    .breach body.wide-resize .inner header {
      color: #ff2431; }
    .oriath body.wide-resize .inner header {
      color: #c29430; }
    .war body.wide-resize .inner header {
      color: #d2cab4; }
    .ru_RU body.wide-resize .inner header {
      font-family: "FrizQuadrataC", "Verdana", "Arial", "Helvetica", "sans-serif"; }
    body.wide-resize .inner header .header-icon {
      margin-top: 2px;
      margin-right: 10px;
      float: left;
      width: 30px;
      height: 30px;
      background-size: cover; }
      .atlas body.wide-resize .inner header .header-icon {
        background: transparent url('/image/atlas/icon_large.png?1525390426000') no-repeat;
        background-size: cover;
        margin-top: 6px; }
      .breach body.wide-resize .inner header .header-icon {
        background: transparent url('/image/breach/icon_large.png?1525390445000') no-repeat;
        background-size: cover;
        margin-top: 6px;
        width: 50px; }
      .oriath body.wide-resize .inner header .header-icon {
        background: transparent url('/image/oriath/icon_large.png?1525390447000') no-repeat;
        background-size: contain;
        margin-top: 5px;
        margin-right: 8px; }
      .war body.wide-resize .inner header .header-icon {
        background: transparent url('/image/war/icon_large.png?1525390452000') no-repeat;
        background-size: contain;
        margin-top: 5px;
        margin-right: 8px; }
  body.wide-resize .inner .content p.more-info {
    padding: 4px 13px; }
    body.wide-resize .inner .content p.more-info a {
      font-style: italic;
      font-size: 12px;
      color: #43a2e6; }
  body.wide-resize .inner .content .ascendancy-items {
    position: absolute;
    z-index: 3; }
    body.wide-resize .inner .content .ascendancy-items .war-item-group .item, body.wide-resize .inner .content .ascendancy-items .gem-item-group .item {
      margin: -2px -4px; }
    body.wide-resize .inner .content .ascendancy-items .item-group {
      min-width: 355px; }
      body.wide-resize .inner .content .ascendancy-items .item-group .item {
        margin-left: -8px; }
        body.wide-resize .inner .content .ascendancy-items .item-group .item.item-upgrade {
          background: transparent url('/image/breach/arrow.png?1525390445000') no-repeat 0 5px;
          background-size: contain;
          height: 60px;
          padding-top: 23px; }
    body.wide-resize .inner .content .ascendancy-items .item {
      float: left; }
  body.wide-resize .inner .content .screenshot-lbox {
    position: relative;
    clear: both; }
    body.wide-resize .inner .content .screenshot-lbox .screenshots {
      position: absolute;
      width: 342px; }
      .oriath body.wide-resize .inner .content .screenshot-lbox .screenshots {
        margin-left: 56px;
        margin-right: -56px;
        padding-top: 20px; }
      .bestiary body.wide-resize .inner .content .screenshot-lbox .screenshots, .incursion body.wide-resize .inner .content .screenshot-lbox .screenshots {
        margin: 0px 56px; }
      body.wide-resize .inner .content .screenshot-lbox .screenshots .lbox-ss {
        float: left;
        width: 110px;
        height: 70px;
        margin: 1px 2px; }
        body.wide-resize .inner .content .screenshot-lbox .screenshots .lbox-ss img {
          box-shadow: 1px 1px 5px 2px;
          color: #000; }
          .breach body.wide-resize .inner .content .screenshot-lbox .screenshots .lbox-ss img {
            border: 1px solid #331010; }
  body.wide-resize .inner .content .content-interactive .supporter-videos {
    width: 320px; }
    body.wide-resize .inner .content .content-interactive .supporter-videos .supporter-video {
      box-shadow: black 0px 0px 4px 4px;
      width: 76px;
      height: 60px;
      float: left;
      background-size: cover;
      margin: 1px; }
  body.wide-resize .inner .content .content-interactive #supporter-purchase {
    position: absolute;
    top: 70px; }
  body.wide-resize .trials {
    background-image: url('/image/ascendancy/index/Trials.jpg?1525390415000'); }
  body.wide-resize .labyrinth {
    background-image: url('/image/ascendancy/index/TheLab.jpg?1525390415000'); }
  body.wide-resize .izaro {
    background-image: url('/image/ascendancy/index/Izaro.jpg?1525390415000'); }
  body.wide-resize .classes {
    background-image: url('/image/ascendancy/index/Classes.jpg?1525390415000'); }
  body.wide-resize .enchantments {
    background-image: url('/image/ascendancy/index/Enchantments.jpg?1525390415000'); }
  body.wide-resize .skills {
    background-image: url('/image/ascendancy/index/NewSkills.jpg?1525390415000'); }
  body.wide-resize .items {
    background-image: url('/image/ascendancy/index/UniqueItems.jpg?1525390415000'); }
  body.wide-resize .talisman {
    background-image: url('/image/ascendancy/index/TalismanLeague.jpg?1525390415000'); }
  body.wide-resize .trials-intro {
    background-image: url('/image/ascendancy/trials/RollingPins.jpg?1525390416000'); }
  body.wide-resize .trials-spikes {
    background-image: url('/image/ascendancy/trials/Spikes.jpg?1525390416000'); }
  body.wide-resize .trials-sawblades {
    background-image: url('/image/ascendancy/trials/Sawblades.jpg?1525390416000'); }
  body.wide-resize .trials-blade-sentries {
    background-image: url('/image/ascendancy/trials/BladeSentries.jpg?1525390416000'); }
  body.wide-resize .trials-spinblades {
    background-image: url('/image/ascendancy/trials/SpinningBlades.jpg?1525390416000'); }
  body.wide-resize .trials-lava {
    background-image: url('/image/ascendancy/trials/RisingLava.jpg?1525390416000'); }
  body.wide-resize .trials-darts {
    background-image: url('/image/ascendancy/trials/Darts.jpg?1525390416000'); }
  body.wide-resize .labyrinth-intro {
    background-image: url('/image/ascendancy/labyrinth/TheLordsLabyrinth.jpg?1525390416000'); }
  body.wide-resize .labyrinth-traps {
    background-image: url('/image/ascendancy/labyrinth/LethalTrapCombinations.jpg?1525390416000'); }
  body.wide-resize .labyrinth-tilesets {
    background-image: url('/image/ascendancy/labyrinth/NewTileSets.jpg?1525390416000'); }
  body.wide-resize .labyrinth-changing {
    background-image: url('/image/ascendancy/labyrinth/Changes.jpg?1525390416000'); }
  body.wide-resize .izaro-intro {
    background-image: url('/image/ascendancy/izaro/EmperorIzaro.jpg?1525390416000'); }
  body.wide-resize .izaro-master {
    background-image: url('/image/ascendancy/izaro/MasterOfTheLabyrinth.jpg?1525390416000'); }
  body.wide-resize .izaro-decision {
    background-image: url('/image/ascendancy/izaro/EveryDecisionMatters.jpg?1525390416000'); }
  body.wide-resize .classes-intro {
    background-image: url('/image/ascendancy/classes/TopSection.jpg?1525390414000'); }
  body.wide-resize .classes-class {
    clear: both;
    background-image: none;
    max-height: 375px;
    height: auto; }
    body.wide-resize .classes-class header.class-header {
      background: transparent url('/image/ascendancy/classes/TitleBar.png?1525390414000') 0 0 no-repeat;
      background-size: 100% 100%;
      padding: 12px 50px 0 20px;
      color: #7CB29C;
      text-shadow: 1px 1px black;
      width: 170px;
      height: 50px;
      font-size: 2em;
      text-align: center; }
    body.wide-resize .classes-class .inner {
      width: 90%;
      padding-top: 10px; }
      body.wide-resize .classes-class .inner .content {
        margin-top: 4px; }
        body.wide-resize .classes-class .inner .content .banner-logo {
          position: absolute;
          bottom: 36%;
          right: 6%;
          text-align: right;
          color: #fafafa;
          font-size: 14px;
          height: 66px;
          width: 115px; }
          body.wide-resize .classes-class .inner .content .banner-logo p {
            display: inline-block;
            float: none;
            padding: 6px 8px;
            margin: -2px 0 -2px 4px;
            font-size: 12px; }
          body.wide-resize .classes-class .inner .content .banner-logo img {
            padding-top: 0;
            min-height: 46px;
            height: 50%; }
    body.wide-resize .classes-class .class {
      float: left;
      width: 40%;
      margin-left: -11%;
      position: relative; }
      body.wide-resize .classes-class .class.class-0 {
        margin-left: auto; }
      body.wide-resize .classes-class .class .ascendancy-class-name {
        font-family: "FontinSmallCaps", "Verdana", "Arial", "Helvetica", "sans-serif";
        position: absolute;
        bottom: 4%;
        right: 2%;
        height: 40px;
        width: 150px;
        font-size: 1.6em;
        color: #9aa6a1;
        background: transparent url('/image/ascendancy/classes/NamePlate.png?1525390414000') 0 0 no-repeat;
        background-size: 100% 100%;
        padding: 12px 15px 0;
        text-align: center; }
        .pt_BR body.wide-resize .classes-class .class .ascendancy-class-name {
          font-size: 17px;
          line-height: 24px; }
    body.wide-resize .classes-class .class-0 {
      z-index: 10; }
    body.wide-resize .classes-class .class-1 {
      z-index: 9;
      margin-top: 2%; }
    body.wide-resize .classes-class .class-2 {
      z-index: 8;
      margin-top: 4%; }
  body.wide-resize .enchantments-intro {
    background-image: url('/image/ascendancy/enchantments/Enchantments.jpg?1525390414000'); }
  body.wide-resize .enchantments-normal {
    background-image: url('/image/ascendancy/enchantments/Gloves.jpg?1525390414000'); }
  body.wide-resize .enchantments-cruel {
    background-image: url('/image/ascendancy/enchantments/Boots.jpg?1525390414000'); }
  body.wide-resize .enchantments-merciless {
    background-image: url('/image/ascendancy/enchantments/Helmets.jpg?1525390414000'); }
  .atlas body.wide-resize .theatlas {
    background-image: url('/image/atlas/theatlas.jpg?1525390426000'); }
    .atlas body.wide-resize .theatlas .lbox-ss {
      width: 220px; }
    .atlas body.wide-resize .theatlas .content-interactive {
      margin-top: 5px;
      left: 230px;
      width: 50px; }
  .atlas body.wide-resize .newbosses {
    background-image: url('/image/atlas/newbosses.jpg?1525390426000'); }
  .atlas body.wide-resize.zh_CN .newmaps {
    background-image: url('/image/atlas/newmapstencent.jpg?1525390426000'); }
  .atlas body.wide-resize.zh_CN .essenceleague {
    background-image: url('/image/atlas/essenceleaguetencent.jpg?1525390426000'); }
  .atlas body.wide-resize .newmaps {
    background-image: url('/image/atlas/newmaps.jpg?1525390426000'); }
    .atlas body.wide-resize .newmaps .screenshot-lbox {
      height: 60px; }
    .atlas body.wide-resize .newmaps .content-interactive {
      padding-left: 2%; }
  .atlas body.wide-resize .skillsitems {
    background-image: url('/image/atlas/skillsitems.jpg?1525390426000'); }
    .atlas body.wide-resize .skillsitems .ascendancy-items {
      width: 340px; }
      .atlas body.wide-resize .skillsitems .ascendancy-items .item {
        margin-left: -10px; }
  .atlas body.wide-resize .essenceleague {
    background-image: url('/image/atlas/essenceleague.jpg?1525390426000'); }
    .zh_CN .atlas body.wide-resize .essenceleague {
      background-image: url('/image/atlas/essenceleaguetencent.jpg?1525390426000'); }
    .atlas body.wide-resize .essenceleague .content-interactive {
      height: 50px;
      margin-top: -16px; }
      .atlas body.wide-resize .essenceleague .content-interactive .ascendancy-items {
        width: 330px; }
        .atlas body.wide-resize .essenceleague .content-interactive .ascendancy-items.bottom {
          width: 100px;
          top: 50px;
          left: 20px; }
  .atlas .atlas body.wide-resize .supporterpacks {
    background-image: url('/image/atlas/supporterpacks.jpg?1525390426000'); }
  .atlas body.wide-resize .supporterpacks .content-interactive .supporter-videos .supporter-video.minotaur {
    background-image: url('/image/atlas/packthumbs/minotaur.jpg?1525390418000'); }
  .atlas body.wide-resize .supporterpacks .content-interactive .supporter-videos .supporter-video.hydra {
    background-image: url('/image/atlas/packthumbs/hydra.jpg?1525390418000'); }
  .atlas body.wide-resize .supporterpacks .content-interactive .supporter-videos .supporter-video.chimera {
    background-image: url('/image/atlas/packthumbs/chimera.jpg?1525390418000'); }
  .atlas body.wide-resize .supporterpacks .content-interactive .supporter-videos .supporter-video.phoenix {
    background-image: url('/image/atlas/packthumbs/phoenix.jpg?1525390418000'); }
  .atlas body.wide-resize .improvements {
    background-image: url('/image/atlas/improvements.jpg?1525390426000'); }
  .breach body.wide-resize .breach-challenge-leagues {
    background-image: url('/image/breach/Panel1.jpg?1525390445000'); }
  .breach body.wide-resize .enter-the-breach {
    background-image: url('/image/breach/Panel2.jpg?1525390445000'); }
  .breach body.wide-resize .defeat-new-bosses {
    background-image: url('/image/breach/Panel3.jpg?1525390445000'); }
  .breach body.wide-resize .collect-breach-splinters {
    background-image: url('/image/breach/Panel4.jpg?1525390445000'); }
    .breach body.wide-resize .collect-breach-splinters .ascendancy-items {
      right: 0; }
  .breach body.wide-resize .new-items {
    background-image: url('/image/breach/Panel5.jpg?1525390445000'); }
  .breach body.wide-resize .improvements {
    background-image: url('/image/breach/Panel6.jpg?1525390445000'); }
  .breach body.wide-resize .more {
    background-image: url('/image/breach/Panel7.jpg?1525390445000'); }
    .breach body.wide-resize .more .content-interactive .ascendancy-items {
      min-width: 315px; }
  .breach body.wide-resize .supporterpacks {
    background-image: url('/image/breach/Panel8.jpg?1525390445000'); }
    .breach body.wide-resize .supporterpacks .supporter-videos {
      padding-left: 30px; }
      .breach body.wide-resize .supporterpacks .supporter-videos .supporter-video:hover {
        background-position-y: 60px; }
      .breach body.wide-resize .supporterpacks .supporter-videos .supporter-video.spawn {
        background-image: url('/image/breach/pack/spawn.png'); }
      .breach body.wide-resize .supporterpacks .supporter-videos .supporter-video.grand {
        background-image: url('/image/breach/pack/grand.png'); }
  .oriath body.wide-resize .the-fall-of-oriath {
    background-image: url('/image/oriath/Panel1.jpg?1525390447000'); }
  .oriath body.wide-resize .part-two {
    background-image: url('/image/oriath/Panel2.jpg?1525390447000'); }
  .oriath body.wide-resize .act-six {
    background-image: url('/image/oriath/Panel3.jpg?1525390447000'); }
  .oriath body.wide-resize .act-seven {
    background-image: url('/image/oriath/Panel4.jpg?1525390447000'); }
  .oriath body.wide-resize .act-eight {
    background-image: url('/image/oriath/Panel5.jpg?1525390447000'); }
  .oriath body.wide-resize .act-nine {
    background-image: url('/image/oriath/Panel6.jpg?1525390447000'); }
  .oriath body.wide-resize .act-ten {
    background-image: url('/image/oriath/Panel7.jpg?1525390447000'); }
  .oriath body.wide-resize .the-pantheon {
    background-image: url('/image/oriath/Panel8.jpg?1525390447000'); }
  .oriath body.wide-resize .misc {
    background-image: url('/image/oriath/Panel9.jpg?1525390447000'); }
  .oriath body.wide-resize .timeline {
    background-image: url('/image/oriath/Panel10.jpg?1525390447000'); }
  .war body.wide-resize .war {
    background-image: url('/image/war/AtlasPanel1.jpg?1525390452000'); }
    .war body.wide-resize .war .yt-popout {
      position: absolute;
      right: -10%;
      top: 20%; }
      .war body.wide-resize .war .yt-popout .yt-rescale {
        border: 1px solid #000;
        box-shadow: black 0px 0px 4px 4px; }
      .war body.wide-resize .war .yt-popout .description {
        position: absolute;
        font-size: 0.9em;
        font-weight: normal;
        font-style: italic;
        text-align: center;
        width: 100%;
        color: #b3aeae; }
    .war body.wide-resize .war .atlas-map .atlas-image {
      width: 60%;
      margin-left: auto;
      margin-right: auto; }
  .war body.wide-resize .guardians {
    background-image: url('/image/war/AtlasPanel2.jpg?1525390452000'); }
  .war body.wide-resize .newmaps {
    background-image: url('/image/war/AtlasPanel3.jpg?1525390452000'); }
  .war body.wide-resize .shaperelderitems {
    background-image: url('/image/war/AtlasPanel4.jpg?1525390452000'); }
  .war body.wide-resize .newgems {
    background-image: url('/image/war/AtlasPanel5.jpg?1525390452000'); }
  .war body.wide-resize .newuniques {
    background-image: url('/image/war/AtlasPanel6.jpg?1525390452000'); }
  .war body.wide-resize .supporterpacks {
    background-image: url('/image/war/AtlasPanel7.jpg?1525390452000'); }
  .war body.wide-resize .abyssleagueanddetails {
    background-image: url('/image/war/AtlasPanel8.jpg?1525390452000'); }
  .bestiary body.wide-resize section .inner > header {
    background: none; }
    .bestiary body.wide-resize section .inner > header img {
      width: 90%; }
  .bestiary body.wide-resize section.wide-resize-right {
    text-align: right; }
    .bestiary body.wide-resize section.wide-resize-right .ascendancy-items {
      width: 100%;
      right: 0; }
      .bestiary body.wide-resize section.wide-resize-right .ascendancy-items .gem-item-group {
        display: block; }
    .bestiary body.wide-resize section.wide-resize-right.panel6 .ascendancy-items {
      width: 390px; }
    .bestiary body.wide-resize section.wide-resize-right.panel10 .ascendancy-items {
      width: 300px; }
      .bestiary body.wide-resize section.wide-resize-right.panel10 .ascendancy-items .prophecies {
        margin-top: -55px;
        margin-right: 50px; }
  .bestiary body.wide-resize .panel1 {
    background-image: url('/image/bestiary/Panel1.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel2 {
    background-image: url('/image/bestiary/Panel2.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel3 {
    background-image: url('/image/bestiary/Panel3.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel4 {
    background-image: url('/image/bestiary/Panel4.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel5 {
    background-image: url('/image/bestiary/Panel5.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel6 {
    background-image: url('/image/bestiary/Panel6.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel7 {
    background-image: url('/image/bestiary/Panel7.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel8 {
    background-image: url('/image/bestiary/Panel8.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel9 {
    background-image: url('/image/bestiary/Panel9.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel10 {
    background-image: url('/image/bestiary/Panel10.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel11 {
    background-image: url('/image/bestiary/Panel11.jpg?1525390444000'); }
  .bestiary body.wide-resize .panel12 {
    background-image: url('/image/bestiary/Panel12.jpg?1525390444000'); }
  .incursion body.wide-resize section .inner > header {
    background: none; }
    .incursion body.wide-resize section .inner > header img {
      width: 100%; }
  .incursion body.wide-resize section.wide-resize-right {
    text-align: right; }
    .incursion body.wide-resize section.wide-resize-right .ascendancy-items {
      width: 100%;
      right: 0; }
      .incursion body.wide-resize section.wide-resize-right .ascendancy-items .gem-item-group {
        display: block; }
    .incursion body.wide-resize section.wide-resize-right.panel6 .ascendancy-items {
      width: 345px;
      margin-left: -20px; }
    .incursion body.wide-resize section.wide-resize-right.panel10 .ascendancy-items {
      width: 300px; }
      .incursion body.wide-resize section.wide-resize-right.panel10 .ascendancy-items .prophecies {
        margin-top: -55px;
        margin-right: 50px; }
  .incursion body.wide-resize .panel1 {
    background-image: url('/image/incursion/Panel1.jpg?1525741614000'); }
  .incursion body.wide-resize .panel2 {
    background-image: url('/image/incursion/Panel2.jpg?1525406129000'); }
  .incursion body.wide-resize .panel3 {
    background-image: url('/image/incursion/Panel3.jpg?1525741614000'); }
  .incursion body.wide-resize .panel4 {
    background-image: url('/image/incursion/Panel4.jpg?1525665801000'); }
  .incursion body.wide-resize .panel5 {
    background-image: url('/image/incursion/Panel5.jpg?1525843851000'); }
  .incursion body.wide-resize .panel6 {
    background-image: url('/image/incursion/Panel6.jpg?1525758581000'); }
  .incursion body.wide-resize .panel7 {
    background-image: url('/image/incursion/Panel7.jpg?1525758581000'); }
  .incursion body.wide-resize .panel8 {
    background-image: url('/image/incursion/Panel8.jpg?1525758581000'); }
  .incursion body.wide-resize .panel9 {
    background-image: url('/image/incursion/Panel9.jpg?1525758581000'); }
  .incursion body.wide-resize .panel10 {
    background-image: url('/image/incursion/Panel10.jpg?1525916676000'); }
  .incursion body.wide-resize .panel11 {
    background-image: url('/image/incursion/Panel11.jpg?1525406129000'); }
  .incursion body.wide-resize .panel12 {
    background-image: url('/image/incursion/Panel12.jpg?1525406129000'); }
  .incursion.en_US body.wide-resize .panel5 {
    background-image: url('/image/incursion/Panel5.jpg?1525843851000'); }
  .incursion.zh_TW body.wide-resize .panel5 {
    background-image: url('/image/incursion/zh_TW/Panel5.jpg?1525406128000'); }
  .incursion.zh_CN body.wide-resize .panel5 {
    background-image: url('/image/incursion/zh_CN/Panel5.jpg'); }
  .incursion.th_TH body.wide-resize .panel5 {
    background-image: url('/image/incursion/th_TH/Panel5.jpg?1525926320000'); }
  .incursion.ru_RU body.wide-resize .panel5 {
    background-image: url('/image/incursion/ru_RU/Panel5.jpg?1525910092000'); }
  .incursion.pt_BR body.wide-resize .panel5 {
    background-image: url('/image/incursion/pt_BR/Panel5.jpg?1525910092000'); }
  .incursion.de_DE body.wide-resize .panel5 {
    background-image: url('/image/incursion/de_DE/Panel5.jpg?1525910092000'); }
  .incursion.es_ES body.wide-resize .panel5 {
    background-image: url('/image/incursion/es_ES/Panel5.jpg?1525910092000'); }
  .incursion.fr_FR body.wide-resize .panel5 {
    background-image: url('/image/incursion/fr_FR/Panel5.jpg?1525910092000'); }
  body.wide-resize section {
    margin-bottom: 10px; }
    body.wide-resize section .content {
      color: #9aa6a1; }
      .atlas body.wide-resize section .content {
        color: #a6a69a; }
      .breach body.wide-resize section .content {
        color: #ada8bb; }
      .oriath body.wide-resize section .content {
        color: #d6c9ae; }
      .bestiary body.wide-resize section .content {
        color: #a39685;
        text-shadow: 1px 1px 2px black; }
  body.wide-resize header .logo {
    height: 300px;
    width: 377px;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    margin-bottom: -300px;
    z-index: 3;
    min-width: 220px; }
    .oriath body.wide-resize header .logo {
      height: 231px;
      width: 300px;
      margin-bottom: -231px; }
    .war body.wide-resize header .logo {
      height: 317px;
      width: 398px;
      margin-bottom: 0; }
  .war body.wide-resize header, .bestiary body.wide-resize header, .incursion body.wide-resize header {
    background-image: url('/image/war/topbg.jpg?1525390452000'); }
    .war body.wide-resize header .war-video-container, .bestiary body.wide-resize header .war-video-container, .incursion body.wide-resize header .war-video-container {
      padding: 0px 20px;
      text-align: center; }
      .war body.wide-resize header .war-video-container .video, .bestiary body.wide-resize header .war-video-container .video, .incursion body.wide-resize header .war-video-container .video {
        display: inline; }
        .war body.wide-resize header .war-video-container .video #war-trailer, .bestiary body.wide-resize header .war-video-container .video #war-trailer, .incursion body.wide-resize header .war-video-container .video #war-trailer {
          margin-bottom: 10px;
          color: #000; }
    .war body.wide-resize header .logo, .bestiary body.wide-resize header .logo, .incursion body.wide-resize header .logo {
      background: transparent none;
      margin-top: -1%;
      margin-bottom: -1%; }
  .bestiary body.wide-resize header .war-video-container, .incursion body.wide-resize header .war-video-container {
    padding-bottom: 4%; }
  .bestiary body.wide-resize header .logo, .incursion body.wide-resize header .logo {
    margin-top: 0;
    margin-bottom: -5%; }
  .bestiary body.wide-resize header {
    background-image: url('/image/bestiary/topbg.jpg?1525390444000'); }
  .incursion body.wide-resize header {
    background-image: url('/image/incursion/topbg.jpg?1525406129000'); }
  @media (min-width: 1800px) {
    body.wide-resize .section-banner-first {
      margin-top: 69px; } }
  @media (min-width: 1600px) {
    body.wide-resize .section-banner {
      height: 200px; }
    .atlas body.wide-resize > header .mini-countdown, .atlas body.wide-resize > footer .mini-countdown, .atlas body.wide-resize > section .mini-countdown {
      bottom: 170px; }
    .atlas body.wide-resize > header .supporter-videos, .atlas body.wide-resize > footer .supporter-videos, .atlas body.wide-resize > section .supporter-videos {
      padding-left: 30px; }
    body.wide-resize > header .watch-trailer, body.wide-resize > footer .watch-trailer, body.wide-resize > section .watch-trailer {
      position: absolute;
      bottom: -22px;
      width: 100%; }
      .oriath body.wide-resize > header .watch-trailer, .oriath body.wide-resize > footer .watch-trailer, .oriath body.wide-resize > section .watch-trailer {
        bottom: -10px; }
      body.wide-resize > header .watch-trailer .watch-trailer-banner, body.wide-resize > footer .watch-trailer .watch-trailer-banner, body.wide-resize > section .watch-trailer .watch-trailer-banner {
        background-image: url('/image/atlas/watch_trailer_large.png?1525390426000');
        width: 704px;
        height: 150px; }
        .atlas body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/watch_trailer_large.png?1525390426000'); }
        .atlas body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/watch_trailer_large.png?1525390426000'); }
        .atlas.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/ru_RU/watch_trailer_large.png?1525390420000'); }
        .atlas.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/pt_BR/watch_trailer_large.png?1525390419000'); }
        .atlas.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/zh_TW/watch_trailer_large.png?1525390424000'); }
        .atlas.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/zh_CN/watch_trailer_large.png?1525390423000'); }
        .atlas.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .atlas.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner, .atlas.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/atlas/th_TH/watch_trailer_large.png'); }
        .breach body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/watch_trailer_large.png?1525390445000'); }
        .breach.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/ru_RU/watch_trailer_large.png?1525390444000'); }
        .breach.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/pt_BR/watch_trailer_large.png?1525390444000'); }
        .breach.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/zh_TW/watch_trailer_large.png?1525390444000'); }
        .breach.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/zh_CN/watch_trailer_large.png?1525390444000'); }
        .breach.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .breach.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner, .breach.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/breach/th_TH/watch_trailer_large.png?1525390444000'); }
        .oriath body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/watch_trailer_large.png?1525390447000'); }
        .oriath.ru_RU body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.ru_RU body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.ru_RU body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/ru_RU/watch_trailer_large.png?1525390446000'); }
        .oriath.pt_BR body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.pt_BR body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.pt_BR body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/pt_BR/watch_trailer_large.png?1525390446000'); }
        .oriath.zh_TW body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.zh_TW body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.zh_TW body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/zh_TW/watch_trailer_large.png?1525390447000'); }
        .oriath.zh_CN body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.zh_CN body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.zh_CN body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/zh_CN/watch_trailer_large.png?1525390447000'); }
        .oriath.th_TH body.wide-resize > header .watch-trailer .watch-trailer-banner, .oriath.th_TH body.wide-resize > footer .watch-trailer .watch-trailer-banner, .oriath.th_TH body.wide-resize > section .watch-trailer .watch-trailer-banner {
          background-image: url('/image/oriath/th_TH/watch_trailer_large.png?1525390447000'); }
        body.wide-resize > header .watch-trailer .watch-trailer-banner:hover, body.wide-resize > footer .watch-trailer .watch-trailer-banner:hover, body.wide-resize > section .watch-trailer .watch-trailer-banner:hover {
          background-position: 0px -158px; }
        .oriath body.wide-resize > header .watch-trailer .watch-trailer-banner:hover, .oriath body.wide-resize > footer .watch-trailer .watch-trailer-banner:hover, .oriath body.wide-resize > section .watch-trailer .watch-trailer-banner:hover {
          background-position: 0px -150px; }
    body.wide-resize .inner header .header-icon {
      margin-top: 4px; } }
  @media (max-width: 1600px) {
    body.wide-resize .section-banner {
      height: 190px; } }
  @media (max-width: 1900px) {
    .war body.wide-resize.war-header {
      height: auto;
      max-height: 1100px; } }
  @media (min-width: 1900px) {
    body.wide-resize .section-banner {
      background-size: contain; }
      body.wide-resize .section-banner.top {
        margin-top: 69px;
        max-width: 1900px; } }
  @media (max-width: 1400px) {
    body.wide-resize .section-banner {
      height: 150px; }
    .atlas body.wide-resize header .inner header .header-icon, .breach body.wide-resize header .inner header .header-icon, .atlas body.wide-resize footer .inner header .header-icon, .breach body.wide-resize footer .inner header .header-icon, .atlas body.wide-resize section .inner header .header-icon, .breach body.wide-resize section .inner header .header-icon {
      margin-top: 0; }
    .oriath body.wide-resize header .inner header .header-icon, .oriath body.wide-resize footer .inner header .header-icon, .oriath body.wide-resize section .inner header .header-icon {
      margin-top: 1px; }
    .breach body.wide-resize header .inner .content .content-interactive #supporter-purchase, .war body.wide-resize header .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .war body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize section .inner .content .content-interactive #supporter-purchase, .war body.wide-resize section .inner .content .content-interactive #supporter-purchase {
      margin-top: -20px; }
    .bestiary body.wide-resize header .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize section .inner .content .content-interactive #supporter-purchase {
      margin-top: 0px; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      margin-top: -20px; } }
  @media (max-width: 1200px) {
    body.wide-resize .section-banner {
      height: 130px; }
    .oriath body.wide-resize header .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize footer .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize section .inner .content .screenshot-lbox .screenshots {
      margin: 0; }
    .oriath body.wide-resize header.wide-resize-right .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize footer.wide-resize-right .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize section.wide-resize-right .inner .content .screenshot-lbox .screenshots {
      margin-left: -12px; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      margin-top: 0px;
      margin-left: -50px;
      width: 460px; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .ascendancy-items {
        margin-left: -16%;
        right: 0; }
    .war body.wide-resize header.war .yt-popout, .war body.wide-resize footer.war .yt-popout, .war body.wide-resize section.war .yt-popout {
      right: 0;
      top: 12%; } }
  @media (min-width: 1400px) {
    body.wide-resize header.supporterpacks .inner .content .content-interactive #supporter-purchase, body.wide-resize footer.supporterpacks .inner .content .content-interactive #supporter-purchase, body.wide-resize section.supporterpacks .inner .content .content-interactive #supporter-purchase {
      box-shadow: none; }
      body.wide-resize header.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton, body.wide-resize footer.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton, body.wide-resize section.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        width: 420px;
        height: 200px;
        background: url('/image/atlas/buylarge.png?1525390426000') no-repeat scroll 50% 50% transparent; }
        body.wide-resize header.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, body.wide-resize footer.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, body.wide-resize section.supporterpacks .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
          background-image: url('/image/atlas/buylarge_hover.png?1525390426000') no-repeat;
          background-position: 50% 50%; }
    .atlas body.wide-resize header #supporter-purchase, .atlas body.wide-resize footer #supporter-purchase, .atlas body.wide-resize section #supporter-purchase {
      box-shadow: none; }
      .atlas body.wide-resize header #supporter-purchase .shopBuyButton, .atlas body.wide-resize footer #supporter-purchase .shopBuyButton, .atlas body.wide-resize section #supporter-purchase .shopBuyButton {
        background-position: 50% 50%;
        width: 420px;
        height: 200px; }
        .atlas .atlas body.wide-resize header #supporter-purchase .shopBuyButton, .atlas .atlas body.wide-resize footer #supporter-purchase .shopBuyButton, .atlas .atlas body.wide-resize section #supporter-purchase .shopBuyButton {
          background: url('/image/atlas/buylarge.png?1525390426000') no-repeat scroll 50% 50% transparent; }
          .atlas .atlas body.wide-resize header #supporter-purchase .shopBuyButton:hover, .atlas .atlas body.wide-resize footer #supporter-purchase .shopBuyButton:hover, .atlas .atlas body.wide-resize section #supporter-purchase .shopBuyButton:hover {
            background-image: url('/image/atlas/buylarge_hover.png?1525390426000'); }
        .atlas.pt_BR .atlas body.wide-resize header #supporter-purchase .shopBuyButton, .atlas.pt_BR .atlas body.wide-resize footer #supporter-purchase .shopBuyButton, .atlas.pt_BR .atlas body.wide-resize section #supporter-purchase .shopBuyButton {
          background-image: url('/image/atlas/pt_BR/buylarge.png?1525390419000'); }
          .atlas.pt_BR .atlas body.wide-resize header #supporter-purchase .shopBuyButton:hover, .atlas.pt_BR .atlas body.wide-resize footer #supporter-purchase .shopBuyButton:hover, .atlas.pt_BR .atlas body.wide-resize section #supporter-purchase .shopBuyButton:hover {
            background-image: url('/image/atlas/pt_BR/buylarge_hover.png?1525390419000'); } }
  @media (min-width: 960px) {
    .breach body.wide-resize header.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize header.more .content-interactive .ascendancy-items.bottom, .breach body.wide-resize footer.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize footer.more .content-interactive .ascendancy-items.bottom, .breach body.wide-resize section.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize section.more .content-interactive .ascendancy-items.bottom {
      position: absolute;
      top: 141px;
      left: 153px; }
    body.wide-resize header .inner .content .content-interactive #supporter-purchase, body.wide-resize footer .inner .content .content-interactive #supporter-purchase, body.wide-resize section .inner .content .content-interactive #supporter-purchase {
      position: relative; }
      .bestiary body.wide-resize header .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize header .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .bestiary body.wide-resize section .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize section .inner .content .content-interactive #supporter-purchase {
        margin-left: auto;
        margin-right: auto;
        width: 412px; }
        .bestiary body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
          width: 412px;
          height: 187px;
          background-position: 50% 0;
          background-image: url('/image/breach/pack/buylarge.png?1525390444000'); }
          .bestiary body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .bestiary body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .bestiary body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
            background-position-y: -187px; }
    .bestiary.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/buylarge.png?1525390444000'); }
    .bestiary.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_TW/buylarge.png?1525390444000'); }
    .bestiary.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_CN/buylarge.png?1525390443000'); }
    .bestiary.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/th_TH/buylarge.png?1525390443000'); }
    .bestiary.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ru_RU/buylarge.png?1525390443000'); }
    .bestiary.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/pt_BR/buylarge.png?1525390443000'); }
    .bestiary.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/de_DE/buylarge.png?1525390441000'); }
    .bestiary.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/es_ES/buylarge.png?1525390441000'); }
    .bestiary.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/fr_FR/buylarge.png?1525390442000'); }
    .incursion.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/buylarge.png?1525390444000'); }
    .incursion.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_TW/buylarge.png?1525390444000'); }
    .incursion.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_CN/buylarge.png?1525390443000'); }
    .incursion.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/th_TH/buylarge.png?1525390443000'); }
    .incursion.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ru_RU/buylarge.png?1525390443000'); }
    .incursion.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/pt_BR/buylarge.png?1525390443000'); }
    .incursion.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/de_DE/buylarge.png?1525390441000'); }
    .incursion.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/es_ES/buylarge.png?1525390441000'); }
    .incursion.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/fr_FR/buylarge.png?1525390442000'); } }
  @media (max-width: 960px) {
    body.wide-resize .section-banner {
      height: 90px; }
    .breach body.wide-resize header.new-items .content-interactive, .breach body.wide-resize header.more .content-interactive, .breach body.wide-resize footer.new-items .content-interactive, .breach body.wide-resize footer.more .content-interactive, .breach body.wide-resize section.new-items .content-interactive, .breach body.wide-resize section.more .content-interactive {
      margin-top: -12px; }
      .breach body.wide-resize header.new-items .content-interactive .ascendancy-items .item-group, .breach body.wide-resize header.more .content-interactive .ascendancy-items .item-group, .breach body.wide-resize footer.new-items .content-interactive .ascendancy-items .item-group, .breach body.wide-resize footer.more .content-interactive .ascendancy-items .item-group, .breach body.wide-resize section.new-items .content-interactive .ascendancy-items .item-group, .breach body.wide-resize section.more .content-interactive .ascendancy-items .item-group {
        max-width: 342px; }
        .breach body.wide-resize header.new-items .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize header.more .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize footer.new-items .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize footer.more .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize section.new-items .content-interactive .ascendancy-items .item-group .item, .breach body.wide-resize section.more .content-interactive .ascendancy-items .item-group .item {
          margin-left: -12px; }
      .breach body.wide-resize header.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize header.more .content-interactive .ascendancy-items.bottom, .breach body.wide-resize footer.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize footer.more .content-interactive .ascendancy-items.bottom, .breach body.wide-resize section.new-items .content-interactive .ascendancy-items.bottom, .breach body.wide-resize section.more .content-interactive .ascendancy-items.bottom {
        position: absolute;
        top: 97px;
        left: 97px; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      margin-top: 0px;
      margin-left: -50%;
      width: 460px; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .ascendancy-items {
        margin-left: -25%;
        right: 0; }
    .war body.wide-resize header.newuniques .content-interactive.war-unique-items, .war body.wide-resize footer.newuniques .content-interactive.war-unique-items, .war body.wide-resize section.newuniques .content-interactive.war-unique-items {
      width: 330px; }
    .war body.wide-resize header.war .atlas-image, .war body.wide-resize footer.war .atlas-image, .war body.wide-resize section.war .atlas-image {
      width: 33%;
      margin-left: 0; }
    .war body.wide-resize header.newgems .content-interactive, .war body.wide-resize footer.newgems .content-interactive, .war body.wide-resize section.newgems .content-interactive {
      margin-top: 0; }
    .bestiary.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/buysmall.png?1525390444000'); }
    .bestiary.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_TW/buysmall.png?1525390444000'); }
    .bestiary.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_CN/buysmall.png?1525390443000'); }
    .bestiary.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/th_TH/buysmall.png?1525390443000'); }
    .bestiary.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ru_RU/buysmall.png?1525390443000'); }
    .bestiary.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/pt_BR/buysmall.png?1525390443000'); }
    .bestiary.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/de_DE/buysmall.png?1525390441000'); }
    .bestiary.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/es_ES/buysmall.png?1525390441000'); }
    .bestiary.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .bestiary.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/fr_FR/buysmall.png?1525390442000'); }
    .incursion.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/buysmall.png?1525390444000'); }
    .incursion.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_TW/buysmall.png?1525390444000'); }
    .incursion.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/zh_CN/buysmall.png?1525390443000'); }
    .incursion.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/th_TH/buysmall.png?1525390443000'); }
    .incursion.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/ru_RU/buysmall.png?1525390443000'); }
    .incursion.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/pt_BR/buysmall.png?1525390443000'); }
    .incursion.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/de_DE/buysmall.png?1525390441000'); }
    .incursion.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/es_ES/buysmall.png?1525390441000'); }
    .incursion.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/bestiary/fr_FR/buysmall.png?1525390442000'); } }
  @media (max-width: 590px) {
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize header.newuniques .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.newuniques .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.newuniques .inner .content .content-interactive {
      margin-top: 0; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .item, .war body.wide-resize header.newuniques .inner .content .content-interactive .item, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .item, .war body.wide-resize footer.newuniques .inner .content .content-interactive .item, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .item, .war body.wide-resize section.newuniques .inner .content .content-interactive .item {
        margin: -5px; }
    .war body.wide-resize header.newmaps .inner .content .content-interactive .screenshot-lbox, .war body.wide-resize footer.newmaps .inner .content .content-interactive .screenshot-lbox, .war body.wide-resize section.newmaps .inner .content .content-interactive .screenshot-lbox {
      margin-top: -30px; }
      .war body.wide-resize header.newmaps .inner .content .content-interactive .screenshot-lbox .screenshots .lbox-ss, .war body.wide-resize footer.newmaps .inner .content .content-interactive .screenshot-lbox .screenshots .lbox-ss, .war body.wide-resize section.newmaps .inner .content .content-interactive .screenshot-lbox .screenshots .lbox-ss {
        height: 64px; }
    .war body.wide-resize header.war .yt-popout, .war body.wide-resize footer.war .yt-popout, .war body.wide-resize section.war .yt-popout {
      right: auto;
      top: auto;
      bottom: 0;
      left: 27%; }
    .war body.wide-resize header.war .atlas-map .atlas-image, .war body.wide-resize footer.war .atlas-map .atlas-image, .war body.wide-resize section.war .atlas-map .atlas-image {
      width: 33%;
      margin-left: 0; }
    .de_DE.war body.wide-resize header.war .yt-popout, .fr_FR.war body.wide-resize header.war .yt-popout, .es_ES.war body.wide-resize header.war .yt-popout, .de_DE.war body.wide-resize footer.war .yt-popout, .fr_FR.war body.wide-resize footer.war .yt-popout, .es_ES.war body.wide-resize footer.war .yt-popout, .de_DE.war body.wide-resize section.war .yt-popout, .fr_FR.war body.wide-resize section.war .yt-popout, .es_ES.war body.wide-resize section.war .yt-popout {
      bottom: -10%; }
    .bestiary body.wide-resize > header .content-interactive, .bestiary body.wide-resize > footer .content-interactive, .bestiary body.wide-resize > section .content-interactive {
      margin-top: 0; }
    .bestiary body.wide-resize > header.wide-resize-right, .bestiary body.wide-resize > footer.wide-resize-right, .bestiary body.wide-resize > section.wide-resize-right {
      text-align: right; }
      .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items {
        width: 300px;
        float: left;
        left: 0;
        margin-top: -15px;
        margin-left: -20px; }
        .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group {
          display: block;
          float: left; }
          .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.gem-item-group-tall, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.gem-item-group-tall, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.gem-item-group-tall {
            width: 105px; }
          .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item {
            margin: -6px; }
          .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large {
            position: absolute;
            left: 0;
            top: 0;
            margin-left: -80px;
            margin-top: -80px; }
          .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies {
            margin-left: -50px; }
            .bestiary body.wide-resize > header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .bestiary body.wide-resize > footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .bestiary body.wide-resize > section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item {
              margin: -3px; }
      .bestiary body.wide-resize > header.wide-resize-right.panel10 .ascendancy-items .prophecies, .bestiary body.wide-resize > footer.wide-resize-right.panel10 .ascendancy-items .prophecies, .bestiary body.wide-resize > section.wide-resize-right.panel10 .ascendancy-items .prophecies {
        margin-left: -20px; }
    .incursion body.wide-resize > header .inner header, .incursion body.wide-resize > footer .inner header, .incursion body.wide-resize > section .inner header {
      margin-top: 2%; }
    .incursion body.wide-resize > header.panel6 .ascendancy-items, .incursion body.wide-resize > footer.panel6 .ascendancy-items, .incursion body.wide-resize > section.panel6 .ascendancy-items {
      margin-top: -25px; }
      .incursion body.wide-resize > header.panel6 .ascendancy-items .gem-item-group, .incursion body.wide-resize > footer.panel6 .ascendancy-items .gem-item-group, .incursion body.wide-resize > section.panel6 .ascendancy-items .gem-item-group {
        float: left; }
        .incursion body.wide-resize > header.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize > footer.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize > section.panel6 .ascendancy-items .gem-item-group .rapier {
          position: absolute;
          bottom: 0;
          left: -30%; } }
  @media (min-width: 800px) {
    body.wide-resize header .inner .content .content-interactive #supporter-purchase, body.wide-resize footer .inner .content .content-interactive #supporter-purchase, body.wide-resize section .inner .content .content-interactive #supporter-purchase {
      position: relative; }
      .breach body.wide-resize header .inner .content .content-interactive #supporter-purchase, .war body.wide-resize header .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize header .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .war body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize footer .inner .content .content-interactive #supporter-purchase, .breach body.wide-resize section .inner .content .content-interactive #supporter-purchase, .war body.wide-resize section .inner .content .content-interactive #supporter-purchase, .incursion body.wide-resize section .inner .content .content-interactive #supporter-purchase {
        margin-left: auto;
        margin-right: auto;
        width: 412px; }
        .breach body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
          width: 412px;
          height: 187px;
          background-position: 50% 0;
          background-image: url('/image/breach/pack/buylarge.png?1525390444000'); }
          .breach body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .breach body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .war body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover, .incursion body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton:hover {
            background-position-y: -187px; }
      .breach.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/breach/pack/pt_BR/buylarge.png?1525390444000'); }
      .breach.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .breach.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/breach/pack/ru_RU/buylarge.png?1525390444000'); }
    body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
      background-image: url('/image/war/buylarge.png?1525390452000'); }
      .war.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/buylarge.png?1525390452000'); }
      .war.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/zh_TW/buylarge.png?1525390452000'); }
      .war.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/zh_CN/buylarge.png?1525390452000'); }
      .war.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/th_TH/buylarge.png?1525390452000'); }
      .war.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/ru_RU/buylarge.png?1525390452000'); }
      .war.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/pt_BR/buylarge.png?1525390452000'); }
      .war.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/de_DE/buylarge.png?1525390452000'); }
      .war.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/es_ES/buylarge.png?1525390452000'); }
      .war.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .war.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/fr_FR/buylarge.png?1525390452000'); }
      .incursion.en_US body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.en_US body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/buylarge.png?1525390452000'); }
      .incursion.zh_TW body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_TW body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/zh_TW/buylarge.png?1525390452000'); }
      .incursion.zh_CN body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.zh_CN body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/zh_CN/buylarge.png?1525390452000'); }
      .incursion.th_TH body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.th_TH body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/th_TH/buylarge.png?1525390452000'); }
      .incursion.ru_RU body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.ru_RU body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/ru_RU/buylarge.png?1525390452000'); }
      .incursion.pt_BR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.pt_BR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/pt_BR/buylarge.png?1525390452000'); }
      .incursion.de_DE body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.de_DE body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/de_DE/buylarge.png?1525390452000'); }
      .incursion.es_ES body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.es_ES body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/es_ES/buylarge.png?1525390452000'); }
      .incursion.fr_FR body.wide-resize header .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize footer .inner .content .content-interactive #supporter-purchase .shopBuyButton, .incursion.fr_FR body.wide-resize section .inner .content .content-interactive #supporter-purchase .shopBuyButton {
        background-image: url('/image/war/fr_FR/buylarge.png?1525390452000'); } }
  @media (max-width: 800px) {
    body.wide-resize .classes-class {
      max-height: inherit; }
      body.wide-resize .classes-class .class {
        float: none;
        width: 90%;
        margin-left: auto;
        margin-right: auto; }
      body.wide-resize .classes-class .content {
        margin-top: 8%; }
    body.wide-resize header .mini-countdown, body.wide-resize footer .mini-countdown, body.wide-resize section .mini-countdown {
      bottom: 38px; }
    body.wide-resize header .watch-trailer, body.wide-resize footer .watch-trailer, body.wide-resize section .watch-trailer {
      bottom: -10px; }
      body.wide-resize header .watch-trailer .watch-trailer-banner, body.wide-resize footer .watch-trailer .watch-trailer-banner, body.wide-resize section .watch-trailer .watch-trailer-banner {
        height: 60px; }
      .oriath body.wide-resize header .watch-trailer, .oriath body.wide-resize footer .watch-trailer, .oriath body.wide-resize section .watch-trailer {
        bottom: 0px; }
    .atlas body.wide-resize header.skillsitems .content-interactive, .atlas body.wide-resize header.theatlas .content-interactive, .atlas body.wide-resize header.supporterpacks .content-interactive, .atlas body.wide-resize footer.skillsitems .content-interactive, .atlas body.wide-resize footer.theatlas .content-interactive, .atlas body.wide-resize footer.supporterpacks .content-interactive, .atlas body.wide-resize section.skillsitems .content-interactive, .atlas body.wide-resize section.theatlas .content-interactive, .atlas body.wide-resize section.supporterpacks .content-interactive {
      margin-top: -16px; } }
  @media (max-width: 590px) {
    body.wide-resize > header .mini-countdown, body.wide-resize > section .mini-countdown, body.wide-resize > footer .mini-countdown {
      bottom: 50px; }
      .war body.wide-resize > header .mini-countdown, .war body.wide-resize > section .mini-countdown, .war body.wide-resize > footer .mini-countdown {
        bottom: auto; }
    body.wide-resize > header.class-intro .class-details, body.wide-resize > section.class-intro .class-details, body.wide-resize > footer.class-intro .class-details {
      min-width: 360px; }
    body.wide-resize header.wide-resize-right.part-two .inner, body.wide-resize footer.wide-resize-right.part-two .inner, body.wide-resize section.wide-resize-right.part-two .inner {
      padding-left: 20%;
      width: 80%; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      margin-top: 0px;
      margin-left: -35%;
      margin-right: -40px;
      width: 460px; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .ascendancy-items .items, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .ascendancy-items .items, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .ascendancy-items .items {
        margin: -5px; }
    .oriath body.wide-resize header .inner header, .oriath body.wide-resize footer .inner header, .oriath body.wide-resize section .inner header {
      font-size: 18px;
      width: 91%; }
    .oriath body.wide-resize header .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize footer .inner .content .screenshot-lbox .screenshots, .oriath body.wide-resize section .inner .content .screenshot-lbox .screenshots {
      padding-top: 4px; }
    body.wide-resize header.classes-class .class, body.wide-resize footer.classes-class .class, body.wide-resize section.classes-class .class {
      width: 100%; }
    body.wide-resize header.items .inner .content p, body.wide-resize footer.items .inner .content p, body.wide-resize section.items .inner .content p {
      margin-top: -18px; }
    body.wide-resize header.items .inner .content .ascendancy-items, body.wide-resize footer.items .inner .content .ascendancy-items, body.wide-resize section.items .inner .content .ascendancy-items {
      margin-top: -35px; }
    body.wide-resize header.trials-intro .inner .content p, body.wide-resize header.labyrinth-changing .inner .content p, body.wide-resize footer.trials-intro .inner .content p, body.wide-resize footer.labyrinth-changing .inner .content p, body.wide-resize section.trials-intro .inner .content p, body.wide-resize section.labyrinth-changing .inner .content p {
      padding: 10px; }
    body.wide-resize header.enchantments-cruel .content-interactive, body.wide-resize header.enchantments-normal .content-interactive, body.wide-resize header.enchantments-merciless .content-interactive, body.wide-resize footer.enchantments-cruel .content-interactive, body.wide-resize footer.enchantments-normal .content-interactive, body.wide-resize footer.enchantments-merciless .content-interactive, body.wide-resize section.enchantments-cruel .content-interactive, body.wide-resize section.enchantments-normal .content-interactive, body.wide-resize section.enchantments-merciless .content-interactive {
      margin-top: -10px; }
    body.wide-resize header.wide-resize-right .screenshots, body.wide-resize footer.wide-resize-right .screenshots, body.wide-resize section.wide-resize-right .screenshots {
      right: 0; }
    body.wide-resize header.wide-resize-right .supporter-videos, body.wide-resize footer.wide-resize-right .supporter-videos, body.wide-resize section.wide-resize-right .supporter-videos {
      position: absolute;
      right: 0; }
    .atlas body.wide-resize header.wide-resize-right .ascendancy-items, .atlas body.wide-resize footer.wide-resize-right .ascendancy-items, .atlas body.wide-resize section.wide-resize-right .ascendancy-items {
      right: 0; }
    .bestiary body.wide-resize header.wide-resize-right .content-interactive .screenshot-lbox, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .screenshot-lbox, .bestiary body.wide-resize section.wide-resize-right .content-interactive .screenshot-lbox {
      margin-right: 0px; }
    body.wide-resize header .inner header .header-icon, body.wide-resize footer .inner header .header-icon, body.wide-resize section .inner header .header-icon {
      margin-top: 0; }
      .oriath body.wide-resize header .inner header .header-icon, .oriath body.wide-resize footer .inner header .header-icon, .oriath body.wide-resize section .inner header .header-icon {
        width: 24px;
        height: 24px; }
    body.wide-resize header .logo {
      height: 160px;
      width: 188.5px;
      margin-bottom: -150px;
      padding: 5px 0 10px; }
      .oriath body.wide-resize header .logo {
        height: 125.5px;
        width: 150px;
        margin-bottom: -140px; }
      .war body.wide-resize header .logo {
        margin-bottom: 60px; }
      .bestiary body.wide-resize header .logo {
        margin-bottom: -30px; }
      .incursion body.wide-resize header .logo {
        margin-bottom: -30px; }
    body.wide-resize .skills-earthquake .content-interactive .skill {
      margin-top: -30px; } }
  @media (max-width: 470px) {
    .incursion body.wide-resize header.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize footer.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize section.panel6 .ascendancy-items .gem-item-group .rapier {
      position: absolute;
      bottom: 0;
      left: -13%; } }
  @media (max-width: 400px) {
    .atlas body.wide-resize header header, .atlas body.wide-resize footer header, .atlas body.wide-resize section header {
      font-size: 18px; }
    body.wide-resize header .content-interactive .show-collapse, body.wide-resize footer .content-interactive .show-collapse, body.wide-resize section .content-interactive .show-collapse {
      display: inline-block; }
    body.wide-resize header .content-interactive .hide-collapse, body.wide-resize footer .content-interactive .hide-collapse, body.wide-resize section .content-interactive .hide-collapse {
      display: none; }
    body.wide-resize header .mini-countdown, body.wide-resize footer .mini-countdown, body.wide-resize section .mini-countdown {
      bottom: 44px; }
    body.wide-resize header.classes-class .inner .content, body.wide-resize footer.classes-class .inner .content, body.wide-resize section.classes-class .inner .content {
      width: 90%;
      margin-left: auto;
      margin-right: auto; }
    body.wide-resize header.classes-class.classes-Shadow .inner .content .class-1 .banner-logo, body.wide-resize header.classes-class.classes-Ranger .inner .content .class-1 .banner-logo, body.wide-resize footer.classes-class.classes-Shadow .inner .content .class-1 .banner-logo, body.wide-resize footer.classes-class.classes-Ranger .inner .content .class-1 .banner-logo, body.wide-resize section.classes-class.classes-Shadow .inner .content .class-1 .banner-logo, body.wide-resize section.classes-class.classes-Ranger .inner .content .class-1 .banner-logo {
      text-align: left;
      left: 1%; }
      body.wide-resize header.classes-class.classes-Shadow .inner .content .class-1 .banner-logo p, body.wide-resize header.classes-class.classes-Ranger .inner .content .class-1 .banner-logo p, body.wide-resize footer.classes-class.classes-Shadow .inner .content .class-1 .banner-logo p, body.wide-resize footer.classes-class.classes-Ranger .inner .content .class-1 .banner-logo p, body.wide-resize section.classes-class.classes-Shadow .inner .content .class-1 .banner-logo p, body.wide-resize section.classes-class.classes-Ranger .inner .content .class-1 .banner-logo p {
        display: inline-block;
        margin: 0px 1% -2px 2%; }
      body.wide-resize header.classes-class.classes-Shadow .inner .content .class-1 .banner-logo img, body.wide-resize header.classes-class.classes-Ranger .inner .content .class-1 .banner-logo img, body.wide-resize footer.classes-class.classes-Shadow .inner .content .class-1 .banner-logo img, body.wide-resize footer.classes-class.classes-Ranger .inner .content .class-1 .banner-logo img, body.wide-resize section.classes-class.classes-Shadow .inner .content .class-1 .banner-logo img, body.wide-resize section.classes-class.classes-Ranger .inner .content .class-1 .banner-logo img {
        padding-top: 0;
        min-height: 46px;
        height: 50%; }
    body.wide-resize header.supporterpacks, body.wide-resize footer.supporterpacks, body.wide-resize section.supporterpacks {
      margin-left: 0px; }
    .war body.wide-resize header.shaperelderitems .inner .content .content-interactive, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive {
      width: 345px;
      margin-left: -10%; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive .ascendancy-items, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive .ascendancy-items {
        margin: 0; }
      .war body.wide-resize header.shaperelderitems .inner .content .content-interactive.move-collapse, .war body.wide-resize footer.shaperelderitems .inner .content .content-interactive.move-collapse, .war body.wide-resize section.shaperelderitems .inner .content .content-interactive.move-collapse {
        margin-left: 20px; }
    .war body.wide-resize header.shaperelderitems .item-group, .war body.wide-resize footer.shaperelderitems .item-group, .war body.wide-resize section.shaperelderitems .item-group {
      padding-left: 80px; }
    .war body.wide-resize header.war .yt-popout, .war body.wide-resize footer.war .yt-popout, .war body.wide-resize section.war .yt-popout {
      right: auto;
      left: 5%;
      margin-top: 250px;
      z-index: 3;
      top: 49%; }
    .war body.wide-resize header .inner .content .content-interactive.move-collapse, .war body.wide-resize footer .inner .content .content-interactive.move-collapse, .war body.wide-resize section .inner .content .content-interactive.move-collapse {
      z-index: 3;
      margin-top: 200px;
      width: 300px; }
      .war body.wide-resize header .inner .content .content-interactive.move-collapse .screenshot-lbox, .war body.wide-resize footer .inner .content .content-interactive.move-collapse .screenshot-lbox, .war body.wide-resize section .inner .content .content-interactive.move-collapse .screenshot-lbox {
        margin-left: -20px; }
    .bestiary body.wide-resize header .content-interactive, .incursion body.wide-resize header .content-interactive, .bestiary body.wide-resize footer .content-interactive, .incursion body.wide-resize footer .content-interactive, .bestiary body.wide-resize section .content-interactive, .incursion body.wide-resize section .content-interactive {
      margin-left: 0px; }
    .bestiary body.wide-resize header.wide-resize-right .inner .content .screenshot-lbox .screenshots, .incursion body.wide-resize header.wide-resize-right .inner .content .screenshot-lbox .screenshots, .bestiary body.wide-resize footer.wide-resize-right .inner .content .screenshot-lbox .screenshots, .incursion body.wide-resize footer.wide-resize-right .inner .content .screenshot-lbox .screenshots, .bestiary body.wide-resize section.wide-resize-right .inner .content .screenshot-lbox .screenshots, .incursion body.wide-resize section.wide-resize-right .inner .content .screenshot-lbox .screenshots {
      margin-right: -40px; }
    .bestiary body.wide-resize header.wide-resize-right, .incursion body.wide-resize header.wide-resize-right, .bestiary body.wide-resize footer.wide-resize-right, .incursion body.wide-resize footer.wide-resize-right, .bestiary body.wide-resize section.wide-resize-right, .incursion body.wide-resize section.wide-resize-right {
      text-align: right; }
      .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items {
        float: left;
        left: 0;
        margin-left: 0px; }
        .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group {
          display: block;
          float: left; }
          .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group .item {
            margin: -6px; }
          .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.item-large {
            position: relative;
            margin-left: 0px;
            margin-top: 0px; }
          .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies {
            margin-left: 0px; }
            .bestiary body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .incursion body.wide-resize header.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .bestiary body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .incursion body.wide-resize footer.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .bestiary body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item, .incursion body.wide-resize section.wide-resize-right .content-interactive .ascendancy-items .gem-item-group.prophecies .item {
              margin: -3px; }
    .fr_FR .incursion body.wide-resize header.panel10 .inner .content p, .fr_FR .incursion body.wide-resize footer.panel10 .inner .content p, .fr_FR .incursion body.wide-resize section.panel10 .inner .content p {
      width: 110%;
      margin-left: -26px; }
    .incursion body.wide-resize header.panel10 .inner .content-interactive, .incursion body.wide-resize footer.panel10 .inner .content-interactive, .incursion body.wide-resize section.panel10 .inner .content-interactive {
      margin-top: 0; }
      .de_DE .incursion body.wide-resize header.panel10 .inner .content-interactive, .es_ES .incursion body.wide-resize header.panel10 .inner .content-interactive, .fr_FR .incursion body.wide-resize header.panel10 .inner .content-interactive, .de_DE .incursion body.wide-resize footer.panel10 .inner .content-interactive, .es_ES .incursion body.wide-resize footer.panel10 .inner .content-interactive, .fr_FR .incursion body.wide-resize footer.panel10 .inner .content-interactive, .de_DE .incursion body.wide-resize section.panel10 .inner .content-interactive, .es_ES .incursion body.wide-resize section.panel10 .inner .content-interactive, .fr_FR .incursion body.wide-resize section.panel10 .inner .content-interactive {
        margin-top: -25px; }
    .incursion body.wide-resize header.panel6 .ascendancy-items, .incursion body.wide-resize footer.panel6 .ascendancy-items, .incursion body.wide-resize section.panel6 .ascendancy-items {
      margin-top: -25px; }
      .incursion body.wide-resize header.panel6 .ascendancy-items .gem-item-group, .incursion body.wide-resize footer.panel6 .ascendancy-items .gem-item-group, .incursion body.wide-resize section.panel6 .ascendancy-items .gem-item-group {
        float: left;
        margin-left: 25px; }
        .incursion body.wide-resize header.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize footer.panel6 .ascendancy-items .gem-item-group .rapier, .incursion body.wide-resize section.panel6 .ascendancy-items .gem-item-group .rapier {
          position: absolute;
          bottom: 0;
          left: -6%; }
    .incursion.fr_FR body.wide-resize header.panel10 .inner .content p, .incursion.es_ES body.wide-resize header.panel10 .inner .content p, .incursion.de_DE body.wide-resize header.panel10 .inner .content p, .incursion.fr_FR body.wide-resize footer.panel10 .inner .content p, .incursion.es_ES body.wide-resize footer.panel10 .inner .content p, .incursion.de_DE body.wide-resize footer.panel10 .inner .content p, .incursion.fr_FR body.wide-resize section.panel10 .inner .content p, .incursion.es_ES body.wide-resize section.panel10 .inner .content p, .incursion.de_DE body.wide-resize section.panel10 .inner .content p {
      width: 110%;
      margin-left: -26px;
      padding-top: 2px; }
    .incursion.fr_FR body.wide-resize header.panel10 .inner .content-interactive, .incursion.es_ES body.wide-resize header.panel10 .inner .content-interactive, .incursion.de_DE body.wide-resize header.panel10 .inner .content-interactive, .incursion.fr_FR body.wide-resize footer.panel10 .inner .content-interactive, .incursion.es_ES body.wide-resize footer.panel10 .inner .content-interactive, .incursion.de_DE body.wide-resize footer.panel10 .inner .content-interactive, .incursion.fr_FR body.wide-resize section.panel10 .inner .content-interactive, .incursion.es_ES body.wide-resize section.panel10 .inner .content-interactive, .incursion.de_DE body.wide-resize section.panel10 .inner .content-interactive {
      margin-top: -15px; } }

.buyButton1, .shopBuyItemModal .buyButton, shopBuyPackageModal .buyButton {
  background: url('/image/shop/item/BuyButton.png?1525390447000');
  width: 74px;
  height: 37px; }
  .en_US .buyButton1, .en_US .shopBuyItemModal .buyButton, .shopBuyItemModal .en_US .buyButton, .en_US shopBuyPackageModal .buyButton, shopBuyPackageModal .en_US .buyButton {
    background-image: url('/image/shop/item/BuyButton.png?1525390447000'); }
  .zh_TW .buyButton1, .zh_TW .shopBuyItemModal .buyButton, .shopBuyItemModal .zh_TW .buyButton, .zh_TW shopBuyPackageModal .buyButton, shopBuyPackageModal .zh_TW .buyButton {
    background-image: url('/image/shop/item/zh_TW/BuyButton.png?1525390447000'); }
  .zh_CN .buyButton1, .zh_CN .shopBuyItemModal .buyButton, .shopBuyItemModal .zh_CN .buyButton, .zh_CN shopBuyPackageModal .buyButton, shopBuyPackageModal .zh_CN .buyButton {
    background-image: url('/image/shop/item/zh_CN/BuyButton.png?1525390447000'); }
  .th_TH .buyButton1, .th_TH .shopBuyItemModal .buyButton, .shopBuyItemModal .th_TH .buyButton, .th_TH shopBuyPackageModal .buyButton, shopBuyPackageModal .th_TH .buyButton {
    background-image: url('/image/shop/item/th_TH/BuyButton.png?1525390447000'); }
  .ru_RU .buyButton1, .ru_RU .shopBuyItemModal .buyButton, .shopBuyItemModal .ru_RU .buyButton, .ru_RU shopBuyPackageModal .buyButton, shopBuyPackageModal .ru_RU .buyButton {
    background-image: url('/image/shop/item/ru_RU/BuyButton.png?1525390447000'); }
  .pt_BR .buyButton1, .pt_BR .shopBuyItemModal .buyButton, .shopBuyItemModal .pt_BR .buyButton, .pt_BR shopBuyPackageModal .buyButton, shopBuyPackageModal .pt_BR .buyButton {
    background-image: url('/image/shop/item/pt_BR/BuyButton.png?1525390447000'); }
  .de_DE .buyButton1, .de_DE .shopBuyItemModal .buyButton, .shopBuyItemModal .de_DE .buyButton, .de_DE shopBuyPackageModal .buyButton, shopBuyPackageModal .de_DE .buyButton {
    background-image: url('/image/shop/item/de_DE/BuyButton.png?1525390447000'); }
  .es_ES .buyButton1, .es_ES .shopBuyItemModal .buyButton, .shopBuyItemModal .es_ES .buyButton, .es_ES shopBuyPackageModal .buyButton, shopBuyPackageModal .es_ES .buyButton {
    background-image: url('/image/shop/item/es_ES/BuyButton.png?1525390447000'); }
  .fr_FR .buyButton1, .fr_FR .shopBuyItemModal .buyButton, .shopBuyItemModal .fr_FR .buyButton, .fr_FR shopBuyPackageModal .buyButton, shopBuyPackageModal .fr_FR .buyButton {
    background-image: url('/image/shop/item/fr_FR/BuyButton.png?1525390447000'); }
  .buyButton1:hover, .shopBuyItemModal .buyButton:hover, shopBuyPackageModal .buyButton:hover {
    background: url('/image/shop/item/BuyButtonHover.png?1525390447000'); }
    .en_US .buyButton1:hover, .en_US .shopBuyItemModal .buyButton:hover, .shopBuyItemModal .en_US .buyButton:hover, .en_US shopBuyPackageModal .buyButton:hover, shopBuyPackageModal .en_US .buyButton:hover {
      background-image: url('/image/shop/item/BuyButtonHover.png?1525390447000'); }
    .zh_TW .buyButton1:hover, .zh_TW .shopBuyItemModal .buyButton:hover, .shopBuyItemModal .zh_TW .buyButton:hover, .zh_TW shopBuyPackageModal .buyButton:hover, shopBuyPackageModal .zh_TW .buyButton:hover {
      background-image: url('/image/shop/item/zh_TW/BuyButtonHover.png?1525390447000'); }
    .zh_CN .buyButton1:hover, .zh_CN .shopBuyItemModal .buyButton:hover, .shopBuyItemModal .zh_CN .buyButton:hover, .zh_CN shopBuyPackageModal .buyButton:hover, shopBuyPackageModal .zh_CN .buyButton:hover {
      background-image: url('/image/shop/item/zh_CN/BuyButtonHover.png?1525390447000'); }
    .th_TH .buyButton1:hover, .th_TH .shopBuyItemModal .buyButton:hover, .shopBuyItemModal .th_TH .buyButton:hover, .th_TH shopBuyPackageModal .buyButton:hover, shopBuyPackageModal .th_TH .buyButton:hover {
      background-image: url('/image/shop/item/th_TH/BuyButtonHover.png?1525390447000'); }
    .ru_RU .buyButton1:hover, .ru_RU .shopBuyItemModal .buyButton:hover, .shopBuyItemModal .ru_RU .buyButton:hover, .ru_RU shopBuyPackageModal .buyButton:hover, shopBuyPackageModal .ru_RU .buyButton:hover {
      background-image: url('/image/shop/item/ru_RU/BuyButtonHover.png?1525390447000'); }
    .pt_BR .buyButton1:hover, .pt_BR .shopBuyItemModal .buyButton:hover, .shopBuyItemModal .pt_BR .buyButton:hover, .pt_BR shopBuyPackageModal .buyButton:hover, shopBuyPackageModal .pt_BR .buyButton:hover {
      background-image: url('/image/shop/item/pt_BR/BuyButtonHover.png?1525390447000'); }
    .de_DE .buyButton1:hover, .de_DE .shopBuyItemModal .buyButton:hover, .shopBuyItemModal .de_DE .buyButton:hover, .de_DE shopBuyPackageModal .buyButton:hover, shopBuyPackageModal .de_DE .buyButton:hover {
      background-image: url('/image/shop/item/de_DE/BuyButtonHover.png?1525390447000'); }
    .es_ES .buyButton1:hover, .es_ES .shopBuyItemModal .buyButton:hover, .shopBuyItemModal .es_ES .buyButton:hover, .es_ES shopBuyPackageModal .buyButton:hover, shopBuyPackageModal .es_ES .buyButton:hover {
      background-image: url('/image/shop/item/es_ES/BuyButtonHover.png?1525390447000'); }
    .fr_FR .buyButton1:hover, .fr_FR .shopBuyItemModal .buyButton:hover, .shopBuyItemModal .fr_FR .buyButton:hover, .fr_FR shopBuyPackageModal .buyButton:hover, shopBuyPackageModal .fr_FR .buyButton:hover {
      background-image: url('/image/shop/item/fr_FR/BuyButtonHover.png?1525390447000'); }

.ru_RU .shopIndex .category h2 {
  font-size: 22px; }

.shop_item {
  float: left;
  padding: 5px;
  background-color: #2B2B23;
  width: 166px;
  text-align: center;
  margin: 0px 5px 5px 0px;
  border: 1px solid;
  border-color: #000 #333 #333 #000;
  min-height: 110px; }

h3.purchased {
  margin-top: 10px; }

.item_cost {
  color: #CFC6A0; }

.shop_item_bought {
  background-color: #2d412c; }

.shopPurchase .r16Label.active {
  float: right;
  margin-top: -70px;
  height: 90px;
  padding: 5px 15px; }
  .shopPurchase .r16Label.active img {
    height: 100%; }

.shopPurchase, .shopPurchaseComplete {
  background: url("../../image/shop/guilloche.gif?v=1") no-repeat scroll right bottom transparent;
  height: auto !important;
  min-height: 506px;
  height: 506px; }

.layoutBoxFull.boaCompra {
  width: 1045px; }

.loading.boaCompra {
  padding-top: 20px; }

.shopPurchase .shopItem {
  font-size: 150%; }

.shopItemBase {
  position: relative; }
  .shopItemBase .original-price {
    text-decoration: line-through;
    position: absolute;
    right: 90px;
    top: 20px;
    margin-right: 75px; }

.shopItemBase .disablingLoadingContainer {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  background: url('/image/game_ui/hover_background.png?1525390445000') repeat 0 0 transparent;
  background: rgba(0, 0, 0, 0.8);
  border: 1px solid #1F1F1F;
  box-shadow: 0 0 5px #473F31 inset;
  -moz-box-shadow: 0 0 5px #473F31 inset;
  -webkit-box-shadow: 0 0 5px #473F31 inset; }

.shopItemBase .disablingLoadingContainer .loadingText {
  padding: 5px;
  color: #BBBE9D;
  position: absolute;
  top: 0;
  left: 0; }

.shopPurchase .shopExistingOptionContainer .label, .shopPurchase .shopOption {
  color: #DFCF99; }

.shopPurchase .optionTitle, .shopFormHeading {
  color: #CAE9FE;
  font-size: 170%;
  padding: 5px; }

.airpay {
  padding: 4px;
  margin: 5px 0px; }
  .airpay a {
    font-size: 14px;
    font-weight: bold; }

.shopFormContainer {
  height: auto !important;
  margin: 20px 10px 20px 10px;
  min-height: 355px;
  height: 355px;
  width: 435px;
  float: right; }

.shopFormContainer {
  float: left; }

.shopPurchase .useCreditCardOptionBox, .shopPurchase .boaCompraOptionBox {
  float: left; }
  .shopPurchase .useCreditCardOptionBox.loading, .shopPurchase .boaCompraOptionBox.loading {
    height: auto;
    min-height: 50px; }
    .shopPurchase .useCreditCardOptionBox.loading .shopForm, .shopPurchase .boaCompraOptionBox.loading .shopForm {
      visibility: hidden; }

.shopPurchase .useCreditCardOptionBox .optionContent {
  position: relative; }

.shopPurchase .useCreditCardOptionBox .cvvRow img {
  float: right; }

.shopPurchase .useCreditCardOptionBox .cvvRow .hint {
  font-size: 75%;
  color: #aaa;
  margin-top: 5px;
  display: inline-block; }

.shopPurchase .useCreditCardOptionBox .creditCardJSRequired div {
  background: none repeat scroll 0 0 #000000;
  font-size: 120%;
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
  right: 0;
  text-align: center;
  z-index: 200;
  padding: 20px 10px; }

.shopPurchase .useExistingOptionBoxHasCards {
  float: left;
  margin-left: 0px; }

.shopPurchase .useCreditCardOptionBoxHasCards {
  float: right;
  margin-left: 0px; }

.shopPurchase .useCreditCardOptionBox .optionContent, .shopFormContainer .content {
  border: 1px solid #172025;
  box-shadow: 0 0 12px #172025 inset; }

.shopPurchase .optionBox .optionContent {
  height: auto !important;
  padding: 5px; }

.shopFormContainer .content {
  height: auto !important;
  padding: 5px; }

.shopPurchase .shopExistingOptionContainer {
  border: 1px solid #1B2326;
  box-shadow: 0 0 5px #1B2326 inset;
  margin-bottom: 10px;
  position: relative;
  background: #121619;
  float: left; }
  .shopPurchase .shopExistingOptionContainer .header {
    color: #FEFEFE;
    font-size: 149%;
    min-height: 64px;
    padding: 4px 0 0 4px; }
  .shopPurchase .shopExistingOptionContainer.loading {
    height: auto;
    min-height: 50px;
    background-image: url('/image/loading.gif?1525390452000');
    background-repeat: no-repeat;
    background-position: center; }
    .shopPurchase .shopExistingOptionContainer.loading .shopFormExistingCard {
      visibility: hidden; }
  .shopPurchase .shopExistingOptionContainer .error, .shopPurchase .shopExistingOptionContainer form.t1 .element li, form.t1 .element .shopPurchase .shopExistingOptionContainer li, .shopPurchase .shopExistingOptionContainer .formT1 .element li, .formT1 .element .shopPurchase .shopExistingOptionContainer li {
    padding: 5px 10px; }
    .shopPurchase .shopExistingOptionContainer .error.payment-errors, .shopPurchase .shopExistingOptionContainer form.t1 .element li.payment-errors, form.t1 .element .shopPurchase .shopExistingOptionContainer li.payment-errors, .shopPurchase .shopExistingOptionContainer .formT1 .element li.payment-errors, .formT1 .element .shopPurchase .shopExistingOptionContainer li.payment-errors {
      border: 1px solid #1B2326;
      box-shadow: 0 0 5px #1B2326 inset;
      background: #121619;
      display: none; }
  .shopPurchase .shopExistingOptionContainer .buttonContainer {
    width: 100%;
    text-align: center; }
  .shopPurchase .shopExistingOptionContainer.threex {
    width: 273px;
    height: 131px;
    margin-left: 24px;
    margin-top: 10px; }
  .shopPurchase .shopExistingOptionContainer.twox {
    width: 365px;
    height: 178px;
    margin-left: 61.66667px;
    margin-top: 10px; }
  .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer {
    background: url('/image/shop/purchase/XsollaBG.jpg?1525390451000') no-repeat scroll left top #1D2225; }
    .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer .header .status {
      display: none; }
    .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.cc {
      background: url('/image/shop/purchase/XsollaBG.jpg?1525390451000') no-repeat scroll left top #1D2225; }
    .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.qiwi {
      background: url('/image/shop/purchase/XsollaQiwiBG.jpg?1525390451000') no-repeat scroll left top #1D2225; }
    .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.paypal {
      background: url('/image/shop/purchase/PayPalBG.jpg?1525390451000') no-repeat scroll left top #1D2225; }
    .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.paysafe {
      background: url('/image/shop/purchase/PaysafeBG.jpg?1525390451000') no-repeat scroll left top #1D2225; }
    .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
      background: url('/image/shop/purchase/Xsolla2BG.jpg?1525390451000') no-repeat scroll left top #1D2225; }
      .en_US .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
        background-image: url('/image/shop/purchase/Xsolla2BG.jpg?1525390451000'); }
      .zh_TW .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
        background-image: url('/image/shop/purchase/zh_TW/Xsolla2BG.jpg'); }
      .zh_CN .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
        background-image: url('/image/shop/purchase/zh_CN/Xsolla2BG.jpg'); }
      .th_TH .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
        background-image: url('/image/shop/purchase/th_TH/Xsolla2BG.jpg?1525390451000'); }
      .ru_RU .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
        background-image: url('/image/shop/purchase/ru_RU/Xsolla2BG.jpg?1525390451000'); }
      .pt_BR .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
        background-image: url('/image/shop/purchase/pt_BR/Xsolla2BG.jpg?1525390451000'); }
      .de_DE .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
        background-image: url('/image/shop/purchase/de_DE/Xsolla2BG.jpg?1525390451000'); }
      .es_ES .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
        background-image: url('/image/shop/purchase/es_ES/Xsolla2BG.jpg?1525390451000'); }
      .fr_FR .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.xsolla {
        background-image: url('/image/shop/purchase/fr_FR/Xsolla2BG.jpg?1525390451000'); }
    .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.loading .header input {
      display: none; }
    .shopPurchase .shopExistingOptionContainer.shopXsollaOptionContainer.loading .header .status {
      display: block;
      background: transparent url('/image/loading.gif?1525390452000') no-repeat 50% 0;
      float: right;
      width: 50px;
      height: 40px;
      margin-top: 12px; }
  .shopPurchase .shopExistingOptionContainer.shopKarmaKoinOptionContainer {
    background: url('/image/shop/purchase/KarmaKoinBG.jpg?1525390451000') no-repeat scroll left top #1D2225; }
    .shopPurchase .shopExistingOptionContainer.shopKarmaKoinOptionContainer #karma-koin-form .loading {
      position: absolute; }
    .shopPurchase .shopExistingOptionContainer.shopKarmaKoinOptionContainer #karma-koin-form label {
      width: 90px;
      margin-top: 18px; }
    .shopPurchase .shopExistingOptionContainer.shopKarmaKoinOptionContainer #karma-koin-form input[name=karmakoin_pin] {
      margin-top: 18px; }
    .shopPurchase .shopExistingOptionContainer.shopKarmaKoinOptionContainer #karma-koin-form .modalError {
      position: absolute;
      bottom: 0; }
    .shopPurchase .shopExistingOptionContainer.shopKarmaKoinOptionContainer .buttonContainer {
      bottom: 0; }
  .shopPurchase .shopExistingOptionContainer.shopBoaCompraOptionContainer {
    background: url('/image/shop/purchase/BoaCompraBG.jpg?1525390451000') no-repeat scroll left top #1D2225; }
  .shopPurchase .shopExistingOptionContainer.shopBoaCompraCreditCardOptionContainer {
    background: url('/image/shop/purchase/VisaBG.jpg?1525390451000') no-repeat scroll left top #1D2225; }
  .shopPurchase .shopExistingOptionContainer.shopBoaCompraBoletoOptionContainer {
    background: url('/image/shop/purchase/BoletoBG.jpg?1525390451000') no-repeat scroll left top #1D2225; }
  .shopPurchase .shopExistingOptionContainer.shopBoaCompraTransferOptionContainer {
    background: url('/image/shop/purchase/ItauBG.jpg?1525390451000') no-repeat scroll left top #1D2225; }
  .shopPurchase .shopExistingOptionContainer.shopBoaCompraPagseguroOptionContainer {
    background: url('/image/shop/purchase/PagseguroBG.jpg?1525390451000') no-repeat scroll left top #1D2225; }
  .shopPurchase .shopExistingOptionContainer.shopBoaCompraGoldOptionContainer {
    background: url('/image/shop/purchase/BoaGoldBG.jpg?1525390451000') no-repeat scroll left top #1D2225; }
  .shopPurchase .shopExistingOptionContainer.shopPaysafeCardOptionContainer {
    background: url('/image/shop/purchase/PaysafeBG.jpg?1525390451000') no-repeat scroll left top #1D2225; }
    .shopPurchase .shopExistingOptionContainer.shopPaysafeCardOptionContainer .payment-errors {
      display: block;
      background: none;
      border: 0px none; }
  .shopPurchase .shopExistingOptionContainer.supportContact {
    height: auto;
    padding: 7px 0; }
  .shopPurchase .shopExistingOptionContainer .r16Label {
    width: auto; }

.shopPurchase .shopExistingOptionContainer .header .shopBuyButton, .shopPurchase .shopExistingOptionContainer .header .shopSubmitBuyButton {
  position: absolute;
  top: -1px;
  right: -1px; }

.shopPurchase .shopExistingOptionContainer .details {
  color: #4F7083;
  padding: 3px 3px 3px 7px;
  min-height: 35px; }
  .shopPurchase .shopExistingOptionContainer .details.error, .shopPurchase .shopExistingOptionContainer form.t1 .element li.details, form.t1 .element .shopPurchase .shopExistingOptionContainer li.details, .shopPurchase .shopExistingOptionContainer .formT1 .element li.details, .formT1 .element .shopPurchase .shopExistingOptionContainer li.details {
    color: red; }

.shopPurchase .shopExistingOptionContainer a {
  color: #7FA0A3; }

.shopPurchase .shopExistingOptionContainer a:hover {
  color: #fff; }

.shopPurchase .supportContact {
  text-align: center; }

.shopPurchase .shopExistingOptionContainer .remove {
  padding: 0px 0px 6px 6px; }

.shopPurchase .shopOption {
  margin-right: 5px;
  text-decoration: underline;
  font-style: italic; }

.shopForm .payment-errors {
  font-weight: bold; }

.shopForm .formRow {
  clear: both;
  padding: 3px; }

.shopForm .formSubmitRow {
  padding: 0px;
  margin-top: 24px; }

.shopForm .errors {
  margin-left: 162px;
  margin-bottom: 8px; }

.shopForm .formAddressCountryRow {
  margin-bottom: 26px; }

.shopForm input, .shopForm select {
  background: none repeat scroll 0 0 #B0CFE3;
  border: 1px solid #B0CFE3;
  border-radius: 2px 2px 2px 2px;
  color: #000000; }
  .shopForm input:disabled, .shopForm select:disabled {
    background: #eee;
    color: #ccc; }

.shopForm select {
  width: 170px; }

.shopForm label {
  color: #4F7083;
  display: block;
  float: left;
  margin-left: 2px;
  padding-right: 8px;
  width: 150px;
  margin-bottom: 5px; }

.shopForm .lastRow {
  clear: left;
  position: relative;
  min-height: 39px;
  margin-top: 10px; }

.shopForm .lastRow .shopSubmitBuyButton {
  position: absolute;
  bottom: -1px;
  right: -1px; }

.shopForm .secLastRow {
  margin-bottom: 20px; }

.shopForm .lastRow input, .shopForm .shopSubmitBuyButton, .shopForm .shopSubmitNextButton {
  border: none; }

.shopForm .formSubmitRow .alignRight {
  float: right; }

.shopForm .lastRow label {
  float: none;
  padding: 2px 0 0 5px; }

.shopForm .lastRow .saveForLater {
  float: left;
  margin: 5px 10px 0px 7px; }

.shopForm .loading, .shopPurchase .shopFormExistingCard .loading {
  background: url("../../image/loading_small.gif") no-repeat scroll 0 center transparent;
  height: auto;
  padding: 0 0 0 25px;
  display: none; }

.shopForm #international_shipping {
  display: none; }

.shopPurchase .shopFormExistingCard .loading {
  padding: 5px 5px 5px 25px;
  margin-left: 5px; }

.shopForm .loading {
  margin-bottom: 10px; }

.shopForm .loadingVisible, .shopPurchase .shopFormExistingCard .submitRow .loadingVisible {
  display: block; }

.paymentPackagesList {
  position: relative;
  padding: 0px; }
  .paymentPackagesList .pointPacks {
    height: 210px;
    width: 920px;
    background: transparent url('/image/shop/point_packs.jpg?1525390451000') no-repeat 0 0;
    padding-top: 50px; }
    .paymentPackagesList .pointPacks .package {
      width: 900px;
      height: 59px;
      margin: 0px; }
      .paymentPackagesList .pointPacks .package .bottom {
        background: transparent;
        height: 50px;
        margin-top: 10px;
        font-weight: bold; }
      .paymentPackagesList .pointPacks .package .points {
        top: 0;
        left: 400px;
        color: #fdeb85;
        text-shadow: 0px 0px 6px #bb9727;
        padding-left: 20px;
        font-size: 30px;
        width: 200px;
        text-align: left; }
      .paymentPackagesList .pointPacks .package .price {
        top: 0;
        left: 610px; }
      .paymentPackagesList .pointPacks .package .shopButton, .paymentPackagesList .pointPacks .package .shopDisabledButton {
        top: 0;
        left: 775px; }
  .paymentPackagesList .packsBelow {
    background: #000 url('/image/shop/supporter-packs-below.jpg?1525390451000') no-repeat right 11px;
    height: 128px;
    width: 400px;
    position: absolute;
    right: 14px;
    bottom: 25px; }
  .paymentPackagesList h1 {
    font-size: 26px; }
  .paymentPackagesList .purchaseDescription {
    margin-bottom: 7px;
    display: inline-block;
    background: #000;
    padding: 5px;
    margin-top: 14px;
    margin-right: 10px;
    width: 457px;
    float: left; }
    .paymentPackagesList .purchaseDescription .description {
      color: #afafaf; }
  .paymentPackagesList.wide .purchaseDescription {
    width: auto; }
  .paymentPackagesList.wide .package {
    margin: 1px 0px 5px 0px; }
  .paymentPackagesList .package {
    float: left;
    margin: 1px 10px 5px 0; }
    .paymentPackagesList .package .bottom {
      background: url('/image/Art/2DArt/Shop/pack/pack_bg.jpg?1524542003000') no-repeat scroll left top transparent;
      height: 206px;
      position: relative;
      width: 124px; }
    .paymentPackagesList .package .top {
      position: relative; }
      .paymentPackagesList .package .top img {
        position: relative;
        left: -2px; }
      .paymentPackagesList .package .top .left {
        float: left;
        width: 360px; }
      .paymentPackagesList .package .top .shopCoinStatusBox {
        float: right; }
    .paymentPackagesList .package .description {
      padding-bottom: 10px;
      min-height: 50px; }
    .paymentPackagesList .package .shopButton {
      left: 6px;
      position: absolute;
      top: 161px; }
    .paymentPackagesList .package .points {
      color: #fee4a7;
      font-size: 18px;
      position: absolute;
      top: 69px;
      left: 0px;
      width: 124px;
      text-align: center; }
    .paymentPackagesList .package .price {
      text-shadow: 0 0 5px #0DC10B;
      color: #0DC10B;
      font-size: 243%;
      padding: 1px;
      position: absolute;
      text-align: center;
      top: 102px;
      width: 121px; }
    .paymentPackagesList .package.special .price {
      text-shadow: 0 0 3px #0DC10B;
      left: 13px;
      top: 97px;
      font-size: 170%;
      text-align: left; }
      .paymentPackagesList .package.special .price img.cross {
        position: absolute;
        left: -10px;
        top: 6px; }
      .paymentPackagesList .package.special .price.specialPrice {
        text-shadow: 0 0 8px #fe1b08;
        color: #ffdf32;
        top: 119px;
        left: 0px;
        text-align: center;
        width: 121px;
        font-size: 190%; }
        .paymentPackagesList .package.special .price.specialPrice .now {
          font-size: 50%; }
  .paymentPackagesList .name {
    font-size: 137%;
    line-height: 1em;
    padding: 4px;
    position: absolute;
    text-align: center;
    text-shadow: 0 0 2px #262626;
    top: 30px;
    width: 119px; }

.shopCoinStatusBox {
  text-align: center;
  float: right; }
  .shopCoinStatusBox .guildCoinInfo {
    float: left;
    width: 180px;
    text-align: center;
    font-size: 11px;
    padding: 2px 4px 0px 0px;
    color: #686868; }
  .shopCoinStatusBox .coins {
    float: left;
    height: 31px;
    width: 166px;
    background-image: url('/image/shop/coinamount_small.gif?1525390451000');
    background-repeat: no-repeat;
    background-position: top left;
    padding: 4px 0 0;
    text-align: right; }
    .shopCoinStatusBox .coins .amount {
      font-size: 19px;
      color: #FFF;
      margin-right: 38px;
      line-height: 1; }
    .shopCoinStatusBox .coins .label {
      font-size: 141%;
      color: #ffdca4; }
  .shopCoinStatusBox.error, form.t1 .element li.shopCoinStatusBox, .formT1 .element li.shopCoinStatusBox {
    height: 59px;
    padding: 2px;
    width: 212px; }
  .shopCoinStatusBox .purchaseLink {
    float: left;
    width: 166px;
    height: 31px; }
    .shopCoinStatusBox .purchaseLink a {
      color: #E0E1AA;
      font-size: 120%; }
      .shopCoinStatusBox .purchaseLink a:hover {
        color: #FFF; }

.zh_TW .shopCoinStatusBox .purchaseLink {
  width: 166px;
  height: 31px; }

.th_TH .shopCoinStatusBox .purchaseLink {
  width: 166px;
  height: 31px; }

.ru_RU .shopCoinStatusBox .purchaseLink {
  width: 166px;
  height: 31px; }

.shopInfoBar {
  background: url("../../image/shop/head_bg.gif?v=1") no-repeat scroll 0 0 transparent;
  height: 63px;
  position: relative; }
  .shopInfoBar .crumbImage {
    float: left; }
  .shopInfoBar.layout1 .shopCoinStatusBox {
    width: 332px;
    background-image: url('/image/shop/coinamount_small.gif?1525390451000');
    background-repeat: no-repeat;
    background-position: top left; }
  .shopInfoBar.layout1 .purchaseLink {
    top: 0px;
    right: 0px; }

.shopHorizontalDivider {
  width: 920px;
  height: 23px;
  background: url("../../image/shop/topstripe.gif?v=1") no-repeat scroll 0 0 transparent; }

.shopBuyButton, .shopBuyCoinsButton, .shopBackButton, .shopSubmitBuyButton, .shopUpgradeButton1, .shopUpgradeButton2 {
  width: 112px;
  height: 39px;
  display: inline-block;
  position: relative; }

.pt_BR .shopBuyButton, .pt_BR .shopBuyCoinsButton, .pt_BR .shopBackButton, .pt_BR .shopSubmitBuyButton {
  width: 74px; }

.shopGoShoppingButton, .shopGoShoppingButtonDisabled {
  width: 166px;
  height: 31px;
  display: inline-block;
  position: relative;
  background: url('/image/shop/shopping_default.gif?1525390451000') no-repeat scroll 0 0 transparent; }
  .ru_RU .shopGoShoppingButton, .ru_RU .shopGoShoppingButtonDisabled {
    background-image: url('/image/shop/ru_RU/shopping_default.gif?1525390451000'); }
  .shopGoShoppingButton:hover, .shopGoShoppingButtonDisabled:hover {
    background-image: url('/image/shop/shopping_hover.gif?1525390451000'); }
    .ru_RU .shopGoShoppingButton:hover, .ru_RU .shopGoShoppingButtonDisabled:hover {
      background-image: url('/image/shop/ru_RU/shopping_hover.gif?1525390451000'); }

.shopGoShoppingButtonDisabled {
  background-image: url('/image/shop/shopping_pressed.gif?1525390451000');
  display: none; }
  .shopGoShoppingButtonDisabled span {
    display: none; }

.shopShopButton {
  width: 74px;
  height: 37px;
  display: inline-block;
  position: relative;
  background: url("../../image/shop/item/ShopButton.png") no-repeat scroll 0 0 transparent; }

.shopShopButton:hover {
  background: url("../../image/shop/item/ShopButtonHover.png") no-repeat scroll 0 0 transparent; }

.shopButton .ornamentL, .shopButton .ornamentR {
  position: absolute;
  top: 6px; }

.shopButton .ornamentL {
  left: -107px; }

.shopButton .ornamentR {
  right: -107px; }

.shopButton span, .shopBuyMoreCoinsButton span {
  display: none; }

.shopBuyButton {
  background: url('/image/shop/buy_default.gif?1525390451000') no-repeat scroll 0 0 transparent; }
  .en_US .shopBuyButton {
    background-image: url('/image/shop/buy_default.gif?1525390451000'); }
  .zh_TW .shopBuyButton {
    background-image: url('/image/shop/zh_TW/buy_default.gif'); }
  .zh_CN .shopBuyButton {
    background-image: url('/image/shop/zh_CN/buy_default.gif'); }
  .th_TH .shopBuyButton {
    background-image: url('/image/shop/th_TH/buy_default.gif?1525390451000'); }
  .ru_RU .shopBuyButton {
    background-image: url('/image/shop/ru_RU/buy_default.gif?1525390451000'); }
  .pt_BR .shopBuyButton {
    background-image: url('/image/shop/pt_BR/buy_default.gif?1525390451000'); }
  .de_DE .shopBuyButton {
    background-image: url('/image/shop/de_DE/buy_default.gif?1525390447000'); }
  .es_ES .shopBuyButton {
    background-image: url('/image/shop/es_ES/buy_default.gif?1525390447000'); }
  .fr_FR .shopBuyButton {
    background-image: url('/image/shop/fr_FR/buy_default.gif?1525390447000'); }
  .en_US .shopBuyButton:hover {
    background-image: url('/image/shop/buy_hover.gif?1525390451000'); }
  .zh_TW .shopBuyButton:hover {
    background-image: url('/image/shop/zh_TW/buy_hover.gif'); }
  .zh_CN .shopBuyButton:hover {
    background-image: url('/image/shop/zh_CN/buy_hover.gif'); }
  .th_TH .shopBuyButton:hover {
    background-image: url('/image/shop/th_TH/buy_hover.gif?1525390451000'); }
  .ru_RU .shopBuyButton:hover {
    background-image: url('/image/shop/ru_RU/buy_hover.gif?1525390451000'); }
  .pt_BR .shopBuyButton:hover {
    background-image: url('/image/shop/pt_BR/buy_hover.gif?1525390451000'); }
  .de_DE .shopBuyButton:hover {
    background-image: url('/image/shop/de_DE/buy_hover.gif?1525390447000'); }
  .es_ES .shopBuyButton:hover {
    background-image: url('/image/shop/es_ES/buy_hover.gif?1525390447000'); }
  .fr_FR .shopBuyButton:hover {
    background-image: url('/image/shop/fr_FR/buy_hover.gif?1525390447000'); }

.shopUpgradeButton1 {
  background: url('/image/shop/upgrade_default.gif?1525390451000') no-repeat scroll 0 0 transparent; }
  .shopUpgradeButton1:hover {
    background-image: url('/image/shop/upgrade_hover.gif?1525390451000'); }

.shopUpgradeButton2 {
  background: url('/image/shop/upgrade_green_default.gif?1525390451000') no-repeat scroll 0 0 transparent; }
  .en_US .shopUpgradeButton2 {
    background-image: url('/image/shop/upgrade_green_default.gif?1525390451000'); }
  .zh_TW .shopUpgradeButton2 {
    background-image: url('/image/shop/zh_TW/upgrade_green_default.gif'); }
  .zh_CN .shopUpgradeButton2 {
    background-image: url('/image/shop/zh_CN/upgrade_green_default.gif'); }
  .th_TH .shopUpgradeButton2 {
    background-image: url('/image/shop/th_TH/upgrade_green_default.gif'); }
  .ru_RU .shopUpgradeButton2 {
    background-image: url('/image/shop/ru_RU/upgrade_green_default.gif?1525390451000'); }
  .pt_BR .shopUpgradeButton2 {
    background-image: url('/image/shop/pt_BR/upgrade_green_default.gif?1525390451000'); }
  .de_DE .shopUpgradeButton2 {
    background-image: url('/image/shop/de_DE/upgrade_green_default.gif?1525390447000'); }
  .es_ES .shopUpgradeButton2 {
    background-image: url('/image/shop/es_ES/upgrade_green_default.gif?1525390447000'); }
  .fr_FR .shopUpgradeButton2 {
    background-image: url('/image/shop/fr_FR/upgrade_green_default.gif?1525390447000'); }
  .shopUpgradeButton2:hover {
    background-image: url('/image/shop/upgrade_green_hover.gif?1525390451000'); }
    .en_US .shopUpgradeButton2:hover {
      background-image: url('/image/shop/upgrade_green_hover.gif?1525390451000'); }
    .zh_TW .shopUpgradeButton2:hover {
      background-image: url('/image/shop/zh_TW/upgrade_green_hover.gif'); }
    .zh_CN .shopUpgradeButton2:hover {
      background-image: url('/image/shop/zh_CN/upgrade_green_hover.gif'); }
    .th_TH .shopUpgradeButton2:hover {
      background-image: url('/image/shop/th_TH/upgrade_green_hover.gif'); }
    .ru_RU .shopUpgradeButton2:hover {
      background-image: url('/image/shop/ru_RU/upgrade_green_hover.gif?1525390451000'); }
    .pt_BR .shopUpgradeButton2:hover {
      background-image: url('/image/shop/pt_BR/upgrade_green_hover.gif?1525390451000'); }
    .de_DE .shopUpgradeButton2:hover {
      background-image: url('/image/shop/de_DE/upgrade_green_hover.gif?1525390447000'); }
    .es_ES .shopUpgradeButton2:hover {
      background-image: url('/image/shop/es_ES/upgrade_green_hover.gif?1525390447000'); }
    .fr_FR .shopUpgradeButton2:hover {
      background-image: url('/image/shop/fr_FR/upgrade_green_hover.gif?1525390447000'); }

.shopBuyCoinsButton {
  background: url('/image/../../image/shop/buycoins_default.gif') no-repeat scroll 0 0 transparent; }
  .en_US .shopBuyCoinsButton {
    background-image: url('/image/shop/buycoins_default.gif?1525390451000'); }
  .zh_TW .shopBuyCoinsButton {
    background-image: url('/image/shop/zh_TW/buycoins_default.gif'); }
  .zh_CN .shopBuyCoinsButton {
    background-image: url('/image/shop/zh_CN/buycoins_default.gif'); }
  .th_TH .shopBuyCoinsButton {
    background-image: url('/image/shop/th_TH/buycoins_default.gif'); }
  .ru_RU .shopBuyCoinsButton {
    background-image: url('/image/shop/ru_RU/buycoins_default.gif'); }
  .pt_BR .shopBuyCoinsButton {
    background-image: url('/image/shop/pt_BR/buycoins_default.gif'); }
  .de_DE .shopBuyCoinsButton {
    background-image: url('/image/shop/de_DE/buycoins_default.gif?1525390447000'); }
  .es_ES .shopBuyCoinsButton {
    background-image: url('/image/shop/es_ES/buycoins_default.gif?1525390447000'); }
  .fr_FR .shopBuyCoinsButton {
    background-image: url('/image/shop/fr_FR/buycoins_default.gif?1525390447000'); }
  .en_US .shopBuyCoinsButton:hover {
    background-image: url('/image/shop/buycoins_hover.gif?1525390451000'); }
  .zh_TW .shopBuyCoinsButton:hover {
    background-image: url('/image/shop/zh_TW/buycoins_hover.gif'); }
  .zh_CN .shopBuyCoinsButton:hover {
    background-image: url('/image/shop/zh_CN/buycoins_hover.gif'); }
  .th_TH .shopBuyCoinsButton:hover {
    background-image: url('/image/shop/th_TH/buycoins_hover.gif'); }
  .ru_RU .shopBuyCoinsButton:hover {
    background-image: url('/image/shop/ru_RU/buycoins_hover.gif'); }
  .pt_BR .shopBuyCoinsButton:hover {
    background-image: url('/image/shop/pt_BR/buycoins_hover.gif'); }
  .de_DE .shopBuyCoinsButton:hover {
    background-image: url('/image/shop/de_DE/buycoins_hover.gif?1525390447000'); }
  .es_ES .shopBuyCoinsButton:hover {
    background-image: url('/image/shop/es_ES/buycoins_hover.gif?1525390447000'); }
  .fr_FR .shopBuyCoinsButton:hover {
    background-image: url('/image/shop/fr_FR/buycoins_hover.gif?1525390447000'); }

.shopBackButton {
  background: url('/image/shop/back_default.gif?1525390451000') no-repeat scroll 0 0 transparent; }
  .en_US .shopBackButton {
    background-image: url('/image/shop/back_default.gif?1525390451000'); }
  .zh_TW .shopBackButton {
    background-image: url('/image/shop/zh_TW/back_default.gif'); }
  .zh_CN .shopBackButton {
    background-image: url('/image/shop/zh_CN/back_default.gif'); }
  .th_TH .shopBackButton {
    background-image: url('/image/shop/th_TH/back_default.gif'); }
  .ru_RU .shopBackButton {
    background-image: url('/image/shop/ru_RU/back_default.gif?1525390451000'); }
  .pt_BR .shopBackButton {
    background-image: url('/image/shop/pt_BR/back_default.gif'); }
  .de_DE .shopBackButton {
    background-image: url('/image/shop/de_DE/back_default.gif?1525390447000'); }
  .es_ES .shopBackButton {
    background-image: url('/image/shop/es_ES/back_default.gif?1525390447000'); }
  .fr_FR .shopBackButton {
    background-image: url('/image/shop/fr_FR/back_default.gif?1525390447000'); }
  .shopBackButton :hover {
    background: url("../../image/shop/back_hover.gif") no-repeat scroll 0 0 transparent; }
    .en_US .shopBackButton :hover {
      background-image: url('/image/shop/back_hover.gif?1525390451000'); }
    .zh_TW .shopBackButton :hover {
      background-image: url('/image/shop/zh_TW/back_hover.gif'); }
    .zh_CN .shopBackButton :hover {
      background-image: url('/image/shop/zh_CN/back_hover.gif'); }
    .th_TH .shopBackButton :hover {
      background-image: url('/image/shop/th_TH/back_hover.gif'); }
    .ru_RU .shopBackButton :hover {
      background-image: url('/image/shop/ru_RU/back_hover.gif?1525390451000'); }
    .pt_BR .shopBackButton :hover {
      background-image: url('/image/shop/pt_BR/back_hover.gif'); }
    .de_DE .shopBackButton :hover {
      background-image: url('/image/shop/de_DE/back_hover.gif?1525390447000'); }
    .es_ES .shopBackButton :hover {
      background-image: url('/image/shop/es_ES/back_hover.gif?1525390447000'); }
    .fr_FR .shopBackButton :hover {
      background-image: url('/image/shop/fr_FR/back_hover.gif?1525390447000'); }

.shopBuyMoreCoinsButton {
  display: inline-block;
  position: relative;
  width: 166px;
  height: 31px;
  background: url("../../image/shop/buymore_default.gif") no-repeat scroll 0 0 transparent; }
  .en_US .shopBuyMoreCoinsButton {
    background-image: url('/image/shop/buymore_default.gif?1525390451000'); }
  .zh_TW .shopBuyMoreCoinsButton {
    background-image: url('/image/shop/zh_TW/buymore_default.gif'); }
  .zh_CN .shopBuyMoreCoinsButton {
    background-image: url('/image/shop/zh_CN/buymore_default.gif?1525390451000'); }
  .th_TH .shopBuyMoreCoinsButton {
    background-image: url('/image/shop/th_TH/buymore_default.gif'); }
  .ru_RU .shopBuyMoreCoinsButton {
    background-image: url('/image/shop/ru_RU/buymore_default.gif?1525390451000'); }
  .pt_BR .shopBuyMoreCoinsButton {
    background-image: url('/image/shop/pt_BR/buymore_default.gif?1525390451000'); }
  .de_DE .shopBuyMoreCoinsButton {
    background-image: url('/image/shop/de_DE/buymore_default.gif?1525390447000'); }
  .es_ES .shopBuyMoreCoinsButton {
    background-image: url('/image/shop/es_ES/buymore_default.gif?1525390447000'); }
  .fr_FR .shopBuyMoreCoinsButton {
    background-image: url('/image/shop/fr_FR/buymore_default.gif?1525390447000'); }
  .en_US .shopBuyMoreCoinsButton:hover {
    background-image: url('/image/shop/buymore_hover.gif?1525390451000'); }
  .zh_TW .shopBuyMoreCoinsButton:hover {
    background-image: url('/image/shop/zh_TW/buymore_hover.gif'); }
  .zh_CN .shopBuyMoreCoinsButton:hover {
    background-image: url('/image/shop/zh_CN/buymore_hover.gif?1525390451000'); }
  .th_TH .shopBuyMoreCoinsButton:hover {
    background-image: url('/image/shop/th_TH/buymore_hover.gif'); }
  .ru_RU .shopBuyMoreCoinsButton:hover {
    background-image: url('/image/shop/ru_RU/buymore_hover.gif?1525390451000'); }
  .pt_BR .shopBuyMoreCoinsButton:hover {
    background-image: url('/image/shop/pt_BR/buymore_hover.gif?1525390451000'); }
  .de_DE .shopBuyMoreCoinsButton:hover {
    background-image: url('/image/shop/de_DE/buymore_hover.gif?1525390447000'); }
  .es_ES .shopBuyMoreCoinsButton:hover {
    background-image: url('/image/shop/es_ES/buymore_hover.gif?1525390447000'); }
  .fr_FR .shopBuyMoreCoinsButton:hover {
    background-image: url('/image/shop/fr_FR/buymore_hover.gif?1525390447000'); }

.shopGivePointsToGuildButton {
  display: inline-block;
  position: relative;
  background: url('/image/shop/give_to_guild_default.jpg?1525390451000');
  width: 166px;
  height: 31px; }
  .shopGivePointsToGuildButton:hover {
    background: url('/image/shop/give_to_guild_hover.jpg?1525390451000');
    width: 166px;
    height: 31px; }
  .shopGivePointsToGuildButton span {
    display: none; }

.zh_TW .shopGivePointsToGuildButton {
  background: url('/image/shop/zh/give_to_guild_default.jpg?1525390451000');
  width: 166px;
  height: 31px; }
  .zh_TW .shopGivePointsToGuildButton:hover {
    background: url('/image/shop/zh/give_to_guild_hover.jpg?1525390451000');
    width: 166px;
    height: 31px; }

.th_TH .shopGivePointsToGuildButton {
  background: url('/image/shop/th_TH/give_to_guild_default.jpg?1525390451000');
  width: 166px;
  height: 31px; }
  .th_TH .shopGivePointsToGuildButton:hover {
    background: url('/image/shop/th_TH/give_to_guild_hover.jpg?1525390451000');
    width: 166px;
    height: 31px; }

.ru_RU .shopGivePointsToGuildButton {
  background: url('/image/shop/ru_RU/give_to_guild_default.jpg?1525390451000');
  width: 166px;
  height: 31px; }
  .ru_RU .shopGivePointsToGuildButton:hover {
    background: url('/image/shop/ru_RU/give_to_guild_hover.jpg?1525390451000');
    width: 166px;
    height: 31px; }

.shopItem, .shopPackage {
  float: left;
  margin: 5px 0 0 5px;
  position: relative;
  width: 431px; }

.shopPackage {
  background: url("../../image/shop/bgpackage.gif") no-repeat 0 0 transparent;
  height: 327px; }

.shopItem .left, .shopPackage .left {
  position: absolute;
  width: 112px;
  height: 152px;
  top: 5px;
  left: 5px; }

.shopPackage .left {
  height: 312px; }

.shopPackage .left .originalPrice, .shopPackage .left .discount {
  left: 11px;
  position: absolute; }

.shopPackage .left .originalPrice {
  top: 127px; }

.shopPackage .left .discount {
  top: 173px; }

.shopPackage .left .originalPrice .value, .shopPackage .left .discount .value {
  color: #f4eae8; }

.shopPackage .left .savings {
  position: absolute;
  text-align: center;
  top: 222px;
  width: 112px; }

.shopPackage .left .savings .label {
  font-weight: bold;
  color: #320700;
  line-height: 1em;
  padding-top: 2px; }

.shopPackage .left .savings .value {
  color: #FFDA4D;
  font-size: 156%;
  line-height: 1em; }

.shopItem .left .shopItemIcon {
  margin-left: 2px; }

.shopItem .left .shopBuyButton, .shopItem .left {
  position: absolute;
  bottom: 0px;
  left: 0px; }

.shopPackage .left .shopBuyButton, .shopPackage .left {
  position: absolute;
  bottom: 0px;
  left: 0px; }

.shopPackage .pricingInfo {
  margin-top: 15px; }

.shopPackage .pricingInfo .label {
  color: #ACD0ED; }

.shopPackage .pricingInfo {
  font-size: 110%; }

.shopPackageItem {
  border: 1px solid #333;
  background: #070707;
  margin: 5px 0px 5px 5px;
  padding: 4px; }

.shopItem .bottom {
  margin-top: 10px;
  padding: 0px 15px 10px 15px;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 234px;
  font-size: 130%; }

.shopItemIcon {
  width: 107px;
  position: relative; }

.shopItemIcon .cost {
  color: #FFDA4D;
  font-size: 231%;
  font-weight: bold;
  left: 0;
  position: absolute;
  text-align: right;
  top: 66px;
  width: 76px; }

.shopItem .costSmall, .shopPackage .costSmall {
  bottom: 0;
  height: 22px;
  position: absolute;
  right: 4px;
  text-align: right;
  width: 240px;
  color: #7A593A;
  font-size: 115%; }

.shopItem .costSmall.cantAfford, .shopPackage .costSmall.cantAfford, .shopBuyItemModal .costBox.cantAfford .balance {
  color: #85241e; }

.shopItem .buyButton {
  float: right; }

.shopItem .name, .shopPackageItem .name {
  color: #daa468; }

.shopItemName a, .shopPrePurchaseItemContainer .shopItemName {
  font-size: 126%;
  color: #daa466; }

.shopItemName, .shopPackage .packageName {
  height: 39px;
  padding: 4px 6px;
  position: absolute;
  right: 4px;
  top: 7px;
  width: 288px; }

.shopPackage .shopItemName a {
  color: #B2DDFF;
  font-size: 120%;
  font-weight: bold; }

.shopItem .shopItemName a, .shopPackage .shopItemName a {
  text-decoration: none; }

.shopPackage .description {
  height: 240px; }

.shopPackage .packageDescription {
  margin-top: 26px; }

.shopPackage .packageDescription .containsLabel {
  margin-bottom: 7px; }

.shopPackage .packageDescription .packageItem .name {
  float: left; }

.shopPackage .packageDescription .packageItem .cost {
  float: right;
  color: #cee1ef;
  padding-right: 14px; }

.shopBuyItemModal, shopBuyPackageModal {
  background: #0f0c0a;
  position: relative;
  display: none;
  width: 896px;
  height: 366px; }
  .shopBuyItemModal.guildNoPermissions .buyButtonDisabled, shopBuyPackageModal.guildNoPermissions .buyButtonDisabled {
    display: block; }
  .shopBuyItemModal .heading, shopBuyPackageModal .heading {
    height: 59px; }
  .shopBuyItemModal .description, shopBuyPackageModal .description {
    margin: 10px;
    text-shadow: 0px 0px 8px rgba(0, 18, 97, 0.88);
    font-weight: bold;
    font-size: 13px; }
  .shopBuyItemModal .secondaryDescription, shopBuyPackageModal .secondaryDescription {
    margin: 10px;
    color: #ae926d;
    font-size: 12px; }
  .shopBuyItemModal .name, shopBuyPackageModal .name {
    font-size: 15px;
    color: #ffda4d; }
  .shopBuyItemModal .videoEmbed, shopBuyPackageModal .videoEmbed {
    position: absolute;
    top: 0px;
    left: 0px; }
  .shopBuyItemModal .largeImage, shopBuyPackageModal .largeImage {
    overflow: hidden;
    height: 366px; }
  .shopBuyItemModal .content, shopBuyPackageModal .content {
    height: 366px;
    width: 256px;
    background: url('/image/shop/item/ModalBackground.jpg?1525390447000');
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0px;
    margin: 0px;
    z-index: 2; }
  .shopBuyItemModal .friends, shopBuyPackageModal .friends {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    padding: 20px 10px;
    width: 180px;
    height: 326px; }
    .shopBuyItemModal .friends select, shopBuyPackageModal .friends select {
      width: 175px;
      margin-top: 10px; }
    .shopBuyItemModal .friends .friend-selector, shopBuyPackageModal .friends .friend-selector {
      border-top: 1px solid #665a3f;
      margin-top: 10px;
      height: 308px;
      overflow-y: auto; }
      .shopBuyItemModal .friends .friend-selector .row, shopBuyPackageModal .friends .friend-selector .row {
        background: #232222;
        clear: both;
        overflow: hidden;
        border-bottom: 1px solid #665a3f;
        padding: 5px 10px;
        cursor: pointer; }
        .shopBuyItemModal .friends .friend-selector .row.even, shopBuyPackageModal .friends .friend-selector .row.even {
          background: #181818; }
        .shopBuyItemModal .friends .friend-selector .row:hover, shopBuyPackageModal .friends .friend-selector .row:hover {
          background: #B39627;
          color: black; }
        .shopBuyItemModal .friends .friend-selector .row.selected, shopBuyPackageModal .friends .friend-selector .row.selected {
          background: #ffda4d;
          color: black; }
  .shopBuyItemModal .buy-for-friend, shopBuyPackageModal .buy-for-friend {
    position: absolute;
    bottom: 55px;
    left: 650px;
    width: 120px;
    z-index: 3; }
  .shopBuyItemModal h1, shopBuyPackageModal h1 {
    top: 0px;
    padding: 32px 10px 0px 15px;
    position: relative;
    width: auto;
    font-size: 24px; }
  .shopBuyItemModal .savings, shopBuyPackageModal .savings {
    margin: 5px 10px;
    overflow: hidden;
    *zoom: 1; }
    .shopBuyItemModal .savings .label, shopBuyPackageModal .savings .label {
      display: inline-block;
      min-width: 150px;
      float: left; }
    .shopBuyItemModal .savings .value, shopBuyPackageModal .savings .value {
      float: right; }
  .shopBuyItemModal .lineItems, shopBuyPackageModal .lineItems {
    overflow: hidden;
    *zoom: 1;
    margin: 5px 10px; }
  .shopBuyItemModal .lineItem, shopBuyPackageModal .lineItem {
    overflow: hidden;
    *zoom: 1; }
    .shopBuyItemModal .lineItem .name, .shopBuyItemModal .lineItem .cost, shopBuyPackageModal .lineItem .name, shopBuyPackageModal .lineItem .cost {
      color: #ffda4d;
      line-height: 1em;
      font-size: 12px; }
    .shopBuyItemModal .lineItem .name, shopBuyPackageModal .lineItem .name {
      float: left; }
    .shopBuyItemModal .lineItem .cost, shopBuyPackageModal .lineItem .cost {
      float: right; }
    .shopBuyItemModal .lineItem .description, shopBuyPackageModal .lineItem .description {
      margin: 0px; }
  .shopBuyItemModal .totalCost, shopBuyPackageModal .totalCost {
    position: absolute;
    bottom: 54px;
    left: 0px;
    margin: 0 10px;
    right: 0px;
    color: #ffda4d;
    background-image: url('/image/shop/item/ShopItemCoin.png?1525390447000');
    background-position: top right;
    background-repeat: no-repeat;
    text-align: right;
    padding-right: 39px;
    min-height: 39px;
    font-size: 22px;
    line-height: 36px; }
  .shopBuyItemModal .buyButton, .shopBuyItemModal .buyPointsButton, .shopBuyItemModal .backButton, .shopBuyItemModal .buyButtonDisabled, shopBuyPackageModal .buyButton, shopBuyPackageModal .buyPointsButton, shopBuyPackageModal .backButton, shopBuyPackageModal .buyButtonDisabled {
    position: absolute;
    bottom: 15px; }
  .shopBuyItemModal .buyButton, shopBuyPackageModal .buyButton {
    left: 91px; }
  .shopBuyItemModal .buyPointsButton, shopBuyPackageModal .buyPointsButton {
    background: url('/image/shop/item/BuyPointsButton.png?1525390447000');
    width: 162px;
    height: 48px;
    left: 47px; }
    .en_US .shopBuyItemModal .buyPointsButton, .en_US shopBuyPackageModal .buyPointsButton {
      background-image: url('/image/shop/item/BuyPointsButton.png?1525390447000'); }
    .zh_TW .shopBuyItemModal .buyPointsButton, .zh_TW shopBuyPackageModal .buyPointsButton {
      background-image: url('/image/shop/item/zh_TW/BuyPointsButton.png?1525390447000'); }
    .zh_CN .shopBuyItemModal .buyPointsButton, .zh_CN shopBuyPackageModal .buyPointsButton {
      background-image: url('/image/shop/item/zh_CN/BuyPointsButton.png'); }
    .th_TH .shopBuyItemModal .buyPointsButton, .th_TH shopBuyPackageModal .buyPointsButton {
      background-image: url('/image/shop/item/th_TH/BuyPointsButton.png?1525390447000'); }
    .ru_RU .shopBuyItemModal .buyPointsButton, .ru_RU shopBuyPackageModal .buyPointsButton {
      background-image: url('/image/shop/item/ru_RU/BuyPointsButton.png?1525390447000'); }
    .pt_BR .shopBuyItemModal .buyPointsButton, .pt_BR shopBuyPackageModal .buyPointsButton {
      background-image: url('/image/shop/item/pt_BR/BuyPointsButton.png?1525390447000'); }
    .de_DE .shopBuyItemModal .buyPointsButton, .de_DE shopBuyPackageModal .buyPointsButton {
      background-image: url('/image/shop/item/de_DE/BuyPointsButton.png?1525390447000'); }
    .es_ES .shopBuyItemModal .buyPointsButton, .es_ES shopBuyPackageModal .buyPointsButton {
      background-image: url('/image/shop/item/es_ES/BuyPointsButton.png?1525390447000'); }
    .fr_FR .shopBuyItemModal .buyPointsButton, .fr_FR shopBuyPackageModal .buyPointsButton {
      background-image: url('/image/shop/item/fr_FR/BuyPointsButton.png?1525390447000'); }
    .shopBuyItemModal .buyPointsButton:hover, shopBuyPackageModal .buyPointsButton:hover {
      background: url('/image/shop/item/BuyPointsButtonHover.png?1525390447000'); }
      .en_US .shopBuyItemModal .buyPointsButton:hover, .en_US shopBuyPackageModal .buyPointsButton:hover {
        background-image: url('/image/shop/item/BuyPointsButtonHover.png?1525390447000'); }
      .zh_TW .shopBuyItemModal .buyPointsButton:hover, .zh_TW shopBuyPackageModal .buyPointsButton:hover {
        background-image: url('/image/shop/item/zh_TW/BuyPointsButtonHover.png?1525390447000'); }
      .zh_CN .shopBuyItemModal .buyPointsButton:hover, .zh_CN shopBuyPackageModal .buyPointsButton:hover {
        background-image: url('/image/shop/item/zh_CN/BuyPointsButtonHover.png'); }
      .th_TH .shopBuyItemModal .buyPointsButton:hover, .th_TH shopBuyPackageModal .buyPointsButton:hover {
        background-image: url('/image/shop/item/th_TH/BuyPointsButtonHover.png?1525390447000'); }
      .ru_RU .shopBuyItemModal .buyPointsButton:hover, .ru_RU shopBuyPackageModal .buyPointsButton:hover {
        background-image: url('/image/shop/item/ru_RU/BuyPointsButtonHover.png?1525390447000'); }
      .pt_BR .shopBuyItemModal .buyPointsButton:hover, .pt_BR shopBuyPackageModal .buyPointsButton:hover {
        background-image: url('/image/shop/item/pt_BR/BuyPointsButtonHover.png?1525390447000'); }
      .de_DE .shopBuyItemModal .buyPointsButton:hover, .de_DE shopBuyPackageModal .buyPointsButton:hover {
        background-image: url('/image/shop/item/de_DE/BuyPointsButtonHover.png?1525390447000'); }
      .es_ES .shopBuyItemModal .buyPointsButton:hover, .es_ES shopBuyPackageModal .buyPointsButton:hover {
        background-image: url('/image/shop/item/es_ES/BuyPointsButtonHover.png?1525390447000'); }
      .fr_FR .shopBuyItemModal .buyPointsButton:hover, .fr_FR shopBuyPackageModal .buyPointsButton:hover {
        background-image: url('/image/shop/item/fr_FR/BuyPointsButtonHover.png?1525390447000'); }
  .shopBuyItemModal .backButton, shopBuyPackageModal .backButton {
    display: none;
    background: url('/image/shop/item/BackButton.png?1525390447000');
    width: 84px;
    height: 37px;
    left: 86px; }
    .en_US .shopBuyItemModal .backButton, .en_US shopBuyPackageModal .backButton {
      background-image: url('/image/shop/item/BackButton.png?1525390447000'); }
    .zh_TW .shopBuyItemModal .backButton, .zh_TW shopBuyPackageModal .backButton {
      background-image: url('/image/shop/item/zh_TW/BackButton.png?1525390447000'); }
    .zh_CN .shopBuyItemModal .backButton, .zh_CN shopBuyPackageModal .backButton {
      background-image: url('/image/shop/item/zh_CN/BackButton.png'); }
    .th_TH .shopBuyItemModal .backButton, .th_TH shopBuyPackageModal .backButton {
      background-image: url('/image/shop/item/th_TH/BackButton.png?1525390447000'); }
    .ru_RU .shopBuyItemModal .backButton, .ru_RU shopBuyPackageModal .backButton {
      background-image: url('/image/shop/item/ru_RU/BackButton.png?1525390447000'); }
    .pt_BR .shopBuyItemModal .backButton, .pt_BR shopBuyPackageModal .backButton {
      background-image: url('/image/shop/item/pt_BR/BackButton.png?1525390447000'); }
    .de_DE .shopBuyItemModal .backButton, .de_DE shopBuyPackageModal .backButton {
      background-image: url('/image/shop/item/de_DE/BackButton.png?1525390447000'); }
    .es_ES .shopBuyItemModal .backButton, .es_ES shopBuyPackageModal .backButton {
      background-image: url('/image/shop/item/es_ES/BackButton.png?1525390447000'); }
    .fr_FR .shopBuyItemModal .backButton, .fr_FR shopBuyPackageModal .backButton {
      background-image: url('/image/shop/item/fr_FR/BackButton.png?1525390447000'); }
    .shopBuyItemModal .backButton:hover, shopBuyPackageModal .backButton:hover {
      background: url('/image/shop/item/BackButtonHover.png?1525390447000'); }
      .en_US .shopBuyItemModal .backButton:hover, .en_US shopBuyPackageModal .backButton:hover {
        background-image: url('/image/shop/item/BackButtonHover.png?1525390447000'); }
      .zh_TW .shopBuyItemModal .backButton:hover, .zh_TW shopBuyPackageModal .backButton:hover {
        background-image: url('/image/shop/item/zh_TW/BackButtonHover.png?1525390447000'); }
      .zh_CN .shopBuyItemModal .backButton:hover, .zh_CN shopBuyPackageModal .backButton:hover {
        background-image: url('/image/shop/item/zh_CN/BackButtonHover.png'); }
      .th_TH .shopBuyItemModal .backButton:hover, .th_TH shopBuyPackageModal .backButton:hover {
        background-image: url('/image/shop/item/th_TH/BackButtonHover.png?1525390447000'); }
      .ru_RU .shopBuyItemModal .backButton:hover, .ru_RU shopBuyPackageModal .backButton:hover {
        background-image: url('/image/shop/item/ru_RU/BackButtonHover.png?1525390447000'); }
      .pt_BR .shopBuyItemModal .backButton:hover, .pt_BR shopBuyPackageModal .backButton:hover {
        background-image: url('/image/shop/item/pt_BR/BackButtonHover.png?1525390447000'); }
      .de_DE .shopBuyItemModal .backButton:hover, .de_DE shopBuyPackageModal .backButton:hover {
        background-image: url('/image/shop/item/de_DE/BackButtonHover.png?1525390447000'); }
      .es_ES .shopBuyItemModal .backButton:hover, .es_ES shopBuyPackageModal .backButton:hover {
        background-image: url('/image/shop/item/es_ES/BackButtonHover.png?1525390447000'); }
      .fr_FR .shopBuyItemModal .backButton:hover, .fr_FR shopBuyPackageModal .backButton:hover {
        background-image: url('/image/shop/item/fr_FR/BackButtonHover.png?1525390447000'); }
  .shopBuyItemModal .buyButtonDisabled, shopBuyPackageModal .buyButtonDisabled {
    display: none;
    background: url('/image/shop/item/BuyButtonDisabled.png?1525390447000');
    width: 74px;
    height: 37px;
    left: 91px; }
    .en_US .shopBuyItemModal .buyButtonDisabled, .en_US shopBuyPackageModal .buyButtonDisabled {
      background-image: url('/image/shop/item/BuyButtonDisabled.png?1525390447000'); }
    .zh_TW .shopBuyItemModal .buyButtonDisabled, .zh_TW shopBuyPackageModal .buyButtonDisabled {
      background-image: url('/image/shop/item/zh_TW/BuyButtonDisabled.png?1525390447000'); }
    .zh_CN .shopBuyItemModal .buyButtonDisabled, .zh_CN shopBuyPackageModal .buyButtonDisabled {
      background-image: url('/image/shop/item/zh_CN/BuyButtonDisabled.png'); }
    .th_TH .shopBuyItemModal .buyButtonDisabled, .th_TH shopBuyPackageModal .buyButtonDisabled {
      background-image: url('/image/shop/item/th_TH/BuyButtonDisabled.png?1525390447000'); }
    .ru_RU .shopBuyItemModal .buyButtonDisabled, .ru_RU shopBuyPackageModal .buyButtonDisabled {
      background-image: url('/image/shop/item/ru_RU/BuyButtonDisabled.png?1525390447000'); }
    .pt_BR .shopBuyItemModal .buyButtonDisabled, .pt_BR shopBuyPackageModal .buyButtonDisabled {
      background-image: url('/image/shop/item/pt_BR/BuyButtonDisabled.png'); }
    .de_DE .shopBuyItemModal .buyButtonDisabled, .de_DE shopBuyPackageModal .buyButtonDisabled {
      background-image: url('/image/shop/item/de_DE/BuyButtonDisabled.png?1525390447000'); }
    .es_ES .shopBuyItemModal .buyButtonDisabled, .es_ES shopBuyPackageModal .buyButtonDisabled {
      background-image: url('/image/shop/item/es_ES/BuyButtonDisabled.png?1525390447000'); }
    .fr_FR .shopBuyItemModal .buyButtonDisabled, .fr_FR shopBuyPackageModal .buyButtonDisabled {
      background-image: url('/image/shop/item/fr_FR/BuyButtonDisabled.png?1525390447000'); }
  .shopBuyItemModal .purchasingInfo, .shopBuyItemModal .purchasedInfo, .shopBuyItemModal .errorInfo, shopBuyPackageModal .purchasingInfo, shopBuyPackageModal .purchasedInfo, shopBuyPackageModal .errorInfo {
    display: none;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 54px;
    color: #ffc46c;
    text-align: center;
    padding: 10px; }
  .shopBuyItemModal .purchasingInfo .loading-inline, shopBuyPackageModal .purchasingInfo .loading-inline {
    margin-right: 5px; }
  .shopBuyItemModal .errorInfo, shopBuyPackageModal .errorInfo {
    color: #FF342F; }
  .shopBuyItemModal .guildMessage, shopBuyPackageModal .guildMessage {
    position: absolute;
    bottom: 89px;
    padding: 13px; }

.shopModalDivider {
  height: 3px;
  margin: 10px 0px;
  background: url("../../image/shop/stripe.gif") repeat-x scroll 0 0 transparent;
  clear: both; }

.shopModalPricingSummary {
  position: relative; }

.shopPackageInfo {
  color: #cae9fe; }
  .shopPackageInfo .purchase, .shopPackageInfo .package {
    float: left; }
  .shopPackageInfo .package {
    background: none repeat scroll 0 0 #1D2225;
    color: #DFCF99;
    font-size: 145%;
    min-height: 28px;
    padding: 10px 5px 0; }
  .shopPackageInfo .purchase {
    background: url("../../image/shop/header_fade.gif") no-repeat scroll left top transparent;
    display: inline-block;
    font-size: 150%;
    min-height: 38px;
    min-width: 130px; }
  .shopPackageInfo .optOutMessage {
    color: orange;
    padding: 3px;
    font-size: 120%;
    float: left;
    width: 100%; }

.shopPackageInfo .purchase div {
  margin-top: 8px;
  float: left; }

.shopPackageInfo .purchase .coins {
  padding: 0 15px; }

.shopPackageInfo .purchase .price {
  padding-left: 6px;
  color: #FFFFFF; }

.shopPackageInfo .purchase .shipping {
  font-style: italic;
  font-size: 80%;
  margin-left: 10px; }

.shopLargeCoinStatusBox {
  background: url("../../image/shop/coin.gif") no-repeat scroll left top transparent;
  width: 219px;
  height: 311px;
  position: relative; }

.shopLargeCoinStatusBox .coins {
  color: #000000;
  font-size: 215%;
  font-weight: bold;
  left: 0;
  position: absolute;
  text-align: center;
  top: 132px;
  width: 219px; }

.shopPurchaseComplete .purchaseDescription {
  color: #c9e9fe;
  font-size: 130%;
  margin: 24px 0px; }

.shopPurchaseComplete .supportInfo {
  color: #AB9066;
  font-size: 113%;
  font-style: italic;
  margin-top: 80px; }

.shopPurchaseComplete .signature {
  font-style: italic;
  color: #42505b;
  font-size: 130%; }

.shopPurchaseComplete .shopPurchaseCompleteContent {
  float: left;
  padding: 10px;
  width: 670px; }

.shopPurchaseComplete .shopLargeCoinStatusBox {
  float: right;
  margin-top: 10px; }

.shopPurchaseComplete .shopLargeCoinStatusBox .shopGoShoppingButton, .shopPurchaseComplete .shopLargeCoinStatusBox .shopGoShoppingButtonDisabled, .shopPurchaseComplete .shopLargeCoinStatusBox .shopGoShoppingButtonDisabled {
  left: 27px;
  position: absolute;
  top: 180px; }

.shopPurchaseComplete .recentlyViewed {
  padding: 10px; }

.shopPurchaseComplete .recentlyViewed h2 {
  color: #536677;
  font-size: 232%; }

.shopPurchaseComplete .recentlyViewed .shopItem {
  margin-left: 0px; }

.shopShowDuringPurchase {
  display: none; }

.shopDisabledButton {
  cursor: default; }

.shopItems {
  padding-bottom: 5px; }

.donationPackageList {
  padding-top: 0;
  position: relative; }
  .donationPackageList .modalContainer {
    display: none; }
  .donationPackageList img.rhoaTop {
    position: absolute;
    top: -20px;
    right: -8px; }
  .donationPackageList img.jinx {
    position: absolute;
    top: 63px;
    right: 49px; }

.donationPackageListEmpty .top .description {
  margin: 10px;
  color: #afafaf; }

.donationPackageList .top h1 {
  position: absolute;
  top: 10px;
  left: 32px; }

.donationPackageList .additionalHeading {
  margin: 6px 10px 15px 10px;
  font-style: italic;
  color: #B46000; }

.donationPackageList .replacesExistingItem {
  color: #d12929;
  font-style: italic;
  margin-top: 0px;
  display: inline-block;
  font-size: 90%;
  margin-bottom: 2px; }

.donationPackageList .top .description {
  margin: 10px 10px 0px 31px;
  padding: 5px;
  background: #000;
  color: #afafaf; }

.donationPackageList .purchaseDescription {
  margin-bottom: 50px; }

.donationPackageList .divider {
  background: url("../../image/shop/middlestripe.gif") no-repeat top center;
  height: 7px; }

.donationPackageList .package .description {
  position: relative;
  margin: 62px 0px 0px 23px;
  width: 516px;
  color: #ae926d;
  line-height: 2em;
  display: block;
  padding: 0px 4px 10px 4px;
  background: #000; }

.donationPackageList .package h2 {
  font-size: 210%;
  position: relative;
  top: 14px;
  left: 20px;
  color: #b8daf2; }

.donationPackageList .package h2 {
  font-size: 210%;
  position: absolute;
  top: 14px;
  left: 20px; }

.donationPackageList .package {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: -3px; }
  .donationPackageList .package .left {
    float: left;
    position: relative;
    width: 400px; }
  .donationPackageList .package .rightPanel {
    float: right;
    padding-top: 25px; }
  .donationPackageList .package .contents li {
    background: transparent url('/image/list_large_ascendancy.png?1525390452000') no-repeat scroll 4px 5px;
    color: #afafaf;
    padding: 2px 0px 5px 26px; }
  .donationPackageList .package .right {
    float: right;
    clear: right;
    width: 300px;
    margin-right: 18px;
    margin-top: 5px;
    position: relative; }
    .donationPackageList .package .right .border-top {
      position: absolute;
      top: -40px;
      height: 90px;
      width: 310px;
      background: transparent url('/image/shop/pack/ascendancy/border-top.png?1525390448000') no-repeat top left;
      z-index: 1; }
    .donationPackageList .package .right .border-bot {
      height: 90px;
      position: absolute;
      bottom: 0px;
      width: 310px;
      background: transparent url('/image/shop/pack/ascendancy/border-bot.png?1525390448000') no-repeat bottom left;
      z-index: 1; }
  .donationPackageList .package.prophecy .right .border-top {
    background: transparent url('/image/shop/pack/prophecy/border-top.png?1525390451000') no-repeat top left; }
  .donationPackageList .package.prophecy .right .border-bot {
    background: transparent url('/image/shop/pack/prophecy/border-bot.png?1525390451000') no-repeat bottom left; }
  .donationPackageList .package.prophecy .contents li {
    background: transparent url('/image/shop/pack/prophecy/list-icon.png?1525390451000') no-repeat scroll 4px 5px; }
  .donationPackageList .package.prophecy .contents strong {
    color: #c1bda0; }
    .donationPackageList .package.prophecy .contents strong a {
      color: #c6b4f6; }
      .donationPackageList .package.prophecy .contents strong a:hover {
        color: #fff; }
  .donationPackageList .package.atlasofworlds .right .border-top {
    background: transparent url('/image/atlas/border_top.png?1525390426000') no-repeat top left; }
  .donationPackageList .package.atlasofworlds .right .border-bot {
    background: transparent url('/image/atlas/border_bot.png?1525390426000') no-repeat bottom left; }
  .donationPackageList .package.atlasofworlds .contents li {
    background: transparent url('/image/atlas/icon_small.png?1525390426000') no-repeat scroll 4px 5px; }
  .donationPackageList .package.atlasofworlds .contents strong {
    color: #eeeadb; }
    .donationPackageList .package.atlasofworlds .contents strong a {
      color: #FFE9C8; }
      .donationPackageList .package.atlasofworlds .contents strong a:hover {
        color: #fff; }
  .donationPackageList .package.breach .right .border-top {
    background: transparent url('/image/shop/pack/breach/border_top.png?1525390450000') no-repeat top left; }
  .donationPackageList .package.breach .right .border-bot {
    background: transparent url('/image/shop/pack/breach/border_bot.png?1525390450000') no-repeat bottom left; }
  .donationPackageList .package.breach .contents li {
    color: #ada8bb;
    background: transparent url('/image/breach/icon_small.png?1525390445000') no-repeat scroll 0px 5px; }
  .donationPackageList .package.breach .contents strong {
    color: #c8c8fa; }
    .donationPackageList .package.breach .contents strong a {
      color: #b16dc2; }
      .donationPackageList .package.breach .contents strong a:hover {
        color: #fff; }
  .donationPackageList .package.classic .right .border-top {
    background: transparent url('/image/shop/pack/classic/border_top.png?1525390451000') no-repeat top left; }
  .donationPackageList .package.classic .right .border-bot {
    background: transparent url('/image/shop/pack/classic/border_bot.png?1525390451000') no-repeat bottom left; }
  .donationPackageList .package.classic .contents li {
    color: #d6c9ae;
    background: transparent url('/image/shop/pack/classic/icon_small.png?1525390451000') no-repeat scroll 4px 3px; }
  .donationPackageList .package.classic .contents strong {
    color: #fad78d; }
    .donationPackageList .package.classic .contents strong a {
      color: #c29430; }
      .donationPackageList .package.classic .contents strong a:hover {
        color: #fff; }
  .donationPackageList .package.oriath .right .border-top {
    background: transparent url('/image/shop/pack/classic/border_top.png?1525390451000') no-repeat top left; }
  .donationPackageList .package.oriath .right .border-bot {
    background: transparent url('/image/shop/pack/classic/border_bot.png?1525390451000') no-repeat bottom left; }
  .donationPackageList .package.oriath .contents li {
    color: #d6c9ae;
    background: transparent url('/image/shop/pack/classic/icon_small.png?1525390451000') no-repeat scroll 4px 3px; }
  .donationPackageList .package.oriath .contents strong {
    color: #fad78d; }
    .donationPackageList .package.oriath .contents strong a {
      color: #c29430; }
      .donationPackageList .package.oriath .contents strong a:hover {
        color: #fff; }
  .donationPackageList .package.harbinger .right .border-top {
    background: transparent url('/image/shop/pack/classic/border_top.png?1525390451000') no-repeat top left; }
  .donationPackageList .package.harbinger .right .border-bot {
    background: transparent url('/image/shop/pack/classic/border_bot.png?1525390451000') no-repeat bottom left; }
  .donationPackageList .package.harbinger .contents li {
    color: #c2cfde;
    background: transparent url('/image/shop/pack/harbinger/HarbingerPackIcon.png?1525390451000') no-repeat scroll 4px 3px; }
  .donationPackageList .package.harbinger .contents strong {
    color: #87a6cc; }
    .donationPackageList .package.harbinger .contents strong a {
      color: #5f7b9a; }
      .donationPackageList .package.harbinger .contents strong a:hover {
        color: #fff; }
  .donationPackageList .package.warfortheatlas .right .border-top {
    background: transparent url('/image/shop/pack/classic/border_top.png?1525390451000') no-repeat top left; }
  .donationPackageList .package.warfortheatlas .right .border-bot {
    background: transparent url('/image/shop/pack/classic/border_bot.png?1525390451000') no-repeat bottom left; }
  .donationPackageList .package.warfortheatlas .contents li {
    color: #d6c9ae;
    background: transparent url('/image/war/icon_small.png?1525390452000') no-repeat scroll 4px 3px; }
  .donationPackageList .package.warfortheatlas .contents strong {
    color: #fad78d; }
    .donationPackageList .package.warfortheatlas .contents strong a {
      color: #c29430; }
      .donationPackageList .package.warfortheatlas .contents strong a:hover {
        color: #fff; }
  .donationPackageList .package.abyss .right .border-top {
    background: transparent url('/image/shop/pack/classic/border_top.png?1525390451000') no-repeat top left; }
  .donationPackageList .package.abyss .right .border-bot {
    background: transparent url('/image/shop/pack/classic/border_bot.png?1525390451000') no-repeat bottom left; }
  .donationPackageList .package.abyss .contents li {
    color: #d1e8bf;
    background: transparent url('/image/shop/pack/abyss/AbyssPackIcon.png?1525390447000') no-repeat scroll 4px 3px; }
  .donationPackageList .package.abyss .contents strong {
    color: #d1e8bf; }
    .donationPackageList .package.abyss .contents strong a {
      color: #a3bd8f; }
      .donationPackageList .package.abyss .contents strong a:hover {
        color: #fff; }
  .donationPackageList .package.abyss#AbyssalLichPack .contents li {
    color: #bcb7dc; }
  .donationPackageList .package.abyss#AbyssalLichPack .contents strong {
    color: #bcb7dc; }
    .donationPackageList .package.abyss#AbyssalLichPack .contents strong a {
      color: #a68de3; }
      .donationPackageList .package.abyss#AbyssalLichPack .contents strong a:hover {
        color: #fff; }
  .donationPackageList .package.bestiaryharpy .right .border-top, .donationPackageList .package.bestiarymanticore .right .border-top {
    background: transparent url('/image/shop/pack/classic/border_top.png?1525390451000') no-repeat top left; }
  .donationPackageList .package.bestiaryharpy .right .border-bot, .donationPackageList .package.bestiarymanticore .right .border-bot {
    background: transparent url('/image/shop/pack/classic/border_bot.png?1525390451000') no-repeat bottom left; }
  .donationPackageList .package.bestiaryharpy .contents li, .donationPackageList .package.bestiarymanticore .contents li {
    color: #c1b474;
    background: transparent url('/image/shop/pack/bestiary/BestiaryPackIcon.png?1525390450000') no-repeat scroll 4px 3px; }
  .donationPackageList .package.bestiaryharpy .contents strong, .donationPackageList .package.bestiarymanticore .contents strong {
    color: #ffe878; }
    .donationPackageList .package.bestiaryharpy .contents strong a, .donationPackageList .package.bestiarymanticore .contents strong a {
      color: #e27908; }
      .donationPackageList .package.bestiaryharpy .contents strong a:hover, .donationPackageList .package.bestiarymanticore .contents strong a:hover {
        color: #fff; }
  .donationPackageList .package.incursion .right .border-top {
    background: transparent url('/image/shop/pack/classic/border_top.png?1525390451000') no-repeat top left; }
  .donationPackageList .package.incursion .right .border-bot {
    background: transparent url('/image/shop/pack/classic/border_bot.png?1525390451000') no-repeat bottom left; }
  .donationPackageList .package.incursion .contents li {
    color: #5f9177;
    background: transparent url('/image/shop/pack/incursion/IncursionPackIcon.png?1525916676000') no-repeat scroll 4px 3px; }
  .donationPackageList .package.incursion .contents strong {
    color: #9ceebf; }
    .donationPackageList .package.incursion .contents strong a {
      color: #2acc8d; }
      .donationPackageList .package.incursion .contents strong a:hover {
        color: #fff; }
  .donationPackageList .package.firstblood .right .border-top {
    background: transparent url('/image/shop/pack/classic/border_top.png?1525390451000') no-repeat top left; }
  .donationPackageList .package.firstblood .right .border-bot {
    background: transparent url('/image/shop/pack/classic/border_bot.png?1525390451000') no-repeat bottom left; }
  .donationPackageList .package.firstblood .contents li {
    color: #f65921;
    background: transparent url('/image/shop/pack/firstblood/FirstBloodPackIcon.png?1525390451000') no-repeat scroll 4px 3px; }
  .donationPackageList .package.firstblood .contents strong {
    color: #f6352e; }
    .donationPackageList .package.firstblood .contents strong a {
      color: #e27908; }
      .donationPackageList .package.firstblood .contents strong a:hover {
        color: #fff; }
  .donationPackageList .package .assetLink {
    font-size: smaller;
    color: #3192d8;
    text-decoration: underline; }
  .donationPackageList .package a:hover .assetLink {
    color: #b2d6f0; }

.donationPackageList .contentsContainer {
  position: relative;
  margin-bottom: 97px;
  z-index: 5; }

.donationPackageList .contents {
  padding: 4px 4px 4px 28px;
  position: relative;
  min-height: 80px; }
  .donationPackageList .contents a {
    text-decoration: none;
    color: #afafaf; }
    .donationPackageList .contents a:hover {
      color: #fff; }

.donationPackageList .contents strong {
  font-weight: normal;
  color: #29C9C0;
  /*
        a {
        text-decoration: none;
        color: #b46000;

        &:hover {
        color: lighten(#A38B63, 30%);
        }
    }*/ }
  .donationPackageList .contents strong a {
    color: #29C9C0; }
    .donationPackageList .contents strong a:hover {
      color: #fff; }

.donationPackageList .contents ul {
  z-index: 50; }
  .donationPackageList .contents ul.upgrading-packs li {
    background: transparent url("../../image/list/t1.png") no-repeat scroll 5px 26px;
    padding: 2px 0 3px 20px; }

.donationPackageList .bot {
  margin-top: 0;
  position: relative; }
  .donationPackageList .bot .shopBuyButton, .donationPackageList .bot .shopUpgradeButton1, .donationPackageList .bot .shopUpgradeButton2, .donationPackageList .bot .out-of-stock, .donationPackageList .bot .shopDisabledButton {
    position: absolute;
    top: 10px;
    right: 24px; }
  .donationPackageList .bot .out-of-stock {
    color: #8b2e2c;
    padding-top: 18px; }

.donationPackageList .price {
  color: #0DC10B;
  text-shadow: 0 0 10px #177111;
  font-size: 243%;
  padding: 1px;
  position: absolute;
  text-align: center;
  width: 150px;
  top: 9px;
  padding-left: 3px;
  left: 14px; }
  .ru_RU .donationPackageList .price {
    font-size: 210%; }

.donationPackageList .price .currency {
  font-size: 55%;
  padding-left: 5px; }

.donationPackageList .packNameImage {
  bottom: -120px;
  left: 16px;
  position: absolute; }

.donationPackageList .notesBlock {
  margin: 22px 18px; }
  .donationPackageList .notesBlock h2 {
    color: #FFE9C8; }
  .donationPackageList .notesBlock h3 {
    color: #eeeadb; }
  .donationPackageList .notesBlock li {
    color: #afafaf;
    background: transparent url('/image/list_large_ascendancy.png?1525390452000') no-repeat scroll 4px 5px; }
    .donationPackageList .notesBlock li a {
      color: #3192d8; }
  .donationPackageList .notesBlock.atlas li {
    background: transparent url('/image/atlas/icon_small.png?1525390426000') no-repeat scroll 4px 5px; }
  .donationPackageList .notesBlock.atlas a {
    color: #857e69; }
  .donationPackageList .notesBlock.war li {
    background: transparent url('/image/war/icon_small.png?1525390452000') no-repeat scroll 4px 5px; }
  .donationPackageList .notesBlock .pullImg {
    margin-right: -18px; }

.donationPackageList .notesBlock h2 {
  margin-bottom: 10px;
  font-size: 156%; }

.donationPackageList .notesBlock h3 {
  font-size: 100%;
  display: inline; }

.donationPackageList .notesBlock li {
  margin: 5px 0px; }

.shopIndex {
  overflow: hidden;
  *zoom: 1; }
  .shopIndex .category {
    float: left;
    position: relative;
    opacity: .9;
    -webkit-transition: 20ms ease all;
    -moz-transition: 20ms ease all false;
    -o-transition: 20ms ease all false;
    transition: 20ms ease all;
    margin: 2px 0px 0px 12px; }
    .shopIndex .category:hover {
      opacity: 1; }
      .shopIndex .category:hover h2 {
        text-shadow: 0px 0px 3px rgba(247, 172, 103, 0.82); }
    .shopIndex .category h2 {
      color: #FFB94A;
      position: absolute;
      top: 14px;
      left: 31px;
      font-size: 31px; }

.shopItem, .shopItemPackage {
  float: left;
  height: 161px;
  margin: 5px 0 0 3px;
  position: relative; }
  .shopItem .name, .shopItem .price, .shopItemPackage .name, .shopItemPackage .price {
    color: #FFDA4D; }
  .shopItem .name, .shopItemPackage .name {
    display: block;
    position: absolute;
    top: 19px;
    left: 14px;
    font-size: 18px;
    line-height: normal;
    text-decoration: none; }
    .shopItem .name.long, .shopItemPackage .name.long {
      font-size: 15px; }
    .shopItem .name:hover, .shopItemPackage .name:hover {
      text-shadow: 0px 0px 5px rgba(219, 195, 153, 0.56); }
  .shopItem.singleItemOwned .name:hover, .shopItemPackage.singleItemOwned .name:hover {
    text-shadow: none; }
  .shopItem.right-align, .shopItemPackage.right-align {
    float: right; }
  .shopItem img.itemImage, .shopItemPackage img.itemImage {
    position: absolute;
    right: 0px; }
  .shopItem .price, .shopItemPackage .price {
    font-size: 21px;
    line-height: 37px;
    position: absolute;
    top: 11px;
    right: 90px;
    padding-right: 33px;
    min-height: 39px;
    background-image: url('/image/shop/item/ShopItemCoin.png?1525390447000');
    background-repeat: no-repeat;
    background-position: top right; }
  .shopItem .buyButton, .shopItemPackage .buyButton {
    background: url('/image/shop/item/BuyButton.png?1525390447000');
    width: 74px;
    height: 37px;
    position: absolute;
    top: 11px;
    right: 14px; }
    .en_US .shopItem .buyButton, .en_US .shopItemPackage .buyButton {
      background-image: url('/image/shop/item/BuyButton.png?1525390447000'); }
    .zh_TW .shopItem .buyButton, .zh_TW .shopItemPackage .buyButton {
      background-image: url('/image/shop/item/zh_TW/BuyButton.png?1525390447000'); }
    .zh_CN .shopItem .buyButton, .zh_CN .shopItemPackage .buyButton {
      background-image: url('/image/shop/item/zh_CN/BuyButton.png?1525390447000'); }
    .th_TH .shopItem .buyButton, .th_TH .shopItemPackage .buyButton {
      background-image: url('/image/shop/item/th_TH/BuyButton.png?1525390447000'); }
    .ru_RU .shopItem .buyButton, .ru_RU .shopItemPackage .buyButton {
      background-image: url('/image/shop/item/ru_RU/BuyButton.png?1525390447000'); }
    .pt_BR .shopItem .buyButton, .pt_BR .shopItemPackage .buyButton {
      background-image: url('/image/shop/item/pt_BR/BuyButton.png?1525390447000'); }
    .de_DE .shopItem .buyButton, .de_DE .shopItemPackage .buyButton {
      background-image: url('/image/shop/item/de_DE/BuyButton.png?1525390447000'); }
    .es_ES .shopItem .buyButton, .es_ES .shopItemPackage .buyButton {
      background-image: url('/image/shop/item/es_ES/BuyButton.png?1525390447000'); }
    .fr_FR .shopItem .buyButton, .fr_FR .shopItemPackage .buyButton {
      background-image: url('/image/shop/item/fr_FR/BuyButton.png?1525390447000'); }
    .shopItem .buyButton .hover, .shopItemPackage .buyButton .hover {
      -webkit-transition: 70ms ease all;
      -moz-transition: 70ms ease all false;
      -o-transition: 70ms ease all false;
      transition: 70ms ease all;
      display: block;
      opacity: 0;
      background-image: url('/image/shop/item/BuyButtonHover.png?1525390447000');
      background-repeat: no-repeat;
      background-position: top left;
      width: 74px;
      height: 37px; }
      .en_US .shopItem .buyButton .hover, .en_US .shopItemPackage .buyButton .hover {
        background-image: url('/image/shop/item/BuyButtonHover.png?1525390447000'); }
      .zh_TW .shopItem .buyButton .hover, .zh_TW .shopItemPackage .buyButton .hover {
        background-image: url('/image/shop/item/zh_TW/BuyButtonHover.png?1525390447000'); }
      .zh_CN .shopItem .buyButton .hover, .zh_CN .shopItemPackage .buyButton .hover {
        background-image: url('/image/shop/item/zh_CN/BuyButtonHover.png?1525390447000'); }
      .th_TH .shopItem .buyButton .hover, .th_TH .shopItemPackage .buyButton .hover {
        background-image: url('/image/shop/item/th_TH/BuyButtonHover.png?1525390447000'); }
      .ru_RU .shopItem .buyButton .hover, .ru_RU .shopItemPackage .buyButton .hover {
        background-image: url('/image/shop/item/ru_RU/BuyButtonHover.png?1525390447000'); }
      .pt_BR .shopItem .buyButton .hover, .pt_BR .shopItemPackage .buyButton .hover {
        background-image: url('/image/shop/item/pt_BR/BuyButtonHover.png?1525390447000'); }
      .de_DE .shopItem .buyButton .hover, .de_DE .shopItemPackage .buyButton .hover {
        background-image: url('/image/shop/item/de_DE/BuyButtonHover.png?1525390447000'); }
      .es_ES .shopItem .buyButton .hover, .es_ES .shopItemPackage .buyButton .hover {
        background-image: url('/image/shop/item/es_ES/BuyButtonHover.png?1525390447000'); }
      .fr_FR .shopItem .buyButton .hover, .fr_FR .shopItemPackage .buyButton .hover {
        background-image: url('/image/shop/item/fr_FR/BuyButtonHover.png?1525390447000'); }
    .shopItem .buyButton.buyButtonDisabled, .shopItemPackage .buyButton.buyButtonDisabled {
      background: url('/image/shop/item/BuyButtonDisabled.png?1525390447000'); }
      .en_US .shopItem .buyButton.buyButtonDisabled, .en_US .shopItemPackage .buyButton.buyButtonDisabled {
        background-image: url('/image/shop/item/BuyButtonDisabled.png?1525390447000'); }
      .zh_TW .shopItem .buyButton.buyButtonDisabled, .zh_TW .shopItemPackage .buyButton.buyButtonDisabled {
        background-image: url('/image/shop/item/zh_TW/BuyButtonDisabled.png?1525390447000'); }
      .zh_CN .shopItem .buyButton.buyButtonDisabled, .zh_CN .shopItemPackage .buyButton.buyButtonDisabled {
        background-image: url('/image/shop/item/zh_CN/BuyButtonDisabled.png'); }
      .th_TH .shopItem .buyButton.buyButtonDisabled, .th_TH .shopItemPackage .buyButton.buyButtonDisabled {
        background-image: url('/image/shop/item/th_TH/BuyButtonDisabled.png?1525390447000'); }
      .ru_RU .shopItem .buyButton.buyButtonDisabled, .ru_RU .shopItemPackage .buyButton.buyButtonDisabled {
        background-image: url('/image/shop/item/ru_RU/BuyButtonDisabled.png?1525390447000'); }
      .pt_BR .shopItem .buyButton.buyButtonDisabled, .pt_BR .shopItemPackage .buyButton.buyButtonDisabled {
        background-image: url('/image/shop/item/pt_BR/BuyButtonDisabled.png'); }
      .de_DE .shopItem .buyButton.buyButtonDisabled, .de_DE .shopItemPackage .buyButton.buyButtonDisabled {
        background-image: url('/image/shop/item/de_DE/BuyButtonDisabled.png?1525390447000'); }
      .es_ES .shopItem .buyButton.buyButtonDisabled, .es_ES .shopItemPackage .buyButton.buyButtonDisabled {
        background-image: url('/image/shop/item/es_ES/BuyButtonDisabled.png?1525390447000'); }
      .fr_FR .shopItem .buyButton.buyButtonDisabled, .fr_FR .shopItemPackage .buyButton.buyButtonDisabled {
        background-image: url('/image/shop/item/fr_FR/BuyButtonDisabled.png?1525390447000'); }
      .shopItem .buyButton.buyButtonDisabled:hover .hover, .shopItemPackage .buyButton.buyButtonDisabled:hover .hover {
        display: none; }
    .shopItem .buyButton:hover .hover, .shopItemPackage .buyButton:hover .hover {
      display: block;
      opacity: 1; }
  .shopItem .description, .shopItemPackage .description {
    position: absolute;
    left: 14px;
    top: 59px;
    font-size: 105%;
    text-shadow: 0px 0px 8px rgba(0, 18, 97, 0.88); }
  .shopItem .controls, .shopItemPackage .controls {
    position: absolute;
    bottom: 2px;
    left: 10px; }
    .shopItem .controls .preview, .shopItem .controls .watchlist, .shopItemPackage .controls .preview, .shopItemPackage .controls .watchlist {
      float: left;
      padding-right: 24px;
      opacity: .8;
      color: #FFDA4D;
      text-decoration: none;
      -webkit-transition: 20ms ease all;
      -moz-transition: 20ms ease all false;
      -o-transition: 20ms ease all false;
      transition: 20ms ease all; }
      .shopItem .controls .preview:hover, .shopItem .controls .watchlist:hover, .shopItemPackage .controls .preview:hover, .shopItemPackage .controls .watchlist:hover {
        opacity: 1;
        text-shadow: 0 0 3px #fff; }
      .shopItem .controls .preview.disabled, .shopItem .controls .preview.disabled:hover, .shopItem .controls .watchlist.disabled, .shopItem .controls .watchlist.disabled:hover, .shopItemPackage .controls .preview.disabled, .shopItemPackage .controls .preview.disabled:hover, .shopItemPackage .controls .watchlist.disabled, .shopItemPackage .controls .watchlist.disabled:hover {
        opacity: 0.8;
        color: gray;
        text-shadow: none; }
    .shopItem .controls .preview, .shopItemPackage .controls .preview {
      padding-left: 26px;
      min-height: 14px;
      background-image: url('/image/shop/item/ShopItemVideoIcon.png?1525390447000');
      background-repeat: no-repeat;
      background-position: top left; }
  .shopItem .singleOwnedIcon, .shopItemPackage .singleOwnedIcon {
    background-image: url('/image/shop/item/AlreadyOwned.png?1525390447000');
    width: 74px;
    height: 37px;
    top: 12px;
    right: 13px;
    position: absolute; }
    .en_US .shopItem .singleOwnedIcon, .en_US .shopItemPackage .singleOwnedIcon {
      background-image: url('/image/shop/item/AlreadyOwned.png?1525390447000'); }
    .zh_TW .shopItem .singleOwnedIcon, .zh_TW .shopItemPackage .singleOwnedIcon {
      background-image: url('/image/shop/item/zh_TW/AlreadyOwned.png?1525390447000'); }
    .zh_CN .shopItem .singleOwnedIcon, .zh_CN .shopItemPackage .singleOwnedIcon {
      background-image: url('/image/shop/item/zh_CN/AlreadyOwned.png'); }
    .th_TH .shopItem .singleOwnedIcon, .th_TH .shopItemPackage .singleOwnedIcon {
      background-image: url('/image/shop/item/th_TH/AlreadyOwned.png?1525390447000'); }
    .ru_RU .shopItem .singleOwnedIcon, .ru_RU .shopItemPackage .singleOwnedIcon {
      background-image: url('/image/shop/item/ru_RU/AlreadyOwned.png?1525390447000'); }
    .pt_BR .shopItem .singleOwnedIcon, .pt_BR .shopItemPackage .singleOwnedIcon {
      background-image: url('/image/shop/item/pt_BR/AlreadyOwned.png?1525390447000'); }
    .de_DE .shopItem .singleOwnedIcon, .de_DE .shopItemPackage .singleOwnedIcon {
      background-image: url('/image/shop/item/de_DE/AlreadyOwned.png?1525390447000'); }
    .es_ES .shopItem .singleOwnedIcon, .es_ES .shopItemPackage .singleOwnedIcon {
      background-image: url('/image/shop/item/es_ES/AlreadyOwned.png?1525390447000'); }
    .fr_FR .shopItem .singleOwnedIcon, .fr_FR .shopItemPackage .singleOwnedIcon {
      background-image: url('/image/shop/item/fr_FR/AlreadyOwned.png?1525390447000'); }
  .shopItem.purchasesPackage .price, .shopItemPackage.purchasesPackage .price {
    background: none;
    padding: 0px;
    color: green;
    color: #0DC10B;
    text-shadow: 0 0 10px #177111; }

.shopItem .onSaleIcon, .shopItemPackage .onSaleIcon, .category .onSaleIcon, .shopBuyItemModal .onSaleIcon {
  position: absolute;
  bottom: 0px;
  right: 0px;
  background: url('/image/shop/item/Sale.png?1525390447000');
  width: 80px;
  height: 51px; }
  .en_US .shopItem .onSaleIcon, .en_US .shopItemPackage .onSaleIcon, .en_US .category .onSaleIcon, .en_US .shopBuyItemModal .onSaleIcon {
    background-image: url('/image/shop/item/Sale.png?1525390447000'); }
  .zh_TW .shopItem .onSaleIcon, .zh_TW .shopItemPackage .onSaleIcon, .zh_TW .category .onSaleIcon, .zh_TW .shopBuyItemModal .onSaleIcon {
    background-image: url('/image/shop/item/zh_TW/Sale.png?1525390447000'); }
  .zh_CN .shopItem .onSaleIcon, .zh_CN .shopItemPackage .onSaleIcon, .zh_CN .category .onSaleIcon, .zh_CN .shopBuyItemModal .onSaleIcon {
    background-image: url('/image/shop/item/zh_CN/Sale.png'); }
  .th_TH .shopItem .onSaleIcon, .th_TH .shopItemPackage .onSaleIcon, .th_TH .category .onSaleIcon, .th_TH .shopBuyItemModal .onSaleIcon {
    background-image: url('/image/shop/item/th_TH/Sale.png?1525390447000'); }
  .ru_RU .shopItem .onSaleIcon, .ru_RU .shopItemPackage .onSaleIcon, .ru_RU .category .onSaleIcon, .ru_RU .shopBuyItemModal .onSaleIcon {
    background-image: url('/image/shop/item/ru_RU/Sale.png?1525390447000'); }
  .pt_BR .shopItem .onSaleIcon, .pt_BR .shopItemPackage .onSaleIcon, .pt_BR .category .onSaleIcon, .pt_BR .shopBuyItemModal .onSaleIcon {
    background-image: url('/image/shop/item/pt_BR/Sale.png?1525390447000'); }
  .de_DE .shopItem .onSaleIcon, .de_DE .shopItemPackage .onSaleIcon, .de_DE .category .onSaleIcon, .de_DE .shopBuyItemModal .onSaleIcon {
    background-image: url('/image/shop/item/de_DE/Sale.png?1525390447000'); }
  .es_ES .shopItem .onSaleIcon, .es_ES .shopItemPackage .onSaleIcon, .es_ES .category .onSaleIcon, .es_ES .shopBuyItemModal .onSaleIcon {
    background-image: url('/image/shop/item/es_ES/Sale.png?1525390447000'); }
  .fr_FR .shopItem .onSaleIcon, .fr_FR .shopItemPackage .onSaleIcon, .fr_FR .category .onSaleIcon, .fr_FR .shopBuyItemModal .onSaleIcon {
    background-image: url('/image/shop/item/fr_FR/Sale.png?1525390447000'); }

.shopItemPackage .onSaleIcon {
  bottom: 168px; }

.shopBuyItemModal .onSaleIcon {
  left: 10px;
  bottom: 50px; }

.shopItem {
  background: url('/image/Art/2DArt/Shop/item/ShopItemBackground.jpg?1524541816000');
  width: 453px;
  height: 161px; }
  .shopItem img.itemImage {
    top: 0px; }
  .shopItem .description {
    height: 77px;
    width: 248px; }

.shopItemPackage {
  background: url('/image/Art/2DArt/Shop/item/PackageBackground.jpg?1524541816000');
  width: 453px;
  height: 327px; }
  .shopItemPackage img.itemImage {
    bottom: 0px; }
  .shopItemPackage .description {
    width: 423px;
    height: 105px; }
  .shopItemPackage .savingsInfo {
    position: absolute;
    bottom: 32px;
    left: 4px;
    height: 40px;
    width: 114px;
    text-align: center;
    color: #330600;
    line-height: 1em;
    font-size: 14px;
    text-shadow: 0px 0px 5px #ffe180, 0px 0px 2px white;
    font-weight: bold; }
    .shopItemPackage .savingsInfo .label {
      padding: 4px 0px 1px 4px; }
    .shopItemPackage .savingsInfo .amount {
      font-size: 18px;
      padding-left: 20px;
      background-image: url('/image/shop/item/ShopItemCoinSmall.png?1525390447000');
      background-repeat: no-repeat;
      background-position: top left; }

.shopPreviewModal {
  display: none;
  background: #030303; }

.shopTopBar1 {
  overflow: hidden;
  *zoom: 1; }
  .shopTopBar1 h1 {
    color: #FFDA4D;
    font-size: 26px;
    padding: 2px 8px;
    text-shadow: 0px 0px 9px rgba(255, 255, 255, 0.36), 0px 0px 3px rgba(219, 131, 0, 0.44);
    float: left; }
  .shopTopBar1 .shopInfoBar {
    height: auto;
    float: right; }

.shopUpgradeErrors {
  padding: 10px; }

.boaCompraPayment .layoutBox1.defaultTheme, .boaCompraPayment .layoutBox1.forumTheme, .boaCompraPayment .layoutBox1.rightBackground1Theme, .boaCompraPayment .layoutBox1.dynamicPageTheme, .boaCompraPayment .layoutBox1.shopPurchaseTheme, .boaCompraPayment .layoutBox1.tempVideoTheme {
  width: 1046px; }

.boaCompraPayment .shopPurchaseComplete {
  height: 628px !important; }
  .boaCompraPayment .shopPurchaseComplete .supportInfo {
    margin-top: 206px; }

#shopEndingCountdownContainer {
  color: red;
  overflow: hidden;
  *zoom: 1; }
  #shopEndingCountdownContainer h2 {
    color: red;
    margin-bottom: 8px;
    font-size: 18px; }
  #shopEndingCountdownContainer .info {
    float: left;
    width: 480px; }
  #shopEndingCountdownContainer .countdownContainer {
    float: right;
    width: 210px; }
    #shopEndingCountdownContainer .countdownContainer .countdown_row, #shopEndingCountdownContainer .countdownContainer .countdown-row {
      clear: none; }

.ru_RU .shopItem .description {
  width: 290px; }

.ru_RU .shopItemPackage .name {
  max-width: 270px; }

.skillsList h1 {
  font-size: 47px;
  text-shadow: 0px 0px 2px #978c65; }

.skillsList .skill {
  overflow: hidden;
  *zoom: 1;
  margin: 20px 0px 45px 0px; }
  .skillsList .skill .skill-frame-1 {
    float: left;
    margin: 11px 0px 0px 30px; }
    .skillsList .skill .skill-frame-1 .image {
      overflow: hidden; }
  .skillsList .skill .content {
    float: left;
    width: 600px;
    margin-left: 30px; }

.supportGems td {
  vertical-align: middle; }

.supportGems img {
  width: 40px; }

#downloadPageList {
  overflow: hidden;
  *zoom: 1; }
  #downloadPageList .downloads {
    float: left; }
  #downloadPageList .installer {
    float: left;
    background: transparent url('/image/installer_bg.png?1525390452000') no-repeat;
    width: 463px;
    height: 547px;
    opacity: 0.9; }
    .en_US #downloadPageList .installer {
      background-image: url('/image/installer_bg.png?1525390452000'); }
    .zh_TW #downloadPageList .installer {
      background-image: url('/image/zh_TW/installer_bg.png'); }
    .zh_CN #downloadPageList .installer {
      background-image: url('/image/zh_CN/installer_bg.png'); }
    .th_TH #downloadPageList .installer {
      background-image: url('/image/th_TH/installer_bg.png'); }
    .ru_RU #downloadPageList .installer {
      background-image: url('/image/ru_RU/installer_bg.png?1525390447000'); }
    .pt_BR #downloadPageList .installer {
      background-image: url('/image/pt_BR/installer_bg.png?1525390447000'); }
    .de_DE #downloadPageList .installer {
      background-image: url('/image/de_DE/installer_bg.png?1525390445000'); }
    .es_ES #downloadPageList .installer {
      background-image: url('/image/es_ES/installer_bg.png?1525390445000'); }
    .fr_FR #downloadPageList .installer {
      background-image: url('/image/fr_FR/installer_bg.png?1525390445000'); }
    #downloadPageList .installer:hover {
      opacity: 1; }
    #downloadPageList .installer .purchaseText {
      height: 40px;
      width: 100%;
      text-align: center; }
  #downloadPageList .installer_beta {
    float: right;
    background: transparent url('/image/installer_bg_beta.png?1525390452000') no-repeat;
    width: 419px;
    height: 547px; }
  #downloadPageList .content {
    margin-top: 400px;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    height: 100px; }
    #downloadPageList .content .purchaseText {
      font-size: 18px; }
      #downloadPageList .content .purchaseText a {
        color: #f48e20; }
    #downloadPageList .content .downloadNowButton {
      margin-left: auto;
      margin-right: auto; }
  #downloadPageList .r16Label {
    float: right;
    margin-bottom: 10px;
    margin-right: 6px;
    margin-top: 4px; }

#monstersPage {
  background: url('/image/monsters/monsters-background.jpg?1525390446000') no-repeat top left;
  min-height: 2123px; }
  #monstersPage .content {
    width: 550px;
    font-size: 13px; }
  #monstersPage .act1 {
    position: absolute;
    top: 480px;
    left: 50px;
    width: 400px; }
  #monstersPage .act2 {
    position: absolute;
    top: 1160px;
    left: 480px;
    width: 400px; }
  #monstersPage .act1 h2, #monstersPage .act2 h2 {
    margin-bottom: 15px;
    font-size: 160%; }
    #monstersPage .act1 h2 a, #monstersPage .act2 h2 a {
      text-decoration: none; }
  #monstersPage .act1 .icons img, #monstersPage .act2 .icons img {
    display: inline-block;
    margin: 0px 47px 42px 0px; }
  #monstersPage .act1 .icons a, #monstersPage .act2 .icons a {
    display: inline-block; }

.monstersMenu .thumb-frame-container {
  width: 125px;
  margin-bottom: 13px; }

.monstersMenu .thumb-frame-container .content {
  width: 94px;
  margin-top: 2px;
  margin-bottom: 13px; }

.monstersMenu .thumb-frame {
  width: 80px; }

#itemsPage {
  background: #050505 url('/image/item/items-background.jpg?1525390445000') no-repeat top left;
  min-height: 664px; }
  #itemsPage .content {
    width: 519px;
    padding: 10px 25px; }
    #itemsPage .content h1 {
      margin-bottom: 45px; }
    #itemsPage .content h2 {
      font-size: 190%; }
    #itemsPage .content p {
      margin: 0px 0px 5px 0px; }
    #itemsPage .content .section {
      margin: 21px 0px; }
    #itemsPage .content .viewMore {
      color: #566A77;
      font-style: italic; }
      #itemsPage .content .viewMore a {
        color: #506674; }
        #itemsPage .content .viewMore a:hover {
          color: #7086a4; }

.eventBase .date, .eventsList .event .date, .eventView .date {
  padding: 0px;
  color: #74706a; }

.eventsList {
  clear: both; }
  .eventsList .eventsTop, .eventsList .eventsBottom {
    overflow: hidden; }
  .eventsList .event {
    margin: 5px 2px;
    padding: 10px;
    border: 1px solid #000; }
    .eventsList .event a.name {
      font-size: 110%;
      text-decoration: none;
      color: #bbb; }
      .eventsList .event a.name:hover {
        text-decoration: underline; }
    .eventsList .event .details {
      margin-left: 15px; }
    .eventsList .event .prizes {
      padding: 12px 0px 0px 0px; }
      .eventsList .event .prizes .title {
        margin-bottom: 5px;
        color: #aaa; }
    .eventsList .event .prize {
      float: left;
      border: 1px solid;
      margin: 0px 4px 4px 4px;
      padding: 0px 2px;
      background: #000;
      border: 1px solid #333;
      color: #bbb; }
    .eventsList .event .claimedPrize {
      opacity: .5; }
    .eventsList .event .rules {
      margin: 10px 0px 10px 3px; }
  .eventsList .upcomingEvent {
    background: #00000D;
    border: 1px solid #2222aa; }
    .eventsList .upcomingEvent .name {
      color: #bbbbe3; }
    .eventsList .upcomingEvent .countdown {
      color: #c9c9d5; }
    .eventsList .upcomingEvent .inProgressText {
      display: none; }
  .eventsList .inProgressEvent {
    background: #000D00;
    border: 1px solid #33ee33; }
    .eventsList .inProgressEvent .name {
      color: #bbf7bb;
      font-weight: bold; }
    .eventsList .inProgressEvent .countdown {
      color: #c6ecc6; }
    .eventsList .inProgressEvent .upcomingText {
      display: none; }
  .eventsList .completeEvent .name {
    color: #6f6f6f; }
  .eventsList .countdown {
    float: right;
    color: #ccc; }
    .eventsList .countdown .countdown_amount, .eventsList .countdown .countdown-amount {
      font-size: 140%; }
  .eventsList.displaySimple .upcomingControls .heading {
    display: inline-block;
    margin: 4px; }
  .eventsList.displaySimple .inProgressControls .heading {
    display: inline-block;
    margin: 4px; }
  .eventsList.displaySimple .event {
    width: 357px;
    display: inline-block;
    border-left: none;
    border-bottom: none;
    vertical-align: top; }

.eventView {
  background: #111;
  padding: 10px;
  border: 1px solid #222; }
  .eventView .twitchWidget {
    display: none;
    background: #fff;
    margin-top: 15px;
    margin-bottom: 15px;
    border: 1px solid #333;
    position: relative;
    overflow: hidden;
    *zoom: 1; }
    .eventView .twitchWidget object {
      background: #000;
      display: block;
      float: left; }
    .eventView .twitchWidget iframe {
      float: left; }
    .eventView .twitchWidget h2 {
      padding: 5px;
      background: -owg-linear-gradient(left, #020202, #292929 40%, #131313);
      background: -webkit-linear-gradient(left, #020202, #292929 40%, #131313);
      background: -moz-linear-gradient(left, #020202, #292929 40%, #131313);
      background: -o-linear-gradient(left, #020202, #292929 40%, #131313);
      -pie-background: -pie-linear-gradient(left, #020202, #292929 40%, #131313);
      background: linear-gradient(left, #020202, #292929 40%, #131313); }
      .eventView .twitchWidget h2 a {
        color: #fff;
        text-decoration: none; }
        .eventView .twitchWidget h2 a:hover {
          text-decoration: underline; }
    .eventView .twitchWidget .close {
      position: absolute;
      top: -1px;
      right: -3px; }

.eventView .details {
  overflow: hidden;
  *zoom: 1; }
  .eventView .details.hasCountdown .left {
    width: 600px; }
  .eventView .details .left {
    float: left; }

.eventView .leagueDescription {
  margin-bottom: 10px; }

.eventView .countdownContainer, .eventView .finishedMessage {
  float: right;
  width: 270px;
  border: 1px solid #222;
  background: #161616;
  padding: 5px;
  border-radius: 2px;
  box-shadow: 1px 1px 6px #0E0E0E inset; }

.eventView .finishedMessage {
  text-align: center;
  color: #818181; }

.eventView .countdownDescription {
  text-align: center;
  font-size: 150%;
  color: #91917C;
  margin-bottom: 5px; }

.eventView .countdown {
  padding: 4px;
  font-size: 69%; }

.eventView .rules {
  margin-top: 10px; }
  .eventView .rules .name {
    font-weight: bold;
    margin-right: 10px; }

.eventView .registrationOpen {
  color: green; }

.eventView .ladderView {
  margin-top: 10px; }

.eventsListSummary .title {
  font-size: 210%; }

.eventsListSummary .event {
  margin: 13px 0px 0px 0px;
  padding-top: 4px;
  border: 1px solid;
  border-color: #141414;
  background-color: #0c0b0b;
  padding: 6px; }
  .eventsListSummary .event .name a {
    color: #DB9F00;
    font-size: 110%;
    text-decoration: none; }
    .eventsListSummary .event .name a:hover {
      color: #ffbd0f; }
  .eventsListSummary .event .info {
    overflow: hidden;
    *zoom: 1; }
  .eventsListSummary .event .time {
    float: left;
    color: #585858;
    font-style: italic; }
  .eventsListSummary .event .registrationStatus {
    float: right; }
    .eventsListSummary .event .registrationStatus.open {
      color: #318525; }

.eventsListSummary .upcomingEvents {
  margin-top: 14px; }

.eventsListSummary .currentEvents {
  margin-top: 13px; }

.landingBox {
  position: relative; }
  .landingBox h2 {
    font-size: 22px;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.91); }
  .landingBox .itemInfo {
    text-align: center;
    font-style: italic;
    font-size: 90%; }
  .landingBox .content, .landingBox .content2 {
    position: absolute; }
    .landingBox .content p, .landingBox .content2 p {
      font-size: 14px;
      line-height: 21px;
      margin-top: 10px; }
  .landingBox.intro {
    background: url('/image/landing-page/OverviewTOP.jpg?1525390446000') top left;
    height: 794px; }
    .landingBox.intro .content {
      top: 562px;
      left: 487px;
      width: 412px; }
    .landingBox.intro .content2 {
      top: 816px;
      left: 106px;
      width: 698px; }
    .landingBox.intro .video {
      position: absolute;
      top: 550px;
      left: 40px; }
    .landingBox.intro .classes {
      top: 889px;
      left: 54px; }
    .landingBox.intro .gameOfTheYear {
      display: block;
      background: url('/image/emblems/gamespot_goty-2013-indicias-PC.png?1525390445000');
      width: 363px;
      height: 481px;
      background-size: contain;
      position: absolute; }
    .landingBox.intro.isLoggedIn .gameOfTheYear {
      width: 137.94px;
      height: 182.78px;
      left: 88px;
      top: 197px; }
    .landingBox.intro.notLoggedIn .gameOfTheYear {
      width: 108.9px;
      height: 144.3px;
      right: 16px;
      top: 374px; }
    .landingBox.intro h1, .landingBox.intro h2 {
      font-weight: normal;
      top: 27px;
      left: 33px;
      font-size: 24px;
      position: absolute;
      text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.88); }
    .landingBox.intro h2 {
      position: absolute;
      top: 90px;
      left: 37px;
      font-size: 20px;
      color: #F3E000;
      padding: 0px;
      background: transparent;
      margin: 0px; }
    .landingBox.intro .classes {
      position: absolute;
      overflow: hidden;
      *zoom: 1; }
      .landingBox.intro .classes div {
        float: left;
        margin-right: 8px; }
      .landingBox.intro .classes a {
        display: block; }
      .landingBox.intro .classes .name {
        text-decoration: none;
        text-align: center; }
    .landingBox.intro #create_account {
      position: absolute;
      left: 37px;
      width: 375px;
      top: 120px;
      overflow: hidden;
      padding: 8px;
      background: rgba(11, 10, 14, 0.9);
      border-radius: 3px;
      border: 1px solid #141414;
      box-shadow: 0px 0px 9px 3px rgba(0, 5, 10, 0.86); }
      .landingBox.intro #create_account fieldset {
        border: 1px solid rgba(5, 5, 5, 0.2);
        background: rgba(14, 14, 14, 0.16);
        background: -owg-linear-gradient(left, rgba(17, 17, 17, 0.1), rgba(12, 12, 12, 0.1) 40%, rgba(22, 22, 22, 0.1));
        background: -webkit-linear-gradient(left, rgba(17, 17, 17, 0.1), rgba(12, 12, 12, 0.1) 40%, rgba(22, 22, 22, 0.1));
        background: -moz-linear-gradient(left, rgba(17, 17, 17, 0.1), rgba(12, 12, 12, 0.1) 40%, rgba(22, 22, 22, 0.1));
        background: -o-linear-gradient(left, rgba(17, 17, 17, 0.1), rgba(12, 12, 12, 0.1) 40%, rgba(22, 22, 22, 0.1));
        -pie-background: -pie-linear-gradient(left, rgba(17, 17, 17, 0.1), rgba(12, 12, 12, 0.1) 40%, rgba(22, 22, 22, 0.1));
        background: linear-gradient(left, rgba(17, 17, 17, 0.1), rgba(12, 12, 12, 0.1) 40%, rgba(22, 22, 22, 0.1));
        border-radius: 3px;
        box-shadow: 0px 0px 3px 0px #181818; }
      .landingBox.intro #create_account .row {
        margin: 10px 2px 5px 3px; }
      .landingBox.intro #create_account input[type="text"], .landingBox.intro #create_account input[type="password"] {
        border: 1px solid #5A778F;
        box-shadow: 0px 0px 2px #007aff;
        color: #849ec4; }
        .landingBox.intro #create_account input[type="text"]:focus, .landingBox.intro #create_account input[type="password"]:focus {
          border: 1px solid #9E7938;
          box-shadow: 0px 0px 2px #A0A08A;
          outline: none; }
      .landingBox.intro #create_account input[type="submit"] {
        border: 1px solid #575E85;
        text-shadow: 0px 0px 1px #9da1ff; }
  .landingBox.skill {
    background: url('/image/landing-page/SkillGems.jpg?1525390446000') top left;
    height: 603px; }
    .landingBox.skill .content {
      top: 44px;
      left: 343px;
      width: 541px; }
    .landingBox.skill .unique {
      position: absolute;
      top: 220px;
      left: 86px; }
    .landingBox.skill .skillGems {
      position: absolute;
      top: 48px;
      left: 39px;
      width: 300px; }
    .landingBox.skill .supportGems {
      position: absolute;
      top: 142px;
      left: 39px;
      width: 300px; }
    .landingBox.skill .itemInfo {
      top: 546px;
      left: 39px;
      position: absolute;
      width: 260px; }
  .landingBox.item {
    background: url('/image/landing-page/ItemSystem.jpg?1525390446000') top left;
    height: 603px; }
    .landingBox.item .content {
      top: 16px;
      left: 26px;
      width: 547px; }
    .landingBox.item .items {
      width: 540px; }
      .landingBox.item .items .newItemContainer {
        margin-right: 16px; }
    .landingBox.item .flask {
      position: absolute;
      top: 10px;
      left: 576px; }
  .landingBox.monster {
    background: url('/image/landing-page/WorldOfWraeclast.jpg?1525390446000') top left;
    height: 603px; }
    .landingBox.monster .content {
      top: 225px;
      left: 447px;
      width: 453px; }
  .landingBox.leagues {
    background: url('/image/landing-page/LeagueEvents.jpg?1525390446000') top left;
    height: 603px; }
    .landingBox.leagues .content {
      top: 45px;
      left: 47px;
      width: 483px; }
    .landingBox.leagues .content2 {
      bottom: 47px;
      left: 47px;
      width: 333px; }
    .landingBox.leagues .demigods {
      position: absolute;
      bottom: 47px;
      left: 389px; }
    .landingBox.leagues .donationBanner {
      position: absolute;
      bottom: 0px;
      left: 8px; }
    .landingBox.leagues .signupButton {
      position: absolute;
      bottom: 182px;
      left: 45px; }
  .landingBox.passiveSkillTree {
    background: url('/image/landing-page/PassiveSkillTree.jpg?1525390446000') top left;
    height: 603px; }
    .landingBox.passiveSkillTree .content {
      top: 25px;
      left: 27px;
      width: 632px; }
    .landingBox.passiveSkillTree .skillTreeLink {
      position: absolute;
      top: 19px;
      right: 11px; }

.layoutBox1 .landingBox .newItemContainer .socket {
  width: 78px;
  height: 78px; }

.layoutBox1 .landingBox .newItemContainer .socketStr.socketed {
  background-image: url('/image/landing-page/StrSocketActive.png?1525390446000'); }
  .layoutBox1 .landingBox .newItemContainer .socketStr.socketed.socketSupport {
    background-image: url('/image/landing-page/StrSocketSupport.png?1525390446000'); }
  .layoutBox1 .landingBox .newItemContainer .socketStr.socketed:hover {
    background-position: 0px -80px; }

.layoutBox1 .landingBox .newItemContainer .socketInt.socketed {
  background-image: url('/image/landing-page/IntSocketActive.png?1525390446000'); }
  .layoutBox1 .landingBox .newItemContainer .socketInt.socketed.socketSupport {
    background-image: url('/image/landing-page/IntSocketSupport.png?1525390446000'); }
  .layoutBox1 .landingBox .newItemContainer .socketInt.socketed:hover {
    background-position: 0px -80px; }

.layoutBox1 .landingBox .newItemContainer .socketDex.socketed {
  background-image: url('/image/landing-page/DexSocketActive.png?1525390446000'); }
  .layoutBox1 .landingBox .newItemContainer .socketDex.socketed.socketSupport {
    background-image: url('/image/landing-page/DexSocketSupport.png?1525390446000'); }
  .layoutBox1 .landingBox .newItemContainer .socketDex.socketed:hover {
    background-position: 0px -80px; }

.layoutBox1 .landingBox .newItemContainer.iW1 {
  width: 78px; }
  .layoutBox1 .landingBox .newItemContainer.iW1 .icon {
    width: 78px; }

.layoutBox1 .landingBox .newItemContainer.iW2 {
  width: 156px; }
  .layoutBox1 .landingBox .newItemContainer.iW2 .icon {
    width: 156px; }
  .layoutBox1 .landingBox .newItemContainer.iW2 .sockets {
    width: 156px; }
  .layoutBox1 .landingBox .newItemContainer.iW2 .socketLink0, .layoutBox1 .landingBox .newItemContainer.iW2 .socketLink2 {
    background-image: url('/image/landing-page/LinkHoriz.png?1525390446000');
    width: 62px;
    height: 25px; }
  .layoutBox1 .landingBox .newItemContainer.iW2 .socketLink0 {
    left: 47px;
    top: 26.5px; }
  .layoutBox1 .landingBox .newItemContainer.iW2 .socketLink1, .layoutBox1 .landingBox .newItemContainer.iW2 .socketLink3 {
    background-image: url('/image/landing-page/LinkVert.png?1525390446000');
    width: 25px;
    height: 62px; }
  .layoutBox1 .landingBox .newItemContainer.iW2 .socketLink1 {
    top: 47px;
    left: 104.5px; }
  .layoutBox1 .landingBox .newItemContainer.iW2 .socketLink2 {
    top: 106px;
    left: 47px; }
  .layoutBox1 .landingBox .newItemContainer.iW2 .socketLink3 {
    top: 125px;
    left: 26.5px; }

.layoutBox1 .landingBox .newItemContainer.iW2.iH4 .sockets {
  top: 39px; }

body.ru_RU .landingBox.leagues .content2 {
  top: 318px; }

.prettyprint {
  margin: 5px 0;
  padding: 7px !important;
  border: 1px solid #201e18 !important;
  background: rgba(0, 0, 0, 0.5);
  overflow-y: auto;
  max-height: 400px; }
  .prettyprint .kwd {
    color: #c0b9a0; }
  .prettyprint .str {
    color: #b4b15f; }
  .prettyprint .pun {
    color: #a57440; }
  .prettyprint .lit {
    color: #ca814f; }
  .prettyprint .pln {
    color: silver; }

.apiResource h2, .apiResource h3 {
  color: #a5a8a8; }

.apiResource .parameters {
  margin: 20px 0px 30px 0px; }
  .apiResource .parameters .parameter {
    overflow: hidden;
    *zoom: 1;
    margin: 5px 0px 21px 0px;
    padding-left: 2px; }
    .apiResource .parameters .parameter .name {
      display: block;
      float: left;
      width: 150px;
      color: #caad88;
      font-weight: bold; }
    .apiResource .parameters .parameter p {
      margin-left: 150px; }
    .apiResource .parameters .parameter .required, .apiResource .parameters .parameter .optional {
      display: block;
      font-style: italic;
      font-weight: normal; }
    .apiResource .parameters .parameter .required {
      color: #87c21d; }
    .apiResource .parameters .parameter .optional {
      color: #575757; }
    .apiResource .parameters .parameter code {
      border: 1px solid #414141;
      display: inline-block;
      padding: 0px 2px; }

.apiResource .example {
  background: #111111;
  padding: 5px;
  border: 1px solid #444;
  box-shadow: 0px 0px 3px #444; }
  .apiResource .example h3 {
    margin-top: 10px; }

#apiErrors th {
  font-weight: bold;
  padding: 4px 2px; }

#apiErrors td {
  padding: 4px;
  border: 1px solid #313130; }

#apiErrors section {
  margin-bottom: 15px; }

.forum-table td.last_post {
  max-width: 170px;
  overflow: hidden;
  word-wrap: break-word; }

.forum-table-container {
  min-height: 400px;
  height: auto !important;
  height: 400px;
  margin: 0px;
  position: relative; }
  .forum-table-container .buildGuide {
    padding: 14px; }
    .forum-table-container .buildGuide .left {
      float: left;
      width: 49%; }
    .forum-table-container .buildGuide .right {
      float: right;
      width: 49%; }
    .forum-table-container .buildGuide span {
      font-size: 16px; }
    .forum-table-container .buildGuide .option {
      font-weight: bold;
      color: #adc7ef; }
    .forum-table-container .buildGuide .value {
      color: #bbbbbd; }
      .forum-table-container .buildGuide .value ul li {
        background: none; }

.forum-table .last_edited_by {
  margin-top: 10px;
  color: #888; }

.forum-table td.post_info {
  max-width: 200px;
  overflow: hidden;
  word-wrap: break-word; }

.view-more-forums {
  padding-right: 10px; }

.forum-table .staff .content-container {
  color: #CEC59F;
  border: 1px solid #DB9F00;
  border-right: 1px solid #000; }

.forum-table .staff + tr:not(.staff) .content-container {
  /* Remove top border from tds after a staff post, as opera by default makes that border overwrite the staff border */
  border-top: none; }

.forum-table .staff + tr:not(.staff) .post_info {
  /* Remove top border from tds after a staff post, as opera by default makes that border overwrite the staff border */
  border-top: none; }

.forum-table .staff .post_info {
  border: 1px solid #DB9F00;
  border-left: 1px solid #000; }

.posted-by-link {
  text-decoration: none; }

.forum_pagination a {
  text-decoration: none;
  margin-left: 8px;
  font-size: 0.9em;
  line-height: 1.5em;
  padding: 0px 3px;
  background-color: #0F0F0F;
  border: 1px solid;
  border-color: #1F1D1D #2F2F2F #2F2F2F #1F1D1D;
  box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.52) inset;
  border-radius: 1px; }

.forum_pagination a:hover {
  border-color: #2F2F2F #1F1D1D #1F1D1D #2F2F2F;
  box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.52); }

.forum_pagination a.first {
  text-decoration: none;
  margin-left: 0px; }

.forum_breadcrumb {
  margin: 3px 0px 10px 0px;
  font-weight: bold; }

.forum_breadcrumb a {
  text-decoration: none; }

.forum_breadcrumb a:hover {
  color: #fff; }

#forum_new_thread {
  z-index: 100;
  position: absolute;
  bottom: -8px;
  right: 7px; }

#forum_post_reply {
  position: absolute;
  bottom: -8px;
  right: 7px;
  color: #000;
  z-index: 100; }

.total_results {
  font-style: italic; }

.forum_name {
  position: relative; }

.forum_name .name a {
  font-weight: bold;
  text-decoration: none;
  font-size: 115%;
  color: #B99C74; }

.thread_title {
  margin-bottom: 5px;
  position: relative; }
  .thread_title .title {
    width: 436px;
    overflow: hidden; }
    .thread_title .title .movedText {
      color: #B8A387;
      text-shadow: 0px 0px 4px #444;
      font-size: 90%;
      font-style: italic; }

.thread_title .status, .forum_name .status {
  position: relative;
  width: 15px;
  height: 15px;
  float: left;
  margin-right: 5px; }

.thread_title .status div, .forum_name .status div {
  position: absolute;
  top: 0px;
  left: 0px; }

.forum_name .status div {
  font-size: 115%;
  /* has to match .forum_name a */ }

.thread_title .status div {
  font-size: 105%;
  /* has to match .thread_title a */ }

.forum_name .name {
  margin-right: 18px;
  overflow: hidden; }

.thread_title a {
  font-weight: bold;
  text-decoration: none;
  font-size: 105%;
  color: #C29E6C;
  color: #B99C74; }

.forum_name a:hover, .thread_title a:hover {
  color: #FFE5B5;
  text-shadow: 0px 0px 2px #494742; }

.postHistory .content {
  min-height: 5px;
  margin: 0px; }

.postHistory .post_info_content {
  margin: 0px; }
  .postHistory .post_info_content .revert_content {
    margin-top: 10px; }
  .postHistory .post_info_content .current_version {
    color: #cec59f;
    font-weight: bold;
    margin-top: 10px; }
  .postHistory .post_info_content .version_num {
    margin-top: 10px; }

table {
  width: 100%;
  margin: 0px;
  text-align: left;
  padding: 0px;
  border-collapse: collapse; }

th {
  text-align: inherit;
  /* ie8 bug */
  padding: 0px; }

.norm th {
  padding: 5px; }

/*tr
{
    background-color: #222319;
}*/
td {
  vertical-align: top; }

tr.even {
  background-color: #0d0f0d; }

tr.heading {
  background: transparent;
  height: 25px; }

/*
.striped-table td
{
    padding: 5px;
}*/
/*

.striped-table tr
{
    //background-color: #222319;
    background-color: $forumTableRowBackgroundColour;
}

.striped-table tr.even
{
    //background-color: #0d0f0d;
    background-color: $forumTableRowAltBackgroundColour;
}*/
#screenshots_box {
  float: left;
  width: 356px;
  margin: 10px 0px 0px 34px; }

#screenshots_box .thumb-frame {
  margin: 17px 0px 0px 0px; }

.mainNewsControls .pagination {
  float: left; }

.mainSearchForm {
  padding: 15px 10px 5px 10px; }
  .mainSearchForm select {
    min-width: 370px; }
    .mainSearchForm select#forums {
      min-height: 177px; }

.search-results td {
  padding: 5px; }

#search_results tr {
  background-color: #20201D; }

#search_results tr.heading {
  background-color: #000; }

#search_results tr.even {
  background-color: #0D0F0D; }

#search_results .type {
  font-weight: bold;
  width: 90px;
  color: #CFC28E; }

#search_results .details div {
  width: 190px; }

#search_results .details div div {
  overflow: hidden;
  margin-bottom: 5px; }

.search-results div.content {
  height: auto !important;
  min-height: 137px;
  overflow-x: auto;
  width: 600px; }

.searchExample, .outlinedInfo {
  background-color: #0E0D0D;
  padding: 5px;
  border: 1px solid #242322; }

.pm-controls .compose {
  padding: 3px;
  font-size: initial;
  color: #d0d2ff;
  position: absolute;
  top: 0;
  right: 0;
  margin: 1px; }

.pm-current {
  min-height: 256px; }

.pm-current, .pm-history {
  background-color: #1a1a1a; }
  .pm-current .message-detail, .pm-history .message-detail {
    padding: 5px; }
    .pm-current .message-detail .avatar, .pm-history .message-detail .avatar {
      float: left;
      margin: 0 10px 0 0; }
      .pm-current .message-detail .avatar img, .pm-history .message-detail .avatar img {
        max-width: 64px; }
    .pm-current .message-detail .subject, .pm-history .message-detail .subject {
      color: #c29e6c;
      font-size: 115%;
      font-weight: bold;
      text-decoration: none; }
      .pm-current .message-detail .subject:hover, .pm-history .message-detail .subject:hover {
        color: #fff; }
    .pm-current .message-detail .message-header, .pm-history .message-detail .message-header {
      float: left; }
  .pm-current .message-content, .pm-history .message-content {
    padding: 5px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word; }
  .pm-current tr td, .pm-history tr td {
    padding: 1px; }
  .pm-current tr.current-message, .pm-current tr.important td, .pm-history tr.current-message, .pm-history tr.important td {
    padding: 0px; }
  .pm-current tr.current-message, .pm-history tr.current-message {
    border: 2px solid #69583d; }
  .pm-current tr.important, .pm-history tr.important {
    border-left: 2px solid #c67333;
    border-right: 2px solid #c67333; }

table.pm-list {
  color: #a38d6d; }
  table.pm-list td {
    padding: 5px; }
  table.pm-list .status, table.pm-list .controls {
    width: 50px;
    text-align: center;
    vertical-align: middle; }
    table.pm-list .status img, table.pm-list .controls img {
      width: 32px;
      -webkit-pointer-events: none;
      -moz-pointer-events: none;
      pointer-events: none; }
  table.pm-list .important .status {
    border-left: 2px solid #c67333;
    padding-left: 4px; }
  table.pm-list .important .controls {
    border-right: 2px solid #c67333;
    padding-right: 4px; }
  table.pm-list .subject a {
    float: left;
    color: #c29e6c;
    font-size: 115%;
    font-weight: bold;
    text-decoration: none; }
  table.pm-list a:hover {
    color: #fff; }

#pm-list-controls {
  margin-top: 10px;
  padding: 5px;
  text-align: right; }
  #pm-list-controls .view-mode {
    float: left; }
  #pm-list-controls .selection {
    float: right; }
    #pm-list-controls .selection .submit2 {
      margin-bottom: 0; }
    #pm-list-controls .selection .select {
      margin: 3px;
      line-height: 20px;
      font-size: 80%; }
      #pm-list-controls .selection .select a {
        text-decoration: none; }

.pm-list .m-date {
  font-size: 80%; }

.pm-recipient-subform {
  border: 1px solid #3F3C33;
  margin-bottom: 15px; }
  .pm-recipient-subform td {
    padding: 5px; }

.pm-remove-recipient div {
  min-width: 120px;
  width: auto !important;
  width: 120px;
  height: 23px;
  float: left;
  margin-left: 5px; }

.pm-remove-recipient a {
  float: left;
  margin-left: 5px; }

.pm-remove-recipient input {
  float: left;
  background: #231c18 url('/image/form/button-gradient.png?1525390445000') repeat-x;
  border: 1px solid;
  font-size: .8em;
  padding: 0px 2px;
  color: #886F56; }

.pm-remove-recipient input:hover {
  cursor: pointer;
  color: #FF342F; }

.pm-compose-form .pm-add-recipient-button, .submit2 {
  width: auto;
  background: #231c18 url('/image/form/button-gradient.png?1525390445000') repeat-x;
  border: 1px solid #3F3C33;
  padding: 2px;
  color: #886F56;
  margin-bottom: 8px; }

.pm-add-recipient-button:hover, .submit2:hover {
  cursor: pointer;
  color: #C29E6C;
  background-position: 0px 0px;
  border-color: #C29E6C; }

.pm-compose-form .add-recipient-buttons {
  width: 76px;
  padding-left: 0px; }
  .pm-compose-form .add-recipient-buttons input {
    width: 100%;
    margin-bottom: 10px; }

#pm-post-reply {
  padding: 5px; }

tr.pmAddRecipient textarea {
  height: 100px; }

#private_messages_status {
  position: absolute;
  bottom: -15px;
  left: 25px;
  width: 177px;
  height: 19px;
  padding: 3px 6px;
  font-weight: bold;
  background: url('/image/pm_status.jpg?1525390452000');
  text-align: center; }

#private_messages_status a {
  text-decoration: none;
  color: #FFBA00; }

#private_messages_status a:hover {
  text-decoration: none;
  color: #FFF; }

.profile {
  width: 922px;
  margin: 0px auto;
  overflow: hidden; }
  .profile .profile-box {
    float: left;
    width: 304px;
    height: 154px;
    position: relative;
    padding: 7px 9px 7px 10px;
    margin: 10px 0px;
    background: url('/image/profile/window-sides.png?1525390447000') repeat-y top left; }
    .profile .profile-box .character-more {
      position: absolute;
      bottom: 17px;
      right: 15px;
      font-size: 10px; }
    .profile .profile-box .box-top {
      position: absolute;
      top: 0px;
      left: 0px;
      background: url('/image/gen/profile-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -324px -190px;
      height: 41px;
      width: 324px; }
    .profile .profile-box .box-bottom {
      position: absolute;
      bottom: -6px;
      left: 0px;
      background: url('/image/gen/profile-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: 0px -190px;
      height: 41px;
      width: 324px; }
    .profile .profile-box .box-inner {
      background: #0c0b0b;
      padding: 0px 8px;
      height: 100%; }
    .profile .profile-box .rewards {
      margin-top: 12px; }
    .profile .profile-box p {
      line-height: 20px; }
    .profile .profile-box h2 {
      font-family: 'FontinSmallCaps', Verdana,Arial,Helvetica,sans-serif;
      font-weight: normal;
      margin-bottom: 5px;
      font-size: 1.4em;
      text-align: center; }
      .profile .profile-box h2.has-challenge-level {
        padding-right: 15px; }
    .profile .profile-box .challenge-level {
      position: absolute;
      right: 15px;
      top: 5px; }
    .profile .profile-box:nth-child(2n) {
      margin-left: 15px; }
    .profile .profile-box .coming-soon {
      font-style: italic;
      padding-top: 35px;
      text-align: center; }
  .profile .frame {
    background: url('/image/profile/frame-middle.png?1525390447000') repeat-y top left;
    width: 656px;
    position: relative;
    margin: 10px 0px; }
    .profile .frame .top {
      position: absolute;
      background: url('/image/profile/frame-top.png?1525390447000');
      height: 33px;
      width: 656px;
      top: 0px;
      left: 0px; }
    .profile .frame .bottom {
      position: absolute;
      background: url('/image/profile/frame-bottom.png?1525390447000');
      height: 33px;
      width: 656px;
      bottom: 0px;
      left: 0px; }
    .profile .frame .background {
      position: absolute;
      top: 5px;
      left: 5px;
      right: 6px;
      bottom: 6px;
      background: rgba(0, 0, 0, 0.76); }
    .profile .frame .content {
      padding: 10px 14px 5px 14px;
      z-index: 2;
      position: relative;
      overflow: hidden;
      *zoom: 1; }
  .profile .profile-details {
    position: relative;
    float: right;
    width: 227px;
    min-height: 748px;
    background: #191A17 url('/image/profile/profile-right.jpg?1525390447000') no-repeat top left;
    padding: 15px 0px;
    font-size: 12.5px; }
    .profile .profile-details .details-top {
      position: absolute;
      top: 0px;
      left: 0px;
      background: url('/image/profile/profile-right.jpg?1525390447000') no-repeat top left;
      width: 227px;
      height: 759px; }
    .profile .profile-details .details-bottom {
      position: absolute;
      bottom: 0px;
      left: 0px;
      background: url('/image/profile/profile-bottomright.jpg?1525390447000') no-repeat top left;
      width: 227px;
      height: 24px; }
    .profile .profile-details .details-inner {
      background: url('/image/profile/profile-right-bg.jpg?1525390447000') repeat-y top left;
      padding: 9px 13.5px;
      height: 100%; }
      .profile .profile-details .details-inner .details-content {
        position: relative; }
  .profile .avatar {
    width: 100%;
    float: left;
    text-align: center; }
  .profile .profile-top {
    padding-right: 11px;
    height: 45px;
    position: relative;
    background: url('/image/profile/profile-top.jpg?1525390447000') no-repeat top left; }
    .profile .profile-top .tab-links {
      overflow: hidden;
      margin: 0px 0px 1px 15px;
      position: absolute;
      bottom: 0px; }
      .profile .profile-top .tab-links .tab {
        display: inline-block;
        background: url('/image/profile/tab-off.png?1525390447000') no-repeat top right;
        height: 23px;
        position: relative;
        margin-left: 5px;
        font-size: 12px;
        line-height: 23px;
        color: #D1C39B; }
        .profile .profile-top .tab-links .tab span {
          display: inline-block;
          background: url('/image/profile/tab-off.png?1525390447000') no-repeat top left;
          height: 23px;
          top: 0px;
          position: relative;
          left: -9px;
          padding-left: 11px;
          margin-right: 2px; }
        .profile .profile-top .tab-links .tab.active, .profile .profile-top .tab-links .tab:hover {
          background-image: url('/image/profile/tab-on.png?1525390447000'); }
          .profile .profile-top .tab-links .tab.active span, .profile .profile-top .tab-links .tab:hover span {
            background-image: url('/image/profile/tab-on.png?1525390447000'); }
  .profile .profile-name {
    padding: 0px 15px 10px 20px; }
  .profile .details {
    clear: both; }
  .profile .shopCoinStatusBox {
    float: left;
    position: absolute;
    right: 4px;
    top: 56px; }
  .profile .profileTransactions .transaction {
    padding: 5px; }
    .profile .profileTransactions .transaction .pack-key {
      width: 78%;
      float: left;
      color: #d9d9da;
      font-size: 12px; }
      .profile .profileTransactions .transaction .pack-key .key {
        color: #fad78d; }
  .profile .profileTransactions .transactionEven {
    background: #111; }
  .profile .profileTransactions .transaction .el {
    float: left;
    margin: 5px; }
  .profile .profileTransactions .transaction .id {
    min-width: 60px; }
  .profile .profileTransactions .transaction .packageName {
    min-width: 180px;
    font-size: 150%; }
  .profile .profileTransactions .transaction .date {
    float: right; }
  .profile .profileTransactions .transaction .upgrade {
    float: right; }
  .profile .profileTransactions .transaction .status {
    font-weight: bold;
    float: right; }
  .profile .profileTransactions .transaction .statusComplete {
    color: LawnGreen; }
  .profile .profileTransactions .transaction .upgradeToInfo, .profile .profileTransactions .transaction .upgradeFromInfo,
  .profile .profileTransactions .transaction .mergeToInfo, .profile .profileTransactions .transaction .mergeFromInfo {
    clear: both;
    padding: 5px 5px 5px 27px;
    font-style: italic; }
  .profile .profile-container {
    float: left;
    width: 695px;
    min-height: 748px;
    padding: 15px 0px;
    position: relative; }
    .profile .profile-container.fullwidth {
      width: 922px; }
      .profile .profile-container.fullwidth .layoutBox1 {
        width: 883px;
        float: none;
        display: block; }
      .profile .profile-container.fullwidth .container-top {
        width: 922px;
        background: #191A17 url('/image/profile/profile-full.jpg?1525390447000') no-repeat top left; }
      .profile .profile-container.fullwidth .container-bottom {
        height: 19px;
        width: 922px;
        background: #191A17 url('/image/profile/profile-full-bottom.jpg?1525390447000') no-repeat top left; }
      .profile .profile-container.fullwidth .container-inner {
        background: #191A17 url('/image/profile/profile-full-bg.jpg?1525390447000') repeat-y top left; }
    .profile .profile-container #showcase {
      padding-left: 1px; }
    .profile .profile-container .incomplete .showcase-item {
      opacity: 0.6; }
    .profile .profile-container .showcase-item {
      line-height: 50px;
      position: relative;
      background: url('/image/gen/profile-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -320px 0px;
      height: 55px;
      padding: 10px 20px;
      margin: 10px 0px;
      cursor: default; }
      .profile .profile-container .showcase-item h2 {
        font-size: 1.5em;
        font-family: 'FontinSmallCaps', Verdana,Arial,Helvetica,sans-serif;
        font-weight: normal;
        float: left;
        width: 581px;
        white-space: nowrap;
        overflow-x: hidden;
        text-overflow: ellipsis; }
      .profile .profile-container .showcase-item .icon {
        float: left;
        width: 33px;
        height: 33px;
        margin-top: 9px;
        margin-right: 10px; }
      .profile .profile-container .showcase-item .description {
        left: inherit;
        right: -5px;
        bottom: 72px;
        top: inherit;
        color: #00b6ff;
        font-size: 12px;
        line-height: 18px;
        z-index: 1500;
        height: auto; }
        .profile .profile-container .showcase-item .description .box-inner {
          padding-top: 10px;
          padding-bottom: 10px;
          height: auto; }
    .profile .profile-container .achievement-container {
      padding-bottom: 12px; }
      .profile .profile-container .achievement-container .btn-show-achievements {
        float: right;
        cursor: pointer;
        padding-right: 40px; }
        .profile .profile-container .achievement-container .btn-show-achievements:after {
          content: ' ';
          position: absolute;
          display: inline-block;
          margin-left: 6px;
          width: 19px;
          height: 19px;
          background: url("/image/Art/2DArt/UIImages/Common/CheckBoxUnchecked.png");
          background-size: 19px 19px; }
        .profile .profile-container .achievement-container .btn-show-achievements.checked:after {
          background: url("/image/Art/2DArt/UIImages/Common/CheckBoxChecked.png");
          background-size: 19px 19px; }
      .profile .profile-container .achievement-container .achievement-list {
        border: 2px solid #653F27;
        border-radius: 3px;
        width: 650px; }
        .profile .profile-container .achievement-container .achievement-list .achievement {
          line-height: 62px;
          min-height: 62px;
          width: 650px;
          position: relative;
          background: url("/image/Art/2DArt/UIImages/InGame/AchievementHeaderBackground.png") no-repeat;
          background-size: auto 62px;
          cursor: default;
          color: #E7B477; }
          .profile .profile-container .achievement-container .achievement-list .achievement h2 {
            padding-left: 60px;
            font-size: 1.5em;
            font-weight: normal;
            font-style: normal;
            font-family: 'FontinBold', Verdana,Arial,Helvetica,sans-serif;
            text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
            color: #E7B477;
            float: left; }
            .profile .profile-container .achievement-container .achievement-list .achievement h2.completion-detail {
              float: right;
              padding-left: 0px;
              padding-right: 80px; }
              .profile .profile-container .achievement-container .achievement-list .achievement h2.completion-detail .completion-incomplete {
                color: red; }
          .profile .profile-container .achievement-container .achievement-list .achievement .completion {
            position: absolute;
            width: 42px;
            height: 42px;
            right: 24px;
            top: 9px; }
          .profile .profile-container .achievement-container .achievement-list .achievement .btn-detail {
            background: url("/image/Art/2DArt/UIImages/Common/ButtonExpandNormal.png") no-repeat;
            background-size: contain;
            width: 35px;
            height: 42px;
            position: absolute;
            left: 0px;
            top: 10px; }
            .profile .profile-container .achievement-container .achievement-list .achievement .btn-detail:hover {
              background: url("/image/Art/2DArt/UIImages/Common/ButtonExpandHover.png") no-repeat;
              background-size: contain; }
            .profile .profile-container .achievement-container .achievement-list .achievement .btn-detail:active {
              background: url("/image/Art/2DArt/UIImages/Common/ButtonExpandPressed.png") no-repeat;
              background-size: contain; }
            .profile .profile-container .achievement-container .achievement-list .achievement .btn-detail.expanded {
              background: url("/image/Art/2DArt/UIImages/Common/ButtonCollapseNormal.png") no-repeat;
              background-size: contain; }
              .profile .profile-container .achievement-container .achievement-list .achievement .btn-detail.expanded:hover {
                background: url("/image/Art/2DArt/UIImages/Common/ButtonCollapseHover.png") no-repeat;
                background-size: contain; }
              .profile .profile-container .achievement-container .achievement-list .achievement .btn-detail.expanded:active {
                background: url("/image/Art/2DArt/UIImages/Common/ButtonCollapsePressed.png") no-repeat;
                background-size: contain; }
          .profile .profile-container .achievement-container .achievement-list .achievement .detail {
            *zoom: 1;
            filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF000000', endColorstr='#FF000000');
            background: -owg-linear-gradient(top, black 0%, rgba(255, 255, 255, 0) 50%, black 100%);
            background: -webkit-linear-gradient(top, black 0%, rgba(255, 255, 255, 0) 50%, black 100%);
            background: -moz-linear-gradient(top, black 0%, rgba(255, 255, 255, 0) 50%, black 100%);
            background: -o-linear-gradient(top, black 0%, rgba(255, 255, 255, 0) 50%, black 100%);
            -pie-background: -pie-linear-gradient(top, black 0%, rgba(255, 255, 255, 0) 50%, black 100%);
            background: linear-gradient(top, black 0%, rgba(255, 255, 255, 0) 50%, black 100%);
            background-size: 648px;
            display: none;
            padding: 30px 60px;
            font-weight: normal;
            font-style: normal;
            line-height: normal;
            font-family: 'FontinBold', Verdana,Arial,Helvetica,sans-serif;
            font-size: 1.2em;
            margin-top: 64px; }
            .profile .profile-container .achievement-container .achievement-list .achievement .detail em {
              font-size: 0.7em;
              color: white; }
            .profile .profile-container .achievement-container .achievement-list .achievement .detail .text {
              color: #774A13;
              padding-bottom: 1em; }
            .profile .profile-container .achievement-container .achievement-list .achievement .detail ul {
              list-style-type: none;
              display: inline-block;
              vertical-align: top; }
              .profile .profile-container .achievement-container .achievement-list .achievement .detail ul li {
                background: none;
                padding: 0;
                margin: 0;
                line-height: 1.6em;
                position: relative; }
                .profile .profile-container .achievement-container .achievement-list .achievement .detail ul li.finished {
                  color: yellow; }
                  .profile .profile-container .achievement-container .achievement-list .achievement .detail ul li.finished:after {
                    content: ' ';
                    display: inline-block;
                    background-image: url("/image/Art/2DArt/UIImages/InGame/Tick.png");
                    height: 20px;
                    background-size: 20px 20px;
                    position: absolute;
                    top: 2px;
                    width: 20px;
                    margin-left: 6px; }
              .profile .profile-container .achievement-container .achievement-list .achievement .detail ul.split {
                width: 50%; }
    .profile .profile-container .profile-boxes {
      overflow: hidden; }
    .profile .profile-container .container-bottom {
      position: absolute;
      bottom: 1px;
      left: 0px;
      background: url('/image/profile/profile-bottomleft.jpg?1525390447000') no-repeat top left;
      width: 695px;
      height: 24px; }
    .profile .profile-container .container-top {
      position: absolute;
      top: 0px;
      left: 0px;
      background: url('/image/profile/profile-left.jpg?1525390447000') no-repeat top left;
      width: 695px;
      height: 759px; }
    .profile .profile-container .container-inner {
      background: url('/image/profile/profile-left-bg.jpg?1525390447000') repeat-y top left;
      padding: 0px 15px;
      height: 100%; }
      .profile .profile-container .container-inner .container-content {
        position: relative; }
  .profile .progress-bar-container {
    height: 22px;
    position: relative;
    padding-bottom: 14px;
    margin: 5px 1px;
    overflow: hidden;
    width: 286px; }
    .profile .progress-bar-container.large {
      padding-right: 6px;
      width: 648px; }
    .profile .progress-bar-container .progress-bar {
      background: url('/image/profile/progress-bar.png?1525390447000') repeat-x top left;
      position: absolute;
      top: 0px;
      z-index: 500; }
    .profile .progress-bar-container .progress-frame {
      background: url('/image/gen/profile-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -654px -159px;
      width: 100%;
      height: 27px;
      position: absolute;
      top: 0px;
      z-index: 1000; }
      .profile .progress-bar-container .progress-frame.large {
        background: url('/image/gen/profile-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: 0px -159px;
        height: 27px; }
    .profile .progress-bar-container .progress-tick {
      float: left;
      position: relative;
      z-index: 1200; }
      .profile .progress-bar-container .progress-tick img {
        float: right;
        position: relative;
        top: 9px;
        left: 11px; }
  .profile .showcase-manage {
    position: absolute;
    right: 20px;
    top: 26px; }
  .profile .showcase-pin, .profile .showcase-move {
    cursor: pointer;
    font-size: 10px; }
    .profile .showcase-pin .move-icon, .profile .showcase-move .move-icon {
      width: 20px;
      height: 20px;
      vertical-align: middle; }
    .profile .showcase-pin.up, .profile .showcase-move.up {
      background: url('/image/gen/profile-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -732px -190px;
      width: 20px;
      height: 16px;
      position: absolute;
      right: 26px;
      top: -6px; }
      .profile .showcase-pin.up:hover, .profile .showcase-move.up:hover {
        background: url('/image/gen/profile-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -792px -190px; }
      .profile .showcase-pin.up.disabled, .profile .showcase-move.up.disabled {
        background: url('/image/gen/profile-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -712px -190px; }
    .profile .showcase-pin.down, .profile .showcase-move.down {
      background: url('/image/gen/profile-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -772px -190px;
      width: 20px;
      height: 16px;
      position: absolute;
      right: 26px;
      top: 10px; }
      .profile .showcase-pin.down:hover, .profile .showcase-move.down:hover {
        background: url('/image/gen/profile-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -752px -190px; }
      .profile .showcase-pin.down.disabled, .profile .showcase-move.down.disabled {
        background: url('/image/gen/profile-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -692px -190px; }
    .profile .showcase-pin.delete, .profile .showcase-move.delete {
      background: url('/image/gen/profile-sprite.png?1527463961000') no-repeat no-repeat;
      background-position: -648px -190px;
      width: 22px;
      height: 22px;
      position: absolute;
      right: 0px; }
      .profile .showcase-pin.delete:hover, .profile .showcase-move.delete:hover {
        background: url('/image/gen/profile-sprite.png?1527463961000') no-repeat no-repeat;
        background-position: -940px -159px; }
    .profile .showcase-pin.add, .profile .showcase-move.add {
      background: url('/image/profile/pin.png?1525390447000') no-repeat top left;
      height: 16px;
      width: 16px;
      display: inline-block;
      margin-left: 10px; }
  .profile .showcase-message {
    opacity: 0;
    color: #11AA2D;
    height: 16px; }
  .profile .info {
    color: #00b6ff;
    font-size: 12.5px; }
    .profile .info.small {
      font-size: 11px; }
  .profile h1 {
    font-family: 'FontinSmallCaps', Verdana,Arial,Helvetica,sans-serif;
    font-weight: normal; }
    .profile h1.name {
      text-align: center;
      padding-bottom: 10px; }
  .profile h2 {
    font-family: 'FontinSmallCaps', Verdana,Arial,Helvetica,sans-serif;
    font-weight: normal;
    font-size: 1.8em; }
  .profile #seasonInfoContainer {
    position: relative;
    margin: 15px 0px;
    left: 7px; }
    .profile #seasonInfoContainer #seasonInfo {
      z-index: 9999999;
      position: relative;
      left: -22px; }
      .profile #seasonInfoContainer #seasonInfo .seasonInfo {
        background: none !important; }
        .profile #seasonInfoContainer #seasonInfo .seasonInfo h1 {
          display: none; }
        .profile #seasonInfoContainer #seasonInfo .seasonInfo .pointsProgress {
          z-index: 10000; }
          .profile #seasonInfoContainer #seasonInfo .seasonInfo .pointsProgress .frame {
            margin: 0px; }
    .profile #seasonInfoContainer #seasonFrame {
      position: absolute;
      top: 0px;
      left: -22px;
      background: url('/image/season/one-small.jpg?');
      height: 317px;
      width: 916px; }
      .profile #seasonInfoContainer #seasonFrame img {
        width: 922px; }
  .profile .seasons-list, .profile .challenge-list {
    float: right;
    padding-right: 10px; }
  .profile #recent-events {
    margin-top: 10px;
    position: relative; }
    .profile #recent-events .history {
      border-bottom: 1px solid #665a3f; }
    .profile #recent-events div.row {
      background: #232222;
      clear: both;
      overflow: hidden;
      border-top: 1px solid #665a3f; }
      .profile #recent-events div.row.heading {
        font-weight: bold;
        background: #0d0f0d;
        border-top: 1px solid #665a3f; }
      .profile #recent-events div.row.even {
        background: #0d0f0d; }
      .profile #recent-events div.row .cell {
        float: left;
        padding: 5px 10px; }
        .profile #recent-events div.row .cell.name {
          width: 650px; }
        .profile #recent-events div.row .cell.points {
          width: 100px; }
      .profile #recent-events div.row.trophy {
        background: #0d0f0d; }
        .profile #recent-events div.row.trophy .name {
          padding-left: 30px;
          width: 630px; }
    .profile #recent-events .loading-inline {
      position: absolute;
      right: 60px;
      top: -25px;
      padding-left: 40px; }
  .profile .profile-character {
    position: relative;
    overflow: hidden;
    margin: 10px 0px; }
    .profile .profile-character .character-icon {
      float: left; }
      .profile .profile-character .character-icon.small img {
        height: 50px;
        width: 52px; }
    .profile .profile-character .character-info {
      float: left;
      padding-left: 10px;
      width: 200px;
      height: 48px;
      overflow: hidden; }
  .profile #privacy-settings {
    font-weight: bold; }
    .profile #privacy-settings .privacy-setting {
      margin: 5px 0px; }

#saw .links {
  width: 816px; }

.avatars {
  width: 816px;
  padding-top: 4px;
  min-height: 264px; }
  .avatars .avatar {
    display: block;
    width: 200px;
    height: 128px;
    float: left;
    border: 1px solid #1e1c15;
    margin: 2px;
    box-sizing: border-box;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none; }
    .avatars .avatar .content {
      display: table-cell;
      width: 200px;
      height: 96px;
      vertical-align: middle; }
    .avatars .avatar .control {
      height: 22px;
      width: 174px;
      background-color: #1e1c15;
      position: absolute;
      left: 0;
      bottom: 0;
      line-height: 20px;
      touch-action: manipulation;
      cursor: pointer;
      background-image: none;
      white-space: nowrap;
      padding: 6px 12px;
      font-size: 14px; }
    .avatars .avatar .avatar-img {
      max-height: 224px;
      max-width: 198px; }
    .avatars .avatar:hover {
      background-color: #111; }
      .avatars .avatar:hover .control {
        color: white;
        background-color: #69583d;
        text-decoration: none; }
    .avatars .avatar.custom {
      height: 260px; }
      .avatars .avatar.custom .avatar-img {
        border: 0;
        box-shadow: none; }
      .avatars .avatar.custom .content {
        height: 224px; }
    .avatars .avatar.current {
      border: 1px solid #69583d; }

.follow-box {
  width: 200px;
  height: 140px;
  margin: 4px;
  float: left;
  padding: 5px 5px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  background-color: rgba(0, 0, 0, 0.4);
  text-align: center;
  position: relative; }
  .follow-box .controls {
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0; }
  .follow-box h3 {
    font-family: 'FontinSmallCaps', Verdana,Arial,Helvetica,sans-serif;
    font-weight: normal;
    padding-bottom: 5px; }

.account-followers {
  background: rgba(41, 41, 41, 0.63);
  margin: 3px 5px;
  padding: 5px;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }
  .account-followers a {
    color: #cacaca;
    text-decoration: none; }
    .account-followers a:hover {
      color: #fff; }

#lost_password .lost_verification {
  color: #fff;
  float: right;
  margin-right: 15px;
  text-decoration: none; }

#lost_password .lost_verification:hover {
  text-decoration: underline; }

#item-data-home .itemTypeContainer {
  position: absolute; }

#item-data-home-weapon .icon {
  float: left;
  margin: 10px 0px 0px 22px; }

#item-data-home-weapon .label {
  position: absolute;
  top: 70px;
  left: 130px; }

#item-data-home-armour {
  position: relative;
  height: 190px; }

#item-data-home-armour .icon {
  margin: 32px 0px 0px 12px; }

#item-data-home-armour .label {
  position: absolute;
  top: 70px;
  left: 104px; }

#item-data-home-currency {
  position: relative;
  height: 160px; }

#item-data-home-currency .icon {
  margin: 38px 0px 32px 40px; }

#item-data-home-currency .label {
  position: absolute;
  top: 32px;
  left: 115px; }

#item-data-home-jewelry {
  position: relative;
  height: 160px; }

#item-data-home-jewelry .icon {
  margin: 38px 0px 32px 40px; }

#item-data-home-jewelry .label {
  position: absolute;
  top: 32px;
  left: 104px; }

#item-data-home-prefixmod {
  position: relative;
  height: 160px; }

#item-data-home-prefixmod .icon {
  margin: 38px 0px 32px 40px; }

#item-data-home-prefixmod .label {
  position: absolute;
  top: 32px;
  left: 115px; }

#item-data-home-suffixmod {
  position: relative;
  height: 160px; }

#item-data-home-suffixmod .icon {
  margin: 38px 0px 32px 40px; }

#item-data-home-suffixmod .label {
  position: absolute;
  top: 32px;
  left: 104px; }

.itemDataTable th {
  vertical-align: middle;
  text-align: center;
  padding: 3px; }

.itemDataTable td {
  vertical-align: middle;
  text-align: center;
  padding: 3px; }

.itemDataIcon {
  cursor: pointer; }

.itemDataTable .name, .itemDataTable .class {
  text-align: left; }

.itemDataIconHover {
  position: absolute;
  padding-right: 10px;
  z-index: 100; }

.itemDataIconHover img {
  background: #000; }

.itemDataTable .even_mod {
  color: #686868;
  background-color: #0d0f0d; }

.itemDataTable .odd_mod {
  color: #535353; }

.itemDataIndex {
  padding-top: 24px; }
  .itemDataIndex .itemGroup {
    display: block;
    float: left; }
    .itemDataIndex .itemGroup .image {
      opacity: .6;
      min-width: 96px;
      display: inline-block;
      vertical-align: middle;
      text-align: center; }
    .itemDataIndex .itemGroup .label {
      opacity: .8;
      display: inline-block;
      vertical-align: middle;
      padding: 67px 0px; }
  .itemDataIndex .itemGroup:hover .image, .itemDataIndex .itemGroup:hover .label {
    opacity: 1; }
  .itemDataIndex .itemGroup.large {
    min-height: 230px; }

#ladder_league_form {
  float: right;
  padding: 8px 8px 0px 0px; }

#ladder_league_form label {
  float: left;
  margin-top: 2px; }

#ladder_league_form #league_select {
  float: left;
  margin: 2px 10px; }

#ladder_league_form label #league_form_submit {
  float: left; }

.ladderDownloadCSV {
  float: left;
  margin: 0px 10px;
  padding: 8px 0px 10px 0px; }

.ladderStatus {
  background-color: #111;
  margin: 0px 10px;
  padding: 10px;
  border: 1px solid #222; }

.ladderStatus .status {
  float: left; }

.ladderStatusCountdownActive .status {
  width: 350px; }

.ladderStatus .waitStartText {
  color: #008003; }

.ladderStatus .inProgressText {
  color: #ffff05; }

.ladderStatus .completeText {
  color: #ff0003; }

.ladderStatus .status ul {
  margin-top: 10px; }

.ladderStatus .countdownBox {
  float: right;
  width: 339px;
  background: #111;
  border: 1px solid #333;
  border-color: #000 #333 #333 #000;
  padding: 6px 10px; }

.ladderStatus .countdownLabel {
  font-size: 147%;
  margin-bottom: 5px;
  text-align: center; }

.ladderTable td {
  padding: 3px 5px; }

.ladderTable td.onlineStatus {
  padding: 4px;
  width: 15px; }

.faqContent .question {
  margin-bottom: 10px; }

.faqContent .question a {
  color: #CEC59F;
  text-decoration: none; }

.faqContent .question a:target {
  color: #CEC59F;
  font-weight: bold; }

.faqContent .answer {
  margin-bottom: 20px; }

.faqContent a {
  margin-bottom: 10px; }

.faqContent p {
  margin: 20px 0px; }

.faqMenu li, .areasMenu li {
  margin: 10px 0px;
  background: none;
  padding: 0px; }

.faqMenu li a {
  color: #abb0ff;
  text-decoration: none; }

.faqMenu li a:hover {
  color: #fff; }

#monstersPage {
  background: url('/image/monsters/monsters-background.jpg?1525390446000') no-repeat top left;
  min-height: 2123px; }
  #monstersPage .content {
    width: 550px;
    font-size: 13px; }
  #monstersPage .act1 {
    position: absolute;
    top: 480px;
    left: 50px;
    width: 400px; }
  #monstersPage .act2 {
    position: absolute;
    top: 1160px;
    left: 480px;
    width: 400px; }
  #monstersPage .act1 h2, #monstersPage .act2 h2 {
    margin-bottom: 15px;
    font-size: 160%; }
    #monstersPage .act1 h2 a, #monstersPage .act2 h2 a {
      text-decoration: none; }
  #monstersPage .act1 .icons img, #monstersPage .act2 .icons img {
    display: inline-block;
    margin: 0px 47px 42px 0px; }
  #monstersPage .act1 .icons a, #monstersPage .act2 .icons a {
    display: inline-block; }

.monstersMenu .thumb-frame-container {
  width: 125px;
  margin-bottom: 13px; }

.monstersMenu .thumb-frame-container .content {
  width: 94px;
  margin-top: 2px;
  margin-bottom: 13px; }

.monstersMenu .thumb-frame {
  width: 80px; }

.areasMenu li {
  text-align: center; }

.areasMenu li a {
  color: #CAC2A8;
  text-decoration: none;
  font-weight: bold; }

.areasMenu li a:hover {
  color: #fff; }

#login_area {
  position: absolute;
  top: 253px;
  left: 42px;
  width: 253px;
  height: 43px;
  padding: 0px; }

#login_area .field {
  border: none;
  padding: 0px;
  color: #fff;
  width: 147px;
  background-color: #000;
  margin: 0px; }

#login_area #login_area_email {
  position: absolute;
  top: 4px;
  right: 4px; }

#login_area #login_area_password {
  position: absolute;
  bottom: 4px;
  right: 4px; }

#login_area_remember_me_img {
  position: absolute;
  left: 164px;
  top: 47px; }

#login_area_remember_me {
  position: absolute;
  left: 281px;
  top: 50px;
  padding: 0px;
  margin: 3px 3px 3px 4px;
  height: 13px;
  width: 13px; }

#login_area_loading {
  display: none;
  position: absolute;
  background: #000 url('/image/loading_small.gif?1525390452000') no-repeat 122px center;
  top: 5px;
  left: 102px;
  width: 131px;
  height: 18px;
  padding: 8px; }

#login_status {
  color: #CEC59F;
  font-weight: bold;
  left: 25px;
  position: absolute;
  text-align: center;
  width: 188px;
  /* TODO: Remove these when shop is commit */
  /* background: url("../image/login_status.jpg") repeat scroll 0 0 transparent;
     * */
  padding: 2px 6px;
  /*bottom: 13px;
    height: 35px;
    */
  width: 177px;
  background: url('/image/login_status_large.jpg?1525390452000') repeat scroll 0 0 transparent;
  bottom: -10px;
  height: 75px; }

#login_status .profile-link {
  color: #CEC59F; }

#login_status .profile-link:hover {
  color: #FFF; }

#login_status .logout {
  position: absolute;
  left: 195px;
  top: 0; }

#login_status.hasMessage {
  bottom: 12px; }

#login_status.large {
  /*
    background: url("../image/login_status_large.jpg") repeat scroll 0 0 transparent;
    bottom: -10px;
    height: 75px;
    */ }

#login_status.hasMessage .logout {
  top: 22px; }

#login_status .top {
  left: 5px;
  position: absolute;
  top: 5px;
  width: 178px; }

#login_status .middle {
  left: 6px;
  position: absolute;
  top: 23px;
  width: 178px;
  word-wrap: break-word; }

#login_status .bottom {
  background: url('/image/shop/coinamount2.gif?1525390451000') no-repeat scroll left top transparent;
  height: 35px;
  left: 5px;
  position: absolute;
  top: 40px;
  width: 178px; }

#login_status .amount {
  color: #FFFFFF;
  font-size: 127%;
  right: 37px;
  position: relative; }

#login_status .label {
  color: #FFDCA4;
  font-size: 141%; }

#login_status .coins {
  left: 0;
  position: absolute;
  text-align: right;
  top: 6px;
  width: 178px; }

#login_status .bottom a {
  text-decoration: none; }

#create_button {
  position: absolute;
  top: 45px;
  left: -26px;
  cursor: pointer; }

#login_button {
  position: absolute;
  top: 45px;
  left: 74px; }

#login_loading {
  background-image: url("../../image/loading_small.gif");
  background-repeat: no-repeat;
  background-position: center;
  width: 16px;
  height: 16px;
  display: none;
  float: left;
  position: relative;
  top: 5px;
  left: 10px; }

#login, #change_email, #lost_password, #resend_verification {
  overflow: hidden;
  *zoom: 1;
  min-height: 180px; }
  #login .lost_password, #login .lost_verification, #change_email .lost_password, #change_email .lost_verification, #lost_password .lost_password, #lost_password .lost_verification, #resend_verification .lost_password, #resend_verification .lost_verification {
    float: left;
    color: #fff;
    text-decoration: none;
    margin-right: 15px; }
    #login .lost_password:hover, #login .lost_verification:hover, #change_email .lost_password:hover, #change_email .lost_verification:hover, #lost_password .lost_password:hover, #lost_password .lost_verification:hover, #resend_verification .lost_password:hover, #resend_verification .lost_verification:hover {
      text-decoration: underline; }
  #login .form_base dd, #change_email .form_base dd, #lost_password .form_base dd, #resend_verification .form_base dd {
    height: auto !important;
    min-height: 0px;
    height: auto; }
  #login #login_submit, #login #create_submit, #login #lost_password_submit, #login #resend_verification_email_submit, #change_email #login_submit, #change_email #create_submit, #change_email #lost_password_submit, #change_email #resend_verification_email_submit, #lost_password #login_submit, #lost_password #create_submit, #lost_password #lost_password_submit, #lost_password #resend_verification_email_submit, #resend_verification #login_submit, #resend_verification #create_submit, #resend_verification #lost_password_submit, #resend_verification #resend_verification_email_submit {
    float: right;
    margin: 0px 0px 5px 15px; }

#login #oAuthLogins {
  width: 256px;
  margin-right: 83px;
  float: right;
  margin-top: -84px; }
  #login #oAuthLogins #steam_login {
    text-align: center;
    color: #5F5A5A;
    right: 83px; }
  #login #oAuthLogins #live_login {
    text-align: center;
    color: #5F5A5A;
    margin-top: 12px; }
    #login #oAuthLogins #live_login #live_login_button {
      background: transparent url('/image//live/sitl_small.gif?1525390446000');
      background-position: 0px 0px;
      width: 154px;
      height: 27px; }
      #login #oAuthLogins #live_login #live_login_button:hover {
        background-position: 0px -27px; }
      #login #oAuthLogins #live_login #live_login_button:active {
        background-position: 0px 27px; }

#login #garena_login {
  text-align: center;
  position: absolute;
  color: #5F5A5A;
  right: 83px;
  top: 50px;
  font-weight: bold;
  width: 256px; }

#lost_password, #resend_verification {
  max-width: 428px; }

#terms-of-use-container.termsFloatRight {
  float: right;
  margin-right: 3px;
  margin-left: 3px; }

#guildProfile table {
  width: auto;
  line-height: 22px; }

#guildProfile .details td {
  padding: 0px 5px 2px 0px; }

#guildProfile .guild-header {
  margin-bottom: 10px; }
  #guildProfile .guild-header .guild-tag {
    font-size: 1.4em;
    text-align: center;
    color: #cac2a8;
    width: 100%;
    margin: 0px; }
  #guildProfile .guild-header .guild-status {
    font-style: italic;
    text-align: center;
    color: #918D82;
    margin: 0px; }

#guildProfile h1.name {
  padding-bottom: 0px; }

#guildProfile .members {
  margin-top: 10px; }
  #guildProfile .members .member {
    padding: 0px 3px 2px 2px;
    vertical-align: text-bottom;
    border-bottom: 1px solid #3a3222;
    line-height: 22px; }
  #guildProfile .members .profile-link {
    word-break: break-word;
    max-width: 120px; }
  #guildProfile .members .memberType {
    color: #575757;
    float: right;
    font-size: 11px; }

#guildProfile .profile-box.achievements {
  margin-left: 0px; }

#guildProfile .profile-box.seasons {
  margin-left: 15px; }

#guildProfile .profile-box.pvp {
  margin-left: 0px; }

#guildProfile .profile-box.my-guild {
  margin-left: 15px; }

#guildProfile #guildMemberPanel h2, #guildProfile #guildLeaderPanel h2 {
  padding: 5px;
  font-size: 1.4em; }

#guildProfile #guildMemberPanel p, #guildProfile #guildLeaderPanel p {
  margin-left: 5px;
  margin-right: 5px; }

#guildProfile #guildMemberPanel .guild .left, #guildProfile #guildLeaderPanel .guild .left {
  margin-right: 150px; }

#guildProfile #guildMemberPanel .guild .details, #guildProfile #guildLeaderPanel .guild .details {
  margin: 0px 5px 10px 5px; }

#guildProfile #guildMemberPanel .guild .points, #guildProfile #guildLeaderPanel .guild .points {
  background: url('/image/shop/item/ShopItemCoin.png?1525390447000') no-repeat top right;
  min-height: 39px;
  padding-right: 36px;
  font-size: 29px;
  margin: 0px 5px 5px 5px;
  color: #ffda4d;
  position: absolute;
  top: 10px;
  right: 10px; }

#guildProfile #guildMemberPanel .guild .balance, #guildProfile #guildLeaderPanel .guild .balance {
  padding-bottom: 10px; }

#guildProfile #guildMemberPanel .entries, #guildProfile #guildLeaderPanel .entries {
  margin: 0px -7px; }

#guildProfile #guildMemberPanel .createTransaction .element, #guildProfile #guildLeaderPanel .createTransaction .element {
  max-width: 200px; }

#guildProfile #guildMemberPanel .formT1, #guildProfile #guildLeaderPanel .formT1 {
  width: 320px; }

#guildProfile #guildMemberPanel .transaction, #guildProfile #guildLeaderPanel .transaction {
  overflow: hidden;
  *zoom: 1;
  border-top: 1px solid #181818;
  padding: 5px; }
  #guildProfile #guildMemberPanel .transaction:nth-child(even), #guildProfile #guildLeaderPanel .transaction:nth-child(even) {
    background: #090909;
    border-top: 1px solid #242424; }
  #guildProfile #guildMemberPanel .transaction.cancelled .status, #guildProfile #guildMemberPanel .transaction.rejected .status, #guildProfile #guildLeaderPanel .transaction.cancelled .status, #guildProfile #guildLeaderPanel .transaction.rejected .status {
    color: #e21b1b; }
  #guildProfile #guildMemberPanel .transaction.complete .status, #guildProfile #guildLeaderPanel .transaction.complete .status {
    color: #16b000; }
  #guildProfile #guildMemberPanel .transaction .points, #guildProfile #guildLeaderPanel .transaction .points {
    color: #ffda4d; }
  #guildProfile #guildMemberPanel .transaction .txInfo, #guildProfile #guildLeaderPanel .transaction .txInfo {
    font-size: 115%;
    overflow: hidden;
    *zoom: 1; }
    #guildProfile #guildMemberPanel .transaction .txInfo .left, #guildProfile #guildLeaderPanel .transaction .txInfo .left {
      float: left; }
  #guildProfile #guildMemberPanel .transaction .status, #guildProfile #guildLeaderPanel .transaction .status {
    background: #050505;
    padding: 1px 4px 1px 2px;
    border: 1px solid #222;
    border-radius: 3px;
    float: left;
    clear: both;
    margin-top: 2px;
    font-size: smaller; }
  #guildProfile #guildMemberPanel .transaction .createdAt, #guildProfile #guildLeaderPanel .transaction .createdAt {
    float: right;
    font-size: small;
    color: #5C5C5C; }

#gallery {
  min-height: 340px;
  height: auto;
  padding: 1px 0 0; }

#gallery_nav .prev {
  margin: 0 2px;
  padding: 0 1px; }

#gallery_nav .next {
  margin: 0 2px;
  padding: 0 1px; }

#gallery_nav .back {
  margin: 0 2px;
  padding: 0 1px; }

.thumb-container {
  width: 214px;
  text-align: center;
  position: relative;
  display: inline;
  float: left;
  border: 1px solid #1e1c15;
  margin-left: 5px;
  margin-bottom: 5px; }
  .thumb-container table {
    background-color: #050403;
    border-top: 1px solid #16140f; }

.thumb-img {
  margin: 5px 0;
  text-align: center; }
  .thumb-img img {
    cursor: pointer;
    height: auto;
    width: auto; }

.thumb-loading {
  background-image: url("../image/loading.gif");
  background-repeat: no-repeat;
  background-position: center;
  height: auto;
  min-height: 100px; }

.thumb-caption {
  margin: 0 5px 5px;
  text-align: center;
  font-weight: bold; }

.gallery-description {
  padding: 0 5px 5px; }

.link {
  cursor: pointer; }
  .link:hover {
    color: #fff; }

.current {
  font-weight: bolder;
  color: #fff;
  padding-right: 2px; }

.avatar-status-loading {
  background: url("../image/loading_small.gif") no-repeat center center; }

.previewContainer {
  text-align: center; }
  .previewContainer img {
    height: auto;
    width: auto; }

#classesPageIcons .sbox {
  width: 232px;
  margin-left: 28px; }

#classesPageIcons .thumb-frame-container {
  width: 115px; }
  #classesPageIcons .thumb-frame-container.scion {
    margin-left: 57px;
    margin-top: 8px; }

.pagination {
  overflow: hidden;
  *zoom: 1; }
  .pagination .perPageOptions {
    float: right;
    margin: 0px; }

.pagination .current, .pagination a, .pagination a img {
  /*vertical-align: middle;*/ }

.pagination .textLinks {
  float: left; }

.pagination .prev, .pagination .next {
  float: left; }

/*
.pagination
{
  .current, .currentPage
  {
    color: #C3C49C;
    font-size: 120%;
    margin: 0px 8px;
    position: relative;
    top: 1px;
  }
  
  .currentPage
  {
    background: green;
  }
}
*/
.pagination_spacer {
  height: 25px; }

.pagination {
  padding: 5px; }
  .pagination a, .pagination .current, .pagination .currentPage {
    border-color: #222;
    text-decoration: none;
    margin: 2px;
    font-size: 130%;
    /*vertical-align: top;*/ }
    .pagination a:hover, .pagination .current:hover, .pagination .currentPage:hover {
      box-shadow: 0px 0px 3px rgba(230, 225, 168, 0.24);
      text-shadow: 0px 0px 1px #E6E1A8;
      color: #E9E69F; }
  .pagination .separator {
    padding: 1px; }
  .pagination a, .pagination .current {
    /*
    border: 1px solid #222;
            
            background: #2C2C2C;*/
    color: #cec59f; }
  .pagination .current, .pagination .currentPage {
    top: 0px;
    color: #e0d7c7;
    text-shadow: 0px 0px 1px #8d764e;
    font-weight: bold;
    box-shadow: 0px 0px 2px 1px #242424 inset;
    border-color: #4d4737; }

.terms-of-use blockquote {
  margin: 13px 0px 13px 20px;
  padding: 0px;
  border: none;
  background: none;
  color: #98805E; }

.terms-of-use ol {
  list-style-type: decimal;
  padding-left: 34px;
  padding-top: 10px; }
  .terms-of-use ol li {
    background: none;
    padding: 0px; }

.terms-of-use ol[type="i"] {
  list-style-type: lower-roman; }

.terms-of-use ol[type="a"] {
  list-style-type: lower-alpha; }

.third-parties table {
  margin: 5px; }
  .third-parties table th {
    font-weight: bold; }
  .third-parties table td, .third-parties table th {
    padding: 5px;
    border: 1px solid #272626; }

.newsArticleTitle {
  background-color: #222319;
  padding: 10px; }

.newsArticleTitle .title {
  float: left;
  width: 480px; }

.newsArticleTitle .date {
  float: right;
  width: 250px;
  text-align: right;
  color: #686868; }

#news {
  padding: 1px; }

.newsList {
  overflow: hidden;
  *zoom: 1;
  padding-top: 12px; }
  .newsList h1 {
    color: #DFCF99;
    padding-left: 5px; }
  .newsList .rss, .newsList .browseLink {
    padding: 5px 10px 5px 5px;
    color: #cec59f; }
    .newsList .rss:hover, .newsList .browseLink:hover {
      color: #fff; }
  .newsList .rss {
    float: right;
    background: url('/image/icons/rss/feed-icon-14x14.png?1525390445000') no-repeat left 7px;
    padding: 5px 10px 0px 20px; }
  .newsList .browseLink {
    float: left; }
  .newsList .browseLink, .newsList .rss {
    color: #585858; }
    .newsList .browseLink:hover, .newsList .rss:hover {
      color: #686868; }

.newsListItem {
  margin: 13px 0px 0px;
  border: 1px solid;
  border-color: #141414;
  padding: 6px;
  background-color: #0c0b0b;
  position: relative; }
  .newsListItem .title {
    margin-right: 190px;
    margin-bottom: 2px; }
    .newsListItem .title a {
      font-size: 100%;
      font-weight: bold;
      text-decoration: none; }
      .newsListItem .title a:hover {
        color: #fff; }
  .newsListItem .date {
    position: absolute;
    top: 7px;
    right: 10px;
    color: #585858;
    font-style: italic;
    font-size: 90%; }

.news-item {
  background-color: #161616;
  min-height: 60px;
  padding: 6px;
  margin-bottom: 1px; }

#news .even, .news-item-even {
  background-color: #0D0F0D; }

.news-item .title {
  float: left;
  margin-bottom: 10px;
  width: 480px; }

.news-item .s-pad, .news-item .m-pad, .news-item .l-pad {
  padding: 0px; }

.news-item .date {
  float: right;
  width: 250px;
  text-align: right; }

.news-item .content {
  clear: both; }

.news-item .social-small {
  padding: 10px 0px 0px 0px; }

.newsText {
  float: left;
  width: 620px; }

.newsImage {
  float: right; }

#promotedNewsVideo {
  margin: 20px 0px; }

#newsSidebar:first-child {
  margin-top: 0px; }

#newsSidebar .layoutBoxContent {
  margin-left: 17px; }

#mainNewsItems {
  overflow: hidden;
  *zoom: 1; }

#mainNewsItem {
  float: left; }

#secondaryNewsItem {
  float: right; }

#newsItem3 {
  margin-top: 14px; }

.editor-controls {
  padding-left: 5px;
  margin-top: 5px; }

.editor-control {
  vertical-align: middle;
  /*
    background: #231c18 image-url("form/button-gradient.png") repeat-x;
    border: 1px solid #3F3C33;
    color: #98805E;
    padding: 0px 6px;*/ }

.editor-controls .b {
  font-weight: bold; }

.editor-controls .i {
  font-style: italic; }

.editor-controls .u {
  text-decoration: underline; }

.editor-controls .color-control {
  vertical-align: middle;
  max-height: 20px; }

.social-large {
  margin-left: 170px;
  padding: 5px; }

.social-large .fb_share_count_nub_top {
  background-image: url('/image/social/facebook/share_bit.png?1525390451000'); }

.social-small .fb_share_count_nub_right {
  background-image: url('/image/social/facebook/share_small_bit.png?1525390451000'); }

.social-small {
  margin-left: 3px;
  padding: 6px 5px 5px 5px; }

.social-large .button, .social-small .button {
  float: left;
  margin-right: 15px; }

.social-small .twitter {
  margin-right: 0px; }

.twitter-timeline {
  width: 920px; }

.frame-1 {
  margin-top: 21px;
  overflow: hidden; }

.frame-ornate-1 {
  position: absolute;
  top: -19px; }

.skill-frame-1 {
  background: url('/image/borders/skill-frame-1.png?1525390444000') no-repeat left top;
  width: 219px;
  height: 177px;
  padding: 14px 4px; }

.thumb-frame-container {
  float: left;
  display: block;
  width: 146px;
  text-align: center; }

#screenshots_box .thumb-frame-container {
  width: 167px; }

.thumb-frame-container .thumb-frame {
  display: inline-block;
  width: 80px; }

.thumb-frame-container .thumb-frame-2 {
  width: 80px; }

.thumb-frame .frame {
  width: 80px;
  height: 80px;
  display: inline-block; }

.thumb-frame-thin .frame {
  height: 52px; }

.thumb-frame-2 .frame {
  width: 80px; }

.areaThumb {
  position: absolute;
  top: 31px;
  right: 29px; }

.thumb-frame-container .content {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 2px;
  margin-bottom: 13px;
  color: #CAC2A8;
  font-size: 125%; }

#global-notification {
  margin-bottom: 10px; }

.globalNotification .notification, .globalNotification .shutdown {
  margin: 4px 0; }

.globalNotification .notification {
  font-size: 120%; }

.globalNotification .shutdown {
  color: #FF1F1F;
  font-size: 120%; }

.globalNotification .shutdown .countdown {
  display: inline-block;
  font-weight: bold; }

.globalNotification .shutdown .countdown_section, .globalNotification .shutdown .countdown_amount, .globalNotification .shutdown .countdown-section, .globalNotification .shutdown .countdown-amount {
  font-size: 100%; }

#beta-container {
  margin-bottom: 20px; }

.betaCountdown .countdown_row, .betaCountdown .countdown-row {
  display: block;
  float: left; }

.betaCountdown .lastInvite .label, .betaCountdown .nextInvite .label {
  font-size: 120%;
  color: #CAC2A8; }

.betaCountdown .lastInvite, .betaCountdown .nextInvite {
  width: 142px; }
  .betaCountdown .lastInvite .label, .betaCountdown .nextInvite .label {
    padding-bottom: 2px;
    text-align: center; }
  .betaCountdown .lastInvite .name, .betaCountdown .nextInvite .name {
    font-size: 120%;
    text-align: center;
    overflow: hidden;
    margin: 0px 5px; }

.betaCountdown .status {
  float: left; }

.betaCountdown .p2Status {
  padding-top: 5px; }

.betaCountdown .lastInvite {
  float: left; }

.betaCountdown .countdown {
  width: 306px;
  float: left; }

.betaCountdown .nextInvite {
  float: right; }

.betaCountdown .nextInvite .name .none {
  color: #733; }

.betaCountdown .activeContainer {
  display: none; }

.betaCountdown .loading {
  display: none;
  height: 47px; }

.betaCountdown .countdown_amount, .betaCountdown .countdown-amount {
  font-size: 150%; }

.betaCountdown h2 {
  font-weight: bold; }

.betaCountdown p {
  padding: 5px; }

#poe-popup-container {
  position: absolute;
  width: 800px;
  left: -1000px; }

#publicGameAccessCountdown {
  display: none;
  position: relative;
  margin-top: 34px;
  margin-left: 10px;
  margin: 12px 0px -8px 10px;
  clear: both; }

#publicGameAccessCountdown a {
  display: block; }

#publicGameAccessCountdown .countdown {
  display: none;
  position: absolute;
  top: 82px;
  left: 206px;
  width: 356px;
  height: 30px;
  color: #a30800;
  font-size: 170%;
  text-align: center; }

#publicGameAccessCountdown .countdown .countdown_section, #publicGameAccessCountdown .countdown .countdown-section {
  color: #a30800; }

#publicGameAccessCountdown .countdown div {
  position: absolute;
  width: 53px;
  height: 29px; }

#publicGameAccessCountdown .countdown .days {
  left: 7px; }

#publicGameAccessCountdown .countdown .hours {
  left: 102px; }

#publicGameAccessCountdown .countdown .minutes {
  left: 197px; }

#publicGameAccessCountdown .countdown .seconds {
  left: 297px; }

#publicGameAccessCountdown .inactiveContent, #publicGameAccessCountdown .activeContent {
  /*
    position: absolute;
    top: 56px;
    left: 0px;
    width: 755px;
    color: #a30800;
    font-size: 170%;*/ }

.donationBanner {
  position: relative;
  margin-top: 34px;
  margin-left: 10px;
  margin: 13px 0px 15px 10px;
  text-align: center; }

.donationBannerSmall {
  margin: 11px 0px 10px 10px; }

.donationBannerTiny {
  margin: 0px; }

#character-window-content {
  height: 240px;
  padding: 0px;
  z-index: 10; }

#character-window {
  margin-top: 17px;
  position: relative;
  padding: 0px; }
  #character-window .box {
    height: 224px;
    padding: 0px;
    position: relative; }
  #character-window .leftButton, #character-window .rightButton {
    cursor: pointer;
    opacity: .8; }
    #character-window .leftButton:hover, #character-window .rightButton:hover {
      opacity: 1; }
  #character-window .leftButton {
    position: absolute;
    top: 229px;
    left: -6px;
    z-index: 100; }
  #character-window .rightButton {
    position: absolute;
    top: 229px;
    right: -6px;
    z-index: 100; }
  #character-window .character {
    display: block;
    top: 6px;
    position: absolute;
    opacity: .7; }
  #character-window .character-frame {
    position: absolute;
    top: -23px;
    left: -35px;
    z-index: 80; }
  #character-window .character-name {
    position: absolute;
    top: 226px;
    left: -29px;
    font-weight: bold;
    font-size: 110%;
    color: #000;
    text-align: center;
    width: 174px;
    z-index: 81;
    cursor: pointer; }
  #character-window .character_container {
    position: absolute;
    top: 0px;
    width: 112px;
    height: 100%; }
  #character-window .character_container:hover .character {
    opacity: 1; }
  #character-window .character-clickable {
    position: absolute;
    display: block;
    cursor: pointer;
    width: 112px;
    top: 6px;
    height: 210px;
    z-index: 100;
    background: url('/image/character-window/clickable.gif?1525390445000'); }

#inventory-window {
  float: left;
  position: relative;
  display: inline;
  margin: 10px 0px 0px 10px; }

#stash {
  position: relative; }

#inventory-minimize, #stash-minimize {
  position: absolute;
  bottom: 13px;
  left: 14px;
  width: 48px;
  height: 48px; }

#inventory-menu {
  float: right;
  position: relative;
  display: inline;
  display: none;
  margin: 10px 0px 0px 10px;
  width: 163px; }

#inventory-menu .box {
  /*padding: 10px 14px;*/ }

#item-window {
  width: 775px;
  float: right;
  position: relative; }

#inventory-window .itemIconContainer {
  text-align: left; }

#inventory-window .itemIconContainer {
  margin-bottom: 0px; }

#inventory-window .itemIcon {
  position: relative;
  margin: 0px;
  padding: 0px; }

#inventory-menu-nav {
  margin-bottom: 16px; }

#inventory, #stash {
  display: none; }

.stashTabContainer {
  position: absolute;
  width: 577px;
  text-align: center; }
  .stashTabContainer .loading {
    height: 45px;
    width: 45px;
    position: absolute;
    z-index: 13; }
  .stashTabContainer .tab {
    display: inline-block;
    bottom: 0px;
    overflow: hidden;
    cursor: pointer; }
    .stashTabContainer .tab .l {
      float: left; }
    .stashTabContainer .tab .r {
      float: left; }
    .stashTabContainer .tab .label {
      float: left;
      font-size: 16px;
      line-height: 27px; }
  .stashTabContainer .tabs {
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 4;
    padding: 0px;
    right: 0px; }
  .stashTabContainer .tabsOverflow {
    overflow: hidden;
    height: 50px;
    bottom: 3px; }
  .stashTabContainer .leftControls, .stashTabContainer .rightControls {
    position: absolute;
    bottom: 3px;
    z-index: 5;
    display: none; }
  .stashTabContainer .leftControls {
    left: 0px; }
    .stashTabContainer .leftControls .leftButton {
      float: left;
      cursor: pointer; }
  .stashTabContainer .rightControls {
    right: 0px; }
    .stashTabContainer .rightControls .rightButton {
      float: left;
      cursor: pointer;
      padding-right: 2px; }
    .stashTabContainer .rightControls .tabSelectButton {
      float: right;
      cursor: pointer; }

.mtxStashPanel #mtxSortBox {
  text-align: center;
  width: 100%;
  position: absolute;
  top: 95px;
  font-weight: bold;
  color: #885721; }
  .mtxStashPanel #mtxSortBox select {
    background: #050505;
    color: #ffc077;
    border: 1px solid #885721;
    padding: 1px 5px;
    margin-top: -2px;
    width: 165px;
    text-align: center;
    margin-left: 6px; }

.mtxStashPanel .noMtx {
  height: 490px;
  background: transparent url('/image/gen/inventory/MTXBackground.png?1527463942000');
  position: absolute;
  left: 29px;
  width: 542px; }
  .mtxStashPanel .noMtx .mtxText {
    margin-top: 200px; }

.mtxStashPanel .stashTabContainer {
  top: 148px; }
  .mtxStashPanel .stashTabContainer #mtxGroups {
    position: absolute;
    left: 24px;
    height: 490px;
    max-height: 490px; }
    .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup {
      height: auto;
      width: 573px;
      background: transparent url('/image/gen/inventory/MTXBackground.png?1527463942000');
      position: relative; }
      .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxGroupHeader {
        color: #ffc077;
        text-align: left;
        background: transparent url('/image/gen/inventory/MTXListHeaderBackground.png?1527463942000') no-repeat;
        width: 500px;
        height: 24px;
        padding: 9px 12px;
        font-size: 20px; }
        .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxGroupHeader .tabSelectButton {
          width: 22px;
          height: 26px;
          background: url('/image/gen/inventory/tabs-control/ExpandButton.png?1527463894000');
          float: left;
          margin-right: 5px;
          cursor: pointer; }
          .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxGroupHeader .tabSelectButton:hover {
            background-position: 0px -26px; }
      .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxItems {
        padding: 1px 4px; }
        .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxItems .mtxItem {
          float: left;
          white-space: nowrap;
          padding: 3px 3px;
          margin: 1px 2px; }
          .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxItems .mtxItem .stackSize {
            position: absolute;
            padding: 2px 4px;
            color: #fbfbfb;
            font-size: 16px; }
          .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxItems .mtxItem.small {
            background: transparent url('/image/gen/inventory/MTXContextMenuFrameSmall.png?1527463942000') no-repeat;
            width: 92px;
            height: 92px; }
            .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxItems .mtxItem.small img {
              max-height: 86px;
              max-width: 88px; }
          .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxItems .mtxItem.large {
            background: transparent url('/image/gen/inventory/MTXContextMenuFrameLarge.png?1527463942000') no-repeat;
            width: 92px;
            height: 141px; }
            .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxItems .mtxItem.large img {
              max-height: 135px;
              max-width: 88px; }
          .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxItems .mtxItem .buffer {
            display: inline-block;
            height: 100%;
            vertical-align: middle; }
          .mtxStashPanel .stashTabContainer #mtxGroups .mtxGroup .mtxItems .mtxItem img {
            vertical-align: middle;
            margin-left: -5px; }

.mtxStashContainer .mtxItem, .MTXInventoryPanel .mtxItem {
  white-space: nowrap; }
  .mtxStashContainer .mtxItem .buffer, .MTXInventoryPanel .mtxItem .buffer {
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .mtxStashContainer .mtxItem img, .MTXInventoryPanel .mtxItem img {
    vertical-align: middle; }

.MTXInventoryPanel .mtxItem {
  height: 100%;
  width: 100%;
  text-align: center; }
  .MTXInventoryPanel .mtxItem img {
    max-width: 90%;
    max-height: 90%;
    margin-left: -2px;
    margin-top: -2px; }

#stash .stashTab {
  position: absolute;
  background-repeat: no-repeat;
  /*background-position*/ }

#loading {
  /*width: 600px;*/
  display: none; }

#loading-content {
  height: 899px; }

#inventory-menu-content-container {
  height: 400px; }

#inventory-menu-content-container .displayGroup {
  margin-top: 10px; }

#inventory-menu-content-container .displayGroup h3 {
  margin-bottom: 3px; }

#inventory-menu-content-container .displayGroup span.content {
  margin-left: 5px; }

#inventory-menu-loading {
  display: none; }

#inventory-menu-loading .loadingText {
  vertical-align: top; }

/* jQuery Countdown styles 1.5.9. */
.hasCountdown {
  /*
	border: 1px solid #ccc;
	background-color: #eee;
	*/ }

.countdown_rtl, .countdown-rtl {
  direction: rtl; }

.countdown_holding span, .countdown-holding span {
  background-color: #ccc; }

.countdown_row, .countdown-row {
  clear: both;
  width: 100%;
  padding: 0px 2px;
  text-align: center; }

.countdown_show1 .countdown_section, .countdown-show1 .countdown-section {
  width: 98%; }

.countdown_show2 .countdown_section, .countdown-show2 .countdown-section {
  width: 48%; }

.countdown_show3 .countdown_section, .countdown-show3 .countdown-section {
  width: 32.5%; }

.countdown_show4 .countdown_section, .countdown-show4 .countdown-section {
  width: 24.5%; }

.countdown_show5 .countdown_section, .countdown-show5 .countdown-section {
  width: 19.5%; }

.countdown_show6 .countdown_section, .countdown-show6 .countdown-section {
  width: 16.25%; }

.countdown_show7 .countdown_section, .countdown-show7 .countdown-section {
  width: 14%; }

.countdown_section, .countdown-section {
  display: block;
  float: left;
  font-size: 110%;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  line-height: normal;
  font-family: 'FontinBold', Verdana,Arial,Helvetica,sans-serif;
  font-size-adjust: 0.52; }

.countdown_amount, .countdown-amount {
  font-size: 200%; }

.countdown_descr, .countdown-descr {
  display: block;
  width: 100%; }

.countdown-period {
  display: block; }

/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative; }

.scroll-wrapper > .scroll-content {
  border: none !important;
  box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  padding: 0;
  position: relative !important;
  top: 0;
  width: auto !important; }

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0; }

.scroll-element {
  display: none; }

.scroll-element, .scroll-element div {
  box-sizing: content-box; }

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block; }

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default; }

.scroll-textarea {
  border: 1px solid #cccccc;
  border-top-color: #999999; }

.scroll-textarea > .scroll-content {
  overflow: hidden !important; }

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  overflow: scroll !important;
  outline: none;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important; }

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0; }

/*************** SIMPLE INNER SCROLLBAR ***************/
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10; }

.scrollbar-inner > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.scrollbar-inner > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%; }

.scrollbar-inner > .scroll-element.scroll-y {
  height: 100%;
  right: 2px;
  top: 0;
  width: 8px; }

.scrollbar-inner > .scroll-element .scroll-element_outer {
  overflow: hidden; }

.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; }

.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4; }

.scrollbar-inner > .scroll-element .scroll-element_track {
  background-color: #e0e0e0; }

.scrollbar-inner > .scroll-element .scroll-bar {
  background-color: #c2c2c2; }

.scrollbar-inner > .scroll-element:hover .scroll-bar {
  background-color: #919191; }

.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px; }

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px; }

.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px; }

.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px; }

/*************** SIMPLE OUTER SCROLLBAR ***************/
.scrollbar-outer > .scroll-element,
.scrollbar-outer > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10; }

.scrollbar-outer > .scroll-element {
  background-color: #ffffff; }

.scrollbar-outer > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.scrollbar-outer > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  width: 100%; }

.scrollbar-outer > .scroll-element.scroll-y {
  height: 100%;
  right: 0;
  top: 0;
  width: 12px; }

.scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer {
  height: 8px;
  top: 2px; }

.scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  width: 8px; }

.scrollbar-outer > .scroll-element .scroll-element_outer {
  overflow: hidden; }

.scrollbar-outer > .scroll-element .scroll-element_track {
  background-color: #eeeeee; }

.scrollbar-outer > .scroll-element .scroll-element_outer,
.scrollbar-outer > .scroll-element .scroll-element_track,
.scrollbar-outer > .scroll-element .scroll-bar {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px; }

.scrollbar-outer > .scroll-element .scroll-bar {
  background-color: #d9d9d9; }

.scrollbar-outer > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2; }

.scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191; }

/* scrollbar height/width & offset from container borders */
.scrollbar-outer > .scroll-content.scroll-scrolly_visible {
  left: -12px;
  margin-left: 12px; }

.scrollbar-outer > .scroll-content.scroll-scrollx_visible {
  top: -12px;
  margin-top: 12px; }

.scrollbar-outer > .scroll-element.scroll-x .scroll-bar {
  min-width: 10px; }

.scrollbar-outer > .scroll-element.scroll-y .scroll-bar {
  min-height: 10px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -14px; }

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -14px; }

.scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -14px; }

.scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -14px; }

/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10; }

.scrollbar-macosx > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.scrollbar-macosx > .scroll-element .scroll-element_track {
  display: none; }

.scrollbar-macosx > .scroll-element .scroll-bar {
  background-color: #6C6E71;
  display: block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  -webkit-transition: opacity 0.2s linear;
  -moz-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  -ms-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }

.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7; }

.scrollbar-macosx > .scroll-element.scroll-x {
  bottom: 0px;
  height: 0px;
  left: 0;
  min-width: 100%;
  overflow: visible;
  width: 100%; }

.scrollbar-macosx > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0px;
  top: 0;
  width: 0px; }

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar {
  height: 7px;
  min-width: 10px;
  top: -9px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar {
  left: -9px;
  min-height: 10px;
  width: 7px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer {
  left: 2px; }

.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size {
  left: -4px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer {
  top: 2px; }

.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size {
  top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px; }

.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px; }

/*************** SCROLLBAR LIGHT ***************/
.scrollbar-light > .scroll-element,
.scrollbar-light > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10; }

.scrollbar-light > .scroll-element {
  background-color: #ffffff; }

.scrollbar-light > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.scrollbar-light > .scroll-element .scroll-element_outer {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.scrollbar-light > .scroll-element .scroll-element_size {
  background: #dbdbdb;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #dbdbdb), color-stop(100%, #e8e8e8));
  background: -webkit-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -o-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: -ms-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%);
  background: linear-gradient(to right, #dbdbdb 0%, #e8e8e8 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

.scrollbar-light > .scroll-element.scroll-x {
  bottom: 0;
  height: 17px;
  left: 0;
  min-width: 100%;
  width: 100%; }

.scrollbar-light > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 17px; }

.scrollbar-light > .scroll-element .scroll-bar {
  background: #fefefe;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+");
  background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #fefefe), color-stop(100%, #f5f5f5));
  background: -webkit-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -o-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: -ms-linear-gradient(left, #fefefe 0%, #f5f5f5 100%);
  background: linear-gradient(to right, #fefefe 0%, #f5f5f5 100%);
  border: 1px solid #dbdbdb;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px; }

/* scrollbar height/width & offset from container borders */
.scrollbar-light > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px; }

.scrollbar-light > .scroll-content.scroll-scrollx_visible {
  top: -17px;
  margin-top: 17px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 0px; }

.scrollbar-light > .scroll-element.scroll-y .scroll-bar {
  left: 0px;
  min-height: 10px;
  width: 10px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-element_outer {
  height: 12px;
  left: 2px;
  top: 2px; }

.scrollbar-light > .scroll-element.scroll-x .scroll-element_size {
  left: -4px; }

.scrollbar-light > .scroll-element.scroll-y .scroll-element_outer {
  left: 2px;
  top: 2px;
  width: 12px; }

.scrollbar-light > .scroll-element.scroll-y .scroll-element_size {
  top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px; }

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px; }

.scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px; }

.scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px; }

/*************** SCROLLBAR RAIL ***************/
.scrollbar-rail > .scroll-element,
.scrollbar-rail > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10; }

.scrollbar-rail > .scroll-element {
  background-color: #ffffff; }

.scrollbar-rail > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.scrollbar-rail > .scroll-element .scroll-element_size {
  background-color: #999;
  background-color: rgba(0, 0, 0, 0.3); }

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size {
  background-color: #666;
  background-color: rgba(0, 0, 0, 0.5); }

.scrollbar-rail > .scroll-element.scroll-x {
  bottom: 0;
  height: 12px;
  left: 0;
  min-width: 100%;
  padding: 3px 0 2px;
  width: 100%; }

.scrollbar-rail > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  padding: 0 2px 0 3px;
  right: 0;
  top: 0;
  width: 12px; }

.scrollbar-rail > .scroll-element .scroll-bar {
  background-color: #d0b9a0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); }

.scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); }

/* scrollbar height/width & offset from container borders */
.scrollbar-rail > .scroll-content.scroll-scrolly_visible {
  left: -17px;
  margin-left: 17px; }

.scrollbar-rail > .scroll-content.scroll-scrollx_visible {
  margin-top: 17px;
  top: -17px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-bar {
  height: 10px;
  min-width: 10px;
  top: 1px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-bar {
  left: 1px;
  min-height: 10px;
  width: 10px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer {
  height: 15px;
  left: 5px; }

.scrollbar-rail > .scroll-element.scroll-x .scroll-element_size {
  height: 2px;
  left: -10px;
  top: 5px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer {
  top: 5px;
  width: 15px; }

.scrollbar-rail > .scroll-element.scroll-y .scroll-element_size {
  left: 5px;
  top: -10px;
  width: 2px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -25px; }

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -25px; }

.scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -25px; }

.scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -25px; }

/*************** SCROLLBAR DYNAMIC ***************/
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10; }

.scrollbar-dynamic > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.scrollbar-dynamic > .scroll-element.scroll-x {
  bottom: 2px;
  height: 7px;
  left: 0;
  min-width: 100%;
  width: 100%; }

.scrollbar-dynamic > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 2px;
  top: 0;
  width: 7px; }

.scrollbar-dynamic > .scroll-element .scroll-element_outer {
  opacity: 0.3;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px; }

.scrollbar-dynamic > .scroll-element .scroll-element_size {
  background-color: #cccccc;
  opacity: 0;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  transition: opacity 0.2s; }

.scrollbar-dynamic > .scroll-element .scroll-bar {
  background-color: #6c6e71;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px; }

/* scrollbar height/width & offset from container borders */
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
  bottom: 0;
  height: 7px;
  min-width: 24px;
  top: auto; }

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
  left: auto;
  min-height: 24px;
  right: 0;
  width: 7px; }

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
  bottom: 0;
  top: auto;
  left: 2px;
  -webkit-transition: height 0.2s;
  -moz-transition: height 0.2s;
  -o-transition: height 0.2s;
  -ms-transition: height 0.2s;
  transition: height 0.2s; }

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
  left: auto;
  right: 0;
  top: 2px;
  -webkit-transition: width 0.2s;
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  -ms-transition: width 0.2s;
  transition: width 0.2s; }

.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size {
  left: -4px; }

.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size {
  top: -4px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -11px; }

.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -11px; }

/* hover & drag */
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
  overflow: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  opacity: 0.7; }

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
  opacity: 1; }

.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
  height: 100%;
  width: 100%;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px; }

.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
  height: 20px;
  min-height: 7px; }

.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
  min-width: 7px;
  width: 20px; }

/*************** SCROLLBAR GOOGLE CHROME ***************/
.scrollbar-chrome > .scroll-element,
.scrollbar-chrome > .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10; }

.scrollbar-chrome > .scroll-element {
  background-color: #ffffff; }

.scrollbar-chrome > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.scrollbar-chrome > .scroll-element .scroll-element_track {
  background: #f1f1f1;
  border: 1px solid #dbdbdb; }

.scrollbar-chrome > .scroll-element.scroll-x {
  bottom: 0;
  height: 16px;
  left: 0;
  min-width: 100%;
  width: 100%; }

.scrollbar-chrome > .scroll-element.scroll-y {
  height: 100%;
  min-height: 100%;
  right: 0;
  top: 0;
  width: 16px; }

.scrollbar-chrome > .scroll-element .scroll-bar {
  background-color: #d9d9d9;
  border: 1px solid #bdbdbd;
  cursor: default;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px; }

.scrollbar-chrome > .scroll-element .scroll-bar:hover {
  background-color: #c2c2c2;
  border-color: #a9a9a9; }

.scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
  border-color: #7e7e7e; }

/* scrollbar height/width & offset from container borders */
.scrollbar-chrome > .scroll-content.scroll-scrolly_visible {
  left: -16px;
  margin-left: 16px; }

.scrollbar-chrome > .scroll-content.scroll-scrollx_visible {
  top: -16px;
  margin-top: 16px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-bar {
  height: 8px;
  min-width: 10px;
  top: 3px; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-bar {
  left: 3px;
  min-height: 10px;
  width: 8px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer {
  border-left: 1px solid #dbdbdb; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track {
  height: 14px;
  left: -3px; }

.scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size {
  height: 14px;
  left: -4px; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer {
  border-top: 1px solid #dbdbdb; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track {
  top: -3px;
  width: 14px; }

.scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size {
  top: -4px;
  width: 14px; }

/* update scrollbar offset if both scrolls are visible */
.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -19px; }

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -19px; }

.scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -19px; }

.scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -19px; }

.poeScroll > .scroll-element, .poeScroll .scroll-element div {
  border: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  z-index: 10; }

.poeScroll .scroll-element {
  display: block; }

.poeScroll .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%; }

.poeScroll .scroll-element {
  background: transparent; }
  .poeScroll .scroll-element .scroll-element_track {
    background: none; }
  .poeScroll .scroll-element.scroll-x {
    display: none; }
  .poeScroll .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0;
    top: 0;
    background-image: url('/image/UI/scrollbar/rail.png?1527463958000');
    width: 29px; }
    .mtxStashPanel .poeScroll .scroll-element.scroll-y {
      position: absolute;
      top: 3px;
      right: 3px; }
    .poeScroll .scroll-element.scroll-y .scroll-element_size {
      top: -36px; }
    .poeScroll .scroll-element.scroll-y .scroll-arrow_less {
      height: 18px;
      width: 29px;
      background-image: url('/image/UI/scrollbar/up.png?1527463958000'); }
    .poeScroll .scroll-element.scroll-y .scroll-arrow_more {
      height: 16px;
      width: 29px;
      background-image: url('/image/UI/scrollbar/down.png?1527463958000');
      position: absolute;
      bottom: 0;
      top: initial; }
    .poeScroll .scroll-element.scroll-y .scroll-bar {
      background: transparent url('/image/UI/scrollbar/thumb-top.png?1527463958000') no-repeat;
      width: 29px;
      cursor: pointer; }
      .poeScroll .scroll-element.scroll-y .scroll-bar .scroll-bar_body {
        top: 16px;
        background: transparent url('/image/UI/scrollbar/thumb-middle.png?1527463958000'); }
      .poeScroll .scroll-element.scroll-y .scroll-bar .scroll-bar_bottom {
        bottom: 0;
        top: initial;
        background: transparent url('/image/UI/scrollbar/thumb-bottom.png?1527463958000') no-repeat;
        height: 16px; }
    .poeScroll .scroll-element.scroll-y.scroll-element_arrows_visible .scroll-element_outer {
      top: 18px; }
  .poeScroll .scroll-element .scroll-bar {
    cursor: default; }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden; }

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%; }

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left; }

#cboxContent {
  position: relative; }

#cboxLoadedContent {
  overflow: auto; }

#cboxTitle {
  margin: 0; }

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer; }

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block; }

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0; }

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url('/image/colorbox/overlay.png?1525390445000') repeat 0 0; }

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url('/image/colorbox/controls.png?1525390445000') no-repeat -101px 0; }

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url('/image/colorbox/controls.png?1525390445000') no-repeat -130px 0; }

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url('/image/colorbox/controls.png?1525390445000') no-repeat -101px -29px; }

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url('/image/colorbox/controls.png?1525390445000') no-repeat -130px -29px; }

#cboxMiddleLeft {
  width: 21px;
  background: url('/image/colorbox/controls.png?1525390445000') left top repeat-y; }

#cboxMiddleRight {
  width: 21px;
  background: url('/image/colorbox/controls.png?1525390445000') right top repeat-y; }

#cboxTopCenter {
  height: 21px;
  background: url('/image/colorbox/border.png?1525390445000') 0 0 repeat-x; }

#cboxBottomCenter {
  height: 21px;
  background: url('/image/colorbox/border.png?1525390445000') 0 -29px repeat-x; }

#cboxContent {
  background: #000;
  overflow: hidden; }

.cboxIframe {
  background: #fff; }

#cboxError {
  padding: 50px;
  border: 1px solid #ccc; }

#cboxLoadedContent {
  /*margin-bottom:28px;*/ }

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494; }

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494; }

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef; }

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url('/image/colorbox/controls.png?1525390445000') no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxPrevious:hover {
  background-position: -75px -25px; }

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url('/image/colorbox/controls.png?1525390445000') no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px; }

#cboxNext:hover {
  background-position: -50px -25px; }

#cboxLoadingOverlay {
  background: url('/image/colorbox/loading_background.png?1525390445000') no-repeat center center; }

#cboxLoadingGraphic {
  background: url('/image/colorbox/loading.gif?1525390445000') no-repeat center center; }

#cboxClose {
  position: absolute;
  top: 7px;
  right: 3px;
  background: url('/image/colorbox/controls.png?1525390445000') no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
  border: 0 none; }

#cboxClose:hover {
  background-position: -25px -25px; }

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); }

#nprogress {
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none; }
  #nprogress .bar {
    background: -owg-linear-gradient(left, rgba(255, 20, 0, 0.18), #f00);
    background: -webkit-linear-gradient(left, rgba(255, 20, 0, 0.18), #f00);
    background: -moz-linear-gradient(left, rgba(255, 20, 0, 0.18), #f00);
    background: -o-linear-gradient(left, rgba(255, 20, 0, 0.18), #f00);
    -pie-background: -pie-linear-gradient(left, rgba(255, 20, 0, 0.18), #f00);
    background: linear-gradient(left, rgba(255, 20, 0, 0.18), #f00);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #ff8500;
    z-index: 1000; }
  #nprogress .peg {
    -webkit-transform: rotate(3deg) translate(0, -4px);
    -moz-transform: rotate(3deg) translate(0, -4px);
    -ms-transform: rotate(3deg) translate(0, -4px);
    -o-transform: rotate(3deg) translate(0, -4px);
    transform: rotate(3deg) translate(0, -4px);
    display: block;
    position: absolute;
    right: 0;
    width: 100px;
    height: 100%;
    box-shadow: 0 0 10px #ff0, 0 0 5px #fff;
    opacity: 1; }
  #nprogress .spinner {
    display: block;
    position: fixed;
    z-index: 1000;
    top: 11px;
    right: 11px; }
  #nprogress .spinner-icon {
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    -moz-animation: nprogress-spinner 400ms linear infinite;
    -o-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
    width: 14px;
    height: 14px;
    border: solid 2px rgba(224, 224, 224, 0.06);
    border-top-color: rgba(255, 203, 155, 0.3);
    border-left-color: rgba(255, 214, 207, 0.44);
    border-radius: 10px; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-moz-keyframes nprogress-spinner {
  0% {
    -moz-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -moz-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-o-keyframes nprogress-spinner {
  0% {
    -o-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -o-transform: rotate(360deg);
    transform: rotate(360deg); } }

@-ms-keyframes nprogress-spinner {
  0% {
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

/*! jQuery UI - v1.11.4 - 2016-02-03
* http://jqueryui.com
* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, autocomplete.css, datepicker.css, menu.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Segoe%20UI%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=333333&bgTextureHeader=gloss_wave&bgImgOpacityHeader=25&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=000000&bgTextureContent=inset_soft&bgImgOpacityContent=25&borderColorContent=666666&fcContent=ffffff&iconColorContent=cccccc&bgColorDefault=555555&bgTextureDefault=glass&bgImgOpacityDefault=20&borderColorDefault=666666&fcDefault=eeeeee&iconColorDefault=cccccc&bgColorHover=0078a3&bgTextureHover=glass&bgImgOpacityHover=40&borderColorHover=59b4d4&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=f58400&bgTextureActive=inset_soft&bgImgOpacityActive=30&borderColorActive=ffaf0f&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=eeeeee&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=80&borderColorHighlight=cccccc&fcHighlight=2e7db2&iconColorHighlight=4b8e0b&bgColorError=ffc73d&bgTextureError=glass&bgImgOpacityError=40&borderColorError=ffb73d&fcError=111111&iconColorError=a83300&bgColorOverlay=5c5c5c&bgTextureOverlay=flat&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=flat&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
* Copyright jQuery Foundation and other contributors; Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Segoe UI,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Segoe UI,Arial,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #666666;
  background: #000000 url('/image/images/ui-bg_inset-soft_25_000000_1x100.png?1525390445000') 50% bottom repeat-x;
  color: #ffffff; }

.ui-widget-content a {
  color: #ffffff; }

.ui-widget-header {
  border: 1px solid #333333;
  background: #333333 url('/image/images/ui-bg_gloss-wave_25_333333_500x100.png?1525390445000') 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold; }

.ui-widget-header a {
  color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #666666;
  background: #555555 url('/image/images/ui-bg_glass_20_555555_1x400.png?1525390445000') 50% 50% repeat-x;
  font-weight: bold;
  color: #eeeeee; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #eeeeee;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #59b4d4;
  background: #0078a3 url('/image/images/ui-bg_glass_40_0078a3_1x400.png?1525390445000') 50% 50% repeat-x;
  font-weight: bold;
  color: #ffffff; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #ffffff;
  text-decoration: none; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #ffaf0f;
  background: #f58400 url('/image/images/ui-bg_inset-soft_30_f58400_1x100.png?1525390445000') 50% 50% repeat-x;
  font-weight: bold;
  color: #ffffff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #cccccc;
  background: #eeeeee url('/image/images/ui-bg_highlight-soft_80_eeeeee_1x100.png?1525390445000') 50% top repeat-x;
  color: #2e7db2; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #2e7db2; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #ffb73d;
  background: #ffc73d url('/image/images/ui-bg_glass_40_ffc73d_1x400.png?1525390445000') 50% 50% repeat-x;
  color: #111111; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #111111; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #111111; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url('/image/images/ui-icons_cccccc_256x240.png?1525390445000'); }

.ui-widget-header .ui-icon {
  background-image: url('/image/images/ui-icons_ffffff_256x240.png?1525390445000'); }

.ui-state-default .ui-icon {
  background-image: url('/image/images/ui-icons_cccccc_256x240.png?1525390445000'); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url('/image/images/ui-icons_ffffff_256x240.png?1525390445000'); }

.ui-state-active .ui-icon {
  background-image: url('/image/images/ui-icons_222222_256x240.png?1525390445000'); }

.ui-state-highlight .ui-icon {
  background-image: url('/image/images/ui-icons_4b8e0b_256x240.png?1525390445000'); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url('/image/images/ui-icons_a83300_256x240.png?1525390445000'); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 6px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 6px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 6px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 6px; }

/* Overlays */
.ui-widget-overlay {
  background: #5c5c5c;
  opacity: .8;
  filter: Alpha(Opacity=80);
  /* support: IE8 */ }

.ui-widget-shadow {
  margin: -7px 0 0 -7px;
  padding: 7px;
  background: #cccccc;
  opacity: .6;
  filter: Alpha(Opacity=60);
  /* support: IE8 */
  border-radius: 8px; }

/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Segoe%20UI%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=333333&bgTextureHeader=gloss_wave&bgImgOpacityHeader=25&borderColorHeader=333333&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=000000&bgTextureContent=inset_soft&bgImgOpacityContent=25&borderColorContent=666666&fcContent=ffffff&iconColorContent=cccccc&bgColorDefault=555555&bgTextureDefault=glass&bgImgOpacityDefault=20&borderColorDefault=666666&fcDefault=eeeeee&iconColorDefault=cccccc&bgColorHover=0078a3&bgTextureHover=glass&bgImgOpacityHover=40&borderColorHover=59b4d4&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=f58400&bgTextureActive=inset_soft&bgImgOpacityActive=30&borderColorActive=ffaf0f&fcActive=ffffff&iconColorActive=222222&bgColorHighlight=eeeeee&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=80&borderColorHighlight=cccccc&fcHighlight=2e7db2&iconColorHighlight=4b8e0b&bgColorError=ffc73d&bgTextureError=glass&bgImgOpacityError=40&borderColorError=ffb73d&fcError=111111&iconColorError=a83300&bgColorOverlay=5c5c5c&bgTextureOverlay=flat&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=cccccc&bgTextureShadow=flat&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
 */
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Segoe UI,Arial,sans-serif;
  font-size: 1.1em; }

.ui-widget .ui-widget {
  font-size: 1em; }

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Segoe UI,Arial,sans-serif;
  font-size: 1em; }

.ui-widget-content {
  border: 1px solid #666666;
  background: #000000 url('/image/images/ui-bg_inset-soft_25_000000_1x100.png?1525390445000') 50% bottom repeat-x;
  color: #ffffff; }

.ui-widget-content a {
  color: #ffffff; }

.ui-widget-header {
  border: 1px solid #333333;
  background: #333333 url('/image/images/ui-bg_gloss-wave_25_333333_500x100.png?1525390445000') 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold; }

.ui-widget-header a {
  color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #666666;
  background: #555555 url('/image/images/ui-bg_glass_20_555555_1x400.png?1525390445000') 50% 50% repeat-x;
  font-weight: bold;
  color: #eeeeee; }

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #eeeeee;
  text-decoration: none; }

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #59b4d4;
  background: #0078a3 url('/image/images/ui-bg_glass_40_0078a3_1x400.png?1525390445000') 50% 50% repeat-x;
  font-weight: bold;
  color: #ffffff; }

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #ffffff;
  text-decoration: none; }

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #ffaf0f;
  background: #f58400 url('/image/images/ui-bg_inset-soft_30_f58400_1x100.png?1525390445000') 50% 50% repeat-x;
  font-weight: bold;
  color: #ffffff; }

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #cccccc;
  background: #eeeeee url('/image/images/ui-bg_highlight-soft_80_eeeeee_1x100.png?1525390445000') 50% top repeat-x;
  color: #2e7db2; }

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #2e7db2; }

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #ffb73d;
  background: #ffc73d url('/image/images/ui-bg_glass_40_ffc73d_1x400.png?1525390445000') 50% 50% repeat-x;
  color: #111111; }

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #111111; }

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #111111; }

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold; }

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  /* support: IE8 */
  font-weight: normal; }

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  /* support: IE8 */
  background-image: none; }

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* support: IE8 - See #6059 */ }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px; }

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url('/image/images/ui-icons_cccccc_256x240.png?1525390445000'); }

.ui-widget-header .ui-icon {
  background-image: url('/image/images/ui-icons_ffffff_256x240.png?1525390445000'); }

.ui-state-default .ui-icon {
  background-image: url('/image/images/ui-icons_cccccc_256x240.png?1525390445000'); }

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url('/image/images/ui-icons_ffffff_256x240.png?1525390445000'); }

.ui-state-active .ui-icon {
  background-image: url('/image/images/ui-icons_222222_256x240.png?1525390445000'); }

.ui-state-highlight .ui-icon {
  background-image: url('/image/images/ui-icons_4b8e0b_256x240.png?1525390445000'); }

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url('/image/images/ui-icons_a83300_256x240.png?1525390445000'); }

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px; }

.ui-icon-carat-1-n {
  background-position: 0 0; }

.ui-icon-carat-1-ne {
  background-position: -16px 0; }

.ui-icon-carat-1-e {
  background-position: -32px 0; }

.ui-icon-carat-1-se {
  background-position: -48px 0; }

.ui-icon-carat-1-s {
  background-position: -64px 0; }

.ui-icon-carat-1-sw {
  background-position: -80px 0; }

.ui-icon-carat-1-w {
  background-position: -96px 0; }

.ui-icon-carat-1-nw {
  background-position: -112px 0; }

.ui-icon-carat-2-n-s {
  background-position: -128px 0; }

.ui-icon-carat-2-e-w {
  background-position: -144px 0; }

.ui-icon-triangle-1-n {
  background-position: 0 -16px; }

.ui-icon-triangle-1-ne {
  background-position: -16px -16px; }

.ui-icon-triangle-1-e {
  background-position: -32px -16px; }

.ui-icon-triangle-1-se {
  background-position: -48px -16px; }

.ui-icon-triangle-1-s {
  background-position: -64px -16px; }

.ui-icon-triangle-1-sw {
  background-position: -80px -16px; }

.ui-icon-triangle-1-w {
  background-position: -96px -16px; }

.ui-icon-triangle-1-nw {
  background-position: -112px -16px; }

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px; }

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px; }

.ui-icon-arrow-1-n {
  background-position: 0 -32px; }

.ui-icon-arrow-1-ne {
  background-position: -16px -32px; }

.ui-icon-arrow-1-e {
  background-position: -32px -32px; }

.ui-icon-arrow-1-se {
  background-position: -48px -32px; }

.ui-icon-arrow-1-s {
  background-position: -64px -32px; }

.ui-icon-arrow-1-sw {
  background-position: -80px -32px; }

.ui-icon-arrow-1-w {
  background-position: -96px -32px; }

.ui-icon-arrow-1-nw {
  background-position: -112px -32px; }

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px; }

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px; }

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px; }

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px; }

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px; }

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px; }

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px; }

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px; }

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px; }

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px; }

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px; }

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px; }

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px; }

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px; }

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px; }

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px; }

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px; }

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px; }

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px; }

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px; }

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px; }

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px; }

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px; }

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px; }

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px; }

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px; }

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px; }

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px; }

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px; }

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px; }

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px; }

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px; }

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px; }

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px; }

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px; }

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px; }

.ui-icon-arrow-4 {
  background-position: 0 -80px; }

.ui-icon-arrow-4-diag {
  background-position: -16px -80px; }

.ui-icon-extlink {
  background-position: -32px -80px; }

.ui-icon-newwin {
  background-position: -48px -80px; }

.ui-icon-refresh {
  background-position: -64px -80px; }

.ui-icon-shuffle {
  background-position: -80px -80px; }

.ui-icon-transfer-e-w {
  background-position: -96px -80px; }

.ui-icon-transferthick-e-w {
  background-position: -112px -80px; }

.ui-icon-folder-collapsed {
  background-position: 0 -96px; }

.ui-icon-folder-open {
  background-position: -16px -96px; }

.ui-icon-document {
  background-position: -32px -96px; }

.ui-icon-document-b {
  background-position: -48px -96px; }

.ui-icon-note {
  background-position: -64px -96px; }

.ui-icon-mail-closed {
  background-position: -80px -96px; }

.ui-icon-mail-open {
  background-position: -96px -96px; }

.ui-icon-suitcase {
  background-position: -112px -96px; }

.ui-icon-comment {
  background-position: -128px -96px; }

.ui-icon-person {
  background-position: -144px -96px; }

.ui-icon-print {
  background-position: -160px -96px; }

.ui-icon-trash {
  background-position: -176px -96px; }

.ui-icon-locked {
  background-position: -192px -96px; }

.ui-icon-unlocked {
  background-position: -208px -96px; }

.ui-icon-bookmark {
  background-position: -224px -96px; }

.ui-icon-tag {
  background-position: -240px -96px; }

.ui-icon-home {
  background-position: 0 -112px; }

.ui-icon-flag {
  background-position: -16px -112px; }

.ui-icon-calendar {
  background-position: -32px -112px; }

.ui-icon-cart {
  background-position: -48px -112px; }

.ui-icon-pencil {
  background-position: -64px -112px; }

.ui-icon-clock {
  background-position: -80px -112px; }

.ui-icon-disk {
  background-position: -96px -112px; }

.ui-icon-calculator {
  background-position: -112px -112px; }

.ui-icon-zoomin {
  background-position: -128px -112px; }

.ui-icon-zoomout {
  background-position: -144px -112px; }

.ui-icon-search {
  background-position: -160px -112px; }

.ui-icon-wrench {
  background-position: -176px -112px; }

.ui-icon-gear {
  background-position: -192px -112px; }

.ui-icon-heart {
  background-position: -208px -112px; }

.ui-icon-star {
  background-position: -224px -112px; }

.ui-icon-link {
  background-position: -240px -112px; }

.ui-icon-cancel {
  background-position: 0 -128px; }

.ui-icon-plus {
  background-position: -16px -128px; }

.ui-icon-plusthick {
  background-position: -32px -128px; }

.ui-icon-minus {
  background-position: -48px -128px; }

.ui-icon-minusthick {
  background-position: -64px -128px; }

.ui-icon-close {
  background-position: -80px -128px; }

.ui-icon-closethick {
  background-position: -96px -128px; }

.ui-icon-key {
  background-position: -112px -128px; }

.ui-icon-lightbulb {
  background-position: -128px -128px; }

.ui-icon-scissors {
  background-position: -144px -128px; }

.ui-icon-clipboard {
  background-position: -160px -128px; }

.ui-icon-copy {
  background-position: -176px -128px; }

.ui-icon-contact {
  background-position: -192px -128px; }

.ui-icon-image {
  background-position: -208px -128px; }

.ui-icon-video {
  background-position: -224px -128px; }

.ui-icon-script {
  background-position: -240px -128px; }

.ui-icon-alert {
  background-position: 0 -144px; }

.ui-icon-info {
  background-position: -16px -144px; }

.ui-icon-notice {
  background-position: -32px -144px; }

.ui-icon-help {
  background-position: -48px -144px; }

.ui-icon-check {
  background-position: -64px -144px; }

.ui-icon-bullet {
  background-position: -80px -144px; }

.ui-icon-radio-on {
  background-position: -96px -144px; }

.ui-icon-radio-off {
  background-position: -112px -144px; }

.ui-icon-pin-w {
  background-position: -128px -144px; }

.ui-icon-pin-s {
  background-position: -144px -144px; }

.ui-icon-play {
  background-position: 0 -160px; }

.ui-icon-pause {
  background-position: -16px -160px; }

.ui-icon-seek-next {
  background-position: -32px -160px; }

.ui-icon-seek-prev {
  background-position: -48px -160px; }

.ui-icon-seek-end {
  background-position: -64px -160px; }

.ui-icon-seek-start {
  background-position: -80px -160px; }

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px; }

.ui-icon-stop {
  background-position: -96px -160px; }

.ui-icon-eject {
  background-position: -112px -160px; }

.ui-icon-volume-off {
  background-position: -128px -160px; }

.ui-icon-volume-on {
  background-position: -144px -160px; }

.ui-icon-power {
  background-position: 0 -176px; }

.ui-icon-signal-diag {
  background-position: -16px -176px; }

.ui-icon-signal {
  background-position: -32px -176px; }

.ui-icon-battery-0 {
  background-position: -48px -176px; }

.ui-icon-battery-1 {
  background-position: -64px -176px; }

.ui-icon-battery-2 {
  background-position: -80px -176px; }

.ui-icon-battery-3 {
  background-position: -96px -176px; }

.ui-icon-circle-plus {
  background-position: 0 -192px; }

.ui-icon-circle-minus {
  background-position: -16px -192px; }

.ui-icon-circle-close {
  background-position: -32px -192px; }

.ui-icon-circle-triangle-e {
  background-position: -48px -192px; }

.ui-icon-circle-triangle-s {
  background-position: -64px -192px; }

.ui-icon-circle-triangle-w {
  background-position: -80px -192px; }

.ui-icon-circle-triangle-n {
  background-position: -96px -192px; }

.ui-icon-circle-arrow-e {
  background-position: -112px -192px; }

.ui-icon-circle-arrow-s {
  background-position: -128px -192px; }

.ui-icon-circle-arrow-w {
  background-position: -144px -192px; }

.ui-icon-circle-arrow-n {
  background-position: -160px -192px; }

.ui-icon-circle-zoomin {
  background-position: -176px -192px; }

.ui-icon-circle-zoomout {
  background-position: -192px -192px; }

.ui-icon-circle-check {
  background-position: -208px -192px; }

.ui-icon-circlesmall-plus {
  background-position: 0 -208px; }

.ui-icon-circlesmall-minus {
  background-position: -16px -208px; }

.ui-icon-circlesmall-close {
  background-position: -32px -208px; }

.ui-icon-squaresmall-plus {
  background-position: -48px -208px; }

.ui-icon-squaresmall-minus {
  background-position: -64px -208px; }

.ui-icon-squaresmall-close {
  background-position: -80px -208px; }

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px; }

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px; }

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px; }

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px; }

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px; }

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 6px; }

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 6px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 6px; }

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 6px; }

/* Overlays */
.ui-widget-overlay {
  background: #5c5c5c;
  opacity: .8;
  filter: Alpha(Opacity=80);
  /* support: IE8 */ }

.ui-widget-shadow {
  margin: -7px 0 0 -7px;
  padding: 7px;
  background: #cccccc;
  opacity: .6;
  filter: Alpha(Opacity=60);
  /* support: IE8 */
  border-radius: 8px; }

/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none; }

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none; }

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse; }

.ui-helper-clearfix:after {
  clear: both; }

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */ }

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
  /* support: IE8 */ }

.ui-front {
  z-index: 100; }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important; }

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable {
  position: relative; }

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none; }

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none; }

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0; }

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0; }

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%; }

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px; }

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px; }

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px; }

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px; }

.ui-selectable {
  -ms-touch-action: none;
  touch-action: none; }

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black; }

.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none; }

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default; }

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none; }

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0; }

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em; }

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px; }

.ui-datepicker .ui-datepicker-prev {
  left: 2px; }

.ui-datepicker .ui-datepicker-next {
  right: 2px; }

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px; }

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px; }

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px; }

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center; }

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0; }

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%; }

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em; }

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0; }

.ui-datepicker td {
  border: 0;
  padding: 1px; }

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none; }

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0; }

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible; }

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto; }

.ui-datepicker-multi .ui-datepicker-group {
  float: left; }

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em; }

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%; }

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%; }

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%; }

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0; }

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left; }

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0; }

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl; }

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto; }

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto; }

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left; }

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right; }

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px; }

.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: none; }

.ui-menu .ui-menu {
  position: absolute; }

.ui-menu .ui-menu-item {
  position: relative;
  margin: 0;
  padding: 3px 1em 3px .4em;
  cursor: pointer;
  min-height: 0;
  /* support: IE7 */
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); }

.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0; }

.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px; }

/* icon support */
.ui-menu-icons {
  position: relative; }

.ui-menu-icons .ui-menu-item {
  padding-left: 2em; }

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0; }

/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0; }

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative; }

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px; }

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none; }

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap; }

.select2-container .select2-search--inline {
  float: left; }

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0; }

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }

.select2-results__option[aria-selected] {
  cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box; }

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none; }

.select2-search--dropdown.select2-search--hide {
  display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold; }

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%; }

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none; }

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left; }

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em; }

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px; }

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px; }

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999; }

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none; }

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb; }

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px; }

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: #fff; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

.select2-container--bootstrap {
  display: block;
  /*------------------------------------*      #COMMON STYLES
  \*------------------------------------*/
  /**
   * Search field in the Select2 dropdown.
   */
  /**
   * No outline for all search fields - in the dropdown
   * and inline in multi Select2s.
   */
  /**
   * Adjust Select2's choices hover and selected styles to match
   * Bootstrap 3's default dropdown styles.
   *
   * @see http://getbootstrap.com/components/#dropdowns
   */
  /**
    * Selected state.
    */
  /**
   * Clear the selection.
   */
  /**
   * Address disabled Select2 styles.
   *
   * @see https://select2.github.io/examples.html#disabled
   * @see http://getbootstrap.com/css/#forms-control-disabled
   */
  /*------------------------------------*      #DROPDOWN
  \*------------------------------------*/
  /**
   * Dropdown border color and box-shadow.
   */
  /**
   * Limit the dropdown height.
   */
  /*------------------------------------*      #SINGLE SELECT2
  \*------------------------------------*/
  /*------------------------------------*    #MULTIPLE SELECT2
  \*------------------------------------*/
  /**
   * Address Bootstrap control sizing classes
   *
   * 1. Reset Bootstrap defaults.
   * 2. Adjust the dropdown arrow button icon position.
   *
   * @see http://getbootstrap.com/css/#forms-control-sizes
   */
  /* 1 */
  /*------------------------------------*    #RTL SUPPORT
  \*------------------------------------*/ }
  .select2-container--bootstrap ul li {
    background-image: none;
    padding-left: 0; }
  .select2-container--bootstrap .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background-color: #222222;
    border: 1px solid #000;
    border-radius: 0px;
    color: #fff;
    font-size: 13px;
    outline: 0; }
    .input-group .select2-container--bootstrap .select2-selection {
      border-radius: 0px; }
    .select2-container--bootstrap .select2-selection.form-control {
      border-radius: 0px; }
  .select2-container--bootstrap .select2-search--dropdown .select2-search__field {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    background-color: #222222;
    border: 1px solid #000;
    border-radius: 0px;
    color: #fff;
    font-size: 13px; }
  .select2-container--bootstrap .select2-search__field {
    outline: 0;
    /* Firefox 18- */
    /**
     * Firefox 19+
     *
     * @see http://stackoverflow.com/questions/24236240/color-for-styled-placeholder-text-is-muted-in-firefox
     */ }
    .select2-container--bootstrap .select2-search__field::-webkit-input-placeholder {
      color: #999; }
    .select2-container--bootstrap .select2-search__field:-moz-placeholder {
      color: #999; }
    .select2-container--bootstrap .select2-search__field::-moz-placeholder {
      color: #999;
      opacity: 1; }
    .select2-container--bootstrap .select2-search__field:-ms-input-placeholder {
      color: #999; }
  .select2-container--bootstrap .select2-results__option {
    padding: 6px 12px;
    color: white;
    /**
     * Disabled results.
     *
     * @see https://select2.github.io/examples.html#disabled-results
     */
    /**
     * Hover state.
     */ }
    .select2-container--bootstrap .select2-results__option[role=group] {
      padding: 0; }
    .select2-container--bootstrap .select2-results__option[aria-disabled=true] {
      color: #777777;
      cursor: not-allowed; }
    .select2-container--bootstrap .select2-results__option[aria-selected=true] {
      background-color: #333;
      color: #fff; }
    .select2-container--bootstrap .select2-results__option .select2-results__option {
      padding: 6px 12px; }
      .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__group {
        padding-left: 0; }
      .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -12px;
        padding-left: 24px; }
        .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -24px;
          padding-left: 36px; }
          .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -36px;
            padding-left: 48px; }
            .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
              margin-left: -48px;
              padding-left: 60px; }
              .select2-container--bootstrap .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
                margin-left: -60px;
                padding-left: 72px; }
  .select2-container--bootstrap .select2-results__option--highlighted[aria-selected] {
    background-color: #337ab7;
    color: #333; }
  .select2-container--bootstrap .select2-results__group {
    color: #777777;
    display: block;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.45;
    white-space: nowrap; }
  .select2-container--bootstrap.select2-container--focus .select2-selection, .select2-container--bootstrap.select2-container--open .select2-selection {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(119, 119, 119, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(119, 119, 119, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(119, 119, 119, 0.6);
    -webkit-transition: border-color ease-in-out false, box-shadow ease-in-out false;
    -webkit-transition-delay: 0.15s, 0.15s;
    -moz-transition: border-color ease-in-out false 0.15s, box-shadow ease-in-out false 0.15s;
    -o-transition: border-color ease-in-out false 0.15s, box-shadow ease-in-out false 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    border-color: #777777; }
  .select2-container--bootstrap.select2-container--open {
    /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */
    /**
     * Handle border radii of the container when the dropdown is showing.
     */ }
    .select2-container--bootstrap.select2-container--open .select2-selection .select2-selection__arrow b {
      border-color: transparent transparent #999 transparent;
      border-width: 0 4px 4px 4px; }
    .select2-container--bootstrap.select2-container--open.select2-container--below .select2-selection {
      -moz-border-radius-bottomleft: 0;
      -webkit-border-bottom-left-radius: 0;
      border-bottom-left-radius: 0;
      -moz-border-radius-bottomright: 0;
      -webkit-border-bottom-right-radius: 0;
      border-bottom-right-radius: 0;
      border-bottom-color: transparent; }
    .select2-container--bootstrap.select2-container--open.select2-container--above .select2-selection {
      -moz-border-radius-topleft: 0;
      -webkit-border-top-left-radius: 0;
      border-top-left-radius: 0;
      -moz-border-radius-topright: 0;
      -webkit-border-top-right-radius: 0;
      border-top-right-radius: 0;
      border-top-color: transparent; }
  .select2-container--bootstrap .select2-selection__clear {
    color: #999;
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
    .select2-container--bootstrap .select2-selection__clear:hover {
      color: #ddd; }
  .select2-container--bootstrap.select2-container--disabled .select2-selection {
    border-color: #000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none; }
  .select2-container--bootstrap.select2-container--disabled .select2-selection,
  .select2-container--bootstrap.select2-container--disabled .select2-search__field {
    cursor: not-allowed; }
  .select2-container--bootstrap.select2-container--disabled .select2-selection,
  .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice {
    background-color: #111; }
  .select2-container--bootstrap.select2-container--disabled .select2-selection__clear,
  .select2-container--bootstrap.select2-container--disabled .select2-selection__arrow,
  .select2-container--bootstrap.select2-container--disabled .select2-selection--multiple .select2-selection__choice__remove {
    display: none; }
  .select2-container--bootstrap .select2-dropdown {
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    border-color: #777777;
    background-color: #111;
    overflow-x: hidden;
    margin-top: -1px; }
  .select2-container--bootstrap .select2-dropdown--above {
    -webkit-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
    -moz-box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0px -6px 12px rgba(0, 0, 0, 0.175);
    margin-top: 1px; }
  .select2-container--bootstrap .select2-results > .select2-results__options {
    max-height: 200px;
    overflow-y: auto; }
  .select2-container--bootstrap .select2-selection--single {
    height: 32px;
    line-height: 1.45;
    padding: 6px 24px 6px 12px;
    /**
     * Adjust the single Select2's dropdown arrow button appearance.
     */ }
    .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
      position: absolute;
      bottom: 0;
      right: 12px;
      top: 0;
      width: 4px; }
      .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
        border-color: #999 transparent transparent transparent;
        border-style: solid;
        border-width: 4px 4px 0 4px;
        height: 0;
        left: 0;
        margin-left: -4px;
        margin-top: -2px;
        position: absolute;
        top: 50%;
        width: 0; }
    .select2-container--bootstrap .select2-selection--single .select2-selection__rendered {
      color: #fff;
      padding: 0; }
    .select2-container--bootstrap .select2-selection--single .select2-selection__placeholder {
      color: #999; }
  .select2-container--bootstrap .select2-selection--multiple {
    min-height: 32px;
    padding: 0;
    height: auto;
    /**
     * Make Multi Select2's choices match Bootstrap 3's default button styles.
     */
    /**
     * Minus 2px borders.
     */
    /**
     * Clear the selection.
     */ }
    .select2-container--bootstrap .select2-selection--multiple .select2-selection__rendered {
      box-sizing: border-box;
      display: block;
      line-height: 1.45;
      list-style: none;
      margin: 0;
      overflow: hidden;
      padding: 0;
      width: 100%;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container--bootstrap .select2-selection--multiple .select2-selection__placeholder {
      color: #999;
      float: left;
      margin-top: 5px; }
    .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
      color: #fff;
      background: #222;
      border: 1px solid #444;
      border-radius: 0px;
      cursor: default;
      float: left;
      margin: 5px 0 0 6px;
      padding: 0 6px; }
    .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
      background: transparent;
      padding: 0 12px;
      height: 30px;
      line-height: 1.45;
      margin-top: 0;
      min-width: 5em; }
    .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove {
      color: #999;
      cursor: pointer;
      display: inline-block;
      font-weight: bold;
      margin-right: 3px; }
      .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice__remove:hover {
        color: #ddd; }
    .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
      margin-top: 6px; }
  .select2-container--bootstrap .select2-selection--single.input-sm,
  .input-group-sm .select2-container--bootstrap .select2-selection--single,
  .form-group-sm .select2-container--bootstrap .select2-selection--single {
    border-radius: 0px;
    font-size: 12px;
    height: 30px;
    line-height: 1.5;
    padding: 5px 22px 5px 10px;
    /* 2 */ }
    .select2-container--bootstrap .select2-selection--single.input-sm .select2-selection__arrow b,
    .input-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
    .form-group-sm .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
      margin-left: -5px; }
  .select2-container--bootstrap .select2-selection--multiple.input-sm,
  .input-group-sm .select2-container--bootstrap .select2-selection--multiple,
  .form-group-sm .select2-container--bootstrap .select2-selection--multiple {
    min-height: 30px;
    border-radius: 0px; }
    .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__choice,
    .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
    .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
      font-size: 12px;
      line-height: 1.5;
      margin: 4px 0 0 5px;
      padding: 0 5px; }
    .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-search--inline .select2-search__field,
    .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
    .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
      padding: 0 10px;
      font-size: 12px;
      height: 28px;
      line-height: 1.5; }
    .select2-container--bootstrap .select2-selection--multiple.input-sm .select2-selection__clear,
    .input-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
    .form-group-sm .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
      margin-top: 5px; }
  .select2-container--bootstrap .select2-selection--single.input-lg,
  .input-group-lg .select2-container--bootstrap .select2-selection--single,
  .form-group-lg .select2-container--bootstrap .select2-selection--single {
    border-radius: 0px;
    font-size: 17px;
    height: 45px;
    line-height: 1.33333;
    padding: 10px 31px 10px 16px;
    /* 1 */ }
    .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow,
    .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow,
    .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow {
      width: 5px; }
      .select2-container--bootstrap .select2-selection--single.input-lg .select2-selection__arrow b,
      .input-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b,
      .form-group-lg .select2-container--bootstrap .select2-selection--single .select2-selection__arrow b {
        border-width: 5px 5px 0 5px;
        margin-left: -5px;
        margin-left: -10px;
        margin-top: -2.5px; }
  .select2-container--bootstrap .select2-selection--multiple.input-lg,
  .input-group-lg .select2-container--bootstrap .select2-selection--multiple,
  .form-group-lg .select2-container--bootstrap .select2-selection--multiple {
    min-height: 45px;
    border-radius: 0px; }
    .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__choice,
    .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice,
    .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__choice {
      font-size: 17px;
      line-height: 1.33333;
      border-radius: 0px;
      margin: 9px 0 0 8px;
      padding: 0 10px; }
    .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-search--inline .select2-search__field,
    .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field,
    .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field {
      padding: 0 16px;
      font-size: 17px;
      height: 43px;
      line-height: 1.33333; }
    .select2-container--bootstrap .select2-selection--multiple.input-lg .select2-selection__clear,
    .input-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear,
    .form-group-lg .select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
      margin-top: 10px; }
  .select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single {
    /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */ }
    .select2-container--bootstrap .select2-selection.input-lg.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #999 transparent;
      border-width: 0 5px 5px 5px; }
  .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single {
    /**
     * Make the dropdown arrow point up while the dropdown is visible.
     */ }
    .input-group-lg .select2-container--bootstrap .select2-selection.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #999 transparent;
      border-width: 0 5px 5px 5px; }
  .select2-container--bootstrap[dir="rtl"] {
    /**
     * Single Select2
     *
     * 1. Makes sure that .select2-selection__placeholder is positioned
     *    correctly.
     */
    /**
     * Multiple Select2
     */ }
    .select2-container--bootstrap[dir="rtl"] .select2-selection--single {
      padding-left: 24px;
      padding-right: 12px; }
      .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__rendered {
        padding-right: 0;
        padding-left: 0;
        text-align: right;
        /* 1 */ }
      .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__clear {
        float: left; }
      .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow {
        left: 12px;
        right: auto; }
        .select2-container--bootstrap[dir="rtl"] .select2-selection--single .select2-selection__arrow b {
          margin-left: 0; }
    .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
    .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder {
      float: right; }
    .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
      margin-left: 0;
      margin-right: 6px; }
    .select2-container--bootstrap[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
      margin-left: 2px;
      margin-right: auto; }

/*------------------------------------*  #ADDITIONAL GOODIES
\*------------------------------------*/
/**
 * Address Bootstrap's validation states
 *
 * If a Select2 widget parent has one of Bootstrap's validation state modifier
 * classes, adjust Select2's border colors and focus states accordingly.
 * You may apply said classes to the Select2 dropdown (body > .select2-container)
 * via JavaScript match Bootstraps' to make its styles match.
 *
 * @see http://getbootstrap.com/css/#forms-control-validation
 */
.has-warning .select2-dropdown,
.has-warning .select2-selection {
  border-color: #8a6d3b; }

.has-warning .select2-container--focus .select2-selection,
.has-warning .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  border-color: #66512c; }

.has-warning.select2-drop-active {
  border-color: #66512c; }
  .has-warning.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #66512c; }

.has-error .select2-dropdown,
.has-error .select2-selection {
  border-color: #a94442; }

.has-error .select2-container--focus .select2-selection,
.has-error .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  border-color: #843534; }

.has-error.select2-drop-active {
  border-color: #843534; }
  .has-error.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #843534; }

.has-success .select2-dropdown,
.has-success .select2-selection {
  border-color: #3c763d; }

.has-success .select2-container--focus .select2-selection,
.has-success .select2-container--open .select2-selection {
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  border-color: #2b542c; }

.has-success.select2-drop-active {
  border-color: #2b542c; }
  .has-success.select2-drop-active.select2-drop.select2-drop-above {
    border-top-color: #2b542c; }

/**
 * Select2 widgets in Bootstrap Input Groups
 *
 * When Select2 widgets are combined with other elements using Bootstraps
 * "Input Group" component, we don't want specific edges of the Select2
 * container to have a border-radius.
 *
 * Use .select2-bootstrap-prepend and .select2-bootstrap-append on
 * a Bootstrap 3 .input-group to let the contained Select2 widget know which
 * edges should not be rounded as they are directly followed by another element.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
/**
 * Mimick Bootstraps .input-group .form-control styles.
 *
 * @see https://github.com/twbs/bootstrap/blob/master/less/input-groups.less
 */
.input-group .select2-container--bootstrap {
  display: table;
  table-layout: fixed;
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0px;
  /**
   * Adjust z-index like Bootstrap does to show the focus-box-shadow
   * above appended buttons in .input-group and .form-group.
   */ }
  .input-group .select2-container--bootstrap.select2-container--open, .input-group .select2-container--bootstrap.select2-container--focus {
    z-index: 3; }

.input-group.select2-bootstrap-prepend .select2-container--bootstrap .select2-selection {
  -moz-border-radius-topleft: 0;
  -webkit-border-top-left-radius: 0;
  border-top-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0; }

.input-group.select2-bootstrap-append .select2-container--bootstrap .select2-selection {
  -moz-border-radius-topright: 0;
  -webkit-border-top-right-radius: 0;
  border-top-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0; }

/**
 * Adjust alignment of Bootstrap buttons in Bootstrap Input Groups to address
 * Multi Select2's height which - depending on how many elements have been selected -
 * may grow taller than its initial size.
 *
 * @see http://getbootstrap.com/components/#input-groups
 */
.select2-bootstrap-append .select2-container--bootstrap,
.select2-bootstrap-append .input-group-btn,
.select2-bootstrap-append .input-group-btn .btn,
.select2-bootstrap-prepend .select2-container--bootstrap,
.select2-bootstrap-prepend .input-group-btn,
.select2-bootstrap-prepend .input-group-btn .btn {
  vertical-align: top; }

/**
 * Temporary fix for https://github.com/select2/select2-bootstrap-theme/issues/9
 *
 * Provides `!important` for certain properties of the class applied to the
 * original `<select>` element to hide it.
 *
 * @see https://github.com/select2/select2/pull/3301
 * @see https://github.com/fk/select2/commit/31830c7b32cb3d8e1b12d5b434dee40a6e753ada
 */
.form-control.select2-hidden-accessible {
  position: absolute !important;
  width: 1px !important; }

/**
 * Display override for inline forms
 */
.form-inline .select2-container--bootstrap {
  display: inline-block; }

.progressive img.reveal {
  will-change: transform, opacity;
  animation: progressiveReveal 0.5s ease-out; }

@keyframes progressiveReveal {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }