@charset "UTF-8";
@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-discord, .icons-facebookGaming, .icons-fb, .icons-insta, .icons-mixer, .icons-reddit, .icons-twitch, .icons-twitter, .icons-vk, .icons-yt { background-image: url('../images/icons-s999a4f86dd.png'); background-repeat: no-repeat; }

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

.icons-facebookGaming { background-position: 0 -68px; height: 25px; width: 25px; }

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

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

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

.icons-reddit { background-position: 0 -297px; height: 68px; width: 68px; }

.icons-twitch { background-position: 0 -365px; height: 68px; width: 68px; }

.icons-twitter { background-position: 0 -433px; height: 68px; width: 68px; }

.icons-vk { background-position: 0 -501px; height: 68px; width: 68px; }

.icons-yt { background-position: 0 -569px; height: 68px; width: 68px; }

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

#onetrust-consent-sdk button { padding: 0; line-height: unset; }

* { 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: 90px; }

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

.wrapper button, .wrapper .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); }
.wrapper button .button-wrap, .wrapper .button .button-wrap { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
.wrapper button a, .wrapper .button a { display: block; width: auto; }

h2, .h2, h1, .h1, h2, .news-read2 .article-header .title, h3, .h3, .cd-hero .slide .text, .cd-hero2 .slide .text, #newsIndex2 .featured .post .title, #newsIndex2 .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, .cd-hero2 .slide .text, #newsIndex2 .featured .post .title, #newsIndex2 .post-list .post .title, .news-read2 .article-header .title { color: #d30000; font-size: 36px; font-weight: normal; }

h3, .h3, .cd-hero .slide .text, .cd-hero2 .slide .text, #newsIndex2 .featured .post .title, #newsIndex2 .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?1629818873'); }

.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) { #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; }

.cd-hero2 { position: relative; }
.cd-hero2.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-hero2.slider .slide { max-height: 660px; } }
.cd-hero2.slider .slide img { min-width: 100%; }
.cd-hero2 .slider-nav { position: absolute; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; bottom: 2px; height: 34px; z-index: 10; }
.cd-hero2 .slider-nav ul { display: inline-block; height: 36px; margin: 0px -4px; }
.cd-hero2 .slider-nav ul li { display: inline-block; width: 14px; height: 14px; border: 1px solid #ffffff; border-radius: 50%; margin: 12px 10px 0 10px; color: transparent; cursor: pointer; list-style: none; }
.cd-hero2 .slider-nav ul li.selected { z-index: 5 !important; background-color: white; }
.cd-hero2 .slide.selected { z-index: 5 !important; }
.cd-hero2 .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; box-shadow: inset 0px -250px 100px -100px rgba(0, 0, 0, 0.8); }
.cd-hero2 .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-hero2 .slide .text .slide-content { height: 100%; }
.cd-hero2 .slide .text .slide-content img { min-width: 0; margin-bottom: 20px; }
.cd-hero2 .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-hero2 .slide .text .slide-content a { text-decoration: underline; }
.cd-hero2 .slide .text .slide-content a:hover { color: #d30000; }
.cd-hero2 .slide .container { height: 100%; }
.cd-hero2 .slide .container .slide-template { position: absolute; }
.cd-hero2 .slide .container .slide-template.top-left { bottom: 0; left: 0; }
.cd-hero2 .slide .container .slide-template.top-right { bottom: 0; left: 0; }
.cd-hero2 .slide .container .slide-template.bottom-left { bottom: 0; left: 0; }
.cd-hero2 .slide .container .slide-template.bottom-right { bottom: 0; left: 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: 875px) { 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; } }
@media (max-width: 415px) { body.news_index #mainContent, body #mainContent { margin-top: 28px !important; } }
@media (max-width: 360px) { body.news_index #mainContent { width: 374px; } }
@media (max-width: 320px) { body.news_index #mainContent { width: 374px; } }
#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: 100; 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; }

.xsollaCallout { color: #fff; position: relative; display: table; z-index: 5; margin: 10px auto; background: rgba(0, 0, 0, 0.7); line-height: 16px; }
.xsollaCallout img, .xsollaCallout span { display: inline-block; float: left; }
.xsollaCallout span { padding: 14px; }
@media (max-width: 600px) { .xsollaCallout { width: 100%; padding: 10px; }
  .xsollaCallout img, .xsollaCallout span { display: block; float: none; text-align: center; margin: 0 auto; }
  .xsollaCallout span { padding: 0; margin: 10px auto; } }

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

body.lang-tr h2, body.lang-tr .h2, body.lang-tr h1, body.lang-tr .h1, body.lang-tr h2, body.lang-tr .news-read2 .article-header .title, .news-read2 .article-header body.lang-tr .title, body.lang-tr h3, body.lang-tr .h3, body.lang-tr .cd-hero .slide .text, .cd-hero .slide body.lang-tr .text, body.lang-tr .cd-hero2 .slide .text, .cd-hero2 .slide body.lang-tr .text, body.lang-tr #newsIndex2 .featured .post .title, #newsIndex2 .featured .post body.lang-tr .title, body.lang-tr #newsIndex2 .post-list .post .title, #newsIndex2 .post-list .post body.lang-tr .title, body.lang-tr h1, body.lang-tr .h1, body.lang-tr h2, body.lang-tr .h2, body.lang-tr h1, body.lang-tr h3, body.lang-tr .h3, body.lang-tr .cd-hero .slide .text, .cd-hero .slide body.lang-tr .text, body.lang-tr .cd-hero2 .slide .text, .cd-hero2 .slide body.lang-tr .text, body.lang-tr #newsIndex2 .featured .post .title, #newsIndex2 .featured .post body.lang-tr .title, body.lang-tr #newsIndex2 .post-list .post .title, #newsIndex2 .post-list .post body.lang-tr .title, body.lang-tr .news-read2 .article-header .title, .news-read2 .article-header body.lang-tr .title, body.lang-tr h2, body.lang-tr .news-read .article-header .title, body.lang-tr h3, body.lang-tr .h3, body.lang-tr .cd-hero .slide .text, .cd-hero .slide body.lang-tr .text, body.lang-tr .cd-hero2 .slide .text, .cd-hero2 .slide body.lang-tr .text, body.lang-tr #newsIndex2 .featured .post .title, #newsIndex2 .featured .post body.lang-tr .title, body.lang-tr #newsIndex2 .post-list .post .title, #newsIndex2 .post-list .post body.lang-tr .title, body.lang-tr .cd-hero .slide .text, body.lang-tr #newsIndex .featured .post .title, body.lang-tr #newsIndex .post-list .post .title, body.lang-ru h2, body.lang-ru .h2, body.lang-ru h1, body.lang-ru .h1, body.lang-ru h2, body.lang-ru .news-read2 .article-header .title, .news-read2 .article-header body.lang-ru .title, body.lang-ru h3, body.lang-ru .h3, body.lang-ru .cd-hero .slide .text, .cd-hero .slide body.lang-ru .text, body.lang-ru .cd-hero2 .slide .text, .cd-hero2 .slide body.lang-ru .text, body.lang-ru #newsIndex2 .featured .post .title, #newsIndex2 .featured .post body.lang-ru .title, body.lang-ru #newsIndex2 .post-list .post .title, #newsIndex2 .post-list .post body.lang-ru .title, body.lang-ru h1, body.lang-ru .h1, body.lang-ru h2, body.lang-ru .h2, body.lang-ru h1, body.lang-ru h3, body.lang-ru .h3, body.lang-ru .cd-hero .slide .text, .cd-hero .slide body.lang-ru .text, body.lang-ru .cd-hero2 .slide .text, .cd-hero2 .slide body.lang-ru .text, body.lang-ru #newsIndex2 .featured .post .title, #newsIndex2 .featured .post body.lang-ru .title, body.lang-ru #newsIndex2 .post-list .post .title, #newsIndex2 .post-list .post body.lang-ru .title, body.lang-ru .news-read2 .article-header .title, .news-read2 .article-header body.lang-ru .title, body.lang-ru h2, body.lang-ru .news-read .article-header .title, body.lang-ru h3, body.lang-ru .h3, body.lang-ru .cd-hero .slide .text, .cd-hero .slide body.lang-ru .text, body.lang-ru .cd-hero2 .slide .text, .cd-hero2 .slide body.lang-ru .text, body.lang-ru #newsIndex2 .featured .post .title, #newsIndex2 .featured .post body.lang-ru .title, body.lang-ru #newsIndex2 .post-list .post .title, #newsIndex2 .post-list .post body.lang-ru .title, body.lang-ru .cd-hero .slide .text, body.lang-ru #newsIndex .featured .post .title, body.lang-ru #newsIndex .post-list .post .title, body.lang-pl h2, body.lang-pl .h2, body.lang-pl h1, body.lang-pl .h1, body.lang-pl h2, body.lang-pl .news-read2 .article-header .title, .news-read2 .article-header body.lang-pl .title, body.lang-pl h3, body.lang-pl .h3, body.lang-pl .cd-hero .slide .text, .cd-hero .slide body.lang-pl .text, body.lang-pl .cd-hero2 .slide .text, .cd-hero2 .slide body.lang-pl .text, body.lang-pl #newsIndex2 .featured .post .title, #newsIndex2 .featured .post body.lang-pl .title, body.lang-pl #newsIndex2 .post-list .post .title, #newsIndex2 .post-list .post body.lang-pl .title, body.lang-pl h1, body.lang-pl .h1, body.lang-pl h2, body.lang-pl .h2, body.lang-pl h1, body.lang-pl h3, body.lang-pl .h3, body.lang-pl .cd-hero .slide .text, .cd-hero .slide body.lang-pl .text, body.lang-pl .cd-hero2 .slide .text, .cd-hero2 .slide body.lang-pl .text, body.lang-pl #newsIndex2 .featured .post .title, #newsIndex2 .featured .post body.lang-pl .title, body.lang-pl #newsIndex2 .post-list .post .title, #newsIndex2 .post-list .post body.lang-pl .title, body.lang-pl .news-read2 .article-header .title, .news-read2 .article-header body.lang-pl .title, body.lang-pl h2, body.lang-pl .news-read .article-header .title, body.lang-pl h3, body.lang-pl .h3, body.lang-pl .cd-hero .slide .text, .cd-hero .slide body.lang-pl .text, body.lang-pl .cd-hero2 .slide .text, .cd-hero2 .slide body.lang-pl .text, body.lang-pl #newsIndex2 .featured .post .title, #newsIndex2 .featured .post body.lang-pl .title, body.lang-pl #newsIndex2 .post-list .post .title, #newsIndex2 .post-list .post body.lang-pl .title, body.lang-pl .cd-hero .slide .text, body.lang-pl #newsIndex .featured .post .title, body.lang-pl #newsIndex .post-list .post .title { font-family: 'Montserrat', sans-serif; }

.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

.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 .activeLanguage:active { pointer-events: none; }
.header .navHeader::after { background: url('../images/mainSiteAssets/nav/dropDownIcon.png?1629818868') 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 .loginMenu .headerLoginText .nameHolder, .header .logoMenu .menuRight .headerSignup .headerLoginText .nameHolder { max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.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?1629818868') 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?1629818868') 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; text-align: center; height: 45px; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; }
.storeBar a { color: #a1a1a1; float: left; width: 33.33%; box-sizing: border-box; padding-top: 5px; }
.storeBar a img { margin-bottom: 5px; display: inline-block; }
.storeBar a .text { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; text-transform: uppercase; display: inline-block; position: relative; top: -15px; }
.storeBar a.goldText { color: #c99037; }
.storeBar a .info { text-align: center; display: inline-grid; margin-left: 7px; margin-top: 0; width: auto; }
.storeBar a.coupon .text { top: -22px; }
.storeBar a.coupon .couponInfo { font-family: "Open Sans", sans-serif; display: block; word-spacing: 0; font-size: 10px; margin-top: -18px; color: #ffffff; }
.storeBar a.coupon .couponInfo span { background-color: #d30000; padding: 0 2px; }
@media (max-width: 875px) { .storeBar .container { width: 100%; }
  .storeBar .link { min-width: 184px; }
  .storeBar .link .text { font-size: 12px; } }
@media (max-width: 600px) { .storeBar { display: none; } }

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

.vaultLink a { margin-top: 9px; }
.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: 2000; }
.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; height: 90px; padding-top: 10px; }
@media (max-width: 415px) { .mobileHeader .mobileLogo { height: 72px; } }
.mobileHeader .mobileLogo img { margin: 0 auto; max-width: 90%; }
.mobileHeader .mobileNav { position: fixed; top: -120%; width: 100%; height: 100%; 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%; columns: 2; -webkit-columns: 2; -moz-columns: 2; margin-top: 8px; } }
@media only screen and (max-width: 823px) and (min-width: 820px) { .mobileHeader .mobileNav { columns: 2; -webkit-columns: 2; -moz-columns: 2; margin-top: 7px; } }
.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: 1275px) { .header .logoMenu ul.nav-links { margin: 11px 0 0 11px; }
  .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?1629818868') 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?1629818868') 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?1629818868') no-repeat; }
  .header .logoMenu .menuRight .loginMenu .headerUser.active { background: url('../images/mainSiteAssets/nav/userActive.png?1629818868') no-repeat; }
  .header .navHeader::after, .header .header .logoMenu .menuRight ul.loginMenu .headerLoginText::after { height: 11px; width: 11px; background-size: 100% 100%; } }
@media (max-width: 1024px) { .lang-fr .storeBar a { font-size: 12px; } }
@media (max-width: 823px) { #clearlogin { display: none; } }
@media (max-width: 769px) { .loginSignup { width: 204px !important; position: absolute; right: 0px; margin-right: 8px !important; text-align: right; } }
@media (max-width: 428px) { .loginSignup { width: 124px; margin-top: -7px; color: #000000; position: absolute; right: 0px; margin-right: 8px !important; text-align: right; }
  .loginSignup span { display: none; }
  .loginSignup #clearlogin { clear: both; display: block; }
  .tealBar, .mobileLogo { max-width: 428px !important; }
  .mobileHeader { min-height: 73px; } }
@media (max-width: 361px) { .tealBar, .mobileLogo { max-width: 360px !important; } }
@media (max-width: 280px) { .tealBar, .mobileLogo { max-width: 280px !important; } }
#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 .footerlinkSection ul li #ot-sdk-btn { border: none; padding: 0; font: inherit; color: #959595; background-color: white; }
#footer .footerContain .footerLogoLegal { float: right; }
#footer .footerContain .footerLogoLegal .consoleLogosTop { margin-top: -25px; width: 125%; }
#footer .footerContain .footerLogoLegal .consoleLogosTop img { margin-right: 5px; position: relative; }
#footer .footerContain .footerLogoLegal .consoleLogosBot { margin-top: 6px; margin-bottom: -1px; }
#footer .footerContain .footerLogoLegal .consoleLogosBot img { margin-right: 5px; 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 { display: flex; flex-direction: column; justify-content: center; 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 .footerMobileContain ul li #ot-sdk-btn { border: none; padding: 0; font: inherit; color: #959595; background-color: white; }
#footer .footerMobile .footerMobileContain .logoMobileItem { margin: 2.5px 0px; }
#footer .footerMobile .footerMobileContain .logoMobileItem img { margin: 0 5px; }
#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 (max-width: 320px) { #footer { width: 360px; } }
.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; min-width: 320px; }
#mediapage #videos #ratingblockmain { position: absolute; left: -50%; width: 200%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 199; }
#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) { #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; } }

.lang-fr #mediapage button { height: 60px !important; max-width: 300px !important; }
.lang-fr #mediapage button .button-wrap { white-space: pre-line; line-height: 21px; }

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

@media (max-width: 1370px) and (min-width: 1360px) { #factions .grineer { background-position-x: 0px !important; background-position-y: 120px !important; } }
@media (max-width: 1024px) and (min-width: 1000px) { #keyart { background-attachment: inherit; background-position-x: -90px !important; background-position-y: 0px !important; }
  #keyart .container { padding-top: 15% !important; }
  #factions .container { position: absolute; bottom: 0px; background: rgba(0, 0, 0, 0.7); padding-top: 0px !important; margin-top: 0px; padding-bottom: 170px; width: 100%; height: auto !important; }
  #factions #factionIcons { top: -150px !important; }
  #factions .grineer { background-position-x: 0px !important; background-position-y: 120px !important; }
  #factions .corpus { background-position-x: 0px !important; background-position-y: 90px !important; }
  #factions .infested { background-position-x: 0px !important; background-position-y: 120px !important; }
  #factions .sentient { background-position-x: 0px !important; background-position-y: 120px !important; }
  #warframes { background-attachment: inherit !important; } }
@media (max-width: 850px) { body.game #keyart { padding-bottom: 0px; }
  body.game #keyart h2 { margin-top: -10px !important; }
  body.game #keyart .container { background: rgba(255, 255, 255, 0.7); width: 100%; padding: 10%; }
  body.game #warframes { padding-bottom: 0px; }
  body.game #warframes .container { padding-top: 20px !important; }
  body.game #warframes .container .row { margin-top: -10px; }
  body.game #factions .container { position: absolute; bottom: 0px; background: rgba(0, 0, 0, 0.7); padding-top: 0px !important; margin-top: 0px; padding-bottom: 170px; width: 100%; height: auto !important; } }
@media (max-width: 850px) and (max-width: 812px) and (orientation: landscape) { body.game #factions #factionIcons { top: -70px !important; }
  body.game #factions .factionIcon { width: 73px !important; }
  body.game #factions #grineerIcon .factionIconBG { background-position-x: -72px !important; }
  body.game #factions #infestedIcon .factionIconBG { background-position-x: -145px !important; }
  body.game #factions #sentientIcon .factionIconBG { background-position-x: -218px !important; } }
@media (max-width: 850px) { body.game #factions .grineer { background-position-x: 0px !important; background-position-y: 120px !important; }
  body.game #factions .corpus { background-position-x: 0px !important; background-position-y: 90px !important; }
  body.game #factions .infested { background-position-x: 0px !important; background-position-y: 120px !important; }
  body.game #factions .sentient { background-position-x: 0px !important; background-position-y: 120px !important; }
  body.game #warframes .container { min-height: 400px; }
  body.game #warframes .container .row { margin-top: 25px !important; } }
@media (max-width: 850px) and (max-width: 812px) and (orientation: landscape) { body.game #quickstart button { margin-left: 15px; margin-right: 15px; } }

@media (max-width: 823px) and (min-width: 820px) { #factions #factionIcons { top: -150px !important; } }
@media (max-width: 700px) { body.game #keyart { padding-bottom: 0px; }
  body.game #keyart h2 { margin-top: -10px !important; }
  body.game #keyart .container { background: rgba(255, 255, 255, 0.7); width: 100%; padding: 10%; }
  body.game #warframes { padding-bottom: 0px; }
  body.game #warframes .container { padding-top: 20px !important; }
  body.game #warframes .container .row { margin-top: -10px; }
  body.game #factions .container { position: absolute; bottom: 0px; background: rgba(0, 0, 0, 0.7); padding-top: 0px !important; margin-top: 0px; padding-bottom: 170px; width: 100%; height: auto !important; }
  body.game #factions .factionIcon { width: 73px !important; }
  body.game #factions #grineerIcon .factionIconBG { background-position-x: -72px !important; }
  body.game #factions #infestedIcon .factionIconBG { background-position-x: -145px !important; }
  body.game #factions #sentientIcon .factionIconBG { background-position-x: -218px !important; }
  body.game #factions .grineer { background-position-x: -30px !important; background-position-y: 120px !important; }
  body.game #factions .corpus { background-position-x: -270px !important; background-position-y: 30px !important; }
  body.game #factions .infested { background-position-x: -130px !important; background-position-y: 120px !important; }
  body.game #factions .sentient { background-position-x: -150px !important; background-position-y: 120px !important; } }
@media (max-width: 700px) and (max-width: 812px) and (orientation: landscape) { body.game #factions .grineer { background-position-x: 0px !important; background-position-y: 120px !important; }
  body.game #factions .corpus { background-position-x: 0px !important; background-position-y: 90px !important; }
  body.game #factions .infested { background-position-x: 0px !important; background-position-y: 120px !important; }
  body.game #factions .sentient { background-position-x: 0px !important; background-position-y: 120px !important; } }

@media (max-width: 320px) { .game #mainContent { min-width: 320px; }
  .game #factionIconContain { margin-bottom: 120px !important; } }
.lang-fr #gamepage #keyart button { height: 60px !important; max-width: 300px !important; }
.lang-fr #gamepage #keyart button .button-wrap { white-space: pre-line; line-height: 21px; }

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

#newsIndex2 { padding-bottom: 70px; }
#newsIndex2 .sliderNavWrap { position: relative; }
#newsIndex2 .cd-hero2 .slider-nav { bottom: 10px; }
#newsIndex2 .cd-hero2 .slider-nav::before, #newsIndex2 .cd-hero2 .slider-nav::after { position: absolute; }
#newsIndex2 .cd-hero2 .slider-nav::before { left: -39px; }
#newsIndex2 .cd-hero2 .slider-nav::after { top: 0; right: -39px; }
#newsIndex2 .slider-link-overlay { display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }
#newsIndex2 .slide-content { position: relative; max-width: 500px; width: unset !important; }
#newsIndex2 .slide-content p, #newsIndex2 .slide-content h3 { color: white !important; }
#newsIndex2 .slide-content p { font-size: 16px; line-height: 1.25em; }
#newsIndex2 .slide-content h3 { font-weight: bold; letter-spacing: 1px; }
#newsIndex2 .slide-content .slider-header { margin-bottom: 15px; }
#newsIndex2 .slide-content .moreFaq { background-color: #d30000; color: #FFFFFF; text-decoration: none; text-transform: uppercase; padding: 7px 14px; font-size: 13px; letter-spacing: 1px; }
#newsIndex2 .slide-content a { text-decoration: none !important; }
#newsIndex2 .shadow { -webkit-filter: blur(35px); filter: blur(35px); -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; background: rgba(0, 0, 0, 0.6); height: 140%; width: 125%; position: absolute; top: -25%; left: -20%; z-index: -1; }
#newsIndex2 .featured { padding: 0 0 50px 0; border-bottom: 1px solid #a0a0a0; margin-bottom: 40px; }
#newsIndex2 .featured .post { position: relative; background-color: #ffffff; border-top: 1px solid #d30000; border-bottom: 3px solid #d30000; }
#newsIndex2 .featured .post .image { position: relative; overflow: hidden; }
#newsIndex2 .featured .post .image img { width: 100%; }
#newsIndex2 .featured .post .title { font-size: 17px; margin: 0 0 10px 0; line-height: 19px; }
#newsIndex2 .featured .post .description { min-height: 50px; padding: 10px; margin-bottom: 20px; }
#newsIndex2 .featured .post .description .featuredRead { position: absolute; right: 20px; bottom: 10px; }
#newsIndex2 .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; }
#newsIndex2 .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; }
#newsIndex2 .featured .post .read-more .button span { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
#newsIndex2 .categories { display: inline-block; margin: 20px 0; }
#newsIndex2 .categories .category { display: inline-block; border: 1px solid #666; padding: 6px 18px; margin-right: 10px; background-color: #ebebeb; text-transform: uppercase; font-weight: bold; }
#newsIndex2 .categories .category.pc { color: #212121; }
#newsIndex2 .categories .category.pc:hover { background-color: #212121; border-color: #212121; }
#newsIndex2 .categories .category.xbox { color: #005400; }
#newsIndex2 .categories .category.xbox:hover { background-color: #005400; border-color: #005400; }
#newsIndex2 .categories .category.ps4 { color: #034169; }
#newsIndex2 .categories .category.ps4:hover { background-color: #034169; border-color: #034169; }
#newsIndex2 .categories .category.psn { color: #034169; }
#newsIndex2 .categories .category.psn:hover { background-color: #034169; border-color: #034169; }
#newsIndex2 .categories .category.blog { color: #730D6A; }
#newsIndex2 .categories .category.blog:hover { background-color: #730D6A; border-color: #730D6A; }
#newsIndex2 .categories .category.switch { color: #d30000; }
#newsIndex2 .categories .category.switch:hover { background-color: #d30000; border-color: #d30000; }
#newsIndex2 .categories .category:hover { color: #ffffff; }
#newsIndex2 .categories .category.active { color: #ffffff; }
#newsIndex2 .NewsWrapper { display: grid; position: relative; grid-template-columns: 1fr; grid-template-rows: 1fr 1fr; grid-gap: 10px; align-items: center; white-space: nowrap; margin-bottom: 20px; }
#newsIndex2 .NewsWrapper #NewsSectionTitle { padding: 0; }
@media (min-width: 1000px) { #newsIndex2 .NewsWrapper { grid-template-columns: auto 1fr; grid-template-rows: 1fr; } }
#newsIndex2 .SearchWidget { display: grid; position: relative; grid-template-columns: 26px 1fr; align-items: center; gap: 10px; }
#newsIndex2 .SearchWidget-icon { width: 26px; height: 26px; border: 0; }
#newsIndex2 .SearchWidget-input { border: 1px solid #d9d9d9; border-radius: 0; width: 100%; margin-bottom: 0; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; height: 30px; background-color: #fff; }
#newsIndex2 .SearchWidget-submit { display: none; }
#newsIndex2 .search { margin: 0 0 0 10px; padding-top: 4px; padding-bottom: 4px; display: inline-block; float: right; }
#newsIndex2 .search img { position: relative; top: 7px; right: 10px; }
#newsIndex2 .search .form-text { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; word-spacing: 5px; width: 300px; height: 30px; background-color: #ffffff; }
#newsIndex2 .search input[type="submit"] { display: none; position: absolute; top: 0; right: 0; }
@media screen and (max-width: 1024px) { #newsIndex2 .search { float: none; display: block; padding-top: 0; }
  #newsIndex2 .search input[type="text"] { width: 80%; } }
#newsIndex2 .post-list { position: relative; }
#newsIndex2 .post-list .post { line-height: 2em; background-color: #FFFFFF; margin-bottom: 10px; padding: 10px; cursor: pointer; }
#newsIndex2 .post-list .post:hover { background-color: #f5f5f5; }
#newsIndex2 .post-list .post img { max-width: 100%; }
#newsIndex2 .post-list .post .title { font-size: 17px; font-weight: bold; }
#newsIndex2 .post-list .post .title a { line-height: 20px; }
#newsIndex2 .post-list .post .date { font-size: 12px; }
#newsIndex2 .post-list .post .description { border-top: 1px solid #a0a0a0; padding: 5px 0; }
#newsIndex2 .post-list .post .read-more { text-decoration: underline; }
#newsIndex2 .post-list .post.head { background-color: unset; cursor: unset; padding: 0; }
#newsIndex2 .post-list .post.head input.form-text { margin: 0; }
@media screen and (max-width: 1024px) { #newsIndex2 .post-list .post.head { margin-bottom: 20px; } }
#newsIndex2 .post-list .post .categoryLabel { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 5px; font-size: 12px; }
#newsIndex2 .post-list .post .categoryLabel .platformTag { display: none; color: white; min-width: 50px; line-height: normal; text-align: center; padding-left: 5px; padding-right: 5px; }
#newsIndex2 .post-list .post .categoryLabel .platformTag.pc, #newsIndex2 .post-list .post .categoryLabel .platformTag.psn, #newsIndex2 .post-list .post .categoryLabel .platformTag.xbox, #newsIndex2 .post-list .post .categoryLabel .platformTag.switch { display: inline-block; text-transform: uppercase; }
#newsIndex2 .post-list .post .categoryLabel .platformTag.pc { background-color: #212121; }
#newsIndex2 .post-list .post .categoryLabel .platformTag.psn { background-color: #034169; }
#newsIndex2 .post-list .post .categoryLabel .platformTag.xbox { background-color: #005400; }
#newsIndex2 .post-list .post .categoryLabel .platformTag.switch { background-color: #d30000; }
#newsIndex2 .post-list .post .seven.columns { display: flex; flex-direction: column; height: 100%; }
#newsIndex2 .twitter-widget iframe .timeline-Tweet-text { color: #6B6B6B; }
#newsIndex2 .socialGrid { display: grid; grid-gap: 20px; }
@media (max-width: 799px) { #newsIndex2 .socialGrid { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-gap: 10px; } }
#newsIndex2 .socialGrid-tile { display: grid; grid-template-columns: 40px 1fr; grid-template-rows: 40px 1fr; grid-gap: 15px; padding: 10px 15px; background-color: white; color: black; }
@media (max-width: 799px) { #newsIndex2 .socialGrid-tile { grid-gap: 0 15px; } }
#newsIndex2 .socialGrid-tile .socialGrid-tileLogo, #newsIndex2 .socialGrid-tile .socialGrid-tileTitle { align-self: center; }
#newsIndex2 .socialGrid-tile .socialGrid-tileLogo { padding-bottom: 100%; background-position: center; background-repeat: no-repeat; background-size: 40px; }
#newsIndex2 .socialGrid-tile .socialGrid-tileTitle { font-size: 20px; font-weight: bold; }
@media (max-width: 1199px) { #newsIndex2 .socialGrid-tile .socialGrid-tileTitle { font-size: 18px; } }
@media (max-width: 799px) { #newsIndex2 .socialGrid-tile .socialGrid-tileTitle { font-size: 16px; color: white; } }
#newsIndex2 .socialGrid-tile .socialGrid-tileWidget { grid-column: 1 / span 2; display: grid; grid-template-columns: 50px 1fr 80px; grid-gap: 5px; }
@media (max-width: 1199px) { #newsIndex2 .socialGrid-tile .socialGrid-tileWidget { grid-template-columns: 50px 1fr; } }
@media (max-width: 799px) { #newsIndex2 .socialGrid-tile .socialGrid-tileWidget { display: none; } }
#newsIndex2 .socialGrid-tile .socialGrid-tileWidgetLogo { height: 0; padding-bottom: 100%; background-position: center; background-size: contain; background-repeat: no-repeat; border-radius: 12px; }
#newsIndex2 .socialGrid-tile .socialGrid-tileWidgetContent { padding-top: 5px; }
#newsIndex2 .socialGrid-tile .socialGrid-tileWidgetTitle { font-size: 20px; font-weight: bold; }
@media (max-width: 1199px) { #newsIndex2 .socialGrid-tile .socialGrid-tileWidgetTitle { font-size: 18px; } }
#newsIndex2 .socialGrid-tile .socialGrid-tileWidgetDescription { margin-top: 5px; font-size: 11px; line-height: 13px; }
#newsIndex2 .socialGrid-tile .socialGrid-tileWidgetDescription a { color: #b30000; }
#newsIndex2 .socialGrid-tile .socialGrid-tileWidgetDescription a:hover { color: black; }
@media (max-width: 1199px) { #newsIndex2 .socialGrid-tile .socialGrid-tileWidgetAction { grid-column: 1 / span 2; } }
#newsIndex2 .socialGrid-tile .socialGrid-tileWidgetLink { display: block; padding: 12px 0; background-color: black; text-align: center; color: white; font-weight: bold; text-transform: uppercase; }
#newsIndex2 .socialGrid-tile .socialGrid-activeUserCount:before { content: '•'; display: inline; color: green; margin-right: 5px; }
#newsIndex2 .socialGrid-tile.socialGridDiscord .socialGrid-tileLogo { background-image: url('../images/home/icons/logo-discord.png?1631557826'); }
@media (max-width: 799px) { #newsIndex2 .socialGrid-tile.socialGridDiscord .socialGrid-tileLogo { background-image: url('../images/home/icons/logo-discord-white.png?1631557826'); } }
#newsIndex2 .socialGrid-tile.socialGridDiscord .socialGrid-tileWidgetLogo { background-image: url('../images/home/warframe-logo-social.png?1633723643'); }
#newsIndex2 .socialGrid-tile.socialGridDiscord .socialGrid-tileWidgetLink { background-color: #404eec; }
@media (max-width: 799px) { #newsIndex2 .socialGrid-tile.socialGridDiscord { background-color: #404eec; } }
#newsIndex2 .socialGrid-tile.socialGridDiscord:hover .socialGrid-tileWidgetLink { background-color: #4d59ff; }
#newsIndex2 .socialGrid-tile.socialGridTwitch { cursor: pointer; }
#newsIndex2 .socialGrid-tile.socialGridTwitch .socialGrid-tileLogo { height: 60px; margin: -10px 0; background-image: url('../images/home/icons/logo-twitch.png?1631557826'); background-size: 35px auto; background-position: center 11px; }
#newsIndex2 .socialGrid-tile.socialGridTwitch .socialGrid-tileWidgetLogo { background-image: url('../images/home/warframe-logo-social.png?1633723643'); }
#newsIndex2 .socialGrid-tile.socialGridTwitch .socialGrid-tileWidgetLink { background-color: #9147ff; }
@media (max-width: 799px) { #newsIndex2 .socialGrid-tile.socialGridTwitch { background-color: #262626; } }
#newsIndex2 .socialGrid-tile.socialGridTwitch:hover .socialGrid-tileWidgetLink { background-color: #9860ff; }
#newsIndex2 .socialGrid-tile.socialGridTwitter .socialGrid-tileLogo { background-image: url('../images/home/icons/logo-twitter.png?1631557826'); }
@media (max-width: 799px) { #newsIndex2 .socialGrid-tile.socialGridTwitter .socialGrid-tileLogo { background-image: url('../images/home/icons/logo-twitter-white.png?1631557826'); } }
#newsIndex2 .socialGrid-tile.socialGridTwitter .socialGrid-tileWidgetLogo { background-image: url('../images/home/warframe-logo-social.png?1633723643'); }
#newsIndex2 .socialGrid-tile.socialGridTwitter .socialGrid-tileWidgetLink { background-color: #1ca1ee; }
@media (max-width: 799px) { #newsIndex2 .socialGrid-tile.socialGridTwitter { background-color: #1ca1ee; } }
#newsIndex2 .socialGrid-tile.socialGridTwitter:hover .socialGrid-tileWidgetLink { background-color: #53afff; }
#newsIndex2 .socialGrid-tile.socialGridForum .socialGrid-tileLogo { background-image: url('../images/home/icons/logo-forums.png?1631557826'); background-size: 40px auto; }
@media (max-width: 799px) { #newsIndex2 .socialGrid-tile.socialGridForum .socialGrid-tileLogo { background-image: url('../images/home/icons/logo-forums-white.png?1631557826'); } }
#newsIndex2 .socialGrid-tile.socialGridForum .socialGrid-tileWidgetLogo { background-color: #194d6f; background-image: url('../images/home/icons/logo-warframe-wiki.png?1631557826'); }
#newsIndex2 .socialGrid-tile.socialGridForum .socialGrid-tileWidgetLink { background-color: #194d6f; }
@media (max-width: 799px) { #newsIndex2 .socialGrid-tile.socialGridForum { background-color: #002a31; } }
#newsIndex2 .socialGrid-tile.socialGridForum:hover .socialGrid-tileWidgetLink { background-color: #305d86; }
#newsIndex2 .load-more { position: absolute; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); left: 50%; }
#newsIndex2 .buildTracker { position: fixed; top: 100px; z-index: 198; width: 94px; min-height: 300px; height: auto; text-align: center; text-transform: uppercase; font-size: 10px; }
@media screen and (max-width: 875px) { #newsIndex2 .buildTracker { top: 147px; } }
@media (max-width: 799px) { #newsIndex2 .buildTracker { display: none; } }
#newsIndex2 .buildTracker .platformWrap { background-color: white; background-color: rgba(255, 255, 255, 0.8); height: 100%; float: left; padding: 8px 5px; width: 100%; }
#newsIndex2 .buildTracker .platformWrap hr { margin-top: 12px; margin-bottom: 5px; }
#newsIndex2 .buildTracker .platformWrap .trackerLogoPC, #newsIndex2 .buildTracker .platformWrap .trackerLogoPSN, #newsIndex2 .buildTracker .platformWrap .trackerLogoXB1, #newsIndex2 .buildTracker .platformWrap .trackerLogoXBOX, #newsIndex2 .buildTracker .platformWrap .trackerLogoSwitch, #newsIndex2 .buildTracker .platformWrap .newTrackerLogoXBOX { margin: 0 auto; height: 44px; width: 44px; background-repeat: no-repeat; background-size: cover; }
#newsIndex2 .buildTracker .platformWrap .trackerbar { background-color: #a7a7a7; height: 7px; width: 60px; margin: 0 auto; margin-top: 5px; margin-bottom: 5px; position: relative; }
#newsIndex2 .buildTracker .platformWrap .trackerbar .trackerFill { height: 7px; }
#newsIndex2 .buildTracker .platformWrap .trackerbar .trackerTick { height: 10px; width: 1px; background-color: #000000; position: absolute; bottom: -1px; }
#newsIndex2 .buildTracker .platformWrap .trackerbar .pcTick { left: 30px; }
#newsIndex2 .buildTracker .platformWrap .trackerbar .consoleTick1 { left: 20px; }
#newsIndex2 .buildTracker .platformWrap .trackerbar .consoleTick2 { left: 40px; }
#newsIndex2 .buildTracker .platformWrap .pcContain { color: #212121; }
#newsIndex2 .buildTracker .platformWrap .pcContain .trackerLogoPC { background-image: url('../images/mainSiteAssets/updateTracker/pcGrey.png?1629818868'); }
#newsIndex2 .buildTracker .platformWrap .pcContain .pcFillLive { background-color: #212121; }
#newsIndex2 .buildTracker .platformWrap .ps4Contain, #newsIndex2 .buildTracker .platformWrap .psnContain { color: #034169; }
#newsIndex2 .buildTracker .platformWrap .ps4Contain .trackerLogoPSN, #newsIndex2 .buildTracker .platformWrap .psnContain .trackerLogoPSN { background-image: url('../images/mainSiteAssets/updateTracker/ps4.png?1629818868'); width: 53px !important; height: 51px !important; margin-bottom: 5px; }
#newsIndex2 .buildTracker .platformWrap .ps4Contain .newTrackerLogoPSN, #newsIndex2 .buildTracker .platformWrap .psnContain .newTrackerLogoPSN { background-image: url('../images/mainSiteAssets/updateTracker/PS4logo.png?1629818868'); width: 85px !important; height: 16.5px !important; margin: 10px 0 8px 0; }
#newsIndex2 .buildTracker .platformWrap .ps4Contain .trackerLogoPS5, #newsIndex2 .buildTracker .platformWrap .psnContain .trackerLogoPS5 { background-image: url('../images/mainSiteAssets/updateTracker/PS5logo.png?1629818868'); background-repeat: no-repeat; position: relative; left: 2px; width: 75px !important; height: 20px !important; margin-bottom: 5px; }
#newsIndex2 .buildTracker .platformWrap .ps4Contain .ps4FillLive, #newsIndex2 .buildTracker .platformWrap .ps4Contain .psnFillLive, #newsIndex2 .buildTracker .platformWrap .psnContain .ps4FillLive, #newsIndex2 .buildTracker .platformWrap .psnContain .psnFillLive { background-color: #034169; }
#newsIndex2 .buildTracker .platformWrap .xboxContain { color: #005400; }
#newsIndex2 .buildTracker .platformWrap .xboxContain .trackerLogoXB1, #newsIndex2 .buildTracker .platformWrap .xboxContain .trackerLogoXBOX { background-image: url('../images/mainSiteAssets/updateTracker/xb1.png?1629818868'); width: 53px !important; height: 51px !important; }
#newsIndex2 .buildTracker .platformWrap .xboxContain .newTrackerLogoXBOX { background-image: url('../images/mainSiteAssets/updateTracker/XB1Logo.png?1629818868'); width: 78px !important; height: 16px !important; margin: 12px 0px 5px 0px; position: relative; left: 3px; }
#newsIndex2 .buildTracker .platformWrap .xboxContain .trackerLogoXBSX { background-image: url('../images/mainSiteAssets/updateTracker/XBSXLogo.png?1629818868'); background-repeat: no-repeat; transform: scale(0.8); position: relative; left: -10px; width: 105px !important; height: 20px !important; margin-bottom: 7.5px; }
#newsIndex2 .buildTracker .platformWrap .xboxContain .xboxFillLive { background-color: #005400; }
#newsIndex2 .buildTracker .platformWrap .switchContain { color: #d30000; }
#newsIndex2 .buildTracker .platformWrap .switchContain .trackerLogoSwitch { background-image: url('../images/mainSiteAssets/updateTracker/switch.png?1629818868'); width: 76px !important; height: 71px !important; }
#newsIndex2 .buildTracker .platformWrap .switchContain .switchFillLive { background-color: #d30000; }
#newsIndex2 .buildTracker .trackerTabContain { float: right; width: 15px; height: 100%; position: absolute; right: -15px; cursor: pointer; }
#newsIndex2 .buildTracker .trackerTabContain .beforeSlant { width: 0; height: 0; border-top: 10px solid transparent; border-left: 15px solid #212121; }
#newsIndex2 .buildTracker .trackerTabContain .afterSlant { width: 0; height: 0; border-bottom: 10px solid transparent; border-left: 15px solid #212121; }
#newsIndex2 .buildTracker .trackerTabContain .trackerTab { width: 15px; height: 50%; background-color: #212121; }
#newsIndex2 .buildTracker .trackerTabContain .trackerTab p { width: 793%; position: absolute; top: 50%; left: -53px; color: #FFFFFF; font-size: 10px; white-space: nowrap; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); }
@media (max-width: 875px) { #newsIndex2 .featured .post { margin-bottom: 40px; }
  #newsIndex2 .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; }
  #newsIndex2 .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%; }
  #newsIndex2 .featured .post .read-more .button span { -moz-transform: skewX(0deg); -ms-transform: skewX(0deg); -webkit-transform: skewX(0deg); transform: skewX(0deg); }
  #newsIndex2 .featured .post .title { font-size: 13px; } }
@media (max-width: 600px) { #newsIndex2 .row.featured .post { margin-bottom: 30px; }
  #newsIndex2 .search input[type="text"] { width: 92%; }
  #newsIndex2 .buildTracker { display: none; }
  #newsIndex2 .post-list { width: 100%; }
  #newsIndex2 .featured .post .image img { width: 100%; border-bottom: 2px solid white; }
  #newsIndex2 .categories .category { padding: 6px 17px; margin-right: 1px; }
  #newsIndex2 .cd-hero-slider { height: 351px; }
  #newsIndex2 .cd-hero2 .slider-nav::after, #newsIndex2 .cd-hero2 .slider-nav::before { display: none; }
  #newsIndex2 .cd-hero2 .slider-nav ul { padding: 0 10px; }
  #newsIndex2 .cd-hero2 .slider-nav ul li { margin: 12px 10px 0 10px; }
  #newsIndex2 .cd-hero2 .text { color: white; }
  #newsIndex2 .cd-hero2 .text .container { width: 100%; }
  #newsIndex2 .cd-hero2 .text .slide-content img { width: 70%; }
  #newsIndex2 .cd-hero2 .text .slide-content p, #newsIndex2 .cd-hero2 .text .slide-content h3, #newsIndex2 .cd-hero2 .text .slide-content h2 { width: auto !important; max-width: inherit; }
  #newsIndex2 .cd-hero2 .text .slide-content .inner { bottom: inherit; top: 40px; margin-left: 0 !important; width: 100%; right: 0 !important; margin-top: 0; }
  #newsIndex2 .storeBar { display: none; }
  #newsIndex2 .twitter-widget { display: none; } }
#newsIndex2 #mainContentContainer { display: grid; grid-template-columns: 2fr 1fr; grid-gap: 20px 4%; }
#newsIndex2 #mainContentContainer hr { border-top-color: #757575; margin: 20px; }
#newsIndex2 #mainContentContainer #storeSection { grid-column: 1; grid-row: 1; }
#newsIndex2 #mainContentContainer #communitySection { grid-column: 2; grid-row: 1 / span 2; }
#newsIndex2 #mainContentContainer #communitySection #communityMobileHeader { display: none; }
#newsIndex2 #mainContentContainer #communitySection #CommunitySectionTitle { padding: 10px 0; }
@media screen and (max-width: 1024px) { #newsIndex2 #mainContentContainer #communitySection #CommunitySectionTitle { padding-bottom: 0; } }
#newsIndex2 #mainContentContainer #newsSection { grid-column: 1; grid-row: 2; }
@media (max-width: 799px) { #newsIndex2 #mainContentContainer { grid-template-columns: 1fr; }
  #newsIndex2 #mainContentContainer #communitySection { grid-column: 1; grid-row: 2; }
  #newsIndex2 #mainContentContainer #communitySection #communityMobileHeader { display: block; margin-bottom: 20px; }
  #newsIndex2 #mainContentContainer #newsSection { grid-column: 1; grid-row: 3; } }
#newsIndex2 #mainContentContainer .sectionTitle { display: inline-block; font-family: Michroma, "Open Sans", Helvetica, sans-serif; font-size: 20px; text-transform: uppercase; }
#newsIndex2 #mainContentContainer .buildWrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); grid-auto-rows: 1fr; gap: 20px; margin: 20px 0; }
@media (max-width: 799px) { #newsIndex2 #mainContentContainer .buildWrapper { display: none; } }
#newsIndex2 #mainContentContainer .buildWrapper .buildContainer { display: flex; flex-direction: column; padding: 10px; }
#newsIndex2 #mainContentContainer .buildWrapper .buildContainer a { margin-top: -3px; }
#newsIndex2 #mainContentContainer .buildWrapper .buildContainer .platformLogo { height: 50px; background-repeat: no-repeat; background-size: contain; background-position: center; margin: 0; }
#newsIndex2 #mainContentContainer .buildWrapper .buildContainer .versionText { color: white; text-align: center; }
#newsIndex2 #mainContentContainer .buildWrapper .buildContainer .trackerbar { background-color: rgba(255, 255, 255, 0.5); height: 5px; width: 100px; margin: 0 auto; margin-top: 5px; margin-bottom: 5px; position: relative; border-radius: 10px; }
#newsIndex2 #mainContentContainer .buildWrapper .buildContainer .trackerbar .trackerFill { height: 5px; background-color: white; border-radius: 10px; }
#newsIndex2 #mainContentContainer .buildWrapper .buildContainer .trackerbar .trackerTick { height: 6px; width: 1px; background-color: #000000; position: absolute; bottom: -1px; }
#newsIndex2 #mainContentContainer .buildWrapper .buildContainer .trackerbar .pcTick { left: 50px; }
#newsIndex2 #mainContentContainer .buildWrapper .buildContainer .trackerbar .consoleTick1 { left: 33.333px; }
#newsIndex2 #mainContentContainer .buildWrapper .buildContainer .trackerbar .consoleTick2 { left: 66.666px; }
#newsIndex2 #mainContentContainer .buildWrapper .buildContainer .buildStatus { color: white; text-align: center; }
#newsIndex2 #mainContentContainer .buildWrapper .buildContainer.pc { background-color: #212121; }
#newsIndex2 #mainContentContainer .buildWrapper .buildContainer.pc .platformLogo { background-image: url('../images/mainSiteAssets/updateTracker/2021_Update/pcWhite.png?1631557826'); }
#newsIndex2 #mainContentContainer .buildWrapper .buildContainer.ps4, #newsIndex2 #mainContentContainer .buildWrapper .buildContainer.psn { background-color: #034169; }
#newsIndex2 #mainContentContainer .buildWrapper .buildContainer.ps4 .platformLogo, #newsIndex2 #mainContentContainer .buildWrapper .buildContainer.psn .platformLogo { background-image: url('../images/mainSiteAssets/updateTracker/2021_Update/psWhite.png?1631557826'); }
#newsIndex2 #mainContentContainer .buildWrapper .buildContainer.xbox { background-color: #005400; }
#newsIndex2 #mainContentContainer .buildWrapper .buildContainer.xbox .platformLogo { background-image: url('../images/mainSiteAssets/updateTracker/2021_Update/xbWhite.png?1631557826'); }
#newsIndex2 #mainContentContainer .buildWrapper .buildContainer.switch { background-color: #d30000; }
#newsIndex2 #mainContentContainer .buildWrapper .buildContainer.switch .platformLogo { background-image: url('../images/mainSiteAssets/updateTracker/2021_Update/swWhite.png?1631557826'); }
#newsIndex2 #mainContentContainer .extraSocials { display: flex; justify-content: center; gap: 10px; }
#newsIndex2 #mainContentContainer .extraSocials .extraSocials-icon { width: 34px; height: 34px; }
@media (max-width: 799px) { #newsIndex2 #mainContentContainer .extraSocials { margin-top: 10px; } }
#newsIndex2 #vkSocialIcon { display: none; }

body.news_index.lang-ru #newsIndex2 #vkSocialIcon { display: unset; }
body.news_index.lang-ru #newsIndex2 #fbSocialIcon { display: none; }
body.news_index.lang-ru #newsIndex2 .socialGrid-tile .socialGrid-tileWidget, body.news_index.lang-ja #newsIndex2 .socialGrid-tile .socialGrid-tileWidget, body.news_index.lang-de #newsIndex2 .socialGrid-tile .socialGrid-tileWidget, body.news_index.lang-fr #newsIndex2 .socialGrid-tile .socialGrid-tileWidget, body.news_index.lang-pt-br #newsIndex2 .socialGrid-tile .socialGrid-tileWidget, body.news_index.lang-tr #newsIndex2 .socialGrid-tile .socialGrid-tileWidget, body.news_index.lang-pl #newsIndex2 .socialGrid-tile .socialGrid-tileWidget, body.news_index.lang-it #newsIndex2 .socialGrid-tile .socialGrid-tileWidget { grid-template-columns: 50px 1fr; }
@media (max-width: 799px) { body.news_index.lang-ru #newsIndex2 .socialGrid-tile .socialGrid-tileWidget, body.news_index.lang-ja #newsIndex2 .socialGrid-tile .socialGrid-tileWidget, body.news_index.lang-de #newsIndex2 .socialGrid-tile .socialGrid-tileWidget, body.news_index.lang-fr #newsIndex2 .socialGrid-tile .socialGrid-tileWidget, body.news_index.lang-pt-br #newsIndex2 .socialGrid-tile .socialGrid-tileWidget, body.news_index.lang-tr #newsIndex2 .socialGrid-tile .socialGrid-tileWidget, body.news_index.lang-pl #newsIndex2 .socialGrid-tile .socialGrid-tileWidget, body.news_index.lang-it #newsIndex2 .socialGrid-tile .socialGrid-tileWidget { display: none; } }
body.news_index.lang-ru #newsIndex2 .socialGrid-tile .socialGrid-tileWidgetAction, body.news_index.lang-ja #newsIndex2 .socialGrid-tile .socialGrid-tileWidgetAction, body.news_index.lang-de #newsIndex2 .socialGrid-tile .socialGrid-tileWidgetAction, body.news_index.lang-fr #newsIndex2 .socialGrid-tile .socialGrid-tileWidgetAction, body.news_index.lang-pt-br #newsIndex2 .socialGrid-tile .socialGrid-tileWidgetAction, body.news_index.lang-tr #newsIndex2 .socialGrid-tile .socialGrid-tileWidgetAction, body.news_index.lang-pl #newsIndex2 .socialGrid-tile .socialGrid-tileWidgetAction, body.news_index.lang-it #newsIndex2 .socialGrid-tile .socialGrid-tileWidgetAction { grid-column: 1 / span 2; }
body.news_index.lang-pl .tileGrid-inner, body.news_index.lang-pl #newsIndex2 #mainContentContainer .sectionTitle, body.news_index.lang-pl #newsIndex2 .SearchWidget-input, body.news_index.lang-pl .load-more button { font-family: "Open Sans", Helvetica, sans-serif; letter-spacing: 0; }

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

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

@media (max-width: 769px) and (min-width: 750px) { .search img { right: 3px !important; }
  .search .form-text { padding-right: 0px !important; margin-left: 4px !important; }
  #newsIndex2 .featured { padding-bottom: 0px; margin-bottom: 30px; }
  #newsIndex2 .categories { text-align: center; width: 100%; margin-bottom: 0px; }
  #newsIndex2 .title { font-size: 14px !important; } }
@media (max-width: 416px) { body.news_index #mainContent { max-width: 411px; }
  body.news_index #mainContent .cd-hero .slider-nav ul { margin: 0px -23px !important; }
  body.news_index #mainContent .featured { padding: 0 0 0px 0 !important; border-bottom: none !important; margin-bottom: 0px !important; }
  body.news_index #mainContent #newsIndex2 .categories { text-align: center !important; }
  body.news_index #mainContent #newsIndex2 .categories .category.switch { margin-top: 7px !important; }
  body.news_index #mainContent .search { margin-top: -9px !important; margin-bottom: 10px !important; }
  body.news_index #mainContent .search .form-text { width: 91% !important; font-size: 12px; padding-right: 0px !important; margin-left: 4px !important; }
  body.news_index #mainContent .search img { right: 3px !important; } }
@media (max-width: 361px) { body.news_index #mainContent { max-width: 360px !important; padding-left: 0px !important; padding-right: 0px !important; }
  body.news_index #mainContent .search .form-text { width: 90% !important; } }
body.news_index #mainContentContainer { margin: 30px auto 60px; }
body.news_index .tileGrid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px; }
body.news_index .tileGrid-tile { display: block; position: relative; background-size: cover; background-position: center; padding-bottom: 56.338%; }
body.news_index .tileGrid-tile.tileGrid-smallTile { padding-bottom: 28.686%; }
body.news_index .tileGrid-tile.PrimeAccessTile { background-image: url('../images/home/cards/pa-bg-nidus.png?1631557826'); }
body.news_index .tileGrid-tile.PrimeVaultTile { background-image: url('../images/home/cards/pv-bg.png?1631557826'); }
body.news_index .tileGrid-tile.PrimeResurgenceTile { background-image: url('../images/home/cards/pr-bg.png?1636147895'); }
body.news_index .tileGrid-tile.BuyPlatTile { background-image: url('../images/home/cards/buy-plat-bg.png?1631557826'); }
body.news_index .tileGrid-tile.MerchTile { background-image: url('../images/home/cards/merch-bg.png?1631557826'); }
body.news_index .tileGrid-tile:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; background: linear-gradient(to top, rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0) 90px); }
body.news_index .tileGrid-inner { position: absolute; left: 0; right: 0; bottom: 0; padding: 15px 20px; text-transform: uppercase; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; font-size: 20px; word-spacing: 5px; letter-spacing: 1px; color: white; text-shadow: 0 0 3px #000; z-index: 1; }
@media (max-width: 875px) { body.news_index .tileGrid { grid-gap: 15px; grid-template-rows: 1fr 1fr; }
  body.news_index .tileGrid-tile { display: flex; align-items: center; align-content: stretch; padding-bottom: 0; min-height: 60px; }
  body.news_index .tileGrid-tile.tileGrid-smallTile { padding-bottom: 0; }
  body.news_index .tileGrid-tile.PrimeAccessTile { background: linear-gradient(to top, #c89a36, #e4ba50); }
  body.news_index .tileGrid-tile.PrimeVaultTile { background: linear-gradient(to top, #747474, #a4a4a4); }
  body.news_index .tileGrid-tile.PrimeResurgenceTile { background: linear-gradient(to top, #747474, #a4a4a4); }
  body.news_index .tileGrid-tile.BuyPlatTile { background: linear-gradient(to top, #052a42, #083b5e); }
  body.news_index .tileGrid-tile.MerchTile { background: linear-gradient(to top, #003d46, #005864); }
  body.news_index .tileGrid-tile:after { content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; pointer-events: none; background: url('../images/home/cards/lotus-bg.png?1631557826'); background-position: center right; background-size: contain; background-repeat: no-repeat; }
  body.news_index .tileGrid-inner { position: relative; padding: 10px 15px; text-align: center; width: 100%; font-family: inherit; font-size: 16px; font-weight: bold; letter-spacing: 0; } }

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: 50%; transform: translateX(-50%); width: auto; }
@media (max-width: 875px) { body.signup .signupContent #signupPlatforms a { width: 100%; display: block; } }
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.8); 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) { 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 .form-text.error { border-color: #FF2323 !important; }
body.signup #mainText .text-content form label.error { font-weight: bold; color: #FF2323; 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; }

.contest-box { border: white 1px solid; border-radius: 5px; background-image: url('../images/promo/space-contest/overlay-bg_70per.png'); margin: 0 0%; padding: 11px; }
.contest-box .contest-title { font-weight: bold; font-size: 1.1em; margin: 5px 0 10px 0; }
.contest-box .fancy { line-height: 0.5; text-align: center; }
.contest-box .fancy span { display: inline-block; position: relative; }
.contest-box .fancy span:before, .contest-box .fancy span:after { content: ""; position: absolute; height: 3px; border-bottom: 1px solid white; top: 0; width: 100%; }
@media (max-width: 600px) { .contest-box .fancy span:before, .contest-box .fancy span:after { width: 25%; } }
.contest-box .fancy span:before { right: 100%; margin-right: 15px; }
.contest-box .fancy span:after { left: 100%; margin-left: 15px; }
@media (max-width: 875px) { .contest-box { margin: 0 0; } }
@media (max-width: 320px) { .contest-box { border: white 1px solid; }
  .contest-box .contest-title { font-size: 18px; }
  .contest-box #read-rules { width: 100%; }
  .contest-box #read-rules label { font-size: 11px; } }

#loginPage .consoleLoginBtns a { width: 32%; height: 45px; padding-top: 8px; min-width: 130px; }
#loginPage .consoleLoginBtns a.psBtn, #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%; } }
#loginPage .contentHeaderContain p { color: #ffffff; }

body.new_login, #loginPage { color: #ffffff; }
body.new_login #bgvid, body.new_login #vidFallback, #loginPage #bgvid, #loginPage #vidFallback { position: fixed; min-height: 100%; width: 100%; right: 0; margin: 0 auto; z-index: 1; top: 50px; object-fit: cover; }
body.new_login #mainText, #loginPage #mainText { position: relative; z-index: 10; }
body.new_login #mainText, #loginPage #mainText { margin-top: 15%; margin-bottom: 5%; }
@media (min-width: 1980px) { body.new_login #mainText, #loginPage #mainText { margin-top: 20%; } }
body.new_login #mainText .text-content, #loginPage #mainText .text-content { background-color: rgba(0, 0, 0, 0.7); text-align: center; color: #fff; padding-bottom: 20px; }
body.new_login #mainText .text-content .title, #loginPage #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_login #mainText .text-content .contactImg, #loginPage #mainText .text-content .contactImg { margin: 25px 0; }
body.new_login #mainText .text-content .contentHeaderContain, #loginPage #mainText .text-content .contentHeaderContain { width: 75%; }
body.new_login #mainText .text-content .contentHeaderContain .contentHeaderLines, #loginPage #mainText .text-content .contentHeaderContain .contentHeaderLines { border-top: 1px solid #fff; border-bottom: 1px solid #fff; height: 6px; }
body.new_login #mainText .text-content .contentHeaderContain .contentHeaderText, #loginPage #mainText .text-content .contentHeaderContain .contentHeaderText { font-size: 21px; top: -10px; position: relative; }
body.new_login #mainText .text-content p, #loginPage #mainText .text-content p { width: 65%; margin: 0 auto; font-size: 20px; margin-bottom: 25px; line-height: 25px; }
body.new_login .text-content, #loginPage .text-content { background-color: rgba(0, 0, 0, 0.8) !important; }
body.new_login.robotCheck, #loginPage.robotCheck { color: black; }
@media (max-width: 600px) { body.new_login .wrapper, #loginPage .wrapper { background-image: inherit; }
  body.new_login .wrapper .contentHeaderContain.console .contentHeaderLines, #loginPage .wrapper .contentHeaderContain.console .contentHeaderLines { display: none; }
  body.new_login .wrapper .contentHeaderLines, #loginPage .wrapper .contentHeaderLines { width: 30% !important; }
  body.new_login .wrapper #submit-login [type="submit"], #loginPage .wrapper #submit-login [type="submit"] { width: 120%; } }
body.new_login #mainText .text-content p, #loginPage #mainText .text-content p { margin-bottom: 55px; line-height: 0px; }
@media (max-width: 600px) { body.new_login #mainText .text-content p, #loginPage #mainText .text-content p { line-height: 22px; } }
body.new_login form#loginForm, #loginPage form#loginForm { width: 50%; margin: 0 auto; }
body.new_login form#loginForm label.error, #loginPage form#loginForm label.error { font-weight: bold; color: #FF2323; }
body.new_login form#loginForm input[type="text"], body.new_login form#loginForm input[type="email"], body.new_login form#loginForm input[type="password"], #loginPage form#loginForm input[type="text"], #loginPage form#loginForm input[type="email"], #loginPage form#loginForm input[type="password"] { color: #ffffff; }
body.new_login form#loginForm a, #loginPage form#loginForm a { color: white; }
body.new_login form#loginForm a:hover, #loginPage form#loginForm a:hover { color: #d30000; }
body.new_login form#loginForm .form-text, #loginPage form#loginForm .form-text { background: none; border-left: none; border-right: none; border-top: none; }
body.new_login form#loginForm .form-text::placeholder, #loginPage form#loginForm .form-text::placeholder { color: #fff; }
body.new_login form#loginForm .form-text.error, #loginPage form#loginForm .form-text.error { border-color: #FF2323 !important; }
@media (max-width: 600px) { body.new_login form#loginForm, #loginPage form#loginForm { width: 85%; } }
body.new_login form#loginForm #remember-me, #loginPage form#loginForm #remember-me { float: left; }

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

#loginPage.robotCheck p { text-align: center; font-weight: bold; }
#loginPage .consoleLoginBtns { text-align: center; }
#loginPage .consoleLoginBtns a { max-width: 220px; display: inline-block; }
#loginPage .consoleLoginBtns a button { padding: 0 30px; }
#loginPage .consoleLoginBtns a.ps4Btn button { background: #034169; }
#loginPage .consoleLoginBtns a.xb1Btn button { background: #005400; }
#loginPage form input[type="text"], #loginPage form input[type="email"], #loginPage form input[type="password"] { border: 1px solid #b6b9bb; }
#loginPage form .g-recaptcha { width: 304px; margin: 30px auto; }
#loginPage form #submit-login, #loginPage form #submit-btn { margin-bottom: 20px; }
#loginPage form #submit-login button, #loginPage form #submit-btn button { padding: 0 15px; margin: 0 auto; display: block; }
#loginPage form #submit-login [type="submit"], #loginPage form #submit-btn [type="submit"] { border: none; color: white; display: block; font-size: 14px; }

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: 31px; letter-spacing: normal; }
@media (max-width: 600px) { body.user_view #account-manage .accountHeader h1 { font-size: 27px; } }
body.user_view #account-manage .accountOptions { border-top: 1px solid #d1d2d1; margin-top: 45px; margin-bottom: 20px; }
body.user_view #account-manage .accountOptions #accountOptionContain { padding-top: 20px; display: grid; grid-template-columns: repeat(auto-fit, minmax(410px, 1fr)); }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain { display: flex; justify-content: center; align-items: flex-start; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain input[type="submit"] { min-width: 180px; font-weight: lighter !important; font-size: 14px !important; transform: none !important; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain input[type="password"], body.user_view #account-manage .accountOptions #accountOptionContain .optionContain input[type="text"], body.user_view #account-manage .accountOptions #accountOptionContain .optionContain input[type="email"] { 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 .accountOptions #accountOptionContain .optionContain .platCost { font-weight: bold; text-transform: uppercase; border-bottom: #a6a7a9; padding-bottom: 15px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain p { margin-bottom: 15px; line-height: 18px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain p.gray { color: #949594; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .btnSubmit { transform: none !important; cursor: pointer; min-width: 260px; text-align: center; transition: background-color 200ms; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .btnSubmit:hover { background-color: #BF0B02; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard { width: 100%; margin: 15px; background: #fff; max-width: 530px; min-height: 330px; display: flex; flex-direction: column; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard ::-webkit-scrollbar { width: 5px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard ::-webkit-scrollbar-track { background: lightgrey; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard ::-webkit-scrollbar-thumb { background: #d30000; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard #accountCardHeader { background: #CCCCCC; text-align: center; padding: 10px; text-transform: uppercase; position: relative; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard #accountCardHeader h1 { word-wrap: break-word; font-size: 20px; color: black; letter-spacing: normal; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard #accountCardHeader .iconLarge { position: absolute; left: 5px; width: 30px; image-rendering: crisp-edges; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody { position: relative; padding: 30px; display: flex; flex: 1; flex-direction: column; justify-content: space-between; background-size: cover; background-position: right center; background-repeat: no-repeat; }
@media (max-width: 600px) { body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody { background-position: right -135px center; } }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .logo { position: absolute; width: 90px; bottom: 20px; right: 20px; }
@media (max-width: 600px) { body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .logo { position: relative; bottom: unset; right: unset; margin-top: 15px; width: 110px; } }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncAmazon, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncTwitch, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .enable-2fa { flex: 1; width: 65%; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; }
@media (max-width: 600px) { body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncAmazon, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncTwitch, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .enable-2fa { width: 100%; } }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncAmazon h1, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncTwitch h1, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .enable-2fa h1 { font-family: "Open Sans", sans-serif; letter-spacing: 2px; font-weight: bold; font-size: 18px; color: white; text-shadow: 0 0 5px black; margin-bottom: 20px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncAmazon h2, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncTwitch h2, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .enable-2fa h2 { word-spacing: normal; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncAmazon strong, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncTwitch strong, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .enable-2fa strong { color: white; font-weight: bold; font-size: 14px; text-transform: uppercase; text-shadow: 0 0 5px black; margin-bottom: 20px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncAmazon strong a, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncTwitch strong a, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .enable-2fa strong a { color: #FF6161; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncAmazon p, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncTwitch p, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .enable-2fa p { color: white; margin: 2px 2px 10px 2px; font-size: 14px; text-shadow: 0 0 5px black; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncAmazon p a, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncTwitch p a, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .enable-2fa p a { color: white; text-decoration: underline; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncAmazon p a:hover, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncTwitch p a:hover, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .enable-2fa p a:hover { opacity: 80%; color: white; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncAmazon a, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncTwitch a, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .enable-2fa a { margin-top: 10px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncAmazon .accountButton, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncTwitch .accountButton, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .enable-2fa .accountButton { 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); transform: none; transition: background 200ms; white-space: nowrap; min-width: 0; padding: 0 15px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncAmazon .accountButton .saveAccount, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncTwitch .accountButton .saveAccount, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .enable-2fa .accountButton .saveAccount { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncAmazon .accountButton:hover, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .syncTwitch .accountButton:hover, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .enable-2fa .accountButton:hover { background-color: #BF0B02; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .lockedStamp { background: rgba(0, 0, 0, 0.4); position: absolute; top: 0; right: 0; width: 100%; height: 100%; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .lockedStamp img { display: block; margin-left: auto; margin-right: auto; margin-top: 15%; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .lockedStamp strong { color: white; font-weight: bold; font-size: 14px; text-tansform: uppercase; position: absolute; text-align: center; width: 50%; transform: translateX(50%); margin-top: 25px; line-height: normal; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardInfo { padding: 15px; display: grid; grid-template-columns: 1fr 100px; align-items: center; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardInfo #stampCardTitle { grid-column: 1/-1; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardInfo #stampCardTitle h1 { margin-bottom: 0px; word-spacing: 1px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardInfo #stampCardDetail { padding-right: 20px; padding-top: 10px; padding-bottom: 30px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardInfo #stampCardReward { margin-top: -10px; z-index: 1; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardInfo #stampCardReward img { max-width: 100%; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardInfo h1 { font-family: 'Open Sans', sans-serif; color: white; font-size: 18px; font-weight: bold; letter-spacing: 1px; margin-bottom: 15px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardInfo p { color: white; margin: 1px; font-size: 13px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardInfo b { font-weight: bold; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardProgress { display: grid; margin-left: 15px; margin-right: 15px; margin-top: -30px; z-index: 0; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardProgress div { margin: 2px; max-height: 5px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardProgress .claimedBar { background-color: white; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardProgress .claimedBar.roundBorderLeft { border-radius: 50px 0px 0px 50px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardProgress .claimedBar.roundBorderRight { border-radius: 0px 50px 50px 0px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardProgress .unclaimedBar { background-color: rgba(255, 255, 255, 0.35); }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardProgress .unclaimedBar.roundBorderLeft { border-radius: 50px 0px 0px 50px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardProgress .unclaimedBar.roundBorderRight { border-radius: 0px 50px 50px 0px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps { display: grid; grid-template-columns: repeat(auto-fit, minmax(185px, 1fr)); grid-auto-rows: 1fr; grid-gap: 15px; margin: 15px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps div { border-radius: 5px; display: grid; grid-template-columns: 60px 1fr; height: 100%; width: 100%; min-height: 40px; min-width: 153px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps p { color: white; font-size: 14px; margin: auto 8px auto 0px; padding-top: 6px; padding-bottom: 6px; line-height: normal; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps img { margin: auto auto; max-height: 100%; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps .stampRedeemed.stampGreen { background-color: #2f630d; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps .stampRedeemed.stampPurple { background-color: #6441a5; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps .stampRedeemed img { width: 70%; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps .stampRedeemed span { display: block; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps .stampEntitled { background-color: rgba(0, 0, 0, 0.75); }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps .stampEntitled img { width: 50%; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps .stampEntitled p { text-transform: uppercase; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps .stampAvailable { background-color: rgba(0, 0, 0, 0.75); }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps .stampAvailable img { width: 50%; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps .stampAvailable p { color: #c2c2c2; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps .stampAvailable p a { text-decoration: underline; display: block; color: white; text-decoration-color: white; text-transform: uppercase; font-weight: bold; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps .stampUnavailable { background-color: rgba(0, 0, 0, 0.75); }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps .stampUnavailable img { width: 35%; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps .stampUnavailable p { color: #c2c2c2; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps .stampUnavailable b, body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardStamps .stampUnavailable span { color: white; font-weight: bold; display: block; text-transform: uppercase; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardFooter { margin: 15px; padding: 0px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardFooter .stampCardButton { position: relative; top: -3px; display: inline-block; padding-top: 15px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardFooter .stampCardButton a { width: 0px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardFooter .stampCardAccountName { display: inline-block; color: white; font-size: 13px; font-weight: normal; margin-left: 15px; height: 38px; line-height: normal; padding-top: 15px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardFooter .stampCardAccountName strong { font-weight: bold; text-transform: uppercase; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardFooter .stampCardAccountName a { color: #B55FFF; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardFooter .stampCardAccountName a:hover { color: white; }
@media (max-width: 600px) { body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardFooter .stampCardAccountName { margin-left: 0px; } }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardFooter .stampCardRewardEarnedMessage { width: 270px; margin: 10px 15px 10px 0px; background-color: rgba(0, 0, 0, 0.6); color: white; padding: 10px 15px 10px 15px; text-align: center; font-weight: bold; font-size: 13px; line-height: normal; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardFooter .stampCardLogo { position: absolute; right: 0; bottom: 0; margin-right: 17px; margin-bottom: 17px; margin-top: 17px; }
@media (max-width: 1024px) { body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardFooter .stampCardLogo { position: relative; margin-bottom: 0px; } }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardFooter .stampCardLogo img { width: 140px; height: auto; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardFooter .stampCardLogo .stampCardVerticalLine { background-color: rgba(255, 255, 255, 0.5); width: 1px; height: 50px; display: inline-block; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardFooter .stampCardLogo .stampCardHorizontalLine { display: none; }
@media (max-width: 600px) { body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardFooter .stampCardLogo { margin-bottom: 0px; }
  body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardFooter .stampCardLogo #warframeLogo { padding-top: 20px; } }
@media (max-width: 467px) { body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardFooter .stampCardLogo .stampCardVerticalLine { display: none; }
  body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .accountCard .accountCardBody .stampCardFooter .stampCardLogo .stampCardHorizontalLine { display: block; margin: 25px 0px 25px 0px; width: 140px; border-top-color: rgba(255, 255, 255, 0.5); } }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .checkBox { cursor: pointer; color: white; border: 1px solid black; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; font-size: 0; font-weight: bold; transition: background-color 200ms; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .checkBox.checked { border: 0px; font-size: 18px !important; background-color: #d30000; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain .checkBox.checked:hover { background-color: #BF0B02; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain label { flex: 1; padding-top: 2px; padding-left: 5px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#stampCard { grid-column: 1 / -1; align-items: stretch; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#stampCard #stampCardCard .announcement { background-color: #1e2b17; color: white; padding: 10px 18px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#stampCard #stampCardCard .announcement a { color: #b55fff; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#stampCard #stampCardCard .announcement a:hover { color: white; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#stampCard #stampCardCard .accountCardBody { background-color: #22341b; background-image: url('../images/account/redesign2021/stampcard/desktop-bg.png?1629818865'); }
@media (max-width: 600px) { body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#stampCard #stampCardCard .accountCardBody { background-image: url('../images/account/redesign2021/stampcard/mobile-bg.png?1629818865'); background-position: center; } }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#stampCard #stampCardCard .accountCardBody .accountButton { 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); transform: none; transition: background 200ms; white-space: nowrap; min-width: 0; padding: 0 15px; background-color: #6441a5; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#stampCard #stampCardCard .accountCardBody .accountButton .saveAccount { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#stampCard #stampCardCard .accountCardBody .accountButton:hover { background-color: #704bb6; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#lockedStampCard #lockedStampCardCard .accountCardBody { background-color: #22341b; background-image: url('../images/account/redesign2021/stampcard/desktop-bg.png?1629818865'); background-position: right; }
@media (max-width: 600px) { body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#lockedStampCard #lockedStampCardCard .accountCardBody { background-image: url('../images/account/redesign2021/stampcard/mobile-bg.png?1629818865'); } }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#lockedStampCard #lockedStampCardCard .accountCardBody .whiteLock { background-image: url('../images/account/redesign2021/stampcard/white-lock.png?1629818865'); }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#twitchSync #twitchSyncCard .accountCardBody { background-color: #1a1332; background-image: url('../images/account/redesign2021/twitch-card-background.png?1629818865'); }
@media (max-width: 600px) { body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#twitchSync #twitchSyncCard .accountCardBody { background-image: unset; } }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#amazonSync #amazonSyncCard .accountCardBody { background-color: #132832; background-image: url('../images/account/redesign2021/amazon-bg.png?1629818865'); }
@media (max-width: 600px) { body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#amazonSync #amazonSyncCard .accountCardBody { background-image: unset; } }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#enable-2fa #enable-2faCard .accountCardBody { background-color: #131632; background-image: url('../images/account/redesign2021/2fa-bg.png?1629818865'); }
@media (max-width: 600px) { body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#enable-2fa #enable-2faCard .accountCardBody { background-image: unset; } }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#enable-2fa .enable-2fa { width: 55%; color: white; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#enable-2fa .enable-2fa h1 { font-size: 18px; color: white; margin-bottom: 15px; letter-spacing: normal; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#enable-2fa .enable-2fa h2 { font-size: 14px; color: white; font-weight: bold; font-family: "Open Sans", sans-serif; letter-spacing: normal; margin-bottom: 40px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#enable-2fa .enable-2fa .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); transform: none; min-width: 0 !important; padding: 0 10px; font-size: 11px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#enable-2fa .enable-2fa .btnSubmit .saveAccount { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
@media (max-width: 600px) { body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#enable-2fa .enable-2fa .btnSubmit { height: 46px; line-height: 14px; } }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#enable-2fa .enable-2fa p a { color: white; text-decoration: underline; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#enable-2fa .enable-2fa p a:hover { color: #D30000; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#enable-2fa .enable-2fa .learnMore { color: lightgrey; text-decoration: underline; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#enable-2fa .enable-2fa .learnMore:hover { color: #D30000; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo .accountInfo { display: flex; height: auto; transition: height 0.25s ease-out; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo .accountInfo.grown { height: auto; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo .accountInfoContent { display: flex; flex-direction: column; opacity: 0%; transition: visibility 0s, opacity 0.15s ease-in; visibility: hidden; height: 0; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo .accountInfoContent.active { opacity: 100%; visibility: visible; height: auto; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo ul.infoTable { flex: 1; display: flex; flex-direction: column; justify-content: space-between; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo ul.infoTable .icon { width: 12px; vertical-align: middle; margin-bottom: 2px; image-rendering: crisp-edges; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo ul.infoTable .iconBtn { width: 30px; vertical-align: middle; margin-bottom: 2px; image-rendering: crisp-edges; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo ul.infoTable .cardLink { flex: 1; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo ul.infoTable .btnSubmit { min-width: 0 !important; margin: 0 !important; transition: background-color 200ms; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo ul.infoTable .btnSubmit:hover { background-color: #BF0B02; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo ul.infoTable .gdprButton { 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); background-color: #cccccc; transform: none; margin: 0; color: black !important; padding: 0 10px; transition: background-color 200ms; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo ul.infoTable .gdprButton btnSubmit { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo ul.infoTable .gdprButton:hover { background-color: #c0c0c0; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo ul.infoTable li { height: auto; padding: 15px 0px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo ul.infoTable li .half { overflow: hidden; flex: 1; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo ul.infoTable .accountField { display: block; font-weight: bold; font-size: 16px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo ul.infoTable .accountVal { display: block; min-width: 60px; overflow: hidden; text-overflow: ellipsis; width: 100%; margin-top: 5px; padding-bottom: 2px; font-size: 16px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo ul.infoTable .accountVal::after { content: ''; clear: both; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo label.newsletterLabel { display: inline; font-size: 13px; position: relative; top: 4px; left: 4px; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#accountInfo input#newsletter { margin: 0; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#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); transform: none; float: right; margin-top: 68px; transition: background-color 200ms; }
body.user_view #account-manage .accountOptions #accountOptionContain .optionContain#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 .accountOptions #accountOptionContain .optionContain#accountInfo .btnSubmit:hover { background-color: #BF0B02; }
body.user_view #account-manage .accountOptions #accountOptionContain #changePw .btnSubmit { transition: background-color 200ms; 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 .accountOptions #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 .accountOptions #accountOptionContain #changePw .btnSubmit:hover { background-color: #BF0B02; }
body.user_view #account-manage .accountOptions #accountOptionContain #changePw .btnSubmit .saveAccount { transform: none !important; }
body.user_view #account-manage .accountOptions #accountOptionContain #changeAlias #resendEmailVerification, body.user_view #account-manage .accountOptions #accountOptionContain #changePw #resendEmailVerification, body.user_view #account-manage .accountOptions #accountOptionContain #changeEmail #resendEmailVerification, body.user_view #account-manage .accountOptions #accountOptionContain #clanSettings #resendEmailVerification, body.user_view #account-manage .accountOptions #accountOptionContain #allianceSettings #resendEmailVerification, body.user_view #account-manage .accountOptions #accountOptionContain #socialMediaSettings #resendEmailVerification, body.user_view #account-manage .accountOptions #accountOptionContain #gdprSettings #resendEmailVerification { position: absolute; top: 18px; right: 15px; cursor: pointer; }
body.user_view #account-manage .accountOptions #accountOptionContain #changeAlias .form-inline, body.user_view #account-manage .accountOptions #accountOptionContain #changePw .form-inline, body.user_view #account-manage .accountOptions #accountOptionContain #changeEmail .form-inline, body.user_view #account-manage .accountOptions #accountOptionContain #clanSettings .form-inline, body.user_view #account-manage .accountOptions #accountOptionContain #allianceSettings .form-inline, body.user_view #account-manage .accountOptions #accountOptionContain #socialMediaSettings .form-inline, body.user_view #account-manage .accountOptions #accountOptionContain #gdprSettings .form-inline { margin-top: 15px; display: flex; align-items: center; justify-content: space-between; }
body.user_view #account-manage .accountOptions #accountOptionContain #changeAlias .form-inline h2, body.user_view #account-manage .accountOptions #accountOptionContain #changePw .form-inline h2, body.user_view #account-manage .accountOptions #accountOptionContain #changeEmail .form-inline h2, body.user_view #account-manage .accountOptions #accountOptionContain #clanSettings .form-inline h2, body.user_view #account-manage .accountOptions #accountOptionContain #allianceSettings .form-inline h2, body.user_view #account-manage .accountOptions #accountOptionContain #socialMediaSettings .form-inline h2, body.user_view #account-manage .accountOptions #accountOptionContain #gdprSettings .form-inline h2 { font-weight: bold; font-size: 16px; color: #686868; margin-bottom: 5px; letter-spacing: 1px !important; }
body.user_view #account-manage .accountOptions #accountOptionContain #changeAlias .form-inline label, body.user_view #account-manage .accountOptions #accountOptionContain #changePw .form-inline label, body.user_view #account-manage .accountOptions #accountOptionContain #changeEmail .form-inline label, body.user_view #account-manage .accountOptions #accountOptionContain #clanSettings .form-inline label, body.user_view #account-manage .accountOptions #accountOptionContain #allianceSettings .form-inline label, body.user_view #account-manage .accountOptions #accountOptionContain #socialMediaSettings .form-inline label, body.user_view #account-manage .accountOptions #accountOptionContain #gdprSettings .form-inline label { line-height: 18px; display: inline-block !important; vertical-align: top; margin-right: 20px; width: 80%; padding: 0 !important; flex: none !important; }
body.user_view #account-manage .accountOptions #accountOptionContain #changeAlias .form-inline input[type="checkbox"], body.user_view #account-manage .accountOptions #accountOptionContain #changePw .form-inline input[type="checkbox"], body.user_view #account-manage .accountOptions #accountOptionContain #changeEmail .form-inline input[type="checkbox"], body.user_view #account-manage .accountOptions #accountOptionContain #clanSettings .form-inline input[type="checkbox"], body.user_view #account-manage .accountOptions #accountOptionContain #allianceSettings .form-inline input[type="checkbox"], body.user_view #account-manage .accountOptions #accountOptionContain #socialMediaSettings .form-inline input[type="checkbox"], body.user_view #account-manage .accountOptions #accountOptionContain #gdprSettings .form-inline input[type="checkbox"] { margin: 0 !important; }
body.user_view #account-manage .accountOptions #accountOptionContain #changeAlias .btnSubmit, body.user_view #account-manage .accountOptions #accountOptionContain #changePw .btnSubmit, body.user_view #account-manage .accountOptions #accountOptionContain #changeEmail .btnSubmit, body.user_view #account-manage .accountOptions #accountOptionContain #clanSettings .btnSubmit, body.user_view #account-manage .accountOptions #accountOptionContain #allianceSettings .btnSubmit, body.user_view #account-manage .accountOptions #accountOptionContain #socialMediaSettings .btnSubmit, body.user_view #account-manage .accountOptions #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); transform: none; float: right; display: flex; justify-content: center; margin-top: 10px; margin-bottom: 0px; transition: background-color 200ms; }
body.user_view #account-manage .accountOptions #accountOptionContain #changeAlias .btnSubmit a, body.user_view #account-manage .accountOptions #accountOptionContain #changePw .btnSubmit a, body.user_view #account-manage .accountOptions #accountOptionContain #changeEmail .btnSubmit a, body.user_view #account-manage .accountOptions #accountOptionContain #clanSettings .btnSubmit a, body.user_view #account-manage .accountOptions #accountOptionContain #allianceSettings .btnSubmit a, body.user_view #account-manage .accountOptions #accountOptionContain #socialMediaSettings .btnSubmit a, body.user_view #account-manage .accountOptions #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 .accountOptions #accountOptionContain #changeAlias .btnSubmit:hover, body.user_view #account-manage .accountOptions #accountOptionContain #changePw .btnSubmit:hover, body.user_view #account-manage .accountOptions #accountOptionContain #changeEmail .btnSubmit:hover, body.user_view #account-manage .accountOptions #accountOptionContain #clanSettings .btnSubmit:hover, body.user_view #account-manage .accountOptions #accountOptionContain #allianceSettings .btnSubmit:hover, body.user_view #account-manage .accountOptions #accountOptionContain #socialMediaSettings .btnSubmit:hover, body.user_view #account-manage .accountOptions #accountOptionContain #gdprSettings .btnSubmit:hover { background-color: #BF0B02; }
body.user_view #account-manage .accountOptions #accountOptionContain #changeAlias .btnSubmit a, body.user_view #account-manage .accountOptions #accountOptionContain #changePw .btnSubmit a, body.user_view #account-manage .accountOptions #accountOptionContain #changeEmail .btnSubmit a, body.user_view #account-manage .accountOptions #accountOptionContain #clanSettings .btnSubmit a, body.user_view #account-manage .accountOptions #accountOptionContain #allianceSettings .btnSubmit a, body.user_view #account-manage .accountOptions #accountOptionContain #socialMediaSettings .btnSubmit a, body.user_view #account-manage .accountOptions #accountOptionContain #gdprSettings .btnSubmit a { color: white; }
body.user_view #account-manage .accountOptions #accountOptionContain #changeAlias .btnSubmit .saveAccount, body.user_view #account-manage .accountOptions #accountOptionContain #changePw .btnSubmit .saveAccount, body.user_view #account-manage .accountOptions #accountOptionContain #changeEmail .btnSubmit .saveAccount, body.user_view #account-manage .accountOptions #accountOptionContain #clanSettings .btnSubmit .saveAccount, body.user_view #account-manage .accountOptions #accountOptionContain #allianceSettings .btnSubmit .saveAccount, body.user_view #account-manage .accountOptions #accountOptionContain #socialMediaSettings .btnSubmit .saveAccount, body.user_view #account-manage .accountOptions #accountOptionContain #gdprSettings .btnSubmit .saveAccount { transform: none; }
body.user_view #account-manage .accountOptions #accountOptionContain #clanSettings button { float: right !important; }
body.user_view #account-manage .accountOptions #accountOptionContain #change-guild-image, body.user_view #account-manage .accountOptions #accountOptionContain #change-alliance-image { flex: 1; display: flex; flex-direction: row; justify-content: center; }
body.user_view #account-manage .accountOptions #accountOptionContain .notice { font-weight: bold; padding-top: 5px; padding-bottom: 5px; text-transform: uppercase; }
body.user_view #account-manage .accountOptions #accountOptionContain .tabs { display: flex; flex-direction: row; height: auto; }
body.user_view #account-manage .accountOptions #accountOptionContain .tabs .tab { cursor: pointer; height: auto; display: inline-block; font-family: 'Open Sans', sans-serif; width: 50%; background: #eae8e9; text-align: center; text-transform: uppercase; line-height: 30px; transition: border-bottom-width 50ms; }
body.user_view #account-manage .accountOptions #accountOptionContain .tabs .tab:hover { border-bottom: 2px #d30000 solid; }
body.user_view #account-manage .accountOptions #accountOptionContain .tabs .tab.active { background: #f0f0f0; border-bottom: 2px #d30000 solid; cursor: default; }
body.user_view #account-manage .accountOptions #accountOptionContain .tabContent { display: flex; flex-direction: column; }
body.user_view #account-manage .accountOptions #accountOptionContain .tabContent.inactive { display: none; }
body.user_view #account-manage .accountOptions #accountOptionContain .dragdrop.enabled { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; flex: 1; border: 2px dashed black; }
body.user_view #account-manage .accountOptions #accountOptionContain .dragdrop.draggedOver { border: 2px dashed #d30000; }
body.user_view #account-manage .accountOptions #accountOptionContain #spinner { position: absolute; top: 16px; right: 15px; width: 20px; height: 20px; border: 2px solid #d98c8c; border-top: 2px solid #d30000; border-radius: 50%; transition-property: transform; animation-name: rotate360; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: linear; }
@keyframes rotate360 { from { transform: rotate(0deg); }
  to { transform: rotate(360deg); } }
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 .syncTwitch .synced { font-weight: bold; }
body.user_view #account-manage .hidden { display: none; }
body.user_view #guild-image-dialog button { float: left !important; margin-bottom: 20px; }
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 { width: 900px; max-width: 90vw; height: auto !important; padding: 0 !important; font-size: 14px; line-height: 20px; overflow: hidden !important; }
body.user_view #cboxLoadedContent .header { background: #CCCCCC; text-align: center; padding: 10px; text-transform: uppercase; }
body.user_view #cboxLoadedContent .header h1 { font-size: 20px; color: black; letter-spacing: normal; }
body.user_view #cboxLoadedContent .checkBox { cursor: pointer; color: white; border: 1px solid black; width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; font-size: 0; font-weight: bold; transition: background-color 200ms; }
body.user_view #cboxLoadedContent .checkBox.checked { border: 0px; font-size: 18px !important; background-color: #d30000; }
body.user_view #cboxLoadedContent .checkBox.checked:hover { background-color: #BF0B02; }
body.user_view #cboxLoadedContent .inner { position: relative; }
body.user_view #cboxLoadedContent .inner .textPane { width: 60%; }
body.user_view #cboxLoadedContent .inner .textPane p { color: black; margin-bottom: 5px; }
body.user_view #cboxLoadedContent .inner .textPane .notice { font-weight: bold; text-transform: uppercase; }
@media screen and (max-width: 1000px) { body.user_view #cboxLoadedContent .inner .textPane { width: 100%; } }
body.user_view #cboxLoadedContent 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); transform: none; }
body.user_view #cboxLoadedContent button btnSubmit { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
body.user_view #cboxLoadedContent #excalibur { height: 500px; right: 0; bottom: 0px; position: absolute; }
@media screen and (max-width: 1000px) { body.user_view #cboxLoadedContent #excalibur { display: none; } }
body.user_view #cboxLoadedContent #clanEmblemImagePreview, body.user_view #cboxLoadedContent #allianceEmblemImagePreview { position: absolute; z-index: 1; right: 42px; bottom: 250px; width: 80px; height: 80px; animation: pop ease-in 0.5s forwards; }
@keyframes pop { from { filter: drop-shadow(0 0 50px white) brightness(0) invert(1); }
  to { filter: none; } }
@media screen and (max-width: 1000px) { body.user_view #cboxLoadedContent #clanEmblemImagePreview, body.user_view #cboxLoadedContent #allianceEmblemImagePreview { width: 80px; height: 80px; position: relative !important; right: 0 !important; top: 0 !important; display: block; } }
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) { body.user_view #mainContent { margin-top: 50px !important; }
  body.user_view #accountOptionContain { padding-top: 20px; display: block !important; }
  body.user_view .optionContain { display: block !important; }
  body.user_view .accountCard { min-width: 300px; width: 80vw !important; } }
@media (max-width: 600px) and (max-width: 600px) { body.user_view .accountCard { min-width: unset; } }
@media (max-width: 600px) { 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.lang-pl .accountOptions #accountOptionContain .optionContain #stampCardCard .accountCardBody .stampCardStamps, body.user_view.lang-es .accountOptions #accountOptionContain .optionContain #stampCardCard .accountCardBody .stampCardStamps, body.user_view.lang-ja .accountOptions #accountOptionContain .optionContain #stampCardCard .accountCardBody .stampCardStamps, body.user_view.lang-tr .accountOptions #accountOptionContain .optionContain #stampCardCard .accountCardBody .stampCardStamps, body.user_view.lang-it .accountOptions #accountOptionContain .optionContain #stampCardCard .accountCardBody .stampCardStamps { grid-template-columns: repeat(auto-fit, minmax(205px, 1fr)); }
body.user_view.lang-zh-hant .accountOptions #accountOptionContain .optionContain #stampCardCard .accountCardBody .stampCardStamps { grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); }
body.user_view.lang-ru .accountOptions #accountOptionContain .optionContain #stampCardCard .accountCardBody .stampCardStamps { grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); }
body.user_view.lang-fr .accountOptions #accountOptionContain .optionContain #stampCardCard .accountCardBody .stampCardStamps { grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); }
body.user_view.lang-ko .accountOptions #accountOptionContain .optionContain #stampCardCard .accountCardBody .stampCardStamps { grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); }
body.user_view.lang-pt-br .accountOptions #accountOptionContain .optionContain #stampCardCard .accountCardBody .stampCardStamps { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }

#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); transform: none; cursor: pointer; transition: background-color 200ms; }
#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); }
#change-alias .btnSubmit:hover, #change-clan-name .btnSubmit:hover { background-color: #BF0B02; }

#emblemImagePreview { width: auto; }
#emblemImagePreview .containImg { display: inline-block; background-image: url('../images/account/emblemPreview.jpg?1629818865'); 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) { 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%; } }

.lightboxVideo { background-color: rgba(0, 0, 0, 0.9); z-index: 450; position: fixed; width: 100%; height: 100%; text-align: center; display: none; }
.lightboxVideo iframe { border: none; margin-top: 50%; }

.lightboxVideo .clear, .lightboxOverlay .clear { clear: both; }
.lightboxVideo .close, .lightboxOverlay .close { margin-top: 3%; text-align: left; cursor: pointer; margin-left: 4%; }
@media screen and (min-width: 36em) { .lightboxVideo .close, .lightboxOverlay .close { margin-top: 2%; margin-left: 3%; } }
@media screen and (min-width: 90em) { .lightboxVideo .close, .lightboxOverlay .close { margin-top: 1.5%; margin-left: 2%; } }
.lightboxVideo .close img, .lightboxOverlay .close img { width: 5%; vertical-align: middle; margin-right: 3px; }
@media screen and (min-width: 36em) { .lightboxVideo .close img, .lightboxOverlay .close img { width: 3%; } }
@media screen and (min-width: 64em) { .lightboxVideo .close img, .lightboxOverlay .close img { width: 2%; } }
@media screen and (min-width: 90em) { .lightboxVideo .close img, .lightboxOverlay .close img { width: 1.8%; } }
@media screen and (min-width: 125em) { .lightboxVideo .close img, .lightboxOverlay .close img { width: 1%; } }
.lightboxVideo .close .lightboxLogo, .lightboxOverlay .close .lightboxLogo { position: relative; transform: translateX(-50%); left: 50%; max-width: 550px; }
.lightboxVideo .close p, .lightboxOverlay .close p { color: #fff; display: inline; font-size: 15px; vertical-align: middle; }
@media screen and (min-width: 90em) { .lightboxVideo .close p, .lightboxOverlay .close p { font-size: 18px; } }

.lightboxOverlay { position: fixed; top: 0; left: 0; width: 100%; background-color: rgba(0, 0, 0, 0.9); display: none; z-index: 500; overflow-y: scroll; height: 100%; }
.lightboxOverlay .lightboxForm { margin: 0 auto; font-family: 'Open Sans', sans-serif; margin-top: 20%; }
.lightboxOverlay .lightboxForm .formHolder { margin-top: 35px; }
.lightboxOverlay .lightboxForm img { width: 100%; }
.lightboxOverlay .lightboxForm h1 { display: none; }
@media screen and (min-width: 48em) { .lightboxOverlay .lightboxForm { margin-top: 0; } }
.lightboxOverlay .lightboxForm a { color: white; }
.lightboxOverlay .lightboxForm a:hover { color: #d30000; }
.lightboxOverlay .lightboxForm.contestEnter, .lightboxOverlay .lightboxForm.contestOver { color: #fff; margin-top: 20% !important; }
.lightboxOverlay .lightboxForm.contestEnter img.logoWhite, .lightboxOverlay .lightboxForm.contestOver img.logoWhite { margin-bottom: 30px; }
.lightboxOverlay .lightboxForm.contestEnter p, .lightboxOverlay .lightboxForm.contestOver p { margin-bottom: 0; text-align: center; font-size: 22px; }
.lightboxOverlay .lightboxForm.contestEnter a, .lightboxOverlay .lightboxForm.contestOver a { color: #d30000; font-family: inherit; }
.lightboxOverlay .lightboxForm.contestEnter form, .lightboxOverlay .lightboxForm.contestOver form { text-align: center; }
.lightboxOverlay .lightboxForm.contestEnter form input[type="checkbox"], .lightboxOverlay .lightboxForm.contestOver form input[type="checkbox"] { margin-bottom: 0; }
.lightboxOverlay .lightboxForm.contestEnter form input[type="email"], .lightboxOverlay .lightboxForm.contestOver form input[type="email"] { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; width: 100%; background: transparent; border-left: 0; border-top: 0; border-right: 0; margin: 20px 0; }
.lightboxOverlay .lightboxForm.contestOver .submit-btn { text-align: center; display: block; margin: 20px; }
.lightboxOverlay .lightboxForm.contestOver .submit-btn a { color: #fff; border: none; }
.lightboxOverlay .lightboxForm.contestOver .submit-btn a:hover { color: #fff; }
.lightboxOverlay .lightboxForm .highlightCheckbox { -moz-border-radius: 30px; -webkit-border-radius: 30px; border-radius: 30px; border: 1px solid #fff; display: inline-block; margin: 20px 0; padding: 20px; font-size: 18px; }
.lightboxOverlay .lightboxForm .readRulesBox { width: 60%; margin: 0 auto; margin-bottom: 30px; }
@media (max-width: 875px) { .lightboxOverlay .lightboxForm .readRulesBox { width: 100%; } }
.lightboxOverlay .lightboxForm .signupContent { width: 100%; color: white; top: 0; }
.lightboxOverlay .lightboxForm .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) { .lightboxOverlay .lightboxForm .signupContent #signupPlatforms { width: 100%; display: block; } }
.lightboxOverlay .lightboxForm .signupContent #signupPlatforms a { width: 230px; height: 230px; position: relative; font-family: inherit; display: flex; align-items: center; justify-content: center; text-align: center; }
.lightboxOverlay .lightboxForm .signupContent #signupPlatforms a img { position: absolute; top: 25%; left: 50%; transform: translateX(-50%); width: auto; }
@media (max-width: 875px) { .lightboxOverlay .lightboxForm .signupContent #signupPlatforms a { width: 100%; display: block; } }
.lightboxOverlay .lightboxForm .signupContent #signupPlatforms a .platName { color: white; text-align: center; display: block; text-transform: uppercase; font-size: 19px; position: absolute; bottom: 30px; width: 100%; }
.lightboxOverlay .lightboxForm .signupContent #signupPlatforms a.pc { background: #212121; }
.lightboxOverlay .lightboxForm .signupContent #signupPlatforms a.ps4 { background: #034169; }
.lightboxOverlay .lightboxForm .signupContent #signupPlatforms a.xb1 { background: #005400; }
.lightboxOverlay .lightboxForm .signupContent #signupPlatforms a.swi { background: #d30000; }
.lightboxOverlay .lightboxForm .signupContent .pcSignup { display: none; }
.lightboxOverlay .lightboxForm .signupContent .g-recaptcha { width: 310px; margin: 20px auto; }
.lightboxOverlay .lightboxForm .signupContent fieldset#opt-in-newsletter, .lightboxOverlay .lightboxForm .signupContent fieldset#agree, .lightboxOverlay .lightboxForm .signupContent fieldset#contest, .lightboxOverlay .lightboxForm .signupContent fieldset#read-rules { width: 80%; margin: 0 auto; margin-bottom: 8px; line-height: 18px; }
.lightboxOverlay .lightboxForm .signupContent input::-webkit-input-placeholder { color: white; }
.lightboxOverlay .lightboxForm .signupContent input[type="text"], .lightboxOverlay .lightboxForm .signupContent input[type="email"], .lightboxOverlay .lightboxForm .signupContent input[type="password"] { background: transparent; border: none; border-bottom: 1px solid white; color: #fff; border-radius: 0 !important; }
.lightboxOverlay .lightboxHolder { width: 80%; margin-left: 10%; }
@media screen and (min-width: 48em) { .lightboxOverlay .lightboxHolder { width: 60%; margin-left: 20%; } }
@media screen and (min-width: 64em) { .lightboxOverlay .lightboxHolder { width: 50%; margin-left: 25%; } }
@media screen and (min-width: 90em) { .lightboxOverlay .lightboxHolder#signupLightbox, .lightboxOverlay .lightboxHolder#enterContestLightbox { width: 30%; margin-left: 35%; } }
.lightboxOverlay .lightboxHolder input[type="submit"], .lightboxOverlay .lightboxHolder button { border: none; color: #fff; font-family: Michroma, sans-serif; font-size: 16px; }
.lightboxOverlay .lightboxHolder .contest-box { width: 90%; margin: 20px auto; }
.lightboxOverlay .lightboxHolder .contest-box div { margin-bottom: 10px; }
.lightboxOverlay .lightboxHolder .submit-btn { margin-bottom: -15px !important; }
.lightboxOverlay .lightboxHolder .submit-btn input { background-color: red; }
@media (max-width: 600px) { .lightboxOverlay .lightboxHolder .submit-btn input { font-size: 10px; } }
@media screen and (min-width: 1400px) { .lightboxOverlay .lightboxHolder#loginLightbox .contestEnter { width: 60%; margin: 0 auto; } }
.lightboxOverlay .lightboxHolder#loginLightbox p { color: white; }
.lightboxOverlay .lightboxHolder#loginLightbox #loginPage #mainText { margin-top: 10%; }
.lightboxOverlay #submit-btn { text-align: center; }
.lightboxOverlay .consoleLoginBtns { text-align: center; }
.lightboxOverlay .consoleLoginBtns a { width: 32%; height: 55px; padding-top: 8px; min-width: 130px; display: inline-block; text-align: center; }
.lightboxOverlay .consoleLoginBtns a img { width: auto !important; }
@media (max-width: 600px) { .lightboxOverlay .consoleLoginBtns a { width: 100%; } }
.lightboxOverlay .consoleLoginBtns a.ps4Btn { background-color: #274368; }
.lightboxOverlay .consoleLoginBtns a.xb1Btn { background-color: #2f5212; }
.lightboxOverlay .consoleLoginBtns a.swiBtn { background-color: #e70012; position: relative; top: 1px; margin-bottom: 50px; }
.lightboxOverlay form fieldset label.error { color: #ff2323; margin-bottom: 10px; font-weight: bold !important; }
.lightboxOverlay form #email label, .lightboxOverlay form #confirm-email label, .lightboxOverlay form #alias label, .lightboxOverlay form #password label, .lightboxOverlay form #confirm-password label { display: none; }
.lightboxOverlay form #opt-in-newsletter label, .lightboxOverlay form #contest label, .lightboxOverlay form #agree label, .lightboxOverlay form #read-rules label { display: inline; margin-bottom: .5rem; font-weight: 100; }
.lightboxOverlay form #opt-in-newsletter label a, .lightboxOverlay form #contest label a, .lightboxOverlay form #agree label a, .lightboxOverlay form #read-rules label a { color: #fff; text-decoration: underline; font-family: inherit; text-decoration-color: #fff; }
.lightboxOverlay form #opt_in_newsletter_check { margin-bottom: 0; }
.lightboxOverlay form #agreed { margin-bottom: 0 !important; }
.lightboxOverlay input.error { border: 1px solid #FF2323 !important; }
.lightboxOverlay .consoleLines { margin: 15px 0; }
.lightboxOverlay .consoleLines .contentHeaderText { color: white; text-align: center; position: relative; top: -17px; text-transform: uppercase; font-size: 24px; padding: 0 25%; }
.lightboxOverlay .consoleLines.contentHeaderContain .contentHeaderLines { border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; width: 22% !important; height: 3px; float: left; }
@media (max-width: 875px) { .lightboxOverlay .consoleLines.contentHeaderContain .contentHeaderLines { display: none; } }
.lightboxOverlay .consoleLines .contentLineRight { float: right !important; }
.lightboxOverlay button, .lightboxOverlay .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); }
.lightboxOverlay button .button-wrap, .lightboxOverlay .button .button-wrap { display: block; -moz-transform: skewX(25deg); -ms-transform: skewX(25deg); -webkit-transform: skewX(25deg); transform: skewX(25deg); }
.lightboxOverlay button a, .lightboxOverlay .button a { display: block; width: auto; }
.lightboxOverlay .lightboxLogo { position: relative; transform: translateX(-50%); left: 50%; width: 100%; max-width: 462px; }

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 .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 .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?1629818867'); }
body.buy_platinum .package .packageInfo .cards .modcard.animalinstinct { background-image: url('../images/buy-plat/animalInstinct.png?1629818866'); }
body.buy_platinum .package .packageInfo .cards .modcard.armoredagility { background-image: url('../images/buy-plat/armoredAgility.png?1629818866'); }
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: 11px; text-align: center; width: 100%; }
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: -7px; position: relative; top: -8px; }
body.buy_platinum .package .priceBox .priceNums .numbers { width: 100%; 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: 8px; top: 20px; font-weight: normal; }
body.buy_platinum .package .priceBox .priceNums.coupon .was { text-transform: uppercase; font-size: 12px; position: absolute; left: 2px; top: 43px; }
body.buy_platinum .package .priceBox .priceNums.coupon .crossout { background-image: url('../images/buy-plat/featuredCrossOut.png?1629818867'); width: 60px; height: 18px; position: absolute; left: 35px; top: 40px; }
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; margin-right: 0px; }
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: 28px; bottom: 0px; }
body.buy_platinum .package .priceBox .priceNums.coupon .oldPrice .currcode.noCents { right: 28px; }
body.buy_platinum .package .priceBox .priceNums.currencyCOP .numbers { font-size: 30px; }
body.buy_platinum .package .priceBox .priceNums.currencyCOP .numbers .currcode { bottom: -8px; }
body.buy_platinum .package .priceBox .priceNums.coupon.currencyCOP .numbers .currcode { bottom: 15px; }
body.buy_platinum .package .priceBox .priceNums.coupon.currencyCOP .numbers .oldPrice .currcode { bottom: -5px; }
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 .featuredItem { position: relative; cursor: pointer; width: 82.666667%; margin: 10px 0 35px 4%; padding-bottom: 28.2%; }
@media (min-width: 1060px) and (max-width: 1270px) { body.buy_platinum #mainBPPage.buyplat2 .featuredItem { width: 94.666667%; } }
@media (max-width: 1060px) { body.buy_platinum #mainBPPage.buyplat2 .featuredItem { width: 500px; margin-left: 30px; } }
@media (max-width: 875px) { body.buy_platinum #mainBPPage.buyplat2 .featuredItem { width: 100%; margin: 0; } }
@media (max-width: 600px) { body.buy_platinum #mainBPPage.buyplat2 .featuredItem { padding-bottom: 40%; } }
body.buy_platinum #mainBPPage.buyplat2 .featuredItem.sku627 { color: white; background: black; background-image: url('../images/buy-plat/OriginPackControlledBanner.jpg?1629818866'); background-size: cover; }
body.buy_platinum #mainBPPage.buyplat2 .featuredItem.sku627 .featuredTextContainer { position: absolute; width: 45%; right: 0; text-align: center; transform: translateY(-50%); top: 47%; }
body.buy_platinum #mainBPPage.buyplat2 .featuredItem.sku627 .featuredTextContainer .title { position: relative; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; border-bottom: white .5px solid; width: fit-content; transform: translateX(-50%); left: 50%; text-transform: uppercase; padding: 8px 0; font-weight: bold; font-size: 19px; margin-bottom: 11px; letter-spacing: 1.5px; }
@media (max-width: 600px) { body.buy_platinum #mainBPPage.buyplat2 .featuredItem.sku627 .featuredTextContainer .title { font-size: 15px; } }
@media (max-width: 320px) { body.buy_platinum #mainBPPage.buyplat2 .featuredItem.sku627 .featuredTextContainer .title { font-size: 11px; } }
body.buy_platinum #mainBPPage.buyplat2 .featuredItem.sku627 .featuredTextContainer .item { position: relative; font-family: 'Open Sans', sans-serif; margin-bottom: 6px; text-transform: uppercase; transform: translateX(-50%); left: 50%; font-weight: bold; font-size: 14px; }
@media (max-width: 320px) { body.buy_platinum #mainBPPage.buyplat2 .featuredItem.sku627 .featuredTextContainer .item { font-size: 11px; } }
body.buy_platinum #mainBPPage.buyplat2 .featuredItem.sku627 .featuredTextContainer .item.priceNums { width: 40%; background: #2c42a0; padding: 3px; }
@media (max-width: 600px) { body.buy_platinum #mainBPPage.buyplat2 .featuredItem.sku627 .featuredTextContainer .item.priceNums { width: 70%; } }
body.buy_platinum #mainBPPage.buyplat2 .featuredItem.sku627 .featuredTextContainer .item.priceNums .numbers { position: relative; }
body.buy_platinum #mainBPPage.buyplat2 .featuredItem.sku627 .featuredTextContainer .item.priceNums .numbers .currsign { font-size: 14px; margin-right: -1px; position: relative; top: -8px; }
body.buy_platinum #mainBPPage.buyplat2 .featuredItem.sku627 .featuredTextContainer .item.priceNums .numbers .bignum { font-size: 25px; margin-right: -3px; }
body.buy_platinum #mainBPPage.buyplat2 .featuredItem.sku627 .featuredTextContainer .item.priceNums .numbers .cents { position: relative; font-size: 14px; top: -8px; }
body.buy_platinum #mainBPPage.buyplat2 .featuredItem.sku627 .featuredTextContainer .item.priceNums .numbers .currcode { position: absolute; font-size: 9px; right: 0px; bottom: 2px; }
body.buy_platinum #mainBPPage.buyplat2 .featuredItem.sku627 .featuredTextContainer .item.priceNums .numbers .currcode.noCents { right: -20px; }
body.buy_platinum #mainBPPage.buyplat2 .couponHeader { width: 82.666667%; margin: 10px 0 35px 4%; }
@media (min-width: 1060px) and (max-width: 1270px) { body.buy_platinum #mainBPPage.buyplat2 .couponHeader { width: 94.666667%; } }
@media (max-width: 1060px) { body.buy_platinum #mainBPPage.buyplat2 .couponHeader { width: 500px; margin-left: 30px; } }
@media (max-width: 875px) { body.buy_platinum #mainBPPage.buyplat2 .couponHeader { width: 100%; margin: 10px 0 35px 0; } }
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; }
@media (max-width: 320px) { body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .cards { left: -18px; } }
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: transparent; 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 .contentHeaderContain .contentHeaderLines { border-top: 1px solid #cdcdcd; border-bottom: 1px solid #cdcdcd; }
body.buy_platinum .contentHeaderContain .lotusLogo { background-image: url('../images/greyLotus.png?1629818867'); margin-bottom: 15px; }
body.buy_platinum #colorbox, body.buy_platinum #cboxOverlay { z-index: 10000; }
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; }
@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 #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: 80px; }
  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 .platBonus { font-size: 17px; margin-top: 19%; }
  body.buy_platinum #mainBPPage.buyplat2 .package .packageInfo .priceBox { width: 115px; min-width: 98px; } }
@media (max-width: 600px) { 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 .cardNames { display: none; }
  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 .buyplat5 { max-width: 535px !important; }
body.buy_platinum .buyplat5 .couponHeader { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; width: 95%; }
body.buy_platinum .buyplat5 .featuredItem { position: relative; cursor: pointer; width: 95%; margin: 10px 0 23px 0; padding-bottom: 40.96%; }
@media (max-width: 600px) { body.buy_platinum .buyplat5 .featuredItem { width: 100%; } }
body.buy_platinum .buyplat5 .featuredItem.sku627 { color: white; background: black; background-image: url('../images/buy-plat/gridOriginPackBanner.jpg?1629818867'); background-size: cover; }
body.buy_platinum .buyplat5 .featuredItem.sku627 .featuredTextContainer { position: absolute; width: 54%; right: 0; text-align: center; transform: translateY(-50%); top: 46%; font-family: 'Open Sans', sans-serif; }
body.buy_platinum .buyplat5 .featuredItem.sku627 .featuredTextContainer .title { position: relative; font-family: "Michroma", "Open Sans", Helvetica, sans-serif; border-bottom: white .5px solid; width: fit-content; transform: translateX(-50%); left: 50%; text-transform: uppercase; padding: 8px 0; font-weight: bold; font-size: 19px; margin-bottom: 11px; letter-spacing: 1.5px; }
@media (max-width: 600px) { body.buy_platinum .buyplat5 .featuredItem.sku627 .featuredTextContainer .title { font-size: 16px; } }
body.buy_platinum .buyplat5 .featuredItem.sku627 .featuredTextContainer .item { position: relative; font-family: 'Open Sans', sans-serif; margin-bottom: 6px; text-transform: uppercase; transform: translateX(-50%); left: 50%; font-weight: bold; font-size: 14px; }
body.buy_platinum .buyplat5 .featuredItem.sku627 .featuredTextContainer .item.priceNums { width: 53%; background: #2c42a0; padding: 3px; }
body.buy_platinum .buyplat5 .featuredItem.sku627 .featuredTextContainer .item.priceNums .numbers { position: relative; }
body.buy_platinum .buyplat5 .featuredItem.sku627 .featuredTextContainer .item.priceNums .numbers .currsign { font-size: 14px; margin-right: -1px; position: relative; top: -8px; }
body.buy_platinum .buyplat5 .featuredItem.sku627 .featuredTextContainer .item.priceNums .numbers .bignum { font-size: 25px; margin-right: -3px; }
body.buy_platinum .buyplat5 .featuredItem.sku627 .featuredTextContainer .item.priceNums .numbers .cents { position: relative; font-size: 14px; top: -8px; }
body.buy_platinum .buyplat5 .featuredItem.sku627 .featuredTextContainer .item.priceNums .numbers .currcode { position: absolute; font-size: 9px; right: 0px; bottom: 2px; }
body.buy_platinum .buyplat5 .featuredItem.sku627 .featuredTextContainer .item.priceNums .numbers .currcode.noCents { right: -20px; }
body.buy_platinum .buyplat5 .packages { max-width: 535px; margin: 25px auto; }
@media (max-width: 600px) { body.buy_platinum .buyplat5 .packages { min-width: auto; } }
body.buy_platinum .buyplat5 .packages .package { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; width: 160px; min-width: auto; min-height: 280px; display: inline-table; margin: 0 12px 23px 0; background-color: #ffffff; position: relative; overflow: hidden; height: auto; cursor: pointer; border: 1px solid #adadad; }
body.buy_platinum .buyplat5 .packages .package.coupon { border: 4px solid #d30000; }
@media (max-width: 600px) { body.buy_platinum .buyplat5 .packages .package { width: 100%; } }
body.buy_platinum .buyplat5 .packages .package .imagePlat { width: 100%; height: 130px; background-color: #143e57; color: #ffffff; text-align: center; text-transform: uppercase; padding: 10px 0 0 0; font-size: 12px; background-image: url('../images/buy-plat/expanded/platTableLotusBG.png?1631557826'); background-position: -80px 40px; background-size: 120%; background-repeat: no-repeat; position: relative; }
@media (max-width: 600px) { body.buy_platinum .buyplat5 .packages .package .imagePlat { height: 290px; font-size: 22px; } }
body.buy_platinum .buyplat5 .packages .package .imagePlat .platVal, body.buy_platinum .buyplat5 .packages .package .imagePlat .platBonus { position: relative; z-index: 3; }
body.buy_platinum .buyplat5 .packages .package .imagePlat .platVal { font-family: "Michroma", "Open Sans", Helvetica, sans-serif; margin-bottom: 2px; }
body.buy_platinum .buyplat5 .packages .package .imagePlat .platBonus { font-size: 10px; }
@media (max-width: 600px) { body.buy_platinum .buyplat5 .packages .package .imagePlat .platBonus { font-size: 14px; } }
body.buy_platinum .buyplat5 .packages .package .imagePlat .platBonus strong { font-weight: bold; }
body.buy_platinum .buyplat5 .packages .package .imagePlat .img { background-size: 75%; width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; bottom: 0; background-position: center bottom; }
body.buy_platinum .buyplat5 .packages .package .packageInfo { position: static; width: 100%; top: 0; left: 0; height: auto; float: none; font-size: 12px; min-height: 80px; }
body.buy_platinum .buyplat5 .packages .package .packageInfo .packTitle { background-color: transparent; top: 0; color: #000; margin-bottom: 0; font-weight: bold; }
body.buy_platinum .buyplat5 .packages .package .packageInfo .cards { text-align: center; }
body.buy_platinum .buyplat5 .packages .package .packageInfo .cards li { margin-bottom: 2px; color: #000000; font-weight: bold; text-transform: uppercase; }
body.buy_platinum .buyplat5 .packages .package .oldprice { position: relative; color: #d30000; font-weight: bold; display: table; margin: 0 auto; }
body.buy_platinum .buyplat5 .packages .package .oldprice .crossout { width: 100%; height: 3px; position: absolute; transform: rotate(15deg); background: #d30000; top: 10px; }
body.buy_platinum .buyplat5 .packages .package .oldprice .currsign { font-size: 16px; margin-right: 0; position: relative; top: -8px; }
body.buy_platinum .buyplat5 .packages .package .oldprice .bignum { font-size: 28px; }
body.buy_platinum .buyplat5 .packages .package .oldprice .cents { font-size: 14px; position: relative; top: -10px; }
body.buy_platinum .buyplat5 .packages .package .oldprice .currcode { position: absolute; font-size: 9px; right: 0; bottom: 0; font-weight: normal; }
body.buy_platinum .buyplat5 .packages .package .oldprice .currcode.noCents { right: -16px; }
body.buy_platinum .buyplat5 .packages .package .showPrice { background-color: #143e57; color: #ffffff; text-align: center; padding: 5px; margin: 10px auto; width: 90%; }
body.buy_platinum .buyplat5 .packages .package .showPrice .price { text-align: center; position: relative; display: inline-block; font-weight: bold; }
body.buy_platinum .buyplat5 .packages .package .showPrice .price .currsign { font-size: 16px; margin-right: 0; position: relative; top: -8px; }
body.buy_platinum .buyplat5 .packages .package .showPrice .price .bignum { font-size: 28px; }
body.buy_platinum .buyplat5 .packages .package .showPrice .price .cents { font-size: 14px; position: relative; top: -10px; }
body.buy_platinum .buyplat5 .packages .package .showPrice .price .currcode { position: absolute; font-size: 9px; right: 0; bottom: 0; font-weight: normal; }
body.buy_platinum .buyplat5 .packages .package .showPrice .price .currcode.noCents { right: -16px; }
body.buy_platinum .buyplat5 .packages .package.package0 .imagePlat { background-color: #be9e35; }
body.buy_platinum .buyplat5 .packages .package.package0 .imagePlat .img { background-image: url('../images/buy-plat/expanded/platPackTrinity.png?1631557826'); }
body.buy_platinum .buyplat5 .packages .package.package0 .packageInfo .packTitle { color: #be9e35; }
body.buy_platinum .buyplat5 .packages .package.package0 .showPrice { background-color: #be9e35; }
body.buy_platinum .buyplat5 .packages .package.package1 .imagePlat { background-color: #798795; }
body.buy_platinum .buyplat5 .packages .package.package1 .imagePlat .img { background-image: url('../images/buy-plat/expanded/platPackTwain.png?1631557826'); }
body.buy_platinum .buyplat5 .packages .package.package1 .packageInfo .packTitle { color: #798795; }
body.buy_platinum .buyplat5 .packages .package.package1 .showPrice { background-color: #798795; }
body.buy_platinum .buyplat5 .packages .package.package2 .imagePlat { background-color: #83512f; }
body.buy_platinum .buyplat5 .packages .package.package2 .imagePlat .img { background-image: url('../images/buy-plat/expanded/platPackSundry.png?1631557826'); }
body.buy_platinum .buyplat5 .packages .package.package2 .packageInfo .packTitle { color: #83512f; }
body.buy_platinum .buyplat5 .packages .package.package2 .showPrice { background-color: #83512f; }
body.buy_platinum .buyplat5 .packages .package.package255 { height: inherit; min-height: 190px; }
body.buy_platinum .buyplat5 .packages .package.package255.coupon { min-height: 230px; }
body.buy_platinum .buyplat5 .packages .package.package255 .packageInfo { min-height: 10px; }
body.buy_platinum .buyplat5 .packages .package.sku160 .imagePlat .img { background-image: url('../images/buy-plat/expanded/platPack370.png?1631557826'); }
body.buy_platinum .buyplat5 .packages .package.sku18 .imagePlat .img { background-image: url('../images/buy-plat/expanded/platPack170.png?1631557826'); }
body.buy_platinum .buyplat5 .packages .package.sku17 .imagePlat .img { background-image: url('../images/buy-plat/expanded/platPack75.png?1631557826'); }

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; font-size: 10px !important; }
#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?1629818868'); 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) { #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?1629818868'); }
body.warframes .warframesContain a { width: 24%; float: left; position: relative; cursor: pointer; display: block; margin-right: 5px; margin-bottom: 40px; }
body.warframes .warframesContain a img { border-bottom: 1px solid #d30000; width: 100%; height: auto; max-height: 278px; }
body.warframes .warframesContain a .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: 2px; }
body.warframes .warframesContain a .wfTitle .innerWfTitle { padding: 7px 0 0 10px; }
body.warframes .warframesContain a .wfTitle::after { content: ''; position: absolute; right: -30px; margin-top: -21px; }
body.warframes .warframesContain a.wf .wfTitle { background-color: #d30000; }
body.warframes .warframesContain a.wf .wfTitle::after { width: 0; height: 0; border-right: 30px solid transparent; border-bottom: 30px solid #d30000; }
body.warframes .warframesContain a.wf:hover .wfTitle { color: #d30000; }
body.warframes .warframesContain a.primewf .wfTitle { background-color: #c79616; }
body.warframes .warframesContain a.primewf .wfTitle::after { width: 0; height: 0; border-right: 30px solid transparent; border-bottom: 30px solid #c79616; }
body.warframes .warframesContain a.primewf img { border-bottom: 1px solid #c79616; }
body.warframes .warframesContain a.primewf:hover .wfTitle { color: #c79616; }
body.warframes .warframesContain a:hover .wfTitle { background-color: white; }
body.warframes .warframesContain a: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) { 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 a { 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?1629818867'); }
#singleFramePage #mainPic, #singleFramePage #abilities, #singleFramePage #video { margin: 0 auto; }
#singleFramePage #mainPic { background-image: url('../images/warframes/bg/wfSingleMainBG.jpg?1629818874'); 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?1629818874'); }
#singleFramePage #mainPic .rightWfBtn { right: 20px; background-image: url('../images/warframes/rightArrow.png?1629818874'); }
#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; margin-bottom: 10px; }
#singleFramePage #abilities #powers li:nth-child(4n+1) { margin-left: 0; }
#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) { #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; } }

body.creators { /*@media (max-width: 750px) { .artEmbed { margin: 21% 0 4% 0; width: 100%; padding-bottom: 80%; }
}*/ /*@media (max-width: 750px) { .podcastEmbed { margin: 0 0 4% 0; width: 100%; padding-bottom: 80%; //margin-bottom: 4%; //width: 100%; //padding-bottom: 18%; }
}*/ }
body.creators #creatorsHead .logo { max-width: 120px; min-width: auto; width: 40%; margin: 0 auto; display: block; }
body.creators #creatorsHead .fansitesSlide { background: url('../images/community/creator_header.jpg?1629818867'); padding-top: 15px; height: 344px; }
body.creators #creatorsHead .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; }
body.creators #creatorsHead .partnerDisclaimer { text-align: center; margin-top: 20px; font-size: 12px; }
body.creators #creatorsHead .headerTextContain { padding-top: 25px; max-width: 600px; text-align: center; margin: 0 auto; }
body.creators #creatorsHead .headerTextContain h1 { color: #FFFFFF; }
body.creators #creatorsHead .headerTextContain p { font-size: 15px; margin-top: 15px; }
body.creators #creatorsHead .headerContain { max-width: 990px; margin: 0 auto; }
body.creators #creatorsHead .slider, body.creators #creatorsHead .cd-hero-slider { height: 349px; }
body.creators #creatorsHead .creatorsHeader { text-align: center; margin-bottom: 20px; }
body.creators #creatorsHead .creatorsHeader h1 { margin-bottom: 20px; }
body.creators #creatorsHead .creatorsHeader hr { margin-top: 20px; margin-bottom: 20px; border-color: #b9b9b9; }
body.creators .navContain { margin-bottom: 30px; }
body.creators .navContain .navTable { display: table; margin: 12px auto 0 auto; }
@media (max-width: 605px) { body.creators .navContain .navTable { width: 35%; } }
body.creators .navContain .mobilePartnerNav { display: none; clear: both; }
body.creators .navContain .navBtn { padding: 15px 10px 10px 10px; margin: 10px; color: #000000; cursor: pointer; float: left; min-width: 175px; text-transform: uppercase; font-size: 18px; border: 1px solid #000000; text-align: center; }
body.creators .navContain .navBtn .navIcon { height: 24px; width: 24px; display: inline-block; background-size: 100%; background-repeat: no-repeat; }
body.creators .navContain .navBtn.watchNow .navIcon { background-image: url('../images/community/creators_icons/watch-now.png?1629818867'); }
body.creators .navContain .navBtn.creators .navIcon { background-image: url('../images/community/creators_icons/creators.png?1629818867'); }
body.creators .navContain .navBtn.apply .navIcon { background-image: url('../images/community/creators_icons/apply-now.png?1629818867'); }
body.creators .navContain .navBtn.active, body.creators .navContain .navBtn:hover { background-color: #d30000; color: #fff; border: none; }
body.creators .navContain .navBtn.active.watchNow .navIcon, body.creators .navContain .navBtn:hover.watchNow .navIcon { background-image: url('../images/community/creators_icons/watch-now_active.png?1629818867'); }
body.creators .navContain .navBtn.active.creators .navIcon, body.creators .navContain .navBtn:hover.creators .navIcon { background-image: url('../images/community/creators_icons/creators_active.png?1629818867'); }
body.creators .navContain .navBtn.active.apply .navIcon, body.creators .navContain .navBtn:hover.apply .navIcon { background-image: url('../images/community/creators_icons/apply-now_active.png?1629818867'); }
body.creators .navContain .navBtn p { display: inline-block; position: relative; top: -6px; margin-left: 5px; }
body.creators #creatorList .miniHeader { text-align: center; margin-bottom: 50px; }
body.creators #creatorList .miniHeader h2 { margin-bottom: 20px; }
body.creators #creatorList .miniHeader p { line-height: 20px; }
body.creators #creatorList .creatorFilters { background-color: #ffffff; width: 100%; position: relative; padding: 12px 10px 0 0; font-size: 21px; color: #000000; margin-bottom: 50px; }
body.creators #creatorList .creatorFilters .icon { width: 32px; height: 32px; background-repeat: no-repeat; background-size: 100%; background-image: url('../images/community/creators_icons/filter.png?1629818867'); float: left; margin-left: 20px; }
@media (max-width: 875px) { body.creators #creatorList .creatorFilters .icon { float: none; margin: 0 auto; } }
body.creators #creatorList .creatorFilters .filterList { float: left; margin: 6px 0 0 25px; width: 90%; text-align: center; }
@media (max-width: 875px) { body.creators #creatorList .creatorFilters .filterList { float: none; } }
body.creators #creatorList .creatorFilters .filterList .filter { display: inline-block; margin: 0 5% 0 0; }
body.creators #creatorList .creatorFilters .filterList .filter input[type="checkbox"], body.creators #creatorList .creatorFilters .filterList .filter label { display: inline-block; }
body.creators #creatorList .creatorFilters .filterList .filter input[type="checkbox"] { margin-right: 10px; }
body.creators #creatorList .creatorGrid .c { position: relative; width: 128px; height: 240px; margin-bottom: 15px; }
body.creators #creatorList .creatorGrid .c .name { color: #d30000; text-align: center; width: 100%; margin-bottom: 5px; }
body.creators #creatorList .creatorGrid .c .avatar { position: relative; width: 128px; height: 128px; background-size: 100%; }
body.creators #creatorList .creatorGrid .c .platformLinks { text-align: center; margin-top: 8px; }
body.creators #creatorList .creatorGrid .c .platformLinks a { width: 35px; height: 35px; display: inline-block; background-size: 100%; }
body.creators #creatorList .creatorGrid .c .platformLinks a.twitchIcon { background-image: url('../images/icons/twitch.png?1629818867'); }
body.creators #creatorList .creatorGrid .c .platformLinks a.ytIcon { background-image: url('../images/icons/yt.png?1629818867'); }
body.creators #creatorList .creatorGrid .c .platformLinks a.instaIcon { background-image: url('../images/icons/insta.png?1629818867'); }
body.creators #creatorList .creatorGrid .c .platformLinks a.twitterIcon { background-image: url('../images/icons/twitter.png?1629818867'); }
body.creators #creatorList .creatorGrid .c .platformLinks a.daIcon { background-image: url('../images/community/da.jpg?1629818867'); }
body.creators #creatorList .creatorGrid .c .platformLinks a.siteIcon { background-image: url('../images/community/link.jpg?1629818867'); }
body.creators .creatorRegistration { margin: 0 auto; width: 80%; }
body.creators .creatorRegistration hr { margin-top: 20px; margin-bottom: 20px; border-color: #b9b9b9; }
body.creators .creatorRegistration .creatorForm, body.creators .creatorRegistration .creatorCriteria { float: left; width: 50%; }
body.creators .creatorRegistration .creatorCriteria, body.creators .creatorRegistration .creatorForm, body.creators .creatorRegistration .creatorsHeader { padding: 20px; }
body.creators .creatorRegistration h3, body.creators .creatorRegistration h6, body.creators .creatorRegistration ul { margin-bottom: 10px; }
body.creators .creatorRegistration h4 { font-size: 15px; font-weight: bold; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 0px; }
body.creators .creatorRegistration h6 { text-decoration: underline; font-weight: bold; }
body.creators .creatorRegistration ul { list-style: disc; }
body.creators .creatorRegistration ul li { margin-left: 20px; margin-bottom: 5px; }
body.creators .creatorRegistration p, body.creators .creatorRegistration li { line-height: 20px; }
body.creators .creatorRegistration p { margin-bottom: 15px; }
body.creators .creatorRegistration form fieldset .form-text { margin-top: 5px !important; }
body.creators .creatorRegistration fieldset { line-height: 20px; }
body.creators .creatorRegistration button { margin-top: 15px; }
body.creators .creatorRegistration .button-wrap { color: #FFFFFF !important; border: none; }
body.creators .creatorRegistration .creatorsHeader { width: 50%; margin: 0 auto; text-align: center; padding-top: 0px; }
body.creators .creatorRegistration .creatorsHeader h1, body.creators .creatorRegistration .creatorsHeader h2 { font-size: 28px; font-family: "Open Sans", Helvetica, sans-serif; }
body.creators .creatorRegistration .creatorsHeader h1 { margin-bottom: 20px; }
@media (max-width: 1750px) { body.creators .creatorRegistration .creatorsHeader { width: 80%; } }
@media (max-width: 768px) { body.creators .creatorRegistration .creatorCriteria, body.creators .creatorRegistration .creatorForm, body.creators .creatorRegistration .creatorsHeader { width: 100%; }
  body.creators .creatorRegistration .creatorCriteria { padding-top: 0px; } }
body.creators .gridContainer { width: 100%; margin-bottom: 1.5%; padding-bottom: 34.6%; position: relative; float: left; background-color: #ececec; color: #FCFFF5; }
@media (max-width: 875px) { body.creators .gridContainer { padding-bottom: 0; } }
body.creators #creatorWatchNow .miniHeader { text-align: center; margin-bottom: 50px; }
body.creators #creatorWatchNow .miniHeader h2 { margin-bottom: 20px; }
body.creators #creatorWatchNow .miniHeader p { line-height: 20px; }
body.creators .item-body { display: flex; flex-direction: row; }
@media (max-width: 875px) { body.creators .item-body { flex-direction: column; } }
body.creators .youtubeEmbed { margin-right: 1.5%; }
body.creators .youtubeEmbed .owl-carousel { width: 60%; position: absolute; margin: 0 auto; }
@media (max-width: 875px) { body.creators .youtubeEmbed .owl-carousel { width: 100%; } }
body.creators .youtubeEmbed .owl-carousel .owl-video-tn { height: 100%; width: 100%; position: absolute; background-size: cover; background-position-y: 49.5%; right: 0.5px; box-shadow: 0px -75px 100px 0px #000000 inset; }
body.creators .youtubeEmbed .owl-carousel .owl-item .owl-video-wrapper { background: none; }
body.creators .youtubeEmbed .owl-carousel .owl-item .owl-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
body.creators .youtubeEmbed .owl-carousel .owl-item .owl-video-wrapper::after { padding-top: 56.25%; display: block; content: ''; }
body.creators .youtubeEmbed .owl-carousel .owl-item.owl-video-playing .owl-video-wrapper { padding-bottom: 0; }
body.creators .youtubeEmbed .owl-carousel .owl-item.owl-video-playing .youtubeOverlay { display: none; }
body.creators .youtubeEmbed .owl-carousel .owl-item.owl-video-playing .youtubePagination { display: none; }
body.creators .youtubeEmbed .owl-carousel .owl-nav .owl-prev { background: url("../images/community/creators_icons/arrow-left.png") no-repeat; width: 50px; height: 100px; position: absolute; left: 1.5%; top: 42.5%; transform: skew(0deg); }
body.creators .youtubeEmbed .owl-carousel .owl-nav .owl-next { background: url("../images/community/creators_icons/arrow-right.png") no-repeat; width: 50px; height: 100px; position: absolute; right: 0%; top: 42.5%; transform: skew(0deg); }
@media (max-width: 850px) { body.creators .youtubeEmbed .owl-carousel .owl-nav .owl-prev, body.creators .youtubeEmbed .owl-carousel .owl-nav .owl-next { transform: scale(0.8); top: 35%; } }
@media (max-width: 600px) { body.creators .youtubeEmbed .owl-carousel .owl-nav .owl-prev, body.creators .youtubeEmbed .owl-carousel .owl-nav .owl-next { transform: scale(0.8); top: 25%; } }
body.creators .youtubeEmbed .owl-carousel .owl-video-play-icon { background: url("../images/community/creators_icons/play-button.png") no-repeat; opacity: 0.8; height: 100px; width: 75px; transform: scale(1.4, 1.3); }
body.creators .youtubeEmbed .owl-carousel .owl-video-play-icon:hover { transform: scale(1.5, 1.4); }
@media (max-width: 850px) { body.creators .youtubeEmbed .owl-carousel .owl-video-play-icon { transform: scale(1.1); top: 47%; }
  body.creators .youtubeEmbed .owl-carousel .owl-video-play-icon:hover { transform: scale(1.2); } }
body.creators .youtubeEmbed .owl-video-frame { position: relative; height: 100%; width: 100%; padding-top: 0px; }
body.creators .youtubeEmbed .owl-video-frame iframe { position: absolute; height: 100%; width: 100%; top: 0; left: 0; }
body.creators .youtubeEmbed .youtubeOverlay { width: 80%; z-index: 10; position: absolute; bottom: 17px; left: 17px; }
body.creators .youtubeEmbed .youtubeOverlay .youtubeTitle { color: #ffffff; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-size: 25px; letter-spacing: 0.15px; font-weight: 600; }
body.creators .youtubeEmbed .youtubeOverlay .youtubeChannelName { color: #ffffff; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-size: 22px; letter-spacing: 0.15px; margin-bottom: 1%; }
@media (max-width: 1150px) { body.creators .youtubeEmbed .youtubeOverlay .youtubeTitle { font-size: 19px; }
  body.creators .youtubeEmbed .youtubeOverlay .youtubeChannelName { font-size: 16px; } }
body.creators .youtubeEmbed .youtubePagination { color: #ffffff; font-family: 'Open-sans', sans-serif; font-size: 22px; font-weight: 600; letter-spacing: 0.25px; position: absolute; right: 17px; bottom: 17px; }
@media (max-width: 1150px) { body.creators .youtubeEmbed .youtubePagination { font-size: 19px; } }
body.creators .youtubeEmbed .column { height: 100%; width: 39%; position: absolute; right: 0; display: flex; flex-direction: column; }
@media (max-width: 875px) { body.creators .youtubeEmbed .column { width: 100%; margin-top: 60%; height: 500px; position: relative; left: 0; margin-left: 0; } }
body.creators .artEmbed { background-color: #000000; width: 100%; flex: 4; }
body.creators .artEmbed .artFontPosition { padding: 20px; bottom: 0%; z-index: 5; }
body.creators .artEmbed h1 { color: #ffffff; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-size: 1.4rem; letter-spacing: 0.25px; }
body.creators .artEmbed h2 { color: #ffffff; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-size: 2.2rem; letter-spacing: 0.25px; }
@media (max-width: 800px) { body.creators .artEmbed h1 { font-size: 1.1rem; }
  body.creators .artEmbed h2 { font-size: 1.8rem; } }
body.creators .podcastEmbed { background-color: #000000; margin: 10px 0; width: 100%; flex: 1; }
body.creators .podcastEmbed .podcastIcon { filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(165deg) brightness(102%) contrast(100%); height: 20px; width: 13px; position: relative; float: left; margin-right: 5.5px; }
body.creators .podcastEmbed .podcastText { padding: 20px; z-index: 5; width: 100%; }
body.creators .podcastEmbed h1 { color: #FFFFFF; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 20px; letter-spacing: 0.25px; font-weight: 900; }
body.creators .podcastEmbed .marquee { color: #FFFFFF; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: 18px; letter-spacing: 0.25px; margin-top: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
body.creators .podcastContainer { display: flex; }
body.creators .noStreamer { color: #d30000; font-family: 'Open Sans', sans-serif; text-transform: uppercase; text-align: center; font-size: 30px; }
body.creators .twitchContainer { padding: 0 3%; display: flex; justify-content: center; }
body.creators #creatorTwitch { background-color: #ffffff; position: relative; padding-top: 20px; padding-bottom: 30px; margin-bottom: 50px; }
body.creators #creatorTwitch .miniHeader h3 { text-align: center; margin-bottom: 20px; }
body.creators #creatorTwitch .streamerName { text-transform: uppercase; color: #000000; font-weight: bold; margin-top: 10px; color: #000000; text-align: left; }
body.creators #creatorTwitch .streamerNum2 { font-weight: bold; color: #FFFFFF; background-color: #d30000; padding: 5.5px 20px; left: 24px; position: absolute; z-index: 5; }
body.creators #creatorTwitch .streamerNum { font-weight: bold; color: #FFFFFF; background: #000000 url("../images/community/creators_icons/viewers.png?1599599796") no-repeat 10.5px 6px; padding: 5px 15px 5px 30px; right: 0; bottom: 24px; position: absolute; z-index: 5; }
body.creators #creatorTwitch .streamingIcon { position: absolute; z-index: 5; left: 0; top: 0px; height: 24px; width: 24px; background-color: #6441A4; }
body.creators #creatorTwitch .carouselContain { padding: 0 3%; }
body.creators #creatorTwitch .owl-dots { margin-top: 10px; margin-bottom: -35px; }
body.creators #creatorTwitch .owl-dot span { transform: skew(25deg); }
body.creators #creatorTwitch .owl-dot active span { transform: skew(25deg); }
body.creators #partnerBlurb .miniHeader p { font-family: 'Open Sans', sans-serif; text-align: center; margin-bottom: 50px; }

#community { min-width: 360px; }
#community h2 { color: #FFFFFF; }
#community #forums_slide { background-image: url('../images/community/CommunityPage_V3.jpg?1629818867'); 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?1629818867'); }
#community #resources_slide .gameBox { background: url('../images/mainSiteAssets/fansitesPage/gameBox.png?1629818868') 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?1629818867') 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?1629818867') 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 #social_slide .stream li { margin: 6px; width: calc(24.95% - 12px) !important; box-shadow: none; }
#community .whitebacker { padding: 20px; background-color: rgba(255, 255, 255, 0.7); color: white; }
#community #forums_slide, #community #referral_slide { background-attachment: fixed; }
#community section:not(#social_slide) { background-size: cover !important; height: 100%; max-height: 826px; padding-bottom: 15%; }
#community section:not(#social_slide) .container { color: #fff; position: relative; text-align: center; padding-top: 10%; }
#community section:not(#social_slide) .container h2 { margin: 0 auto; margin-top: 50px; margin-bottom: 40px; font-size: 40px; text-align: left; text-transform: uppercase; }
#community section:not(#social_slide) .container h3 { font-family: 'Open Sans', sans-serif !important; text-transform: uppercase; letter-spacing: 0.2em; font-size: 27px; margin-bottom: 34px; }
#community section:not(#social_slide) .container p { font-size: 16px; line-height: 27px; font-weight: 300; margin-bottom: 18px; letter-spacing: 0.04em; text-align: left; }
#community section:not(#social_slide) .container button { float: left; margin-left: 25px; }
#community section:not(#social_slide) .topContain { padding-top: 12%; }
#community .rightText { float: right; margin-top: 5%; }
#community a.anchor { display: block; position: relative; top: -90px; 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 section:not(#social_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) { #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 section:not(#social_slide) { background-attachment: inherit; background-position-y: 0 !important; }
  #community section:not(#social_slide) .container { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; padding: 15px; padding-top: 16%; }
  #community section:not(#social_slide) .container p, #community section:not(#social_slide) .container h2 { text-align: center !important; }
  #community section:not(#social_slide) .container h2 { font-size: 25px; }
  #community section:not(#social_slide) .container button { float: none; } }

@media (max-width: 825px) { #forums_slide { padding-bottom: 0px !important; }
  #forums_slide .topContain { padding-top: 0px !important; padding-bottom: 5% !important; }
  #resources_slide { padding-bottom: 0px !important; }
  #resources_slide .container { padding-top: 1% !important; padding-bottom: 5% !important; }
  #referral_slide { padding-bottom: 0px !important; }
  #referral_slide .container { padding-bottom: 5% !important; }
  #support_slide { padding-bottom: 0px !important; }
  #support_slide p { font-weight: bold !important; }
  #support_slide .container { padding-bottom: 5% !important; } }
.lang-fr #community button { height: 60px !important; max-width: 300px !important; }
.lang-fr #community button .button-wrap { white-space: pre-line; line-height: 21px; }

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

@media (max-width: 570px) { .lang-fr #mainPromocodeForm .contentHeaderContain h2 { font-size: 22px !important; } }
@media (max-width: 320px) { .lang-fr #mainPromocodeForm .contentHeaderContain h2 { font-size: 20px !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";*/
.fixedFooter { position: fixed; z-index: 100; bottom: 0; width: 100%; }

#gdprsticky { display: none; position: relative; bottom: 0; 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: 60%; line-height: 16px; font-size: 14px; margin: 0; }
#gdprsticky .actionBtns { display: inline; margin-left: 20px; position: relative; top: -5px; }
#gdprsticky .actionBtns a { border: 3px solid #d30000; padding: 8px; margin-right: 10px; color: #d30000; text-decoration: none; font-family: 'Open-sans',sans-serif; }
#gdprsticky .actionBtns a:last-child { margin-right: 0; }
#gdprsticky a.close { position: absolute; top: 0; right: 40px; font-size: 20px; color: #d30000; margin: 0; text-decoration: none; }
@media (max-width: 600px) { #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 p a { font-family: 'Open-sans', sans-serif; text-decoration: none; color: #d30000; }
.gdprLightbox .accept { padding: 0; float: right; margin-bottom: 15px; }
.gdprLightbox .accept a { font-family: 'Open-sans', sans-serif; text-decoration: none; color: #d30000; }
.gdprLightbox .accept a.value { display: block; text-align: center; background-color: #343434; color: #fff; height: 50px; line-height: 50px; margin-bottom: 5px; }
.gdprLightbox .turnOff a { font-family: 'Open-sans', sans-serif; text-decoration: none; color: #d30000; }

.fixedFooter .spaceContest { position: relative; bottom: 0px; width: 100%; display: none; text-align: center; color: white; background-size: cover; background-repeat: no-repeat; background-image: url('../images/promo/space-contest/desktop-bg.png'); padding-bottom: 60px; box-shadow: 5px 5px black; }
.fixedFooter .spaceContest .close { position: absolute; margin: 0; right: 10px; top: 10px; color: white !important; text-decoration: none !important; font-family: michroma, 'open sans' !important; }
.fixedFooter .spaceContest .close:hover { color: white !important; }
.fixedFooter .spaceContest:before { content: ''; position: absolute; top: -9px; left: 0; right: 0; bottom: 100%; z-index: -1; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45)); }
@media (max-width: 320px) { .fixedFooter .spaceContest { box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); } }
@media (max-width: 600px) { .fixedFooter .spaceContest { background-image: url('../images/promo/space-contest/mobile-bg.png'); padding-bottom: 0; height: 90px; } }
.fixedFooter .spaceContest .main-text { position: absolute; font-size: 1.9em; width: 50%; letter-spacing: 3px; line-height: 1; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); text-shadow: 0px 0px 7px rgba(255, 255, 255, 0.5); }
.fixedFooter .spaceContest .main-text span { display: inline-block; }
.fixedFooter .spaceContest .main-text b { font-weight: bold; }
@media screen and (max-width: 1400px) { .fixedFooter .spaceContest .main-text { font-size: 1.6em; } }
@media screen and (max-width: 1050px) { .fixedFooter .spaceContest .main-text { font-size: 1em; width: 50%; } }
@media (max-width: 875px) { .fixedFooter .spaceContest .main-text { font-size: 1em; } }
@media (max-width: 600px) { .fixedFooter .spaceContest .main-text { top: 35%; width: 100%; }
  .fixedFooter .spaceContest .main-text span { display: block; }
  .fixedFooter .spaceContest .main-text span.line2 { font-size: 1.8em; } }
@media (max-width: 320px) { .fixedFooter .spaceContest .main-text { font-size: 0.9em; } }
.fixedFooter .spaceContest .learn-button { position: absolute; right: 4%; font-family: 'Michroma', 'open sans'; background-color: #39b0c8; transition: box-shadow 0.5s, text-shadow 0.5s; cursor: pointer; text-align: center; line-height: 1.6; font-weight: 400; padding: 5px 40px; font-size: 16px; letter-spacing: 1px; bottom: 50%; transform: translateY(50%); }
.fixedFooter .spaceContest .learn-button a, .fixedFooter .spaceContest .learn-button a:hover { text-decoration: none; color: #fff; }
.fixedFooter .spaceContest .learn-button:hover { text-shadow: 0 0 10px #fff; box-shadow: 0 0 50px #39b0c8; }
@media (min-width: 1980px) { .fixedFooter .spaceContest .learn-button { padding: 5px 40px; } }
@media screen and (max-width: 1400px) { .fixedFooter .spaceContest .learn-button { padding: 5px 16px; font-size: 12px; } }
@media (max-width: 875px) { .fixedFooter .spaceContest .learn-button { padding: 5px 16px; } }
@media (max-width: 600px) { .fixedFooter .spaceContest .learn-button { right: 50%; transform: translate(50%); bottom: 7%; width: 185px; padding: 3px 7% 3px 7%; } }
@media (max-width: 320px) { .fixedFooter .spaceContest .learn-button { padding: 2px 7% 2px 7%; } }

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) { #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?1629818868'); 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?1629818867'); }
.volunteers .navContain .modsBtn .navIcon, .volunteers .navContain .modsccBtn .navIcon { background-image: url('../images/community/volunteers/ChatModerator-icon.png?1629818867'); 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; }

.notification-holder { position: absolute; top: 200px; right: 0; z-index: 199; max-width: 400px; overflow: hidden; padding: 20px; padding-right: 0; min-height: 75px; transition-duration: .4s; transition-property: height, min-height, opacity; transition-timing-function: ease-out; }
@media (max-width: 875px) { .notification-holder { position: relative; padding: 0 0 20px 0; max-width: unset; width: 100%; bottom: unset; top: unset; right: unset; margin-bottom: -20px; } }
.notification-holder .overlay-notification { position: relative; width: 100%; background-color: white; transition-duration: .4s; transition-property: transform; transition-timing-function: ease-out; box-shadow: 0px 0px 20px 2px black; }
@media (max-width: 875px) { .notification-holder .overlay-notification { min-height: 93px; } }
.notification-holder .overlay-notification .notification-content { padding: 15px; margin-right: 25px; line-height: normal; }
@media (max-width: 875px) { .notification-holder .overlay-notification .notification-content { text-align: center; } }
.notification-holder .overlay-notification .closeBtn { width: 15px; position: absolute; top: 10px; right: 10px; cursor: pointer; }
.notification-holder .overlay-notification .closeBtn img { width: 100%; filter: invert(1); }
.notification-holder .overlay-notification button { position: relative; top: 0; left: 0; margin: 10px; max-width: 100%; min-width: 150px; white-space: normal; height: unset; font-size: 15px; line-height: 17px; padding: 8px; font-family: "Open Sans", sans-serif; text-transform: unset; letter-spacing: normal; word-spacing: 2px; }
.notification-holder .overlay-notification button .button-wrap { margin-left: 10px; margin-right: 10px; }
.notification-holder .overlay-notification button:hover { top: -1px; left: -1px; }
.notification-holder.closed { pointer-events: none; opacity: 0; }
.notification-holder.closed .overlay-notification { transform: translateX(110%); }
@media (max-width: 875px) { .notification-holder.closed { min-height: 0; height: 0; }
  .notification-holder.closed .overlay-notification { transform: translateY(-110%); } }
.notification-holder .overlay-notification.pg-login, .notification-holder .overlay-notification.pg-link, .notification-holder .overlay-notification.pg-claim, .notification-holder .overlay-notification.pg-in-game { display: flex; align-items: center; justify-content: center; }
.notification-holder .overlay-notification.pg-login p, .notification-holder .overlay-notification.pg-link p, .notification-holder .overlay-notification.pg-claim p, .notification-holder .overlay-notification.pg-in-game p { font-weight: bold; color: #3d3d3d; font-size: 16px; }
.notification-holder .overlay-notification.pg-login button, .notification-holder .overlay-notification.pg-link button, .notification-holder .overlay-notification.pg-claim button, .notification-holder .overlay-notification.pg-in-game button { color: white; background-color: #6441a5; margin-bottom: 0; }
.notification-holder .overlay-notification.pg-login button:hover, .notification-holder .overlay-notification.pg-link button:hover, .notification-holder .overlay-notification.pg-claim button:hover, .notification-holder .overlay-notification.pg-in-game button:hover { background-color: #6e47b6; }
@media (max-width: 875px) { .notification-holder .overlay-notification.pg-in-game { background-image: url('../images/notifications/primeGaming/pgKeyArt.png?1629818868'); }
  .notification-holder .overlay-notification.pg-in-game .closeBtn { top: 20px; }
  .notification-holder .overlay-notification.pg-in-game .closeBtn img { filter: invert(0); } }
.notification-holder .overlay-notification.pg-in-game .lotusContainer { align-items: center; }
.notification-holder .overlay-notification.pg-in-game .lotusContainer.desktop { display: flex; }
@media (max-width: 875px) { .notification-holder .overlay-notification.pg-in-game .lotusContainer.desktop { display: none; } }
.notification-holder .overlay-notification.pg-in-game .lotusContainer.mobile { display: none; }
@media (max-width: 875px) { .notification-holder .overlay-notification.pg-in-game .lotusContainer.mobile { display: flex; } }
.notification-holder .overlay-notification.pg-in-game .notificationWrapper { display: grid; grid-template-columns: 45.5px 1fr; gap: 15px; }
@media (max-width: 875px) { .notification-holder .overlay-notification.pg-in-game .notificationWrapper p { color: white; } }
.notification-holder .overlay-notification.pg-in-game .notificationWrapper img { width: 100%; height: auto; border-radius: 10px; }
.notification-holder .overlay-notification.pg-in-game .notificationWrapper p { display: flex; align-items: center; }
.notification-holder .overlay-notification.prime-resurgence { font-weight: bold; }
.notification-holder .overlay-notification.prime-resurgence .cta button { background: linear-gradient(0.35turn, #f9f9d6, #ac9945, #f9f9d6, #ac9945); box-shadow: 0px 0px 7px 3px rgba(0, 0, 0, 0.2); }
.notification-holder .overlay-notification.prime-resurgence .cta button .button-wrap { color: black; font-weight: bold; }

#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; font-weight: bold; color: #101010; }
#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?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.steam { background-image: url('../images/paymenticons/steam.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.rixty { background-image: url('../images/paymenticons/rixty.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgPayPal, #colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-24 { background-image: url('../images/paymenticons/paypal.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.molpay { background-image: url('../images/paymenticons/molpoints.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1497 { background-image: url('../images/paymenticons/MisterCash.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgPaySafeCard { background-image: url('../images/paymenticons/paysafe.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1944, #colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgBoletoBancario { background-image: url('../images/paymenticons/boleto.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-836 { background-image: url('../images/paymenticons/interac-online.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-81 { background-image: url('../images/paymenticons/DaoPay.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1496, #colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-ideal { background-image: url('../images/paymenticons/ideal.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1909 { background-image: url('../images/paymenticons/przelewy24.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-16 { background-image: url('../images/paymenticons/qiwi.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2667 { background-image: url('../images/paymenticons/au_commonwealth.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2140, #colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-sofort { background-image: url('../images/paymenticons/at_sofort.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1498 { background-image: url('../images/paymenticons/at_eps.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-465 { background-image: url('../images/paymenticons/skrill.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2031 { background-image: url('../images/paymenticons/rbc.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2130 { background-image: url('../images/paymenticons/bci.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2134 { background-image: url('../images/paymenticons/bancoestado.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2133 { background-image: url('../images/paymenticons/bancodechile.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-311, #colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgAlipay { background-image: url('../images/paymenticons/alipay.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1026 { background-image: url('../images/paymenticons/tenpay.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2580 { background-image: url('../images/paymenticons/upop.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-3215 { background-image: url('../images/paymenticons/wechat.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-3172, #colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-giropay { background-image: url('../images/paymenticons/giropay.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1148 { background-image: url('../images/paymenticons/trustly.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1806 { background-image: url('../images/paymenticons/nordea.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-3325 { background-image: url('../images/paymenticons/alfamart.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-3047 { background-image: url('../images/paymenticons/oxxo.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1687 { background-image: url('../images/paymenticons/maybank.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1682 { background-image: url('../images/paymenticons/cimb.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2669 { background-image: url('../images/paymenticons/kiwibank.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2419 { background-image: url('../images/paymenticons/2419.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1920 { background-image: url('../images/paymenticons/mbank.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-3173 { background-image: url('../images/paymenticons/multibanco.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-291 { background-image: url('../images/paymenticons/sberbank.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1336 { background-image: url('../images/paymenticons/webmoney.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-235 { background-image: url('../images/paymenticons/amazonpay.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2532 { background-image: url('../images/paymenticons/epay.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2097 { background-image: url('../images/paymenticons/sparkasse.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1810 { background-image: url('../images/paymenticons/swedbank.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2928 { background-image: url('../images/paymenticons/skt.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2929 { background-image: url('../images/paymenticons/lgu+.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgYandexMoney, #colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-27 { background-image: url('../images/paymenticons/Yandex_money.png?1629818868'); }
#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?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgVisaDelta, #colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgVisaElectron { background-image: url('../images/paymenticons/visa-delta-debit.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-749 { background-image: url('../images/paymenticons/gudang.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-132 { background-image: url('../images/paymenticons/cashu.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-226 { background-image: url('../images/paymenticons/toditocash.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-250 { background-image: url('../images/paymenticons/onecard.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2601 { background-image: url('../images/paymenticons/poli.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgWebMoney, #colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-6 { background-image: url('../images/paymenticons/webmoney.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1859 { background-image: url('../images/paymenticons/obucks.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.karmakoin { background-image: url('../images/paymenticons/karmakoin.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.ycoins { background-image: url('../images/paymenticons/ycoins2.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2683 { background-image: url('../images/paymenticons/paygarden.png?1629818868'); }
#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?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-1497 { background-image: url('../images/paymenticons/MisterCash.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-3312 { background-image: url('../images/paymenticons/blik.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-3364 { background-image: url('../images/paymenticons/zimpler.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2712 { background-image: url('../images/paymenticons/sepa.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2712 { background-image: url('../images/paymenticons/sepa.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-2883 { background-image: url('../images/paymenticons/nordea.png?1629818868'); }
#colorbox.paymentBox #cboxContent .paymentMethods .method.xsolla-Other, #colorbox.paymentBox #cboxContent .paymentMethods .method.dRiver-cpgSEPADirectDebit { font-size: 16px; }
#colorbox.paymentBox #cboxContent .paymentMethods .method .paymentOther { padding-top: 5px; font-size: 14px; }
#colorbox.paymentBox #cboxContent .paymentMethods.noSteam .method[data-gateway="xsolla-Other"] { display: inline-block; }

/*# sourceMappingURL=styles.css.map */