@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,700");
.store-logo.whsmith {
    background-image: url(https://images.rbxcdn.com/03ef26d5c2da312561ae6af755cd3fcb);
}

.store-logo.startselect {
    background-image: url(https://images.rbxcdn.com/d2c958ae292f044ccf909331acf27456);
}

.store-logo.amazonuk {
    background-image: url(https://images.rbxcdn.com/8856b817bce637a7deb841ecd479eeb0);
}

.store-logo.sainsburys {
    background-image: url(https://images.rbxcdn.com/5ef67ba54ac5d083585bf2c288c7e7d4);
}

.store-logo.asda {
    background-image: url(https://images.rbxcdn.com/f2c236ff4ba52367b984a76192809272);
}   

.store-logo.game {
    background-image: url(https://images.rbxcdn.com/13bba9d65c5e86cef63148bdd80c3b82);
}

.store-logo.smyths {
    background-image: url(https://images.rbxcdn.com/9e733430b4aa882a529a9b929ad84bf7);
}

.store-logo.curryspcworld {
    background-image: url(https://images.rbxcdn.com/3848b8715ceb0ad1e87cd8a14969bc03);
}

.store-logo.bigw {
    background-image: url(https://images.rbxcdn.com/df620fcb7a2fb15ad52cd4002f5d8df4);
}

.store-logo.coles {
    background-image: url(https://images.rbxcdn.com/9624a12034ad780ace13c4923f7ae566);
}

.store-logo.amazonde {
    background-image: url(https://images.rbxcdn.com/dbdefb9ad595e19b63ce39fea976e8ec);
}

.store-logo.amazonen {
    background-image: url(https://images.rbxcdn.com/8856b817bce637a7deb841ecd479eeb0);
}

.store-logo.amazones {
    background-image: url(https://images.rbxcdn.com/2b09befc74c3aa7b14efe2844f67aeb1);
}

.store-logo.amazonfr {
    background-image: url(https://images.rbxcdn.com/4f3f79a2e2e2713b72c910da91a28d3e);
}

.store-logo.dgeneral {
    background-image: url(https://images.rbxcdn.com/5cbbd34ab81a2d027613a05ebe728ceb);
}

.store-logo.ebgames {
    background-image: url(https://images.rbxcdn.com/f1834c1e0b34be9577fd5ae5ba0eb930);
}

.store-logo.fdollar {
    background-image: url(https://images.rbxcdn.com/f6cb7121fa1caa7dea282ee9e6e84fa8);
}

.store-logo.jbhifi {
    background-image: url(https://images.rbxcdn.com/b73ad27525c05cd6af3124200d43f0a2);
}

.store-logo.kroger {
    background-image: url(https://images.rbxcdn.com/f26275c7a2065443d8b4cc885b7e4742);
}

.store-logo.loblaws {
    background-image: url(https://images.rbxcdn.com/60fa05b76a7132c227f702ec9c15590c);
}

.store-logo.safeway {
    background-image: url(https://images.rbxcdn.com/cf58c1b7fa92ee14f51c07c683c05ffb);
}

.store-logo.sdrugmart {
    background-image: url(https://images.rbxcdn.com/988748ad129cb265ac18d1d569dc4dae);
}

.store-logo.toysrus {
    background-image: url(https://images.rbxcdn.com/e6f8b46ed2d0f965d91df41f2ab6cd94);
}

.store-logo.bestbuy {
    background-image: url(https://images.rbxcdn.com/90dfd56204e988382e5faa837f7e47ba);
}

.store-logo.cvs {
    background-image: url(https://images.rbxcdn.com/11e4a79352a816982b02228053263814);
}

.store-logo.walgreens {
    background-image: url(https://images.rbxcdn.com/4dd77f13fdbd72d3b51c112e1f8e8712);
}

.store-logo.target {
    background-image: url(https://images.rbxcdn.com/ce059d13ac93df519d279b616e74fa1c);
}

.store-logo.gamestop {
    background-image: url(https://images.rbxcdn.com/b78442509e8e09260debee27ffd4056a);
}

.store-logo.micromania {
    background-image: url(https://images.rbxcdn.com/d20f6b28eed4c9009454676592925f15);
}

.store-logo.newegg {
    background-image: url(https://images.rbxcdn.com/a0b26962be39be8e8f542521d4b3f4bd);
}

.store-logo.costco {
    background-image: url(https://images.rbxcdn.com/e0e0c2bbfd707e3de8a6a90cf6054f35);
}

.store-logo.woolworths {
    background-image: url(https://images.rbxcdn.com/a24c4cf435affdef1e736047276e1cae);
}

.store-logo.seven11 {
    background-image: url(https://images.rbxcdn.com/156fb8026a0180757ee93716ef4adfad);
}

.store-logo.walmart {
    background-image: url(https://images.rbxcdn.com/ca44731eec8ae9a2146d60eee571e2ce);
}

.store-logo.albertsons {
    background-image: url(https://images.rbxcdn.com/a0f2d8bdb7532ad81ec17e4d87754afe);
}

.store-logo.kruidvat {
    background-image: url(https://images.rbxcdn.com/aec3f0deaa86f9468d830fb9b7630588);
}

.store-logo.carrefour {
    background-image: url(https://images.rbxcdn.com/946e84037a69aa68a1734a8f59bc6f79);
}

.store-logo.amazonit {
    background-image: url(https://images.rbxcdn.com/30110bf7aa0a731201753c674c7f7e6b);
}

.globe-icon {
    background-image: url(https://images.rbxcdn.com/7eb3552c667b9132412bffee8bfebf84);
}

.main-image.au {
    background-image: url(https://images.rbxcdn.com/202d8106b31e37ac32514bf1c98ba2b7);
}

.main-image.be {
    background-image: url(https://images.rbxcdn.com/ecf714c22718616041484e15b76d1cc0);
}

.main-image.ca {
    background-image: url(https://images.rbxcdn.com/202d8106b31e37ac32514bf1c98ba2b7);
}

.main-image.dk {
    background-image: url(https://images.rbxcdn.com/82724b6d3c390dec7adf9b18b4ce8a78);
}

.main-image.fi {
    background-image: url(https://images.rbxcdn.com/9fe1ea735222f659fc34ad4b3a374217);
}

.main-image.fr {
    background-image: url(https://images.rbxcdn.com/0206843578ffd63667708e48c4b93d82);
}

.main-image.de {
    background-image: url(https://images.rbxcdn.com/8a0da3d2925acfa0238ecd9ff380d872);
}

.main-image.ie {
    background-image: url(https://images.rbxcdn.com/fb58e10de327bc0b173d9adf07f14e29);
}

.main-image.it {
    background-image: url(https://images.rbxcdn.com/038b618993ba1e624df9b05c14c9e3a0);
}

.main-image.nl {
    background-image: url(https://images.rbxcdn.com/387fcc4846a087228af57f63edb28db2);
}

.main-image.nz {
    background-image: url(https://images.rbxcdn.com/202d8106b31e37ac32514bf1c98ba2b7);
}

.main-image.no {
    background-image: url(https://images.rbxcdn.com/076514dbadf82e2620364d138b8169c1);
}

.main-image.es {
    background-image: url(https://images.rbxcdn.com/d27e0538ef26eb6aeea88fd4e9d0ea61);
}

.main-image.se {
    background-image: url(https://images.rbxcdn.com/7bbd3862096555dd524fa62623606a32);
}

.main-image.ch {
    background-image: url(https://images.rbxcdn.com/3553cf4ffab317ce5920e880a32ac065);
}

.main-image.uk {
    background-image: url(https://images.rbxcdn.com/ba61e3031f6dc53a89d39519593f665c);
}

.digital-cards.au {
    background-image: url(https://images.rbxcdn.com/427cf2ca8116af93bc4207e8f8498dfb);
}

.digital-cards.be {
    background-image: url(https://images.rbxcdn.com/b1a8bdcbf8da778cf8282c0265c542e6);
}

.digital-cards.ca {
    background-image: url(https://images.rbxcdn.com/04982f56f79c623d15e683bf2ef0a55f);
}

.digital-cards.dk {
    background-image: url(https://images.rbxcdn.com/98073d44244e6796a35564d25bb280fa);
}

.digital-cards.fi {
    background-image: url(https://images.rbxcdn.com/e1e5a232f92ba3260760b9c2036f62a0);
}

.digital-cards.fr {
    background-image: url(https://images.rbxcdn.com/40772896f8efcec9636ddd596b783028);
}

.digital-cards.de {
    background-image: url(https://images.rbxcdn.com/85ebd14ac50b32f841f40fa377b5ad63);
}

.digital-cards.ie {
    background-image: url(https://images.rbxcdn.com/48569971e076aa281ba16a1a8aff1622);
}

.digital-cards.it {
    background-image: url(https://images.rbxcdn.com/bf87ba145314acf3cbef608e8d26dd84);
}

.digital-cards.nl {
    background-image: url(https://images.rbxcdn.com/e2f651f51aff34cf5d95bd19c414b344);
}

.digital-cards.nz {
    background-image: url(https://images.rbxcdn.com/427cf2ca8116af93bc4207e8f8498dfb);
}

.digital-cards.no {
    background-image: url(https://images.rbxcdn.com/0ba8b39f9bc8441b5981e12014868d5e);
}

.digital-cards.es {
    background-image: url(https://images.rbxcdn.com/6d52d1799801a49312a14a2b8552e2a0);
}

.digital-cards.se {
    background-image: url(https://images.rbxcdn.com/2982528a0213fb2a095fd32f144b8dec);
}

.digital-cards.ch {
    background-image: url(https://images.rbxcdn.com/1360a38b18f6a8b7e8f5a24478c8200d);
}

.digital-cards.uk {
    background-image: url(https://images.rbxcdn.com/e08f53f16abd0f6d6756725824d5632d);
}

.digital-cards.us {
    background-image: url(https://images.rbxcdn.com/427cf2ca8116af93bc4207e8f8498dfb);
}

.main-image.us {
    background-image: url(https://images.rbxcdn.com/202d8106b31e37ac32514bf1c98ba2b7);
}

.herobg2 {
    background-image: url(https://images.rbxcdn.com/99409e4563c06c5880ccdb0fd79770c1);
}

.herobg3 {
    background-image: url(https://images.rbxcdn.com/c69b2addc620b080bdce344547ac5aa7);
}

.arrow-right {
    background-image: url(https://images.rbxcdn.com/c19464d6f9f0db7661fb30cca5d035ff);
}

.arrow-left {
    background-image: url(https://images.rbxcdn.com/5959a53a1333ddd9d41e5bd25f8f641e);
}

.herobg1.us {
    background-image: url(https://images.rbxcdn.com/a184228be722d18ed5e145567c78f655);
}

.herobg1.ca {
    background-image: url(https://images.rbxcdn.com/b80872d030712a5455cb4b23d38ec88b);
}

.herobg4 {
    background-image: url(https://images.rbxcdn.com/e434e2a1ec6fc46760bffb2eace83e9a);
}

@font-face {
    font-family: "HCo Gotham SSm";
    src: url(https://css.rbxcdn.com/38e00f7de6f417aa3a458560a15e2b8a-GothamSSm-Light.woff2) format("woff2"), url(https://css.rbxcdn.com/5c779fadf28d7893108d5b896e092e0d-GothamSSm-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "HCo Gotham SSm";
    src: url(https://css.rbxcdn.com/6eafc48312528e2515d622428b6b95cc-GothamSSm-Book.woff2) format("woff2"), url(https://css.rbxcdn.com/713e0b3a604ff4e44f55f9d1c100e8b5-GothamSSm-Book.woff) format("woff");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: "HCo Gotham SSm";
    src: url(https://css.rbxcdn.com/66d562e3299ee732a53db150038c026e-GothamSSm-Medium.woff2) format("woff2"), url(https://css.rbxcdn.com/2ed7693f8cf4d79466dd604c35502f76-GothamSSm-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: "HCo Gotham SSm";
    src: url(https://css.rbxcdn.com/3c102ace52ea35b16da4383819acfa38-GothamSSm-Bold.woff2) format("woff2"), url(https://css.rbxcdn.com/fe0e9885efc341b17f7e600781493f69-GothamSSm-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: "HCo Gotham SSm";
    src: url(https://css.rbxcdn.com/0acd8ff34f3a5c177d02e9011ee74eb3-GothamSSm-Black.woff2) format("woff2"), url(https://css.rbxcdn.com/3ac436cddb043616a4059aa6fe3b0c0a-GothamSSm-Black.woff) format("woff");
    font-weight: 800;
    font-style: normal;
}

* {
    box-sizing: border-box;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes ltr {
    from {
        background-position-x: 100%;
    }
    to {
        background-position-x: 0%;
    }
}

@keyframes pulse {
    from {
        opacity: 1;
    }
    to {
        opacity: 0.25;
    }
}

#SponsoredPage {
    height: unset;
    min-height: 0;
    display: flex;
    background-position: bottom;
    background-size: contain;
    background-color: #232527;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    font-family: "HCo Gotham SSm", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", "Montserrat", sans-serif, sans-serif;
    letter-spacing: 0.05em;
}

#SponsoredPageContent>div {
    position: inherit !important;
    width: 100vw !important;
}

#BodyWrapper,
#RepositionBody,
#Body {
    margin-bottom: -18px;
}

@media (max-width: 945px) {
    .bannerAd,
    .rectangleAd {
        display: none;
    }
}

.arrow-prev,
.arrow-prev.disabled:hover,
.arrow-next,
.arrow-next.disabled:hover {
    height: 57px;
    width: 57px;
    float: left;
    position: absolute !important;
    cursor: pointer;
    margin: 0px;
    padding: 0px;
    margin-top: -25px;
}

.arrow-next,
.arrow-prev {
    top: 140px !important;
    z-index: 100;
    background-size: 225%;
}

.arrow-prev,
.arrow-prev.disabled:hover {
    margin-right: 0px;
    left: -51px;
}

.arrow-next,
.arrow-next.disabled:hover {
    margin-left: 0px;
    right: -37px;
}

.arrow-prev.disabled:hover,
.arrow-next.disabled:hover {
    cursor: default;
}

.arrow-prev,
.arrow-prev.disabled:hover {
    background-position: -2px -4px;
}

.arrow-prev:hover {
    background-position: -2px 66px;
}

.arrow-next,
.arrow-next.disabled:hover {
    background-position: 60px -2px;
}

.arrow-next:hover {
    background-position: 60px 68px;
}

.rlogo {
    background-image: none !important;
    background-image: url("http://roblox.com/images/Logo/logo_R.svg");
}

.logo-link img {
    background-size: contain;
    width: 150px;
    background-position: center;
    margin-top: 4px;
}

body {
    background-color: #191919;
}

#body {
    background-color: #222;
    max-width: none;
}

.location-picker {
    display: none;
}

.redeem-button {
    display: none;
}

.header {
    height: 60px;
    background-color: #111214;
}

@media (max-width: 767px) {
    .header {
        min-width: unset;
    }
}

.header .headerLeft {
    float: unset;
    width: 100%;
    text-align: left;
    max-width: 1440px;
    box-sizing: border-box;
    position: relative;
    padding: 10px 24px;
    margin: auto;
}

@media (max-width: 1200px) {
    .header .headerLeft {
        padding: 12px 2vw;
    }
}

@media (max-width: 700px) {
    .header .headerLeft {
        padding: 12px 24px;
    }
}

@media (max-width: 375px) {
    .header .headerLeft {
        padding: 12px 12px;
    }
}

.header .headerLeft .rlogo {
    height: 40px;
    margin-top: 0px;
}

@media (max-width: 700px) {
    .header .headerLeft .rlogo {
        height: 24px;
        margin: 6px 0;
    }
}

@media (max-width: 375px) {
    .header .headerLeft .rlogo {
        height: 6.4vw;
    }
}

.header .headerLeft .rlogo img {
    height: 40px;
    width: auto;
    margin-top: 0px;
}

@media (max-width: 700px) {
    .header .headerLeft .rlogo img {
        height: 24px;
    }
}

@media (max-width: 375px) {
    .header .headerLeft .rlogo img {
        height: 6.4vw;
    }
}

.header .headerLeft .header-box {
    justify-content: space-between;
    max-width: 564px;
    width: 50%;
    margin-top: 0;
    height: 40px;
    float: right;
    position: relative;
    display: flex;
}

@media (max-width: 700px) {
    .header .headerLeft .header-box {
        height: 36px;
        width: auto;
        max-width: 50%;
    }
}

@media (max-width: 375px) {
    .header .headerLeft .header-box {
        max-width: 58%;
    }
}

.header .headerLeft .header-box .location-picker {
    display: inline-block;
    position: relative;
    border-radius: 8px;
    overflow: hidden;
    margin-right: 24px;
    max-width: 270px;
    width: 50%;
    border: 1px solid #ffffff;
}

@media (max-width: 700px) {
    .header .headerLeft .header-box .location-picker {
        margin-right: 12px;
        border: 2px solid #ffffff;
        width: auto;
        min-width: 52px;
    }
}

.header .headerLeft .header-box .location-picker:hover .location-left .location-icon-container .background-image {
    background-position: -20px 0px;
}

.header .headerLeft .header-box .location-picker .flex-row {
    justify-content: space-between;
}

.header .headerLeft .header-box .location-picker .location-left {
    padding: 8px;
    align-items: center;
}

@media (max-width: 700px) {
    .header .headerLeft .header-box .location-picker .location-left {
        padding: 6px;
    }
}

.header .headerLeft .header-box .location-picker .location-left .location-label {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

@media (max-width: 700px) {
    .header .headerLeft .header-box .location-picker .location-left .location-label {
        display: none;
    }
}

.header .headerLeft .header-box .location-picker .location-left .location-icon-container {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

@media (max-width: 700px) {
    .header .headerLeft .header-box .location-picker .location-left .location-icon-container {
        margin-right: 0;
    }
}

.header .headerLeft .header-box .location-picker .location-left .location-icon-container .background-image {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 40px 20px;
    background-position: 0px 0px;
}

.header .headerLeft .header-box .location-picker .location-right {
    padding: 10px;
    align-items: center;
}

@media (max-width: 700px) {
    .header .headerLeft .header-box .location-picker .location-right {
        padding-right: 8px;
        padding-left: 0;
    }
}

.header .headerLeft .header-box .location-picker .location-right .up-arrow {
    width: 1px;
    height: 0;
    border: 6px solid transparent;
    border-top-width: 0px;
    border-bottom-width: 12px;
    border-bottom-color: #ffffff;
}

.header .headerLeft .header-box .location-picker .location-right .down-arrow {
    width: 1px;
    height: 0;
    border: 6px solid transparent;
    border-bottom-width: 0px;
    border-top-width: 12px;
    border-top-color: #ffffff;
}

.header .headerLeft .header-box .location-picker .invisible-select {
    position: absolute;
    opacity: 0;
    height: 100%;
    width: 100%;
    color: #000000;
}

@media (max-width: 767px) {
    .header .headerLeft .header-box .location-picker .invisible-select {
        font-size: 16px;
    }
}

.header .headerLeft .header-box .redeem-button {
    display: inline-block;
}

.header .headerLeft .header-box .redeem-button .main-btn {
    height: 40px;
    color: #000000;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    width: 270px;
    display: inline-block;
    padding: 10px;
    text-align: center;
    border-radius: 8px;
    margin-left: 0;
    margin-top: 0;
}

@media (max-width: 1200px) {
    .header .headerLeft .header-box .redeem-button .main-btn {
        width: 22.5vw;
    }
}

@media (max-width: 767px) {
    .header .headerLeft .header-box .redeem-button .main-btn {
        width: 162px;
    }
}

@media (max-width: 700px) {
    .header .headerLeft .header-box .redeem-button .main-btn {
        width: auto;
        height: 36px;
        padding: 6px 10px;
        background-color: transparent;
        border: 2px solid #ffffff;
        color: #ffffff;
        /*overflow-x: hidden;
        overflow-y: hidden;*/
        /*white-space: nowrap;
        overflow: hidden;
        text-overflow: clip;*/
        overflow-x: hidden;
        overflow-y: clip;
    }
}

#link-templates {
    display: none !important;
}

#link-templates a {
    display: none !important;
}

#section4 {
    position: relative;
}

#section2 {
    background-color: #000000;
}

.sponsored-product-text {
    display: none !important;
}

.uppercase {
    text-transform: uppercase;
}

.bold {
    font-weight: bold !important;
}

a.inline-link {
    text-decoration: underline;
    color: unset;
}

img:not([src]) {
    display: none;
}

.flex-row {
    display: flex;
    flex-direction: row;
}

.flex-column {
    display: flex;
    flex-direction: column;
}

.flex-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.row-column {
    display: flex;
    flex-direction: row;
}

@media (max-width: 767px) {
    .row-column {
        flex-direction: column;
    }
}

.row-column-reverse {
    display: flex;
    flex-direction: row;
}

@media (max-width: 767px) {
    .row-column-reverse {
        flex-direction: column-reverse;
    }
}

.column-reverse {
    display: flex;
    flex-direction: column;
}

@media (max-width: 767px) {
    .column-reverse {
        flex-direction: column-reverse;
    }
}

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

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

.align-right {
    text-align: right;
}

.vcenter {
    display: flex;
    align-items: center;
}

.thumbnail {
    width: 100%;
    height: 100%;
}

.mapbg {
    background-position: top;
    position: relative;
    background-repeat: repeat-y;
    background-size: 1200px auto;
}

@media (max-width: 1200px) {
    .mapbg {
        background-size: contain;
    }
}

.bloxy-silhouette {
    background-position: center;
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
    pointer-events: none;
    background-position-y: 300%;
}

@media (max-width: 1200px) {
    .bloxy-silhouette {
        background-size: contain;
    }
}

#footer-text {
    max-width: 1200px;
    margin: auto;
    justify-content: space-between;
    padding: 30px;
    font-size: 10px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
   /* background-color: #212528; */
}

#footer-text .legal-stuff {
    justify-content: center;
}

@media (max-width: 767px) {
    #footer-text .legal-stuff {
        margin-top: 20px;
    }
}

#footer-text .legal-stuff a {
    color: #fff;
    transition: color 0.25s cubic-bezier(0.645, 0.045, 0.355, 1);
}

#footer-text .legal-stuff a:hover {
    color: #009dff;
}

#footer-text .legal-stuff .dotsep:before {
    content: "";
    width: 3px;
    height: 3px;
    background-color: #fff;
    border-radius: 50%;
    margin: 0px 8px;
    position: relative;
    display: inline-block;
    bottom: 2px;
    right: -2px;
}

.popout-background {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: #000;
    opacity: 0.5;
    display: none;
    top: 0;
}

.popout-background.show-video {
    display: block;
    z-index: 1000;
}

#popout-video {
    cursor: pointer;
}

.popout-video-container {
    display: none;
    flex-direction: column;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    width: 600px;
    background-color: #393b3d;
    height: fit-content;
    height: -moz-fit-content;
    font-family: "HCo Gotham SSm", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", "Montserrat", sans-serif, sans-serif;
    letter-spacing: 0.05em;
    max-height: 100%;
}

@media (max-width: 767px) {
    .popout-video-container {
        width: 90%;
        max-width: unset;
    }
}

@media (max-width: 1080px) and (max-height: 460px) {
    .popout-video-container {
        max-width: 50%;
    }
}

.popout-video-container.show-video {
    display: flex;
    z-index: 1050;
}

.popout-video-container .popout-header {
    position: relative;
    height: fit-content;
    height: -moz-fit-content;
    border-bottom: 1px solid #656668;
    display: flex;
    align-items: center;
}

.popout-video-container .popout-header .popout-title {
    font-size: 20px;
    padding: 12px;
    padding-right: 32px;
    font-weight: 700;
    color: #fff;
}

.popout-video-container .popout-header .popout-close-button {
    font-size: 40px;
    position: absolute;
    top: 0;
    right: 0;
    width: 38px;
    height: 40px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    line-height: 1;
}

.popout-video-container .popout-body {
    padding: 12px;
}

.popout-video-container .popout-body .video-contain {
    display: flex;
    flex-direction: column;
}

.popout-video-container .popout-body .video-contain .text-container {
    color: #ffffff;
    font-size: 20px;
    padding: 3%;
    font-weight: 100;
}

@media (max-width: 1200px) {
    .popout-video-container .popout-body .video-contain .text-container {
        font-size: 3.85356vw;
    }
}

.popout-video-container .popout-body .video-contain .control-container {
    display: flex;
    position: relative;
}

.popout-video-container .popout-body .video-contain .control-container .tab-row {
    position: relative;
    bottom: -2px;
}

@media (max-width: 1200px) {
    .popout-video-container .popout-body .video-contain .control-container .tab-row {
        bottom: -1px;
    }
}

.popout-video-container .popout-body .video-contain .control-container .tab-row .video-tab {
    height: 70px;
    width: 330px;
    cursor: pointer;
}

@media (max-width: 1200px) {
    .popout-video-container .popout-body .video-contain .control-container .tab-row .video-tab {
        height: 5.83333vw;
        width: 27.5vw;
    }
}

.popout-video-container .popout-body .video-contain .control-container .tab-row .video-tab.active {
    border-bottom: 2px;
}

@media (max-width: 1200px) {
    .popout-video-container .popout-body .video-contain .control-container .tab-row .video-tab.active {
        border-bottom: 1px;
    }
}

.popout-video-container .popout-body .video-contain .control-container .tab-row .video-tab .tab-name {
    margin: auto;
    color: #fff;
    background-color: #000000;
    font-weight: 100;
    height: 100%;
    width: 100%;
    font-size: 26px;
    line-height: 2.5;
}

@media (max-width: 1200px) {
    .popout-video-container .popout-body .video-contain .control-container .tab-row .video-tab .tab-name {
        font-size: 2.16667vw;
    }
}

.popout-video-container .popout-body .video-contain .iframe-container {
    width: 100%;
    background-position: top;
}

.popout-video-container .popout-body .video-contain .video-arrow {
    padding: 24px 18px;
    background-color: #111111;
    align-self: center;
    margin: 12px;
    border-radius: 3px;
}

.popout-video-container .popout-body .video-contain .video-arrow.disable {
    opacity: 0.4;
}

.popout-video-container .popout-body .video-contain .test-screenshot {
    background-size: contain;
    background-repeat: no-repeat;
}

.popout-video-container .popout-body .fixedratio {
    position: relative;
    padding-top: 56.25%;
    background-color: #000;
}

.popout-video-container .popout-body .fixedratio iframe {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.section {
    width: 100%;
    background-color: black;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: unset;
    position: relative;
}

.section.mapbg {
    background-position: top;
    position: relative;
    background-repeat: repeat-y;
    background-size: 1200px auto;
}

@media (max-width: 1200px) {
    .section.mapbg {
        background-size: contain;
    }
}

.hide {
	display: none !important;
}

.section.light {
    background-color: #242529;
}

.section.dark {
    background-color: #1A1B1F;
}

.section.black {
    background-color: #1A1B1F;
}

.section.dark2 {
    background-color: #212528;
}

.section.dark3 {
    background-color: #111214;
}

.section.blank-section {
    height: 48px;
}

.section.top {
    margin: 60px 0 0 0;
    padding: 0;
    z-index: 0;
}

.section.top .container {
    position: relative;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    padding: 30px 24px;
    /*height: 647px;*/
    height: 735px;
}

@media (max-width: 1200px) {
    .section.top .container {
        padding: 2.5vw 2vw;
        height: 650px;
    }
}

.section.top .container.fw-carousel-container {
    max-width: 1440px;
    overflow: hidden;
    padding: 0;
}

@media (max-width: 1440px) {
    .section.top .container.fw-carousel-container {
        height: 44.93056vw;
    }
}

@media (max-width: 1024px) {
    .section.top .container.fw-carousel-container {
        height: 48.82813vw;
    }
}

@media (max-width: 767px) {
    .section.top .container.fw-carousel-container {
        height: 776px;
        max-width: 450px;
    }
}

@media (max-width: 450px) {
    .section.top .container.fw-carousel-container {
        height: 172.22222vw;
        min-height: 715px;
    }
}

.section.top .main-left {
    width: 50%;
    padding: 50px;
}

@media (max-width: 1440px) {
    .section.top .main-left {
        padding: 3.47222vw;
    }
}

@media (max-width: 767px) {
    .section.top .main-left {
        width: 100%;
        height: 450px;
        padding: 0;
        padding-top: 24px;
    }
}

@media (max-width: 450px) {
    .section.top .main-left {
        height: 100vw;
    }
}

.section.top .main-center {
	padding-top: 2.5%;
    position: relative;
    width: 100%;
}

.section.top .main-right {
    position: relative;
    justify-content: center;
    width: 50%;
    padding-right: 10%;
}

@media (max-width: 767px) {
    .section.top .main-right {
        width: 100%;
        padding: 0px 24px;
        margin-top: 24px;
    }
}

.section.top .main-image-container {
    margin: auto;
    height: 100%;
    width: 100%;
}

.section.top .main-image-container .main-image {
    background-position: center 20%;
}

.section.top .main-logo-container {
    position: relative;
    height: 350px;
    top: -35px;
    margin-bottom: 100px;
    width: 50%;
}

@media (max-width: 1200px) {
    .section.top .main-logo-container {
        top: -2.91667vw;
        height: 29.16667vw;
        margin-bottom: 8.33333vw;
    }
}

.section.top .main-title {
    color: #fff;
    font-weight: 900;
    font-size: 32px;
}

@media (max-width: 767px) {
    .section.top .main-title {
        margin-top: 24px;
        /* min-height: 90px; */
    }
}

.section.top .main-subtitle {
    text-align: center;
    color: #fff;
    font-size: 21px;
    font-weight: 100;
}

@media (max-width: 1200px) {
    .section.top .main-subtitle {
        font-size: 1.75vw;
    }
}

.section.top .main-text {
    line-height: 1.2;
    color: #fff;
    font-size: 16px;
    font-weight: 300;
    padding: 0px 55px;
}

@media (max-width: 1200px) {
    .section.top .main-text {
        font-size: 1.75vw;
        padding: 0 4.58333vw;
    }
}

.section .section-button {
    text-align: center;
    position: relative;
    height: auto;
    margin-top: 24px;
	display: flex;
    justify-content: center;
}

.section a.social-link {
    color: #c00e00;
}

.section a.lesson-link {
    color: #fff;
}

.section .section-title {
    color: #fff;
    font-size: 32px;
    font-weight: 900;
    max-width: 1152px;
    margin: 0 auto;
    box-sizing: border-box;
    position: relative;
    margin-bottom: 12px;
}

.section .section-title.small-title {
    font-size: 20px;
    font-weight: 700;
}

.section .main-btn {
    background-color: #ffffff;
    color: #000;
    font-weight: 500;
    padding: 10px 18px;
    text-decoration: none;
    font-size: 16px;
    border-radius: 8px;
    cursor: pointer;
    white-space: nowrap;
    display: block;
    height: 40px;
    width: 100%;
    /*max-width: 411px;*/
    max-width: 290px;
}

.section .background-image {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.section.video .container {
    padding-bottom: 175px;
}

@media (max-width: 1200px) {
    .section.video .container {
        padding-bottom: 14.58333vw;
    }
}

.section.semi-finals .container {
    padding-bottom: 0;
}

.section.semi-finals .container .video-row .video-container {
    margin-bottom: 0;
}

.section.hosts-section .container {
    padding-top: 40px;
    padding-bottom: 140px;
}

@media (max-width: 1200px) {
    .section.hosts-section .container {
        padding-top: 3.33333vw;
        padding-bottom: 11.66667vw;
    }
}

.section.glow {
    background-size: 1200px auto;
}

@media (max-width: 1200px) {
    .section.glow {
        background-size: cover;
    }
}

.section .container {
    width: 100%;
    max-width: 1200px;
    box-sizing: border-box;
    padding: 48px 24px;
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .section .container {
        max-width: 450px;
    }
}

.section .container .intl-container.hidden {
    display: none !important;
}

@media (max-width: 767px) {
    .section .container.intl .main-title {
        height: unset;
    }
}

.section .container.intl.digital-container .section-title {
    margin: unset;
    margin-bottom: 12px;
}

.section .container.intl.worldwide .left-section {
    display: none;
    width: 0%;
}

.section .container.intl.worldwide .centered-section {
    width: 100%;
}

@media (max-width: 767px) {
    .section .container.intl.worldwide .centered-section {
        text-align: center;
    }
}

.section .container.intl.worldwide .centered-section .online-store-container,
.section .container.intl.worldwide .centered-section .instore-store-container {
    justify-content: center;
}

@media (max-width: 767px) {
    .section .container.intl.worldwide .centered-section .online-store-container,
    .section .container.intl.worldwide .centered-section .instore-store-container {
        justify-content: space-between;
    }
}

.section .container.intl.worldwide .centered-section .online-store-container .card-logo,
.section .container.intl.worldwide .centered-section .instore-store-container .card-logo {
    margin: 12px;
}

@media (max-width: 767px) {
    .section .container.intl.worldwide .centered-section .online-store-container .card-logo,
    .section .container.intl.worldwide .centered-section .instore-store-container .card-logo {
        margin: 0px;
    }
}

.section .container.intl.worldwide .centered-section .mid-title {
    text-align: center;
    margin-top: 24px;
}

@media (max-width: 767px) {
    .section .container.intl.worldwide .centered-section .mid-title {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .section .container.intl.worldwide .centered-section .text-note {
        text-align: center;
    }
}

.section .container.intl.worldwide .centered-section .online-desc {
    /*min-width: 476px;
    max-width: 564px;
    width: 47%;*/
	width: 100%;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .section .container.intl.worldwide .centered-section .online-desc {
        min-width: unset;
        width: unset;
    }
}

.section .container .intl-container {
    height: 100%;
}

.section .container.in-store-container {
    padding-bottom: 0;
    padding-top: 24px;
}

.section .container.in-store-container .linear-carousel-container .instore-store-container {
    margin: 12px 0;
    width: 100%;
}

.section .container.in-store-container .linear-carousel-container .instore-store-container .card-logo {
    height: 100px;
    margin: 12px;
}

@media (max-width: 1024px) {
    .section .container.in-store-container .linear-carousel-container .instore-store-container .card-logo {
        height: 9.76563vw;
    }
}

@media (max-width: 767px) {
    .section .container.in-store-container .linear-carousel-container .instore-store-container .card-logo {
        margin: 12px 0;
        height: 100px;
    }
}

.section .container.fw-carousel-container .background-item-container .image-container {
    position: absolute;
    height: 100%;
    width: 100%;
}

@media (max-width: 767px) {
    .section .container.fw-carousel-container .background-item-container .image-container .background-image.herobg1.us {
        background-image: url(https://images.rbxcdn.com/c3ab6df16b5dd380862f87cb2d7a86a2);
    }
    .section .container.fw-carousel-container .background-item-container .image-container .background-image.herobg1.ca {
        background-image: url(https://images.rbxcdn.com/a99983bb7e7128d3acd6f9f361b01c28);
    }
    .section .container.fw-carousel-container .background-item-container .image-container .background-image.herobg1.uk {
        background-image: url(https://images.rbxcdn.com/5116bfc97f126d5692426243faf100e3);
    }
    .section .container.fw-carousel-container .background-item-container .image-container .background-image.herobg1.fr {
        background-image: url(https://images.rbxcdn.com/c37b05ac487d1f973a6cd0fdbba4693c);
    }
    .section .container.fw-carousel-container .background-item-container .image-container .background-image.herobg1.de {
        background-image: url(https://images.rbxcdn.com/2d34b95bff2dae80980a83088a0f0c0c);
    }
    .section .container.fw-carousel-container .background-item-container .image-container .background-image.herobg1.nl {
        background-image: url(https://images.rbxcdn.com/d5aadabf371ea4d23a81619cf0ccc892);
    }
    .section .container.fw-carousel-container .background-item-container .image-container .background-image.herobg2 {
        background-image: url(https://images.rbxcdn.com/9495384f5ff51ebe0fb26ccccba41ab7);
    }
    .section .container.fw-carousel-container .background-item-container .image-container .background-image.herobg3 {
        background-image: url(https://images.rbxcdn.com/1421f2310ec3617ccaba6cf3b0443436);
    }
    .section .container.fw-carousel-container .background-item-container .image-container .background-image.herobg4 {
        background-image: url(https://images.rbxcdn.com/c9f65f697df29010781745246a90d78f);
    }
}

.section .container.fw-carousel-container .background-item-container .moving-text-container {
    position: relative;
    padding-left: calc(50% + 12px);
    height: 100%;
    justify-content: center;
    padding-right: 10%;
}

@media (max-width: 767px) {
    .section .container.fw-carousel-container .background-item-container .moving-text-container {
        padding: 0 24px;
        padding-bottom: 36px;
        padding-top: 450px;
        justify-content: unset;
    }
}

@media (max-width: 450px) {
    .section .container.fw-carousel-container .background-item-container .moving-text-container {
        padding-top: 100vw;
    }
}

@media (max-width: 767px) {
    .section .container.fw-carousel-container .background-item-container .moving-text-container .section-button {
        margin-top: auto;
    }
}

.section .container.fw-carousel-container .carousel-position-indicator {
    position: absolute;
    justify-content: center;
    width: 100%;
    bottom: 25px;
}

@media (max-width: 1440px) {
    .section .container.fw-carousel-container .carousel-position-indicator {
        bottom: 2.08333vw;
    }
}

@media (max-width: 767px) {
    .section .container.fw-carousel-container .carousel-position-indicator {
        display: none;
    }
}

.section .container.fw-carousel-container .carousel-position-indicator .indicator {
    height: 16px;
    width: 16px;
    border: 1px solid #ffffff;
    border-radius: 50%;
    margin: 0 6px;
    background-color: #ffffff00;
    transition: background-color 0.3 ease-in-out;
    cursor: pointer;
}

.section .container.fw-carousel-container .carousel-position-indicator .indicator.filled {
    background-color: #ffffff;
}

.section .container.digital-container .left-section {
    justify-content: center;
}

.section .container.digital-container .centered-section {
    justify-content: center;
}

.section .container.digital-container .centered-section .items-container {
    justify-content: center;
    /*margin-bottom: 24px;*/
    align-items: flex-end;
}

.section .container.digital-container .centered-section .items-container .item-container {
    margin: 12px;
    position: relative;
    width: 341.24px;
    height: 119.434px;
}


.section .container.digital-container .centered-section .items-container .item-container:hover .virtual-item-container:before {
    opacity: 1;
}

@media (max-width: 767px) {
    .section .container.digital-container .centered-section .items-container .item-container.event-item {
        margin-right: 24px;
    }
}

.section .container.digital-container .centered-section .items-container .item-container .limited-tag {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 4px;
    color: #00a2ff;
}

@media (max-width: 1024px) {
    .section .container.digital-container .centered-section .items-container .item-container .limited-tag {
        font-size: 16px;
        font-weight: 500;
    }
}

.section .container.digital-container .centered-section .items-container .item-container .event-tag {
    position: absolute;
    bottom: 0;
    width: 83.33333%;
    height: 24px;
    color: #000000;
    background-color: #ffffff;
    border-radius: 8px;
    margin: 0 auto;
    margin-bottom: -12px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
}

.section .container.digital-container .centered-section .items-container .item-container .virtual-item-container {
    /*width: 170.62px;
    height: 170.62px;
    border-radius: 8px;
    position: relative;
    background-color: #656668;*/
    /* width: 341.24px;
    height: 119.434px; */
    background-color: #343434;
    margin: 0 auto;
}

.virtual-item-container {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 0px 5px;
    height: 100%;
    width: 100%;
}

/* @media (max-width: 1200px) {
    .section .container.digital-container .centered-section .items-container .item-container .virtual-item-container {
        width: calc(3.5 * 0.7 * 14.21833vw);
        height: calc(1 * 14.21833vw);
    }
}

@media (max-width: 767px) {
    .section .container.digital-container .centered-section .items-container .item-container .virtual-item-container {
        width: calc(2 * 0.7 * 189px);
        height: calc(0.7 * 189px);
    }
}

@media (max-width: 450px) {
    .section .container.digital-container .centered-section .items-container .item-container .virtual-item-container {
        width: calc(2.5 * 0.7 * 42vw);
        height: calc(0.7 * 42vw);
    }
} */

.section .container.digital-container .centered-section .items-container .item-container .virtual-item-container:before {
   /*border-radius: 8px;*/
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: radial-gradient(transparent, rgba(0, 0, 0, 0.4));
    transition: opacity 0.3s linear;
    opacity: 0;
    user-select: none;
    pointer-events: none;
}

.section .container.worldwide .left-section .digital-card-image .background-image {
    background-position: top;
}

@media (max-width: 767px) {
    .section .container.worldwide .left-section .digital-card-image {
        height: 402px;
    }
}

@media (max-width: 450px) {
    .section .container.worldwide .left-section .digital-card-image {
        height: 89.33333vw;
    }
}

@media (max-width: 767px) {
    .section .container.worldwide .centered-section {
        margin-top: 24px;
    }
}

.section .container .title-text {
    color: #fff;
    text-align: left;
    font-weight: 900;
    font-size: 36px;
    margin-bottom: 5px;
}

@media (max-width: 1200px) {
    .section .container .title-text {
        font-size: 3vw;
        margin-bottom: 0.41667vw;
    }
}

.section .container .mid-title {
    font-size: 20px;
    font-weight: 700;
    text-align: left;
    color: #fff;
    margin-bottom: 12px;
}

.section .container .text-note {
    color: #fff;
    font-size: 10px;
    margin-top: 30px;
    font-weight: 500;
}

@media (max-width: 767px) {
    .section .container .text-note {
        margin-top: 24px;
    }
}

.section .container .section-desc {
    font-size: 16px;
    color: #fff;
    width: 100%;
}

.section .container .section-desc.about-desc {
    font-size: 16px;
    margin-top: 24px;
}

@media (max-width: 767px) {
    .section .container .section-desc.about-desc {
        margin-bottom: 24px;
    }
}

.section .container .template {
    display: none;
}

.section .container .large-button {
    width: calc(50% - 12px);
    height: 172px;
    border: 1px solid #ffffff;
    border-radius: 8px;
    color: #fff;
    justify-content: center;
    margin-bottom: 24px;
    cursor: pointer;
    transition: background-color 0.15s ease-out, color 0.15s ease-out;
}

@media (max-width: 1200px) {
    .section .container .large-button {
        height: 14.33333vw;
    }
}

@media (max-width: 767px) {
    .section .container .large-button {
        height: 120px;
    }
}

@media (max-width: 450px) {
    .section .container .large-button {
        height: 26.66667vw;
    }
}

.section .container .large-button:hover {
    background-color: #ffffff;
    color: #000000;
}

.section .container .large-button .price {
    font-size: 32px;
    font-weight: 900;
}

.section .container .large-button .buy-gc-label {
    font-size: 16px;
    font-weight: 500;
}

.section .container .large-button .custom-amount {
    font-size: 20px;
    font-weight: 700;
    padding: 0 20%;
}

@media (max-width: 767px) {
    .section .container .large-button .custom-amount {
        padding: 0 5%;
    }
}

.section .container .large-button:nth-child(1) {
    margin-right: 24px;
}

.section .container .left-section,
.section .container .centered-section {
    width: 100%;
}

@media (max-width: 767px) {
    .section .container .left-section,
    .section .container .centered-section {
        width: 100%;
    }
}

.section .container .left-section {
    padding-right: 12px;
}

@media (max-width: 767px) {
    .section .container .left-section {
        padding-right: 0;
    }
}

/*.section .container .centered-section {
    padding-left: 12px;
}*/

@media (max-width: 767px) {
    .section .container .centered-section {
        padding-left: 0;
    }
}

.section .container .amounts-container {
    justify-content: center;
}

.section .container .amounts-container .card-container {
    height: 270px;
    width: 440px;
    margin: 20px;
    filter: drop-shadow(0px 0px 5px #fff);
}

@media (max-width: 1200px) {
    .section .container .amounts-container .card-container {
        height: 22.5vw;
        width: 36.66667vw;
        margin: 1.66667vw;
        filter: drop-shadow(0px 0px 0.41667vw #fff);
    }
}

.section .container .card-logo {
    transition: filter 0.2s ease-in-out;
}

.section .container .card-logo:hover {
    filter: brightness(1.5);
}

.section .container .online-store-container,
.section .container .instore-store-container {
    justify-content: left;
}

@media (max-width: 767px) {
    .section .container .online-store-container,
    .section .container .instore-store-container {
        justify-content: space-between;
    }
}

.section .container .online-store-container .card-logo,
.section .container .instore-store-container .card-logo {
    height: 50px;
    width: 100px;
    margin-right: 24px;
    margin-bottom: 12px;
}

@media (max-width: 767px) {
    .section .container .online-store-container .card-logo,
    .section .container .instore-store-container .card-logo {
        height: 95px;
        width: 189px;
        margin-right: 0;
    }
}

@media (max-width: 450px) {
    .section .container .online-store-container .card-logo,
    .section .container .instore-store-container .card-logo {
        height: 21.11111vw;
        width: 42vw;
    }
}

.section .container .instore-store-container {
    justify-content: center;
}

@media (max-width: 1024px) {
    .section .container .instore-store-container .card-logo {
        height: 4.88281vw;
        width: 9.76563vw;
    }
}

@media (max-width: 767px) {
    .section .container .instore-store-container .card-logo {
        height: 95px;
        width: 189px;
    }
}

@media (max-width: 450px) {
    .section .container .instore-store-container .card-logo {
        height: 21.11111vw;
        width: 42vw;
    }
}

.section .container .arrow-container,
.section .container .arrow-container-virtual,
.section .container .arrow-container-giftcards,
.section .container .arrow-container-background,
.section .container .arrow-container-instore {
    height: 40px;
    width: 40px;
    border-radius: 50%;
    cursor: pointer;
}

.section .container .arrow-container:hover,
.section .container .arrow-container-virtual:hover,
.section .container .arrow-container-giftcards:hover,
.section .container .arrow-container-background:hover,
.section .container .arrow-container-instore:hover {
    filter: invert(80%);
}

.section .container .arrow-container-background {
    position: absolute;
}

.section .container .arrow-container-background.left {
    left: 24px;
}

.section .container .arrow-container-background.right {
    right: 24px;
}

.section .container .perspective-carousel-containe,
.section .container.perspective-carousel-container {
    justify-content: space-between;
    width: 100%;
}

@media (max-width: 767px) {
    .section .container .perspective-carousel-containe .arrow-container.left,
    .section .container.perspective-carousel-container .arrow-container.left {
        margin-left: -5.78035vw;
    }
    .section .container .perspective-carousel-containe .arrow-container.right,
    .section .container.perspective-carousel-container .arrow-container.right {
        margin-right: -5.78035vw;
    }
}

.section .container .linear-carousel-container {
    width: 100%;
    justify-content: space-around;
}

.section .container .linear-carousel {
    overflow: hidden;
    position: relative;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.section .container .linear-carousel.background-item-carousel {
    height: 647px;
    width: 100%;
}

@media (max-width: 1440px) {
    .section .container .linear-carousel.background-item-carousel {
        height: 44.93056vw;
    }
}

@media (max-width: 1024px) {
    .section .container .linear-carousel.background-item-carousel {
        height: 48.82813vw;
    }
}

@media (max-width: 767px) {
    .section .container .linear-carousel.background-item-carousel {
        height: 790px;
    }
}

@media (max-width: 450px) {
    .section .container .linear-carousel.background-item-carousel {
        height: 172.22222vw;
        min-height: 625px;
    }
}

/*.section .container .linear-carousel.giftcard-carousel {
    height: 144px;
    width: 2000px;
	margin: 24px 0;
}

@media (max-width: 1200px) {
    .section .container .linear-carousel.giftcard-carousel {
        width: 83.33333vw;
    }
}

@media (max-width: 767px) {
    .section .container .linear-carousel.giftcard-carousel {
        width: 80%;
    }
}*/

.section .container .linear-carousel.giftcard-carousel {
    height: 100px;
    width: 1000px;
    margin: 30px 0;
}

@media (max-width: 1200px) {
    .section .container .linear-carousel.giftcard-carousel {
        width: 83.33333vw;
    }
}


@media (max-width: 767px) {
    .section .container .linear-carousel.giftcard-carousel {
        width: 75%;
    }
}


.section .container .linear-carousel.virtual-item-carousel {
    height: 150px;
    width: 80%;
    margin: 30px 0;
}

@media (max-width: 1200px) {
    .section .container .linear-carousel.virtual-item-carousel {
        height: 25vw;
        margin: 2.5vw 0;
    }
}

@media (max-width: 767px) {
    .section .container .linear-carousel.virtual-item-carousel {
        height: 160px;
    }
}

@media (max-width: 450px) {
    .section .container .linear-carousel.virtual-item-carousel {
        height: 35.55556vw;
    }
}

.section .container .linear-carousel.virtual-item-carousel.nocarousel {
    display: flex;
    flex-direction: row;
}

@media (max-width: 767px) {
    .section .container .linear-carousel.virtual-item-carousel.nocarousel {
        overflow-x: scroll;
    }
}

.section .container .perspective-carousel {
    overflow: hidden;
    position: relative;
    -webkit-perspective: 500px;
    perspective: 500px;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.section .container .perspective-carousel.store-carousel {
    height: 250px;
    width: 80%;
    margin: 30px 0;
}

@media (max-width: 1200px) {
    .section .container .perspective-carousel.store-carousel {
        height: 20.83333vw;
        margin: 2.5vw 0;
    }
}

.section .container .perspective-carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: transform 0.15s ease-in-out;
    -webkit-transition: -webkit-transform 0.15s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.section .container .perspective-carousel-item.boxed-store-container {
    background-color: #111;
    height: 250px;
    width: 250px;
    border: 2px solid #3f3f3f;
    border-radius: 10px;
    padding: 10px;
}

@media (max-width: 1200px) {
    .section .container .perspective-carousel-item.boxed-store-container {
        height: 20.83333vw;
        width: 20.83333vw;
        border: 0.16667vw solid #3f3f3f;
        border-radius: 0.83333vw;
        padding: 0.83333vw;
    }
}

.section .container .perspective-carousel-item.boxed-store-container:nth-child(1) {
    transform: translate3d(-310%, 0px, -300px);
}

.section .container .perspective-carousel-item.boxed-store-container:nth-child(2) {
    transform: translate3d(-140%, 0px, -200px);
}

.section .container .perspective-carousel-item.boxed-store-container:nth-child(3) {
    transform: translate3d(0px, 0px, 0px);
}

.section .container .perspective-carousel-item.boxed-store-container:nth-child(4) {
    transform: translate3d(140%, 0px, -200px);
}

.section .container .perspective-carousel-item.boxed-store-container:nth-child(5) {
    transform: translate3d(310%, 0px, -300px);
}

.section .container .linear-carousel-item {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: transform 0.15s ease-in-out, opacity 0.15s ease-in-out;
    -webkit-transition: -webkit-transform 0.15s ease-in-out, opacity 0.15s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.section .container .linear-carousel-item.background-item-container {
    height: 100%;
}

@media (max-width: 767px) {
    .section .container .linear-carousel-item.background-item-container .background-image {
        background-position: top;
    }
}

.section .container .linear-carousel-item.background-item-container:nth-child(1) {
    transform: translate(-100%, 0px);
}

.section .container .linear-carousel-item.background-item-container:nth-child(2) {
    transform: translate(0%, 0px);
}

.section .container .linear-carousel-item.background-item-container:nth-child(3) {
    transform: translate(100%, 0px);
}

.section .container .linear-carousel-item.background-item-container:nth-child(4) {
    transform: translate(200%, 0px);
}

.section .container .linear-carousel-item.background-item-container:nth-child(5) {
    transform: translate(300%, 0px);
}

/*.section .container .linear-carousel-item.giftcard-logo-container {
    height: 100px;
    width: 175px;
    padding: 0 25px;
}*/
.section .container .linear-carousel-item.giftcard-logo-container {
    height: 100px;
    width: 167px;
    padding: 0px 10px;
}

@media (max-width: 767px) {
    .section .container .linear-carousel-item.giftcard-logo-container {
        width: 250px;
    }
}
@media (max-width: 1200px) {
    .section .container .linear-carousel-item.giftcard-logo-container {
        width: 14.33333vw;
        /* padding: 0 2.08333vw; */
    }
}
@media (max-width: 960px) {
    .section .container .linear-carousel-item.giftcard-logo-container {
        width: 21.33333vw
    }
}

@media (max-width: 767px) {
    .section .container .linear-carousel-item.giftcard-logo-container {
        width: 150px;
    }
    /*.section .container .linear-carousel-item.giftcard-logo-container:nth-child(1) {
        transform: translate(-150%, 0px) !important;
    }
    .section .container .linear-carousel-item.giftcard-logo-container:nth-child(2) {
        transform: translate(-50%, 0px) !important;
    }
    .section .container .linear-carousel-item.giftcard-logo-container:nth-child(3) {
        transform: translate(50%, 0px) !important;
    }
    .section .container .linear-carousel-item.giftcard-logo-container:nth-child(4) {
        transform: translate(150%, 0px) !important;
    }
    .section .container .linear-carousel-item.giftcard-logo-container:nth-child(5) {
        transform: translate(250%, 0px) !important;
    }
    .section .container .linear-carousel-item.giftcard-logo-container:nth-child(6) {
        transform: translate(350%, 0px) !important;
    }
    .section .container .linear-carousel-item.giftcard-logo-container:nth-child(7) {
        transform: translate(450%, 0px) !important;
    }
    .section .container .linear-carousel-item.giftcard-logo-container:nth-child(8) {
        transform: translate(550%, 0px) !important;
    }
    .section .container .linear-carousel-item.giftcard-logo-container:nth-child(9) {
        transform: translate(650%, 0px) !important;
    }*/
}
@media (max-width: 450px) {
    .section .container .linear-carousel-item.giftcard-logo-container {
        width: 33.33333vw;
    }
}

.section .container .linear-carousel-item.giftcard-logo-container:nth-child(1) {
    transform: translate(-400%, 0px);
}

.section .container .linear-carousel-item.giftcard-logo-container:nth-child(2) {
    transform: translate(-250%, 0px);
}

.section .container .linear-carousel-item.giftcard-logo-container:nth-child(3) {
    transform: translate(-150%, 0px);
}

.section .container .linear-carousel-item.giftcard-logo-container:nth-child(4) {
    transform: translate(-50%, 0px);
}

.section .container .linear-carousel-item.giftcard-logo-container:nth-child(5) {
    transform: translate(50%, 0px);
}

.section .container .linear-carousel-item.giftcard-logo-container:nth-child(6) {
    transform: translate(150%, 0px);
}

.section .container .linear-carousel-item.giftcard-logo-container:nth-child(7) {
    transform: translate(250%, 0px);
}

.section .container .linear-carousel-item.giftcard-logo-container:nth-child(8) {
    transform: translate(400%, 0px);
}

.section .container .linear-carousel-item.giftcard-logo-container:nth-child(9) {
    transform: translate(400%, 0px);
}

.section .container .linear-carousel-item.virtual-item-container {
    height: 150px;
    width: 150px;
    padding: 5px;
}

@media (max-width: 1200px) {
    .section .container .linear-carousel-item.virtual-item-container {
        height: 12.5vw;
        width: 12.5vw;
        padding: 0.41667vw;
    }
}

@media (max-width: 767px) {
    .section .container .linear-carousel-item.virtual-item-container {
        height: 160px;
        width: 160px;
        padding: 6px;
    }
    .section .container .linear-carousel-item.virtual-item-container:nth-child(1) {
        transform: translate(-150%, 0px) !important;
    }
    .section .container .linear-carousel-item.virtual-item-container:nth-child(2) {
        transform: translate(-50%, 0px) !important;
    }
    .section .container .linear-carousel-item.virtual-item-container:nth-child(3) {
        transform: translate(50%, 0px) !important;
    }
    .section .container .linear-carousel-item.virtual-item-container:nth-child(4) {
        transform: translate(150%, 0px) !important;
    }
    .section .container .linear-carousel-item.virtual-item-container:nth-child(5) {
        transform: translate(250%, 0px) !important;
    }
}

@media (max-width: 450px) {
    .section .container .linear-carousel-item.virtual-item-container {
        width: 35.55556vw;
        height: 35.55556vw;
    }
}

.section .container .linear-carousel-item.virtual-item-container:nth-child(1) {
    transform: translate(-200%, 0px);
}

.section .container .linear-carousel-item.virtual-item-container:nth-child(2) {
    transform: translate(-100%, 0px);
}

.section .container .linear-carousel-item.virtual-item-container:nth-child(3) {
    transform: translate(0%, 0px);
}

.section .container .linear-carousel-item.virtual-item-container:nth-child(4) {
    transform: translate(100%, 0px);
}

.section .container .linear-carousel-item.virtual-item-container:nth-child(5) {
    transform: translate(200%, 0px);
}

.section .container .linear-carousel-item.virtual-item-container.nocarousel {
    position: relative;
    flex-shrink: 0;
}

.section .container .linear-carousel-item.virtual-item-container.nocarousel:nth-child(1) {
    transform: translate(0, 0) !important;
}

.section .container .linear-carousel-item.virtual-item-container.nocarousel:nth-child(2) {
    transform: translate(0, 0) !important;
}

.section .container .linear-carousel-item.virtual-item-container.nocarousel:nth-child(3) {
    transform: translate(0, 0) !important;
}

.section .container .linear-carousel-item.virtual-item-container.nocarousel:nth-child(4) {
    transform: translate(0, 0) !important;
}

.section .container .linear-carousel-item.virtual-item-container.nocarousel:nth-child(5) {
    transform: translate(0, 0) !important;
}

.section .container .linear-carousel-item.virtual-item-container.nocarousel:nth-child(6) {
    transform: translate(0, 0) !important;
}

.section .container .linear-carousel-item.virtual-item-container img {
    user-select: none;
}

.section .container .video-contain {
    display: flex;
    flex-direction: column;
    margin-top: 50px;
}

@media (max-width: 1200px) {
    .section .container .video-contain {
        margin-top: 4.16667vw;
    }
}

.section .container .video-contain .text-container {
    color: #ffffff;
    font-size: 20px;
    padding: 3%;
    font-weight: 100;
}

@media (max-width: 1200px) {
    .section .container .video-contain .text-container {
        font-size: 3.85356vw;
    }
}

.section .container .video-contain .control-container {
    display: flex;
    position: relative;
}

.section .container .video-contain .control-container .tab-row {
    position: relative;
    bottom: -2px;
}

@media (max-width: 1200px) {
    .section .container .video-contain .control-container .tab-row {
        bottom: -1px;
    }
}

.section .container .video-contain .control-container .tab-row .video-tab {
    height: 70px;
    width: 330px;
    cursor: pointer;
}

@media (max-width: 1200px) {
    .section .container .video-contain .control-container .tab-row .video-tab {
        height: 5.83333vw;
        width: 27.5vw;
    }
}

.section .container .video-contain .control-container .tab-row .video-tab.active {
    border-bottom: 2px;
}

@media (max-width: 1200px) {
    .section .container .video-contain .control-container .tab-row .video-tab.active {
        border-bottom: 1px;
    }
}

.section .container .video-contain .control-container .tab-row .video-tab .tab-name {
    margin: auto;
    color: #fff;
    background-color: #000000;
    font-weight: 100;
    height: 100%;
    width: 100%;
    font-size: 26px;
    line-height: 2.5;
}

@media (max-width: 1200px) {
    .section .container .video-contain .control-container .tab-row .video-tab .tab-name {
        font-size: 2.16667vw;
    }
}

.section .container .video-contain .iframe-container {
    width: 100%;
    background-position: top;
    height: 520.875px;
}

@media (max-width: 1200px) {
    .section .container .video-contain .iframe-container {
        height: 43.40625vw;
    }
}

.section .container .video-contain .video-arrow {
    padding: 24px 18px;
    background-color: #111111;
    align-self: center;
    margin: 12px;
    border-radius: 3px;
}

.section .container .video-contain .video-arrow.disable {
    opacity: 0.4;
}

.section .container .video-contain .test-screenshot {
    background-size: contain;
    background-repeat: no-repeat;
}

.section .container .fixedratio {
    position: relative;
    padding-top: 56.25%;
    background-color: #000;
}

.section .container .fixedratio iframe {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.rectangleAd {
    width: 300px;
    height: 250px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: -600px;
    top: 190px;
    bottom: 0;
}

.header-grid-container {
    height: 575px;
    padding-top: 36px;
    grid-template-columns: 35% 30% 35%;
    grid-template-rows: 40% 60%;
}

@media (max-width: 1200px) {
    .header-grid-container {
        height: 500px;
    }
}

.header-grid-container .background-image {
    background-position: bottom;
}

.narrow {
    display: flex;
    justify-content: center;
}

.narrow * {
    max-width: 70ch;
}

@media (max-width: 1200px) {
    .narrow * {
        max-width: 60ch;
    }
}

@media (max-width: 767px) {
    .narrow * {
        max-width: 28ch;
    }
}

@media (min-width: 1201px) {
    .giftcards-copy {
        max-width: 80ch;
    }
}

.line-space-under {
    padding-bottom: 1em;
}

.item-image {
    height: auto !important;
    width: 35% !important;
    float: left !important;
}

.show-overflow {
    overflow: visible !important;
}

.section .cards-container .card-logo:hover {
    filter: none !important;
}

@media (max-width: 767px) {
    .header-grid-item.item2, .header-grid-item.item4 {
        display: none;
    }
   .header-grid-container {
        grid-template-rows: 40% 60%;
        grid-template-columns: 15% 70% 15%;
    }
    .section.top .container {
        height: 623px !important;
    }
    .section .container.digital-container .centered-section .items-container {
        align-items: center !important;
    }
    .event-item {
        margin-right: 0px !important;
    }
}

.virtual-item-title {
    font-weight: 900;
    max-width: 15ch;
    padding-bottom: 5px;
    font-size: 12pt;
}
.virtual-item-text {
    width: 65%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    color: #FFF;
}   

.header-grid-container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: column;
}
.header-grid-item.item-1 {
    width: 100%;
    height: 40%;
}
.header-grid-item.item-2 {
    display: flex;
    flex-direction: row;
    align-items: top;
    justify-content: center;
    width: 100%;
    height: 60%;
}
.header-grid-row-item {
    width: 35%;
}
.header-grid-row-item.item-2 {
    width: 30%;
    padding-top: 24px;
}
@media (max-width: 1200px) {
    .header-grid-row-item.item-2 {
        padding-top: 48px;
    }
}
@media (max-width: 767px) {
    .header-grid-row-item.item-2 {
        width: 70%
    }
    .header-grid-row-item.item-1, .header-grid-row-item.item-3 {
        display: none;
    }
}

@media (max-width: 400px) {
    .header-grid-container .background-image {
        background-position: center;
    }    
    .header-grid-row-item.item-2 {
        width: 100%
    }
}

.container h2 {
    color: #fff;
    font-weight: 900;
    font-size: 32px;
    padding-bottom: 24px;
}

.item-image-container {
    transition: filter 0.2s ease-in-out;
}

.virtual-item-container:hover .item-image-container {
    filter: brightness(1.5);
}

.container.retailer-info div {
    width: 100%;
}

.section-desc a {
    text-decoration: underline; 
    cursor: pointer; 
    color: #FFF !important;
}

.background-image.herobg-main {
    height: 220px;
}

.herobg-main.us, .herobg-main.uk, .herobg-main.ca, .herobg-main.au {
    background-image: url(https://images.rbxcdn.com/f9f00617c38fdcdb4da61ff7e7b9618a);
}

@media (max-width: 1200px) {
    .items-container.row-column.multi-bonus {
        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;
    }
}
.items-container.row-column.multi-bonus .item-container:nth-of-type(3) {
    display: block !important;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0; 
}
.container:before, .container:after {
    content: " ";
    display: table; 
}
.container:after {
    clear: both; 
}
@media (min-width: 768px) {
    .container {
        width: 720px;
    } 
}
@media (min-width: 992px) {
    .container {
        width: 940px; 
    } 
}
@media (min-width: 1200px) {
    .container {
        width: 1140px; 
    } 
}

.bakugan-background {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    background-image: url(https://images.rbxcdn.com/4318dfebb34b4ec0ebe8a8765c7934e7);
    /* max-width: 1706px !important; */
    max-width: none !important;
}

@media (max-width: 1450px) {
    .bakugan-background {
        background: none !important;
    }
}

.section .container.digital-container .centered-section .event-container {
    justify-content: center;
    /*margin-bottom: 24px;*/
    align-items: center;
}

.section .container.digital-container .centered-section .event-container .event-section {
    margin: 12px;
    position: relative;
    width: 706.46px;
    height: calc(1.25 * 119.434px);
}

/* 
.section .container.digital-container .centered-section .event-container .event-section:hover .event-infobox:before {
    opacity: 1;
} */


.section .container.digital-container .centered-section .event-container .event-section .event-infobox {
    /*width: 170.62px;
    height: 170.62px;
    border-radius: 8px;
    position: relative;
    background-color: #656668;*/
    /* width: 706.46px;
    height: calc(1.25 * 119.434px); */
    width: 100%;
    height: 100%;
    background-color: #343434;
    margin: 0 auto;
}

@media (max-width: 767px) {
    .event-desc {
        width: 65% !important;
    }
}
@media (max-width: 450px) {
    .section .container.digital-container .centered-section .event-container .event-section .event-infobox {
        width: 341.24px;
    }
    .event-desc {
        width: 65% !important;
    }
}

.event-infobox {
    display: flex;
    align-items: center;
    flex-direction: row;
    /* padding: 0px 5px; */
    padding: 15px;
}

@media (max-width: 767px) {
    .section .container.digital-container .centered-section .items-container .item-container {
        margin: 12px 0;
        width: 70vw;
        height: calc(70vw / 2.85);
        min-width: 341.24px;
        min-height: 119.434px;    
        max-height: calc(1.5 * 119.434px);
        max-width: calc(1.5 * 341.24px);
    }
    .section .container.digital-container .centered-section .event-container .event-section {
        margin: 12px 0;
        width: 70vw;
        height: calc(1.6 * 70vw / 2.85);
        min-width: 341.24px;
        min-height: calc(1.6 * 119.434px);    
    }
}
@media (max-width: 500px) {
    .section .container.digital-container .centered-section .event-container .event-section {
        min-height: calc(1.75 * 119.434px);
    }
}

/* .section .container.digital-container .centered-section .event-container .event-section .event-infobox:before {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: radial-gradient(transparent, rgba(0, 0, 0, 0.4));
    transition: opacity 0.3s linear;
    opacity: 0;
    user-select: none;
    pointer-events: none;
} */

.event-infobox .item-image {
    /* width: 119.43px !important; 
    height: 119.43px !important; */
    width: 35% !important;
    height: auto;
}

.event-infobox .event-desc {
    padding: 10px;
    font-size: 1rem;
    color: #FFF;
}

.bakugan-background .narrow * {
    max-width: 706.46px !important;
}
/* to be removed later */
.herobg-left { background-image: url(https://images.rbxcdn.com/d74b0721ac5ebbfd0414a6e81b160e45);}.herobg-right { background-image: url(https://images.rbxcdn.com/f8e6b0f2aaf93e6c2ba6dd61d2c28133);}.herobg-main { background-image: url(https://images.rbxcdn.com/cebec01d1caef135c9b2a3e08b2d137a);}.giftcard1 { background-image: url(https://images.rbxcdn.com/c018124e509e56e128336b33421b6982);}.giftcard2 { background-image: url(https://images.rbxcdn.com/640ad9db7f116ba886520814ceb823cf);}.giftcard3 { background-image: url(https://images.rbxcdn.com/8ad4bc0e1b6eb69674026f9e2c3b96e2);}.giftcard4 { background-image: url(https://images.rbxcdn.com/c7c55c23d96ab466872ef032d88db1fe);}.giftcard5 { background-image: url(https://images.rbxcdn.com/b79f804cff502d1528c72507494bc140);}.giftcard6 { background-image: url(https://images.rbxcdn.com/5302041a655c0357477928e31bf00143);}.giftcard7 { background-image: url(https://images.rbxcdn.com/a88e7534f909a4ac548f6966fa08ca45);}.giftcard8 { background-image: url(https://images.rbxcdn.com/93b03324198d2e7a63f94e7143430ab1);}.herobg-main.us { background-image: url(https://images.rbxcdn.com/f9f00617c38fdcdb4da61ff7e7b9618a);}.herobg-left2 { background-image: url(https://images.rbxcdn.com/dfab62e77b1672ee49d084ee8a74475d);}.herobg-right2 { background-image: url(https://images.rbxcdn.com/0360c71b2ad5798a196cd612272d76aa);}.herobg-left3 { background-image: url(https://images.rbxcdn.com/3a57184c45eb42ce8c904d2285cff10d);}.herobg-right3 { background-image: url(https://images.rbxcdn.com/79ced246c8c6d3436c4a47d3e3e19246);}.roblox-logo { background-image: url(https://images.rbxcdn.com/f1d37b64f3d1fc3a2bf33a6f34e75a2d);}