html {
    margin: 0;
    padding: 0;
    overflow-x: hidden
}

.transformOnLoad {
    -webkit-animation: .4s ease-in-out 0s 1 b;
    animation: .4s ease-in-out 0s 1 b;
    -webkit-transition: opacity 5s;
    -o-transition: opacity 5s;
    transition: opacity 5s
}

@-webkit-keyframes a {
    50% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@keyframes a {
    50% {
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

@-webkit-keyframes b {
    0% {
        -webkit-transform: translateY(33px);
        transform: translateY(33px);
        -webkit-filter: blur(1.5rem);
        filter: blur(1.5rem);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

@keyframes b {
    0% {
        -webkit-transform: translateY(33px);
        transform: translateY(33px);
        -webkit-filter: blur(1.5rem);
        filter: blur(1.5rem);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-filter: blur(0);
        filter: blur(0)
    }
}

.card {
    -webkit-box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)
}

.card label {
    margin-bottom: .5rem
}

.card-body {
    padding: 20px
}

.card .card-header {
    background-color: #000!important;
    color: #fff;
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.card .card-header h1 {
    margin: 0
}

.card .form-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 1rem
}

.card .form-control {
    display: block;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    -webkit-transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
    -o-transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out
}

.card .form-control:focus {
    color: #495057!important;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    -webkit-box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
    box-shadow: 0 0 0 .2rem rgba(0,123,255,.25)
}

body {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -moz-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 auto;
    overflow-x: hidden;
    padding: 0;
    min-height: 100vh
}

body,body>div,body>footer,body>header {
    width: 100%
}

body,button,input {
    font-family: Roboto Condensed,sans-serif!important
}



div[class^=spacer] {
    width: 100%;
    margin: 0 auto;
    background-color: transparent
}

.spacer--sm {
    height: 2em
}

.spacer--md {
    height: 4em
}

.spacer--lg {
    height: 6em
}

.blur-bg {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

.Page {
    min-height: 100vh;
    padding-bottom: 4em
}

.Page p {
    font-size: 22px
}

.contact__email {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

@media (min-width: 1200px) {
    .contact__email {
        -webkit-box-pack:justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        min-height: 14em
    }
}

.contact__email a {
    text-decoration: none;
    color: #000!important;
    margin: 0;
    margin-top: 10px
}

.contact__email .Button {
    color: #fff!important
}

.contact__email__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 10px
}

.contact__email__inner .email_title {
    font-size: 26px
}

.Wrapper {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 1600px;
    margin: auto;
    position: relative;
    padding: 40px
}

@media (max-width: 1200px) {
    .Wrapper {
        padding:40px
    }
}

@media (max-width: 760px) {
    .Wrapper {
        padding:20px
    }
}

.Wrapper__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Wrapper__text .Section__title {
    color: #fff;
    margin: 0;
    font-size: 40px;
    text-align: center
}

.Wrapper__text .Section__title .black {
    color: #000
}

.Wrapper__text .Section__title .yellow {
    color: #ffde1d
}

.Wrapper__text .Section__title .orange {
    color: #f4760f
}

.Wrapper__text .Section__title .white {
    color: #fff
}

@media (min-width: 1201px) {
    .Wrapper__text .Section__title {
        font-size:80px
    }
}

.Wrapper__text .Section__subtitle {
    color: #000;
    text-align: center;
    font-size: 16px;
    max-width: 800px
}

.Wrapper__text .Section__subtitle .white {
    color: #fff
}

@media (min-width: 761px) {
    .Wrapper__text .Section__subtitle {
        font-size:22px
    }
}

.Wrapper__text .Section__subtitle--white {
    color: #fff
}

.Wrapper__text .Section__subtitle.uppercase {
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase
}

.test {
    background: red;
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    z-index: 9999999999
}

.Button {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 0;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 22px;
    font-weight: 700;
    height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: background .125s ease,color .125s ease;
    -o-transition: background .125s ease,color .125s ease;
    transition: background .125s ease,color .125s ease;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2;
    white-space: nowrap
}

.Button:active,.Button:focus {
    outline: none
}

.Button--primary {
    color: #fff;
    color: #fff!important;
    border-radius: 4px;
    font-size: 18px;
    margin: 30px 0;
    width: 80%;
    max-width: 374px
}

.Button--primary,.Button--primary:hover {
    background-color: #000
}

.Button--primary:focus {
    text-decoration: none;
    outline: none
}

.Button--primary:active {
    text-decoration: none;
    -webkit-transform: scale(.99);
    -ms-transform: scale(.99);
    transform: scale(.99)
}

.Button--primary.Button--inverted {
    background: #fff;
    color: #000
}

.Button--primary.Button--inverted:hover {
    background-color: #e6e6e6
}

.Button--primary.Button--hollow {
    background: #fff;
    border: 2px solid #000;
    color: #000
}

.Button--primary.Button--hollow:hover {
    background-color: #737373
}

.Button--primary.is-active {
    background-color: #000
}

.Button--primary+.Btn__extended-nav {
    background: #000
}

.Button--primary+.Btn__extended-nav ul li {
    color: #fff;
    border-color: #000
}

.Button--primary+.Btn__extended-nav ul li:hover span {
    background: #000
}

.Button--primary+.Btn__extended-nav ul li:active {
    text-decoration: none;
    -webkit-transform: scale(.99);
    -ms-transform: scale(.99);
    transform: scale(.99)
}

.Button--primary:hover {
    background: #111;
    color: #4aaf6c!important;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.Button--decline {
    background-color: #f4760f;
    color: #fff
}

.Button--decline:hover {
    background-color: #c75e09
}

.Button--decline:focus {
    text-decoration: none;
    outline: none
}

.Button--decline:active {
    text-decoration: none;
    -webkit-transform: scale(.99);
    -ms-transform: scale(.99);
    transform: scale(.99)
}

.Button--decline.Button--inverted {
    background: #fff;
    color: #f4760f
}

.Button--decline.Button--inverted:hover {
    background-color: #e6e6e6
}

.Button--decline.Button--hollow {
    background: #fff;
    border: 2px solid #f4760f;
    color: #f4760f
}

.Button--decline.Button--hollow:hover {
    background-color: #fef3ea
}

.Button--decline.is-active {
    background-color: #c75e09
}

.Button--decline+.Btn__extended-nav {
    background: #4d2504
}

.Button--decline+.Btn__extended-nav ul li {
    color: #fff;
    border-color: #964707
}

.Button--decline+.Btn__extended-nav ul li:hover span {
    background: #964707
}

.Button--decline+.Btn__extended-nav ul li:active {
    text-decoration: none;
    -webkit-transform: scale(.99);
    -ms-transform: scale(.99);
    transform: scale(.99)
}

.Button--secondary {
    background-color: #fff;
    color: #fff;
    color: #000!important;
    border-radius: 4px;
    font-size: 18px;
    margin: 30px 0;
    width: 80%;
    max-width: 374px
}

.Button--secondary:hover {
    background-color: #e6e6e6
}

.Button--secondary:focus {
    text-decoration: none;
    outline: none
}

.Button--secondary:active {
    text-decoration: none;
    -webkit-transform: scale(.99);
    -ms-transform: scale(.99);
    transform: scale(.99)
}

.Button--secondary.Button--inverted {
    background: #fff;
    color: #fff
}

.Button--secondary.Button--inverted:hover {
    background-color: #e6e6e6
}

.Button--secondary.Button--hollow {
    background: #fff;
    border: 2px solid #fff;
    color: #fff
}

.Button--secondary.Button--hollow:hover {
    background-color: #fff
}

.Button--secondary.is-active {
    background-color: #e6e6e6
}

.Button--secondary+.Btn__extended-nav {
    background: #a6a6a6
}

.Button--secondary+.Btn__extended-nav ul li {
    color: #fff;
    border-color: #ccc
}

.Button--secondary+.Btn__extended-nav ul li:hover span {
    background: #ccc
}

.Button--secondary+.Btn__extended-nav ul li:active {
    text-decoration: none;
    -webkit-transform: scale(.99);
    -ms-transform: scale(.99);
    transform: scale(.99)
}

.Button--secondary.column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Button--yellow {
    background-color: #ffde1d;
    color: #fff;
    color: #000!important;
    border-radius: 4px;
    font-size: 18px;
    margin: 30px 0;
    width: 80%;
    max-width: 374px
}

.Button--yellow:hover {
    background-color: #e9c700
}

.Button--yellow:focus {
    text-decoration: none;
    outline: none
}

.Button--yellow:active {
    text-decoration: none;
    -webkit-transform: scale(.99);
    -ms-transform: scale(.99);
    transform: scale(.99)
}

.Button--yellow.Button--inverted {
    background: #fff;
    color: #ffde1d
}

.Button--yellow.Button--inverted:hover {
    background-color: #e6e6e6
}

.Button--yellow.Button--hollow {
    background: #fff;
    border: 2px solid #ffde1d;
    color: #ffde1d
}

.Button--yellow.Button--hollow:hover {
    background-color: #fff
}

.Button--yellow.is-active {
    background-color: #e9c700
}

.Button--yellow+.Btn__extended-nav {
    background: #6a5a00
}

.Button--yellow+.Btn__extended-nav ul li {
    color: #fff;
    border-color: #b69b00
}

.Button--yellow+.Btn__extended-nav ul li:hover span {
    background: #b69b00
}

.Button--yellow+.Btn__extended-nav ul li:active {
    text-decoration: none;
    -webkit-transform: scale(.99);
    -ms-transform: scale(.99);
    transform: scale(.99)
}

.Button--small-black {
    color: #fff;
    color: #fff!important;
    border-radius: 4px;
    font-size: 18px;
    margin: 30px 0;
    width: 80%;
    max-width: 374px;
    max-width: -webkit-fit-content!important;
    max-width: -moz-fit-content!important;
    max-width: fit-content!important
}

.Button--small-black,.Button--small-black:hover {
    background-color: #000
}

.Button--small-black:focus {
    text-decoration: none;
    outline: none
}

.Button--small-black:active {
    text-decoration: none;
    -webkit-transform: scale(.99);
    -ms-transform: scale(.99);
    transform: scale(.99)
}

.Button--small-black.Button--inverted {
    background: #fff;
    color: #000
}

.Button--small-black.Button--inverted:hover {
    background-color: #e6e6e6
}

.Button--small-black.Button--hollow {
    background: #fff;
    border: 2px solid #000;
    color: #000
}

.Button--small-black.Button--hollow:hover {
    background-color: #737373
}

.Button--small-black.is-active {
    background-color: #000
}

.Button--small-black+.Btn__extended-nav {
    background: #000
}

.Button--small-black+.Btn__extended-nav ul li {
    color: #fff;
    border-color: #000
}

.Button--small-black+.Btn__extended-nav ul li:hover span {
    background: #000
}

.Button--small-black+.Btn__extended-nav ul li:active {
    text-decoration: none;
    -webkit-transform: scale(.99);
    -ms-transform: scale(.99);
    transform: scale(.99)
}

.Button--small-black:hover {
    background: #111
}

.GamePlayer,.GamePlayer3d {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none;
    height: 100%;
    left: 0;
    top: 0;
    overflow: hidden;
    position: fixed;
    width: 100%;
    z-index: 999999
}

.GamePlayer3d .fa-times,.GamePlayer .fa-times {
    cursor: pointer;
    border: 2px solid hsla(0,0%,100%,.7);
    border-radius: 50px;
    text-align: center;
    line-height: 20px;
    height: 20px;
    width: 20px;
    font-size: 14px;
    color: hsla(0,0%,100%,.7);
    position: fixed;
    right: 20px;
    top: 20px;
    -webkit-transition: opacity .25s ease,color .25s ease,border-color .25s ease;
    -o-transition: opacity .25s ease,color .25s ease,border-color .25s ease;
    transition: opacity .25s ease,color .25s ease,border-color .25s ease;
    z-index: 99999
}

.GamePlayer3d .fa-times:hover,.GamePlayer .fa-times:hover {
    color: #fff;
    border-color: #fff
}

.GamePlayer3d.is-active,.GamePlayer.is-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.GamePlayer3d.transition-in .GamePlayerOverlay,.GamePlayer3d.transition-in .GamePlayerOverlay3d,.GamePlayer.transition-in .GamePlayerOverlay,.GamePlayer.transition-in .GamePlayerOverlay3d {
    -webkit-animation-name: d;
    animation-name: d;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.GamePlayer3d.transition-in .GameContainer,.GamePlayer3d.transition-in .GameContainer3d,.GamePlayer.transition-in .GameContainer,.GamePlayer.transition-in .GameContainer3d {
    -webkit-animation-name: c;
    animation-name: c;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.GamePlayer3d.transition-in .fa-times,.GamePlayer.transition-in .fa-times {
    -webkit-animation-name: d;
    animation-name: d;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.GamePlayer3d.transition-out .fa-times,.GamePlayer3d.transition-out .GameContainer,.GamePlayer3d.transition-out .GameContainer3d,.GamePlayer3d.transition-out .GamePlayerOverlay,.GamePlayer3d.transition-out .GamePlayerOverlay3d,.GamePlayer.transition-out .fa-times,.GamePlayer.transition-out .GameContainer,.GamePlayer.transition-out .GameContainer3d,.GamePlayer.transition-out .GamePlayerOverlay,.GamePlayer.transition-out .GamePlayerOverlay3d {
    -webkit-animation-name: e;
    animation-name: e;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.GamePlayer3d .GamePlayerOverlay,.GamePlayer3d .GamePlayerOverlay3d,.GamePlayer .GamePlayerOverlay,.GamePlayer .GamePlayerOverlay3d {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0,0,0,.85);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    width: 100%
}

.GamePlayer3d .GameContainer,.GamePlayer3d .GameContainer3d,.GamePlayer .GameContainer,.GamePlayer .GameContainer3d {
    background: #000;
    -webkit-box-shadow: 0 12px 15px 0 rgba(0,0,0,.25);
    box-shadow: 0 12px 15px 0 rgba(0,0,0,.25);
    height: 810px;
    width: 1440px
}

.GamePlayer3d .GameContainer3d iframe,.GamePlayer3d .GameContainer iframe,.GamePlayer .GameContainer3d iframe,.GamePlayer .GameContainer iframe {
    border: none;
    height: 100%;
    width: 100%
}

@-webkit-keyframes c {
    0% {
        -webkit-transform: scale3d(0,0,0);
        transform: scale3d(0,0,0)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@-webkit-keyframes d {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes e {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.Footer {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -moz-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    background-position: 50%;
    background-size: cover;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8%;
    min-height: 650px;
    position: relative
}

.Footer a {
    color: #fff
}

.Footer #Logo {
    width: 150px;
    height: 39px;
    margin-bottom: 40px
}

@media (min-width: 1200px) {
    .Footer #Logo {
        width:213px;
        height: 68px
    }
}

.Footer #Logo path {
    fill: #fff
}

.Footer__DemonCharacter {
    display: none;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    height: 761px;
    width: 895px;
    position: absolute;
    bottom: 116px;
    right: 0
}

@media (min-width: 1200px) {
    .Footer__DemonCharacter {
        display:block
    }
}

.Footer__Overlay {
    background-size: cover;
    width: 100%;
    height: 100%;
    position: absolute
}

.Footer--general {
    position: relative;
    width: 100%
}

.Footer .seals {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: clamp(.5em,1.5vw,2em);
    bottom: 0;
    position: relative;
    margin: auto 11% 40px
}

.Footer .seals .begambleaware {
    -webkit-filter: contrast(0);
    filter: contrast(0)
}

.Footer .seals .seal {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 23%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 23%;
    flex: 1 1 23%;
    max-width: 23%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Footer .seals .seal img {
    -o-object-position: center center;
    object-position: center center;
    height: auto;
    width: 100%
}

.Footer .seals .image-container--hgc,.Footer .seals .image-container--iomg {
    height: auto;
    min-width: 40px;
    max-width: 45px
}

.Footer .seals .image-container--hgc:before,.Footer .seals .image-container--iomg:before {
    content: "";
    display: block;
    width: 100%
}

@media screen and (min-width: 768px) {
    .Footer .seals {
        gap:clamp(1em,1.25vw,2.5em)
    }

    .Footer .seals .seal.image-container--hgc,.Footer .seals .seal.image-container--iomg {
        min-width: 60px;
        max-width: 60px
    }
}

@media screen and (min-width: 1050px) {
    .Footer .seals {
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .Footer .seals .seal {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 12.5%;
        -moz-box-flex: 1;
        -ms-flex: 1 1 12.5%;
        flex: 1 1 12.5%;
        width: 100%;
        height: auto
    }
}

.Footer .seals .image-container--iomg:before {
    padding-top: 135%
}

.Footer .seals .image-container--hgc:before {
    padding-top: 140%
}

.Footer .seals .a-link--iomg {
    display: inline-block
}

.Footer .seals .a-link--iomg,.Footer .seals img.hgc,.Footer .seals img.iomg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.Footer .seals img.ecogra {
    -webkit-filter: grayscale(1);
    filter: grayscale(1)
}

.Footer p {
    color: #fff;
    font-size: 24px;
    margin-bottom: 0
}

@media (max-width: 760px) {
    .Footer p {
        font-size:16px
    }
}

.Footer a.Email {
    color: #fff;
    font-family: Roboto Mono,monospace;
    font-size: 32px;
    margin-bottom: 40px;
    text-decoration: none
}

@media (max-width: 760px) {
    .Footer a.Email {
        font-size:18px
    }
}

.Footer a.Email:visited {
    color: #fff
}

.Footer a.Email span {
    margin-right: 20px
}

.Footer .Wrapper {
    margin: 0;
    margin: 3%;
    padding: 40px 20px;
    padding-bottom: 60px
}

.Footer .Copy {
    padding: 20px
}

.Footer .Copy .Wrapper {
    padding: 0
}

.Footer .Copy p {
    color: #fff;
    font-family: Roboto Mono,monospace;
    font-size: 12px;
    margin: 0;
    max-width: 60%
}

@media (max-width: 760px) {
    .Footer .Copy p {
        max-width:100%
    }
}

.DialogWrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0,0,0,.5);
    display: none;
    position: fixed;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100vh;
    width: 100%;
    top: 0;
    z-index: 99999
}

.DialogWrapper.is-active {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.DialogWrapper.transition-in {
    -webkit-animation-name: d;
    animation-name: d;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.DialogWrapper.transition-in .Dialog {
    -webkit-animation-name: c;
    animation-name: c;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.DialogWrapper.transition-out,.DialogWrapper.transition-out .Dialog {
    -webkit-animation-name: e;
    animation-name: e;
    -webkit-animation-duration: .25s;
    animation-duration: .25s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1
}

.DialogWrapper .Dialog {
    background: #fff;
    -webkit-box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);
    height: auto;
    padding: 20px;
    max-width: 100%;
    text-align: center;
    top: 0;
    width: 420px
}

.DialogWrapper .Dialog__title {
    margin-top: 0
}

.DialogWrapper .Dialog__body {
    line-height: 1.6
}

.DialogWrapper .Dialog .ButtonWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row
}

.DialogWrapper .Dialog .ButtonWrapper .Button {
    font-size: 16px;
    margin: 0 10px;
    width: 50%
}

@keyframes c {
    0% {
        -webkit-transform: scale3d(0,0,0);
        transform: scale3d(0,0,0)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes d {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes e {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.video-desktop-margin {
    margin-bottom: 70px
}

.video-hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    margin-top: 70px
}

.video-hero--scroll-down-indicator {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    position: absolute;
    bottom: 14px;
    -webkit-animation: a 1s ease infinite;
    animation: a 1s ease infinite
}

.video-hero--scroll-down-indicator:hover {
    cursor: pointer
}

.video-hero--scroll-down-indicator:hover path {
    fill: #4aaf6c
}

@media (min-width: 1200px) {
    .video-hero {
        margin-top:0
    }
}

.video-hero-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #000
}

.video-hero video {
    position: absolute;
    width: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 8.4/16;
    height: 100%
}

@media (min-width: 1200px) {
    .video-hero video {
        aspect-ratio:16/8.4
    }
}

.video-hero .video-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    height: calc(100vh - 70px)
}

@media (min-width: 1200px) {
    .video-hero .video-wrapper {
        height:100vh;
        width: 100%
    }
}

.video-hero .video-wrapper:after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(50%,transparent),color-stop(69%,rgba(1,0,17,.5)),to(#000));
    background: -o-linear-gradient(top,transparent 50%,rgba(1,0,17,.5) 69%,#000 100%);
    background: linear-gradient(180deg,transparent 50%,rgba(1,0,17,.5) 69%,#000)
}

.video-hero .action-bar {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    position: absolute;
    padding: 10px;
    max-width: 90vw;
    border-radius: 4px;
    bottom: 10%;
    align-self: center;
    width: 400px;
    background: rgba(0,0,0,.5)
}

.video-hero .action-bar,.video-hero .btn-arrow {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    align-items: center;
    display: flex
}

.video-hero .btn-arrow {
    width: 1.6rem;
    height: 1.6rem;
    background-color: transparent;
    border: none;
    border-radius: 50%;
    -webkit-box-shadow: 0 2.4rem 4.8rem rgba(0,0,0,.075);
    box-shadow: 0 2.4rem 4.8rem rgba(0,0,0,.075);
    cursor: pointer;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.video-hero .btn-arrow path {
    stroke: #fff
}

.video-hero .btn-arrow:active,.video-hero .btn-arrow:hover {
    background-color: #e6e6e6
}

.video-hero .btn-arrow:active path,.video-hero .btn-arrow:hover path {
    stroke: #000
}

.video-hero .icon {
    width: 2.4rem;
    height: 2.4rem
}

.video-hero .slick-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.video-hero .slick-dots li {
    width: 10px;
    height: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 24px;
    border: 1px solid #fff;
    background-color: transparent;
    cursor: pointer;
    padding: 0;
    margin-left: 4px
}

.video-hero .slick-dots .slick-active {
    background-color: #fff
}

.video-hero .dot:first-child {
    margin-left: 0
}

.video-hero .dot:hover {
    background-color: #fff
}

.CookieConsentModal {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    bottom: 0;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 1px -2px 13px -2px rgba(0,0,0,.4);
    box-shadow: 1px -2px 13px -2px rgba(0,0,0,.4);
    padding: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 998
}

@media (min-width: 1200px) {
    .CookieConsentModal {
        padding:0
    }
}

.CookieConsentModal.active,.CookieConsentModal__Inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.CookieConsentModal__Inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width: 1200px) {
    .CookieConsentModal__Inner {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.CookieConsentModal__Buttons {
    padding: 1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px
}

.CookieConsentModal__Buttons button {
    margin: 0;
    width: 100px;
    height: 44px
}

.Page--games .Page__hero {
    background-image: url("/images/games_hero_img.png")
}

.Page--games h1 {
    color: #fff;
    margin: auto
}

@media (max-width: 760px) {
    .Page--games h1 {
        margin:2vw auto auto
    }
}

.Page--games .Wrapper__top {
    padding-top: 0
}

.Page--games .PortfolioWrapper:nth-child(2n) {
    background: #f5f5f5;
    margin: 30px 0;
    padding: 60px 0
}

.Page--games .PortfolioWrapper:nth-child(4) {
    margin-bottom: 0
}

[data-action=gamepage] .Footer__DemonCharacter {
    display: none
}

.GamePage .Title {
    color: #000;
    display: inline-block;
    font-family: Roboto Condensed,sans-serif;
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    margin: 10px 0;
    margin-top: 20px;
    position: relative;
    text-transform: uppercase;
    text-align: left;
    width: auto
}

@media (max-width: 1200px) {
    .GamePage .Title {
        font-size:36px
    }
}

@media (max-width: 760px) {
    .GamePage .Title {
        font-size:24px
    }
}

.GamePage .TopWrapper {
    margin: 0 5%;
    margin-top: -150px
}

.GamePage .TopWrapper,.GamePage .TopWrapper .HeroFooter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.GamePage .TopWrapper .HeroFooter {
    height: 100%;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width: 1200px) {
    .GamePage .TopWrapper .HeroFooter {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.GamePage .TopWrapper .HeroFooter .Logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 100
}

.GamePage .TopWrapper .HeroFooter .Logo img {
    max-width: 100vw
}

.GamePage .TopWrapper .HeroFooter .Play {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 50px
}

@media (max-width: 1200px) {
    .GamePage .TopWrapper .HeroFooter .Play {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (max-width: 760px) {
    .GamePage .TopWrapper .HeroFooter .Play {
        -webkit-box-ordinal-group:4;
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.GamePage .TopWrapper .HeroFooter .Play .Button {
    font-size: 28px;
    height: 80px;
    width: 250px
}

.GamePage__hero {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #fff;
    top: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
    height: 400px;
    position: relative
}

.GamePage .Highlights,.GamePage__hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%
}

.GamePage .Highlights {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px
}

@media (max-width: 1200px) {
    .GamePage .Highlights {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (max-width: 760px) {
    .GamePage .Highlights {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -moz-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.GamePage .Highlights__title {
    color: #000;
    display: inline-block;
    font-family: Staatliches,sans-serif;
    font-size: 46px;
    line-height: 1;
    margin-bottom: 20px;
    position: relative;
    text-transform: uppercase;
    text-align: left;
    width: auto
}

@media (max-width: 760px) {
    .GamePage .Highlights__title {
        font-size:38px
    }
}

.GamePage .Highlights .HighlightsWrapper {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-flow: row;
    gap: 5%
}

@media (max-width: 1200px) {
    .GamePage .Highlights .HighlightsWrapper {
        display:-webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.GamePage .Highlights__holder {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 20px 0;
    aspect-ratio: 16/9
}

.GamePage .Highlights__holder iframe {
    height: 100%;
    width: 100%
}

.GamePage .ContentWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    margin: 20px 5% 0;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.GamePage .ContentWrapper .Col-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 60px
}

@media (max-width: 1200px) {
    .GamePage .ContentWrapper .Col-wrapper {
        display:-webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media (max-width: 1023px) {
    .GamePage .ContentWrapper .Col-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        margin-bottom: 20px;
        margin-top: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.GamePage .ContentWrapper .Col-wrapper .Col-1 {
    margin-right: 20px
}

.GamePage .ContentWrapper .Col-wrapper .Col-2 {
    margin-right: -90px
}

.GamePage .ContentWrapper .Col-wrapper .Col-2 img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width: 1200px) {
    .GamePage .ContentWrapper .Col-wrapper .Col-2 {
        margin-right:0
    }
}

.GamePage .ContentWrapper .Col-wrapper span {
    color: #000;
    font-size: 22px
}

@media (max-width: 760px) {
    .GamePage .ContentWrapper .Col-wrapper span {
        font-size:18px
    }
}

.GamePage .ContentWrapper .Col-wrapper span h1,.GamePage .ContentWrapper .Col-wrapper span h2,.GamePage .ContentWrapper .Col-wrapper span h3 {
    margin: 10px 0
}

.Page--offlineonline {
    padding-bottom: 4em
}

.Page--offlineonline .Page__hero {
    background-image: url("/images/games_hero_img.png")
}

.Page--offlineonline .Wrapper__top {
    padding-top: 0
}

.Page--offlineonline .Col-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media (max-width: 760px) {
    .Page--offlineonline .Col-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.Page--offlineonline .Col-wrapper .Col-1 {
    margin-right: 20px;
    width: 50%;
    z-index: 9
}

@media (max-width: 1200px) {
    .Page--offlineonline .Col-wrapper .Col-1 {
        width:50%
    }
}

@media (max-width: 760px) {
    .Page--offlineonline .Col-wrapper .Col-1 {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 0;
        width: 100%
    }
}

.Page--offlineonline .Col-wrapper .Col-2 {
    margin-left: 20px;
    width: 40%
}

@media (max-width: 1200px) {
    .Page--offlineonline .Col-wrapper .Col-2 {
        width:50%
    }
}

@media (max-width: 760px) {
    .Page--offlineonline .Col-wrapper .Col-2 {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0;
        width: 100%
    }
}

.Page--offlineonline .Col-wrapper .Col-2 img {
    max-width: 100%
}

@media (max-width: 760px) {
    .Page--offlineonline .Col-wrapper .Col-2 img {
        display:block;
        margin: auto;
        max-width: 380px;
        width: 100%
    }
}

.Page--offlineonline .Col-wrapper p {
    font-size: 22px
}

@media (max-width: 760px) {
    .Page--offlineonline .Col-wrapper p {
        font-size:18px
    }
}

.Page--news__hero {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 30vw;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 24px
}

@media (max-width: 1200px) {
    .Page--news__hero {
        min-height:calc(80vh - 70px);
        height: 100%;
        background-position-x: left!important;
        width: 100%;
        background-size: cover!important
    }
}

.Page--news__hero__Logo {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top;
    object-position: top
}

.Page--news__hero__LogoWrapper {
    z-index: 1;
    width: 252px;
    height: 50px
}

@media (max-width: 1200px) {
    .Page--news__hero__LogoWrapper {
        width:120px;
        height: 67.5px;
        padding: 12px 0
    }
}

.Page--news__hero__teaserText {
    color: #fff;
    font-size: 16px
}

.Page--news__hero .Section__title {
    color: #fff;
    letter-spacing: 1px
}

@media (max-width: 760px) {
    .Page--news__hero .Section__title {
        font-size:42px
    }
}

.Page--news__hero--content {
    max-width: 1000px
}

@media (min-width: 1200px) {
    .Page--news__hero--content {
        margin:0 8%
    }
}

.Page--news__hero--content__lower {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

@media (max-width: 1200px) {
    .Page--news__hero--content__lower {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.Page--news__hero--content__lower .Page--news__hero__teaserText {
    text-align: right;
    margin: 0
}

@media (max-width: 1200px) {
    .Page--news__hero--content__lower .Page--news__hero__teaserText {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.Page--news__hero--content__lower .Button {
    max-width: 300px;
    margin: 0;
    margin-top: 24px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 30%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%
}

@media (max-width: 1200px) {
    .Page--news__hero--content__lower .Button {
        width:100%;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.Page--news .Wrapper {
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 24px 0
}

.Page--news .Wrapper .LoadMoreBtn {
    margin-bottom: 24px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 200px
}

.Page--news .Wrapper .LoadMoreBtn:hover {
    background: #222
}

.Page--news .Wrapper .Section__title {
    color: #000;
    margin: 0;
    margin-bottom: 24px
}

.Page--news .Wrapper .NewsList {
    display: grid;
    grid-template-columns: 1fr;
    padding: 0;
    list-style: none;
    gap: 24px
}

.Page--news .Wrapper .NewsList__CardTextWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    height: auto;
    background-color: #fff
}

.Page--news .Wrapper .NewsList__CardMiddle {
    padding: 12px
}

.Page--news .Wrapper .NewsList__CardMiddle .NewsText {
    color: #000;
    margin: 0;
    width: 100%;
    font-size: 16px
}

@media (min-width: 1200px) {
    .Page--news .Wrapper .NewsList__CardMiddle .NewsText {
        font-size:22px;
        width: 70%
    }
}

.Page--news .Wrapper .NewsList__CardTop__inner {
    padding: 0 12px
}

.Page--news .Wrapper .NewsList__CardTop h2 {
    color: #000;
    font-weight: 700;
    margin: 0;
    display: inline;
    background: #ff0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.Page--news .Wrapper .NewsList__CardTop h2 span {
    -webkit-box-shadow: inset -2px -10px 0 0 #fff,inset 2px 12px 0 0 #fff;
    box-shadow: inset -2px -10px 0 0 #fff,inset 2px 12px 0 0 #fff
}

@media (min-width: 1200px) {
    .Page--news .Wrapper .NewsList__CardTop h2 {
        width:70%;
        font-size: 32px
    }
}

.Page--news .Wrapper .NewsList__CardBottom {
    padding: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.Page--news .Wrapper .NewsList__CardBottom .NewsText {
    color: #000
}

.Page--news .Wrapper .NewsList__CardBottom .NewsText__ReadMore {
    display: none;
    text-decoration: none;
    color: #000;
    font-weight: 100;
    font-size: 18px;
    margin: 0
}

.Page--news .Wrapper .NewsList__CardBottom .NewsDate {
    font-weight: 700;
    text-align: right;
    color: #000
}

.Page--news .Wrapper .NewsList a {
    text-decoration: none
}

.Page--news .Wrapper .NewsList__Item {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    border-top: 1px solid rgba(0,0,0,.2);
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.Page--news .Wrapper .NewsList__ItemWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -moz-box-orient: horizontal;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    height: 100%;
    padding: 4% 0 0
}

@media (min-width: 761px) {
    .Page--news .Wrapper .NewsList__ItemWrapper {
        padding:2% 0 0
    }
}

.Page--news .Wrapper .NewsList__Item:hover .NewsList__ImageWrapper,.Page--news .Wrapper .NewsList__Item:hover .NewsList__LogoWrapper {
    -webkit-filter: brightness(1);
    filter: brightness(1);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.Page--news .Wrapper .NewsList__Item:hover .NewsText__ReadMore {
    color: #ff8c00
}

.Page--news .Wrapper .NewsList__Logo {
    max-width: 140px;
    max-height: 70px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.Page--news .Wrapper .NewsList__LogoWrapper {
    -webkit-filter: brightness(.8);
    filter: brightness(.8);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    z-index: 1;
    position: absolute;
    padding: 12px
}

.Page--news .Wrapper .NewsList__Image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    right: 0;
    top: 0
}

.Page--news .Wrapper .NewsList__ImageWrapper {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-filter: brightness(.8);
    filter: brightness(.8);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    position: relative;
    width: 30%;
    aspect-ratio: 16/9
}

@media (min-width: 1200px) {
    .Page--news .Wrapper .NewsList__ImageWrapper {
        display:-webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

.Page--news .Wrapper .NewsList__Item:first-child {
    margin: 0
}

@media (max-width: 760px) {
    .Page--partners .Wrapper {
        border-radius:0;
        margin-bottom: 0
    }
}

.Page--partners .Wrapper .Section__title {
    margin: 0;
    margin-bottom: 24px;
    text-align: center
}

.Page--partners .Partners {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 40px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
    list-style: none;
    grid-auto-rows: minmax(0,1fr)
}

@media (max-width: 1200px) {
    .Page--partners .Partners {
        grid-template-columns:1fr 1fr 1fr 1fr
    }
}

@media (max-width: 760px) {
    .Page--partners .Partners {
        grid-template-columns:1fr 1fr 1fr;
        gap: 24px
    }
}

@media screen and (max-width: 540px) {
    .Page--partners .Partners {
        grid-template-columns:1fr 1fr
    }
}

.Page--partners .Partners .PartnerItem {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    -o-transition: transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease,-webkit-transform .25s ease
}

.Page--partners .Partners .PartnerItem,.Page--partners .Partners .PartnerItem a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Page--partners .Partners .PartnerItem a {
    width: 100%
}

.Page--partners .Partners .PartnerItem--img {
    -webkit-transition: -webkit-filter .25s ease;
    transition: -webkit-filter .25s ease;
    -o-transition: filter .25s ease;
    transition: filter .25s ease;
    transition: filter .25s ease,-webkit-filter .25s ease;
    width: 100%;
    height: 100%
}

.Page--partners .Partners .PartnerItem:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.HomePage {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.HomePage,.Page__hero {
    background: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Page__hero {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    height: 30vw;
    width: 100%
}

@media (max-width: 760px) {
    .Page__hero {
        padding-top:100px
    }
}

.Hero {
    position: relative;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: #fff;
    background-image: url("/images/hero_assets/hero_image.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: calc(100vh - 70px)
}

.Hero.contact {
    background-image: url("/images/backgrounds/wanted_background_3.jpg");
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-position: top
}

@media (max-width: 1200px) {
    .Hero.contact {
        height:calc(100vh - 273px)
    }

    .Hero.contact span:not(.fa) {
        margin-bottom: 0
    }
}

.Hero.contact .Hero__title {
    font-family: Staatliches,sans-serif;
    margin-top: 0
}

.Hero.contact .SocialList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    gap: 10px;
    margin-top: 24px
}

@media (max-width: 1200px) {
    .Hero.contact .SocialList {
        margin-top:12px
    }
}

.Hero.contact .SocialList .SocialListItem {
    height: 50px;
    width: 50px
}

.Hero.contact .SocialList .SocialListItem a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #000;
    text-decoration: none;
    display: block;
    height: 100%;
    text-align: center;
    width: 100%
}

.Hero.contact .SocialList .SocialListItem span {
    background: #fff;
    border-radius: 50px;
    color: #000;
    font-size: 24px;
    line-height: 50px;
    height: 100%;
    width: 100%;
    margin: 0
}

.Hero .Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    width: 100%
}

.Hero__body,.Hero__title {
    color: #fff;
    max-width: 40vw
}

@media (max-width: 1200px) {
    .Hero__body,.Hero__title {
        max-width:60vw
    }
}

@media (max-width: 760px) {
    .Hero__body,.Hero__title {
        max-width:100%
    }
}

.Hero__title {
    font-family: Staatliches,sans-serif;
    font-size: 110px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
    letter-spacing: 2px
}

@media (max-width: 1200px) {
    .Hero__title {
        font-size:88px
    }
}

@media (max-width: 760px) {
    .Hero__title {
        font-size:52px
    }
}

.Hero__title.main-page-title {
    max-width: 7em
}

.Hero__body {
    font-size: 1.7vw
}

.Hero__body span:not(.fa) {
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;
    font-weight: 700
}

.Hero__body span.subtitle {
    color: #f8d206
}

@media (max-width: 1200px) {
    .Hero__body {
        font-size:26px
    }
}

@media (max-width: 760px) {
    .Hero__body {
        font-size:18px
    }
}

.Hero__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

@media (max-width: 760px) {
    .Hero__list {
        -webkit-box-pack:justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.Hero__list .HeroListItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 25px
}

@media (max-width: 760px) {
    .Hero__list .HeroListItem {
        margin:0
    }
}

.Hero__list .HeroListItem:first-child {
    margin-left: 0
}

.Hero__list .HeroListItem:last-child {
    margin-right: 0
}

.Hero__list .HeroListItem__value {
    color: #f8d206;
    font-size: 3.5vw;
    font-family: Staatliches,sans-serif;
    font-weight: 400;
    margin: 0;
    margin-bottom: 10px
}

@media (max-width: 1200px) {
    .Hero__list .HeroListItem__value {
        font-size:42px
    }
}

@media (max-width: 760px) {
    .Hero__list .HeroListItem__value {
        font-size:10vw
    }
}

.Hero__list .HeroListItem__label {
    font-size: 1.5vw;
    font-weight: 400;
    margin: 0!important
}

@media (max-width: 1200px) {
    .Hero__list .HeroListItem__label {
        font-size:26px
    }
}

@media (max-width: 760px) {
    .Hero__list .HeroListItem__label {
        font-size:5vw
    }
}

.Hero .Logo img {
    max-width: 100%
}

.Navigation.shrink {
    max-height: 70px;
    -webkit-transition: max-height .4s ease-in-out;
    -o-transition: max-height .4s ease-in-out;
    transition: max-height .4s ease-in-out
}

.Navigation.shrink .NavList__dropdown {
    top: 70px
}

.Navigation.shrink #Logo,.Navigation.shrink .NavList__dropdown {
    -webkit-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.Navigation.shrink #Logo {
    width: 150px
}

.Navigation.shrink .NavList__link p {
    font-size: 16px!important;
    -webkit-transition: font-size .4s ease-in-out;
    -o-transition: .4s font-size ease-in-out;
    transition: font-size .4s ease-in-out
}

.Navigation.Navigation--fill {
    background: rgba(0,0,0,.9);
    -webkit-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

.Navigation.Navigation--fill .NavList__dropdown {
    background: rgba(0,0,0,.9)
}

.Navigation {
    height: 100%;
    max-height: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(0,0,0,.5);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    -webkit-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

@media (min-width: 1200px) {
    .Navigation {
        max-height:90px
    }
}

.Navigation #Logo {
    width: 150px;
    -webkit-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out
}

@media (min-width: 1200px) {
    .Navigation #Logo {
        width:180px
    }
}

.Navigation #Logo path {
    fill: #fff
}

.Navigation a {
    text-decoration: none
}

.Navigation a.activated,.Navigation a.active {
    color: #4aaf6c!important
}

.Navigation a.activated p,.Navigation a.active p {
    color: #4aaf6c!important;
    font-weight: 700
}

.Navigation a:not(.start) {
    color: #fff
}

@media (max-width: 1200px) {
    .Navigation {
        padding:0
    }
}

.Navigation:before {
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.19,1,.22,1);
    transition: -webkit-transform .7s cubic-bezier(.19,1,.22,1);
    -o-transition: transform .7s cubic-bezier(.19,1,.22,1);
    transition: transform .7s cubic-bezier(.19,1,.22,1);
    transition: transform .7s cubic-bezier(.19,1,.22,1),-webkit-transform .7s cubic-bezier(.19,1,.22,1);
    width: 100%
}

.Navigation .MobileMenuToggle2 {
    display: none;
    background: transparent;
    border: none;
    width: 40px;
    height: 40px;
    margin-right: 20px;
    position: relative;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1200px) {
    .Navigation .MobileMenuToggle2 {
        display:-webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

.Navigation .MobileMenuToggle2:hover {
    cursor: pointer
}

.Navigation .MobileMenuToggle2 .bar {
    background: #fff;
    border-radius: 4px;
    position: absolute;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    right: 0
}

.Navigation .MobileMenuToggle2 .bar-1 {
    width: 35px;
    height: 3px;
    top: 0
}

.Navigation .MobileMenuToggle2 .bar-2 {
    width: 35px;
    height: 3px;
    top: 15px
}

.Navigation .MobileMenuToggle2 .bar-3 {
    width: 35px;
    height: 3px;
    top: 30px
}

.Navigation .MobileMenuToggle2.is-active .bar {
    -webkit-animation-name: f;
    animation-name: f;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-duration: .1s;
    -o-transition-duration: .1s;
    transition-duration: .1s;
    width: 44px;
    height: 3px
}

.Navigation .MobileMenuToggle2.is-active .bar-1 {
    -webkit-transform: rotate(140deg);
    -ms-transform: rotate(140deg);
    transform: rotate(140deg)
}

.Navigation .MobileMenuToggle2.is-active .bar-2 {
    -webkit-transform: rotate(-140deg);
    -ms-transform: rotate(-140deg);
    transform: rotate(-140deg)
}

.Navigation .MobileMenuToggle2.is-active .bar-3 {
    display: none
}

@-webkit-keyframes f {
    0% {
        top: 0
    }

    to {
        top: 15px;
        right: -4px
    }
}

@keyframes f {
    0% {
        top: 0
    }

    to {
        top: 15px;
        right: -4px
    }
}

.Navigation .MobileMenuToggle {
    display: none;
    color: #fff;
    font-size: 30px;
    z-index: 9999
}

.Navigation .MobileMenuToggle .fa-times {
    display: none
}

@media (max-width: 1200px) {
    .Navigation .MobileMenuToggle {
        display:block;
        margin-right: 20px
    }

    .Navigation .MobileMenuToggle.is-active .fa-bars {
        display: none
    }

    .Navigation .MobileMenuToggle.is-active .fa-times {
        display: block
    }
}

.Navigation__Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

@media (max-width: 1200px) {
    .Navigation__Wrapper {
        -webkit-box-pack:justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.Navigation .NavLogo {
    cursor: pointer;
    width: 150px;
    margin-left: 60px;
    z-index: 9999
}



.Navigation .NavLogo img {
    max-width: 100%
}

.Navigation .NavLogo #Logo:hover path {
    fill: #4aaf6c
}

.Navigation .NavList {
    height: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media (min-width: 1200px) {
    .Navigation .NavList {
        margin-left:40px;
        margin-left: auto;
        margin-right: 5%
    }
}

.Navigation .NavList__item {
    height: 100%
}

.Navigation .NavList__link p {
    font-size: 22px;
    -webkit-transition: font-size .4s ease-in-out;
    -o-transition: .4s font-size ease-in-out;
    transition: font-size .4s ease-in-out
}

@media (min-width: 1200px) {
    .Navigation .NavList__link p {
        font-size:18px
    }
}

.Navigation .NavList__dropdown {
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    min-width: 200px;
    background: rgba(0,0,0,.4);
    top: 90px;
    -webkit-transition: .4s ease-in-out;
    -o-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px
}

@media (max-width: 1200px) {
    .Navigation .NavList__dropdown {
        display:-webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

.Navigation .NavList__dropdown__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%
}

.Navigation .NavList__dropdown__link,.Navigation .NavList__dropdown__listItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
    width: 100%
}

.Navigation .NavList__dropdown__link {
    padding: 8px
}

.Navigation .NavList__dropdown__link p {
    width: 100%;
    color: #fff;
    margin: 0;
    font-weight: 100
}

.Navigation .NavList__dropdown__link:hover p {
    color: #4aaf6c
}

.Navigation .NavList .NavList__dropdown--nav {
    display: none
}

.Navigation .NavList .NavList__dropdown button {
    border: 0
}

.Navigation .NavList .NavList__dropdown__link {
    padding: 8px 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.Navigation .NavList .NavList__dropdown__listItem:last-child .NavList__dropdown__link {
    padding-bottom: 16px
}

.Navigation .NavList .NavList__dropdown__listItem:first-child .NavList__dropdown__link {
    padding-top: 16px
}

@media (max-width: 1200px) {
    .Navigation .NavList {
        background:rgba(0,0,0,.9);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        height: calc(100vh - 70px);
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: fixed;
        right: -100%;
        top: 70px;
        -webkit-transition: right .25s ease-in-out;
        -o-transition: right .25s ease-in-out;
        transition: right .25s ease-in-out;
        width: 100%
    }

    .Navigation .NavList .NavList__item {
        width: 100%;
        height: 10%
    }

    .Navigation .NavList .NavList__link p {
        text-align: left
    }

    .Navigation .NavList .NavList__dropdown {
        right: -100%;
        -webkit-transition: right .25s ease-in-out;
        -o-transition: right .25s ease-in-out;
        transition: right .25s ease-in-out;
        top: 70px;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .Navigation .NavList .NavList__dropdown,.Navigation .NavList .NavList__dropdown--nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }

    .Navigation .NavList .NavList__dropdown--nav h2 {
        margin: 0
    }

    .Navigation .NavList .NavList__dropdown--nav .btn-arrow-nav {
        cursor: pointer;
        background: transparent
    }

    .Navigation .NavList .NavList__dropdown--nav svg {
        width: 30px;
        height: 30px
    }

    .Navigation .NavList .NavList__dropdown__list p {
        margin-left: 42px
    }

    .Navigation .NavList.is-active {
        right: 0
    }
}

@media (max-width: 1200px) and (max-width:1200px) {
    .Navigation .NavList.is-active .NavList__dropdown.expanded {
        background:#000;
        z-index: 9999;
        top: 70px;
        position: fixed;
        right: 0;
        width: 100%;
        height: 100%;
        padding: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-transition: right .25s ease-in-out;
        -o-transition: right .25s ease-in-out;
        transition: right .25s ease-in-out
    }
}

.Navigation .NavList__item,.Navigation .NavList a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    padding: 0 10px;
    font-weight: 700;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    text-transform: uppercase;
    -webkit-transition: color .25s ease;
    -o-transition: color .25s ease;
    transition: color .25s ease
}

.Navigation .NavList__item.start,.Navigation .NavList a.start {
    color: #fff
}

@media (max-width: 1200px) {
    .Navigation .NavList__item,.Navigation .NavList a {
        font-size:20px
    }
}

.Navigation .NavList__item .NavList__link.arrow.active:after,.Navigation .NavList a .NavList__link.arrow.active:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

.Navigation .NavList__item .NavList__link.arrow:after,.Navigation .NavList a .NavList__link.arrow:after {
    content: "";
    border-left: 3px solid #fff;
    border-bottom: 3px solid #fff;
    border-radius: 2px;
    right: -10px;
    top: 0;
    position: relative;
    width: 6px;
    height: 6px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s
}

@media (max-width: 1200px) {
    .Navigation .NavList__item .NavList__link.arrow:after,.Navigation .NavList a .NavList__link.arrow:after {
        right:-15px;
        top: 0;
        border-left: 0;
        border-right: 3px solid #fff
    }
}

.Navigation .NavList__item.is-active:after,.Navigation .NavList a.is-active:after {
    width: 100%
}

.Navigation .NavList a {
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.Navigation .NavList__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Navigation--persist:before {
    background: #000
}

.Navigation--persist #Logo path {
    fill: #fff
}

.Navigation--persist .NavList__item.start,.Navigation--persist .NavList a.start {
    color: #fff
}

.Navigation--persist .NavList__item.start:after,.Navigation--persist .NavList a.start:after {
    background: #fff
}

.Navigation--persist .NavList__item.start.is-active,.Navigation--persist .NavList a.start.is-active {
    color: #fff
}

.Navigation--persist .NavList__item.start.is-active:after,.Navigation--persist .NavList a.start.is-active:after {
    background: #fff
}

.Navigation--persist .NavList__item.start:hover,.Navigation--persist .NavList a.start:hover {
    color: #fff
}

.Navigation--persist .NavList__item.start:hover:after,.Navigation--persist .NavList a.start:hover:after {
    background: #fff
}

.Navigation--fixed {
    position: fixed;
    top: 0;
    z-index: 9999
}

.Navigation--fixed:before,.Navigation--persist:before {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.Navigation--fill {
    background: #000!important
}

.Navigation--dark {
    background: rgba(0,0,0,.5)
}

.Navigation--dark #Logo path {
    fill: #fff
}

.Navigation--dark .MobileMenuToggle,.Navigation--dark .NavList__item.start,.Navigation--dark .NavList__item.start:hover,.Navigation--dark .NavList__item a,.Navigation--dark .NavList a.start,.Navigation--dark .NavList a.start:hover {
    color: #fff
}

.Navigation--dark .NavList__item.start:hover:after,.Navigation--dark .NavList a.start:hover:after {
    background: #fff
}

@media (max-width: 1200px) {
    .Navigation--dark {
        background:#000
    }

    .Navigation--dark #Logo path {
        fill: #fff
    }
}

.Navigation--light {
    background: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.Navigation--light #Logo path {
    fill: #000
}

.Navigation--light .MobileMenuToggle {
    color: #000
}

.Navigation--light .MobileMenuToggle2 .bar {
    background-color: #000
}

.Navigation--light .NavList__item a {
    color: #000
}

@media (max-width: 1200px) {
    .Navigation--light .NavList {
        background:#fff
    }
}

.Navigation--light .NavList__item.start,.Navigation--light .NavList__item.start:hover,.Navigation--light .NavList a.start,.Navigation--light .NavList a.start:hover {
    color: #000
}

.Navigation--light .NavList__item.start:hover:after,.Navigation--light .NavList a.start:hover:after {
    background: #000
}

.Navigation--light .NavList__item .NavList__link.arrow:after {
    border-left: 3px solid #000;
    border-bottom: 3px solid #000
}

@media (max-width: 1200px) {
    .Navigation--light .NavList__item .NavList__link.arrow:after {
        border-left:0;
        border-right: 3px solid #000
    }
}

.Navigation--light .NavList.is-active .NavList__dropdown__list p {
    color: #000
}

.Navigation--light .NavList.is-active .NavList__dropdown.expanded {
    color: #fff;
    background: #fff
}

.Navigation--light .NavList.is-active .NavList__dropdown--nav {
    color: #000
}

.Navigation--light .NavList.is-active .NavList__dropdown--nav svg {
    stroke: #000
}

.Navigation--light .NavList.is-active .NavList__dropdown--nav button {
    border: 0
}

.Section--scratchcards {
    height: 100%
}

.Section--scratchcards.fixed {
    padding-top: 0
}

.Section--scratchcards .Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0
}

@media (max-width: 1200px) {
    .Section--scratchcards .Wrapper {
        padding:40px
    }
}

@media (max-width: 760px) {
    .Section--scratchcards .Wrapper {
        padding:20px
    }
}

.Section--scratchcards .Wrapper .Col-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

@media (max-width: 1200px) {
    .Section--scratchcards .Wrapper .Col-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.Section--scratchcards .Wrapper .Col-wrapper .Col-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

@media (max-width: 1200px) {
    .Section--scratchcards .Wrapper .Col-wrapper .Col-1 {
        -webkit-box-ordinal-group:3;
        -webkit-order: 2;
        -moz-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%
    }
}

.Section--scratchcards .Wrapper .Col-wrapper .Col-2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 1200px) {
    .Section--scratchcards .Wrapper .Col-wrapper .Col-2 {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 760px) {
    .Section--scratchcards .Wrapper .Col-wrapper .Col-2 {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%
    }
}

.Section--scratchcards .Wrapper .Col-wrapper .Col-2 img {
    width: 100%;
    height: 100%;
    max-height: 600px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 760px) {
    .Section--scratchcards .Wrapper .Col-wrapper .Col-2 img {
        display:block;
        max-width: 380px;
        width: 100%
    }
}

.Section--scratchcards .Wrapper .Col-wrapper p {
    font-size: 22px
}

@media (max-width: 760px) {
    .Section--scratchcards .Wrapper .Col-wrapper p {
        font-size:18px
    }
}

.Section--information {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 100px 0
}

.Section--information .CharacterInfoImages {
    display: none;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.Section--information .CharacterInfoImages .Ross {
    background-image: url("/images/characters/mobile/ross.png");
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    width: 200px;
    height: 177px
}

@media (min-width: 1782px) {
    .Section--information .CharacterInfoImages .Ross {
        background-image:url("/images/characters/desktop/ross.png");
        background-position: 50%;
        position: absolute;
        width: 400px;
        height: 400px
    }
}

.Section--information .CharacterInfoImages .Maxx {
    background-image: url("/images/characters/mobile/maxx.png");
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    right: 0
}

@media (min-width: 1782px) {
    .Section--information .CharacterInfoImages .Maxx {
        width:400px;
        height: 400px;
        position: absolute;
        background-position: 50%;
        background-image: url("/images/characters/desktop/maxx.png")
    }
}

.Section--information .CharacterInfoImages .CharacterInfoImage {
    height: 100%;
    width: 100%;
    -o-object-position: top;
    object-position: top;
    -o-object-fit: contain;
    object-fit: contain
}

.Section--information .divider {
    background: rgba(0,0,0,.2);
    height: 2px;
    width: 100%;
    margin-top: 40px
}

.Section--information .Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%
}

.Section--information .Wrapper .Section__subtitle {
    max-width: 635px
}

.Section--information .Wrapper .StatisticsList {
    margin-top: 60px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding: 0;
    list-style: none;
    width: 100%
}

.Section--information .Wrapper .StatisticsListItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -moz-box-orient: vertical;
    -moz-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    padding: 0 10px
}

.Section--information .Wrapper .StatisticsListItem:nth-child(2) {
    border-left: 2px solid rgba(0,0,0,.2);
    border-right: 2px solid rgba(0,0,0,.2)
}

.Section--information .Wrapper .StatisticsListItem__label {
    font-family: Staatliches,sans-serif;
    font-size: 10px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap
}

@media (min-width: 390px) {
    .Section--information .Wrapper .StatisticsListItem__label {
        font-size:12px
    }
}

@media (min-width: 761px) {
    .Section--information .Wrapper .StatisticsListItem__label {
        font-size:22px
    }
}

@media (min-width: 1201px) {
    .Section--information .Wrapper .StatisticsListItem__label {
        font-size:36px
    }
}

.Section--information .Wrapper .StatisticsListItem__value {
    color: #000;
    font-size: 32px;
    font-family: Staatliches,sans-serif;
    font-weight: 400;
    text-align: center
}

@media (min-width: 761px) {
    .Section--information .Wrapper .StatisticsListItem__value {
        font-size:36px
    }
}

@media (min-width: 1200px) {
    .Section--information .Wrapper .StatisticsListItem__value {
        font-size:72px
    }
}

.Section--latestgames .Wrapper .GridList {
    margin-bottom: 0
}

@media (max-width: 1200px) {
    .Section--latestgames .Wrapper .GridList {
        grid-template-columns:1fr 1fr
    }
}

@media (max-width: 660px) {
    .Section--latestgames .Wrapper .GridList {
        grid-template-columns:1fr 1fr
    }
}

.Section--latestgames .Wrapper .GridListItem:first-child {
    grid-column-start: span 2;
    aspect-ratio: 16/9
}

@media (min-width: 1201px) {
    .Section--latestgames .Wrapper .GridListItem:first-child {
        grid-column-start:span 4;
        aspect-ratio: 16/9
    }
}

.Section--latestgames .ButtonWrapper,.Section--slots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Section--slots {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.Section--slots.fixed {
    padding-top: 0
}

.Section--slots .Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 0;
    margin: 0;
    padding: 0
}

@media (max-width: 1200px) {
    .Section--slots .Wrapper {
        padding:40px
    }
}

@media (max-width: 760px) {
    .Section--slots .Wrapper {
        padding:20px
    }
}

@media (max-width: 1200px) {
    .Section--slots .Wrapper {
        margin-top:2rem;
        padding: 20px
    }
}

.Section--slots .Wrapper .Col-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 1200px) {
    .Section--slots .Wrapper .Col-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.Section--slots .Wrapper .Col-wrapper .Col-1 {
    max-width: 900px
}

@media (max-width: 1200px) {
    .Section--slots .Wrapper .Col-wrapper .Col-1 {
        -webkit-box-pack:center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.Section--slots .Wrapper .Col-wrapper .Col-1 img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.Section--slots .Wrapper .Col-wrapper .Col-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 760px) {
    .Section--slots .Wrapper .Col-wrapper .Col-2 {
        margin:0;
        width: 100%
    }
}

.Section--slots .Wrapper .Col-wrapper .Col-2 img {
    max-width: 100%
}

.Section--slots .Wrapper .Col-wrapper .Section__title {
    color: #f9a602
}

.Section--slots .Wrapper .Col-wrapper p {
    font-size: 22px
}

@media (max-width: 760px) {
    .Section--slots .Wrapper .Col-wrapper p {
        font-size:18px
    }
}

.Section--offlineonline {
    height: 100%
}

.Section--offlineonline.fixed {
    padding-top: 0
}

.Section--offlineonline .Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 40px
}

@media (max-width: 1200px) {
    .Section--offlineonline .Wrapper {
        padding:40px
    }
}

@media (max-width: 760px) {
    .Section--offlineonline .Wrapper {
        padding:20px
    }
}

.Section--offlineonline .Wrapper .Col-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media (max-width: 1200px) {
    .Section--offlineonline .Wrapper .Col-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.Section--offlineonline .Wrapper .Col-wrapper .Col-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 9;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 24px 0 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

.Section--offlineonline .Wrapper .Col-wrapper .Col-2 img {
    max-width: 100%;
    max-height: 600px
}

@media (max-width: 1200px) {
    .Section--offlineonline .Wrapper .Col-wrapper .Col-2 img {
        display:block;
        margin: auto
    }
}

.Section--offlineonline .Wrapper .Col-wrapper .Col-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

@media (max-width: 1200px) {
    .Section--offlineonline .Wrapper .Col-wrapper .Col-1 {
        -webkit-box-ordinal-group:2;
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0;
        width: 100%
    }
}

.Section--offlineonline .Wrapper .Col-wrapper p {
    font-size: 22px;
    max-width: 780px
}

@media (max-width: 760px) {
    .Section--offlineonline .Wrapper .Col-wrapper p {
        font-size:18px
    }
}

.Section--news {
    margin-bottom: 40px;
    margin-top: 48px
}

.Section--news .Button {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center
}

.Section--news .Wrapper {
    padding: 0 40px
}

.Section--news .Wrapper__text .Section__title {
    margin-bottom: 0
}

@media (max-width: 760px) {
    .Section--news .Wrapper {
        padding:20px
    }
}

.Section--news .Section__title {
    border-bottom: unset!important
}

.Section--market {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}

.Section--market .Image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.Section--market .Image.Mobile {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 761px) {
    .Section--market .Image.Mobile {
        display:none
    }
}

.Section--market .Image.Desktop {
    display: none
}

@media (min-width: 761px) {
    .Section--market .Image.Desktop {
        position:absolute;
        top: 0;
        display: block
    }
}

.Section--market .Section__title {
    color: #f9a602
}

.Section--market .ViewAllNews {
    color: #29374c;
    font-weight: 700;
    text-decoration: none
}

.Section--market .Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 0;
    padding: 40px
}

@media (min-width: 760px) {
    .Section--market .Wrapper__text {
        margin-bottom:60px
    }
}

@media (max-width: 1200px) {
    .Section--market .Wrapper {
        padding:40px
    }
}

@media (max-width: 760px) {
    .Section--market .Wrapper {
        padding:20px
    }
}

.Section--market .Wrapper .Col-wrapper {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

@media (max-width: 1200px) {
    .Section--market .Wrapper .Col-wrapper {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -webkit-flex-flow: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-flow: column;
        flex-flow: column
    }
}

.Section--market .Wrapper .Col-wrapper .Col-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    margin: 0 24px 0 0
}

@media (max-width: 1200px) {
    .Section--market .Wrapper .Col-wrapper .Col-1 {
        margin:0;
        width: 100%
    }
}

.Section--market .Wrapper .Col-wrapper .Col-1 img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.Section--market .Wrapper .Col-wrapper .Col-2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.Section--market .Wrapper .Col-wrapper .Col-2 p {
    color: #000;
    font-size: 22px;
    max-width: 780px
}

@media (max-width: 760px) {
    .Section--market .Wrapper .Col-wrapper .Col-2 p {
        font-size:18px
    }
}

.Section--partners {
    border-bottom: 1px solid hsla(0,0%,100%,.1);
    border-top: 1px solid hsla(0,0%,100%,.1);
    z-index: 2
}

.Section--partners .SlickPartners {
    margin: 0;
    padding: 0;
    overflow: hidden;
    -webkit-transition: opacity .25s ease;
    -o-transition: opacity .25s ease;
    transition: opacity .25s ease;
    background: hsla(0,0%,100%,.04)
}

.Section--partners .SlickPartners .PartnerItem {
    -webkit-transition: -webkit-transform .25s ease;
    transition: -webkit-transform .25s ease;
    -o-transition: transform .25s ease;
    transition: transform .25s ease;
    transition: transform .25s ease,-webkit-transform .25s ease;
    margin: 22px;
    border-radius: 2px
}

.Section--partners .SlickPartners .PartnerItem a {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 40px
}

@media (max-width: 1200px) {
    .Section--partners .SlickPartners .PartnerItem a {
        padding:0 20px
    }
}

.Section--partners .SlickPartners .PartnerItem--img {
    display: block;
    -webkit-transition: -webkit-filter .25s ease;
    transition: -webkit-filter .25s ease;
    -o-transition: filter .25s ease;
    transition: filter .25s ease;
    transition: filter .25s ease,-webkit-filter .25s ease;
    height: 200px;
    width: 200px;
    margin: auto
}

@media (max-width: 1200px) {
    .Section--partners .SlickPartners .PartnerItem--img {
        height:100px;
        width: 100px
    }
}

.Section--partners .SlickPartners .PartnerItem:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.Section--whatwedo .background-rectangle--green {
    display: none;
    width: 100%;
    height: 340px;
    background: #4aaf6c;
    position: absolute;
    top: 30%
}

@media (min-width: 1201px) {
    .Section--whatwedo .background-rectangle--green {
        display:block
    }
}

.Section--whatwedo .Button {
    margin: 0 0 20px
}

@media (min-width: 1201px) {
    .Section--whatwedo .Button {
        margin:30px 0
    }
}

.Section--whatwedo .Wrapper__text.outer {
    padding: 20px;
    width: unset;
    margin: unset
}

@media (min-width: 1200px) {
    .Section--whatwedo .Wrapper__text.outer {
        -webkit-box-pack:justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 80%;
        margin: auto auto 80px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .Section--whatwedo .Wrapper__text.outer p {
        text-align: left
    }

    .Section--whatwedo .Wrapper__text.outer h1 {
        margin-right: 40px
    }
}

.Section--whatwedo .Card {
    position: relative;
    border-radius: 20px;
    margin: 0 15px
}

.Section--whatwedo .Card:nth-child(2) {
    margin-top: 10px
}

@media (min-width: 700px) {
    .Section--whatwedo .Card {
        margin:0 10vw
    }
}

@media (min-width: 1024px) {
    .Section--whatwedo .Card {
        margin:0
    }

    .Section--whatwedo .Card:nth-child(2) {
        margin-top: 0
    }
}

.Section--whatwedo .Card__Image,.Section--whatwedo .Card__ImageFigure {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.Section--whatwedo .Card__ImageFigure {
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

.Section--whatwedo .Card__ImageFigureWrapper {
    width: 100%;
    z-index: 2;
    position: absolute;
    top: 8%
}

.Section--whatwedo .Card__ImageFigure2 {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.Section--whatwedo .Card__ImageFigure2Wrapper {
    width: 100%;
    position: absolute;
    top: 0
}

.Section--whatwedo .Card .Wrapper__text {
    padding: 5vw 0;
    position: absolute;
    bottom: 0;
    z-index: 3;
    margin: 0;
    width: 100%
}

@media (min-width: 1201px) {
    .Section--whatwedo .Card .Wrapper__text {
        padding:20px 40px;
        width: unset
    }
}

.Section--whatwedo .Card .Wrapper__text .Section__title {
    font-size: 42px
}

@media (min-width: 1300px) {
    .Section--whatwedo .Card .Wrapper__text .Section__title {
        font-size:62px
    }
}

.Section--whatwedo .Card .Wrapper__text .Section__subtitle {
    font-size: 16px;
    margin: 20px
}

@media (min-width: 1300px) {
    .Section--whatwedo .Card .Wrapper__text .Section__subtitle {
        font-size:20px
    }
}

.Section--whatwedo .CardsWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -moz-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    max-width: 1600px;
    width: 100%
}

@media (min-width: 761px) {
    .Section--whatwedo .CardsWrapper {
        padding:0 40px
    }
}

@media (min-width: 1024px) {
    .Section--whatwedo .CardsWrapper {
        display:grid;
        gap: 20px;
        grid-template-columns: 1fr 1fr 1fr
    }

    .Section--whatwedo .CardsWrapper .Sectiopn__subtitle {
        color: #fff
    }
}

.Section--whatwedo .CardsWrapper__Wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.GridList {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    list-style: none;
    padding: 0;
    gap: 18px
}

@media (max-width: 1400px) {
    .GridList {
        grid-template-columns:1fr 1fr 1fr
    }
}

@media (max-width: 1200px) {
    .GridList {
        grid-template-columns:1fr 1fr 1fr
    }
}

@media (max-width: 760px) {
    .GridList {
        grid-template-columns:1fr 1fr
    }
}

.GridList .GridListItem {
    background: transparent;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 8px
}

.GridList .GridListItem,.GridList .GridListItem__thumbnail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.GridList .GridListItem__thumbnail {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    color: #fff;
    text-align: center;
    -webkit-transition: -webkit-transform .3s cubic-bezier(.25,.8,.25,1);
    transition: -webkit-transform .3s cubic-bezier(.25,.8,.25,1);
    -o-transition: transform .3s cubic-bezier(.25,.8,.25,1);
    transition: transform .3s cubic-bezier(.25,.8,.25,1);
    transition: transform .3s cubic-bezier(.25,.8,.25,1),-webkit-transform .3s cubic-bezier(.25,.8,.25,1)
}

.GridList .GridListItem__thumbnail:before {
    display: block;
    position: relative;
    z-index: -1;
    pointer-events: none;
    background: transparent;
    content: "";
    padding-top: 100%
}

.GridList .GridListItem__overlay {
    background: rgba(0,0,0,.7);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

@media (max-width: 1200px) {
    .GridList .GridListItem__overlay:not(.multiple-actions) {
        display:none
    }
}

.GridList .GridListItem .GridListItemOverlayInfo {
    position: absolute;
    width: 100%;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: rgba(0,0,0,.7);
    color: #fff;
    padding: 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media (max-width: 1200px) {
    .GridList .GridListItem .GridListItemOverlayInfo {
        display:none;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.GridList .GridListItem .GridListItemOverlayInfo__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.GridList .GridListItem .GridListItemOverlayInfo__bottom p {
    margin: 0;
    font-size: 24px;
    white-space: nowrap;
    font-weight: 700
}

.GridList .GridListItem .GridListItemOverlayInfo__volatility__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 4px
}

.GridList .GridListItem .GridListItemOverlayInfo__volatility__wrapper img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.GridList .GridListItem .GridListItemOverlayContent {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding-left: 1em;
    padding-right: 1em;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.GridList .GridListItem .GridListItemOverlayContent__info {
    color: #fff;
    font-size: 22px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    text-align: center
}

.GridList .GridListItem .GridListItemOverlayContent__actions {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: row;
    padding: 10px
}

.GridList .GridListItem .GridListItemOverlayContent__actions,.GridList .GridListItem .GridListItemOverlayContent__actions.ComingSoon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%
}

.GridList .GridListItem .GridListItemOverlayContent__actions.ComingSoon {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    height: 100%;
    text-align: center
}

.GridList .GridListItem .GridListItemOverlayContent__actions .Button {
    width: unset;
    margin: 0
}

@media (max-width: 1200px) {
    .GridList .GridListItem .GridListItemOverlayContent__actions {
        display:none
    }
}

@media (max-width: 1200px) {
    .GridList .GridListItem.active .GridListItemOverlayContent__actions {
        display:-webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
}

.GridList .GridListItem.GridListItem--premium .GridListItemOverlayContent__actions {
    height: 100%;
    width: 100%
}

@media (max-width: 1200px) {
    .GridList .GridListItem.GridListItem--premium .GridListItemOverlayContent__actions .Button {
        background:transparent;
        color: transparent!important;
        height: 100%;
        width: 100%
    }
}

@media (max-width: 1200px) {
    .GridList .GridListItem:not(.GridListItem--premium) .GridListItemOverlayContent:not(.multiple-actions) {
        display:none;
        opacity: 1;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        padding: 0;
        position: relative
    }
}

@media (max-width: 1200px) {
    .GridList .GridListItem:not(.GridListItem--premium) .GridListItemOverlayContent:not(.multiple-actions)__info {
        display:none
    }
}

.GridList .GridListItem:not(.GridListItem--premium) .GridListItemOverlayContent.multiple-actions {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.GridList .GridListItem:not(.GridListItem--premium) .GridListItemOverlayContent.multiple-actions .GridListItemOverlayContent__actions {
    gap: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.GridList .GridListItem.active {
    -webkit-box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)
}

.GridList .GridListItem.active .GridListItem__thumbnail {
    color: #000
}

.GridList .GridListItem.active .GridListItem__overlay,.GridList .GridListItem.active .GridListItemOverlayContent {
    opacity: 1
}

@media (max-width: 1200px) {
    .GridList .GridListItem.active:not(.GridListItem--premium) .GridListItemOverlayContent {
        opacity:1;
        top: 0;
        left: 0
    }
}

@media (min-width: 1200px) {
    .GridList .GridListItem:focus .GridListItem__thumbnail,.GridList .GridListItem:hover .GridListItem__thumbnail {
        color:#000
    }

    .GridList .GridListItem:focus .GridListItem__overlay,.GridList .GridListItem:focus .GridListItemOverlayContent,.GridList .GridListItem:hover .GridListItem__overlay,.GridList .GridListItem:hover .GridListItemOverlayContent {
        opacity: 1
    }
}

@media (min-width: 1200px) and (max-width:1200px) {
    .GridList .GridListItem:focus:not(.GridListItem--premium) .GridListItemOverlayContent,.GridList .GridListItem:hover:not(.GridListItem--premium) .GridListItemOverlayContent {
        opacity:1;
        top: 0;
        left: 0
    }
}

.GridList .GridListItem--viewall {
    background: #4aaf6c
}

.GridList .GridListItem--viewall a {
    text-decoration: none
}

.GridList .GridListItem--viewall .GridListItem__thumbnail {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.GridList .GridListItem--viewall:hover .GridListItem__thumbnail {
    color: #000;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.Page--open-rgs .Hero-open-rgs {
    position: relative;
    background-image: url("/images/backgrounds/open_rgs_hero-desktop.jpg");
    padding-top: 34.1%;
    width: 100%;
    background-size: cover;
    top: 0;
    background-repeat: no-repeat;
    margin-top: 70px;
    max-height: 100vh;
    min-height: 400px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 1200px) {
    .Page--open-rgs .Hero-open-rgs {
        margin-top:0
    }
}

.Page--open-rgs .Hero-open-rgs .HeroWrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media (min-width: 1200px) {
    .Page--open-rgs .Hero-open-rgs .HeroWrapper {
        padding-top:90px
    }
}

.Page--open-rgs .Hero-open-rgs .HeroWrapper__slogan {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: url("/images/open-rgs-thumbnails/slogan.png");
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    width: 70%;
    height: 100%;
    aspect-ratio: 16/9
}

@media (min-width: 761px) {
    .Page--open-rgs .Hero-open-rgs .HeroWrapper__slogan {
        width:50%
    }
}

.Page--open-rgs .Wrapper {
    max-width: 1140px
}

@media (min-width: 1200px) {
    .Page--open-rgs .Wrapper {
        padding:0
    }
}

.Page--open-rgs .Wrapper ul {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 100px;
    padding: 0;
    margin-top: 50px
}

@media (min-width: 761px) {
    .Page--open-rgs .Wrapper ul {
        display:grid;
        grid-template-columns: 1fr 1fr
    }
}

@media (min-width: 1200px) {
    .Page--open-rgs .Wrapper ul {
        grid-template-columns:1fr 1fr 1fr;
        margin-top: 108px
    }
}

.Page--open-rgs .Wrapper ul li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 30px
}

@media (min-width: 1200px) {
    .Page--open-rgs .Wrapper ul li {
        -webkit-box-align:start;
        -webkit-align-items: flex-start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.Page--open-rgs .Wrapper ul li img {
    width: 101px;
    height: auto
}

.Page--open-rgs .Wrapper ul li p {
    max-width: 440px
}

.Page--open-rgs .Section__title--qa {
    margin: 40px 0 0;
    font-family: Staatliches,sans-serif;
    font-size: 40px
}

@media (min-width: 1200px) {
    .Page--open-rgs .Section__title--qa {
        font-size:80px
    }
}

.Page--open-rgs .OpenRGS__TextWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%
}

.Page--open-rgs .OpenRGS__TextWrapper .Section__title--qa {
    margin: 0
}

.Page--open-rgs .OpenRGS__LowerSection {
    margin-top: -10vw
}

.Page--open-rgs .OpenRGS__ImageWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
    -moz-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.Page--open-rgs .OpenRGS__ImageWrapper img {
    width: 100%;
    max-width: 560px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.Page--open-rgs .OpenRGS__TopSection {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.Page--open-rgs .OpenRGS__TopSection .Section__subtitle:nth-child(2) {
    margin-top: 0
}

.Page--open-rgs .OpenRGS__MiddleSection {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.Page--open-rgs .OpenRGS__MiddleSection__ImageWrapper {
    width: 565px;
    height: auto;
    right: 0;
    margin-top: -140px;
    margin-bottom: 50px
}

@media screen and (max-width: 1751px) {
    .Page--open-rgs .OpenRGS__MiddleSection__ImageWrapper {
        margin-top:-100px
    }
}

@media screen and (max-width: 1555px) {
    .Page--open-rgs .OpenRGS__MiddleSection__ImageWrapper {
        margin-top:0
    }
}

.Page--open-rgs .OpenRGS__MiddleSection__ImageWrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.Page--open-rgs .OpenRGS__HowDoesItWork,.Page--open-rgs .OpenRGS__WhatIsOpenRgs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 100px;
    margin-top: 100px
}

@media (min-width: 1200px) {
    .Page--open-rgs .OpenRGS__HowDoesItWork,.Page--open-rgs .OpenRGS__WhatIsOpenRgs {
        -webkit-box-orient:horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -moz-box-orient: horizontal;
        -moz-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.Page--open-rgs .OpenRGS__WhatDoesOpenRgsOffer {
    margin-top: 0
}

@media (min-width: 1200px) {
    .Page--open-rgs .OpenRGS__WhatDoesOpenRgsOffer {
        margin-top:-100px
    }
}

.Page--open-rgs .OpenRGS__WhatDoesOpenRgsOffer .Section__title--qa {
    margin-top: 0
}

.Page--open-rgs .OpenRGS__Benefits {
    margin-top: 100px;
    background: rgba(0,0,0,.1);
    border-radius: 40px;
    padding: 20px;
    margin-bottom: 80px
}

@media (min-width: 1200px) {
    .Page--open-rgs .OpenRGS__Benefits {
        padding:80px;
        margin-bottom: 180px
    }
}

.Page--open-rgs .OpenRGS__Benefits .Section__title--qa {
    margin-top: 0;
    font-size: 32px
}

@media (min-width: 1200px) {
    .Page--open-rgs .OpenRGS__Benefits .Section__title--qa {
        font-size:42px
    }
}

.Page--open-rgs .Section__subtitle {
    font-size: 30px;
    font-weight: 100
}

@media (min-width: 1200px) {
    .Page--open-rgs .Section__subtitle {
        font-size:60px
    }
}

.Section {
    position: relative
}

.Section__text {
    color: #000
}

.Section__title {
    color: #000;
    display: inline-block;
    font-family: Staatliches,sans-serif;
    font-size: 102px;
    letter-spacing: 2px;
    line-height: 1;
    margin: 0;
    position: relative;
    text-transform: uppercase;
    text-align: left;
    width: auto
}

.Section__title a {
    color: #f9a602;
    text-decoration: none
}

@media (max-width: 1200px) {
    .Section__title {
        font-size:88px
    }
}

@media (max-width: 760px) {
    .Section__title {
        font-size:52px
    }
}

.Section__title:after {
    content: "";
    display: none;
    background: #3a8855;
    bottom: 0;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

.Section--news-items .NewsDetail {
    position: relative;
    height: 0;
    padding-top: 56.25%
}

.Section--news-items .NewsDetail__Logo {
    max-width: 140px;
    max-height: 70px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (min-width: 761px) {
    .Section--news-items .NewsDetail__Logo {
        max-width:200px;
        max-height: 100px
    }
}

.Section--news-items .NewsDetail__LogoWrapper {
    top: 0;
    z-index: 1;
    position: absolute;
    padding: 18px
}

.Section--news-items .NewsDetail__Image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width: 1200px) {
    .Section--news-items .NewsDetail__Image {
        border-top-left-radius:0;
        border-top-right-radius: 0
    }
}

.Section--news-items .NewsDetailContent {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px
}

.Section--news-items .Wrapper {
    padding: 0;
    max-width: 900px;
    -webkit-box-shadow: 0 1px 9px -2px rgba(89,89,89,.75);
    box-shadow: 0 1px 9px -2px rgba(89,89,89,.75);
    margin-top: 35px;
    border-radius: 8px
}

@media (max-width: 960px) {
    .Section--news-items .Wrapper {
        border-radius:0;
        margin-top: 0;
        max-width: 100%
    }
}

.Section--news-items .Wrapper .NewsDetails__GoBackIcon {
    position: absolute;
    left: 20px;
    top: 20px;
    z-index: 3
}

.Section--news-items .Wrapper .NewsDetails__GoBackIcon svg {
    width: 52px;
    height: auto
}

.Section--news-items .Wrapper .NewsDetails__GoBackIcon:hover path {
    fill: #4aaf6c
}

.Section--news-items__title {
    font-size: 34px;
    margin-top: 40px;
    margin-bottom: 10px
}

@media (max-width: 1200px) {
    .Section--news-items__title {
        font-size:32px
    }
}

.Section--news-items__title:after {
    content: "";
    display: none;
    background: #3a8855;
    bottom: 0;
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

.Section--news-items--news-items .Wrapper {
    max-width: 900px;
    padding: 0
}

.Section--news-items--news-items .Col-wrapper p {
    font-size: 20px
}

.Section--news-items--news-items__title {
    font-size: 42px
}

@media (max-width: 760px) {
    .Section--news-items--news-items__title {
        font-size:28px
    }
}

.Section--news-items__date {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    margin: 0;
    margin-top: 8px;
    color: #5f9ea0;
    font-size: 18px;
    font-weight: 100
}

.Section__sub-title {
    color: #4aaf6c;
    font-weight: 700;
    font-size: 24px;
    margin: 10px 0;
    text-transform: uppercase
}

@media (max-width: 760px) {
    .Section__sub-title {
        font-size:26px
    }
}

.Section.cookie-policy table {
    border-spacing: 0;
    display: block;
    overflow-x: auto;
    max-width: 100%
}

.Section.cookie-policy table th {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    border-top: 1px solid #000;
    padding-left: 5px;
    text-align: left
}

.Section.cookie-policy table th:first-child {
    border-left: 1px solid #000
}

.Section.cookie-policy table tbody td {
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    padding-left: 5px;
    text-align: left
}

.Section.cookie-policy table tbody td:first-child {
    border-left: 1px solid #000
}