html, body, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: top;
    background: transparent
}

article, aside, figure, footer, header, hgroup, nav, section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

*, *::before, *::after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

ul, ol {
    padding: 0;
    margin: 0
}

li {
    list-style: none
}

.theme-seniorgames {
    font-family: "Montserrat",sans-serif !important
}

    .theme-seniorgames .btn {
        font-family: "Montserrat",sans-serif !important
    }

    .theme-seniorgames .bg-image {
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto;
        background-size: cover
    }

    .theme-seniorgames .bg-image-curved {
        background-image: url("../img/seniorgames/bg-curve-sm.svg")
    }

    .theme-seniorgames .bg-image-logo {
        background-image: url("../img/seniorgames/seniorgames-logo.svg")
    }

    .theme-seniorgames .bg-image-tile {
        background-image: url("../img/seniorgames/tile.svg")
    }

    .theme-seniorgames .bg-primary {
        background-color: #000E1A;
        color: #DFDFDF
    }

    .theme-seniorgames .bg-secondary {
        background-color: #fff;
        color: #000E1A
    }

    .theme-seniorgames .bg-games {
        background-color: #cef2ff;
        color: #000
    }

    .theme-seniorgames .bg-footer {
        background-color: #001C34;
        color: #fff
    }

    .theme-seniorgames .text-title {
        color: #DFDFDF
    }

    .theme-seniorgames .text-subtitle {
        color: #00B993
    }

    .theme-seniorgames .text-link {
        color: #BE8403
    }

    .theme-seniorgames .text-low {
        color: #687182
    }

    .theme-seniorgames .block {
        border-radius: 0
    }

    .theme-seniorgames .block-card {
        border-radius: 0;
        margin-bottom: 0
    }

    .theme-seniorgames .block-space-top {
        padding: 2em 0em 0em 0em
    }

    .theme-seniorgames .block-space-sm {
        padding: 3em 1em
    }

    .theme-seniorgames .block-space-md {
        padding: 4em 2em
    }

    .theme-seniorgames .block-space-lg {
        padding: 8em 5em
    }

    .theme-seniorgames .btn {
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        border-radius: 8px;
        margin-top: 1em;
        margin-bottom: 1em;
        padding: 12px 18px
    }

    .theme-seniorgames .btn-primary {
        border: none;
        background-color: #4173E9;
        color: #fff;
        -webkit-box-shadow: 0 5px 20px rgba(65,115,233,0.3);
        box-shadow: 0 5px 20px rgba(65,115,233,0.3)
    }

        .theme-seniorgames .btn-primary:hover {
            border: none;
            background-color: #2a62e6;
            color: #fff
        }

    .theme-seniorgames .btn-secondary {
        border: 2px solid #4173E9;
        background-color: unset;
        color: #4173E9;
        -webkit-box-shadow: 0 5px 20px rgba(65,115,233,0.3);
        box-shadow: 0 5px 20px rgba(65,115,233,0.3)
    }

        .theme-seniorgames .btn-secondary:hover {
            border: 2px solid #4173E9;
            background-color: rgba(65,115,233,0.1);
            color: #4173E9
        }

    .theme-seniorgames .btn-nav {
        border: none;
        background-color: none;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .theme-seniorgames .btn-nav:hover {
            border: none;
            background-color: rgba(0,0,0,0.253);
            color: #4173E9
        }

.theme-tellmewow {
    font-family: "Montserrat",sans-serif !important
}

    .theme-tellmewow .btn {
        font-family: "Montserrat",sans-serif !important
    }

    .theme-tellmewow .bg-image {
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto;
        background-size: cover
    }

    .theme-tellmewow .bg-image-favicon {
        background-image: url("/img/logo.png")
    }

    .theme-tellmewow .bg-image-logo {
        background-image: url("../img/tellmewow/tmw-logo.svg")
    }

    .theme-tellmewow .bg-image-logo-sm {
        background-image: url("/img/logo.png")
    }

    .theme-tellmewow .bg-primary {
        background-color: #000;
        color: #DFDFDF
    }

    .theme-tellmewow .bg-secondary {
        background-color: rgba(255,235,205,0.2);
        color: #251200
    }

    .theme-tellmewow .bg-team {
        background-color: #DFDFDF;
        color: #251200
    }

    .theme-tellmewow .bg-awards {
        background-color: #ffefd5;
        color: #251200
    }

    .theme-tellmewow .bg-divider {
        background-color: #e0b962;
        color: #251200
    }

    .theme-tellmewow .bg-footer {
        background-color: #1B1B1B;
        color: #fff
    }

    .theme-tellmewow .text-title {
        color: #DFDFDF
    }

    .theme-tellmewow .text-subtitle {
        color: rgba(39,33,31,0.4)
    }

    .theme-tellmewow .text-link {
        color: #BE8403
    }

    .theme-tellmewow .block {
        border-radius: 8px
    }

    .theme-tellmewow .block-card {
        border-radius: 16px;
        margin-bottom: 16px
    }

    .theme-tellmewow .block-space-top {
        padding: 2em 0em 0em 0em
    }

    .theme-tellmewow .block-space-sm {
        padding: 3em 1em
    }

    .theme-tellmewow .block-space-md {
        padding: 4em 2em
    }

    .theme-tellmewow .block-space-lg {
        padding: 8em 5em
    }

    .theme-tellmewow .btn {
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        border-radius: 8px;
        margin-top: 1em;
        margin-bottom: 1em;
        padding: 12px 18px
    }

    .theme-tellmewow .btn-primary {
        border: none;
        background-color: #fff;
        color: #BE8403;
        -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.15);
        box-shadow: 0px 5px 10px rgba(0,0,0,0.15)
    }

        .theme-tellmewow .btn-primary:hover {
            border: none;
            background-color: #fff09e;
            color: #d8a637
        }

    .theme-tellmewow .btn-nav {
        border: none;
        background-color: none;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .theme-tellmewow .btn-nav:hover {
            border: none;
            background-color: rgba(0,0,0,0.253);
            color: #F1AA0F
        }

.theme-focus {
    font-family: "Montserrat",sans-serif !important
}

    .theme-focus .btn {
        font-family: "Montserrat",sans-serif !important
    }

    .theme-focus .bg-image {
        background-repeat: no-repeat;
        background-position: center;
        background-size: auto;
        background-size: cover
    }

    .theme-focus .bg-image-curved {
        background-image: url("../img/seniorgames/bg-curve-sm.svg")
    }

    .theme-focus .bg-image-logo {
        background-image: url("../img/seniorgames/seniorgames-logo.svg")
    }

    .theme-focus .bg-image-tile {
        background-image: url("../img/seniorgames/tile.svg")
    }

    .theme-focus .bg-primary {
        background-color: #f0f8ff;
        color: #000
    }

    .theme-focus .bg-secondary {
        background-color: #fff;
        color: #000E1A
    }

    .theme-focus .bg-footer {
        background-color: #2b76ee;
        color: #fff
    }

    .theme-focus .text-title {
        color: #DFDFDF
    }

    .theme-focus .text-subtitle {
        color: #2b76ee
    }

    .theme-focus .text-link {
        color: #00d892
    }

    .theme-focus .text-low {
        color: #687182
    }

    .theme-focus .block {
        border-radius: 12px
    }

    .theme-focus .block-card {
        border-radius: 24px;
        margin-bottom: 24px
    }

    .theme-focus .block-space-top {
        padding: 2em 0em 0em 0em
    }

    .theme-focus .block-space-sm {
        padding: 3em 1em
    }

    .theme-focus .block-space-md {
        padding: 4em 2em
    }

    .theme-focus .block-space-lg {
        padding: 8em 5em
    }

    .theme-focus .btn {
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        border-radius: 100px;
        margin-top: 1em;
        margin-bottom: 1em;
        padding: 12px 18px
    }

    .theme-focus .btn-primary {
        border: none;
        background-color: #00d892;
        color: #fff;
        -webkit-box-shadow: 0 10px 20px rgba(0,206,99,0.3);
        box-shadow: 0 10px 20px rgba(0,206,99,0.3)
    }

        .theme-focus .btn-primary:hover {
            border: none;
            background-color: #00e299;
            color: #fff
        }

    .theme-focus .btn-secondary {
        border: 2px solid #4173E9;
        background-color: unset;
        color: #4173E9;
        -webkit-box-shadow: 0 5px 20px rgba(65,115,233,0.3);
        box-shadow: 0 5px 20px rgba(65,115,233,0.3)
    }

        .theme-focus .btn-secondary:hover {
            border: 2px solid #4173E9;
            background-color: rgba(65,115,233,0.1);
            color: #4173E9
        }

    .theme-focus .btn-nav {
        border: none;
        background-color: unset;
        color: #fff;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .theme-focus .btn-nav:hover {
            border: none;
            background-color: #477eff;
            color: #fff
        }

.text, .text-p, .text-h1, .text-h2, .text-h3, .text-link {
    font-weight: normal
}

.text-p {
    font-size: 1rem;
    margin: 0 0 1rem 0
}

.text-h1 {
    font-size: 1.7rem;
    margin: 0 0 1.5rem 0;
    width: 100%;
    font-weight: 600
}

.text-h2 {
    font-size: 1.7rem;
    margin: 0 0 1.5rem 0;
    font-weight: 700;
    width: 100%
}

.text-h3 {
    font-size: 1.125rem;
    margin: 0 0 1rem 0;
    font-weight: 700;
    width: 100%
}

.text-link {
    font-size: 1rem;
    margin: 0 0 1rem 0;
    font-weight: 700
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-1 {
    font-weight: 100
}

.text-2 {
    font-weight: 200
}

.text-3 {
    font-weight: 300
}

.text-4 {
    font-weight: 400
}

.text-5 {
    font-weight: 500
}

.text-6 {
    font-weight: 600
}

.text-7 {
    font-weight: 700
}

.text-8 {
    font-weight: 800
}

.btn-large {
    font-size: 1.2em
}

.btn-small {
    font-size: .8333333333em
}

.btn-bold {
    font-weight: 600
}

.btn-block {
    width: 100%
}

.btn-upper {
    text-transform: uppercase
}

.btn {
    cursor: pointer;
    text-decoration: none
}

.btn-group {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%
}

body {
    width: 100% !important;
    overflow-x: hidden !important
}

.image-square-auto {
    width: auto;
    height: auto
}

.image-square-100 {
    width: 100%;
    height: 100%
}

.image-square-xxs {
    width: 2em;
    height: 2em
}

.image-square-xs {
    width: 6em;
    height: 6em
}

.image-square-sm {
    width: 10em;
    height: 10em
}

.image-square-md {
    width: 20em;
    height: 20em
}

.image-square-lg {
    width: 30em;
    height: 30em
}

.image-square-xl {
    width: 40em;
    height: 40em
}

.layer-sub {
    z-index: -1
}

.layer-none {
    z-index: 0
}

.layer-1 {
    z-index: 1
}

.layer-2 {
    z-index: 10
}

.layer-3 {
    z-index: 50
}

.layer-4 {
    z-index: 100
}

.layer-top {
    z-index: 99999
}

section {
    overflow: hidden;
    position: relative
}

    section .myVideo {
        position: absolute;
        right: 0;
        bottom: 0;
        top: 0;
        min-width: 100%;
        min-height: 100%;
        opacity: 0.4
    }

.bg-awards h2 {
    color: #BE8403
}

.bg-awards .video-award {
    width: 100%;
    max-width: 425px;
    margin-top: 50px;
    -webkit-box-shadow: 0px 10px 40px rgba(0,0,0,0.456);
    box-shadow: 0px 10px 40px rgba(0,0,0,0.456);
    cursor: pointer
}

.video-award {
    width: 100%;
    max-width: 425px;
    margin-top: 50px;
    margin-bottom: 40px;
    -webkit-box-shadow: 0px 10px 40px rgba(0,0,0,0.456);
    box-shadow: 0px 10px 40px rgba(0,0,0,0.456);
    position: relative
}

.award-video-container {
    position: relative
}

    .award-video-container iframe {
        margin-top: 50px;
        -webkit-box-shadow: 0px 10px 40px rgba(0,0,0,0.456);
        box-shadow: 0px 10px 40px rgba(0,0,0,0.456)
    }

.btn-play {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    opacity: 0
}

    .btn-play img {
        width: 120px
    }

.play-active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1
}

.block-card:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.3);
    box-shadow: 0 3px 20px rgba(0,0,0,0.3)
}

.arrow {
    background-image: url("../img/tellmewow/arrow.svg");
    width: 40px;
    height: 40px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 12px;
    cursor: pointer
}

footer a {
    color: white
}

.bg-i {
    position: fixed;
    left: 30%;
    top: 50%;
    opacity: 0.8;
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat
}

.bg-i-1 {
    background-image: url("../img/seniorgames/main-bg/1.svg")
}

.bg-i-2 {
    background-image: url("../img/seniorgames/main-bg/2.svg")
}

.bg-i-3 {
    background-image: url("../img/seniorgames/main-bg/3.svg")
}

.bg-i-4 {
    background-image: url("../img/seniorgames/main-bg/4.svg")
}

.bg-i-5 {
    background-image: url("../img/seniorgames/main-bg/5.svg")
}

.bg-i-6 {
    background-image: url("../img/seniorgames/main-bg/6.svg")
}

.bg-i-7 {
    background-image: url("../img/seniorgames/main-bg/7.svg")
}

.bg-i-8 {
    background-image: url("../img/seniorgames/main-bg/8.svg")
}

.bg-i-9 {
    background-image: url("../img/seniorgames/main-bg/9.svg")
}

.bg-i-10 {
    background-image: url("../img/seniorgames/main-bg/10.svg")
}

.bg-i-11 {
    background-image: url("../img/seniorgames/main-bg/11.svg")
}

.bg-i-12 {
    background-image: url("../img/seniorgames/main-bg/12.svg")
}

.bg-i-13 {
    background-image: url("../img/seniorgames/main-bg/13.svg")
}

.bg-i-1 {
    left: 8%;
    top: 23%;
    width: 60px;
    height: 60px
}

.bg-i-2 {
    left: 31%;
    top: 70%;
    width: 26px;
    height: 26px;
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.bg-i-3 {
    left: 71%;
    top: 18%;
    width: 30px;
    height: 30px
}

.bg-i-4 {
    left: 53%;
    top: 24%;
    width: 45px;
    height: 45px;
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.bg-i-5 {
    left: 72%;
    top: 69%;
    width: 24px;
    height: 24px
}

.bg-i-6 {
    left: 30%;
    top: 21%;
    width: 25px;
    height: 25px
}

.bg-i-7 {
    left: 13%;
    top: 72%;
    width: 19px;
    height: 19px;
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.bg-i-8 {
    left: 21%;
    top: 58%;
    width: 31px;
    height: 31px
}

.bg-i-9 {
    left: 73%;
    top: 45%;
    width: 28px;
    height: 28px;
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.bg-i-10 {
    left: 26%;
    top: -76px;
    width: 150px;
    height: 150px
}

.bg-i-11 {
    left: 89%;
    top: 65%;
    width: 100px;
    height: 100px;
    -webkit-filter: blur(3px);
    filter: blur(3px)
}

.bg-i-12 {
    left: 7%;
    top: 43%;
    width: 100px;
    height: 100px
}

.bg-i-13 {
    left: 87%;
    top: 8%;
    width: 200px;
    height: 200px
}

.scroll-bg {
    position: absolute;
    height: 100%;
    width: 100%
}

.image-horizont {
    position: absolute;
    bottom: -1px;
    width: 101%
}

.main-card-stats {
    padding-left: 20px;
    padding-right: 20px
}

    .main-card-stats img {
        width: 60%;
        margin: auto
    }

    .main-card-stats:nth-child(2) {
        border-left: 2px solid rgba(21,37,80,0.2);
        border-right: 2px solid rgba(21,37,80,0.2)
    }

.bg-skew {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-transform: skewY(-6deg);
    transform: skewY(-6deg)
}

.theme-focus .hero-section {
    position: relative;
    background: #2b76ee
}

    .theme-focus .hero-section .hero-logo {
        width: 100%;
        max-width: 400px;
        padding: 20px;
        z-index: 10
    }

        .theme-focus .hero-section .hero-logo img {
            height: auto;
            padding-bottom: 50px
        }

        .theme-focus .hero-section .hero-logo .btn {
            -webkit-box-shadow: 0 10px 20px rgba(0,65,206,0.3);
            box-shadow: 0 10px 20px rgba(0,65,206,0.3)
        }

            .theme-focus .hero-section .hero-logo .btn:hover {
                -webkit-box-shadow: 0 20px 25px rgba(0,65,206,0.3);
                box-shadow: 0 20px 25px rgba(0,65,206,0.3)
            }

.theme-focus .btn {
    min-width: 180px;
    text-align: center
}

    .theme-focus .btn:hover {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
        -webkit-box-shadow: 0 20px 25px rgba(0,206,99,0.3);
        box-shadow: 0 20px 25px rgba(0,206,99,0.3)
    }

.theme-focus .btn-nav:hover {
    -webkit-box-shadow: none;
    box-shadow: none
}

.theme-focus .section-header .header-logo {
    height: 16px;
    opacity: 1;
    margin-right: auto
}

.theme-focus .text-h2 {
    font-weight: 600;
    font-size: 2.2em
}

.theme-focus .image-horizont {
    z-index: 2;
    position: absolute;
    bottom: -1px;
    width: 101%;
    max-width: 1500px;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 300px;
    -webkit-filter: drop-shadow(2px 4px 86px cyan);
    filter: drop-shadow(2px 4px 86px cyan)
}

.theme-focus .image-horizont-bg {
    position: fixed;
    opacity: 1;
    z-index: 1;
    right: 0;
    left: 0;
    height: 81vh;
    width: 100%;
    max-width: 2500px;
    background-position: bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    background-image: url(../img/focus/bg-curve-2.svg)
}

.theme-focus .section-float {
    z-index: 11;
    overflow: visible
}

.theme-focus .card-game {
    border-radius: 8px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 160px;
    height: 100px;
    padding: 12px;
    margin-right: 10px;
    margin-bottom: 10px;
    cursor: pointer
}

.game-area-reasoning {
    background-color: #bb92ff;
    position: relative;
    overflow: hidden
}

    .game-area-reasoning:hover {
        -webkit-box-shadow: 0 10px 10px rgba(129,54,255,0.2);
        box-shadow: 0 10px 10px rgba(129,54,255,0.2)
    }

        .game-area-reasoning:hover .bg-icon {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px)
        }

        .game-area-reasoning:hover img {
            -webkit-transform: translateY(-3px);
            transform: translateY(-3px)
        }

    .game-area-reasoning p {
        font-size: 18px;
        z-index: 10;
        position: absolute;
        font-weight: 600;
        color: #3a009c;
        color: white
    }

    .game-area-reasoning .bg-icon {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background-color: rgba(199,166,255,0.9);
        border-radius: 50%;
        position: absolute;
        width: 140px;
        height: 140px;
        right: -50px;
        margin-top: auto;
        margin-bottom: auto;
        top: 0;
        bottom: 0
    }

    .game-area-reasoning img {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        height: 50px;
        right: 20px;
        top: 0;
        margin-top: auto;
        margin-bottom: auto;
        bottom: 0;
        -webkit-filter: drop-shadow(0 10px 20px #8136ff);
        filter: drop-shadow(0 10px 20px #8136ff)
    }

.game-area-attention {
    background-color: #ff8283;
    position: relative;
    overflow: hidden
}

    .game-area-attention:hover {
        -webkit-box-shadow: 0 10px 10px rgba(255,38,40,0.2);
        box-shadow: 0 10px 10px rgba(255,38,40,0.2)
    }

        .game-area-attention:hover .bg-icon {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px)
        }

        .game-area-attention:hover img {
            -webkit-transform: translateY(-3px);
            transform: translateY(-3px)
        }

    .game-area-attention p {
        font-size: 18px;
        z-index: 10;
        position: absolute;
        font-weight: 600;
        color: #8c0001;
        color: white
    }

    .game-area-attention .bg-icon {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background-color: rgba(255,150,151,0.9);
        border-radius: 50%;
        position: absolute;
        width: 140px;
        height: 140px;
        right: -50px;
        margin-top: auto;
        margin-bottom: auto;
        top: 0;
        bottom: 0
    }

    .game-area-attention img {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        height: 50px;
        right: 20px;
        top: 0;
        margin-top: auto;
        margin-bottom: auto;
        bottom: 0;
        -webkit-filter: drop-shadow(0 10px 20px #ff2628);
        filter: drop-shadow(0 10px 20px #ff2628)
    }

.game-area-visuospatial {
    background-color: #72b5ff;
    position: relative;
    overflow: hidden
}

    .game-area-visuospatial:hover {
        -webkit-box-shadow: 0 10px 10px rgba(22,132,255,0.2);
        box-shadow: 0 10px 10px rgba(22,132,255,0.2)
    }

        .game-area-visuospatial:hover .bg-icon {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px)
        }

        .game-area-visuospatial:hover img {
            -webkit-transform: translateY(-3px);
            transform: translateY(-3px)
        }

    .game-area-visuospatial p {
        font-size: 18px;
        z-index: 10;
        position: absolute;
        font-weight: 600;
        color: #003b7c;
        color: white
    }

    .game-area-visuospatial .bg-icon {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background-color: rgba(134,191,255,0.9);
        border-radius: 50%;
        position: absolute;
        width: 140px;
        height: 140px;
        right: -50px;
        margin-top: auto;
        margin-bottom: auto;
        top: 0;
        bottom: 0
    }

    .game-area-visuospatial img {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        height: 50px;
        right: 20px;
        top: 0;
        margin-top: auto;
        margin-bottom: auto;
        bottom: 0;
        -webkit-filter: drop-shadow(0 10px 20px #1684ff);
        filter: drop-shadow(0 10px 20px #1684ff)
    }

.game-area-coordination {
    background-color: #46dc80;
    position: relative;
    overflow: hidden
}

    .game-area-coordination:hover {
        -webkit-box-shadow: 0 10px 10px rgba(31,168,84,0.2);
        box-shadow: 0 10px 10px rgba(31,168,84,0.2)
    }

        .game-area-coordination:hover .bg-icon {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px)
        }

        .game-area-coordination:hover img {
            -webkit-transform: translateY(-3px);
            transform: translateY(-3px)
        }

    .game-area-coordination p {
        font-size: 18px;
        z-index: 10;
        position: absolute;
        font-weight: 600;
        color: #072713;
        color: white
    }

    .game-area-coordination .bg-icon {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background-color: rgba(88,224,140,0.9);
        border-radius: 50%;
        position: absolute;
        width: 140px;
        height: 140px;
        right: -50px;
        margin-top: auto;
        margin-bottom: auto;
        top: 0;
        bottom: 0
    }

    .game-area-coordination img {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        height: 50px;
        right: 20px;
        top: 0;
        margin-top: auto;
        margin-bottom: auto;
        bottom: 0;
        -webkit-filter: drop-shadow(0 10px 20px #1fa854);
        filter: drop-shadow(0 10px 20px #1fa854)
    }

.game-area-memory {
    background-color: #ffd84b;
    position: relative;
    overflow: hidden
}

    .game-area-memory:hover {
        -webkit-box-shadow: 0 10px 10px rgba(238,186,0,0.2);
        box-shadow: 0 10px 10px rgba(238,186,0,0.2)
    }

        .game-area-memory:hover .bg-icon {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px)
        }

        .game-area-memory:hover img {
            -webkit-transform: translateY(-3px);
            transform: translateY(-3px)
        }

    .game-area-memory p {
        font-size: 18px;
        z-index: 10;
        position: absolute;
        font-weight: 600;
        color: #554300;
        color: white
    }

    .game-area-memory .bg-icon {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background-color: rgba(255,220,95,0.9);
        border-radius: 50%;
        position: absolute;
        width: 140px;
        height: 140px;
        right: -50px;
        margin-top: auto;
        margin-bottom: auto;
        top: 0;
        bottom: 0
    }

    .game-area-memory img {
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        position: absolute;
        height: 50px;
        right: 20px;
        top: 0;
        margin-top: auto;
        margin-bottom: auto;
        bottom: 0;
        -webkit-filter: drop-shadow(0 10px 20px #eeba00);
        filter: drop-shadow(0 10px 20px #eeba00)
    }

.game-active {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px)
}

    .game-active:hover {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px)
    }

.group-games-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

#stars {
    width: 100%;
    height: 80vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0
}

.theme-tellmewow .block-card {
    border-radius: 12px;
    margin-bottom: 0;
    overflow: hidden;
    margin: 11px
}

.group, .group-col, .group-row, .group-row--wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.group-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.group-row, .group-row--wrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

.group-row--wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 48rem) {
    .group-row, .group-row--wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.group-base {
    margin: auto;
    max-width: 62rem
}

.group-sm {
    margin: auto;
    max-width: 48rem
}

.group-xs {
    margin: auto;
    max-width: 30rem
}

.group-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto
}

.group-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: auto
}

.group-left {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: auto
}

.block-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.block-2 {
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2
}

.block-3 {
    -webkit-box-flex: 3;
    -ms-flex: 3;
    flex: 3
}

.block-4 {
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4
}

.block-5 {
    -webkit-box-flex: 5;
    -ms-flex: 5;
    flex: 5
}

.block-6 {
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6
}

.block-7 {
    -webkit-box-flex: 7;
    -ms-flex: 7;
    flex: 7
}

@media (max-width: 48rem) {
    .group, .group-col, .group-row, .group-row--wrap {
        width: 100%
    }
}

.section {
    position: relative
}

.section-header {
    padding: 20px 0px;
    position: absolute;
    z-index: 1000;
    width: 100%
}

    .section-header div img {
        margin-right: auto
    }

.section-full {
    height: 100vh
}

.section-full-md {
    height: 80vh
}

.cs-logo {
    z-index: 100
}

    .cs-logo img {
        margin: auto;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        height: auto;
        width: 25%
    }

@media (max-width: 48rem) {
    .cs-logo img {
        width: 80%
    }
}

.cs-logo h1 {
    width: 25%;
    margin: auto;
    position: absolute;
    top: 65%;
    right: 0;
    left: 0;
    height: auto
}

@media (max-width: 48rem) {
    .cs-logo h1 {
        width: 80%
    }
}

.block-hov-card-container {
    text-decoration: none
}

    .block-hov-card-container .block-hov-card, .block-hov-card-container .block-hov-card__focus, .block-hov-card-container .block-hov-card__senior {
        width: 100%;
        background-color: rgba(0,0,0,0.3);
        color: white;
        padding: 30px
    }

    .block-hov-card-container .block-hov-card__focus {
        background-color: #5791eb
    }

    .block-hov-card-container .block-hov-card__senior {
        background-color: #212d38
    }

.bg-team {
    background-image: url("../img/tellmewow/tmwTeam.png");
    background-position: 50% 30%;
    background-size: cover;
    height: 420px;
    width: 50%
}

@media (max-width: 48rem) {
    .bg-team {
        width: 100%
    }
}

.text-team {
    max-width: 500px;
    margin-left: 40px
}

@media (max-width: 48rem) {
    .text-team {
        max-width: unset;
        margin-left: unset
    }
}

.logo-tmw {
    padding: 20px
}

@media (max-width: 48rem) {
    .logo-tmw img {
        width: 80%
    }
}

.section-senior-games {
    overflow: visible;
    background-color: white;
    width: 100%
}

    .section-senior-games .text-right {
        width: 50%
    }

@media (max-width: 62rem) {
    .section-senior-games .text-right {
        width: 100%
    }
}

.section-senior-games .senior-group-gallery .img-1 {
    -webkit-transform: scale(1.8) translateY(-40px);
    transform: scale(1.8) translateY(-40px)
}

.section-senior-games .senior-group-gallery .img-2 {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.section-senior-games .senior-group-gallery .img-3 {
    -webkit-transform: scale(1.6);
    transform: scale(1.6)
}

@media (max-width: 62rem) {
    .section-senior-games .senior-group-gallery .img-1, .section-senior-games .senior-group-gallery .img-2, .section-senior-games .senior-group-gallery .img-3 {
        -webkit-transform: scale(1.2) translateY(0);
        transform: scale(1.2) translateY(0)
    }
}

@media (max-width: 62rem) {
    .section-senior-betatesting .group-base {
        padding: 0
    }
}

.section-senior-rating .group-sm {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width: 48rem) {
    .section-senior-rating .group-sm {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (max-width: 30rem) {
    .section-senior-rating .group-sm .main-card-stats {
        min-width: 100%
    }
}

.group-stores a {
    margin-left: 10px;
    margin-right: 10px
}

@media (max-width: 48rem) {
    .group-stores a {
        margin: 0;
        margin-bottom: 20px
    }
}

.icon-a {
    width: 25px;
    margin-right: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

body {
    overflow-x: hidden !important
}

.slider-focus .img-container {
    min-height: auto;
    position: relative;
    margin: 19px
}

    .slider-focus .img-container .img-slider {
        position: absolute;
        max-height: 100%;
        max-width: 100%;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 10;
        margin: auto
    }

@media (max-width: 48rem) {
    .slider-focus .img-container .img-slider {
        position: relative
    }
}

.top-label {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    padding: 10px;
    padding-top: 18px;
    border-radius: 8px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border: 2px solid white;
    margin-right: 11%;
    margin-top: -8px;
    margin-left: auto;
    text-decoration: none;
    font-size: 14px;
    height: 53px;
    color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media (max-width: 48rem) {
    .top-label {
        width: 80%;
        text-align: center
    }
}

.top-label:hover {
    background-color: rgba(255,255,255,0.1);
    -webkit-transform: translateY(3px);
    transform: translateY(3px)
}

.top-label .icon {
    width: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("https://tellmewow.com/img/tellmewow/wow-check.png")
}

.block-hov-card-container .block-hov-card__senior.card-edujoy {
    background-color: #edad00;
}

.block-hov-card-container img {
    max-width: 100%;
}

/* .logos{
	max-width: 80rem;
} */

.cookieconsent {
    position: fixed;
    padding: 1rem;
    left: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.8);
    color: #FFF;
    text-align: center;
    width: 100%;
    z-index: 99999;
    font-size: 1.1rem;
}

    .cookieconsent a {
        display: block;
        max-width: 12rem;
        padding: .3rem 1rem;
        margin: 1rem auto;
        background-color: #ffc800;
        color: #000;
        border-radius: 2rem;
        text-decoration: none !important;
    }

        .cookieconsent a:hover {
            background-color: #ffa200;
        }