@import url(/bower_components/Skeleton/css/normalize.css);
@import url(/bower_components/Skeleton/css/skeleton.css);
@import url(/bower_components/superfish/dist/css/superfish.css);
.icons-sprite, .icons-fb, .icons-insta, .icons-mixer, .icons-reddit, .icons-twitch, .icons-twitter, .icons-vk, .icons-yt { background-image: url('../images/icons-s8eb3641ada.png'); background-repeat: no-repeat; }

.icons-fb { background-position: 0 0; height: 34px; width: 34px; }

.icons-insta { background-position: 0 -34px; height: 34px; width: 34px; }

.icons-mixer { background-position: 0 -68px; height: 34px; width: 34px; }

.icons-reddit { background-position: 0 -102px; height: 34px; width: 34px; }

.icons-twitch { background-position: 0 -136px; height: 34px; width: 34px; }

.icons-twitter { background-position: 0 -170px; height: 34px; width: 34px; }

.icons-vk { background-position: 0 -204px; height: 34px; width: 34px; }

.icons-yt { background-position: 0 -238px; height: 34px; width: 34px; }

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; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }

.clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

* { box-sizing: border-box; margin: 0; }

body, html { height: 100%; }

body { font-size: 14px; font-weight: normal !important; font-family: "Open Sans", sans-serif; background-color: #ececec; color: #686868; }

/*Change skeleton width*/
.container { max-width: 1140px !important; }

#mainContent { margin-top: 93px; }

a { color: #d30000; text-decoration: none; }
a:hover { color: #000000; }

.errors { padding: 20px 0; }

textarea, input { font-weight: normal; }
textarea.error, input.error { border: 1px solid red !important; }

.wrapper { min-height: 100%; height: auto !important; margin: 0 auto -210px; }

#footer, .push { min-height: 210px; }

.create-news-item textarea { height: 500px; }

.read-news-item .post .post-image { padding-bottom: 20px; }

.pagination li { display: inline-block; padding: 0 5px; }

.translation { background-color: #f0f0f0; }

input, select { border: 1px solid #000000; border-radius: 0; }

.clear { clear: both; }

button, .button { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
button .button-wrap, .button .button-wrap { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
button a, .button a { display: block; width: auto; }

h2, .h2, h1, .h1, h2, .news-read .article-header .title, h3, .h3, .cd-hero .slide .text, #newsIndex .featured .post .title, #newsIndex .post-list .post .title { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; font-size: 28px; font-weight: bold; text-transform: uppercase; }

h1, .h1, h2, .h2, h1, h3, .h3, .cd-hero .slide .text, #newsIndex .featured .post .title, #newsIndex .post-list .post .title, .news-read .article-header .title { color: #d30000; font-size: 36px; font-weight: normal; }

h3, .h3, .cd-hero .slide .text, #newsIndex .featured .post .title, #newsIndex .post-list .post .title { font-size: 20px; }

.contentHeaderContain { margin: 0 auto; display: inline-block; width: 100%; margin-top: 40px; }
.contentHeaderContain h2, .contentHeaderContain p { color: #d30000; margin: 0 auto; margin-top: -9px; margin-bottom: 40px; font-size: 25px; text-transform: uppercase; text-align: center; }
.contentHeaderContain h2 { margin-top: -18px; font-size: 25px; }
.contentHeaderContain p { margin-top: -9px; font-size: 15px; }
.contentHeaderContain .contentHeaderLines { margin-top: 25px; width: 34%; float: left; height: 3px; margin: 0 auto; border-top: 1px solid #d30000; border-bottom: 1px solid #d30000; }
.contentHeaderContain .contentFooterLines { margin-top: 30px; width: 44%; float: left; }
.contentHeaderContain .contentLineRight { float: right; }
.contentHeaderContain .lotusLogo { height: 48px; width: 83px; margin: 0 auto; margin-top: -33px; margin-bottom: 50px; background-repeat: no-repeat; background-image: url('../images/redLotus.png?1554154029'); }

.container.errors { position: relative; z-index: 50; top: 160px; background: #cc0000; color: white; padding: 30px; }

#fullScreenDownArrow { -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite; position: fixed; bottom: 20px; left: 50%; z-index: 10; background: #111; width: 10em; height: 10em; padding: 4em 2em; border-radius: 50%; font-size: 0.5em; display: block; box-shadow: 0px 0px 5px 0px #333; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { #fullScreenDownArrow { left: 43%; } }
#fullScreenDownArrow .arrow { float: left; position: relative; width: 0px; height: 0px; border-style: solid; border-width: 3em 3em 0 3em; border-color: #ffffff transparent transparent transparent; -webkit-transform: rotate(360deg); }
#fullScreenDownArrow .arrow:after { content: ''; position: absolute; top: -3.2em; left: -3em; width: 0px; height: 0px; border-style: solid; border-width: 3em 3em 0 3em; border-color: #111 transparent transparent transparent; -webkit-transform: rotate(360deg); }

@-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); transform: translateY(0); }
  40% { -moz-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -moz-transform: translateY(-15px); transform: translateY(-15px); } }
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); -webkit-transform: translateY(-30px); transform: translateY(-30px); }
  60% { -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
.cd-hero { position: relative; }
.cd-hero.slider { border-bottom: 6px solid #d30000; }
.cd-hero.slider .slide { max-height: 600px; background-size: cover !important; background-color: #000 !important; background-repeat: no-repeat !important; background-position: top center !important; }
@media (min-width: 1980px) { .cd-hero.slider .slide { max-height: 660px; } }
.cd-hero.slider .slide img { min-width: 100%; }
.cd-hero .slider-nav { position: absolute; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; bottom: 0px; height: 34px; z-index: 10; }
.cd-hero .slider-nav::before, .cd-hero .slider-nav::after { content: ''; display: inline-block; vertical-align: bottom; }
.cd-hero .slider-nav::before { width: 0; height: 0; border-bottom: 36px solid #d30000; border-left: 36px solid transparent; }
.cd-hero .slider-nav::after { width: 0; height: 0; border-right: 36px solid transparent; border-bottom: 36px solid #d30000; }
.cd-hero .slider-nav ul { display: inline-block; background-color: #d30000; height: 36px; margin: 0px -4px; }
.cd-hero .slider-nav ul li { display: inline-block; -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -webkit-transform: rotateZ(45deg); transform: rotateZ(45deg); width: 14px; height: 14px; border: 2px solid #ffffff; margin: 12px 20px 0 20px; color: transparent; cursor: pointer; list-style: none; }
.cd-hero .slider-nav ul li.selected { z-index: 5 !important; }
.cd-hero .slider-nav ul li.selected::before { content: ''; position: absolute; display: block; width: 100%; height: 100%; background-color: #ffffff; border: 3px solid #d30000; border-radius: 50%; box-sizing: border-box; }
.cd-hero .slide.selected { z-index: 5 !important; }
.cd-hero .slide .text { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; color: #ffffff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; text-align: left; }
.cd-hero .slide .text video { z-index: -1; position: absolute; top: -80px; min-height: 521px; left: 50%; transform: translate(-50%, 0); min-width: 1920px; width: 100%; }
.cd-hero .slide .text .slide-content { height: 100%; }
.cd-hero .slide .text .slide-content img { min-width: 0; margin-bottom: 20px; }
.cd-hero .slide .text .slide-content p { font-family: "Open Sans", sans-serif; margin: 0; font-size: 14px; text-transform: none; line-height: 1em; padding-bottom: 20px; word-spacing: 0; }
.cd-hero .slide .text .slide-content a { text-decoration: underline; }
.cd-hero .slide .text .slide-content a:hover { color: #d30000; }
.cd-hero .slide .container { height: 100%; }
.cd-hero .slide .container .slide-template { position: absolute; }
.cd-hero .slide .container .slide-template.top-left { top: 0; left: 0; }
.cd-hero .slide .container .slide-template.top-right { top: 0; right: 0; }
.cd-hero .slide .container .slide-template.bottom-left { bottom: 0; left: 0; }
.cd-hero .slide .container .slide-template.bottom-right { bottom: 0; right: 0; }

form label[for="email"], form label[for="email_confirm"], form label[for="email_confirm"], form label[for="alias"], form label[for="password"], form label[for="password_confirm"], form label[for="password_confirm"] { display: none; }
form fieldset .form-text { border: 1px solid #d9d9d9; border-radius: 0; background-color: #e9e9e9; height: 50px; width: 100%; margin-bottom: 15px; }
form fieldset input[type="checkbox"] { position: relative; float: left; margin-right: 9px; top: 4px; }
form fieldset label.error { color: red; margin-bottom: 10px; }
form [data-tip] { position: relative; }
form [data-tip]:before, form [data-tip]:after { display: none; position: absolute; top: 0; }
form [data-tip]:after { content: ''; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-right: 14px solid #1a1a1a; right: -14px; z-index: 8; font-size: 0; line-height: 0; width: 0; height: 0; }
form [data-tip]:before { content: attr(data-tip); right: -230px; width: 200px; padding: 5px 8px; background: #1a1a1a; color: #fff; z-index: 9; font-size: 0.75em; line-height: 18px; word-wrap: normal; height: auto; text-align: center; }
form [data-tip]:hover:before, form [data-tip]:hover:after { display: block; }

@media (max-width: 1250px) { body.news_index #mainContent, body #mainContent { margin-top: 45px !important; } }
@media (max-width: 1200px) { .contentHeaderLines { width: 29% !important; }
  .contentFooterLines { width: 42% !important; } }
@media (max-width: 900px) { .contentHeaderLines { width: 22% !important; }
  .contentFooterLines { width: 40% !important; } }
@media (max-width: 700px) { .contentHeaderLines { width: 16% !important; }
  .contentFooterLines { width: 37% !important; } }
@media (max-width: 480px) { .contentHeaderLines { width: 12% !important; }
  .contentFooterLines { width: 32% !important; } }
#colorbox { /*Colorbox*/ }
#colorbox #cboxTopLeft, #colorbox #cboxTopCenter, #colorbox #cboxTopRight, #colorbox #cboxMiddleLeft, #colorbox #cboxMiddleRight, #colorbox #cboxBottomLeft, #colorbox #cboxBottomCenter, #colorbox #cboxBottomRight, #colorbox #cboxClose { width: 0 !important; height: 0 !important; display: none !important; }
#colorbox #cboxContent { background: none !important; }
#colorbox #cboxLoadedContent { border: 1px solid #000000; background: #ffffff; margin: 0 !important; }
#colorbox #cboxLoadedContent .inner { padding: 20px; }

.alert { position: absolute; left: 50%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); position: fixed; z-index: 10; width: 500px; padding: 20px; background: rgba(255, 255, 255, 0.9); color: black; font-weight: bold; text-transform: uppercase; top: 110px; }
.alert .close { position: absolute; top: 5px; right: 5px; cursor: pointer; color: #000; font-size: 17px; }
.alert.alert-success { color: #6DB4CB; border-bottom: 4px solid #6DB4CB; }
.alert.alert-danger { color: #d30000; border-bottom: 4px solid #d30000; }
@media (max-width: 875px) { .alert { width: 100%; top: 131px; text-align: center; } }

.aliasOption { cursor: pointer; }

.h-center { position: absolute; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; }

body.landing #mainContent { margin-top: 0px; }

.cd-header { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 50px; background-color: #21272c; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

@media only screen and (min-width: 768px) { .cd-header { height: 70px; background-color: transparent; } }
#cd-logo { float: left; margin: 13px 0 0 5%; }
#cd-logo img { display: block; }

@media only screen and (min-width: 768px) { #cd-logo { margin: 23px 0 0 5%; } }
.cd-primary-nav { /* mobile first - navigation hidden by default, triggered by tap/click on navigation icon */ float: right; margin-right: 5%; width: 44px; height: 100%; }
.cd-primary-nav ul { position: absolute; top: 0; left: 0; width: 100%; -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); transform: translateY(-100%); }
.cd-primary-nav ul.is-visible { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); -moz-transform: translateY(50px); -ms-transform: translateY(50px); -webkit-transform: translateY(50px); transform: translateY(50px); }
.cd-primary-nav a { display: block; height: 50px; line-height: 50px; padding-left: 5%; background: #21272c; border-top: 1px solid #333c44; color: #ffffff; }

@media only screen and (min-width: 768px) { .cd-primary-nav { /* reset navigation values */ width: auto; height: auto; background: none; }
  .cd-primary-nav ul { position: static; width: auto; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); line-height: 70px; }
  .cd-primary-nav ul.is-visible { -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  .cd-primary-nav li { display: inline-block; margin-left: 1em; }
  .cd-primary-nav a { display: inline-block; height: auto; font-weight: 600; line-height: normal; background: transparent; padding: .6em 1em; border-top: none; } }
.cd-hero { position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.cd-hero-slider { position: relative; height: 521px; overflow: hidden; }
@media (min-width: 1980px) { .cd-hero-slider { height: 660px; } }
.cd-hero-slider li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -moz-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); background-position: center center; background-size: cover; background-repeat: no-repeat; }
.cd-hero-slider li.selected { /* this is the visible slide */ position: relative; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
.cd-hero-slider li.move-left { /* slide hidden on the left */ -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected { /* the is-moving class is assigned to the slide which is moving outside the viewport */ -webkit-transition: -webkit-transform 0.5s; -moz-transition: -moz-transform 0.5s; transition: transform 0.5s; }
.cd-hero-slider li:first-of-type { background-color: #2c343b; }
.cd-hero-slider li:nth-of-type(2) { background-color: #3d4952; }
.cd-hero-slider li:nth-of-type(3) { background-color: #586775; }
.cd-hero-slider li:nth-of-type(4) { background-color: #2c343b; }
.cd-hero-slider li:nth-of-type(5) { background-color: #2c343b; }
.cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; /* this padding is used to align the text */ padding-top: 100px; text-align: center; /* Force Hardware Acceleration in WebKit */ -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-transform: translateZ(0); -ms-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); }
.cd-hero-slider .cd-img-container { display: none; }
.cd-hero-slider .cd-img-container img { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.cd-hero-slider .cd-bg-video-wrapper { /* hide video on mobile device */ display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.cd-hero-slider .cd-bg-video-wrapper video { /* you won't see this element in the html, but it will be injected using js */ display: block; min-height: 100%; min-width: 100%; max-width: none; height: auto; width: auto; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.cd-hero-slider h2, .cd-hero-slider p { text-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); line-height: 1.2; margin: 0 auto 14px; color: #ffffff; width: 90%; max-width: 400px; }
.cd-hero-slider h2 { font-size: 2.4rem; }
.cd-hero-slider p { font-size: 1.4rem; line-height: 1.4; }
.cd-hero-slider .cd-btn.secondary { background-color: rgba(22, 26, 30, 0.8); }
.cd-hero-slider .cd-btn:nth-of-type(2) { margin-left: 1em; }

@media only screen and (min-width: 768px) { .cd-hero-slider li:nth-of-type(2) { background-image: none; }
  .cd-hero-slider li:nth-of-type(3) { background-image: none; }
  .cd-hero-slider li:nth-of-type(4) { background-image: none; }
  .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 100px; }
  .cd-hero-slider .cd-bg-video-wrapper { display: block; }
  .cd-hero-slider .cd-half-width { width: 45%; }
  .cd-hero-slider .cd-half-width:first-of-type { left: 5%; }
  .cd-hero-slider .cd-half-width:nth-of-type(2) { right: 5%; left: auto; }
  .cd-hero-slider .cd-img-container { display: block; }
  .cd-hero-slider h2, .cd-hero-slider p { max-width: 520px; }
  .cd-hero-slider h2 { font-size: 2.4em; font-weight: 300; }
  .cd-hero-slider .cd-btn { font-size: 1.4rem; } }
@media only screen and (min-width: 1170px) { .cd-hero-slider .cd-full-width, .cd-hero-slider .cd-half-width { padding-top: 160px; }
  .cd-hero-slider h2, .cd-hero-slider p { margin-bottom: 20px; }
  .cd-hero-slider h2 { font-size: 3.2em; }
  .cd-hero-slider p { font-size: 1.6rem; } }
@media only screen and (min-width: 768px) { .cd-hero-slider .cd-half-width { opacity: 0; -moz-transform: translateX(40px); -ms-transform: translateX(40px); -webkit-transform: translateX(40px); transform: translateX(40px); }
  .cd-hero-slider .move-left .cd-half-width { -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -webkit-transform: translateX(-40px); transform: translateX(-40px); }
  .cd-hero-slider .selected .cd-half-width { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
  .cd-hero-slider .is-moving .cd-half-width { -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s; -o-transition: opacity 0s 0.5s, -o-transform 0s 0.5s; -webkit-transition: opacity 0s, -webkit-transform 0s; -webkit-transition-delay: 0.5s, 0.5s; transition: opacity 0s 0.5s, transform 0s 0.5s; }
  .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2), .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type { -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s; -o-transition: opacity 0.4s 0.2s, -o-transform 0.5s 0.2s; -webkit-transition: opacity 0.4s, -webkit-transform 0.5s; -webkit-transition-delay: 0.2s, 0.2s; transition: opacity 0.4s 0.2s, transform 0.5s 0.2s; }
  .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type, .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) { -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s; -o-transition: opacity 0.4s 0.4s, -o-transform 0.5s 0.4s; -webkit-transition: opacity 0.4s, -webkit-transform 0.5s; -webkit-transition-delay: 0.4s, 0.4s; transition: opacity 0.4s 0.4s, transform 0.5s 0.4s; }
  .cd-hero-slider .selected .cd-full-width h2, .cd-hero-slider .selected .cd-full-width p { opacity: 1; -moz-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); transform: translateX(0); }
  .cd-hero-slider li.is-moving .cd-full-width h2, .cd-hero-slider li.is-moving .cd-full-width p { -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s; -o-transition: opacity 0s 0.5s, -o-transform 0s 0.5s; -webkit-transition: opacity 0s, -webkit-transform 0s; -webkit-transition-delay: 0.5s, 0.5s; transition: opacity 0s 0.5s, transform 0s 0.5s; }
  .cd-hero-slider li.selected h2 { -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s; -o-transition: opacity 0.4s 0.2s, -o-transform 0.5s 0.2s; -webkit-transition: opacity 0.4s, -webkit-transform 0.5s; -webkit-transition-delay: 0.2s, 0.2s; transition: opacity 0.4s 0.2s, transform 0.5s 0.2s; }
  .cd-hero-slider li.selected p { -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s; -o-transition: opacity 0.4s 0.3s, -o-transform 0.5s 0.3s; -webkit-transition: opacity 0.4s, -webkit-transform 0.5s; -webkit-transition-delay: 0.3s, 0.3s; transition: opacity 0.4s 0.3s, transform 0.5s 0.3s; } }
.cd-main-content { width: 90%; max-width: 768px; margin: 0 auto; padding: 2em 0; }
.cd-main-content p { font-size: 1.4rem; line-height: 1.8; color: #999999; margin: 2em 0; }

@media only screen and (min-width: 1170px) { .cd-main-content { padding: 3em 0; }
  .cd-main-content p { font-size: 1.6rem; } }
.no-js .cd-hero-slider li { display: none; }
.no-js .cd-hero-slider li.selected { display: block; }

.no-js .cd-slider-nav { display: none; }

.containWrap { background-color: #FFFFFF; position: fixed; z-index: 200; width: 100%; top: 0px; height: 45px; }

.fullWidthNav { min-width: 875px; }

.header { height: 45px; }
.header .navHeader::after { background: url('../images/mainSiteAssets/nav/dropDownIcon.png?1554154005') no-repeat; height: 17px; width: 17px; border: none; top: 9px; right: 9px; }
.header .logoMenu .mainLogo, .header .logoMenu .ul.nav-links { float: left; }
.header .logoMenu .mainLogo { margin: 10px 0 0 20px; }
.header .logoMenu .mainLogo img { height: 28px; }
.header .logoMenu ul.nav-links { font-size: 13px; font-weight: bold; z-index: 3; margin: 7px 0 0 20px; }
.header .logoMenu ul.nav-links li { background: none; }
.header .logoMenu ul.nav-links li a { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; text-transform: uppercase; color: black; border: none; font-size: 12px; }
.header .logoMenu ul.nav-links li ul { border-top: 3px solid #d30000; box-shadow: none; background-color: #f2f2f2; background-color: rgba(242, 242, 242, 0.9); }
.header .logoMenu ul.nav-links li ul li { font-weight: normal; border-top: 1px solid #CFD0D0; }
.header .logoMenu ul.nav-links li ul li a { font-family: "Open Sans", sans-serif; word-spacing: 2px; }
.header .logoMenu ul.nav-links li ul li:hover { background-color: #f5f9f8; }
.header .logoMenu .menuRight { float: right; height: 45px; }
.header .logoMenu .menuRight .languages, .header .logoMenu .menuRight .loginMenu, .header .logoMenu .menuRight .headerSignup { display: inline-block; }
.header .logoMenu .menuRight .languages select { height: 99%; border: none; margin-bottom: 0px; }
.header .logoMenu .menuRight .loginMenu, .header .logoMenu .menuRight .headerSignup { display: inline-block; text-align: center; padding: 0px 35px 9px 25px; border-left: 1px solid white; font-size: 13px; float: none; margin: 0; position: relative; }
.header .logoMenu .menuRight .loginMenu .headerLoginText, .header .logoMenu .menuRight .headerSignup .headerLoginText { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; display: block; color: black; text-transform: uppercase; font-weight: bold; position: relative; }
.header .logoMenu .menuRight ul.loginMenu .sf-with-ul { position: relative; top: 9px; }
.header .logoMenu .menuRight ul.loginMenu a { padding: 0; }
.header .logoMenu .menuRight ul.loginMenu a::after { display: none; }
.header .logoMenu .menuRight ul.loginMenu ul { top: 30px; }
.header .logoMenu .menuRight ul.loginMenu ul li a { padding: .75em 1em; }
.header .logoMenu .menuRight ul.loginMenu .headerLoginText::after { content: ''; background: url('../images/mainSiteAssets/nav/dropRightIcon.png?1554154005') no-repeat; height: 17px; width: 17px; border: none; top: -2px; right: -27px; position: absolute; display: block; }
.header .logoMenu .menuRight ul.loginMenu .headerLoginText.signed_in::after { background: url('../images/mainSiteAssets/nav/dropDownIcon.png?1554154005') no-repeat; }
.header .logoMenu .menuRight ul.loginMenu .headerUser { display: none; }
.header .logoMenu .menuRight .headerSignup { background-color: #d30000; padding: 16px; padding-bottom: 26px; height: 45px; }
.header .logoMenu .menuRight .headerSignup .headerLoginText { color: white; }
.header .logoMenu .menuRight .headerSignup .headerDownloadImg { display: none; }

@media (max-width: 1450px) and (min-width: 1250px) { .lang-de .header .navHeader, .lang-fr .header .navHeader, .lang-pt-br .header .navHeader, .lang-tr .header .navHeader, .lang-pl .header .navHeader, .lang-it .header .navHeader, .lang-es .header .navHeader { font-size: 10px !important; padding-right: 30px; top: 1px; }
  .lang-de .header .navHeader::after, .lang-fr .header .navHeader::after, .lang-pt-br .header .navHeader::after, .lang-tr .header .navHeader::after, .lang-pl .header .navHeader::after, .lang-it .header .navHeader::after, .lang-es .header .navHeader::after { top: 7px; }
  .lang-de .header .headerLoginText, .lang-fr .header .headerLoginText, .lang-pt-br .header .headerLoginText, .lang-tr .header .headerLoginText, .lang-pl .header .headerLoginText, .lang-it .header .headerLoginText, .lang-es .header .headerLoginText { font-size: 10px !important; }
  .lang-de .header .headerSignup, .lang-fr .header .headerSignup, .lang-pt-br .header .headerSignup, .lang-tr .header .headerSignup, .lang-pl .header .headerSignup, .lang-it .header .headerSignup, .lang-es .header .headerSignup { font-size: 10px !important; } }

.storeBar { background-color: #000000; width: 100%; text-transform: uppercase; display: block; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; }
.storeBar a { color: #a1a1a1; float: left; margin-top: 9px; margin-left: 10px; }
.storeBar .goldText { color: #c99037; }
.storeBar img { float: left; }
.storeBar .storeBarLink { width: 33.33%; float: left; text-align: center; padding: 7px 0; }
.storeBar .storeBarLink .storeLinkCenter { display: inline-block; }

.noVault .storeBarLink { width: 50%; }
.noVault .vaultLink { display: none; }

.vaultLink a { margin-top: 4px; }
.vaultLink .vaultTimer { position: absolute; bottom: 11px; color: white; left: 46%; text-transform: uppercase; font-size: 10px; font-family: "Open Sans", sans-serif; }

.mobileHeader { display: none; min-height: 80px; }
.mobileHeader .tealBar { height: 35px; background-color: #14445b; position: relative; z-index: 201; }
.mobileHeader .tealBar .hamburgerMenu { width: 20px; height: 20px; cursor: pointer; position: absolute; top: 5px; left: 10px; }
.mobileHeader .tealBar .hamburgerMenu .patty { height: 3px; width: 100%; background-color: #5d9dc1; margin-top: 4px; position: relative; }
.mobileHeader .tealBar .loginSignup { display: block; margin-right: 10px; padding-top: 10px; float: right; text-transform: uppercase; }
.mobileHeader .tealBar .loginSignup a { color: #5d9dc1; font-size: 11px; }
.mobileHeader .tealBar .languages { float: left; margin-left: 60px; }
.mobileHeader .tealBar .languages select { margin-left: 0px; height: 28px; font-size: 10px; margin-top: 4px; }
.mobileHeader .mobileLogo { text-align: center; background-color: #FFFFFF; width: 100%; position: fixed; z-index: 200; padding-top: 10px; padding-bottom: 20px; }
.mobileHeader .mobileLogo img { width: 90%; max-width: 452px; }
.mobileHeader .mobileNav { position: fixed; top: -120%; width: 100%; height: 100vh; padding: 15px; text-transform: uppercase; color: #FFFFFF; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; z-index: 1000; background: #14445b; /* Old browsers */ background: -moz-linear-gradient(-45deg, #14445b 1%, #2689b8 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, #14445b 1%, #2689b8 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg, #14445b 1%, #2689b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14445b', endColorstr='#2689b8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }
@media (max-width: 812px) and (orientation: landscape) { .mobileHeader .mobileNav { top: -150%; } }
.mobileHeader .mobileNav img { margin: 30px 0; }
.mobileHeader .mobileNav p { margin-top: 10px; }
.mobileHeader .mobileNav a { color: #FFFFFF; }
.mobileHeader .mobileNav ul li { border-top: 1px solid rgba(255, 255, 255, 0.2); padding: 17px 0; text-align: center; }
.mobileHeader .mobileNav ul li ul { display: none; }

@media (max-width: 875px) { .fullWidthNav { display: none; }
  .mobileHeader { display: block; }
  .mobileHeader .mobileLogo { border-bottom: 1px solid #E1E1E1; }
  .containWrap { position: relative; background-color: rgba(255, 255, 255, 0); }
  .containWrap .tealBar { position: fixed; top: 0; }
  .wrapper { margin-top: 35px; }
  .languages .navHeader { color: #5d9dc1; background: #14445b; }
  .languages li, .languages li > a { color: #5d9dc1; border: none; background: #ffffff; } }
@media (min-width: 875px) and (max-width: 1250px) { .header .logoMenu ul.nav-links { margin: 11px 0 0 20px; }
  .header .logoMenu ul.nav-links li a { font-size: 10px; }
  .header .logoMenu .menuRight ul.loginMenu ul { left: -88px; }
  .header .logoMenu .menuRight ul.languages ul { min-width: inherit; }
  .header .logoMenu .menuRight .headerSignup { font-size: 10px; padding-top: 10px; }
  .header .logoMenu .menuRight .headerSignup .headerLoginText { display: none; }
  .header .logoMenu .menuRight .headerSignup .headerDownloadImg { display: block; background: url('../images/mainSiteAssets/nav/downloadIcon.png?1554154005') no-repeat; width: 28px; height: 28px; }
  .header .logoMenu .menuRight .loginMenu { padding-left: 15px; padding-right: 15px; }
  .header .logoMenu .menuRight .loginMenu .sf-with-ul { top: 11px !important; }
  .header .logoMenu .menuRight .loginMenu.signed_in { padding-right: 20px; }
  .header .logoMenu .menuRight .loginMenu.signed_in .sf-with-ul { top: 0 !important; }
  .header .logoMenu .menuRight .loginMenu.signed_in::after { content: ''; background: url('../images/mainSiteAssets/nav/dropDownIcon.png?1554154005') no-repeat; height: 11px; width: 11px; border: none; top: 11px; right: 5px; position: absolute; display: block; background-size: 100% 100%; }
  .header .logoMenu .menuRight .loginMenu .headerLoginText.signed_in { max-width: 135px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  .header .logoMenu .menuRight .loginMenu .headerLoginText.signed_in::after { display: none; }
  .header .logoMenu .menuRight .loginMenu a { top: 0 !important; }
  .header .logoMenu .menuRight .loginMenu .headerLoginText { display: none; }
  .header .logoMenu .menuRight .loginMenu .headerUser { display: block !important; width: 28px; height: 28px; }
  .header .logoMenu .menuRight .loginMenu .headerUser.inactive { background: url('../images/mainSiteAssets/nav/userInactive.png?1554154005') no-repeat; }
  .header .logoMenu .menuRight .loginMenu .headerUser.active { background: url('../images/mainSiteAssets/nav/userActive.png?1554154005') no-repeat; }
  .header .navHeader::after, .header .header .logoMenu .menuRight ul.loginMenu .headerLoginText::after { height: 11px; width: 11px; background-size: 100% 100%; } }
#footer { background-color: #FFFFFF; border-bottom: 6px solid #d30000; padding-top: 10px; padding-bottom: 30px; border-top: 2px solid #e9e9e9; position: relative; z-index: 10; margin-bottom: -17px; }
#footer #vkFootIcon { display: none !important; }
#footer .footerSocial { text-align: center; margin-bottom: 10px; }
#footer .footerSocial a { display: inline-block; margin-right: 7px; margin-top: 5px; }
#footer .footerContain { margin: 0 auto; }
#footer .footerContain .footerlinkSection { line-height: 20px; }
#footer .footerContain .footerlinkSection:first-child { margin-left: 0px; }
#footer .footerContain .footerlinkSection h4 { font-family: "Open Sans", sans-serif; color: black; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; letter-spacing: 0px; }
#footer .footerContain .footerlinkSection ul li { margin-bottom: 4px; }
#footer .footerContain .footerlinkSection ul li a { color: #959595; }
#footer .footerContain .footerLogoLegal { float: right; }
#footer .footerContain .footerLogoLegal .consoleLogos { margin-top: -25px; }
#footer .footerContain .footerLogoLegal .consoleLogos img { margin-right: 3px; position: relative; }
#footer .footerContain .footerLogoLegal .esrbTerms { margin-top: 10px; }
#footer .footerContain .footerLogoLegal .esrbTerms .termsContain { float: left; }
#footer .footerContain .footerLogoLegal .esrbTerms p { font-size: 11px; }
#footer .footerMobile { display: none; text-align: center; }
#footer .footerMobile .footerMobileContain { margin-bottom: 15px; }
#footer .footerMobile .footerMobileContain h4 { font-family: "Open Sans", sans-serif; color: black; text-transform: uppercase; font-weight: bold; margin-bottom: 10px; letter-spacing: 0px; }
#footer .footerMobile .footerMobileContain ul li { margin-bottom: 4px; }
#footer .footerMobile .footerMobileContain ul li a { color: #959595; }
#footer .footerMobile p { text-align: center; font-size: 10px; }
@media (max-width: 875px) { #footer .footerMain { display: none; }
  #footer .footerMobile { display: block; } }

.lang-ru #footer #vkFootIcon { display: inline-block !important; }
.lang-ru #footer #fbFootIcon { display: none; }

.lang-de #footer .footerlinkSection li, .lang-ru #footer .footerlinkSection li { font-size: 14px; }
@media (max-width: 1250px) { .lang-de #footer .footerlinkSection li, .lang-ru #footer .footerlinkSection li { font-size: 10px; } }

.media_index { background-attachment: fixed; }
.media_index #colorbox img { max-width: 100%; max-height: 100%; }
.media_index #colorbox .video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.media_index #colorbox .video-container iframe, .media_index #colorbox .video-container .video-container object, .media_index #colorbox .video-container .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.media_index #colorbox, .media_index #cboxContent, .media_index #cboxLoadedContent, .media_index #cboxOverlay { z-index: 99999; }

#mediapage { overflow: hidden; }
#mediapage #videos #ratingblockmain { position: absolute; left: -50%; width: 200%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 200; }
#mediapage #videos #ratingblockmain #ratingContain { display: inline-block; margin: 0 auto; background-color: #FFFFFF; margin-top: 70px; }
#mediapage #videos #ratingblockmain #ratingContain .ratingHeader { background-color: black; text-transform: uppercase; padding: 15px; width: 100%; color: #FFFFFF; margin-bottom: 20px; }
#mediapage #videos #ratingblockmain #ratingContain .warningText { width: 311px; padding: 20px; padding-top: 0px; }
#mediapage #videos #ratingblockmain #ratingContain .ageSelect { padding: 20px; }
#mediapage #sliderYoutubeVideo .video { top: -15%; }
#mediapage .container { max-width: 1140px; text-align: center; }
#mediapage .mediaGrid { display: inline-block; margin-bottom: 20px; width: 104.5%; margin-left: -2.25%; }
#mediapage .mediaGrid .gridItem { width: 22.2%; height: auto; display: inline-block; overflow: hidden; margin-bottom: 32px; margin-left: 1%; margin-right: 1%; cursor: pointer; vertical-align: top; text-align: center; opacity: 0; }
#mediapage .mediaGrid .gridItem.videoThumb .fullImage { width: 50%; padding-top: 28.15%; }
#mediapage .mediaGrid .gridItem .bottomTab { margin: 0 auto; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #1d4f70; margin-top: 5px; display: none; }
#mediapage .mediaGrid .gridItem .thumbImg { width: 100%; height: 0; background-size: cover; box-sizing: border-box; border: 1px solid #c8d3d5; padding-top: 56.91%; position: relative; }
#mediapage .mediaGrid .gridItem .thumbImg:hover { border: 1px solid #d30000; }
#mediapage .mediaGrid .gridItem .thumbImg .hoverDiv { vertical-align: top; display: none; width: 100%; height: 100%; box-sizing: border-box; background-color: #2f5a7a; background-color: rgba(47, 90, 122, 0.8); padding: 44px 10px 0px 10px; text-align: center; color: white; text-transform: uppercase; position: absolute; top: 0px; }
#mediapage .mediaGrid .gridItem .gridItemDetails { position: absolute; top: auto; left: 0; height: 0; background-color: #1d4f70; width: 200%; margin-left: -50%; margin-top: 20px; overflow: hidden; cursor: default; }
#mediapage .mediaGrid .gridItem .gridItemDetails .fullImage { background-size: contain; background-color: #000000; position: relative; margin: 35px auto; width: 50%; max-width: 1130px; }
#mediapage .mediaGrid .gridItem .gridItemDetails .fullImage iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#mediapage .btnCenter { text-align: center; }
#mediapage .mediaFilter { float: right; margin-right: 6px; }
#mediapage .mediaFilter label { display: inline-block; margin-right: 10px; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { #mediapage .contentHeaderContain h2 { margin-top: -15px; font-size: 23px; } }
@media (max-width: 1250px) { #mediapage .slider { display: none !important; } }
@media (max-width: 900px) { #mediapage .hoverDiv { padding-top: 20px !important; } }
@media (max-width: 700px) { #mediapage .hoverDiv { padding-top: 20px !important; font-size: 10px !important; } }
@media (max-width: 480px) { #mediapage .hoverDiv { padding-top: 10px !important; font-size: 8px !important; }
  #mediapage .mediaGrid .gridItem { width: 47%; } }
@media (max-width: 450px) { #mediapage .cd-hero .slider-nav ul li { margin: 12px 10px 0 10px; } }
@media (max-width: 400px) { #mediapage .fullImage { max-width: 42.5% !important; } }
@media (max-width: 1250px) { #mediapage #screenshots { margin-top: 40px; } }

body.game { overflow-x: hidden; }

#gamepage { /* KEYART */ }
#gamepage .seven.columns { width: 48.66667%; }
#gamepage h2 { color: #FFFFFF; }
#gamepage #keyart { background-image: url('../images/mainSiteAssets/gamePage/GamePage_Download_V3.jpg?1554154005'); background-repeat: no-repeat; background-size: cover; background-position: center -9px; text-align: center; overflow: hidden; background-color: #92abb2; height: 87%; position: relative; display: table; }
#gamepage #keyart .container { padding-top: 11% !important; }
#gamepage #keyart .container h2 { text-align: center !important; }
#gamepage #keyart h2 { color: #d30000; margin-top: -50px !important; margin-bottom: 20px !important; text-align: center; }
#gamepage #keyart h3 { font-size: 16px !important; color: #666; text-align: center; }
#gamepage #keyart p { color: #666; text-align: center !important; }
#gamepage #quickstart { background: url('../images/mainSiteAssets/gamePage/quickstartBG.jpg?1554154005') center center no-repeat; }
#gamepage #quickstart .rightText { width: 550px; }
#gamepage #warframes { background: url('../images/mainSiteAssets/gamePage/GamesPageHeader.jpg?1554154005') center center no-repeat; }
#gamepage #warframes .container { padding-top: 16% !important; }
#gamepage #warframes h2 { color: #d30000; margin-top: 0px !important; margin-bottom: 20px !important; }
#gamepage #warframes p { color: #666; }
#gamepage #factions { height: auto !important; padding-bottom: 0 !important; }
#gamepage #factions .container { padding-top: 7% !important; float: right; }
#gamepage #factions .container h2 { line-height: 37px; }
#gamepage #factions .factionContain, #gamepage #factions .factionControls { overflow: hidden; width: 100%; }
#gamepage #factions #factionTweenContain { position: relative; }
#gamepage #factions .factionControls { position: absolute; width: 100%; z-index: 20; }
#gamepage #factions .factionControls #factionArrows { top: 45%; position: relative; padding: 20px; }
#gamepage #factions .factionControls #factionArrows .previousFaction { width: 69px; height: 138px; float: left; background-position: 0px -138px; background-image: url('../images/mainSiteAssets/gamePage/Arrows.png?1554154005'); background-repeat: no-repeat; cursor: pointer; }
#gamepage #factions .factionControls #factionArrows .nextFaction { width: 69px; height: 138px; float: right; background-image: url('../images/mainSiteAssets/gamePage/Arrows.png?1554154005'); background-repeat: no-repeat; cursor: pointer; }
#gamepage #factions .grineer { background: url('../images/mainSiteAssets/gamePage/FactionsGrineer.jpg?1554154005') center center no-repeat; }
#gamepage #factions .corpus { background: url('../images/mainSiteAssets/gamePage/FactionsCorpusBG.jpg?1554154005') center center no-repeat; }
#gamepage #factions .infested { background: url('../images/mainSiteAssets/gamePage/Factions_Infested.jpg?1554154005') center center no-repeat; }
#gamepage #factions .sentient { background: url('../images/mainSiteAssets/gamePage/Factions_Sentient.jpg?1554154005') center center no-repeat; }
#gamepage #factions .grineer, #gamepage #factions .corpus, #gamepage #factions .infested, #gamepage #factions .sentient { background-attachment: fixed; height: 100%; background-size: cover; }
#gamepage .whitebacker { padding: 20px; background-color: rgba(255, 255, 255, 0.7); color: white; }
#gamepage #keyart, #gamepage #quickstart, #gamepage #warframes { background-attachment: fixed; }
#gamepage #keyart, #gamepage #quickstart, #gamepage #warframes, #gamepage #factions { background-size: cover; height: 100%; padding-bottom: 19%; }
#gamepage #keyart .container, #gamepage #quickstart .container, #gamepage #warframes .container, #gamepage #factions .container { color: #fff; position: relative; text-align: center; padding-top: 10%; }
#gamepage #keyart .container h2, #gamepage #quickstart .container h2, #gamepage #warframes .container h2, #gamepage #factions .container h2 { margin: 0 auto; margin-top: 50px; margin-bottom: 40px; font-size: 40px; text-transform: uppercase; text-align: left; }
#gamepage #keyart .container h3, #gamepage #quickstart .container h3, #gamepage #warframes .container h3, #gamepage #factions .container h3 { font-family: 'Open Sans', sans-serif !important; text-transform: uppercase; letter-spacing: 0.2em; font-size: 27px; margin-bottom: 34px; }
#gamepage #keyart .container p, #gamepage #quickstart .container p, #gamepage #warframes .container p, #gamepage #factions .container p { font-size: 16px; line-height: 27px; font-weight: 300; margin-bottom: 18px; letter-spacing: 0.04em; text-align: left; }
#gamepage #quickstart .container button, #gamepage #warframes .container button, #gamepage #factions .container button { float: left; margin-left: 25px; }
#gamepage .rightText { float: right; margin-top: 5%; }
#gamepage .cd-hero.slider { border-bottom: none; }
#gamepage .cd-hero.slider .slide { max-height: 990px; }
#gamepage .cd-hero-slider { height: 990px; }
#gamepage #factionIconContain { position: absolute; width: 100%; text-align: center; }
#gamepage #factionIconContain::after, #gamepage #factionIconContain::before { display: none; }
#gamepage #factionIconContain #factionIcons { position: relative; padding: 20px; margin: 0 auto; display: inline-block; top: -210px; z-index: 30; background-color: transparent; }
#gamepage #factionIconContain #factionIcons .factionIcon { -moz-transform: none; -ms-transform: none; -webkit-transform: none; transform: none; height: 104px; width: 104px; float: left; margin: 10px; cursor: pointer; border: none; }
#gamepage #factionIconContain #factionIcons .factionIcon::before { display: none; }
#gamepage #factionIconContain #factionIcons .factionIcon#grineerIcon.selected .factionIconBG { background-position: -104px -104px; }
#gamepage #factionIconContain #factionIcons .factionIcon#corpusIcon.selected .factionIconBG { background-position: 0px -104px; }
#gamepage #factionIconContain #factionIcons .factionIcon#infestedIcon.selected .factionIconBG { background-position: -207px -104px; }
#gamepage #factionIconContain #factionIcons .factionIcon#sentientIcon.selected .factionIconBG { background-position: -311px -104px; }
#gamepage #factionIconContain #factionIcons .factionIconBG { background-image: url('../images/mainSiteAssets/gamePage/factionIcons.png?1554154005'); background-repeat: no-repeat; height: 104px; width: 104px; display: block; }
#gamepage #factionIconContain #factionIcons #grineerIcon .factionIconBG { background-position: -104px 0px; }
#gamepage #factionIconContain #factionIcons #corpusIcon .factionIconBG { background-position: 0px 0px; }
#gamepage #factionIconContain #factionIcons #infestedIcon .factionIconBG { background-position: -207px 0px; }
#gamepage #factionIconContain #factionIcons #sentientIcon .factionIconBG { background-position: -311px 0px; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { #gamepage #keyart { background-position: center 0; height: auto !important; background-position-y: 0 !important; }
  #gamepage #keyart .six.columns { margin: 40px 0; }
  #gamepage #keyart .row { position: relative; }
  #gamepage #keyart .keyartCopy h1 { font-size: 32px; }
  #gamepage #keyart .container { background: rgba(255, 255, 255, 0.7); height: 100%; width: 100%; padding: 0 10px; }
  #gamepage #keyart .container p, #gamepage #keyart .container h3 { color: black; }
  #gamepage #keyart .container h2 { margin-top: -10px !important; }
  #gamepage .seven.columns { width: 100%; }
  #gamepage #quickstart .row { position: relative; top: 17%; }
  #gamepage #quickstart .container button { margin-left: -15px; }
  #gamepage #warframes .row { position: relative; margin-top: 22%; }
  #gamepage #warframes .container button { margin-left: -15px; }
  #gamepage #factions .grineer .container, #gamepage #factions .corpus .container, #gamepage #factions .infested .container, #gamepage #factions .sentient .container { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; padding-top: 0 !important; }
  #gamepage #factions .grineer { background: url('../images/mainSiteAssets/gamePage/FactionsGrineer.jpg?1554154005') -120px center no-repeat; }
  #gamepage #factions .corpus { background: url('../images/mainSiteAssets/gamePage/FactionsCorpusBG.jpg?1554154005') -330px center no-repeat; }
  #gamepage #factions .infested { background: url('../images/mainSiteAssets/gamePage/Factions_Infested.jpg?1554154005') -210px center no-repeat; }
  #gamepage #factions .sentient { background: url('../images/mainSiteAssets/gamePage/Factions_Sentient.jpg?1554154005') -270px center no-repeat; }
  #gamepage #factions #factionIconContain { margin-bottom: 80px; }
  #gamepage #factions #factionIconContain #factionIcons { position: relative; padding: 20px; margin: 0 auto; display: inline-block; z-index: 30; background-color: transparent; bottom: 60px; top: 0; }
  #gamepage #factions #factionIconContain #factionIcons .factionIcon { height: 74px; width: 74px; overflow: hidden; margin: 3px; }
  #gamepage #factions #factionIconContain #factionIcons .factionIcon#grineerIcon.selected .factionIconBG { background-position: -72px -72px; }
  #gamepage #factions #factionIconContain #factionIcons .factionIcon#grineerIcon .factionIconBG { background-position: -72px 0; }
  #gamepage #factions #factionIconContain #factionIcons .factionIcon#corpusIcon.selected .factionIconBG { background-position: 0px -72px; }
  #gamepage #factions #factionIconContain #factionIcons .factionIcon#corpusIcon .factionIconBG { background-position: 0 0; }
  #gamepage #factions #factionIconContain #factionIcons .factionIcon#infestedIcon.selected .factionIconBG { background-position: -145px -72px; }
  #gamepage #factions #factionIconContain #factionIcons .factionIcon#infestedIcon .factionIconBG { background-position: -145px 0; }
  #gamepage #factions #factionIconContain #factionIcons .factionIcon#sentientIcon.selected .factionIconBG { background-position: -217px -72px; }
  #gamepage #factions #factionIconContain #factionIcons .factionIcon#sentientIcon .factionIconBG { background-position: -217px 0; }
  #gamepage #factions #factionIconContain #factionIcons .factionIconBG { background-image: url('../images/mainSiteAssets/gamePage/factionIcons.png?1554154005') !important; background-repeat: no-repeat; height: 73px; width: 75px; display: block; background-size: 387% !important; overflow: hidden; }
  #gamepage #keyart, #gamepage #quickstart, #gamepage #warframes, #gamepage #factions { background-attachment: inherit; background-position-y: 0 !important; }
  #gamepage #keyart .container p, #gamepage #keyart .container h2, #gamepage #quickstart .container p, #gamepage #quickstart .container h2, #gamepage #warframes .container p, #gamepage #warframes .container h2, #gamepage #factions .container p, #gamepage #factions .container h2 { text-align: center; }
  #gamepage #keyart .container h2, #gamepage #quickstart .container h2, #gamepage #warframes .container h2, #gamepage #factions .container h2 { margin: 0 auto; margin-top: 50px; margin-bottom: 40px; font-size: 42px; text-transform: uppercase; text-align: center; }
  #gamepage #keyart .container h3, #gamepage #quickstart .container h3, #gamepage #warframes .container h3, #gamepage #factions .container h3 { font-family: 'Open Sans', sans-serif !important; text-transform: uppercase; margin-bottom: 34px; }
  #gamepage #keyart .container button, #gamepage #quickstart .container button, #gamepage #warframes .container button, #gamepage #factions .container button { float: none; }
  #gamepage .rightText { float: none; width: auto !important; } }
@media (max-width: 875px) { #gamepage #warframes { background: url('../images/mainSiteAssets/gamePage/GamesPageHeader.jpg?1554154005') no-repeat; background-position-x: -160px; background-position-y: 0px !important; }
  #gamepage #warframes .container { background: rgba(255, 255, 255, 0.7); height: 100%; width: 100%; }
  #gamepage #warframes .container .seven.columns { width: 100%; padding: 20px; }
  #gamepage #warframes .container .seven.columns p, #gamepage #warframes .container .seven.columns h2 { text-align: center; }
  #gamepage #warframes .container .seven.columns button { float: none; }
  #gamepage #keyart .container { color: #fff; position: relative; text-align: center; }
  #gamepage #keyart .container h2, #gamepage #quickstart .container h2, #gamepage #warframes .container h2, #gamepage #factions .container h2 { font-size: 25px; position: relative; }
  #gamepage #factions { background-attachment: inherit; }
  #gamepage #factions .grineer { background: url('../images/mainSiteAssets/gamePage/FactionsGrineer.jpg?1554154005') no-repeat; background-position-x: -130px; background-position-y: center !important; }
  #gamepage #factions .corpus { background: url('../images/mainSiteAssets/gamePage/FactionsCorpusBG.jpg?1554154005') no-repeat; background-position-x: center; background-position-y: 0 !important; }
  #gamepage #factions .infested { background: url('../images/mainSiteAssets/gamePage/Factions_Infested.jpg?1554154005') no-repeat; background-position-x: -360px; background-position-y: center !important; }
  #gamepage #factions .sentient { background: url('../images/mainSiteAssets/gamePage/Factions_Sentient.jpg?1554154005') -410px 0px no-repeat; background-position-x: -410px; background-position-y: center !important; } }

body.news_index .storeBar { display: none; }
body.news_index #mainContent { margin-top: 45px; }

#newsIndex { padding-bottom: 70px; }
#newsIndex .sliderNavWrap { position: relative; }
#newsIndex .cd-hero .slider-nav::before, #newsIndex .cd-hero .slider-nav::after { position: absolute; }
#newsIndex .cd-hero .slider-nav::before { left: -39px; }
#newsIndex .cd-hero .slider-nav::after { top: 0; right: -39px; }
#newsIndex .slide-content { position: relative; }
#newsIndex .slide-content p { font-size: 16px; line-height: 1.25em; }
#newsIndex .slide-content h3 { font-weight: bold; letter-spacing: 1px; }
#newsIndex .slide-content .slider-header { margin-bottom: 15px; }
#newsIndex .slide-content .moreFaq { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; background-color: #d30000; color: #FFFFFF; text-decoration: none; text-transform: uppercase; padding: 7px; font-size: 12px; }
#newsIndex .slide-content .moreFaq::after { content: ''; width: 0; height: 0; border-right: 31px solid transparent; border-bottom: 31px solid #d30000; position: absolute; margin-top: -5px; margin-left: 7px; }
#newsIndex .shadow { background: rgba(0, 0, 0, 0.6); height: 140%; width: 125%; position: absolute; top: -25%; left: -20%; -webkit-filter: blur(35px); -moz-filter: blur(35px); filter: blur(35px); -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px; z-index: -1; }
#newsIndex .prime-access-links { background-color: #000; border-bottom: 3px solid #e0e0e0; text-align: center; height: 48px; }
#newsIndex .prime-access-links .link { float: left; width: 33.33%; box-sizing: border-box; padding-top: 5px; }
#newsIndex .prime-access-links .link img { margin-bottom: 5px; display: inline-block; }
#newsIndex .prime-access-links .link .text { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; text-transform: uppercase; color: #a1a1a1; display: inline-block; position: relative; top: -15px; margin-left: 7px; }
#newsIndex .prime-access-links .link.vaultLink .text { top: -21px; }
#newsIndex .prime-access-links .link.palink .text { color: #c99037; }
#newsIndex .noVault .link { width: 50%; }
#newsIndex .noVault .vaultLink { display: none; }
#newsIndex .featured { padding: 0 0 50px 0; border-bottom: 1px solid #a0a0a0; margin-bottom: 40px; }
#newsIndex .featured .post { position: relative; background-color: #ffffff; border-top: 1px solid #d30000; border-bottom: 3px solid #d30000; }
#newsIndex .featured .post .image { position: relative; overflow: hidden; }
#newsIndex .featured .post .image img { width: 100%; }
#newsIndex .featured .post .title { padding: 10px 10px 10px 0; font-size: 17px; }
#newsIndex .featured .post .description { min-height: 50px; padding: 10px; margin-bottom: 20px; }
#newsIndex .featured .post .description .featuredRead { position: absolute; right: 20px; bottom: 10px; }
#newsIndex .featured .post .read-more { position: absolute; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; bottom: -15px; }
#newsIndex .featured .post .read-more .button { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); margin-bottom: 0; }
#newsIndex .featured .post .read-more .button span { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
#newsIndex .categories { display: inline-block; margin: 20px 0; }
#newsIndex .categories .category { display: inline-block; border: 1px solid #666; padding: 6px 18px; margin-right: 10px; background-color: #ebebeb; text-transform: uppercase; font-weight: bold; }
#newsIndex .categories .category.pc { color: #212121; }
#newsIndex .categories .category.pc:hover { background-color: #212121; border-color: #212121; color: #ffffff; }
#newsIndex .categories .category.xbox { color: #005400; }
#newsIndex .categories .category.xbox:hover { background-color: #005400; border-color: #005400; color: #ffffff; }
#newsIndex .categories .category.ps4 { color: #034169; }
#newsIndex .categories .category.ps4:hover { background-color: #034169; border-color: #034169; color: #ffffff; }
#newsIndex .categories .category.blog { color: #730D6A; }
#newsIndex .categories .category.blog:hover { background-color: #730D6A; border-color: #730D6A; color: #ffffff; }
#newsIndex .categories .category.active { background-color: #d30000; border-color: #d30000; color: #ffffff; }
#newsIndex .search { display: inline-block; margin-top: 14px; float: right; }
@media (max-width: 1250px) { #newsIndex .search { display: block; float: none; } }
#newsIndex .search img { position: relative; top: 7px; right: 10px; }
#newsIndex .search .form-text { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; width: 300px; height: 30px; background-color: #ffffff; }
#newsIndex .search input[type="submit"] { display: none; position: absolute; top: 0; right: 0; }
#newsIndex .post-list { position: relative; }
#newsIndex .post-list .post { line-height: 2em; background-color: #FFFFFF; margin-bottom: 10px; padding: 10px; cursor: pointer; }
#newsIndex .post-list .post:hover { background-color: #f5f5f5; }
#newsIndex .post-list .post img { max-width: 100%; }
#newsIndex .post-list .post .title { font-size: 17px; font-weight: bold; }
#newsIndex .post-list .post .title a { line-height: 20px; }
#newsIndex .post-list .post .date { font-size: 12px; }
#newsIndex .post-list .post .description { border-top: 1px solid #a0a0a0; padding: 5px 0; }
#newsIndex .post-list .post .read-more { text-decoration: underline; }
#newsIndex .twitter-widget iframe .timeline-Tweet-text { color: #6B6B6B; }
#newsIndex .load-more { position: absolute; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; }
#newsIndex .buildTracker { position: fixed; bottom: 180px; z-index: 1001; width: 94px; min-height: 300px; height: auto; text-align: center; text-transform: uppercase; font-size: 10px; cursor: pointer; }
#newsIndex .buildTracker .platformWrap { background-color: white; background-color: rgba(255, 255, 255, 0.8); height: 100%; float: left; padding: 8px 5px; }
#newsIndex .buildTracker .platformWrap hr { margin-top: 12px; margin-bottom: 5px; }
#newsIndex .buildTracker .platformWrap .pcContain { color: #000; }
#newsIndex .buildTracker .platformWrap .ps4Contain { color: #034169; }
#newsIndex .buildTracker .platformWrap .xb1Contain { color: #005400; }
#newsIndex .buildTracker .platformWrap .trackerLogoPC { background-image: url('../images/mainSiteAssets/updateTracker/pcGrey.png?1554154007'); }
#newsIndex .buildTracker .platformWrap .trackerLogoPS4 { background-image: url('../images/mainSiteAssets/updateTracker/ps4.png?1554154007'); margin-left: 11px; width: 53px !important; height: 51px !important; }
#newsIndex .buildTracker .platformWrap .trackerLogoXB1 { background-image: url('../images/mainSiteAssets/updateTracker/xb1.png?1554154007'); margin-left: 11px; width: 53px !important; height: 51px !important; }
#newsIndex .buildTracker .platformWrap .trackerLogoSwitch { background-image: url('../images/mainSiteAssets/updateTracker/switch.png?1554154007'); margin-left: 11px; width: 76px !important; height: 71px !important; }
#newsIndex .buildTracker .platformWrap .trackerLogoPC, #newsIndex .buildTracker .platformWrap .trackerLogoPS4, #newsIndex .buildTracker .platformWrap .trackerLogoXB1, #newsIndex .buildTracker .platformWrap .trackerLogoSwitch { margin: 0 auto; height: 44px; width: 44px; background-repeat: no-repeat; background-size: cover; }
#newsIndex .buildTracker .platformWrap .trackerbar { background-color: #a7a7a7; height: 7px; width: 60px; margin: 0 auto; margin-top: 5px; margin-bottom: 5px; position: relative; }
#newsIndex .buildTracker .platformWrap .trackerbar .trackerFill { height: 7px; }
#newsIndex .buildTracker .platformWrap .trackerbar .pcFillLive { background-color: #212121; }
#newsIndex .buildTracker .platformWrap .trackerbar .ps4FillLive { background-color: #034169; }
#newsIndex .buildTracker .platformWrap .trackerbar .xb1FillLive { background-color: #005400; }
#newsIndex .buildTracker .platformWrap .trackerbar .switchFillLive { background-color: #d30000; }
#newsIndex .buildTracker .platformWrap .trackerbar .trackerTick { height: 10px; width: 1px; background-color: #000000; position: absolute; bottom: -1px; }
#newsIndex .buildTracker .platformWrap .trackerbar .pcTick { left: 30px; }
#newsIndex .buildTracker .platformWrap .trackerbar .consoleTick1 { left: 20px; }
#newsIndex .buildTracker .platformWrap .trackerbar .consoleTick2 { left: 40px; }
#newsIndex .buildTracker .trackerTabContain { float: right; width: 15px; height: 100%; position: absolute; right: -15px; }
#newsIndex .buildTracker .trackerTabContain .beforeSlant { width: 0; height: 0; border-top: 10px solid transparent; border-left: 15px solid #d30000; }
#newsIndex .buildTracker .trackerTabContain .afterSlant { width: 0; height: 0; border-bottom: 10px solid transparent; border-left: 15px solid #d30000; }
#newsIndex .buildTracker .trackerTabContain .trackerTab { width: 15px; height: 94%; background-color: #d30000; }
#newsIndex .buildTracker .trackerTabContain .trackerTab p { width: 793%; position: absolute; top: 50%; left: -53px; color: #FFFFFF; font-size: 10px; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
@media (max-width: 875px) { #newsIndex .prime-access-links .container { width: 100%; }
  #newsIndex .prime-access-links .link { min-width: 184px; }
  #newsIndex .prime-access-links .link .text { font-size: 12px; }
  #newsIndex .featured .post { margin-bottom: 40px; }
  #newsIndex .featured .post .read-more { -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; left: 50%; width: 100%; bottom: inherit; }
  #newsIndex .featured .post .read-more .button { -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg); padding: 0 0; Width: 100%; }
  #newsIndex .featured .post .read-more .button span { -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg); }
  #newsIndex .featured .post .title { font-size: 13px; }
  #newsIndex .search { float: none; display: block; }
  #newsIndex .search input[type="text"] { width: 95%; } }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { #newsIndex .row.featured .post { margin-bottom: 30px; }
  #newsIndex .search input[type="text"] { width: 92%; }
  #newsIndex .buildTracker { display: none; }
  #newsIndex .post-list { width: 100%; }
  #newsIndex .featured .post .image img { width: 100%; border-bottom: 2px solid white; }
  #newsIndex .categories .category { padding: 6px 17px; margin-right: 1px; }
  #newsIndex .cd-hero-slider { height: 351px; }
  #newsIndex .cd-hero .slider-nav::after, #newsIndex .cd-hero .slider-nav::before { display: none; }
  #newsIndex .cd-hero .slider-nav ul { padding: 0 10px; }
  #newsIndex .cd-hero .slider-nav ul li { margin: 12px 10px 0 10px; }
  #newsIndex .cd-hero .text { background: rgba(0, 0, 0, 0.8); color: white; text-align: center; }
  #newsIndex .cd-hero .text video { display: none; }
  #newsIndex .cd-hero .text .container { width: 100%; }
  #newsIndex .cd-hero .text .slide-content { margin-top: 40px !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; line-height: 23px; }
  #newsIndex .cd-hero .text .slide-content#tennoConSlideReal img { display: none; }
  #newsIndex .cd-hero .text .slide-content img { width: 70%; }
  #newsIndex .cd-hero .text .slide-content p, #newsIndex .cd-hero .text .slide-content h3, #newsIndex .cd-hero .text .slide-content h2 { width: auto !important; max-width: inherit; }
  #newsIndex .cd-hero .text .slide-content .inner { bottom: inherit; top: 40px; margin-left: 0 !important; width: 100%; right: 0 !important; margin-top: 0; }
  #newsIndex .cd-hero .text .slide-content .slider-header, #newsIndex .cd-hero .text .slide-content p { color: white !important; }
  #newsIndex .cd-hero .slide-template { position: static; }
  #newsIndex .prime-access-links { display: none; }
  #newsIndex .twitter-widget { display: none; } }

.news_post { background-attachment: fixed; }
@media (max-width: 770px) { .news_post { background-size: cover; } }

.news-read { padding-top: 40px; }
.news-read .article-header .title { margin-bottom: 10px; }
.news-read .article-header .description { font-size: 24px; margin-bottom: 20px; }
.news-read .row.titlebar { border-bottom: 1px solid #a0a0a0; margin-bottom: 20px; }
.news-read .row.titlebar #share { margin-top: -12px; }
.news-read .post-content { line-height: 2em; margin-bottom: 50px; }
.news-read .post-content p { margin-bottom: 15px !important; line-height: 20px !important; }
.news-read .post-content h2, .news-read .post-content h3, .news-read .post-content h4 { margin-bottom: 20px; font-size: 20px; color: #d30000; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; text-transform: uppercase; word-spacing: 5px; letter-spacing: 0px; }
.news-read .post-content h2 { font-size: 28px; }
.news-read .post-content h3, .news-read .post-content h4 { font-size: 20px; }
.news-read .post-content h4 { font-size: 16px; color: #686868; font-weight: bold; margin-bottom: 15px; }
.news-read .post-content ul { list-style-type: disc; margin-left: 20px; margin-bottom: 20px; line-height: 25px; }
.news-read .post-content strong, .news-read .post-content b { font-weight: bold !important; }
.news-read .post-content i, .news-read .post-content em { font-style: italic !important; }
.news-read .post-content .post-image { margin-bottom: 20px; }
.news-read .post-content .hiddenHeader { display: none; }
.news-read .post-content .discuss { margin-top: 20px; }
.news-read .post-content img { width: 100% !important; }
.news-read .post-content .realsize { width: auto !important; max-width: 100% !important; }
.news-read .post-content .videowrapper { margin-bottom: 20px; }
.news-read .post-content hr { margin-top: 20px; margin-bottom: 20px; border-color: #b9b9b9; }
.news-read .post-content table { margin-bottom: 15px; border: 2px solid #686868; }
.news-read .post-content td { border: 1px solid #686868; padding: 10px !important; vertical-align: top; font-size: 12px; line-height: 24px; }
.news-read .post-content .tableheader, .news-read .post-content .tableheader td { font-weight: bold; }
.news-read .post-content td p { margin-bottom: 0px !important; }
.news-read .post-content .newsbutton, .news-read .post-content .bluebutton, .news-read .post-content .greenbutton, .news-read .post-content .redbutton, .news-read .post-content .primebutton { background-color: #3e3e3e; color: #FFFFFF; font-family: Open Sans; font-size: 18px; text-transform: uppercase; font-weight: bold; letter-spacing: 0px; z-index: 3; position: relative; margin: 0 auto; margin-top: 15px; padding-left: 28px; padding-right: 28px; padding-top: 8px; padding-bottom: 8px; display: inline-block; }
.news-read .post-content .bluebutton { background-color: #034169; }
.news-read .post-content .greenbutton { background-color: #005400; }
.news-read .post-content .redbutton { background-color: #d30000; }
.news-read .post-content .primebutton { background-color: #d9c45a; color: #674915; }
.news-read #downloadBtn { display: inline-block; color: white; text-transform: uppercase; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; background-color: #d30000; width: 200px; padding-top: 15px; height: 50px; margin-bottom: 20px; letter-spacing: 1px; font-size: 12px; padding-left: 5px; position: relative; }
.news-read #downloadBtn p { position: absolute; top: 18px; left: 20px; }
.news-read #downloadBtn::after { content: ''; width: 0; height: 0; border-right: 50px solid transparent; border-bottom: 50px solid #d30000; right: -50px; position: absolute; top: 0; }
.news-read .recentNewsHeader { display: inline-block; color: white; text-transform: uppercase; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; background-color: #000000; width: 100%; padding-top: 20px; height: 49px; position: relative; }
.news-read .recentNewsHeader h4 { letter-spacing: 1px; font-size: 12px; position: absolute; top: 18px; left: 20px; }
.news-read .recentPostContain { background-color: #FFFFFF; padding-top: 8px; margin-bottom: 19px; padding-bottom: 1px; }
.news-read .recentPostContain .recentPost { margin-bottom: 10px; width: 100%; word-break: normal; }
.news-read .recentPostContain .recentPost a { display: block; }
.news-read .recentPostContain .recentPost .recentText { width: 100%; }
.news-read .recentPostContain .recentPost .recentText h6 { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; text-transform: uppercase; font-weight: bold; padding: 8px; margin-left: 7px; padding-bottom: 5px; position: relative; }
@media (max-width: 875px) { .news-read .recentPostContain .recentPost .recentText h6 { font-size: 12px; } }
.news-read .recentPostContain .recentPost .recentText p { color: #686868; font-size: 10px; padding: 8px; padding-top: 0; margin-left: 7px; margin-right: 7px; border-bottom: 1px solid #B7B7B7; }
.news-read .recentPostContain .recentPost .recentImage { margin-left: 7px; }
.news-read .recentPostContain .recentPost .recentImage img { width: 100%; height: auto; }
.news-read .videowrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.news-read .videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
@media (min-width: 875px) and (max-width: 1250px) { .news-read { padding-top: 70px; } }
@media (max-width: 875px) { .news-read { padding-top: 30px; }
  .news-read #mainContent img { Width: 100%; }
  .news-read #downloadBtn { display: none; }
  .news-read .recentImage img { width: 94%; height: auto; }
  .news-read .recentPostContain .recentPost h6 { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; padding: 8px; margin-left: 0; padding-bottom: 5px; font-weight: lighter; } }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { .news-read .post-content { width: 100%; }
  .news-read .title { font-size: 25px !important; }
  .news-read #downloadBtn, .news-read .recentNewsHeader, .news-read .recentPostContain { display: none; }
  .news-read .row.titlebar #share { width: auto; margin-top: -32px; } }

body.news_index .categories .category.pc:hover { background-color: #212121 !important; border-color: #212121 !important; color: white; }
body.news_index .categories .category.ps4:hover { background-color: #034169 !important; border-color: #034169 !important; color: white; }
body.news_index .categories .category.xbox:hover { background-color: #005400 !important; border-color: #005400 !important; color: white; }
body.news_index .categories .category.switch:hover { background-color: #d30000 !important; border-color: #d30000 !important; color: white; }
body.news_index .categories .category.blog:hover { background-color: #730D6A !important; border-color: #730D6A !important; color: white; }

body.news_index.pc .cd-hero.slider { border-bottom: 6px solid #212121; }
body.news_index.pc #newsIndex .categories .category.active { background-color: #212121; border-color: #212121; }
body.news_index.pc #newsIndex .featured .post { border-top: 1px solid #212121; border-bottom: 3px solid #212121; }
body.news_index.pc #newsIndex .featured .post .title, body.news_index.pc #newsIndex .featured .post a { color: #212121; }
body.news_index.pc .cd-hero .slider-nav::before, body.news_index.pc .cd-hero .slider-nav::after { border-bottom: 36px solid #212121; }
body.news_index.pc .cd-hero .slider-nav ul li.selected::before { border: 3px solid #212121; }
body.news_index.pc #newsIndex .featured .post .read-more .button, body.news_index.pc .button, body.news_index.pc .cd-hero .slider-nav ul, body.news_index.pc .trackerTab { background: #212121 !important; }
body.news_index.pc .beforeSlant, body.news_index.pc .afterSlant { border-left: 15px solid #212121 !important; }
body.news_index.pc .post-list a { color: #212121 !important; }
body.news_index.ps4 .cd-hero.slider { border-bottom: 6px solid #034169; }
body.news_index.ps4 #newsIndex .categories .category.active { background-color: #034169; border-color: #034169; }
body.news_index.ps4 #newsIndex .featured .post { border-top: 1px solid #034169; border-bottom: 3px solid #034169; }
body.news_index.ps4 #newsIndex .featured .post .title, body.news_index.ps4 #newsIndex .featured .post a { color: #034169; }
body.news_index.ps4 .cd-hero .slider-nav::before, body.news_index.ps4 .cd-hero .slider-nav::after { border-bottom: 36px solid #034169; }
body.news_index.ps4 .cd-hero .slider-nav ul li.selected::before { border: 3px solid #034169; }
body.news_index.ps4 #newsIndex .featured .post .read-more .button, body.news_index.ps4 .button, body.news_index.ps4 .cd-hero .slider-nav ul, body.news_index.ps4 .trackerTab { background: #034169 !important; }
body.news_index.ps4 .beforeSlant, body.news_index.ps4 .afterSlant { border-left: 15px solid #034169 !important; }
body.news_index.ps4 .post-list a { color: #034169 !important; }
body.news_index.xbox .cd-hero.slider { border-bottom: 6px solid #005400; }
body.news_index.xbox #newsIndex .categories .category.active { background-color: #005400; border-color: #005400; }
body.news_index.xbox #newsIndex .featured .post { border-top: 1px solid #005400; border-bottom: 3px solid #005400; }
body.news_index.xbox #newsIndex .featured .post .title, body.news_index.xbox #newsIndex .featured .post a { color: #005400; }
body.news_index.xbox .cd-hero .slider-nav::before, body.news_index.xbox .cd-hero .slider-nav::after { border-bottom: 36px solid #005400; }
body.news_index.xbox .cd-hero .slider-nav ul li.selected::before { border: 3px solid #005400; }
body.news_index.xbox #newsIndex .featured .post .read-more .button, body.news_index.xbox .button, body.news_index.xbox .cd-hero .slider-nav ul, body.news_index.xbox .trackerTab { background: #005400 !important; }
body.news_index.xbox .beforeSlant, body.news_index.xbox .afterSlant { border-left: 15px solid #005400 !important; }
body.news_index.xbox .post-list a { color: #005400; }
body.news_index.switch .cd-hero.slider { border-bottom: 6px solid #d30000; }
body.news_index.switch #newsIndex .categories .category.active { background-color: #d30000; border-color: #d30000; }
body.news_index.switch #newsIndex .featured .post { border-top: 1px solid #d30000; border-bottom: 3px solid #d30000; }
body.news_index.switch #newsIndex .featured .post .title, body.news_index.switch #newsIndex .featured .post a { color: #000; }
body.news_index.switch .cd-hero .slider-nav::before, body.news_index.switch .cd-hero .slider-nav::after { border-bottom: 36px solid #d30000; }
body.news_index.switch .cd-hero .slider-nav ul li.selected::before { border: 3px solid #d30000; }
body.news_index.switch #newsIndex .featured .post .read-more .button, body.news_index.switch .button, body.news_index.switch .cd-hero .slider-nav ul, body.news_index.switch .trackerTab { background: #d30000 !important; }
body.news_index.switch .beforeSlant, body.news_index.switch .afterSlant { border-left: 15px solid #d30000 !important; }
body.news_index.switch .post-list a { color: #000 !important; }
body.news_index.blog .cd-hero.slider { border-bottom: 6px solid #730D6A; }
body.news_index.blog #newsIndex .categories .category.active { background-color: #730D6A; border-color: #730D6A; }
body.news_index.blog #newsIndex .featured .post { border-top: 1px solid #730D6A; border-bottom: 3px solid #730D6A; }
body.news_index.blog #newsIndex .featured .post .title, body.news_index.blog #newsIndex .featured .post a { color: #730D6A; }
body.news_index.blog .cd-hero .slider-nav::before, body.news_index.blog .cd-hero .slider-nav::after { border-bottom: 36px solid #730D6A; }
body.news_index.blog .cd-hero .slider-nav ul li.selected::before { border: 3px solid #730D6A; }
body.news_index.blog #newsIndex .featured .post .read-more .button, body.news_index.blog .button, body.news_index.blog .cd-hero .slider-nav ul, body.news_index.blog .trackerTab { background: #730D6A !important; }
body.news_index.blog .beforeSlant, body.news_index.blog .afterSlant { border-left: 15px solid #730D6A !important; }
body.news_index.blog .post-list a { color: #730D6A; }

body.signup #bgvid, body.signup #vidFallback { position: fixed; min-height: 100%; width: 100%; right: 0; margin: 0 auto; z-index: 1; top: 50px; object-fit: cover; }
body.signup .content { padding: 20px; }
body.signup #submit-btn { margin-top: 15px; }
body.signup .signupContent { position: relative; margin-top: 15px; }
body.signup .signupContent h1 { margin-bottom: 20px; }
body.signup .signupContent #signupPlatforms { margin: 0 auto; display: grid; grid-template-columns: 230px 230px; text-align: center; width: 460px; grid-column-gap: 10px; grid-row-gap: 10px; }
@media (max-width: 875px) { body.signup .signupContent #signupPlatforms { width: 100%; display: block; } }
body.signup .signupContent #signupPlatforms a { width: 230px; height: 230px; position: relative; font-family: inherit; display: flex; align-items: center; justify-content: center; text-align: center; }
body.signup .signupContent #signupPlatforms a img { position: absolute; top: 25%; left: 25%; width: auto; }
@media (max-width: 875px) { body.signup .signupContent #signupPlatforms a { width: 100%; display: block; }
  body.signup .signupContent #signupPlatforms a img { left: 39%; } }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.signup .signupContent #signupPlatforms a img { left: 33%; } }
body.signup .signupContent #signupPlatforms a .platName { color: white; text-align: center; display: block; text-transform: uppercase; font-size: 19px; position: absolute; bottom: 30px; width: 100%; }
body.signup .signupContent #signupPlatforms a.pc { background: #212121; }
body.signup .signupContent #signupPlatforms a.ps4 { background: #034169; }
body.signup .signupContent #signupPlatforms a.xb1 { background: #005400; }
body.signup .signupContent #signupPlatforms a.swi { background: #d30000; }
body.signup .signupContent .pcSignup { display: none; }
body.signup .signupContent .contentHeaderContain { margin-top: 20px; margin-bottom: 20px; }
body.signup .signupContent .contentHeaderContain .contentHeaderLines { width: 22%; border-color: #fff; height: 9px; }
@media (max-width: 875px) { body.signup .signupContent .contentHeaderContain .contentHeaderLines { display: none; } }
body.signup .signupContent .contentHeaderContain .contentHeaderText { text-align: center; position: relative; top: -12px; font-size: 21px; padding: 0 21%; }
body.signup #mainText { margin-top: 15%; position: relative; z-index: 10; }
@media (min-width: 1980px) { body.signup #mainText { margin-top: 20%; } }
body.signup #mainText .text-content { background-color: rgba(0, 0, 0, 0.7); text-align: center; color: #fff; padding-bottom: 20px; margin-bottom: 25px; }
body.signup #mainText .text-content .title { background-color: #000; font-size: 42px; padding: 30px; text-shadow: 0px 0px 40px #fff; font-family: michroma,sans-serif; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.signup #mainText .text-content .title img { width: 100%; } }
body.signup #mainText .text-content form .form-text { background: none; border-left: none; border-right: none; border-top: none; }
body.signup #mainText .text-content form .form-text::placeholder { color: #fff; }
body.signup #mainText .text-content form label.error { text-align: left; margin-top: -5px; }
body.signup #mainText .text-content form fieldset#opt-in-newsletter label, body.signup #mainText .text-content form fieldset#agree label, body.signup #mainText .text-content form fieldset#contest label, body.signup #mainText .text-content form fieldset#read-rules label { text-align: left; margin-top: 3px; position: relative; left: 10px; margin-bottom: 15px; line-height: 17px; }
body.signup #mainText .text-content form fieldset#opt-in-newsletter label a, body.signup #mainText .text-content form fieldset#agree label a, body.signup #mainText .text-content form fieldset#contest label a, body.signup #mainText .text-content form fieldset#read-rules label a { color: #fff; text-decoration: underline; }
body.signup #mainText .text-content form .g-recaptcha { display: inline-block; margin: 20px auto; }
body.signup #mainText .text-content p { width: 65%; margin: 0 auto; font-size: 20px; margin-bottom: 25px; line-height: 25px; }
body.signup #mainText .text-content a:hover { color: #fff; }

.aliasOptions .aliasOptionTitle { color: #d30000; }
.aliasOptions p { margin-top: 5px; }
.aliasOptions .aliasOption { font-style: italic; }

#loginPage .consoleLoginBtns a { width: 32%; height: 45px; padding-top: 8px; min-width: 130px; }
#loginPage .consoleLoginBtns a.ps4Btn { background-color: #274368; }
#loginPage .consoleLoginBtns a.xb1Btn { background-color: #2f5212; }
#loginPage .consoleLoginBtns a.swiBtn { background-color: #e70012; }
@media (max-width: 875px) { #loginPage .consoleLoginBtns a { margin-bottom: 5px; width: 100%; } }

body.user, body.user-changeAlias { background: white; }
body.user .block, body.user-changeAlias .block { background-color: transparent; border: none; }

body.changeemail .button, body.changeemail_confirmed .button { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
body.changeemail .button input, body.changeemail_confirmed .button input { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
body.changeemail #mainContent, body.changeemail_confirmed #mainContent { padding-top: 2em; }
body.changeemail input, body.changeemail_confirmed input { background-color: #d8d9db; display: block; border: 1px solid #aeb1b2; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding: 0px 0 0 20px; height: 50px; font-size: 17px; width: 100%; }
body.changeemail [type="submit"], body.changeemail_confirmed [type="submit"] { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
body.changeemail [type="submit"] .saveAccount, body.changeemail_confirmed [type="submit"] .saveAccount { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
body.changeemail p, body.changeemail_confirmed p { margin-bottom: 1em; }
body.changeemail p strong, body.changeemail_confirmed p strong { font-weight: bold; }

@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.login .wrapper { background-image: inherit; }
  body.login .wrapper .contentHeaderLines { width: 30% !important; }
  body.login .wrapper #submit-login [type="submit"] { width: 120%; } }

#loginPage.robotCheck p, #mainSignupForm.robotCheck p { text-align: center; font-weight: bold; }
#loginPage .contentHeaderContain .contentHeaderLines, #mainSignupForm .contentHeaderContain .contentHeaderLines { border-bottom: 1px solid #666666; border-top: 1px solid #666666; height: 5px; }
#loginPage .contentHeaderContain p, #mainSignupForm .contentHeaderContain p { color: #666; font-weight: bold; }
#loginPage .loginButtonContainer, #mainSignupForm .loginButtonContainer { text-align: center; }
#loginPage .loginButtonContainer .loginSignupBtn, #mainSignupForm .loginButtonContainer .loginSignupBtn { margin: 0 auto; display: block; padding: 0 35px; }
#loginPage .loginButtonContainer .loginSignupBtn a, #mainSignupForm .loginButtonContainer .loginSignupBtn a { color: white; }
#loginPage .consoleLoginBtns, #mainSignupForm .consoleLoginBtns { text-align: center; }
#loginPage .consoleLoginBtns a, #mainSignupForm .consoleLoginBtns a { max-width: 220px; display: inline-block; }
#loginPage .consoleLoginBtns a button, #mainSignupForm .consoleLoginBtns a button { padding: 0 30px; }
#loginPage .consoleLoginBtns a.ps4Btn button, #mainSignupForm .consoleLoginBtns a.ps4Btn button { background: #034169; }
#loginPage .consoleLoginBtns a.ps4Btn button .button-wrap, #mainSignupForm .consoleLoginBtns a.ps4Btn button .button-wrap { background-image: url('../images/account/ps4Login.jpg?1554154001'); width: 160px; height: 38px; }
#loginPage .consoleLoginBtns a.xb1Btn button, #mainSignupForm .consoleLoginBtns a.xb1Btn button { background: #005400; }
#loginPage .consoleLoginBtns a.xb1Btn button .button-wrap, #mainSignupForm .consoleLoginBtns a.xb1Btn button .button-wrap { background-image: url('../images/account/xb1Login.jpg?1554154001'); width: 160px; height: 37px; }
#loginPage form input[type="text"], #loginPage form input[type="email"], #loginPage form input[type="password"], #mainSignupForm form input[type="text"], #mainSignupForm form input[type="email"], #mainSignupForm form input[type="password"] { background-color: #d7d9d9; border: 1px solid #b6b9bb; }
#loginPage form .g-recaptcha, #mainSignupForm form .g-recaptcha { width: 304px; margin: 30px auto; }
#loginPage form #submit-login, #loginPage form #submit-btn, #mainSignupForm form #submit-login, #mainSignupForm form #submit-btn { margin-bottom: 20px; }
#loginPage form #submit-login button, #loginPage form #submit-btn button, #mainSignupForm form #submit-login button, #mainSignupForm form #submit-btn button { padding: 0 15px; margin: 0 auto; display: block; }
#loginPage form #submit-login [type="submit"], #loginPage form #submit-btn [type="submit"], #mainSignupForm form #submit-login [type="submit"], #mainSignupForm form #submit-btn [type="submit"] { border: none; color: white; display: block; font-size: 14px; }

body.signup .wrapper { background-image: url('../images/account/volt_BG.jpg?1554154001'); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-position-y: 64px; }
@media (max-width: 875px) { body.signup .wrapper { background-position-y: 129px; } }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.signup .wrapper { background-image: none; } }
@media (min-width: 1980px) { body.signup .wrapper { background-size: 100%; } }
body.signup #signupContain { background-color: rgba(255, 255, 255, 0.4); line-height: 18px; padding: 20px; }

#mainSignupForm { padding-top: 25px; margin-bottom: 80px; }
#mainSignupForm .playBtn { background-image: url('../images/account/playBtn.png?1554154001'); width: 109px; height: 109px; display: block; margin: 0 auto; cursor: pointer; margin-top: 320px; }
#mainSignupForm .playBtn::after { content: "Watch Trailer"; color: white; position: relative; top: 120px; text-transform: uppercase; }
#mainSignupForm .signupContent.content { top: 0; padding: 0; width: 100% !important; }
#mainSignupForm .signupContent.content h1 { display: none; }
#mainSignupForm .signupContent.content form #submit-btn button { padding: 0 35px; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { #mainSignupForm .playBtn { display: none; } }

body.user_view #mobileUserMenu { display: none; }
body.user_view #mainContent { margin-top: 150px; }
body.user_view #account-manage .accountHeader h1 { text-transform: uppercase; font-size: 22px; }
body.user_view #account-manage .accountOptions { border-top: 1px solid #d1d2d1; margin-top: 45px; }
body.user_view #account-manage .accountOptions ul.accountMenu li { text-transform: uppercase; font-size: 20px; border: 1px solid #d1d2d1; padding: 20px; cursor: pointer; }
body.user_view #account-manage .accountOptions ul.accountMenu li:hover { color: #d30000; }
body.user_view #account-manage .accountOptions ul.accountMenu li.first { border-top: none; }
body.user_view #account-manage .accountOptions ul.accountMenu li.active { color: #d30000; border-right: none; }
body.user_view #account-manage .accountOptions ul.accountMenu li.inactive { background-color: #fdfdfd; *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFDFDFD', endColorstr='#FFEDEDED'); background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkZmRmZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(100%, #ededed)); background-image: -moz-linear-gradient(top, #fdfdfd 0%, #ededed 100%); background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #ededed 100%); background-image: linear-gradient(to bottom, #fdfdfd 0%, #ededed 100%); }
body.user_view #account-manage #accountOptionContain { padding-top: 20px; }
body.user_view #account-manage #accountOptionContain .platCost { font-weight: bold; text-transform: uppercase; border-bottom: #a6a7a9; padding-bottom: 15px; }
body.user_view #account-manage #accountOptionContain p { margin-bottom: 35px; line-height: 21px; }
body.user_view #account-manage #accountOptionContain p.gray { color: #949594; }
body.user_view #account-manage #accountOptionContain .btnSubmit { cursor: pointer; min-width: 260px; }
body.user_view #account-manage #accountOptionContain #accountInfo ul.infoTable li { height: 20px; padding: 20px; border-bottom: #bfc0bf; }
body.user_view #account-manage #accountOptionContain #accountInfo ul.infoTable .accountField { float: left; color: #757675; }
body.user_view #account-manage #accountOptionContain #accountInfo ul.infoTable .accountVal { float: right; font-weight: bold; min-width: 60px; overflow: hidden; text-overflow: ellipsis; width: 60%; }
body.user_view #account-manage #accountOptionContain #accountInfo ul.infoTable .accountVal::after { content: ''; clear: both; }
body.user_view #account-manage #accountOptionContain #accountInfo label.newsletterLabel { display: inline; font-size: 13px; position: relative; top: 4px; left: 4px; }
body.user_view #account-manage #accountOptionContain #accountInfo input#newsletter { margin: 0; }
body.user_view #account-manage #accountOptionContain #accountInfo .btnSubmit { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); float: right; margin-top: 68px; }
body.user_view #account-manage #accountOptionContain #accountInfo .btnSubmit .saveAccount { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
body.user_view #account-manage #accountOptionContain #changePw input[type="password"] { background-color: #d8d9db; display: block; border: 1px solid #aeb1b2; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; padding: 0px 0 0 20px; height: 50px; font-size: 17px; width: 100%; }
body.user_view #account-manage #accountOptionContain #changePw .btnSubmit { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
body.user_view #account-manage #accountOptionContain #changePw .btnSubmit .saveAccount { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
body.user_view #account-manage #accountOptionContain #changeAlias, body.user_view #account-manage #accountOptionContain #changePw, body.user_view #account-manage #accountOptionContain #changeEmail, body.user_view #account-manage #accountOptionContain #clanSettings, body.user_view #account-manage #accountOptionContain #socialMediaSettings, body.user_view #account-manage #accountOptionContain #gdprSettings { display: none; }
body.user_view #account-manage #accountOptionContain #changeAlias .columns, body.user_view #account-manage #accountOptionContain #changePw .columns, body.user_view #account-manage #accountOptionContain #changeEmail .columns, body.user_view #account-manage #accountOptionContain #clanSettings .columns, body.user_view #account-manage #accountOptionContain #socialMediaSettings .columns, body.user_view #account-manage #accountOptionContain #gdprSettings .columns { padding-left: 20px; }
body.user_view #account-manage #accountOptionContain #changeAlias .btnSubmit, body.user_view #account-manage #accountOptionContain #changePw .btnSubmit, body.user_view #account-manage #accountOptionContain #changeEmail .btnSubmit, body.user_view #account-manage #accountOptionContain #clanSettings .btnSubmit, body.user_view #account-manage #accountOptionContain #socialMediaSettings .btnSubmit, body.user_view #account-manage #accountOptionContain #gdprSettings .btnSubmit { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); float: right; }
body.user_view #account-manage #accountOptionContain #changeAlias .btnSubmit a, body.user_view #account-manage #accountOptionContain #changePw .btnSubmit a, body.user_view #account-manage #accountOptionContain #changeEmail .btnSubmit a, body.user_view #account-manage #accountOptionContain #clanSettings .btnSubmit a, body.user_view #account-manage #accountOptionContain #socialMediaSettings .btnSubmit a, body.user_view #account-manage #accountOptionContain #gdprSettings .btnSubmit a { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
body.user_view #account-manage #accountOptionContain #changeAlias .btnSubmit a, body.user_view #account-manage #accountOptionContain #changePw .btnSubmit a, body.user_view #account-manage #accountOptionContain #changeEmail .btnSubmit a, body.user_view #account-manage #accountOptionContain #clanSettings .btnSubmit a, body.user_view #account-manage #accountOptionContain #socialMediaSettings .btnSubmit a, body.user_view #account-manage #accountOptionContain #gdprSettings .btnSubmit a { color: white; }
body.user_view #account-manage #accountOptionContain #clanSettings button { float: right !important; }
body.user_view #account-manage .extras { margin-left: 20px; margin-top: 40px; }
body.user_view #account-manage .extras .extra { margin-bottom: 5px; }
body.user_view #account-manage .extras .extra:last-of-type { margin-bottom: 0; }
body.user_view #account-manage .extras .sync-twitch .synced { font-weight: bold; }
body.user_view #account-manage .hidden { display: none; }
body.user_view #guild-image-dialog button { float: left !important; }
body.user_view .addNewsletterEmailC { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
body.user_view .addNewsletterEmailC .addNewsletterEmail { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
body.user_view .addNewsletterEmailC a { font-size: 11px; color: white; font-weight: bold; }
body.user_view #change-console-email { display: none; }
body.user_view #cboxLoadedContent .consoleEmail { padding: 10px; }
body.user_view #cboxLoadedContent .consoleEmail input[type="text"] { border: 1px solid black; width: 90%; margin: 0 auto; margin-top: 15px; }
body.user_view #cboxLoadedContent .consoleEmail input[type="submit"] { background-color: #d30000; margin-top: 10px; padding: 5px 10px; height: auto; }
body.user_view input { border: none; }
body.user_view [type="submit"] { color: white; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.user_view #mainContent { margin-top: 50px !important; }
  body.user_view #accountInfo ul.infoTable li { padding-left: 0px !important; }
  body.user_view #changeAlias .columns, body.user_view #changePw .columns, body.user_view #clanSettings .columns { padding-left: 0 !important; }
  body.user_view .accountMenu { display: none; }
  body.user_view #mobileUserMenu { display: block; width: 100%; } }

#change-alias .accountHeader, #change-clan-name .accountHeader { margin-bottom: 20px; }
#change-alias input[type="text"], #change-clan-name input[type="text"] { width: 100%; }
#change-alias .btnSubmit, #change-clan-name .btnSubmit { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); cursor: pointer; }
#change-alias .btnSubmit .saveAccount, #change-clan-name .btnSubmit .saveAccount { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }

#emblemImagePreview { width: auto; }
#emblemImagePreview .containImg { display: inline-block; background-image: url('../images/account/emblemPreview.jpg?1554154001'); width: 359px; height: 657px; position: relative; margin: 0 auto; }
#emblemImagePreview .containImg img { top: 180px; position: absolute; left: 60px; width: 90px; height: 90px; }
#emblemImagePreview .previewLinks { margin-top: 20px; }

body.new_confirm #bgvid, body.new_confirm #vidFallback { position: fixed; min-height: 100%; width: 100%; right: 0; margin: 0 auto; z-index: 1; top: 50px; object-fit: cover; }
body.new_confirm #mainText { position: relative; z-index: 10; }
body.new_confirm #mainText { margin-top: 15%; margin-bottom: 5%; }
@media (min-width: 1980px) { body.new_confirm #mainText { margin-top: 20%; } }
body.new_confirm #mainText .text-content { background-color: rgba(0, 0, 0, 0.7); text-align: center; color: #fff; padding-bottom: 20px; }
body.new_confirm #mainText .text-content .title { background-color: #000; font-size: 36px; padding: 30px; text-shadow: 0px 0px 40px #fff; font-family: michroma,sans-serif; text-transform: uppercase; }
body.new_confirm #mainText .text-content .contactImg { margin: 25px 0; }
body.new_confirm #mainText .text-content .contentHeaderContain { width: 75%; }
body.new_confirm #mainText .text-content .contentHeaderContain .contentHeaderLines { border-top: 1px solid #fff; border-bottom: 1px solid #fff; height: 6px; }
body.new_confirm #mainText .text-content .contentHeaderContain .contentHeaderText { font-size: 21px; top: -10px; position: relative; }
body.new_confirm #mainText .text-content p { width: 65%; margin: 0 auto; font-size: 20px; margin-bottom: 25px; line-height: 25px; }
body.new_confirm #sysReqsLB { display: none; }
body.new_confirm .sysReqsLBinner { text-align: center; background: #ebebeb; color: #000; }
body.new_confirm .sysReqsLBinner .title { background: #fff; font-weight: bold; text-transform: uppercase; font-size: 28px; padding: 12px; }
body.new_confirm .sysReqsLBinner ul { margin: 25px 0; }
@media (max-width: 875px) { body.new_confirm .sysReqsLBinner ul { padding: 0 25px; } }
body.new_confirm .sysReqsLBinner ul li { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display: inline-grid; border: 1px solid black; padding: 15px; width: 35%; height: 75px; margin: 0 10px 10px 0; }
@media (max-width: 875px) { body.new_confirm .sysReqsLBinner ul li { width: 100%; height: auto; } }
body.new_confirm .sysReqsLBinner p.noSupport { font-size: 24px; font-weight: bold; padding-bottom: 15px; text-transform: uppercase; }
body.new_confirm #mainText .text-content .title { font-size: 36px; }
body.new_confirm #mainText .text-content .contactImg { width: 25%; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.new_confirm #mainText .text-content .contactImg { width: 50%; } }
body.new_confirm #mainText .text-content .bigDLWrapper { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); padding: 10px 45px; height: 58px; font-size: 26px; }
body.new_confirm #mainText .text-content .bigDLWrapper .bigDLBtn { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
@media (max-width: 875px) { body.new_confirm #mainText .text-content .bigDLWrapper { font-size: 16px; } }
body.new_confirm #mainText .text-content .bigDLWrapper a { color: #fff; }
body.new_confirm #mainText .text-content a.sysReqs { display: block; color: #fff; text-transform: uppercase; font-weight: bold; margin-top: 15px; font-size: 18px; text-decoration: underline; }
body.new_confirm #mainText .text-content a.steamButton { display: inline-block; margin-top: 15px; }
body.new_confirm #mainText .text-content a.steamButton img { width: 75%; }

body.new_thank_you #bgvid, body.new_thank_you #vidFallback { position: fixed; min-height: 100%; width: 100%; right: 0; margin: 0 auto; z-index: 1; top: 50px; object-fit: cover; }
body.new_thank_you #mainText { position: relative; z-index: 10; }
body.new_thank_you #mainText { margin-top: 15%; margin-bottom: 5%; }
@media (min-width: 1980px) { body.new_thank_you #mainText { margin-top: 20%; } }
body.new_thank_you #mainText .text-content { background-color: rgba(0, 0, 0, 0.7); text-align: center; color: #fff; padding-bottom: 20px; }
body.new_thank_you #mainText .text-content .title { background-color: #000; font-size: 36px; padding: 30px; text-shadow: 0px 0px 40px #fff; font-family: michroma,sans-serif; text-transform: uppercase; }
body.new_thank_you #mainText .text-content .contactImg { margin: 25px 0; }
body.new_thank_you #mainText .text-content .contentHeaderContain { width: 75%; }
body.new_thank_you #mainText .text-content .contentHeaderContain .contentHeaderLines { border-top: 1px solid #fff; border-bottom: 1px solid #fff; height: 6px; }
body.new_thank_you #mainText .text-content .contentHeaderContain .contentHeaderText { font-size: 21px; top: -10px; position: relative; }
body.new_thank_you #mainText .text-content p { width: 65%; margin: 0 auto; font-size: 20px; margin-bottom: 25px; line-height: 25px; }
body.new_thank_you #mainText { margin-top: 20%; }
@media (min-width: 1980px) { body.new_thank_you #mainText { margin-top: 30%; } }

body.buy_platinum #mainBPPage { padding-top: 50px; }
body.buy_platinum .couponHeader { color: white; text-transform: uppercase; background-color: #d30000; padding: 17px 20px 20px 20px; font-size: 23px; margin-bottom: 30px; text-align: center; }
body.buy_platinum .couponHeader strong { font-weight: bold; font-size: 35px; position: relative; top: 3px; }
body.buy_platinum .packages { margin-top: 25px; min-width: 320px; }
body.buy_platinum .packages .auWarning { display: none; }
body.buy_platinum .packages.steam .auWarning { display: block; background-color: #d30000; color: white; padding: 5px; margin-bottom: 10px; margin-top: -34px; }
body.buy_platinum .package { background-color: #cacaca; margin-bottom: 55px; -moz-box-shadow: 0 0 0 1px #a7a7a7 inset; -webkit-box-shadow: 0 0 0 1px #a7a7a7 inset; box-shadow: 0 0 0 1px #a7a7a7 inset; height: 108px; min-width: 340px; }
body.buy_platinum .package.coupon { height: 130px; }
body.buy_platinum .package .packTitle, body.buy_platinum .package .packTitleMobile { position: relative; width: 100%; top: -24px; text-align: center; margin-bottom: -24px; padding: 5px; z-index: 1; color: white; text-transform: uppercase; }
body.buy_platinum .package .packTitleMobile { display: none; }
body.buy_platinum .package.package0 .packTitle, body.buy_platinum .package.package0 .packTitleMobile { background-color: #d5bc6a; }
body.buy_platinum .package.package0 .platSec .platVal, body.buy_platinum .package.package0 .platSec .platBonus strong { color: #be9e35; }
body.buy_platinum .package.package1 .packTitle, body.buy_platinum .package.package1 .packTitleMobile { background-color: #a4adb7; }
body.buy_platinum .package.package1 .platSec .platVal, body.buy_platinum .package.package1 .platSec .platBonus strong { color: #798795; }
body.buy_platinum .package.package2 .packTitle, body.buy_platinum .package.package2 .packTitleMobile { background-color: #bb7443; }
body.buy_platinum .package.package2 .platSec .platVal, body.buy_platinum .package.package2 .platSec .platBonus strong { color: #83512f; }
body.buy_platinum .package.package.regular .bigPlatIcon { bottom: 5px; left: 50px; }
body.buy_platinum .package .bigPlatIcon { background-image: url('../images/buy-plat/bpPlatFeatured.png?1554154001'); width: 63px; height: 66px; position: absolute; z-index: 5; bottom: -40px; left: 80px; }
body.buy_platinum .package .platSec { float: left; width: 30%; margin-left: 10px; text-transform: uppercase; margin-right: 10px; margin-top: 20px; }
body.buy_platinum .package .platSec .platVal, body.buy_platinum .package .platSec .platWord { text-align: center; }
body.buy_platinum .package .platSec .platVal { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; color: #143e57; font-weight: bold; font-size: 27px; }
body.buy_platinum .package .platSec .platWord { font-size: 12px; color: #696969; margin-top: 2px; }
body.buy_platinum .package .platSec .platBonus { color: #696969; margin-top: 8px; text-align: center; font-size: 12px; }
body.buy_platinum .package .platSec .platBonus strong { color: #143e57; font-weight: bold; }
body.buy_platinum .package .packageInfo { float: left; position: relative; top: -15px; left: -20px; width: 30%; height: 100%; }
body.buy_platinum .package .packageInfo .cards { position: relative; z-index: 2; cursor: pointer; }
body.buy_platinum .package .packageInfo .cards.cardcount3 .modcard.card1 { left: 23px; }
body.buy_platinum .package .packageInfo .cards.cardcount3 .modcard.card2 { left: 46px; }
body.buy_platinum .package .packageInfo .cards.cardcount2 .modcard.card1 { left: 23px; }
body.buy_platinum .package .packageInfo .cards .modcard { position: absolute; background-size: contain !important; background-repeat: no-repeat; width: 85px; height: 143px; }
body.buy_platinum .package .packageInfo .cards .modcard.seekingfury { background-image: url('../images/buy-plat/seekingFury.png?1554154001'); }
body.buy_platinum .package .packageInfo .cards .modcard.animalinstinct { background-image: url('../images/buy-plat/animalInstinct.png?1554154001'); }
body.buy_platinum .package .packageInfo .cards .modcard.armoredagility { background-image: url('../images/buy-plat/armoredAgility.png?1554154001'); }
body.buy_platinum .package .packageInfo .bigCards { display: none; }
body.buy_platinum .package .packageInfo .cardNames { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; text-transform: uppercase; position: absolute; top: 50px; left: 105px; list-style: circle inside; font-size: 10px; font-weight: bold; }
body.buy_platinum .package .packageInfo .cardNames li { margin-bottom: 5px; }
body.buy_platinum .package .packageInfo .packageTitle { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; text-transform: uppercase; font-size: 12px; width: 180px; height: 40px; position: relative; left: 70px; color: white; padding: 7px 0 0 33px; }
body.buy_platinum .package .packageInfo .packageTitle.package0 { background-color: #be9e35; }
body.buy_platinum .package .packageInfo .packageTitle.package1 { background-color: #798795; }
body.buy_platinum .package .packageInfo .packageTitle.package2 { background-color: #83512f; }
body.buy_platinum .package .priceBox { width: 30%; height: 100%; float: right; position: relative; color: white; background-color: #143e57; cursor: pointer; text-align: center; min-width: 105px; }
body.buy_platinum .package .priceBox.package0 { background-color: #be9e35; }
body.buy_platinum .package .priceBox.package0 .buyNowText { background-color: #d5bc6a; }
body.buy_platinum .package .priceBox.package1 { background-color: #798795; }
body.buy_platinum .package .priceBox.package1 .buyNowText { background-color: #a4adb7; }
body.buy_platinum .package .priceBox.package2 { background-color: #83512f; }
body.buy_platinum .package .priceBox.package2 .buyNowText { background-color: #bb7443; }
body.buy_platinum .package .priceBox.package255 .coupon .crossout { width: 45px !important; }
body.buy_platinum .package .priceBox .priceNums { display: inline-block; margin: 0 auto; overflow: visible; margin-top: 15px; text-align: center; }
body.buy_platinum .package .priceBox .priceNums .currsign, body.buy_platinum .package .priceBox .priceNums .numbers { font-weight: bold; }
body.buy_platinum .package .priceBox .priceNums .currsign { font-size: 21px; margin-right: 0; position: relative; top: -8px; }
body.buy_platinum .package .priceBox .priceNums .numbers { font-size: 33px; position: relative; }
body.buy_platinum .package .priceBox .priceNums .numbers .bignum { margin-right: -8px; }
body.buy_platinum .package .priceBox .priceNums .numbers .cents { font-size: 20px; position: relative; top: -10px; }
body.buy_platinum .package .priceBox .priceNums .numbers .currcode { position: absolute; font-size: 11px; right: 2px; bottom: 7px; font-weight: normal; }
body.buy_platinum .package .priceBox .priceNums.coupon .was { text-transform: uppercase; font-size: 12px; position: absolute; left: -20px; top: 48px; }
body.buy_platinum .package .priceBox .priceNums.coupon .crossout { background-image: url('../images/buy-plat/featuredCrossOut.png?1554154001'); width: 65px; height: 18px; position: absolute; left: 10px; top: 48px; }
body.buy_platinum .package .priceBox .priceNums.coupon .oldPrice { font-size: 22px; position: relative; left: 10px; top: 5px; }
body.buy_platinum .package .priceBox .priceNums.coupon .oldPrice .currsign { font-size: 14px; }
body.buy_platinum .package .priceBox .priceNums.coupon .oldPrice .bignum { margin-left: -5px; }
body.buy_platinum .package .priceBox .priceNums.coupon .oldPrice .cents { font-size: 12px; top: -7px; left: 3px; }
body.buy_platinum .package .priceBox .priceNums.coupon .oldPrice .currcode { font-size: 6px; right: 14px; bottom: 0px; }
body.buy_platinum .package .priceBox .priceNums.currencyTRY .numbers .currcode { right: -30px !important; }
body.buy_platinum .package .priceBox .priceNums.currencyUAH, body.buy_platinum .package .priceBox .priceNums.currencyJPY, body.buy_platinum .package .priceBox .priceNums.currencyTWD, body.buy_platinum .package .priceBox .priceNums.currencyKRW, body.buy_platinum .package .priceBox .priceNums.currencyMYR { width: 100%; }
body.buy_platinum .package .priceBox .priceNums.currencyUAH .currsign, body.buy_platinum .package .priceBox .priceNums.currencyJPY .currsign, body.buy_platinum .package .priceBox .priceNums.currencyTWD .currsign, body.buy_platinum .package .priceBox .priceNums.currencyKRW .currsign, body.buy_platinum .package .priceBox .priceNums.currencyMYR .currsign { margin-right: 0; margin-left: -6px; }
body.buy_platinum .package .priceBox .priceNums.currencyUAH .currcode, body.buy_platinum .package .priceBox .priceNums.currencyJPY .currcode, body.buy_platinum .package .priceBox .priceNums.currencyTWD .currcode, body.buy_platinum .package .priceBox .priceNums.currencyKRW .currcode, body.buy_platinum .package .priceBox .priceNums.currencyMYR .currcode { position: static; }
body.buy_platinum .package .priceBox .priceNums.currencyUAH.coupon .currcode, body.buy_platinum .package .priceBox .priceNums.currencyJPY.coupon .currcode, body.buy_platinum .package .priceBox .priceNums.currencyTWD.coupon .currcode, body.buy_platinum .package .priceBox .priceNums.currencyKRW.coupon .currcode, body.buy_platinum .package .priceBox .priceNums.currencyMYR.coupon .currcode { position: absolute; }
body.buy_platinum .package .priceBox .priceNums.currencyTWD .coupon .was { left: -48px; }
body.buy_platinum .package .priceBox .priceNums.currencyIDR .bignum { font-size: 21px; position: relative; top: -8px; }
body.buy_platinum .package .priceBox .priceNums.currencyIDR.coupon .was { display: none; }
body.buy_platinum .package .priceBox .priceNums.currencyIDR.coupon .cents { font-size: 14px; }
body.buy_platinum .package .priceBox .priceNums.currencyIDR.coupon .bignum { font-size: 17px; }
body.buy_platinum .package .priceBox .priceNums.currencyIDR.coupon .oldPrice { font-size: 27px; }
body.buy_platinum .package .priceBox .buyNowText { background-color: #226a95; text-transform: uppercase; font-size: 24px; text-align: center; font-weight: bold; position: absolute; bottom: 0; width: 100%; padding: 10px 0; }
body.buy_platinum.lang-pl .buyNowText { font-size: 22px !important; }
body.buy_platinum.lang-de .buyNowText, body.buy_platinum.lang-ru .buyNowText, body.buy_platinum.lang-fr .buyNowText, body.buy_platinum.lang-ko .buyNowText, body.buy_platinum.lang-it .buyNowText { font-size: 15px !important; }
body.buy_platinum.lang-es .buyNowText, body.buy_platinum.lang-pt-br .buyNowText, body.buy_platinum.lang-tr .buyNowText { font-size: 13px !important; }
body.buy_platinum.lang-fr .was, body.buy_platinum.lang-pl .was { font-size: 10px !important; }
body.buy_platinum .contentHeaderContain { margin-top: -15px; }
body.buy_platinum #mainBPPage.buyplat2 .couponHeader { width: 68.3%; }
body.buy_platinum #mainBPPage.buyplat2 .packages { margin-top: 0; }
body.buy_platinum #mainBPPage.buyplat2 .package { height: 128px; margin-bottom: 35px; background-image: none; background-color: #f3f4f3 !important; min-width: 500px; }
body.buy_platinum #mainBPPage.buyplat2 .package .platSec { margin-left: 0; height: 85%; border-right: 1px solid #dedfde; width: 135px; padding-top: 2%; }
body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo { width: 225px; left: 0; }
body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards { top: -10px; }
body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards.cardcount3 .modcard.card1 { left: 12px; top: 9px; }
body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards.cardcount3 .modcard.card2 { left: 24px; top: 18px; }
body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards.cardcount2 .modcard.card1 { left: 12px; top: 9px; }
body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards .modcard { width: 76px; height: 99px; }
body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .platBonus { text-transform: uppercase; font-size: 24px; font-weight: bold; margin-top: 13%; }
body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .platBonus strong { color: #143e57; }
body.buy_platinum #mainBPPage.buyplat2 .package ul.cardNames { width: 160px; top: 70px; left: 90px; font-size: 9px; color: black; }
body.buy_platinum #mainBPPage.buyplat2 .package .packTitle { top: 22px; left: 40px; text-align: left; padding-left: 48px; height: 40px; width: 160px; }
body.buy_platinum #mainBPPage.buyplat2 .package .packTitle::after { content: ''; position: absolute; right: -40px; top: 0; }
body.buy_platinum #mainBPPage.buyplat2 .package .packTitle span { display: block; }
body.buy_platinum #mainBPPage.buyplat2 .package .priceBox { width: 125px; }
body.buy_platinum #mainBPPage.buyplat2 .package.package0 .packTitle::after { width: 0; height: 0; border-right: 40px solid transparent; border-bottom: 40px solid #d5bc6a; }
body.buy_platinum #mainBPPage.buyplat2 .package.package0 .cards .modcard { width: 76px; height: 99px; }
body.buy_platinum #mainBPPage.buyplat2 .package.package1 .packTitle::after { width: 0; height: 0; border-right: 40px solid transparent; border-bottom: 40px solid #a4adb7; }
body.buy_platinum #mainBPPage.buyplat2 .package.package1 .cards .modcard { width: 90px; height: 112px; }
body.buy_platinum #mainBPPage.buyplat2 .package.package2 .packTitle::after { width: 0; height: 0; border-right: 40px solid transparent; border-bottom: 40px solid #bb7443; }
body.buy_platinum #mainBPPage.buyplat2 .package.package2 .cards .modcard { width: 100px; height: 127px; }
body.buy_platinum #mainBPPage.buyplat2 .package.package0 .platSec, body.buy_platinum #mainBPPage.buyplat2 .package.package1 .platSec, body.buy_platinum #mainBPPage.buyplat2 .package.package2 .platSec { padding-top: 3%; height: 83%; margin-top: 2%; }
body.buy_platinum #mainBPPage.buyplat2 .package.package255 { height: 86px; }
body.buy_platinum #mainBPPage.buyplat2 .package.package255.coupon { height: 118px; }
body.buy_platinum #mainBPPage.buyplat2 .package.package255.coupon .platSec { padding-top: 5%; }
body.buy_platinum #mainBPPage.buyplat2 .package.package255 .platSec { padding-top: 2%; height: 77%; margin-top: 2%; }
body.buy_platinum #mainBPPage.buyplat2 .package.package255 .packageInfo { top: 0; }
body.buy_platinum #mainBPPage.buyplat2 .package.package255 .buyNowText { background-color: #143e57; font-size: 18px; }
body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo .primeAccessPromo { width: 100%; height: 545px; }
body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo .primeAccessPromo img { width: 100%; }
body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo .starterPackPromo { width: 100%; margin-top: 37px; display: block; margin-bottom: 30px; }
body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo .starterPackPromo img { width: 100%; }
body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo .promoCodeBtn { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; display: block; position: relative; background-color: black; margin-top: 25px; color: white; text-transform: uppercase; height: 64px; }
body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo .promoCodeBtn div { position: absolute; top: 19px; left: 39px; border-top: 2px solid #333333; border-bottom: 2px solid #333333; padding: 4px 0; }
body.buy_platinum .contentHeaderContain .contentHeaderLines { border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; }
body.buy_platinum .contentHeaderContain .lotusLogo { background-image: url('../images/greyLotus.png?1554154002'); margin-bottom: 15px; }
body.buy_platinum #colorbox, body.buy_platinum #cboxOverlay { z-index: 10000; }
body.buy_platinum #colorbox.modCardOverlay #cboxTopLeft, body.buy_platinum #colorbox.modCardOverlay #cboxTopCenter, body.buy_platinum #colorbox.modCardOverlay #cboxTopRight, body.buy_platinum #colorbox.modCardOverlay #cboxMiddleLeft, body.buy_platinum #colorbox.modCardOverlay #cboxMiddleRight, body.buy_platinum #colorbox.modCardOverlay #cboxBottomLeft, body.buy_platinum #colorbox.modCardOverlay #cboxBottomCenter, body.buy_platinum #colorbox.modCardOverlay #cboxBottomRight { display: none; }
body.buy_platinum #colorbox.modCardOverlay #cboxContent { background: none; }
body.buy_platinum #colorbox.modCardOverlay .card { width: 256px; height: 376px; display: inline-block; float: left; color: #fce9be; text-transform: uppercase; position: relative; background-size: contain; background-repeat: no-repeat; }
body.buy_platinum #colorbox.modCardOverlay .card .cardtitle, body.buy_platinum #colorbox.modCardOverlay .card .cardType, body.buy_platinum #colorbox.modCardOverlay .card .cardRarity, body.buy_platinum #colorbox.modCardOverlay .card .cardEffect { position: absolute; text-align: center; width: 100%; }
body.buy_platinum #colorbox.modCardOverlay .card .cardtitle { top: 245px; font-size: 20px; }
body.buy_platinum #colorbox.modCardOverlay .card .cardEffect { top: 270px; }
body.buy_platinum .primeAccessBanner, body.buy_platinum .promoCodeBanner { width: 100%; height: 81px; float: left; margin-bottom: 50px; background-repeat: no-repeat; background-size: 100%; }
body.buy_platinum .primeAccessBanner { background-image: url('../images/prime-access/primeaccessmirage/widebanner.jpg?1554154011'); }
body.buy_platinum .promoCodeBanner { background-image: url('../images/buy-plat/promocodesbtn.jpg?1554154001'); }
@media (min-width: 875px) and (max-width: 1250px) { body.buy_platinum #mainBPPage { padding-top: 90px; }
  body.buy_platinum .package .priceBox .buyNowText { font-size: 20px; } }
@media (min-width: 875px) and (max-width: 1115px) { body.buy_platinum #mainBPPage.buyplat2 .packages { margin-left: 30px; } }
@media (min-width: 1060px) and (max-width: 1270px) { body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo { margin-left: 16%; } }
@media (max-width: 1060px) { body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo { display: none; } }
@media (max-width: 875px) { body.buy_platinum .package .priceBox .buyNowText { font-size: 16px; }
  body.buy_platinum.lang-pl .buyNowText, body.buy_platinum.lang-de .buyNowText, body.buy_platinum.lang-ru .buyNowText, body.buy_platinum.lang-fr .buyNowText, body.buy_platinum.lang-ko .buyNowText, body.buy_platinum.lang-it .buyNowText, body.buy_platinum.lang-es .buyNowText, body.buy_platinum.lang-pt-br .buyNowText, body.buy_platinum.lang-tr .buyNowText { font-size: 13px !important; }
  body.buy_platinum #paymentSelect_msdd { width: 401px !important; }
  body.buy_platinum #paymentSelect_msdd { width: 100% !important; }
  body.buy_platinum #mainBPPage .ten.columns { width: 93%; margin-top: 30px; }
  body.buy_platinum #mainBPPage .packages { width: 100%; margin-left: 0; }
  body.buy_platinum #mainBPPage.buyplat2 .packages { padding-top: 50px; }
  body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo { display: none; }
  body.buy_platinum #mainBPPage.buyplat2 .package { min-width: inherit; border: none; }
  body.buy_platinum #mainBPPage.buyplat2 .package .platSec { width: 105px; }
  body.buy_platinum #mainBPPage.buyplat2 .package .platSec .platVal { font-size: 19px; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo { width: 95px; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .packTitle { top: 15px; left: -10px; padding-left: 19px; width: 130px; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards { top: 30px; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards.cardcount3 .modcard.card1 { left: 20px; top: 0px; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards.cardcount3 .modcard.card2 { left: 40px; top: 0px; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards.cardcount2 .modcard.card1 { left: 20px; top: 0px; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards .modcard { top: 0px; width: 76px !important; height: 99px !important; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cardNames { display: none; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .platBonus { font-size: 17px; margin-top: 19%; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .priceBox { width: 115px; min-width: 98px; } }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.buy_platinum #cboxLoadedContent { width: 632px; margin: 0 auto !important; padding-left: 20px; }
  body.buy_platinum .card { width: 200px !important; }
  body.buy_platinum .card .cardtitle { top: 190px !important; }
  body.buy_platinum .card .cardEffect { top: 212px !important; font-size: 11px !important; }
  body.buy_platinum #mainBPPage .ten.columns { width: 100%; }
  body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo { display: block; }
  body.buy_platinum #mainBPPage.buyplat2 .buyPlatPromo .primeAccessPromo { overflow: hidden; display: block; }
  body.buy_platinum #mainBPPage.buyplat2 .packTitle { display: none; }
  body.buy_platinum #mainBPPage.buyplat2 .packTitleMobile { display: block; } }
body.buy_platinum #mainBPPage.bpfeatured .centerPacks { min-width: 545px; }
@media (max-width: 875px) { body.buy_platinum #mainBPPage.bpfeatured .centerPacks { width: 100%; min-width: inherit; } }
body.buy_platinum .platPacksHeader .contentHeaderContain .contentHeaderLines { border-top: 1px solid #6f6f6f; border-bottom: 1px solid #6f6f6f; height: 8px; width: 23%; }
body.buy_platinum .platPacksHeader .contentHeaderContain .contentHeaderText { color: #6f6f6f; font-size: 21px; }
body.buy_platinum .buyplat_featured { margin-bottom: 15px; }
body.buy_platinum .buyplat_featured .contentHeaderContain .contentHeaderLines { border-top: 1px solid #6f6f6f; border-bottom: 1px solid #6f6f6f; height: 8px; width: 23%; }
body.buy_platinum .buyplat_featured .contentHeaderContain .contentHeaderText { color: #6f6f6f; font-size: 21px; }
body.buy_platinum .buyplat_featured .featuredP { display: block; margin-bottom: 15px; }
body.buy_platinum .buyplat_featured .featuredP .header { height: 65px; width: 100%; }
body.buy_platinum .buyplat_featured .featuredP .header .logo { margin: 11px; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.buy_platinum .buyplat_featured .featuredP .header .logo { width: 50%; } }
body.buy_platinum .buyplat_featured .featuredP .header .price { color: #fff; float: right; margin-right: 5%; font-size: 33px; font-weight: bold; position: relative; margin-top: 16px; }
body.buy_platinum .buyplat_featured .featuredP .header .price .currsign { font-size: 21px; margin-right: 0; position: relative; top: -8px; }
body.buy_platinum .buyplat_featured .featuredP .header .price .bignum { margin: 0 -8px; }
body.buy_platinum .buyplat_featured .featuredP .header .price .cents { font-size: 20px; position: relative; top: -10px; }
body.buy_platinum .buyplat_featured .featuredP .header .price .currcode { position: absolute; font-size: 11px; right: 2px; bottom: 0; font-weight: normal; }
body.buy_platinum .buyplat_featured .featuredP .body { min-height: 260px; background-color: #fff; padding-top: 20px; position: relative; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.buy_platinum .buyplat_featured .featuredP .body { padding-top: 0; overflow-x: hidden; } }
body.buy_platinum .buyplat_featured .featuredP .body .bgImg { position: absolute; background-size: cover; background-repeat: no-repeat; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.buy_platinum .buyplat_featured .featuredP .body .bgImg { position: static; height: 247px; } }
body.buy_platinum .buyplat_featured .featuredP .body .heroImg { position: absolute; z-index: 2; left: -60px; bottom: 0; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.buy_platinum .buyplat_featured .featuredP .body .heroImg { bottom: inherit; top: -5px; } }
body.buy_platinum .buyplat_featured .featuredP .body .info, body.buy_platinum .buyplat_featured .featuredP .body .buyNowBtn { z-index: 2; position: relative; }
body.buy_platinum .buyplat_featured .featuredP .body .info { width: 295px; float: right; color: #000; margin-right: 5%; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.buy_platinum .buyplat_featured .featuredP .body .info { width: 90%; float: none; margin: 20px auto; } }
body.buy_platinum .buyplat_featured .featuredP .body .info .title, body.buy_platinum .buyplat_featured .featuredP .body .info .platinum { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; text-transform: uppercase; text-align: center; }
body.buy_platinum .buyplat_featured .featuredP .body .info .title { border-bottom: 1px solid #1d1d1d; padding: 4px 0; font-size: 17px; margin-bottom: 5px; }
body.buy_platinum .buyplat_featured .featuredP .body .info .platinum { font-size: 25px; }
body.buy_platinum .buyplat_featured .featuredP .body .info ul.points { list-style: disc; margin-top: 20px; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.buy_platinum .buyplat_featured .featuredP .body .info ul.points { margin: 20px 0 0 20px; } }
body.buy_platinum .buyplat_featured .featuredP .body .info ul.points li { display: list-item; width: 50%; float: left; margin-bottom: 5px; text-transform: uppercase; font-size: 13px; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.buy_platinum .buyplat_featured .featuredP .body .info ul.points li { width: 50% !important; margin-right: 0 !important; margin-bottom: 4px !important; } }
body.buy_platinum .buyplat_featured .featuredP .body .buyNowBtn { color: #fff; text-transform: uppercase; text-align: center; font-size: 26px; font-weight: bold; padding: 12px 0; position: absolute; bottom: 10px; right: 10px; width: 60%; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.buy_platinum .buyplat_featured .featuredP .body .buyNowBtn { width: 100%; position: static; } }
body.buy_platinum .buyplat_featured .featuredP.primeAccess .header { background-color: #c89136; }
body.buy_platinum .buyplat_featured .featuredP.primeAccess .header .logo { padding-top: 4px; }
body.buy_platinum .buyplat_featured .featuredP.primeAccess .body .bgImg { background-image: url('../images/buy-plat/featured/prime-access-bg.jpg?1569873462'); }
body.buy_platinum .buyplat_featured .featuredP.primeAccess .body .heroImg { background-image: url('../images/buy-plat/featured/atlas-prime.png?1569873462'); width: 309px; height: 252px; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.buy_platinum .buyplat_featured .featuredP.primeAccess .body .heroImg { left: 0; } }
body.buy_platinum .buyplat_featured .featuredP.primeAccess .body .info ul.points li { margin-bottom: 10px; }
body.buy_platinum .buyplat_featured .featuredP.primeAccess .body .buyNowBtn { background-color: #d4aa62; }
body.buy_platinum .buyplat_featured .featuredP.primeVault .header { background-color: #959595; }
body.buy_platinum .buyplat_featured .featuredP.primeVault .body .bgImg { background-image: url('../images/buy-plat/featured/prime-bg.jpg?1569873462'); }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.buy_platinum .buyplat_featured .featuredP.primeVault .body .bgImg { height: 258px; } }
body.buy_platinum .buyplat_featured .featuredP.primeVault .body .heroImg { background-image: url('../images/buy-plat/featured/valkyr-saryn.png?1569873462'); width: 384px; height: 263px; left: -90px; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.buy_platinum .buyplat_featured .featuredP.primeVault .body .heroImg { left: 0; } }
body.buy_platinum .buyplat_featured .featuredP.primeVault .body .info { margin-bottom: 70px; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.buy_platinum .buyplat_featured .featuredP.primeVault .body .info { margin-bottom: 0; } }
body.buy_platinum .buyplat_featured .featuredP.primeVault .body .info ul.points li { width: 43%; margin-right: 20px; margin-bottom: 4px; }
body.buy_platinum .buyplat_featured .featuredP.primeVault .body .buyNowBtn { background-color: #9e9e9e; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.buy_platinum .buyplat_featured .featuredP.primeVault .body .buyNowBtn { margin-top: 10px; } }
body.buy_platinum .buyplat_featured .featuredP.starterPack .header { background-color: #163e57; }
body.buy_platinum .buyplat_featured .featuredP.starterPack .body .bgImg { background-image: url('../images/buy-plat/featured/starter-pack-bg.jpg?1569873462'); }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.buy_platinum .buyplat_featured .featuredP.starterPack .body .bgImg { height: 266px; } }
body.buy_platinum .buyplat_featured .featuredP.starterPack .body .heroImg { background-image: url('../images/buy-plat/featured/starter-pack-warframe.png?1569873462'); width: 330px; height: 271px; left: -35px; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.buy_platinum .buyplat_featured .featuredP.starterPack .body .heroImg { left: 10%; } }
body.buy_platinum .buyplat_featured .featuredP.starterPack .body .info { color: #fff; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.buy_platinum .buyplat_featured .featuredP.starterPack .body .info { color: #000; } }
body.buy_platinum .buyplat_featured .featuredP.starterPack .body .buyNowBtn { background-color: #496a7d; }

body.quickstart { background-attachment: fixed !important; background-image: none !important; }

#quickstartpage { /*-----INTERACTIVE CONTROLLER STYLES-----*/ /*-----PS4-----*/ /*-----XBOX-----*/ /*-----SWITCH-----*/ }
#quickstartpage .container { max-width: 1140px; padding: 30px; }
#quickstartpage h1, #quickstartpage h2 { margin-bottom: 20px; }
#quickstartpage h1 { font-size: 40px; }
#quickstartpage h2 { font-size: 20px; color: #000000; }
#quickstartpage p { line-height: 20px; margin-bottom: 10px; }
#quickstartpage td { padding: 10px; }
#quickstartpage hr { margin-top: 2rem; margin-bottom: 1.5rem; border-top: 1px solid #afafaf; }
#quickstartpage li { text-transform: uppercase; background-color: #edf1f4; color: #6e6e6e; border: 1px solid #c5c5c5; padding: 12px; margin-top: -1px; }
#quickstartpage li a { color: #6e6e6e; }
#quickstartpage li a:hover { color: #d30000; }
#quickstartpage strong, #quickstartpage .otherbutton { font-weight: bold; }
#quickstartpage .qsConsoleTab { padding: 20px; display: inline-block; color: #FFFFFF; width: 75px; text-align: center; cursor: pointer; }
#quickstartpage #mobileQuick { display: none; }
#quickstartpage .activeQSTab { background-color: rgba(237, 241, 244, 0); border-right: none; }
#quickstartpage .activeQSTab a { color: #000; }
#quickstartpage .categories { display: inline-block; margin: 20px 0; }
#quickstartpage .categories .category { display: inline-block; border: 1px solid #666; padding: 6px 18px; margin-right: 10px; background-color: #ebebeb; text-transform: uppercase; font-weight: bold; cursor: pointer; }
#quickstartpage .categories .category.pc { color: #000; }
#quickstartpage .categories .category.xbox { color: #005400; }
#quickstartpage .categories .category.ps4 { color: #034169; }
#quickstartpage .categories .category.switch { color: #d30000; }
#quickstartpage .categories .category.blog { color: #730D6A; }
#quickstartpage #pcQStab:hover, #quickstartpage .pcactive { background-color: #000 !important; border-color: #000 !important; color: #ffffff !important; }
#quickstartpage #ps4QStab:hover, #quickstartpage .ps4active { background-color: #034169 !important; border-color: #034169 !important; color: #ffffff !important; }
#quickstartpage #xb1QStab:hover, #quickstartpage .xb1active { background-color: #005400 !important; border-color: #005400 !important; color: #ffffff !important; }
#quickstartpage #switchQStab:hover, #quickstartpage .switchactive { background-color: #d30000 !important; border-color: #d30000 !important; color: #ffffff !important; }
#quickstartpage #quickstartTitle { width: 100%; position: fixed; }
#quickstartpage #quickstartTitle hr { margin-top: 2rem; }
#quickstartpage #quickstartTitle h1 { text-align: left; }
#quickstartpage #qsTitle { float: left; }
#quickstartpage #qsDownloadBtn { float: right; }
#quickstartpage .leftLinks { float: left; width: 16%; max-width: 300px; position: fixed; top: 156px; }
#quickstartpage .rightContent { float: right; width: 68%; margin-top: 40px; }
#quickstartpage .rightContent .framePic { width: 31.3%; max-height: 242px; margin: 5px; float: left; margin-bottom: 15px; overflow: hidden; }
#quickstartpage .rightContent .framePic img { width: 100%; opacity: 0.9; }
#quickstartpage .rightContent .thumbCenter { width: 100%; text-align: center; }
#quickstartpage .rightContent .thumbCenter .weaponCenter { display: inline-block; }
#quickstartpage .rightContent .weaponContain { height: 125px; width: 200px; margin: 15px; background-image: url('../images/mainSiteAssets/quickstartPage/warframeBack.jpg?1554154006'); background-repeat: no-repeat; background-size: 100% auto; float: left; position: relative; }
#quickstartpage .rightContent .weaponContain img { width: 100%; height: 100%; }
#quickstartpage .rightContent .qsImg { width: 100%; margin-bottom: 20px; }
#quickstartpage .rightContent .qsImg img { width: 100%; }
#quickstartpage .number { width: 40px; background-color: black; height: 40px; border-radius: 50%; clear: both; font-weight: bold; position: absolute; float: none; z-index: 2; border-width: 2px; border-style: solid; border-color: #ababab; opacity: 0.8; color: rgba(255, 255, 255, 0); }
#quickstartpage .number:hover { animation: open .3s .1s ease-in, textReveal .2s .3s ease-in; animation-fill-mode: forwards; -webkit-animation: open .3s .1s ease-in, textReveal .2s .3s ease-in; -webkit-animation-fill-mode: forwards; -moz-animation: open .3s .1s ease-in, textReveal .2s .3s ease-in; -moz-animation-fill-mode: forwards; -o-animation: open .3s .1s ease-in, textReveal .2s .3s ease-in; -o-animation-fill-mode: forwards; cursor: pointer; }
#quickstartpage .info { pointer-events: none; font-size: 14px; padding: 4px 5px 5px 5px; margin: 0px; }
@media (min-width: 876px) { @keyframes open { 0% { border-radius: 50%; border-color: #ababab; width: 6%; left: 0%; z-index: 2; }
    50% { border-radius: 0%; border-color: #ababab; width: 25%; left: 0%; z-index: 3; }
    100% { border-radius: 0%; border-color: #ababab; width: 50%; height: auto; display: inline-block; font-weight: normal; left: -8%; padding: 5px; z-index: 3; } }
  @-webkit-keyframes open { 0% { border-radius: 50%; border-color: #ababab; width: 6%; left: 0%; z-index: 2; }
    50% { border-radius: 0%; border-color: #ababab; width: 25%; left: 0%; z-index: 3; }
    100% { border-radius: 0%; border-color: #ababab; width: 50%; height: auto; display: inline-block; font-weight: normal; left: -8%; padding: 5px; z-index: 3; } }
  @-moz-keyframes open { 0% { border-radius: 50%; border-color: #ababab; width: 6%; left: 0%; z-index: 2; }
    50% { border-radius: 0%; border-color: #ababab; width: 25%; left: 0%; z-index: 3; }
    100% { border-radius: 0%; border-color: #ababab; width: 50%; height: auto; display: inline-block; font-weight: normal; left: -8%; padding: 5px; z-index: 3; } }
  @-o-keyframes open { 0% { border-radius: 50%; border-color: #ababab; width: 6%; left: 0%; z-index: 2; }
    50% { border-radius: 0%; border-color: #ababab; width: 25%; left: 0%; z-index: 3; }
    100% { border-radius: 0%; border-color: #ababab; width: 50%; left: -8%; height: auto; display: inline-block; font-weight: normal; padding: 5px; z-index: 3; } }
  @keyframes textReveal { 0% { color: rgba(255, 255, 255, 0); }
    100% { color: white; } }
  @-webkit-keyframes textReveal { 0% { color: rgba(255, 255, 255, 0); }
    100% { color: white; } }
  @-moz-keyframes textReveal { 0% { color: rgba(255, 255, 255, 0); }
    100% { color: white; } }
  @-o-keyframes textReveal { 0% { color: rgba(255, 255, 255, 0); }
    100% { color: white; } }
  #quickstartpage .numberText:hover { opacity: 0; } }
#quickstartpage .numberText { color: #fff; position: absolute; width: 100%; line-height: 77%; opacity: 1; height: 100%; margin: 0; display: flex; align-items: center; justify-content: center; }
@keyframes rotate { 0% { transform: rotate(0deg); margin-bottom: .4%; }
  100% { transform: rotate(180deg); margin-bottom: .2%; } }
@-webkit-keyframes rotate { 0% { transform: rotate(0deg); margin-bottom: .4%; }
  100% { transform: rotate(180deg); margin-bottom: .2%; } }
@-moz-keyframes rotate { 0% { transform: rotate(0deg); margin-bottom: .4%; }
  100% { transform: rotate(180deg); margin-bottom: .2%; } }
@-o-keyframes rotate { 0% { transform: rotate(0deg); margin-bottom: .4%; }
  100% { transform: rotate(180deg); margin-bottom: .2%; } }
#quickstartpage #ps4 { width: 100%; position: relative; }
#quickstartpage #ps4Controller { width: 100%; position: relative; }
#quickstartpage #onePs4 { margin-left: 29.5%; margin-top: 37%; }
#quickstartpage #twoPs4 { margin-left: 37.5%; margin-top: 37%; }
#quickstartpage #threePs4 { margin-left: 55%; margin-top: 37%; }
#quickstartpage #fourPs4 { margin-left: 64%; margin-top: 37%; }
#quickstartpage #fivePs4 { margin-left: 72%; margin-top: 35%; }
#quickstartpage #sixPs4 { margin-left: 81%; margin-top: 26.25%; }
#quickstartpage #sevenPs4 { margin-left: 63.5%; margin-top: 26.25%; }
#quickstartpage #eightPs4 { margin-left: 72%; margin-top: 17.5%; }
#quickstartpage #ninePs4 { margin-left: 21.25%; margin-top: 26%; }
#quickstartpage #tenPs4 { margin-left: 17%; margin-top: 12%; }
#quickstartpage #elevenPs4 { margin-left: 26.5%; margin-top: 12%; }
#quickstartpage #twelvePs4 { margin-left: 66.5%; margin-top: 12%; }
#quickstartpage #thirteenPs4 { margin-left: 76.5%; margin-top: 12%; }
#quickstartpage #fourteenPs4 { margin-left: 46.5%; margin-top: 22%; }
#quickstartpage #xbox { width: 100%; position: relative; }
#quickstartpage #xboxController { width: 100%; position: relative; }
#quickstartpage #oneXbox { margin-left: 21.75%; margin-top: 25.5%; }
#quickstartpage #twoXbox { margin-left: 30%; margin-top: 25.5%; }
#quickstartpage #threeXbox { margin-left: 53%; margin-top: 37.75%; }
#quickstartpage #fourXbox { margin-left: 60.75%; margin-top: 37.75%; }
#quickstartpage #fiveXbox { margin-left: 67.25%; margin-top: 34.5%; }
#quickstartpage #sixXbox { margin-left: 76%; margin-top: 25.50%; }
#quickstartpage #sevenXbox { margin-left: 58.5%; margin-top: 25.50%; }
#quickstartpage #eightXbox { margin-left: 67.25%; margin-top: 17.5%; }
#quickstartpage #nineXbox { margin-left: 36.25%; margin-top: 38.75%; }
#quickstartpage #tenXbox { margin-left: 31%; margin-top: 10%; }
#quickstartpage #elevenXbox { margin-left: 21%; margin-top: 11%; }
#quickstartpage #twelveXbox { margin-left: 61.5%; margin-top: 10%; }
#quickstartpage #thirteenXbox { margin-left: 71.5%; margin-top: 11%; }
#quickstartpage #switch { width: 100%; position: relative; }
#quickstartpage #switchController { width: 100%; position: relative; }
#quickstartpage #oneSwitch { margin-left: 19.25%; margin-top: 23.5%; }
#quickstartpage #twoSwitch { margin-left: 28.5%; margin-top: 23.5%; }
#quickstartpage #threeSwitch { margin-left: 53%; margin-top: 34.75%; }
#quickstartpage #fourSwitch { margin-left: 61.75%; margin-top: 34.75%; }
#quickstartpage #fiveSwitch { margin-left: 68.25%; margin-top: 32%; }
#quickstartpage #sixSwitch { margin-left: 78%; margin-top: 23.5%; }
#quickstartpage #sevenSwitch { margin-left: 58.25%; margin-top: 23.5%; }
#quickstartpage #eightSwitch { margin-left: 68.25%; margin-top: 15%; }
#quickstartpage #nineSwitch { margin-left: 33.9%; margin-top: 34.95%; }
#quickstartpage #tenSwitch { margin-left: 31%; margin-top: 7.5%; }
#quickstartpage #elevenSwitch { margin-left: 20%; margin-top: 9%; }
#quickstartpage #twelveSwitch { margin-left: 62%; margin-top: 7.5%; }
#quickstartpage #thirteenSwitch { margin-left: 73.25%; margin-top: 9%; }
@media (max-width: 1350px) { #quickstartpage .quicklink { font-size: 11px; }
  #quickstartpage #contentsList li { padding: 10px; } }
@media (max-width: 875px) { #quickstartpage #contentsList li { padding: 8px; }
  #quickstartpage #contentsList li a { font-size: 12px; }
  #quickstartpage #mobileQuick { display: block; width: 80%; position: fixed; z-index: 9; }
  #quickstartpage .leftLinks { display: none; }
  #quickstartpage .rightContent { width: 100%; margin-top: 70px; }
  #quickstartpage .number { width: 35px !important; height: 35px !important; } }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { #quickstartpage h2 { text-align: center; }
  #quickstartpage .leftLinks { display: none; }
  #quickstartpage .rightContent { width: 100%; }
  #quickstartpage #qsTitle { text-align: center; }
  #quickstartpage #qsDownloadBtn { width: 100%; }
  #quickstartpage .weaponContain { float: none !important; }
  #quickstartpage .tabContain { text-align: center; }
  #quickstartpage .tabContain #switchQStab { margin-top: 15px; }
  #quickstartpage .number { width: 25px !important; height: 25px !important; } }
@media (max-width: 700px) { #quickstartpage .framePic { width: 29.4% !important; } }

body.warframes .warframeContent, body.warframes .primes { margin-top: 80px; }
body.warframes .warframeContent { margin-bottom: 80px; }
body.warframes .lotusLogo { background-image: url('../images/mainSiteAssets/splashPage/whiteLotus.png?1554154007'); }
body.warframes .warframesContain .wf, body.warframes .warframesContain .primewf { width: 24%; float: left; position: relative; cursor: pointer; display: block; margin-right: 5px; margin-bottom: 40px; }
body.warframes .warframesContain .wf img, body.warframes .warframesContain .primewf img { border-bottom: 1px solid #d30000; width: 100%; height: auto; max-height: 278px; }
body.warframes .warframesContain .wf .wfTitle, body.warframes .warframesContain .primewf .wfTitle { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; text-transform: uppercase; min-width: 140px; height: 30px; color: white; position: absolute; font-weight: bold; bottom: 0; }
body.warframes .warframesContain .wf .wfTitle .innerWfTitle, body.warframes .warframesContain .primewf .wfTitle .innerWfTitle { padding: 7px 0 0 10px; }
body.warframes .warframesContain .wf .wfTitle::after, body.warframes .warframesContain .primewf .wfTitle::after { content: ''; position: absolute; right: -30px; margin-top: -21px; }
body.warframes .warframesContain .wf .wfTitle { background-color: #d30000; }
body.warframes .warframesContain .wf .wfTitle::after { width: 0; height: 0; border-right: 30px solid transparent; border-bottom: 30px solid #d30000; }
body.warframes .warframesContain .wf:hover .wfTitle { background-color: white; color: #d30000; }
body.warframes .warframesContain .wf:hover .wfTitle::after { width: 0; height: 0; border-right: 30px solid transparent; border-bottom: 30px solid white; }
body.warframes .warframesContain .primewf .wfTitle { background-color: #c79616; }
body.warframes .warframesContain .primewf .wfTitle::after { width: 0; height: 0; border-right: 30px solid transparent; border-bottom: 30px solid #c79616; }
body.warframes .warframesContain .primewf img { border-bottom: 1px solid #c79616; }
body.warframes .warframesContain .primewf:hover .wfTitle { background-color: white; color: #c79616; }
body.warframes .warframesContain .primewf:hover .wfTitle::after { width: 0; height: 0; border-right: 30px solid transparent; border-bottom: 30px solid white; }
@media (min-width: 1980px) { body.warframes .cd-hero.slider .slide { background-image: none !important; } }
@media (min-width: 875px) and (max-width: 1250px) { body.warframes .warframesContain .wfTitle { font-size: 11px; width: 100%; }
  body.warframes .warframesContain .wfTitle::after { display: none !important; } }
@media (max-width: 875px) { body.warframes .warframesContain .wfTitle { font-size: 11px; }
  body.warframes .warframesContain .wfTitle::after { display: none !important; } }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.warframes .cd-hero .slider-nav ul { display: inline-block; background-color: #d30000; height: 36px; margin: 0 -4px; padding: 0 10px; }
  body.warframes .cd-hero .slider-nav::after, body.warframes .cd-hero .slider-nav::before { display: none; }
  body.warframes .contentHeaderContain h2 { margin-top: -14px; font-size: 21px; }
  body.warframes .warframesContain .wf, body.warframes .warframesContain .primewf { width: 48% !important; }
  body.warframes .wfTitle { text-align: center; bottom: -6px !important; width: 100%; }
  body.warframes .wfTitle .innerWfTitle { padding: 7px 10px !important; font-size: 12px; font-family: 'Open Sans',sans-serif; font-weight: 100; text-align: left; }
  body.warframes .wfTitle::after { display: none; } }

#singleFramePage.prime h2 { color: #c79616; }
#singleFramePage.prime .contentHeaderLines { border-top: 1px solid #c79616; border-bottom: 1px solid #c79616; }
#singleFramePage.prime #mainPic .innerMainPic #stats li .num { color: #c79616; }
#singleFramePage.prime #mainPic .innerMainPic .profileVideo { background: #c79616; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
#singleFramePage.prime #mainPic .innerMainPic .profileVideo .innerBtn { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
#singleFramePage.prime .lotusLogo { background-image: url('../images/goldLotus.png?1554154002'); }
#singleFramePage #mainPic, #singleFramePage #abilities, #singleFramePage #video { margin: 0 auto; }
#singleFramePage #mainPic { background-image: url('../images/warframes/bg/wfSingleMainBG.jpg?1554154036'); background-size: cover; height: 830px; overflow: hidden; position: relative; }
@media (min-width: 1980px) { #singleFramePage #mainPic { background-image: none !important; background-color: #000; } }
#singleFramePage #mainPic #wfVideo { position: relative; }
#singleFramePage #mainPic #wfVideo video { position: absolute; left: 50%; transform: translate(-50%, 0); width: 1920px; }
#singleFramePage #mainPic .innerMainPic { position: relative; z-index: 10; padding: 20px; background: rgba(0, 0, 0, 0.6); bottom: -440px; max-width: 500px !important; left: -20%; }
#singleFramePage #mainPic .innerMainPic p { text-transform: uppercase; margin-top: 32px; color: white; line-height: 28px; font-size: 15px; }
#singleFramePage #mainPic .innerMainPic #stats { margin-top: 45px; }
#singleFramePage #mainPic .innerMainPic #stats li { display: inline-block; text-align: center; margin-right: 19px; font-weight: bold; }
#singleFramePage #mainPic .innerMainPic #stats li .num { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; color: #d30000; font-size: 22px; }
#singleFramePage #mainPic .innerMainPic #stats li .name { text-transform: uppercase; color: white; margin-top: 3px; font-size: 11px; }
#singleFramePage #mainPic .innerMainPic .profileVideo { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); margin-top: 25px; margin-left: 80px; }
#singleFramePage #mainPic .innerMainPic .profileVideo .innerBtn { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
#singleFramePage #mainPic .leftWfBtn, #singleFramePage #mainPic .rightWfBtn { position: absolute; background-size: 100%; top: 40%; width: 50px; height: 116px; }
#singleFramePage #mainPic .leftWfBtn { left: 20px; background-image: url('../images/warframes/leftArrow.png?1554154036'); }
#singleFramePage #mainPic .rightWfBtn { right: 20px; background-image: url('../images/warframes/rightArrow.png?1554154036'); }
#singleFramePage #abilities { background-color: #ececec; background-size: cover; position: relative; }
#singleFramePage #abilities #powers li { background-color: rgba(0, 0, 0, 0.08); color: #333; position: relative; text-align: center; padding-bottom: 20px; }
#singleFramePage #abilities #powers li .powerTitle { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; text-transform: uppercase; text-align: center; font-weight: bold; margin-top: 20px; }
#singleFramePage #abilities #powers li p { margin: 5px auto 0 auto; text-align: center; text-transform: uppercase; font-size: 12px; line-height: 17px; padding: 0 10px; }
#singleFramePage #abilities #powers li:last-child { margin-right: 0; }
#singleFramePage #abilities #powers li .ability-splash { max-width: 100%; }
#singleFramePage #abilities #powers li .ability-icon { padding-top: 20px; max-width: 80px; }
#singleFramePage #abilities .contentHeaderContain h2 { font-size: 32px; letter-spacing: 2px; }
#singleFramePage #warframesList .wfChooser { float: right; }
#singleFramePage #warframesList .wfChooser a { color: white; text-transform: uppercase; background-color: #848484; padding: 10px; }
#singleFramePage #warframesList .wfChooser a.wf { margin-right: 10px; }
#singleFramePage #warframesList .wfChooser a.wf.active { background-color: #d30000; }
#singleFramePage #warframesList .wfChooser a.pr.active { background-color: #c79616; }
#singleFramePage #warframesList .miniFrames { margin: 60px 0; }
#singleFramePage #warframesList .miniFrames .miniFrame { width: 95px; float: left; display: block; margin: 0 8px 8px 0; padding: 5px 5px 0 5px; background: rgba(0, 0, 0, 0.1); }
#singleFramePage #warframesList .miniFrames .miniFrame img { width: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); }
#singleFramePage #warframesList .miniFrames .miniFrame.active, #singleFramePage #warframesList .miniFrames .miniFrame:hover { background: rgba(0, 0, 0, 0.3); }
#singleFramePage #warframesList .miniFrames .miniFrame.active img, #singleFramePage #warframesList .miniFrames .miniFrame:hover img { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
#singleFramePage #warframesList .miniFrames.primesList { display: none; }
@media (max-width: 875px) { #singleFramePage #mainPic .innerMainPic { left: 0%; } }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { #singleFramePage #mainPic { background-position: 50%; }
  #singleFramePage #mainPic .rightWfBtn, #singleFramePage #mainPic .leftWfBtn { display: none; }
  #singleFramePage #mainPic #wfVideo { display: none; }
  #singleFramePage #mainPic .innerMainPic { left: 0; bottom: -360px; }
  #singleFramePage #mainPic .innerMainPic #stats li { display: inline-block; text-align: center; margin-right: 12px; font-weight: bold; }
  #singleFramePage #mainPic .innerMainPic #stats li .num { font-size: 16px; }
  #singleFramePage #mainPic .innerMainPic #stats li .name { font-size: 9px; }
  #singleFramePage #mainPic .innerMainPic p { width: auto; text-transform: uppercase; margin-top: 32px; color: white; line-height: 22px; font-size: 12px; }
  #singleFramePage #mainPic .innerMainPic .profileVideo { margin-left: 20px; }
  #singleFramePage #abilities .contentHeaderContain h2 { font-size: 27px; letter-spacing: 2px; }
  #singleFramePage #abilities #powers li { margin-bottom: 30px; }
  #singleFramePage #abilities #powers li .ability-splash { width: 100%; }
  #singleFramePage #abilities #powers li .ability-icon { max-width: 80px; position: relative; margin-top: -40px; } }

.ui_icons-sprite, .fansites .navContain .watchIcon, .fanchannels .navContain .watchIcon, .fansite_registration .navContain .watchIcon, .partner_registration .navContain .watchIcon, .fansites .navContain .partnerIcon, .fanchannels .navContain .partnerIcon, .fansite_registration .navContain .partnerIcon, .partner_registration .navContain .partnerIcon, .fansites .navContain .applyIcon, .fanchannels .navContain .applyIcon, .fansite_registration .navContain .applyIcon, .partner_registration .navContain .applyIcon, .fansites .navContain .fansiteIcon, .fanchannels .navContain .fansiteIcon, .fansite_registration .navContain .fansiteIcon, .partner_registration .navContain .fansiteIcon, .fansites .navContain .discordIcon, .fanchannels .navContain .discordIcon, .fansite_registration .navContain .discordIcon, .partner_registration .navContain .discordIcon, .fansites .navContain .watchNowBtn.active .watchIcon, .fansites .navContain .watchNowBtn.hover .watchIcon, .fansites .navContain .fanSiteIndexBtn.active .watchIcon, .fansites .navContain .fanSiteIndexBtn.hover .watchIcon, .fanchannels .navContain .watchNowBtn.active .watchIcon, .fanchannels .navContain .watchNowBtn.hover .watchIcon, .fanchannels .navContain .fanSiteIndexBtn.active .watchIcon, .fanchannels .navContain .fanSiteIndexBtn.hover .watchIcon, .fansite_registration .navContain .watchNowBtn.active .watchIcon, .fansite_registration .navContain .watchNowBtn.hover .watchIcon, .fansite_registration .navContain .fanSiteIndexBtn.active .watchIcon, .fansite_registration .navContain .fanSiteIndexBtn.hover .watchIcon, .partner_registration .navContain .watchNowBtn.active .watchIcon, .partner_registration .navContain .watchNowBtn.hover .watchIcon, .partner_registration .navContain .fanSiteIndexBtn.active .watchIcon, .partner_registration .navContain .fanSiteIndexBtn.hover .watchIcon, .fansites .navContain .watchNowBtn.active .fansiteIcon, .fansites .navContain .watchNowBtn.hover .fansiteIcon, .fansites .navContain .fanSiteIndexBtn.active .fansiteIcon, .fansites .navContain .fanSiteIndexBtn.hover .fansiteIcon, .fanchannels .navContain .watchNowBtn.active .fansiteIcon, .fanchannels .navContain .watchNowBtn.hover .fansiteIcon, .fanchannels .navContain .fanSiteIndexBtn.active .fansiteIcon, .fanchannels .navContain .fanSiteIndexBtn.hover .fansiteIcon, .fansite_registration .navContain .watchNowBtn.active .fansiteIcon, .fansite_registration .navContain .watchNowBtn.hover .fansiteIcon, .fansite_registration .navContain .fanSiteIndexBtn.active .fansiteIcon, .fansite_registration .navContain .fanSiteIndexBtn.hover .fansiteIcon, .partner_registration .navContain .watchNowBtn.active .fansiteIcon, .partner_registration .navContain .watchNowBtn.hover .fansiteIcon, .partner_registration .navContain .fanSiteIndexBtn.active .fansiteIcon, .partner_registration .navContain .fanSiteIndexBtn.hover .fansiteIcon, .fansites .navContain .partnerIndexBtn.active .partnerIcon, .fansites .navContain .partnerIndexBtn.hover .partnerIcon, .fansites .navContain .discordIndexBtn.active .partnerIcon, .fansites .navContain .discordIndexBtn.hover .partnerIcon, .fanchannels .navContain .partnerIndexBtn.active .partnerIcon, .fanchannels .navContain .partnerIndexBtn.hover .partnerIcon, .fanchannels .navContain .discordIndexBtn.active .partnerIcon, .fanchannels .navContain .discordIndexBtn.hover .partnerIcon, .fansite_registration .navContain .partnerIndexBtn.active .partnerIcon, .fansite_registration .navContain .partnerIndexBtn.hover .partnerIcon, .fansite_registration .navContain .discordIndexBtn.active .partnerIcon, .fansite_registration .navContain .discordIndexBtn.hover .partnerIcon, .partner_registration .navContain .partnerIndexBtn.active .partnerIcon, .partner_registration .navContain .partnerIndexBtn.hover .partnerIcon, .partner_registration .navContain .discordIndexBtn.active .partnerIcon, .partner_registration .navContain .discordIndexBtn.hover .partnerIcon, .fansites .navContain .partnerIndexBtn.active .discordIcon, .fansites .navContain .partnerIndexBtn.hover .discordIcon, .fansites .navContain .discordIndexBtn.active .discordIcon, .fansites .navContain .discordIndexBtn.hover .discordIcon, .fanchannels .navContain .partnerIndexBtn.active .discordIcon, .fanchannels .navContain .partnerIndexBtn.hover .discordIcon, .fanchannels .navContain .discordIndexBtn.active .discordIcon, .fanchannels .navContain .discordIndexBtn.hover .discordIcon, .fansite_registration .navContain .partnerIndexBtn.active .discordIcon, .fansite_registration .navContain .partnerIndexBtn.hover .discordIcon, .fansite_registration .navContain .discordIndexBtn.active .discordIcon, .fansite_registration .navContain .discordIndexBtn.hover .discordIcon, .partner_registration .navContain .partnerIndexBtn.active .discordIcon, .partner_registration .navContain .partnerIndexBtn.hover .discordIcon, .partner_registration .navContain .discordIndexBtn.active .discordIcon, .partner_registration .navContain .discordIndexBtn.hover .discordIcon, .fansites .navContain .applyNowBtn.active .applyIcon, .fansites .navContain .applyNowBtn.hover .applyIcon, .fanchannels .navContain .applyNowBtn.active .applyIcon, .fanchannels .navContain .applyNowBtn.hover .applyIcon, .fansite_registration .navContain .applyNowBtn.active .applyIcon, .fansite_registration .navContain .applyNowBtn.hover .applyIcon, .partner_registration .navContain .applyNowBtn.active .applyIcon, .partner_registration .navContain .applyNowBtn.hover .applyIcon { background-image: url('../images/./mainSiteAssets/fansitesPage/ui_icons-s5437751127.png'); background-repeat: no-repeat; }

.staticPages_fansites { background-attachment: fixed !important; }

/*.fansites{ .headerText{ margin: 0 !important; margin-top: 20px !important; margin-bottom: 20px !important; line-height: 23px !important; color: #FFFFFF !important; padding: 0px !important; font-size: 14px !important; }
 .headerTextContain{ margin-top: 140px; float: right; }
 .boxArtImg{ float:left; width: 480px; height: 344px; margin-right: 60px; margin-left: -97px; margin-top: 67px; background: image-url('mainSiteAssets/fansitesPage/gameBox.png'); background-size: contain; background-repeat: no-repeat; }
 .gridItem{ height: 215px !important; }
 hr{ margin-top: 30px; margin-bottom: 30px; border-color: #b9b9b9; }
 h1{ font-size: 28px; font-family: "Open Sans", Helvetica, sans-serif; text-align: center; margin-bottom: 20px; }
 .headerContain{ max-width: 990px; margin: 0 auto; }
 @media (max-width: 1200px) { .siteLogo{ display: none; }
 .fansiteText{ float: left; padding: 20px; } }
 @media (max-width: 1200px) { .fansiteText{ margin-top: 140px; } }
 @media (max-width: 670px) { .row{ margin-top: -23px !important; } .fansiteText{ margin-top: 40px; } }
 @media (max-width: 350px) { .fansiteText h1{ font-size: 28px; } }
}*/
.fansites .pleaseLoginWrap, .fanchannels .pleaseLoginWrap, .fansite_registration .pleaseLoginWrap, .partner_registration .pleaseLoginWrap { text-align: center; }
.fansites .pleaseLoginWrap .pleaseLoginBtn, .fanchannels .pleaseLoginWrap .pleaseLoginBtn, .fansite_registration .pleaseLoginWrap .pleaseLoginBtn, .partner_registration .pleaseLoginWrap .pleaseLoginBtn { padding: 10px; position: relative; margin: 0 auto; background-color: #000000; color: #FFFFFF; cursor: pointer; text-align: center; display: inline-block; }
.fansites .pleaseLoginWrap .pleaseLoginBtn:hover, .fanchannels .pleaseLoginWrap .pleaseLoginBtn:hover, .fansite_registration .pleaseLoginWrap .pleaseLoginBtn:hover, .partner_registration .pleaseLoginWrap .pleaseLoginBtn:hover { background-color: #d40000; color: #FFFFFF; }
.fansites .fansitesSlide, .fanchannels .fansitesSlide, .fansite_registration .fansitesSlide, .partner_registration .fansitesSlide { background: url('../images/mainSiteAssets/fansitesPage/fansiteHeaderBG.png?1559336862'); padding-top: 15px; height: 344px; }
.fansites .fanchannelSlide, .fanchannels .fanchannelSlide, .fansite_registration .fanchannelSlide, .partner_registration .fanchannelSlide { background: url('../images/mainSiteAssets/fansitesPage/partnersheaderbg_blue.jpg?1554154005'); padding-top: 30px; height: 344px; }
.fansites .fansitesLogo, .fanchannels .fansitesLogo, .fansite_registration .fansitesLogo, .partner_registration .fansitesLogo { width: 146px; height: 134px; margin: 0 auto; background-size: contain; background-repeat: no-repeat; }
.fansites .partnerLogo, .fanchannels .partnerLogo, .fansite_registration .partnerLogo, .partner_registration .partnerLogo { width: 134px; height: 155px; margin: 0 auto; background: url('../images/mainSiteAssets/fansitesPage/partnersIconSmall.png?1554154005'); background-size: contain; background-repeat: no-repeat; }
.fansites .partnertext, .fanchannels .partnertext, .fansite_registration .partnertext, .partner_registration .partnertext { margin: 0 auto !important; margin-top: 20px !important; margin-bottom: 20px !important; line-height: 23px !important; color: #FFFFFF !important; padding: 0px !important; font-size: 14px !important; text-align: center; }
.fansites .fansiteSpacer, .fanchannels .fansiteSpacer, .fansite_registration .fansiteSpacer, .partner_registration .fansiteSpacer { margin-top: 20px; }
.fansites .partnerDisclaimer, .fanchannels .partnerDisclaimer, .fansite_registration .partnerDisclaimer, .partner_registration .partnerDisclaimer { text-align: center; margin-top: 20px; font-size: 12px; }
.fansites .headerTextContain, .fanchannels .headerTextContain, .fansite_registration .headerTextContain, .partner_registration .headerTextContain { padding-top: 25px; max-width: 600px; text-align: center; margin: 0 auto; }
.fansites .headerTextContain h1, .fanchannels .headerTextContain h1, .fansite_registration .headerTextContain h1, .partner_registration .headerTextContain h1 { color: #FFFFFF; }
.fansites .headerTextContain p, .fanchannels .headerTextContain p, .fansite_registration .headerTextContain p, .partner_registration .headerTextContain p { font-size: 15px; margin-top: 15px; }
.fansites .headerContain, .fanchannels .headerContain, .fansite_registration .headerContain, .partner_registration .headerContain { max-width: 990px; margin: 0 auto; }
.fansites .slider, .fansites .cd-hero-slider, .fanchannels .slider, .fanchannels .cd-hero-slider, .fansite_registration .slider, .fansite_registration .cd-hero-slider, .partner_registration .slider, .partner_registration .cd-hero-slider { height: 349px; }
.fansites .navContain, .fanchannels .navContain, .fansite_registration .navContain, .partner_registration .navContain { margin: 0 auto; margin-bottom: 20px; height: 84px; }
.fansites .navContain .navTable, .fanchannels .navContain .navTable, .fansite_registration .navContain .navTable, .partner_registration .navContain .navTable { display: table; margin: 0 auto; }
.fansites .navContain .mobilePartnerNav, .fanchannels .navContain .mobilePartnerNav, .fansite_registration .navContain .mobilePartnerNav, .partner_registration .navContain .mobilePartnerNav { display: none; clear: both; }
.fansites .navContain .navBtn, .fanchannels .navContain .navBtn, .fansite_registration .navContain .navBtn, .partner_registration .navContain .navBtn { padding: 10px; margin: 10px; background-color: #d2d2d2; color: #7b7b7b; cursor: pointer; float: left; min-width: 150px; }
.fansites .navContain .navBtn p, .fanchannels .navContain .navBtn p, .fansite_registration .navContain .navBtn p, .partner_registration .navContain .navBtn p { margin-top: 6px; }
.fansites .navContain .navIcon, .fanchannels .navContain .navIcon, .fansite_registration .navContain .navIcon, .partner_registration .navContain .navIcon { height: 24px; width: 24px; float: left; margin-right: 15px; }
.fansites .navContain .watchIcon, .fanchannels .navContain .watchIcon, .fansite_registration .navContain .watchIcon, .partner_registration .navContain .watchIcon { background-position: 0 -204px; }
.fansites .navContain .partnerIcon, .fanchannels .navContain .partnerIcon, .fansite_registration .navContain .partnerIcon, .partner_registration .navContain .partnerIcon { background-position: 0 -144px; }
.fansites .navContain .applyIcon, .fanchannels .navContain .applyIcon, .fansite_registration .navContain .applyIcon, .partner_registration .navContain .applyIcon { background-position: 0 0; }
.fansites .navContain .fansiteIcon, .fanchannels .navContain .fansiteIcon, .fansite_registration .navContain .fansiteIcon, .partner_registration .navContain .fansiteIcon { background-position: 0 -96px; }
.fansites .navContain .discordIcon, .fanchannels .navContain .discordIcon, .fansite_registration .navContain .discordIcon, .partner_registration .navContain .discordIcon { background-position: 0 -48px; }
.fansites .navContain .watchNowBtn.active, .fansites .navContain .watchNowBtn.hover, .fansites .navContain .fanSiteIndexBtn.active, .fansites .navContain .fanSiteIndexBtn.hover, .fanchannels .navContain .watchNowBtn.active, .fanchannels .navContain .watchNowBtn.hover, .fanchannels .navContain .fanSiteIndexBtn.active, .fanchannels .navContain .fanSiteIndexBtn.hover, .fansite_registration .navContain .watchNowBtn.active, .fansite_registration .navContain .watchNowBtn.hover, .fansite_registration .navContain .fanSiteIndexBtn.active, .fansite_registration .navContain .fanSiteIndexBtn.hover, .partner_registration .navContain .watchNowBtn.active, .partner_registration .navContain .watchNowBtn.hover, .partner_registration .navContain .fanSiteIndexBtn.active, .partner_registration .navContain .fanSiteIndexBtn.hover { background-color: #d40000; color: #FFFFFF; }
.fansites .navContain .watchNowBtn.active .watchIcon, .fansites .navContain .watchNowBtn.hover .watchIcon, .fansites .navContain .fanSiteIndexBtn.active .watchIcon, .fansites .navContain .fanSiteIndexBtn.hover .watchIcon, .fanchannels .navContain .watchNowBtn.active .watchIcon, .fanchannels .navContain .watchNowBtn.hover .watchIcon, .fanchannels .navContain .fanSiteIndexBtn.active .watchIcon, .fanchannels .navContain .fanSiteIndexBtn.hover .watchIcon, .fansite_registration .navContain .watchNowBtn.active .watchIcon, .fansite_registration .navContain .watchNowBtn.hover .watchIcon, .fansite_registration .navContain .fanSiteIndexBtn.active .watchIcon, .fansite_registration .navContain .fanSiteIndexBtn.hover .watchIcon, .partner_registration .navContain .watchNowBtn.active .watchIcon, .partner_registration .navContain .watchNowBtn.hover .watchIcon, .partner_registration .navContain .fanSiteIndexBtn.active .watchIcon, .partner_registration .navContain .fanSiteIndexBtn.hover .watchIcon { background-position: 0 -228px; }
.fansites .navContain .watchNowBtn.active .fansiteIcon, .fansites .navContain .watchNowBtn.hover .fansiteIcon, .fansites .navContain .fanSiteIndexBtn.active .fansiteIcon, .fansites .navContain .fanSiteIndexBtn.hover .fansiteIcon, .fanchannels .navContain .watchNowBtn.active .fansiteIcon, .fanchannels .navContain .watchNowBtn.hover .fansiteIcon, .fanchannels .navContain .fanSiteIndexBtn.active .fansiteIcon, .fanchannels .navContain .fanSiteIndexBtn.hover .fansiteIcon, .fansite_registration .navContain .watchNowBtn.active .fansiteIcon, .fansite_registration .navContain .watchNowBtn.hover .fansiteIcon, .fansite_registration .navContain .fanSiteIndexBtn.active .fansiteIcon, .fansite_registration .navContain .fanSiteIndexBtn.hover .fansiteIcon, .partner_registration .navContain .watchNowBtn.active .fansiteIcon, .partner_registration .navContain .watchNowBtn.hover .fansiteIcon, .partner_registration .navContain .fanSiteIndexBtn.active .fansiteIcon, .partner_registration .navContain .fanSiteIndexBtn.hover .fansiteIcon { background-position: 0 -120px; }
.fansites .navContain .partnerIndexBtn.active, .fansites .navContain .partnerIndexBtn.hover, .fansites .navContain .discordIndexBtn.active, .fansites .navContain .discordIndexBtn.hover, .fanchannels .navContain .partnerIndexBtn.active, .fanchannels .navContain .partnerIndexBtn.hover, .fanchannels .navContain .discordIndexBtn.active, .fanchannels .navContain .discordIndexBtn.hover, .fansite_registration .navContain .partnerIndexBtn.active, .fansite_registration .navContain .partnerIndexBtn.hover, .fansite_registration .navContain .discordIndexBtn.active, .fansite_registration .navContain .discordIndexBtn.hover, .partner_registration .navContain .partnerIndexBtn.active, .partner_registration .navContain .partnerIndexBtn.hover, .partner_registration .navContain .discordIndexBtn.active, .partner_registration .navContain .discordIndexBtn.hover { background-color: #1370ad; color: #FFFFFF; }
.fansites .navContain .partnerIndexBtn.active .partnerIcon, .fansites .navContain .partnerIndexBtn.hover .partnerIcon, .fansites .navContain .discordIndexBtn.active .partnerIcon, .fansites .navContain .discordIndexBtn.hover .partnerIcon, .fanchannels .navContain .partnerIndexBtn.active .partnerIcon, .fanchannels .navContain .partnerIndexBtn.hover .partnerIcon, .fanchannels .navContain .discordIndexBtn.active .partnerIcon, .fanchannels .navContain .discordIndexBtn.hover .partnerIcon, .fansite_registration .navContain .partnerIndexBtn.active .partnerIcon, .fansite_registration .navContain .partnerIndexBtn.hover .partnerIcon, .fansite_registration .navContain .discordIndexBtn.active .partnerIcon, .fansite_registration .navContain .discordIndexBtn.hover .partnerIcon, .partner_registration .navContain .partnerIndexBtn.active .partnerIcon, .partner_registration .navContain .partnerIndexBtn.hover .partnerIcon, .partner_registration .navContain .discordIndexBtn.active .partnerIcon, .partner_registration .navContain .discordIndexBtn.hover .partnerIcon { background-position: 0 -168px; }
.fansites .navContain .partnerIndexBtn.active .discordIcon, .fansites .navContain .partnerIndexBtn.hover .discordIcon, .fansites .navContain .discordIndexBtn.active .discordIcon, .fansites .navContain .discordIndexBtn.hover .discordIcon, .fanchannels .navContain .partnerIndexBtn.active .discordIcon, .fanchannels .navContain .partnerIndexBtn.hover .discordIcon, .fanchannels .navContain .discordIndexBtn.active .discordIcon, .fanchannels .navContain .discordIndexBtn.hover .discordIcon, .fansite_registration .navContain .partnerIndexBtn.active .discordIcon, .fansite_registration .navContain .partnerIndexBtn.hover .discordIcon, .fansite_registration .navContain .discordIndexBtn.active .discordIcon, .fansite_registration .navContain .discordIndexBtn.hover .discordIcon, .partner_registration .navContain .partnerIndexBtn.active .discordIcon, .partner_registration .navContain .partnerIndexBtn.hover .discordIcon, .partner_registration .navContain .discordIndexBtn.active .discordIcon, .partner_registration .navContain .discordIndexBtn.hover .discordIcon { background-position: 0 -72px; }
.fansites .navContain .applyNowBtn.active, .fansites .navContain .applyNowBtn.hover, .fanchannels .navContain .applyNowBtn.active, .fanchannels .navContain .applyNowBtn.hover, .fansite_registration .navContain .applyNowBtn.active, .fansite_registration .navContain .applyNowBtn.hover, .partner_registration .navContain .applyNowBtn.active, .partner_registration .navContain .applyNowBtn.hover { background-color: #d40000; color: #FFFFFF; }
.fansites .navContain .applyNowBtn.active .applyIcon, .fansites .navContain .applyNowBtn.hover .applyIcon, .fanchannels .navContain .applyNowBtn.active .applyIcon, .fanchannels .navContain .applyNowBtn.hover .applyIcon, .fansite_registration .navContain .applyNowBtn.active .applyIcon, .fansite_registration .navContain .applyNowBtn.hover .applyIcon, .partner_registration .navContain .applyNowBtn.active .applyIcon, .partner_registration .navContain .applyNowBtn.hover .applyIcon { background-position: 0 -24px; }
.fansites .watchNow, .fanchannels .watchNow, .fansite_registration .watchNow, .partner_registration .watchNow { text-align: center; }
.fansites .watchNow h1, .fansites .watchNow h2, .fanchannels .watchNow h1, .fanchannels .watchNow h2, .fansite_registration .watchNow h1, .fansite_registration .watchNow h2, .partner_registration .watchNow h1, .partner_registration .watchNow h2 { font-size: 28px; font-family: "Open Sans", Helvetica, sans-serif; }
.fansites .watchNow h2, .fanchannels .watchNow h2, .fansite_registration .watchNow h2, .partner_registration .watchNow h2 { color: #633aba; padding-top: 15px; }
.fansites .watchNow hr, .fanchannels .watchNow hr, .fansite_registration .watchNow hr, .partner_registration .watchNow hr { margin: 0; margin-bottom: 20px; }
.fansites .watchNow .youtubeContain, .fanchannels .watchNow .youtubeContain, .fansite_registration .watchNow .youtubeContain, .partner_registration .watchNow .youtubeContain { margin: 0 auto; margin-top: 20px; width: 235%; left: -68%; }
.fansites .watchNow .youtubeContain .owl-stage-outer, .fanchannels .watchNow .youtubeContain .owl-stage-outer, .fansite_registration .watchNow .youtubeContain .owl-stage-outer, .partner_registration .watchNow .youtubeContain .owl-stage-outer { overflow: visible !important; }
.fansites .watchNow .streamContain, .fanchannels .watchNow .streamContain, .fansite_registration .watchNow .streamContain, .partner_registration .watchNow .streamContain { background-color: #FFFFFF; margin-top: 20px; }
.fansites .watchNow .streamContain .streamRotatorContain, .fanchannels .watchNow .streamContain .streamRotatorContain, .fansite_registration .watchNow .streamContain .streamRotatorContain, .partner_registration .watchNow .streamContain .streamRotatorContain { padding: 20px; }
.fansites .watchNow .streamContain .streamerName, .fanchannels .watchNow .streamContain .streamerName, .fansite_registration .watchNow .streamContain .streamerName, .partner_registration .watchNow .streamContain .streamerName { text-transform: uppercase; font-weight: bold; margin-top: 10px; color: #000000; text-align: left; }
.fansites .watchNow .streamContain .streamerNum2, .fanchannels .watchNow .streamContain .streamerNum2, .fansite_registration .watchNow .streamContain .streamerNum2, .partner_registration .watchNow .streamContain .streamerNum2 { font-weight: bold; color: #FFFFFF; background-color: #d30000; padding: 5px 20px; left: 24px; position: absolute; z-index: 5; }
.fansites .watchNow .streamContain .streamerNum, .fanchannels .watchNow .streamContain .streamerNum, .fansite_registration .watchNow .streamContain .streamerNum, .partner_registration .watchNow .streamContain .streamerNum { font-weight: bold; color: #FFFFFF; background-color: #000000; padding: 5px 20px; right: 0; bottom: 24px; position: absolute; z-index: 5; }
.fansites .watchNow .streamContain .streamerNum::before, .fanchannels .watchNow .streamContain .streamerNum::before, .fansite_registration .watchNow .streamContain .streamerNum::before, .partner_registration .watchNow .streamContain .streamerNum::before { content: url('../images/mainSiteAssets/fansitesPage/ui_icons/viewers.png?1554154005'); height: 12px; width: 12px; margin-left: -5px; margin-right: 5px; }
.fansites .watchNow .streamContain .streamingIcon, .fanchannels .watchNow .streamContain .streamingIcon, .fansite_registration .watchNow .streamContain .streamingIcon, .partner_registration .watchNow .streamContain .streamingIcon { position: absolute; z-index: 5; left: 0; top: 0px; height: 24px; width: 24px; }
.fansites .watchNow .item-video, .fanchannels .watchNow .item-video, .fansite_registration .watchNow .item-video, .partner_registration .watchNow .item-video { height: 497px; }
.fansites .watchNow .owl-stage-outer, .fanchannels .watchNow .owl-stage-outer, .fansite_registration .watchNow .owl-stage-outer, .partner_registration .watchNow .owl-stage-outer { cursor: move; }
.fansites .watchNow .owl-carousel .owl-video-tn, .fansites .watchNow .owl-video-play-icon, .fanchannels .watchNow .owl-carousel .owl-video-tn, .fanchannels .watchNow .owl-video-play-icon, .fansite_registration .watchNow .owl-carousel .owl-video-tn, .fansite_registration .watchNow .owl-video-play-icon, .partner_registration .watchNow .owl-carousel .owl-video-tn, .partner_registration .watchNow .owl-video-play-icon { background-size: cover; opacity: 0.2 !important; }
.fansites .watchNow .owl-carousel .center .owl-video-tn, .fansites .watchNow .owl-carousel .center .owl-video-play-icon, .fanchannels .watchNow .owl-carousel .center .owl-video-tn, .fanchannels .watchNow .owl-carousel .center .owl-video-play-icon, .fansite_registration .watchNow .owl-carousel .center .owl-video-tn, .fansite_registration .watchNow .owl-carousel .center .owl-video-play-icon, .partner_registration .watchNow .owl-carousel .center .owl-video-tn, .partner_registration .watchNow .owl-carousel .center .owl-video-play-icon { opacity: 1 !important; }
.fansites .partnerIndex, .fansites .fanSiteIndex, .fansites .discordIndex, .fanchannels .partnerIndex, .fanchannels .fanSiteIndex, .fanchannels .discordIndex, .fansite_registration .partnerIndex, .fansite_registration .fanSiteIndex, .fansite_registration .discordIndex, .partner_registration .partnerIndex, .partner_registration .fanSiteIndex, .partner_registration .discordIndex { display: none; }
.fansites .partnerIndex h1, .fansites .partnerIndex h2, .fansites .fanSiteIndex h1, .fansites .fanSiteIndex h2, .fansites .discordIndex h1, .fansites .discordIndex h2, .fanchannels .partnerIndex h1, .fanchannels .partnerIndex h2, .fanchannels .fanSiteIndex h1, .fanchannels .fanSiteIndex h2, .fanchannels .discordIndex h1, .fanchannels .discordIndex h2, .fansite_registration .partnerIndex h1, .fansite_registration .partnerIndex h2, .fansite_registration .fanSiteIndex h1, .fansite_registration .fanSiteIndex h2, .fansite_registration .discordIndex h1, .fansite_registration .discordIndex h2, .partner_registration .partnerIndex h1, .partner_registration .partnerIndex h2, .partner_registration .fanSiteIndex h1, .partner_registration .fanSiteIndex h2, .partner_registration .discordIndex h1, .partner_registration .discordIndex h2 { font-size: 28px; font-family: "Open Sans", Helvetica, sans-serif; text-align: center; }
.fansites .partnerIndex .partnerIndexHeader, .fansites .partnerIndex .fanSiteIndexHeader, .fansites .partnerIndex .discordIndexHeader, .fansites .fanSiteIndex .partnerIndexHeader, .fansites .fanSiteIndex .fanSiteIndexHeader, .fansites .fanSiteIndex .discordIndexHeader, .fansites .discordIndex .partnerIndexHeader, .fansites .discordIndex .fanSiteIndexHeader, .fansites .discordIndex .discordIndexHeader, .fanchannels .partnerIndex .partnerIndexHeader, .fanchannels .partnerIndex .fanSiteIndexHeader, .fanchannels .partnerIndex .discordIndexHeader, .fanchannels .fanSiteIndex .partnerIndexHeader, .fanchannels .fanSiteIndex .fanSiteIndexHeader, .fanchannels .fanSiteIndex .discordIndexHeader, .fanchannels .discordIndex .partnerIndexHeader, .fanchannels .discordIndex .fanSiteIndexHeader, .fanchannels .discordIndex .discordIndexHeader, .fansite_registration .partnerIndex .partnerIndexHeader, .fansite_registration .partnerIndex .fanSiteIndexHeader, .fansite_registration .partnerIndex .discordIndexHeader, .fansite_registration .fanSiteIndex .partnerIndexHeader, .fansite_registration .fanSiteIndex .fanSiteIndexHeader, .fansite_registration .fanSiteIndex .discordIndexHeader, .fansite_registration .discordIndex .partnerIndexHeader, .fansite_registration .discordIndex .fanSiteIndexHeader, .fansite_registration .discordIndex .discordIndexHeader, .partner_registration .partnerIndex .partnerIndexHeader, .partner_registration .partnerIndex .fanSiteIndexHeader, .partner_registration .partnerIndex .discordIndexHeader, .partner_registration .fanSiteIndex .partnerIndexHeader, .partner_registration .fanSiteIndex .fanSiteIndexHeader, .partner_registration .fanSiteIndex .discordIndexHeader, .partner_registration .discordIndex .partnerIndexHeader, .partner_registration .discordIndex .fanSiteIndexHeader, .partner_registration .discordIndex .discordIndexHeader { text-align: center; margin-bottom: 20px; }
.fansites .partnerIndex .partnerIndexHeader h1, .fansites .partnerIndex .fanSiteIndexHeader h1, .fansites .partnerIndex .discordIndexHeader h1, .fansites .fanSiteIndex .partnerIndexHeader h1, .fansites .fanSiteIndex .fanSiteIndexHeader h1, .fansites .fanSiteIndex .discordIndexHeader h1, .fansites .discordIndex .partnerIndexHeader h1, .fansites .discordIndex .fanSiteIndexHeader h1, .fansites .discordIndex .discordIndexHeader h1, .fanchannels .partnerIndex .partnerIndexHeader h1, .fanchannels .partnerIndex .fanSiteIndexHeader h1, .fanchannels .partnerIndex .discordIndexHeader h1, .fanchannels .fanSiteIndex .partnerIndexHeader h1, .fanchannels .fanSiteIndex .fanSiteIndexHeader h1, .fanchannels .fanSiteIndex .discordIndexHeader h1, .fanchannels .discordIndex .partnerIndexHeader h1, .fanchannels .discordIndex .fanSiteIndexHeader h1, .fanchannels .discordIndex .discordIndexHeader h1, .fansite_registration .partnerIndex .partnerIndexHeader h1, .fansite_registration .partnerIndex .fanSiteIndexHeader h1, .fansite_registration .partnerIndex .discordIndexHeader h1, .fansite_registration .fanSiteIndex .partnerIndexHeader h1, .fansite_registration .fanSiteIndex .fanSiteIndexHeader h1, .fansite_registration .fanSiteIndex .discordIndexHeader h1, .fansite_registration .discordIndex .partnerIndexHeader h1, .fansite_registration .discordIndex .fanSiteIndexHeader h1, .fansite_registration .discordIndex .discordIndexHeader h1, .partner_registration .partnerIndex .partnerIndexHeader h1, .partner_registration .partnerIndex .fanSiteIndexHeader h1, .partner_registration .partnerIndex .discordIndexHeader h1, .partner_registration .fanSiteIndex .partnerIndexHeader h1, .partner_registration .fanSiteIndex .fanSiteIndexHeader h1, .partner_registration .fanSiteIndex .discordIndexHeader h1, .partner_registration .discordIndex .partnerIndexHeader h1, .partner_registration .discordIndex .fanSiteIndexHeader h1, .partner_registration .discordIndex .discordIndexHeader h1 { margin-bottom: 20px; }
.fansites .partnerIndex .partnerIndexHeader hr, .fansites .partnerIndex .fanSiteIndexHeader hr, .fansites .partnerIndex .discordIndexHeader hr, .fansites .fanSiteIndex .partnerIndexHeader hr, .fansites .fanSiteIndex .fanSiteIndexHeader hr, .fansites .fanSiteIndex .discordIndexHeader hr, .fansites .discordIndex .partnerIndexHeader hr, .fansites .discordIndex .fanSiteIndexHeader hr, .fansites .discordIndex .discordIndexHeader hr, .fanchannels .partnerIndex .partnerIndexHeader hr, .fanchannels .partnerIndex .fanSiteIndexHeader hr, .fanchannels .partnerIndex .discordIndexHeader hr, .fanchannels .fanSiteIndex .partnerIndexHeader hr, .fanchannels .fanSiteIndex .fanSiteIndexHeader hr, .fanchannels .fanSiteIndex .discordIndexHeader hr, .fanchannels .discordIndex .partnerIndexHeader hr, .fanchannels .discordIndex .fanSiteIndexHeader hr, .fanchannels .discordIndex .discordIndexHeader hr, .fansite_registration .partnerIndex .partnerIndexHeader hr, .fansite_registration .partnerIndex .fanSiteIndexHeader hr, .fansite_registration .partnerIndex .discordIndexHeader hr, .fansite_registration .fanSiteIndex .partnerIndexHeader hr, .fansite_registration .fanSiteIndex .fanSiteIndexHeader hr, .fansite_registration .fanSiteIndex .discordIndexHeader hr, .fansite_registration .discordIndex .partnerIndexHeader hr, .fansite_registration .discordIndex .fanSiteIndexHeader hr, .fansite_registration .discordIndex .discordIndexHeader hr, .partner_registration .partnerIndex .partnerIndexHeader hr, .partner_registration .partnerIndex .fanSiteIndexHeader hr, .partner_registration .partnerIndex .discordIndexHeader hr, .partner_registration .fanSiteIndex .partnerIndexHeader hr, .partner_registration .fanSiteIndex .fanSiteIndexHeader hr, .partner_registration .fanSiteIndex .discordIndexHeader hr, .partner_registration .discordIndex .partnerIndexHeader hr, .partner_registration .discordIndex .fanSiteIndexHeader hr, .partner_registration .discordIndex .discordIndexHeader hr { margin-top: 20px; margin-bottom: 20px; border-color: #b9b9b9; }
@media (max-width: 1367px) { .fansites .item-video, .fanchannels .item-video, .fansite_registration .item-video, .partner_registration .item-video { height: 463px !important; } }
@media (max-width: 1281px) { .fansites .item-video, .fanchannels .item-video, .fansite_registration .item-video, .partner_registration .item-video { height: 433px !important; } }
@media (max-width: 1250px) { .fansites #mainContent, .fanchannels #mainContent, .fansite_registration #mainContent, .partner_registration #mainContent { margin-top: 94px !important; } }
@media (max-width: 1025px) { .fansites .item-video, .fanchannels .item-video, .fansite_registration .item-video, .partner_registration .item-video { height: 350px  !important; } }
@media (max-width: 875px) { .fansites #mainContent, .fanchannels #mainContent, .fansite_registration #mainContent, .partner_registration #mainContent { margin-top: 50px !important; } }
@media (max-width: 768px) { .fansites .item-video, .fanchannels .item-video, .fansite_registration .item-video, .partner_registration .item-video { height: 259px  !important; }
  .fansites .owl-dots, .fanchannels .owl-dots, .fansite_registration .owl-dots, .partner_registration .owl-dots { display: none  !important; } }
@media (max-width: 640px) { .fansites .item-video, .fanchannels .item-video, .fansite_registration .item-video, .partner_registration .item-video { height: 213px  !important; } }
@media (max-width: 639px) { .fansites .mobilePartnerNav, .fanchannels .mobilePartnerNav, .fansite_registration .mobilePartnerNav, .partner_registration .mobilePartnerNav { display: block !important; }
  .fansites .navContain, .fanchannels .navContain, .fansite_registration .navContain, .partner_registration .navContain { height: 200px !important; }
  .fansites .navBtn, .fanchannels .navBtn, .fansite_registration .navBtn, .partner_registration .navBtn { min-width: 300% !important; margin-left: -100% !important; max-height: 44px !important; }
  .fansites .navBtn p, .fanchannels .navBtn p, .fansite_registration .navBtn p, .partner_registration .navBtn p { margin-top: 6px !important; }
  .fansites .headerTextContain h1, .fanchannels .headerTextContain h1, .fansite_registration .headerTextContain h1, .partner_registration .headerTextContain h1 { font-size: 25px; } }
@media (max-width: 480px) { .fansites #mainContent, .fanchannels #mainContent, .fansite_registration #mainContent, .partner_registration #mainContent { margin-top: 26px !important; }
  .fansites .item-video, .fanchannels .item-video, .fansite_registration .item-video, .partner_registration .item-video { height: 161px !important; margin-top: 20px !important; }
  .fansites .navBtn, .fanchannels .navBtn, .fansite_registration .navBtn, .partner_registration .navBtn { min-width: 232% !important; margin-left: -66% !important; }
  .fansites .streamerName, .fanchannels .streamerName, .fansite_registration .streamerName, .partner_registration .streamerName { font-size: 10px; } }
@media (max-width: 479px) { .fansites .partnerLogo, .fanchannels .partnerLogo, .fansite_registration .partnerLogo, .partner_registration .partnerLogo { width: 100px !important; height: 105px !important; } }

.lang-de #partnerNav .navBtn, .lang-ru #partnerNav .navBtn, .lang-fr #partnerNav .navBtn, .lang-pt-br #partnerNav .navBtn, .lang-tr #partnerNav .navBtn, .lang-ko #partnerNav .navBtn { min-height: 55px !important; }
.lang-de #partnerNav .navIcon, .lang-ru #partnerNav .navIcon, .lang-fr #partnerNav .navIcon, .lang-pt-br #partnerNav .navIcon, .lang-tr #partnerNav .navIcon, .lang-ko #partnerNav .navIcon { margin-top: 5px !important; }
.lang-de #partnerNav .partnerIndexBtn p, .lang-ru #partnerNav .partnerIndexBtn p, .lang-fr #partnerNav .partnerIndexBtn p, .lang-pt-br #partnerNav .partnerIndexBtn p, .lang-tr #partnerNav .partnerIndexBtn p, .lang-ko #partnerNav .partnerIndexBtn p { margin-top: 10px !important; }

.lang-tr #fansitespage .watchNowBtn p { margin-top: 10px !important; }

.lang-fr .fanchannelSlide h1, .lang-pt-br .fanchannelSlide h1, .lang-tr .fanchannelSlide h1 { font-size: 30px !important; }

.lang-fr .fansitesSlide h1, .lang-es .fansitesSlide h1, .lang-pt-br .fansitesSlide h1, .lang-tr .fansitesSlide h1, .lang-pl .fansitesSlide h1 { font-size: 27px !important; }

.lang-de .fansitesSlide .button-wrap, .lang-ru .fansitesSlide .button-wrap, .lang-fr .fansitesSlide .button-wrap { font-size: 10px; }

.lang-de .fansiteNav .navBtn, .lang-ja .fansiteNav .navBtn, .lang-pt-br .fansiteNav .navBtn, .lang-it .fansiteNav .navBtn { font-size: 12px; }

.lang-ru .fansiteNav .navBtn, .lang-fr .fansiteNav .navBtn, .lang-es .fansiteNav .navBtn, .lang-tr .fansiteNav .navBtn, .lang-pl .fansiteNav .navBtn, .lang-zh-hans .fansiteNav .navBtn, .lang-zh-hant .fansiteNav .navBtn { min-height: 58px !important; font-size: 12px; line-height: 16px; }
.lang-ru .fansiteNav .navIcon, .lang-fr .fansiteNav .navIcon, .lang-es .fansiteNav .navIcon, .lang-tr .fansiteNav .navIcon, .lang-pl .fansiteNav .navIcon, .lang-zh-hans .fansiteNav .navIcon, .lang-zh-hant .fansiteNav .navIcon { margin-top: 5px !important; }
.lang-ru .fansiteNav .partnerIndexBtn p, .lang-fr .fansiteNav .partnerIndexBtn p, .lang-es .fansiteNav .partnerIndexBtn p, .lang-tr .fansiteNav .partnerIndexBtn p, .lang-pl .fansiteNav .partnerIndexBtn p, .lang-zh-hans .fansiteNav .partnerIndexBtn p, .lang-zh-hant .fansiteNav .partnerIndexBtn p { margin-top: 10px !important; }

.lang-ja .fanSiteIndexBtn p, .lang-tr .fanSiteIndexBtn p { margin-top: 4px !important; }

.lang-ru .discordIndexBtn p, .lang-fr .discordIndexBtn p, .lang-es .discordIndexBtn p, .lang-ja .discordIndexBtn p, .lang-tr .discordIndexBtn p, .lang-pl .discordIndexBtn p, .lang-zh-hans .discordIndexBtn p, .lang-zh-hant .discordIndexBtn p { margin-top: 4px !important; }

.lang-ru .applyNowBtn p, .lang-fr .applyNowBtn p, .lang-ja .applyNowBtn p, .lang-zh-hans .applyNowBtn p, .lang-zh-hant .applyNowBtn p { margin-top: 4px !important; }

.lang-ru .fanSiteIndexBtn p, .lang-fr .fanSiteIndexBtn p, .lang-es .fanSiteIndexBtn p, .lang-tr .fanSiteIndexBtn p, .lang-pl .fanSiteIndexBtn p, .lang-zh-hans .fanSiteIndexBtn p, .lang-zh-hant .fanSiteIndexBtn p { margin-top: 10px !important; }

.lang-es .applyNowBtn p, .lang-tr .applyNowBtn p, .lang-pl .applyNowBtn p, .lang-zh-hans .applyNowBtn p, .lang-zh-hant .applyNowBtn p { margin-top: 10px !important; }

@media (max-width: 639px) { .lang-de .headerText, .lang-ru .headerText, .lang-fr .headerText, .lang-es .headerText, .lang-pl .headerText { font-size: 12px !important; }
  .lang-ru .fanSiteIndexHeader, .lang-fr .fanSiteIndexHeader, .lang-es .fanSiteIndexHeader, .lang-tr .fanSiteIndexHeader, .lang-pl .fanSiteIndexHeader, .lang-zh-hans .fanSiteIndexHeader, .lang-zh-hant .fanSiteIndexHeader { margin-top: 45px !important; }
  .lang-ru .navBtn p, .lang-fr .navBtn p, .lang-es .navBtn p, .lang-tr .navBtn p, .lang-pl .navBtn p, .lang-zh-hans .navBtn p, .lang-zh-hant .navBtn p { margin-top: 10px !important; } }
#fansitespage { padding-bottom: 140px; padding-top: 20px; overflow: hidden; }
#fansitespage .container .fanGrid { text-align: center; max-width: 990px; margin: 0 auto 20px auto; }
#fansitespage .container .fanGrid .gridItem { width: 160px; display: inline-block; margin-right: 5px; cursor: pointer; vertical-align: top; padding-top: 5px; padding-bottom: 1px; float: left; height: 245px; text-align: center; }
#fansitespage .container .fanGrid .gridItem .titleContain { height: 40px !important; position: relative; }
#fansitespage .container .fanGrid .gridItem .titleContain p { position: absolute; bottom: 3px; text-align: center; width: 100%; }
#fansitespage .container .fanGrid .gridItem .fanIcon { height: 150px; width: 150px; margin: 0 auto; -webkit-box-shadow: 0 0 2px 0 #A9A9A9; box-shadow: 0 0 2px 0 #A9A9A9; margin-bottom: 3px; position: relative; background-size: 100%; }
#fansitespage .container .fanGrid .gridItem .fanIcon .twitchLive { position: absolute; color: white; background: #d30000; padding: 5px 20px; font-weight: bold; }
#fansitespage .container .fanGrid .gridItem .platformIcon { height: 25px; }
@media (max-width: 1260px) { #fansitespage .fanGrid { max-width: 825px !important; } }
@media (max-width: 1050px) { #fansitespage .fanGrid { max-width: 660px !important; } }
@media (max-width: 883px) { #fansitespage .fanGrid { max-width: 498px !important; } }
@media (max-width: 639px) { #fansitespage .fanGrid { max-width: 332px !important; } }
@media (max-width: 410px) { #fansitespage .fanGrid { max-width: 168px !important; } }
@media (max-width: 875px) { #fansitespage .container .fanGrid .gridItem { width: 166px; height: 185px; margin-bottom: 32px; overflow: visible; margin-left: 0; margin-right: 0; }
  #fansitespage .container .fansiteText h1 { font-size: 26px; }
  #fansitespage .container .boxArt { float: left; width: 40%; margin-left: -90px; }
  #fansitespage .container .gridItem { width: 166px; height: 185px; } }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { #fansitespage h1 { font-size: 25px; }
  #fansitespage .container .boxArt { display: none; }
  #fansitespage .fansiteText { width: 64% !important; float: none !important; margin-left: 0px !important; margin: 0 auto; }
  #fansitespage .fansiteText h1 { font-size: 20px !important; }
  #fansitespage .fansiteText p { width: 276px !important; }
  #fansitespage .fansiteText .button-wrap { font-size: 10px; } }

.partnerRegistration { margin: 0 auto; width: 80%; }
.partnerRegistration hr { margin-top: 20px; margin-bottom: 20px; border-color: #b9b9b9; }
.partnerRegistration .partnerCriteria, .partnerRegistration .partnerForm { float: left; width: 50%; }
.partnerRegistration .partnerCriteria, .partnerRegistration .partnerForm, .partnerRegistration .partnerBlurb { padding: 20px; }
.partnerRegistration .partnerCriteria h4, .partnerRegistration .partnerForm h4, .partnerRegistration .partnerBlurb h4 { font-size: 15px; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0px; }
.partnerRegistration .partnerCriteria p, .partnerRegistration .partnerCriteria li, .partnerRegistration .partnerForm p, .partnerRegistration .partnerForm li, .partnerRegistration .partnerBlurb p, .partnerRegistration .partnerBlurb li { line-height: 20px; }
.partnerRegistration .partnerCriteria p, .partnerRegistration .partnerForm p, .partnerRegistration .partnerBlurb p { margin-bottom: 15px; }
.partnerRegistration .partnerCriteria form fieldset .form-text, .partnerRegistration .partnerForm form fieldset .form-text, .partnerRegistration .partnerBlurb form fieldset .form-text { margin-top: 5px !important; }
.partnerRegistration .partnerCriteria .button-wrap, .partnerRegistration .partnerForm .button-wrap, .partnerRegistration .partnerBlurb .button-wrap { color: #FFFFFF !important; border: none; }
.partnerRegistration .partnerBlurb { width: 50%; margin: 0 auto; text-align: center; padding-top: 0px; }
.partnerRegistration .partnerBlurb h1, .partnerRegistration .partnerBlurb h2 { font-size: 28px; font-family: "Open Sans", Helvetica, sans-serif; }
.partnerRegistration .partnerBlurb h1 { margin-bottom: 20px; }
@media (max-width: 1750px) { .partnerRegistration .partnerBlurb { width: 80%; } }
@media (max-width: 768px) { .partnerRegistration .partnerCriteria, .partnerRegistration .partnerForm, .partnerRegistration .partnerBlurb { width: 100%; }
  .partnerRegistration .partnerCriteria { padding-top: 0px; } }

body.fankit h2 { font-size: 34px; margin-bottom: 25px; line-height: 34px; }

.fansite_registration_thanks .wrapper { background-image: url('../images/account/volt_BG.jpg?1554154001'); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-position-y: 64px; }
.fansite_registration_thanks .container .fanThanksContain { position: relative; top: 80px; }
.fansite_registration_thanks .container .fanThanksContain p { padding: 20px; max-width: 775px; line-height: 20px; text-align: center; float: right; background-color: rgba(255, 255, 255, 0.4); }
.fansite_registration_thanks .container .fanThanksContain p span { text-transform: uppercase; color: #d30000; font-weight: bold; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; font-size: 20px; }

#community h2 { color: #FFFFFF; }
#community #forums_slide { background-image: url('../images/community/CommunityPage_V3.jpg?1554154001'); background-repeat: no-repeat; background-size: cover; background-position: center -9px; text-align: center; overflow: hidden; background-color: #92abb2; height: 87%; position: relative; display: table; }
#community #resources_slide { background: url('../images/community/resources_slide.jpg?1554154001'); }
#community #resources_slide .gameBox { background: url('../images/mainSiteAssets/fansitesPage/gameBox.png?1554154005') center center no-repeat; width: 656px; height: 576px; margin-left: -210px; margin-right: 40px; background-size: contain; }
#community #resources_slide h2, #community #resources_slide p { color: black; }
#community #resources_slide button { display: inline-block; margin-left: 3px !important; }
#community #resources_slide button.black { background: black; }
#community #referral_slide { background: url('../images/community/referral_slide.png?1554154001') center center no-repeat; }
#community #referral_slide h2, #community #referral_slide p { color: white; text-align: left !important; }
#community #referral_slide h2 { margin-top: 0px !important; margin-bottom: 20px !important; }
#community #support_slide { background: url('../images/community/support_slide.jpg?1554154001') center center no-repeat; max-height: 264px !important; filter: brightness(140%); }
#community #support_slide .container { padding-top: 70px !important; }
#community #support_slide h2, #community #support_slide p { color: black; text-align: center !important; }
#community #support_slide h2 { margin-top: 0px !important; margin-bottom: 20px !important; }
#community #support_slide button { float: none !important; }
#community #social_slide .contentHeaderContain h2 { color: #d30000; }
#community .whitebacker { padding: 20px; background-color: rgba(255, 255, 255, 0.7); color: white; }
#community #forums_slide, #community #referral_slide { background-attachment: fixed; }
#community #forums_slide, #community #resources_slide, #community #referral_slide, #community #support_slide { background-size: cover; height: 100%; max-height: 826px; padding-bottom: 15%; }
#community #forums_slide .container, #community #resources_slide .container, #community #referral_slide .container, #community #support_slide .container { color: #fff; position: relative; text-align: center; padding-top: 10%; }
#community #forums_slide .container h2, #community #resources_slide .container h2, #community #referral_slide .container h2, #community #support_slide .container h2 { margin: 0 auto; margin-top: 50px; margin-bottom: 40px; font-size: 40px; text-align: left; text-transform: uppercase; }
#community #forums_slide .container h3, #community #resources_slide .container h3, #community #referral_slide .container h3, #community #support_slide .container h3 { font-family: 'Open Sans', sans-serif !important; text-transform: uppercase; letter-spacing: 0.2em; font-size: 27px; margin-bottom: 34px; }
#community #forums_slide .container p, #community #resources_slide .container p, #community #referral_slide .container p, #community #support_slide .container p { font-size: 16px; line-height: 27px; font-weight: 300; margin-bottom: 18px; letter-spacing: 0.04em; text-align: left; }
#community #forums_slide .container button, #community #resources_slide .container button, #community #referral_slide .container button, #community #support_slide .container button { float: left; margin-left: 25px; }
#community #forums_slide .topContain, #community #resources_slide .topContain, #community #referral_slide .topContain, #community #support_slide .topContain { padding-top: 12%; }
#community .rightText { float: right; margin-top: 5%; }
#community #social_slide .stream li { margin: 6px; width: calc(24.95% - 12px) !important; box-shadow: none; }
#community a.anchor { display: block; position: relative; top: -93px; visibility: hidden; }
@media (max-width: 1200px) { #community .stream li .icon { height: 20px !important; bottom: 3px !important; }
  #community .stream li.dcsns-youtube .section-intro, #community .filter .f-youtube a:hover, #community .filter .f-youtube a.iso-active, #community .stream li.dcsns-facebook .section-intro, #community .filter .f-facebook a:hover, #community .filter .f-facebook a.iso-active { padding-left: 30px; padding-right: 5px; }
  #community .stream li.dcsns-youtube .section-intro a, #community .filter .f-youtube a:hover a, #community .filter .f-youtube a.iso-active a, #community .stream li.dcsns-facebook .section-intro a, #community .filter .f-facebook a:hover a, #community .filter .f-facebook a.iso-active a { margin-left: 0px; } }
@media (max-width: 875px) { #community #forums_slide, #community #resources_slide, #community #referral_slide, #community #support_slide { background-position-y: 0 !important; }
  #community #forums_slide { background-position: center 0; }
  #community #forums_slide .keyartCopy h1 { font-size: 32px; }
  #community #resources_slide .container p, #community #resources_slide .container h2, #community #referral_slide .container p, #community #referral_slide .container h2 { text-align: center; }
  #community #resources_slide .container h2, #community #referral_slide .container h2 { font-size: 32px; }
  #community #resources_slide .gameBox { display: none; }
  #community #resources_slide a button.black { margin: 0 auto !important; position: relative; width: 300px; }
  #community #resources_slide .container { position: relative; background: rgba(255, 255, 255, 0.7) !important; width: 100%; height: 100%; padding-top: 1%; }
  #community #resources_slide .container .columns { float: none; width: 90%; margin: auto; }
  #community #resources_slide .container button { margin-left: -15px; }
  #community #referral_slide { background-position-y: 200px !important; }
  #community #referral_slide > .container { position: relative; }
  #community #support_slide .container { background: rgba(255, 255, 255, 0.7) !important; }
  #community #support_slide h2 { font-size: 30px !important; }
  #community #support_slide p { font-size: 13px !important; }
  #community .rightText { float: none; }
  #community #mainContent { margin-top: 0; }
  #community .containWrap { margin-bottom: 0; } }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { #community #forums_slide { position: relative; padding-top: 0; display: block; }
  #community #referral_slide > .container { position: relative; padding-top: 40px; padding-bottom: 30px; }
  #community #support_slide .container { padding-top: 50px !important; }
  #community #social_slide { display: none; }
  #community #resources_slide .gameBox { display: none; }
  #community #forums_slide, #community #resources_slide, #community #referral_slide, #community #support_slide { background-attachment: inherit; background-position-y: 0 !important; }
  #community #forums_slide .container, #community #resources_slide .container, #community #referral_slide .container, #community #support_slide .container { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; padding: 15px; padding-top: 16%; }
  #community #forums_slide .container p, #community #forums_slide .container h2, #community #resources_slide .container p, #community #resources_slide .container h2, #community #referral_slide .container p, #community #referral_slide .container h2, #community #support_slide .container p, #community #support_slide .container h2 { text-align: center !important; }
  #community #forums_slide .container h2, #community #resources_slide .container h2, #community #referral_slide .container h2, #community #support_slide .container h2 { font-size: 25px; }
  #community #forums_slide .container button, #community #resources_slide .container button, #community #referral_slide .container button, #community #support_slide .container button { float: none; } }

body.referral { background-attachment: fixed; }

.emailText p { padding: 15px 0; }
.emailText strong { font-weight: bold; }
.emailText .copypasta { font-weight: bold; }

#referralpage #popUp, #referralpage #emailPop { display: none; }
#referralpage #popUp .popTop, #referralpage #emailPop .popTop { background-color: #d30000; }
#referralpage #popUp .popTop h3, #referralpage #emailPop .popTop h3 { padding: 10px; color: #FFFFFF; }
#referralpage .referralHeader { width: 100%; background-image: url('../images/mainSiteAssets/referralPage/referralHeader.jpg?1554154006'); background-repeat: no-repeat; background-size: cover; background-position: center; height: 584px; position: relative; }
#referralpage .referralHeader .referralText { color: #FFFFFF; margin-top: 80px; }
#referralpage .referralHeader h1 { color: #FFFFFF; font-size: 40px; margin-bottom: 5px; letter-spacing: 0.04em; }
#referralpage .referralHeader h2 { color: #FFFFFF; font-size: 20px; margin-bottom: 10px; letter-spacing: 0.04em; }
#referralpage .referralHeader p { font-size: 14px; line-height: 20px; letter-spacing: 0.04em; }
#referralpage #redSteps { height: 106px; width: 1158px; background-image: url('../images/mainSiteAssets/referralPage/referralSteps.png?1554154006'); background-repeat: no-repeat; position: relative; margin: 0 auto; margin-top: -35px; left: -10px; }
#referralpage #redSteps #referButtons { position: absolute; margin-left: 100px; height: 54px; width: 300px; top: 65px; }
#referralpage #redSteps #referButtons .referBtn { float: left; margin-top: -53px; height: 54px; }
#referralpage #redSteps #referButtons #twitter { background-image: url('../images/mainSiteAssets/referralPage/twitterIconWhite.png?1554154006'); background-repeat: no-repeat; width: 83px; }
#referralpage #redSteps #referButtons #facebook { background-image: url('../images/mainSiteAssets/referralPage/facebookIconWhite.png?1554154006'); background-repeat: no-repeat; width: 77px; }
#referralpage #redSteps #referButtons #email { background-image: url('../images/mainSiteAssets/referralPage/emailIconWhite.png?1554154006'); background-repeat: no-repeat; width: 81px; }
#referralpage #redSteps #referButtons #email-off { background-image: url('../images/mainSiteAssets/referralPage/emailIconWhite.png?1554154006'); background-repeat: no-repeat; width: 81px; }
#referralpage #redSteps .step { float: left; width: 320px; margin-top: -15px; margin-left: 60px; }
#referralpage #redSteps .step p { font-size: 12px; color: #FFFFFF; }
#referralpage #redSteps .step h1 { color: #FFFFFF; letter-spacing: 0.04em; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; }
#referralpage #redSteps .step h1 span { font-weight: normal; }
#referralpage #redSteps #stepOne { margin-top: 10px; }
#referralpage #redSteps #stepOne h1 { font-size: 26px; margin-left: -8px; line-height: 24px; width: 120px; }
#referralpage #redSteps #stepOne p { margin-top: 20px; margin-left: 10px; }
#referralpage #redSteps #stepTwo { margin-top: 50px; }
#referralpage #redSteps #stepTwo h1 { float: left; font-size: 20px; margin-left: 20px; }
#referralpage #redSteps #stepTwo p { float: left; margin-left: 27px; line-height: 15px; margin-top: 5px; }
#referralpage #redSteps #stepThree { margin-top: 50px; }
#referralpage #redSteps #stepThree h1 { float: left; font-size: 20px; margin-left: 5px; }
#referralpage #redSteps #stepThree p { float: left; margin-left: 27px; line-height: 15px; margin-top: 5px; }
#referralpage .midSection { margin-top: 20px; }
#referralpage .midSection .midHeader { font-size: 30px; margin-bottom: 20px; letter-spacing: 0.04em; }
#referralpage .midSection .barHeader { text-transform: uppercase; color: #000000; font-weight: bold; }
#referralpage .midSection .referProgressBar { width: 100%; height: 45px; margin-top: 5px; margin-bottom: 25px; padding-right: 20px; background-color: #000000; border: 1px solid #A9A9A9; }
#referralpage .midSection .referProgressBar .barFill { background-color: #d30000; width: 0%; height: 43px; }
#referralpage .midSection .referProgressBar .marker { text-align: center; color: #FFFFFF; font-size: 20px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; float: left; margin-top: -14px; margin-left: 31.7%; position: relative; width: 0; height: 20px; background-color: #ooccoo; }
#referralpage .midSection .referProgressBar .marker .markerNum { position: absolute; margin-left: -11px; top: -19px; }
#referralpage .midSection .referProgressBar .marker .marker5 { margin-left: -7px; }
#referralpage .midSection .referProgressBar .marker .notch { width: 5px; height: 11px; background-color: #FFFFFF; margin: 0 auto; margin-top: 5px; }
#referralpage .midSection .tiers { float: left; width: 77%; margin-bottom: 30px; }
#referralpage .midSection .tiers .rewardTier { width: 31%; float: left; margin-left: 3.5%; }
#referralpage .midSection .tiers .rewardTier .rewardHeader { min-height: 62px; display: flex; justify-content: center; flex-direction: column; }
#referralpage .midSection .tiers .rewardTier h2 { font-size: 16px; color: #FFFFFF; padding: 15px; text-align: center; letter-spacing: 0.04em; }
#referralpage .midSection .tiers .rewardTier .rewardImg { position: relative; height: 124px; margin-top: 15px; }
#referralpage .midSection .tiers .rewardTier .rewardImg img { position: absolute; }
#referralpage .midSection .tiers .rewardTier .rewardImg .slotImg { position: absolute; left: -44%; margin-top: -8%; width: 114%; height: 121%; margin-bottom: -5%; background-size: contain; background-repeat: no-repeat; background-image: url('../images/mainSiteAssets/referralPage/emptySlot.png?1554154006'); }
#referralpage .midSection .tiers .rewardTier .rewardImg .weaponImg { left: 25%; top: 20%; width: 73%; height: 75%; position: absolute; background-size: contain; background-repeat: no-repeat; z-index: 3; background-image: url('../images/mainSiteAssets/referralPage/weapons.png?1554154006'); }
#referralpage .midSection .tiers .rewardTier .rewardImg .frameImg { right: 10%; width: 173px; height: 80px; bottom: 0; position: absolute; background-size: contain; background-repeat: no-repeat; z-index: 3; background-image: url('../images/mainSiteAssets/referralPage/characters.png?1554154006'); }
#referralpage .midSection .tiers .rewardTier .tierText { padding-top: 20px; min-height: 53px; }
#referralpage .midSection .tiers .rewardTier .tierText p { text-align: center; margin-bottom: 15px; padding-left: 10px; padding-right: 10px; }
#referralpage .midSection .tiers .firstTier { margin-left: 0px; background-color: #72481b; }
#referralpage .midSection .tiers .firstTier .rewardHeader { background-color: #42230a; }
#referralpage .midSection .tiers .firstTier .tierText { border-top: 1px solid #bf8151; color: #bf8151; }
#referralpage .midSection .tiers .secondTier { background-color: #6a5624; }
#referralpage .midSection .tiers .secondTier .rewardHeader { background-color: #3f2d02; }
#referralpage .midSection .tiers .secondTier .tierText { border-top: 1px solid #c5aa6b; color: #c5aa6b; }
#referralpage .midSection .tiers .thirdTier { background-color: #567181; }
#referralpage .midSection .tiers .thirdTier .rewardHeader { background-color: #051f31; }
#referralpage .midSection .tiers .thirdTier .rewardImg .cardImg { height: 102px; width: 25%; margin-top: 5%; margin-left: 6.5%; float: left; position: relative; background-size: contain; background-repeat: no-repeat; top: -10px; }
#referralpage .midSection .tiers .thirdTier .rewardImg .firestormCardImg { background-image: url('../images/mainSiteAssets/referralPage/Firestorm.png?1554154006'); }
#referralpage .midSection .tiers .thirdTier .rewardImg .selfDestructCardImg { background-image: url('../images/mainSiteAssets/referralPage/SelfDestruct.png?1554154006'); }
#referralpage .midSection .tiers .thirdTier .rewardImg .undyingCardImg { background-image: url('../images/mainSiteAssets/referralPage/UndyingWill.png?1554154006'); }
#referralpage .midSection .tiers .thirdTier .rewardImg .numBox { padding: 5px; color: #FFFFFF; background-color: #172d3b; float: left; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
#referralpage .midSection .tiers .thirdTier .tierText { border-top: 1px solid #cfe5f3; color: #cfe5f3; }
#referralpage .midSection .tiers .thirdTier .tier3Text { width: 80%; margin: 0 auto; color: #cfe5f3; text-align: center; margin-bottom: 20px; }
#referralpage .midSection .tiers .thirdTier .smallCardContain { width: 50%; margin: 0 auto; margin-bottom: 2%; }
#referralpage .midSection .tiers .thirdTier .undyingWillCardImg { width: 50%; height: 10%; float: left; background-repeat: no-repeat; background-size: contain; background-image: url('../images/mainSiteAssets/referralPage/smallCardUndying.png?1554154006'); }
#referralpage .midSection .tiers .thirdTier .selfDestructCardImg { width: 50%; height: 10%; float: left; background-repeat: no-repeat; background-size: contain; background-image: url('../images/mainSiteAssets/referralPage/smallCardDestruct.png?1554154006'); }
#referralpage .midSection .statBarContain { position: relative; margin: -0.4%; }
#referralpage .midSection .statBarContain .statBar { width: 19.5%; float: left; margin-left: 0.4%; background-color: #000000; margin-bottom: 20px; padding: 10px; color: #dadada; }
#referralpage .midSection .statBarContain .statBar .statbox { width: 13px; height: 13px; border: 1px solid #A9A9A9; float: left; margin-right: 10px; }
#referralpage .midSection .statBarContain .statBar .boxFill { background-color: #5B98BD; height: 9px; width: 9px; margin-top: 1px; margin-left: 1px; }
#referralpage .midSection .statBarContain .statBar p { float: left; }
#referralpage .midSection .bonuses { width: 215px; float: right; margin-right: 20px; text-align: center; text-shadow: none; }
#referralpage .midSection .bonuses h1 { position: absolute; margin: 0px; top: 20px; padding: 0px; text-shadow: none; width: 100%; font-size: 23px; }
#referralpage .midSection .bonuses #friendBonus { position: relative; width: 213px; height: 240px; margin-top: 20px; margin-bottom: 25px; border: 1px solid #A9A9A9; float: left; }
#referralpage .midSection .bonuses #friendBonus h1 { text-align: center; color: #000000; }
#referralpage .midSection .bonuses #friendBonus p { text-transform: none; font-size: 14px; font-weight: normal; margin: 0 auto; padding: 0px; width: 80%; color: #000000; text-align: center; margin-top: 45px; }
#referralpage .midSection .bonuses #friendBonus #friendImg { position: relative; background-image: url('../images/mainSiteAssets/referralPage/friendBonus.png?1554154006'); height: 141px; width: 230px; top: 65px; left: -10px; }
#referralpage .midSection .bonuses #platBonus { position: relative; height: 230px; width: 213px; line-height: 14px; border: 1px solid #A9A9A9; float: left; }
#referralpage .midSection .bonuses #platBonus h1 { color: #000000; }
#referralpage .midSection .bonuses #platBonus #platImg { position: relative; background-image: url('../images/mainSiteAssets/referralPage/platbonus.png?1554154006'); height: 135px; width: 208px; top: 60px; left: 5px; }
#referralpage .midSection .bonuses #platBonus #platText { margin-left: -20px; }
#referralpage .midSection .bonuses #platBonus #bigBonus { font-size: 35px; line-height: 32px; }
#referralpage .midSection .bonuses #platBonus p { margin-top: 40px; text-align: center; font-size: 11px; color: #000000; }
#referralpage .midSection .bonuses #platBonus #exclamation { font-size: 65px; }
#referralpage #expand { margin-bottom: 25px; }
#referralpage #expand h1 { font-size: 16px; font-weight: bold; font-family: "Open Sans", sans-serif; color: #686868; margin-bottom: 10px; letter-spacing: 0.04em; }
#referralpage #expand h3 { font-size: 14px; font-weight: bold; font-family: "Open Sans", sans-serif; color: #686868; margin-top: 15px; margin-bottom: 5px; text-transform: capitalize; letter-spacing: 0.03em; }
#referralpage #expand p, #referralpage #expand ul { line-height: 20px; }
#referralpage #expand #expandLeft { width: 50%; float: left; }
#referralpage #expand #expandRight { width: 40%; float: right; }
@media (max-width: 1400px) { #referralpage .tiers { width: 100% !important; }
  #referralpage .bonuses { width: 100% !important; margin-bottom: 20px; }
  #referralpage #friendBonus { margin-top: 0px !important; margin-right: 30px; }
  #referralpage #platBonus { height: 240px !important; }
  #referralpage .rewardHeader { height: 62px; }
  #referralpage .tierText { height: 63px; }
  #referralpage .tierText p { font-size: 12px; }
  #referralpage .statBar p { font-size: 12px; }
  #referralpage .bonuses { float: none !important; } }
@media (max-width: 1250px) { #referralpage #redSteps { background: none !important; width: 100%; height: auto; left: 0; }
  #referralpage #redSteps .step { display: block; width: 100%; margin: 0; padding: 10px 0; }
  #referralpage #redSteps #referButtons { position: static; width: auto; margin-left: auto; }
  #referralpage #redSteps #referButtons .referBtn { margin-top: 0; }
  #referralpage #redSteps #stepOne { margin-top: 0; background-color: #d30000; }
  #referralpage #redSteps #stepOne h1 { font-size: 20px; float: left; margin-top: 0; margin-left: 20px; }
  #referralpage #redSteps #stepOne p { float: left; margin-left: 27px; line-height: 15px; margin-top: 5px; }
  #referralpage #redSteps #stepTwo { margin-top: 0; background-color: #a00000; }
  #referralpage #redSteps #stepThree { margin-top: 0; background-color: #6d0000; }
  #referralpage #redSteps #stepThree h1 { margin-left: 20px; }
  #referralpage .midSection .statBarContain .statBar { width: 100%; } }
@media (max-width: 803px) { #referralpage .referralHeader h1 { font-size: 30px; }
  #referralpage .statbar { height: 33px !important; }
  #referralpage .statBar p { font-size: 10px !important; }
  #referralpage .rewardTier h2 { font-size: 14px !important; }
  #referralpage .midSection .tiers .rewardTier .rewardHeader { height: 52px; }
  #referralpage .midSection .tiers .rewardTier .rewardHeader h2 { font-size: 12px !important; padding: 5px; }
  #referralpage .midSection .tiers .rewardTier .rewardImg { height: 75px; }
  #referralpage .midSection .tiers .rewardTier .rewardImg .frameImg { width: 75%; background-position: bottom; }
  #referralpage .midSection .tiers .rewardTier .rewardImg .cardImg { height: 75px; }
  #referralpage .midSection .tiers .rewardTier .tierText { padding-top: 5px; height: 75px; } }

body.referral.lang-ko #redSteps p, body.referral.lang-zh-hans #redSteps p, body.referral.lang-zh-hant #redSteps p { font-size: 11px !important; }
body.referral.lang-ko #stepOne h1, body.referral.lang-zh-hans #stepOne h1, body.referral.lang-zh-hant #stepOne h1 { margin-top: 17px; }
body.referral.lang-de #redSteps p, body.referral.lang-fr #redSteps p, body.referral.lang-tr #redSteps p, body.referral.lang-pl #redSteps p { font-size: 10px !important; }
body.referral.lang-de #stepOne h1, body.referral.lang-fr #stepOne h1, body.referral.lang-tr #stepOne h1, body.referral.lang-pl #stepOne h1 { font-size: 20px !important; }
body.referral.lang-de .statBar p, body.referral.lang-fr .statBar p, body.referral.lang-tr .statBar p, body.referral.lang-pl .statBar p { font-size: 10px; }
body.referral.lang-de .tierText p, body.referral.lang-fr .tierText p, body.referral.lang-tr .tierText p, body.referral.lang-pl .tierText p { min-height: 42px; display: flex; justify-content: center; flex-direction: column; }
body.referral.lang-fr #stepOne h1, body.referral.lang-fr #stepTwo h1, body.referral.lang-fr #stepThree h1, body.referral.lang-es #stepOne h1, body.referral.lang-es #stepTwo h1, body.referral.lang-es #stepThree h1, body.referral.lang-pt-br #stepOne h1, body.referral.lang-pt-br #stepTwo h1, body.referral.lang-pt-br #stepThree h1, body.referral.lang-pl #stepOne h1, body.referral.lang-pl #stepTwo h1, body.referral.lang-pl #stepThree h1, body.referral.lang-it #stepOne h1, body.referral.lang-it #stepTwo h1, body.referral.lang-it #stepThree h1 { font-size: 16px !important; margin-top: -5px; }
body.referral.lang-fr #stepOne p, body.referral.lang-fr #stepTwo p, body.referral.lang-fr #stepThree p, body.referral.lang-es #stepOne p, body.referral.lang-es #stepTwo p, body.referral.lang-es #stepThree p, body.referral.lang-pt-br #stepOne p, body.referral.lang-pt-br #stepTwo p, body.referral.lang-pt-br #stepThree p, body.referral.lang-pl #stepOne p, body.referral.lang-pl #stepTwo p, body.referral.lang-pl #stepThree p, body.referral.lang-it #stepOne p, body.referral.lang-it #stepTwo p, body.referral.lang-it #stepThree p { line-height: 11px; margin-top: 12px; }
body.referral.lang-de #friendBonus p, body.referral.lang-ru #friendBonus p, body.referral.lang-fr #friendBonus p, body.referral.lang-es #friendBonus p, body.referral.lang-pt-br #friendBonus p, body.referral.lang-pl #friendBonus p, body.referral.lang-it #friendBonus p { font-size: 11px !important; }
body.referral.lang-de #platBonus p, body.referral.lang-fr #platBonus p, body.referral.lang-ru #platBonus p, body.referral.lang-es #platBonus p, body.referral.lang-ja #platBonus p, body.referral.lang-pt-br #platBonus p, body.referral.lang-tr #platBonus p, body.referral.lang-it #platBonus p, body.referral.lang-zh-hans #platBonus p, body.referral.lang-zh-hant #platBonus p { font-size: 10px !important; margin-top: 30px !important; max-width: 190px; margin: 0 auto; line-height: 10px; padding-left: 5px; padding-right: 5px; }
body.referral.lang-de .statbar p, body.referral.lang-ru .statbar p, body.referral.lang-fr .statbar p, body.referral.lang-es .statbar p, body.referral.lang-ja .statbar p, body.referral.lang-pt-br .statbar p, body.referral.lang-tr .statbar p, body.referral.lang-pl .statbar p, body.referral.lang-it .statbar p { font-size: 10px; width: 107px; height: 20px; }
body.referral.lang-fr #friendBonus h1, body.referral.lang-pt-br #friendBonus h1, body.referral.lang-tr #friendBonus h1, body.referral.lang-pl #friendBonus h1, body.referral.lang-ko #friendBonus h1, body.referral.lang-it #friendBonus h1 { font-size: 17px; }
body.referral.lang-fr .rewardHeader { min-height: 80px !important; }

body.new_download #bgvid, body.new_download #vidFallback { position: fixed; min-height: 100%; width: 100%; right: 0; margin: 0 auto; z-index: 1; top: 50px; object-fit: cover; }
body.new_download #mainText { position: relative; z-index: 10; }
body.new_download #mainText { margin-top: 15%; margin-bottom: 5%; }
@media (min-width: 1980px) { body.new_download #mainText { margin-top: 20%; } }
body.new_download #mainText .text-content { background-color: rgba(0, 0, 0, 0.7); text-align: center; color: #fff; padding-bottom: 20px; }
body.new_download #mainText .text-content .title { background-color: #000; font-size: 36px; padding: 30px; text-shadow: 0px 0px 40px #fff; font-family: michroma,sans-serif; text-transform: uppercase; }
body.new_download #mainText .text-content .contactImg { margin: 25px 0; }
body.new_download #mainText .text-content .contentHeaderContain { width: 75%; }
body.new_download #mainText .text-content .contentHeaderContain .contentHeaderLines { border-top: 1px solid #fff; border-bottom: 1px solid #fff; height: 6px; }
body.new_download #mainText .text-content .contentHeaderContain .contentHeaderText { font-size: 21px; top: -10px; position: relative; }
body.new_download #mainText .text-content p { width: 65%; margin: 0 auto; font-size: 20px; margin-bottom: 25px; line-height: 25px; }
body.new_download .bigDLWrapper { background: #d30000; border: none !important; color: #fff !important; font-size: 14px; font-weight: lighter; display: inline-block; padding: 0 35px; height: 38px; line-height: 38px; text-transform: uppercase; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; -moz-transform: skewX(-25deg); -ms-transform: skewX(-25deg); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); padding: 10px 45px; height: 58px; font-size: 26px; margin: 20px 0; }
body.new_download .bigDLWrapper .bigDLBtn { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
@media (max-width: 875px) { body.new_download .bigDLWrapper { font-size: 16px; } }
body.new_download .bigDLWrapper a { color: #fff; }
body.new_download #standaloneFiles li { font-size: 14px; margin-bottom: 4px; }
body.new_download .contentHeaderText { color: #fff !important; top: -15px !important; }
body.new_download .sysReqs li { margin-bottom: 12px; font-size: 16px; }
body.new_download a.steamButton { display: inline-block; margin-top: 15px; }
body.new_download a.steamButton img { width: 35%; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.new_download a.steamButton img { width: 65%; } }

body.download #mainDownload .contentHeaderContain .contentHeaderLines { border-bottom: 1px solid #666666; border-top: 1px solid #666666; width: 30%; }
body.download #mainDownload .contentHeaderContain p { color: #666; font-weight: bold; }
body.download #mainDownload a { text-align: center; display: block; }
body.download #mainDownload .sysReqs h6 { color: #d30000; font-weight: bold; }
body.download #mainDownload .sysReqs strong { font-weight: bold; margin-top: 15px; display: block; }
body.download #mainDownload .standaloneAvail { text-align: center; }
body.download #mainDownload .standaloneAvail a { display: inline; }
body.download #mainDownload #standaloneFiles { display: none; }
body.download #mainDownload #standaloneFiles li { font-size: 13px; }
body.download #mainDownload #standaloneFiles a { text-align: left; display: inline; }

.cms-page .wrapper, .basic_page_template .wrapper { background-image: url('../images/account/volt_BG.jpg?1554154001'); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-position-y: 64px; }
@media (max-width: 875px) { .cms-page .wrapper, .basic_page_template .wrapper { background-position-y: 129px; } }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { .cms-page .wrapper, .basic_page_template .wrapper { background-image: none; } }
@media (min-width: 1980px) { .cms-page .wrapper, .basic_page_template .wrapper { background-size: 100%; } }
.cms-page #basicTextContain, .basic_page_template #basicTextContain { background-color: rgba(255, 255, 255, 0.4); line-height: 18px; padding: 20px; margin: 20px 0 80px 0; }
.cms-page #textPage h1, .basic_page_template #textPage h1 { line-height: 40px; margin-bottom: 12px; }
.cms-page #textPage h3, .basic_page_template #textPage h3 { line-height: 26px; margin-bottom: 12px; }
.cms-page #textPage p, .basic_page_template #textPage p { margin-bottom: 15px; }
.cms-page #textPage strong, .basic_page_template #textPage strong { margin-bottom: 15px; font-weight: bold; text-transform: uppercase; }
.cms-page #textPage input[type="submit"], .basic_page_template #textPage input[type="submit"] { color: white; border: none; }
@media (min-width: 875px) and (max-width: 1250px) { .cms-page #mainContent, .basic_page_template #mainContent { margin-top: 90px !important; } }
@media (max-width: 875px) { .cms-page #mainContent, .basic_page_template #mainContent { margin-top: 60px !important; } }

body.promocode #mainPromocodeForm .contentHeaderContain h2 { margin-top: -13px; font-size: 37px; line-height: 30px; }
body.promocode #mainPromocodeForm .contentHeaderContain .contentHeaderLines { width: 15%; }
body.promocode #mainPromocodeForm form { margin-top: 20px; }
body.promocode #mainPromocodeForm input[type="text"] { width: 100%; }
body.promocode #mainPromocodeForm input[type="submit"] { background-color: #d30000; color: white; border-radius: 0px; font-family: 'Open Sans',sans serif; font-size: 15px; border: none; }
body.promocode #mainPromocodeForm hr { margin-top: 80px; }
body.promocode #mainPromocodeForm .redeemFaq h3, body.promocode #mainPromocodeForm .redeemFaq p, body.promocode #mainPromocodeForm .redeemFaq h6 { margin-bottom: 15px; }
body.promocode #mainPromocodeForm .redeemFaq h6 { color: #d30000; font-weight: bold; }
@media (max-width: 875px) { body.promocode #mainPromocodeForm h2 { margin-top: -32px !important; line-height: 32px !important; }
  body.promocode #mainPromocodeForm .contentHeaderLines { display: none; } }

.pa-generic-btns-sprite, .pa-generic-btns-accLogo, .pa-generic-btns-accPriceEnd, .pa-generic-btns-affBooster, .pa-generic-btns-badge, .pa-generic-btns-boosters, .pa-generic-btns-buyNowBtn, .pa-generic-btns-buyNowRightAngle, .pa-generic-btns-credBooster, .pa-generic-btns-cutout, .pa-generic-btns-mainBG, .pa-generic-btns-modBooster, .pa-generic-btns-paPackTitle, .pa-generic-btns-paPackTitleEx, .pa-generic-btns-paTitle, .pa-generic-btns-package0TitleBack, .pa-generic-btns-package1TitleBack, .pa-generic-btns-package2TitleBack, .pa-generic-btns-plat1050, .pa-generic-btns-plat1365, .pa-generic-btns-plat1575, .pa-generic-btns-plat2625, .pa-generic-btns-plat2940, .pa-generic-btns-plat3990, .pa-generic-btns-plus, .pa-generic-btns-primePackTitle { background-image: url('../images/prime-access/pa-generic-btns-s666aedb618.png'); background-repeat: no-repeat; }

.pa-generic-btns-accLogo { background-position: 0 0; height: 92px; width: 136px; }

.pa-generic-btns-accPriceEnd { background-position: 0 -92px; height: 55px; width: 48px; }

.pa-generic-btns-affBooster { background-position: 0 -147px; height: 70px; width: 99px; }

.pa-generic-btns-badge { background-position: 0 -217px; height: 69px; width: 413px; }

.pa-generic-btns-boosters { background-position: 0 -286px; height: 68px; width: 142px; }

.pa-generic-btns-buyNowBtn { background-position: 0 -354px; height: 107px; width: 266px; }

.pa-generic-btns-buyNowRightAngle { background-position: 0 -461px; height: 57px; width: 51px; }

.pa-generic-btns-credBooster { background-position: 0 -518px; height: 71px; width: 96px; }

.pa-generic-btns-cutout { background-position: 0 -589px; height: 117px; width: 263px; }

.pa-generic-btns-mainBG { background-position: 0 -706px; height: 116px; width: 299px; }

.pa-generic-btns-modBooster { background-position: 0 -822px; height: 78px; width: 96px; }

.pa-generic-btns-paPackTitle { background-position: 0 -900px; height: 113px; width: 221px; }

.pa-generic-btns-paPackTitleEx { background-position: 0 -1013px; height: 39px; width: 230px; }

.pa-generic-btns-paTitle { background-position: 0 -1052px; height: 139px; width: 246px; }

.pa-generic-btns-package0TitleBack { background-position: 0 -1191px; height: 63px; width: 50px; }

.pa-generic-btns-package1TitleBack { background-position: 0 -1254px; height: 63px; width: 50px; }

.pa-generic-btns-package2TitleBack { background-position: 0 -1317px; height: 63px; width: 50px; }

.pa-generic-btns-plat1050 { background-position: 0 -1380px; height: 128px; width: 250px; }

.pa-generic-btns-plat1365 { background-position: 0 -1508px; height: 128px; width: 250px; }

.pa-generic-btns-plat1575 { background-position: 0 -1636px; height: 128px; width: 250px; }

.pa-generic-btns-plat2625 { background-position: 0 -1764px; height: 128px; width: 250px; }

.pa-generic-btns-plat2940 { background-position: 0 -1892px; height: 128px; width: 250px; }

.pa-generic-btns-plat3990 { background-position: 0 -2020px; height: 128px; width: 250px; }

.pa-generic-btns-plus { background-position: 0 -2148px; height: 46px; width: 47px; }

.pa-generic-btns-primePackTitle { background-position: 0 -2194px; height: 116px; width: 220px; }

.primeaccesswukong-sprite, .primeaccesswukong-accLogo, .primeaccesswukong-armour, .primeaccesswukong-avatars, .primeaccesswukong-ephemera, .primeaccesswukong-kubrowkit, .primeaccesswukong-syandana, .primeaccesswukong-warframe, .primeaccesswukong-weapons, .primeaccesswukong-weaponswarframe { background-image: url('../images/prime-access/primeaccesswukong-s4e160307f5.png'); background-repeat: no-repeat; }

.primeaccesswukong-accLogo { background-position: 0 0; height: 90px; width: 128px; }

.primeaccesswukong-armour { background-position: 0 -90px; height: 147px; width: 157px; }

.primeaccesswukong-avatars { background-position: 0 -237px; height: 71px; width: 151px; }

.primeaccesswukong-ephemera { background-position: 0 -308px; height: 145px; width: 147px; }

.primeaccesswukong-kubrowkit { background-position: 0 -453px; height: 107px; width: 123px; }

.primeaccesswukong-syandana { background-position: 0 -560px; height: 181px; width: 138px; }

.primeaccesswukong-warframe { background-position: 0 -741px; height: 195px; width: 158px; }

.primeaccesswukong-weapons { background-position: 0 -936px; height: 198px; width: 294px; }

.primeaccesswukong-weaponswarframe { background-position: 0 -1134px; height: 197px; width: 276px; }

.primeaccessatlas-sprite, .primeaccessatlas-avatars, .primeaccessatlas-dethcubeAccessories, .primeaccessatlas-syandana, .primeaccessatlas-warframe, .primeaccessatlas-weapons, .primeaccessatlas-weaponswarframe { background-image: url('../images/prime-access/primeaccessatlas-s473b9380f8.png'); background-repeat: no-repeat; }

.primeaccessatlas-avatars { background-position: 0 0; height: 71px; width: 151px; }

.primeaccessatlas-dethcubeAccessories { background-position: 0 -71px; height: 145px; width: 147px; }

.primeaccessatlas-syandana { background-position: 0 -216px; height: 181px; width: 172px; }

.primeaccessatlas-warframe { background-position: 0 -397px; height: 195px; width: 224px; }

.primeaccessatlas-weapons { background-position: 0 -592px; height: 201px; width: 309px; }

.primeaccessatlas-weaponswarframe { background-position: 0 -793px; height: 197px; width: 296px; }

body.prime_access { background: #000; overflow-x: hidden; }
body.prime_access .goldText { color: #e4bc53; }
body.prime_access #bgvid, body.prime_access #vidFallback { position: fixed; min-height: 100%; width: 100%; right: 0; margin: 0 auto; z-index: 1; top: 50px; object-fit: cover; top: 12px; }
@media (min-width: 1980px) { body.prime_access #bgvid, body.prime_access #vidFallback { top: -20px; } }
body.prime_access #bgvid { min-width: 1920px; }
body.prime_access #primeAccessBottom { position: absolute; z-index: -1; background-image: url('../images/prime-access/primeaccessnekrosBG/Warframe_PrimeAccess_GenericBack_V2.jpg?1554154011') !important; bottom: -914px; width: 2500px; height: 1197px; left: -218px; }
body.prime_access #mobilePAHeader { display: none; }
body.prime_access .containWrap { background: rgba(255, 255, 255, 0.9); }
body.prime_access #mainContent { margin-bottom: 110px; }
body.prime_access #primeaccess { position: relative; }
body.prime_access #primeaccess .primeaccessatlas-weaponswarframe { position: relative; top: 10px; left: 42px; }
body.prime_access #primeaccess .primeaccessatlas-weapons { top: 6px; }
body.prime_access #primeaccess .primeaccessatlas-syandana { top: -40px; left: 10px; }
body.prime_access #primeaccess .primeaccessatlas-dethcubeAccessories { top: -20px; left: 10px; }
body.prime_access #primeaccess .primeaccessatlas-warframe { bottom: 0; }
body.prime_access #primeaccess .primeaccesswukong-weaponswarframe { position: relative; top: 10px; left: 42px; }
body.prime_access #primeaccess .primeaccesswukong-weapons { top: 6px; }
body.prime_access #primeaccess .primeaccesswukong-syandana { top: -40px; left: 30px; }
body.prime_access #primeaccess .primeaccesswukong-armour { top: -20px; }
body.prime_access #primeaccess .primeaccesswukong-warframe { bottom: 0; }
body.prime_access #primeaccess .primeaccesswukong-kubrowkit { left: 30px; top: 9px; }
body.prime_access #primeaccess .pa-generic-btns-affBooster { top: -15px; left: 84px; }
body.prime_access #primeaccess .pa-generic-btns-credBooster { left: 81px; top: -14px; }
body.prime_access #primeaccess .pa-generic-btns-modBooster { left: 81px; top: -14px; }
body.prime_access #primeaccess .avatars .itemTitlePurchased, body.prime_access #primeaccess .weapons .itemTitlePurchased { width: 100% !important; }
body.prime_access #primeaccess .pa-generic-btns-plat1050, body.prime_access #primeaccess .pa-generic-btns-plat1365, body.prime_access #primeaccess .pa-generic-btns-plat1575, body.prime_access #primeaccess .pa-generic-btns-plat2625, body.prime_access #primeaccess .pa-generic-btns-plat2940, body.prime_access #primeaccess .pa-generic-btns-plat3990 { margin-top: -11px; }
body.prime_access #primeaccess #primeHeader { background-repeat: no-repeat; z-index: 10; }
body.prime_access #primeaccess #primeHeader .logoContent { position: relative; margin: 50px 0; z-index: 11; }
body.prime_access #primeaccess #primeHeader .logoContent #primeLogo { top: -10px; position: relative; margin-bottom: 29px; }
body.prime_access #primeaccess #primeHeader .logoContent #logoText { font-family: Arial, sans-serif; margin-top: -16px; font-size: 13px; line-height: 16px; text-align: left; z-index: 4; color: #fff; padding: 15px; background-color: rgba(0, 0, 0, 0.4); }
body.prime_access #primeaccess #primeHeader .logoContent #logoText .subtitle { font-weight: bold; text-transform: uppercase; font-size: 18px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; line-height: 20px; margin-bottom: 20px; color: #e4bc53; word-spacing: 5px; }
body.prime_access #primeaccess #primeHeader .logoContent #logoText .subtitle span { font-size: 30px; letter-spacing: -1px; display: inline-block; margin-bottom: 20px; line-height: 31px; margin-top: -6px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; color: #fff; }
body.prime_access #primeaccess #primeHeader .logoContent #logoText p { margin-bottom: 10px; font-size: 17px; line-height: 19px; }
body.prime_access #primeaccess #primeHeader .logoContent #logoText .moreFaq { color: white; text-decoration: underline; }
body.prime_access #primeaccess #primeHeader #viewTrailer { background-image: url('../images/prime-access/viewTrailer.png?1554154013'); width: 228px; height: 47px; cursor: pointer; }
body.prime_access #primeaccess .purchased { -webkit-filter: grayscale(100%) brightness(0.8); filter: grayscale(100%) brightness(0.8); }
body.prime_access #primeaccess #packageContainer { position: relative; z-index: 1; margin: 0 auto; min-width: 1120px; }
body.prime_access #primeaccess #packageContainer .package { min-height: 400px; z-index: 2; float: left; position: relative; min-width: 343px; }
body.prime_access #primeaccess #packageContainer .package .item, body.prime_access #primeaccess #packageContainer .package .title { border: 1px solid #e4bc53; }
body.prime_access #primeaccess #packageContainer .package .title { text-transform: uppercase; font-family: "Ubuntu", sans-serif; font-size: 30px; font-weight: bold; text-align: center; border: none; position: relative; z-index: 10; height: 64px; border-left: 1px solid #e4bc53; }
body.prime_access #primeaccess #packageContainer .package .title .titleContain { border-top: 1px solid #e4bc53; width: 86%; height: 63px; min-width: 294px; line-height: 58px; }
body.prime_access #primeaccess #packageContainer .package .title .titleContain .titleImg { color: #e4bc53; position: relative; text-transform: uppercase; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; font-size: 22px; left: 18px; line-height: 1em; text-align: center; width: 80%; margin: 0 auto; display: inline-block; vertical-align: middle; }
body.prime_access #primeaccess #packageContainer .package .title.package0 .titleContain { background-color: #016084; }
body.prime_access #primeaccess #packageContainer .package .title.package0 .titleContain .titleImg { font-size: 20px; left: 0px; }
body.prime_access #primeaccess #packageContainer .package .title.package1 .titleContain { background-color: #073A4E; }
body.prime_access #primeaccess #packageContainer .package .title.package2 .titleContain { background-color: #042633; }
body.prime_access #primeaccess #packageContainer .package .title .titleRight { position: absolute; right: 0; top: 0; }
body.prime_access #primeaccess #packageContainer .package .itemTitle { background-repeat: no-repeat; padding-left: 6px; padding-top: 9px; position: relative; text-align: center; font-size: 12px; text-transform: uppercase; color: #949494; line-height: 17px; }
body.prime_access #primeaccess #packageContainer .package .itemTitle.small { height: 39px; }
body.prime_access #primeaccess #packageContainer .package .itemTitle.large { height: 32px; }
body.prime_access #primeaccess #packageContainer .package .empty { position: relative; top: 65px; margin: 0 auto; }
body.prime_access #primeaccess #packageContainer .package .empty .emptyRect { position: absolute; width: 55px; height: 18px; background-color: #e4bc53; margin-left: auto; margin-right: auto; left: 0; right: 0; }
body.prime_access #primeaccess #packageContainer .package .plusSign { position: absolute; z-index: 9; margin-left: auto; margin-right: auto; left: 0; right: 0; top: -22px; }
body.prime_access #primeaccess #packageContainer .package .item { position: relative; top: -2px; min-height: 136px !important; width: 100%; }
body.prime_access #primeaccess #packageContainer .package .item.plat { border-top: none; height: 136px; }
body.prime_access #primeaccess #packageContainer .package .item.plat .itemTitle { top: 30px; left: 55px; }
body.prime_access #primeaccess #packageContainer .package .item.plat .platWord { position: relative; text-transform: uppercase; font-weight: bold; top: 94px; text-align: center; font-size: 18px; text-shadow: 0px 0px 10px black; color: #fff; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; }
body.prime_access #primeaccess #packageContainer .package .item.weapons { height: 210px; }
body.prime_access #primeaccess #packageContainer .package .item.weapons .itemTitlePurchased { padding-top: 30%; }
body.prime_access #primeaccess #packageContainer .package .item.boosters { height: 105px; }
body.prime_access #primeaccess #packageContainer .package .item.boosters .itemTitle { height: 60px; }
body.prime_access #primeaccess #packageContainer .package .item.drone { height: 135px; }
body.prime_access #primeaccess #packageContainer .package .item.drone .itemTitle { height: 90px; }
body.prime_access #primeaccess #packageContainer .package .item.drone .itemTitlePurchased { padding-top: 30%; }
body.prime_access #primeaccess #packageContainer .package .item.avatars { height: 100px; }
body.prime_access #primeaccess #packageContainer .package .item.acc .pa-generic-btns-paTitle { margin-left: auto; margin-right: auto; left: 0; right: 0; position: absolute; }
body.prime_access #primeaccess #packageContainer .package .item.acc .itemTitlePurchased { width: 100%; height: 100%; position: absolute; top: 0; }
body.prime_access #primeaccess #packageContainer .package .item .itemTitle, body.prime_access #primeaccess #packageContainer .package .item .itemTitlePurchased { position: absolute; width: 100%; height: 100%; background-image: url('../images/prime-access/primeaccessnekrosBG/11overlay.png?1554154011'); background-repeat: repeat !important; padding-top: 20%; display: none; color: #fff; z-index: 100; }
body.prime_access #primeaccess #packageContainer .package .item .itemTitlePurchased { display: block; text-align: center; font-weight: bold; font-size: 14px; text-transform: uppercase; }
body.prime_access #primeaccess #packageContainer .package .item .platImg, body.prime_access #primeaccess #packageContainer .package .item .pistolMeleeImg, body.prime_access #primeaccess #packageContainer .package .item .primeImg, body.prime_access #primeaccess #packageContainer .package .item .avaImg { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; }
body.prime_access #primeaccess #packageContainer .package .avaImg { margin: 0 auto; top: 30px; }
body.prime_access #primeaccess #packageContainer .package .boughtBtn { padding-top: 32px; text-align: center; background-repeat: no-repeat; font-size: 25px; text-transform: uppercase; font-weight: bold; color: #674915; height: 107px; }
body.prime_access #primeaccess #packageContainer .package .priceBtn, body.prime_access #primeaccess #packageContainer .package .boughtBtn { background-color: #e4bc53; width: 100% !important; }
body.prime_access #primeaccess #packageContainer .package .priceBtn { position: relative; top: -2px; width: 264px; height: 107px; text-align: center; padding-top: 17px; font-weight: bold; cursor: pointer; color: #674915; font-family: "Ubuntu",sans-serif; }
body.prime_access #primeaccess #packageContainer .package .priceBtn.currency-twd .sign, body.prime_access #primeaccess #packageContainer .package .priceBtn.currency-twd .priceLarge { font-size: 45px; }
body.prime_access #primeaccess #packageContainer .package .priceBtn.currency-twd .priceSmall { font-size: 23px; }
body.prime_access #primeaccess #packageContainer .package .priceBtn .sign, body.prime_access #primeaccess #packageContainer .package .priceBtn .priceLarge { font-size: 55px; }
body.prime_access #primeaccess #packageContainer .package .priceBtn .priceSmall { position: relative; font-size: 33px; top: -16px; right: 4px; }
body.prime_access #primeaccess #packageContainer .package .priceBtn .value { text-transform: uppercase; font-size: 16px; margin-top: 4px; }
body.prime_access #primeaccess #packageContainer .package .priceBtn .value.mobile { display: none; }
body.prime_access #primeaccess #packageContainer .package .priceBtn .currency { margin-left: -38px; font-weight: bold; font-size: 14px; }
body.prime_access #primeaccess #packageContainer .package .priceBtn.hover .buyNow { font-size: 40px; text-transform: uppercase; text-shadow: none; padding-top: 3px; margin-bottom: 12px; }
body.prime_access #primeaccess #packageContainer .package.package0 .item { background-color: #4e90a9; background-color: rgba(78, 144, 169, 0.8); }
body.prime_access #primeaccess #packageContainer .package.package0 .item.plat .itemTitle { left: 58px; }
body.prime_access #primeaccess #packageContainer .package.package1 .item { background-color: #073a4e; background-color: rgba(7, 58, 78, 0.8); }
body.prime_access #primeaccess #packageContainer .package.package2 { margin-right: 0; }
body.prime_access #primeaccess #packageContainer .package.package2 .item { background-color: #042633; background-color: rgba(4, 38, 51, 0.8); }
body.prime_access #primeaccess #packageContainer #primeAccessories { margin-top: 100px; position: relative; min-width: 1038px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .primeaccesszephyr-bonus.mobile, body.prime_access #primeaccess #packageContainer #primeAccessories .itemTitle.mobile { display: none; }
body.prime_access #primeaccess #packageContainer #primeAccessories.purchased { opacity: 0.9; }
body.prime_access #primeaccess #packageContainer #primeAccessories.purchased .addPrice .buyNow { padding: 0; }
body.prime_access #primeaccess #packageContainer #primeAccessories .pa-generic-btns-paPackTitleEx { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; position: relative; z-index: 4; text-transform: uppercase; color: #e4bc53; padding: 11px; font-size: 15px; font-weight: bold; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accTrim { position: absolute; bottom: 73px; left: -3px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem { float: left; position: relative; background-color: #2d4955; width: 16.66%; height: 135px; margin-left: 0; margin-top: 0; border-left: 1px solid #e4bc53; border-top: 1px solid #e4bc53; border-bottom: 1px solid #e4bc53; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem.bonusItem .bonusText { background-color: #e4bc53; text-align: center; height: 18%; font-weight: bold; font-size: 1.2em; padding: 4px; color: #674915; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem.leftItem { margin-top: -5px; z-index: -1; margin-left: -97px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemImg { position: relative; z-index: 2; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemDesc { position: absolute; top: -24px; left: -6px; z-index: 9; text-align: center; width: 217px; height: 141px; display: none; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemDesc div { width: 140px; position: absolute; top: 43px; left: 47px; line-height: 16px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemTitle { text-align: center; font-size: 11px; text-transform: uppercase; z-index: 9; line-height: 13px; letter-spacing: 2px; color: #fff; width: 78%; margin: 0 auto; bottom: 12px; left: 20px; position: absolute; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemTitle.longTitle { width: 96%; left: 5px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice { background-color: #e4bc53; height: 55px; display: inline-block; padding: 7px 10px 0 10px; position: relative; top: -3px; left: 1px; cursor: pointer; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice:hover { background-color: #e4bc53; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice.purchased { cursor: auto; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice.purchased .buyNow { border-left: none; width: 174px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .pa-generic-btns-accPriceEnd { position: absolute; right: -48px; top: 0; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .actualPrice, body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .buyNow { text-transform: uppercase; color: #674915; font-weight: bold; height: 44px; float: left; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .actualPrice { border-right: 1px solid #9f7d31; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .actualPrice .value { text-align: center; font-size: 11px; position: relative; top: 0; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .actualPrice .listedPrice { padding: 0 10px; margin-top: -7px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .actualPrice .listedPrice .bigNum, body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .actualPrice .listedPrice .numRight { float: left; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .actualPrice .listedPrice .bigNum { font-size: 33px; margin-top: 8px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .actualPrice .listedPrice .numRight .smallNum { font-size: 18px; position: relative; top: 2px; margin-bottom: 0; margin-top: 7px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .actualPrice .listedPrice .numRight .smallNum .currency { font-size: 12px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .buyNow { text-align: center; padding-left: 20px; border-left: 1px solid #d9c45a; width: auto; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .buyNow .text { font-size: 28px; margin-top: 9px; line-height: 26px; margin-left: -2px; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .buyNow .text { font-size: 25px; } }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem.accTitle { padding: 22px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemImg { z-index: 4; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .pa-generic-btns-affBooster, body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .pa-generic-btns-credBooster, body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .pa-generic-btns-modBooster { left: 25%; top: 22px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accItem.bonusItem .pa-generic-btns-affBooster, body.prime_access #primeaccess #packageContainer #primeAccessories .accItem.bonusItem .pa-generic-btns-credBooster, body.prime_access #primeaccess #packageContainer #primeAccessories .accItem.bonusItem .pa-generic-btns-modBooster { top: 3px; }
body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice { top: 0; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.prime_access #primeaccess #packageContainer #primeAccessories { min-width: inherit !important; width: 100% !important; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accItem { width: 100% !important; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemTitle { width: 100% !important; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemImg { left: 0 !important; } }
body.prime_access #primeaccess #packageContainer #primeAccessories.wukong { min-width: 1310px; width: 115%; }
body.prime_access #primeaccess #packageContainer #primeAccessories.wukong .accItem { width: 185px; }
body.prime_access #primeaccess #packageContainer #primeAccessories.wukong .creditem { border-right: none !important; }
body.prime_access #primeaccess #packageContainer #primeAccessories.wukong .kubrowkit { border-right: 1px solid #e4bc53; }
body.prime_access #primeaccess #packageContainer #primeAccessories .lastAccessory { border-right: 1px solid #e4bc53; }
body.prime_access .primeDisclaimer { margin-top: 60px; line-height: 20px; color: white; position: relative; z-index: 10; padding: 10px; background-color: rgba(0, 0, 0, 0.4); }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.prime_access { background: none; }
  body.prime_access #mobilePAHeader { display: block; width: 100%; min-height: 343px; background-size: 100% auto; }
  body.prime_access #mobilePAHeader.mobileHeader { background: transparent; background-repeat: no-repeat; background-position: center; }
  body.prime_access #primeAccessBottom { display: none; }
  body.prime_access #bgvid, body.prime_access #vidFallback { display: none; }
  body.prime_access #primeaccess #primeHeader .logoContent #primeLogo { width: 100%; }
  body.prime_access #primeaccess #primeHeader .logoContent #logoText { color: #000; }
  body.prime_access #primeaccess #primeHeader .logoContent #logoText .subtitle span { color: #000; }
  body.prime_access #primeaccess #packageContainer { min-width: inherit; }
  body.prime_access #primeaccess #packageContainer .package { min-width: inherit; min-height: 190px; height: 190px; overflow: hidden; max-height: 752px; }
  body.prime_access #primeaccess #packageContainer .package .blackMeOut.showMe { display: none; }
  body.prime_access #primeaccess #packageContainer .package .title { border-right: 1px solid #e4bc53; }
  body.prime_access #primeaccess #packageContainer .package .title .titleContain { width: 100%; }
  body.prime_access #primeaccess #packageContainer .package .title .titleContain .titleImg { left: inherit; }
  body.prime_access #primeaccess #packageContainer .package .title .titleRight { display: none; }
  body.prime_access #primeaccess #packageContainer .package .value { display: none !important; }
  body.prime_access #primeaccess #packageContainer .package .value.mobile { display: block !important; font-size: 22px; }
  body.prime_access #primeaccess #packageContainer .package .item, body.prime_access #primeaccess #packageContainer .package .item.plat { display: none; }
  body.prime_access #primeaccess #packageContainer #primeAccessories { min-width: inherit; margin-top: 0; height: 190px; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accBorderFix { display: none; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accItem { width: 100%; height: 167px; background-image: none; float: none; background-color: #042633; background-color: rgba(4, 38, 51, 0.8); margin-left: 0 !important; position: relative; overflow: hidden; display: none; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accItem.pa-generic-btns-paPackTitle { display: none; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemImg { position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; top: inherit; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemImg.pa-generic-btns-credBooster, body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemImg.pa-generic-btns-affBooster, body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemImg.pa-generic-btns-modBooster, body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemImg.pa-generic-btns-boosters { top: 25px; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemTitle { position: absolute; width: 100%; bottom: 20px; top: initial !important; left: initial !important; margin-left: 0 !important; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accItem .itemTitle.airCharges { width: 100%; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice { width: 100%; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .buyNow { width: 65%; } }
@media (max-width: 600px) and (max-width: 600px), (max-width: 812px) and (orientation: landscape) and (max-width: 600px), (max-width: 600px) and (max-width: 812px) and (orientation: landscape), (max-width: 812px) and (orientation: landscape) and (max-width: 812px) and (orientation: landscape) { body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .buyNow { width: 58%; } }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { body.prime_access #primeaccess #packageContainer #primeAccessories .accPrice .pa-generic-btns-accPriceEnd { display: none; }
  body.prime_access #primeaccess #packageContainer #primeAccessories .accOverlay { display: none; }
  body.prime_access .pa-generic-btns-paPackTitleEx { background-image: none !important; text-align: center; width: 100%; background-color: #042633; border-top: 1px solid #e4bc53; border-left: 1px solid #e4bc53; border-right: 1px solid #e4bc53; height: 50px; font-size: 20px; line-height: 25px; }
  body.prime_access #colorbox #cboxContent .paymentMethods .method { margin-top: 20px; }
  body.prime_access #colorbox #cboxContent .paymentMethods img { display: none; }
  body.prime_access .primeDisclaimer { color: black; } }
body.prime_access.lang-de .pa-generic-btns-paPackTitleEx, body.prime_access.lang-es .pa-generic-btns-paPackTitleEx, body.prime_access.lang-pt-br .pa-generic-btns-paPackTitleEx, body.prime_access.lang-pl .pa-generic-btns-paPackTitleEx, body.prime_access.lang-it .pa-generic-btns-paPackTitleEx { font-size: 11px !important; }
@media (max-width: 1600px) { body.prime_access #bgvid { width: 1920px; min-height: 100%; } }
@media (max-width: 875px) { body.prime_access #primeaccess #packageContainer .package { margin-bottom: 20px; }
  body.prime_access #primeaccess #packageContainer .package .item .itemTitle { display: block !important; } }

body.new_payment_thank_you #bgvid, body.new_payment_thank_you #vidFallback { position: fixed; min-height: 100%; width: 100%; right: 0; margin: 0 auto; z-index: 1; top: 50px; object-fit: cover; }
body.new_payment_thank_you #bgvid { min-width: 1920px; }
body.new_payment_thank_you #purchaseThankYou { position: relative; z-index: 2; text-align: center; background-color: rgba(7, 58, 78, 0.7); border: solid 2px #e4bc53; overflow: hidden; text-shadow: none; width: 40%; margin: 17% auto 0 auto; }
@media (max-width: 875px) { body.new_payment_thank_you #purchaseThankYou { width: 95%; } }
body.new_payment_thank_you #purchaseThankYou .title { color: #e4bc53; font-family: 'michroma', open-sans, sans-serif; line-height: 38px; width: 100%; padding: 11px 0; background-color: #073a4e; border-bottom: solid 10px #052d3c; text-transform: uppercase; font-size: 31px; }
body.new_payment_thank_you #purchaseThankYou p { color: #fff; padding: 30px 40px; font-size: 19px; line-height: 26px; }

/*@import "_primevault.scss";*/
#gdprsticky { display: none; position: fixed; bottom: 0; height: 60px; background-color: white; z-index: 20; width: 100%; border-top: 3px solid #d30000; padding: 10px; font-size: 14px; line-height: 40px; text-align: center; }
#gdprsticky p { display: inline-block; width: 55%; line-height: 16px; }
#gdprsticky .actionBtns { display: inline; margin-left: 20px; position: relative; top: -5px; }
#gdprsticky .actionBtns a { border: 3px solid #d30000; padding: 8px; margin-right: 10px; }
#gdprsticky .actionBtns a:last-child { margin-right: 0; }
#gdprsticky a.close { position: absolute; top: -13px; right: 10px; font-size: 20px; }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { #gdprsticky { line-height: inherit; height: 160px; }
  #gdprsticky p { display: block; float: none; width: 100%; margin-left: 0; }
  #gdprsticky .actionBtns { margin-left: 0; display: block; margin-top: 30px; }
  #gdprsticky a.close { top: 7px; } }

#gdprLightboxContainer { display: none; }

.gdprLightbox { padding: 20px; }
.gdprLightbox table { margin: 25px 0; border-collapse: separate; border-spacing: 1px; }
.gdprLightbox table tr { height: 50px; }
.gdprLightbox table tr td { padding: 8px; }
.gdprLightbox table tr td.value { text-align: center; background-color: #343434; color: #fff; }
.gdprLightbox .accept { padding: 0; float: right; margin-bottom: 15px; }
.gdprLightbox .accept a.value { display: block; text-align: center; background-color: #343434; color: #fff; height: 50px; line-height: 50px; margin-bottom: 5px; }

body.questguide { background-attachment: fixed !important; background-image: none !important; }

#questguidepage .container { max-width: 1140px; padding: 30px; }
#questguidepage h1, #questguidepage h2 { margin-bottom: 20px; }
#questguidepage h1 { font-size: 40px; }
#questguidepage h2 { font-size: 20px; color: #000000; margin-bottom: 10px; font-weight: bold; letter-spacing: 1px; }
#questguidepage h3 { font-weight: bold; text-transform: uppercase; margin-bottom: 5px; color: #d30000; font-size: 16px; letter-spacing: normal; }
#questguidepage h4 { font-size: 14px; text-transform: uppercase; letter-spacing: normal; margin-bottom: 5px; font-weight: bold; margin-top: 15px; }
#questguidepage p { line-height: 20px; margin-top: 10px; margin-bottom: 15px; }
#questguidepage td { padding: 10px; }
#questguidepage hr { margin-top: 2rem; margin-bottom: 1.5rem; border-color: #b9b9b9; }
#questguidepage strong, #questguidepage .otherbutton { font-weight: bold; }
#questguidepage #contentsList li { text-transform: uppercase; background-color: #edf1f4; color: #6e6e6e; border: 1px solid #c5c5c5; padding: 12px; margin-top: -1px; }
#questguidepage #contentsList li a { color: #6e6e6e; }
#questguidepage #contentsList li a:hover { color: #d30000; }
#questguidepage .rightContent ul { margin-bottom: 20px; }
#questguidepage .rightContent li { list-style-type: disc; margin-left: 25px; padding: 5px; line-height: 18px; }
#questguidepage .rightContent .subheader { font-weight: bold; color: #686868; font-family: michroma; letter-spacing: 1px; }
#questguidepage .rightContent .quote { font-style: italic; font-weight: bold; color: #000000; margin-bottom: 25px; }
#questguidepage .rightContent .questBody { margin-bottom: 20px; }
#questguidepage .rightContent .tipBox { background-color: #d6d6d6; padding: 1px; padding-left: 15px; padding-right: 5px; margin-bottom: 15px; }
#questguidepage .qsConsoleTab { padding: 20px; display: inline-block; color: #FFFFFF; width: 75px; text-align: center; cursor: pointer; }
#questguidepage #mobileQuick { display: none; }
#questguidepage .activeQSTab { background-color: rgba(237, 241, 244, 0) !important; border-right: none !important; }
#questguidepage .activeQSTab a { color: #d30000 !important; }
#questguidepage #quickstartTitle { width: 100%; position: fixed; }
#questguidepage #quickstartTitle hr { margin-top: 2rem; }
#questguidepage #quickstartTitle h1 { text-align: left; }
#questguidepage #qsTitle { float: left; }
#questguidepage #qsDownloadBtn { float: right; }
#questguidepage .leftLinks { float: left; width: 16%; max-width: 300px; position: fixed; top: 156px; }
#questguidepage .rightContent { float: right; width: 68%; margin-top: 40px; }
#questguidepage .rightContent .framePic { width: 31.3%; max-height: 242px; margin: 5px; float: left; margin-bottom: 15px; overflow: hidden; }
#questguidepage .rightContent .framePic img { width: 100%; opacity: 0.9; }
#questguidepage .rightContent .qsImg { width: 100%; margin-bottom: 20px; }
#questguidepage .rightContent .qsImg img { width: 100%; }
@media (max-width: 875px) { #questguidepage #contentsList li { padding: 8px; }
  #questguidepage #contentsList li a { font-size: 12px; }
  #questguidepage #mobileQuick { display: block; width: 80%; position: fixed; z-index: 9; }
  #questguidepage .leftLinks { display: none; }
  #questguidepage .rightContent { width: 100%; margin-top: 70px; } }
@media (max-width: 600px), (max-width: 812px) and (orientation: landscape) { #questguidepage .leftLinks { display: none; }
  #questguidepage .rightContent { width: 100%; }
  #questguidepage #qsTitle { text-align: center; }
  #questguidepage #qsDownloadBtn { width: 100%; } }
@media (max-width: 700px) { #questguidepage .framePic { width: 29.4% !important; } }

.volunteers .fanchannelSlide { background: url('../images/mainSiteAssets/fansitesPage/partnersheaderbg_blue.jpg?1554154005'); padding-top: 30px; height: 344px; }
.volunteers .partnerLogo { width: 350px; height: 155px; margin: 0 auto; }
.volunteers .partnerLogo .volunteerLogo { width: 50%; min-width: inherit !important; }
.volunteers .partnerLogo .volunteerLogo:last-child { width: 48%; clear: both; }
.volunteers .partnertext { margin: 0 auto !important; margin-top: 20px !important; margin-bottom: 20px !important; line-height: 23px !important; color: #FFFFFF !important; padding: 0px !important; font-size: 14px !important; text-align: center; }
.volunteers .partnerDisclaimer { text-align: center; margin-top: 20px; font-size: 12px; }
.volunteers .headerTextContain { padding-top: 25px; max-width: 600px; text-align: center; margin: 0 auto; }
.volunteers .headerTextContain h1 { color: #FFFFFF; }
.volunteers .headerTextContain p { font-size: 15px; margin-top: 15px; }
.volunteers .headerContain { max-width: 990px; margin: 0 auto; }
.volunteers .slider, .volunteers .cd-hero-slider { height: 349px; }
.volunteers .navContain { margin: 0 auto; margin-bottom: 20px; height: 84px; }
.volunteers .navContain .navTable { display: block; }
.volunteers .navContain .navBtn { padding: 10px; margin: 10px; background-color: #d2d2d2; color: #7b7b7b; cursor: pointer; float: left; min-width: 146px; }
.volunteers .navContain .navBtn.active, .volunteers .navContain .navBtn.hover { background-color: #d40000; color: #FFFFFF; }
.volunteers .navContain .navIcon { height: 24px; width: 24px; float: left; margin-right: 15px; }
.volunteers .navContain .gotlBtn .navIcon { background-image: url('../images/community/volunteers/LotusGuideBadge-icon.png?1554154001'); }
.volunteers .navContain .modsBtn .navIcon, .volunteers .navContain .modsccBtn .navIcon { background-image: url('../images/community/volunteers/ChatModerator-icon.png?1554154001'); height: 23px; }
.volunteers .partnerIndex { display: none; }
.volunteers .partnerIndex h1, .volunteers .partnerIndex h2 { font-size: 28px; font-family: "Open Sans", Helvetica, sans-serif; text-align: center; }
.volunteers .partnerIndex .partnerIndexHeader { text-align: center; margin-bottom: 20px; }
.volunteers .partnerIndex .partnerIndexHeader h1 { margin-bottom: 20px; }
.volunteers .partnerIndex .partnerIndexHeader hr { margin-top: 20px; margin-bottom: 20px; border-color: #b9b9b9; }
.volunteers .subsection h1 { margin-bottom: 20px; }
.volunteers .subsection p, .volunteers .subsection h4, .volunteers .subsection h6 { margin-bottom: 10px; line-height: 28px; }
.volunteers .subsection strong { font-weight: bold; }
.volunteers .subsection h4 { font-size: 24px; color: #d00000; text-transform: uppercase; }
.volunteers .subsection h6 { font-size: 20px; color: #d00000; text-transform: uppercase; margin: 10px 0px; }
.volunteers .subsection ul li { margin-bottom: 5px; line-height: 19px; }
.volunteers .subsection ul li ul { margin: 0px 0px 15px 30px; list-style: disc; }

#colorbox.paymentBox #cboxContent { background: #fff !important; }
#colorbox.paymentBox #cboxContent .paymentMethods { background-color: white; padding: 20px 0; text-align: center; margin-top: 20px; }
#colorbox.paymentBox #cboxContent .paymentMethods .selecta { margin: 15px 0; }
#colorbox.paymentBox #cboxContent .paymentMethods img { margin-bottom: 20px; }
#colorbox.paymentBox #cboxContent .paymentMethods .method { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); -webkit-box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); box-shadow: inset 0px 1px 3px rgba(0, 0, 0, 0.12); display: inline-block; cursor: pointer; background-color: #E4E4E4; background-position: center; padding: 5px; width: 85px; height: 55px; background-repeat: no-repeat; margin: 5px; vertical-align: top; border: none; min-width: inherit; }
#colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgCreditCard, #colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1380 { background-image: url('../images/paymenticons/creditCards.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.steam { background-image: url('../images/paymenticons/steam.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.rixty { background-image: url('../images/paymenticons/rixty.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgPayPal, #colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-24 { background-image: url('../images/paymenticons/paypal.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.molpay { background-image: url('../images/paymenticons/molpoints.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1497 { background-image: url('../images/paymenticons/MisterCash.png?1554154007'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgPaySafeCard { background-image: url('../images/paymenticons/paysafe.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1944, #colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgBoletoBancario { background-image: url('../images/paymenticons/boleto.png?1554154007'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-836 { background-image: url('../images/paymenticons/interac-online.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-81 { background-image: url('../images/paymenticons/DaoPay.png?1554154007'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1496, #colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-ideal { background-image: url('../images/paymenticons/ideal.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1909 { background-image: url('../images/paymenticons/przelewy24.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-16 { background-image: url('../images/paymenticons/qiwi.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2667 { background-image: url('../images/paymenticons/au_commonwealth.png?1554154007'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2140, #colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-sofort { background-image: url('../images/paymenticons/at_sofort.png?1554154007'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1498 { background-image: url('../images/paymenticons/at_eps.png?1554154007'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-465 { background-image: url('../images/paymenticons/skrill.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2031 { background-image: url('../images/paymenticons/rbc.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2130 { background-image: url('../images/paymenticons/bci.png?1554154007'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2134 { background-image: url('../images/paymenticons/bancoestado.png?1554154007'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2133 { background-image: url('../images/paymenticons/bancodechile.png?1554154007'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-311, #colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgAlipay { background-image: url('../images/paymenticons/alipay.png?1554154007'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1026 { background-image: url('../images/paymenticons/tenpay.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2580 { background-image: url('../images/paymenticons/upop.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-3215 { background-image: url('../images/paymenticons/wechat.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-3172, #colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-giropay { background-image: url('../images/paymenticons/giropay.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1148 { background-image: url('../images/paymenticons/trustly.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1806 { background-image: url('../images/paymenticons/nordea.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-3325 { background-image: url('../images/paymenticons/alfamart.png?1554154007'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-3047 { background-image: url('../images/paymenticons/oxxo.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1687 { background-image: url('../images/paymenticons/maybank.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1682 { background-image: url('../images/paymenticons/cimb.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2669 { background-image: url('../images/paymenticons/kiwibank.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2419 { background-image: url('../images/paymenticons/2419.png?1554154007'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1920 { background-image: url('../images/paymenticons/mbank.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-3173 { background-image: url('../images/paymenticons/multibanco.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-291 { background-image: url('../images/paymenticons/sberbank.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1336 { background-image: url('../images/paymenticons/webmoney.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-235 { background-image: url('../images/paymenticons/amazonpay.png?1554154007'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2532 { background-image: url('../images/paymenticons/epay.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2097 { background-image: url('../images/paymenticons/sparkasse.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1810 { background-image: url('../images/paymenticons/swedbank.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2928 { background-image: url('../images/paymenticons/skt.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2929 { background-image: url('../images/paymenticons/lgu+.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgYandexMoney, #colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-27 { background-image: url('../images/paymenticons/Yandex_money.png?1554154007'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1852, #colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-390, #colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1750 { background-image: url('../images/paymenticons/mycard.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgVisaDelta, #colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgVisaElectron { background-image: url('../images/paymenticons/visa-delta-debit.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-749 { background-image: url('../images/paymenticons/gudang.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-132 { background-image: url('../images/paymenticons/cashu.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-226 { background-image: url('../images/paymenticons/toditocash.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-250 { background-image: url('../images/paymenticons/onecard.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2601 { background-image: url('../images/paymenticons/poli.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgWebMoney, #colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-6 { background-image: url('../images/paymenticons/webmoney.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1859 { background-image: url('../images/paymenticons/obucks.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.karmakoin { background-image: url('../images/paymenticons/karmakoin.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.ycoins { background-image: url('../images/paymenticons/ycoins2.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2683 { background-image: url('../images/paymenticons/paygarden.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-Other, #colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgSEPADirectDebit { font-weight: bold; }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-606 { background-image: url('../images/paymenticons/privatbank.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1497 { background-image: url('../images/paymenticons/MisterCash.png?1554154007'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-3312 { background-image: url('../images/paymenticons/blik.png?1554154007'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-3364 { background-image: url('../images/paymenticons/zimpler.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2712 { background-image: url('../images/paymenticons/sepa.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2712 { background-image: url('../images/paymenticons/sepa.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2883 { background-image: url('../images/paymenticons/nordea.png?1554154008'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-Other, #colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgSEPADirectDebit { font-size: 16px; }
#colorbox.paymentBox #cboxContent .paymentMethods.noSteam .method:nth-of-type(1n+5) { display: none; }
#colorbox.paymentBox #cboxContent .paymentMethods.noSteam .method[data-gateway="xsolla-Other"] { display: inline-block; }