@import url(https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap);

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

article,
aside,
figure,
footer,
header,
nav,
section,
details,
summary {
    display: block
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

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

img,
object,
embed {
    max-width: 100%
}

html {
    overflow-y: scroll
}

ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted #000;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

th {
    font-weight: bold;
    vertical-align: bottom
}

td {
    font-weight: normal;
    vertical-align: top
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,
select {
    vertical-align: middle
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word
}

input[type=radio] {
    vertical-align: text-bottom
}

input[type=checkbox] {
    vertical-align: bottom
}

.ie7 input[type=checkbox] {
    vertical-align: baseline
}

.ie6 input {
    vertical-align: text-bottom
}

select,
input,
textarea {
    font: 99% sans-serif
}

table {
    font-size: inherit;
    font: 100%
}

small {
    font-size: 85%
}

strong {
    font-weight: bold
}

td,
td img {
    vertical-align: top
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

pre,
code,
kbd,
samp {
    font-family: monospace, sans-serif
}

.clickable,
label,
input[type=button],
input[type=submit],
input[type=file],
button {
    cursor: pointer
}

button,
input,
select,
textarea {
    margin: 0
}

button,
input[type=button] {
    width: auto;
    overflow: visible
}

.ie7 img {
    -ms-interpolation-mode: bicubic
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

body {
    min-width: 320px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
    color: #fff
}

.screen {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: stretch;
        -ms-flex-pack: stretch;
            justify-content: stretch;
    width: 100%;
    min-height: calc(var(--vh) * 100)
}
/* 
.loader {
    display: none
}

body.loading.loading--fade-out .loader::before {
    -webkit-animation: loaderFadeOut .5s linear forwards;
    animation: loaderFadeOut .5s linear forwards
}

body.loading .loader {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 1
}

body.loading .loader:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #092744
}

body.loading .loader__processing {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    width: 78px;
    height: 78px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAE4AAABOCAMAAAC5dNAvAAAC31BMVEVHcExFNDA7JBxhUEuLbkukflJCLChhVFFbRDw8JB50aGUfDAo1GhI9IBU9IBhKKBpyY115X0MlEA20h1gwGRJhQCpbSkROKx0gDQo6IBhvTTaNdlcqFBFKMCBePCtzXEyOeGaghF5SMirayKdXNSK8o4OynH1lTDiUcFJrRyytilm5j1SQZTwAAAAEBAIIBwYBBgcOCwpHPzsMDw4CDQobGBUUDw0DExEiGxc2NDIfHR0OBwQVDAgjFxE8ODUaEg8xHBQEKCFCOTM8KyEJGhQqFw8pKCcMExRcUUkJLCU5LipNRD6VjopXS0VHKRw3Jh0TEhFTUE0xKiQtJSFUMB8IOjF8dXGKhYE7IBUZIDECChBcVFFBPjpjWlQ9My8pHBQ0Ihl5Wjx0cG5TSEJFRUEUHCc0LyhCMSZNSEQlIBujnZhtZmGvragaJTmopZ8uLCsBIRtMLx83PDoEDhlUOSgWGRqBencmJCCWlJJhWk5WWVeblYwNQzq1r6tya2h5cWVeX10FMSkKEwYPIh9iUDtwY1mDYD5MS0icmpUtIRqUdU1OQDdmXlkFFSWvqaILGBu0tLGLgXMVKkMgEAm7t7NuUzhcOCONiodxSS1hQCqWi34RIjZBJBgPIi8KHSa9vLrIwbuiop9tXk4lUlCFgHwQGi5mYl5LOTRmVkouMi92a1wMHxng3do6NykgIyJLNSbDlF7JnmdjZmWEeWppbGmJaUXfqGiaelFkSDCCVjTZ19P/4ZNVRTqykmCklIP98rybbUPtxIQdMzGXhnJrPSYNMil3UjSriFvUzsj64qA4RkOhi3DKx8WBhYKtfUz50ojq5uOfdUmSaT50d3OUgGQSTkjruHQ5ZWXNlVhJVFKMj47fxIu7nGresnW8iVKqlXL99dr/76wjR0TPtIF/akvTqXKEc1+7rIymqqj//e3w4a5kkZjy8O7m1KVSfYC+pXInYFxCcXPGu6hwfX3r38NRwHseAAAA5nRSTlMAN4dj/P5mBBoeEpft0ZbuTPvI/rf0gM3TTMj+cNqOmYX8wP7z2fus0eDD59D//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////v///////////////////v25VdYAABIWSURBVFjDpZiHW5vX9cexDTZxPOOkSZrVjM7f753aW0ggCc2BkAAJCQlZIIkl9h5mbzB7mGFjps0ww2YaD2y8Zx1vx453nNn+Ab2ymzZtM9vzIJ4XnocP33PPec+99+vh8VOxdtPqXz2PVZvWevxv8dKbK19dv+61Y9PT00c1H21c/+rKN1/6L1FrVqz84+azV4sivjxx98Ts3VM7T924NXbB/Nr6lSvW/GKY99uvX56/MDV78MTOPU8+AREzWPvkyScHz82bzc3r3/b+ZUlu8Pzy8o0bdz7/6/KHl2sXFi7fOfXWW6e+WV7+5OCpG+8/GDu27uWfn7T3uw9vHDx45PKjDxfmguQjJiaTATPqFCOuxIL+2trxO3fvnhszb/yZwDWrPT//5MmTbwb7Wo61MyF3wMqkJCHqfmKaRsofPnp68MTs5gMb3/4Za/jSr996+uSTvx5xtXMZ4O+xgXSLZV/uRG5x+r591mEEEOsU/QtPH93/dH/iKz8pcPXm1vvfnD/Vwq0DsOHIfZf2WdLphmtJSdb44eL09HRrrBCCGX6y2g8HvzxUtG71jye64XePHo4fKQjygyGElmtJjxfE5wqudXfX7Jm5lPq4eHjAwKbR6DDE4BcOfj57qyzo5R9JeO2vvzz4yaOdCqAMKdbmnjyZe6Yzynq98/H5ZzWW1KZ41XJXqsVAF8QOg5xHaj8/ccvL9craH6Z9evfgpzv9GBAc37vPYL3+uOZ096XrZ4onJvapBCTVvoma8zXSrvpcOkmQBMF+O795emi+8Yd4a9y0OyNAmlKVHl/8l5rOqNPXrb25VA6JoMRiDU2P01WXZqqk9cs9JCVdgEB1IwsHAe+N78/3OU0DVo02YY0v2dP5+ExJLoGdggUYeYJhurU3xRBrFdCyukqSo05PxJLoBLCCR54euil/5ft477719OllDReCrLnx12pmukFfkCCYxHNmJ1uyk7Oztc5QPTsA4jirYnodqckqEpIEMRVHPp+/H/Tyf9JWNVy+c7mRC8Mq1UB6feel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);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 1
}

body.loading .loader__processing:after {
    content: "";
    position: absolute;
    display: block;
    width: 78px;
    height: 78px;
    background-image: url(data:image/png;base64,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);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-animation: loaderSpinning 1.5s linear infinite;
    animation: loaderSpinning 1.5s linear infinite
} */

/* @-webkit-keyframes loaderSpinning {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loaderSpinning {
    from {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes loaderFadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
} */

/* @keyframes loaderFadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
} */

main {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    position: relative;
    display: block;
    width: 100%;
    /* height: 100vh; */
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    min-height: 565px;
    background-image: url(../img/main_background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.jayz {
    position: absolute;
    top: 0%;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/JZ_big_min.png);
    background-position: center 18%;
    background-repeat: no-repeat;
    background-size: 23% auto
}

svg {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%
}

.fog {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/screen_fog_common.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: screen
}

.fog-common {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/fog_central_8bit_2_min_lossy.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: screen;
    -webkit-filter: blur(2px);
    filter: blur(2px)
}

.sparkles {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/screen_sparkles.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    mix-blend-mode: screen
}

.ships-with-mask {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/masked_front_objects.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-mask-image: url(../img/mask_for_front_objects.png);
    mask-image: url(../img/mask_for_front_objects.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover
}

.fx {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-image: url(../img/fx.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-mask-image: url(../img/fx_mask.png);
    mask-image: url(../img/fx_mask.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: cover;
    mask-size: cover;
    mix-blend-mode: screen;
    opacity: .7
}

.content {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 55%;
    max-width: 1440px;
    height: 100%;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.content__top {
    display: block;
    width: 100%;
    padding-top: 7vh
}

.logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.logo {
    display: block;
    width: 12%;
    max-width: 150px;
    min-width: 75px
}

.logo--wows {
    width: 20%;
    max-width: none;
    min-width: 160px;
}

.content__middle {
    display: block;
    width: 100%;
    margin-bottom: auto;
    margin-top: 5.625em;
}

.content__middle-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.content__titles {
    display: block;
    width: 28%
}

.content__title {
    display: block;
    width: 100%;
    font-size: 2.1875em;
    font-weight: 700
}

.content__subtitle {
    display: block;
    width: 100%;
    margin-top: .3em;
    font-size: 1.5625em
}

.content__bonuses {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 28%;
    max-width: 400px
}

.content__bonus {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 45%;
    max-width: 125px;
    min-width: 80px;
    background-color: rgba(9, 21, 37, .8)
}

.content__bonus:nth-child(2n) {
    margin-left: 10%
}

.content__bonus:nth-child(n+3) {
    margin-top: 2em
}

.content__bonus.content__bonus--golden {
    color: #fc6
}

.content__bonus-image {
    display: block;
    width: 100%
}

.content__bonus-image img {
    display: block;
    width: 100%
}

.content__bonus-label {
    display: block;
    margin: .8em 0;
    font-size: .875em;
    text-align: center;
    line-height: 1
}

.content__bottom {
    display: block;
    width: 100%;
    padding-bottom: 10.8vh;
    text-align: center
}

@media screen and (max-width: 1440px) {
    .jayz {
        background-position: center 27%;
        background-size: 27% auto;
    }

    .content {
        width: 80%
    }



    .content__title {
        font-size: 1.5em
    }

    .content__subtitle {
        font-size: 1em
    }

    .button {
        margin-top: .5em
    }
}

@media only screen and (min-width: 48em) {
    .flex-layout__t {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-flow: row wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.flex-layout_cell {
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

@media only screen and (min-width: 48em) {
    .column-70 {
        width: 66%
    }
}

@media only screen and (min-width: 48em) {
    .column-30 {
        width: 33%
    }
}

@media screen and (max-width: 600px) {
    .age-rating_image {
        width: 35px
    }
}

@media only screen and (min-width: 80em) {
    .page-content {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto
    }
}

.button {
    position: relative;
    display: inline-block;
    padding: .562em 1.5625em;
    background: #f60;
    color: #fff;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: bold;
    font-size: 1.33em;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0, 0, .2);
    border: none;
    border-top: 1px solid #ff944d;
    border-bottom: 1px solid #942400;
    -webkit-transition: opacity .25s;
    -o-transition: opacity .25s;
    transition: opacity .25s;
    z-index: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer
}

.button:hover:before {
    opacity: 0
}

.button:active,
.button:focus {
    -webkit-transition: .05s;
    -o-transition: .05s;
    transition: .05s;
    background-color: #fe5000;
    outline: transparent
}

.button:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f60), to(#e02900));
    background: -o-linear-gradient(top, #f60 0, #e02900);
    background: linear-gradient(180deg, #f60 0, #e02900);
    will-change: opacity;
    -webkit-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    pointer-events: none;
    z-index: -1
}

@media screen and (max-width: 960px) {
    .button {
        font-size: 18px;
        padding: .773em 1.59em
    }
}


/* Updated new styles */
/* 1440px */
/* 1200px */
/* 960px */
/* 640px */
/* 600px */
/* 100em */
/* 80em */
/* 48em */

@media screen and (max-width: 1200px) {
    .content__bonus {
        width: 85px;
    }

    .content__bonus-label {
        font-size: 0.675em;
    }
}

@media screen and (max-width: 1024px) {

    .jayz {
        background-position: 95% 50%;
        background-size: 270px
    }

    .content__middle {
        margin-top: 0;
    }

    .content__middle-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .content__titles {
        width: 65%;
        margin-top: 1.5em
    }

    .content__bonuses {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 90%;
        margin-top: 2em;

        gap: 0.5em;
    }

    .content__bonus:nth-child(n+3) {
        margin-top: 0;
    }

    .content__bonus:first-child {
        /* margin-right: calc(100% - 26%) */
    }

    .content__bonus:nth-child(n+2) {
        /* margin-top: 1em; */
        margin-left: 0;
        /* margin-right: 0.5em; */
    }


}

@media screen and (max-width: 640px) {
    .jayz {
        background-position: 110% 50%;
    }

    .content__titles {
        margin-top: 0.5em;
    }

    .content__subtitle {
        font-size: 0.9em;
    }

    .content__bonuses {
        width: 60%;
    }

    .content__bottom {
        padding-bottom: 3.8vh;
    }
}

@media screen and (min-width: 1921px) {

    body {
        font-size: 1.3em;
    }

    .content {
        width: 60%;
        max-width: 1920px;
    }

    .content__bonus {
        max-width: 160px;
    }

    .button {
        font-size: 1.5em;
    }
}


/* Loader start */
.loader {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 99;
    opacity: 1;
  }
  .loader:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
  }
  .loader.loader--disabled {
    display: none;
  }
  .loader.loader--hiding {
    -webkit-animation: loaderFadeOut 0.5s linear forwards;
            animation: loaderFadeOut 0.5s linear forwards;
  }
  
  .loader__processing {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    display: block;
    width: 78px;
    height: 78px;
    background-image: url(../img/loader-processing.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 1;
  }
  .loader__processing:after {
    content: "";
    position: absolute;
    display: block;
    width: 78px;
    height: 78px;
    background-image: url(../img/loader-spinner.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-animation: loaderSpinning 1.5s linear infinite;
            animation: loaderSpinning 1.5s linear infinite;
  }
  
  @-webkit-keyframes loaderSpinning {
    from {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    to {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  
  @keyframes loaderSpinning {
    from {
      -webkit-transform: rotate(0);
              transform: rotate(0);
    }
    to {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @-webkit-keyframes loaderFadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @keyframes loaderFadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
/* Loader end */

/* Footer start */
.footer {
    display: block;
    padding: 1.3125em 0;
    width: 100%;
    background-color: #0D0E15;
  }
  
  .footer__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 90%;
    max-width: 1600px;
    margin: 0 auto;
  }
  
  .footer__row:nth-child(n+2)::before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin: 1.25em 0;
    background-color: #fff;
    opacity: 0.1;
  }
  
  .footer__wargaming-logo {
    display: block;
    margin-right: 3.5625em;
  }
  
  .footer__wargaming-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #ffffff;
    text-decoration: none;
    text-transform: none;
  }
  
  .footer__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  
  .footer__links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 3.5625em;
  }
  
  .footer__link-wrapper {
    display: inline-block;
    margin-right: 2.5em;
  }
  
  .footer__link {
    display: block;
    font-size: 1em;
    font-weight: 400;
    color: #ffffff;
    opacity: 0.54;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  
  .footer__link:hover {
    opacity: 1;
  }
  
  .footer__link:active {
    text-decoration: underline;
  }
  
  .footer__language-picker {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0.54;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
  }
  
  .footer__language-picker:hover {
    opacity: 1;
  }
  
  .footer__language-picker:active {
    opacity: 0.7;
  }
  
  .language-picker__icon {
    display: block;
    width: 41px;
    margin-right: 0.25em;
  }
  
  .language-picker__icon img {
    display: block;
    width: 100%;
  }
  
  .language-picker__language {
    display: block;
    margin-right: 0.25em;
    font-family: "Roboto", sans-serif;
    font-size: 0.75em;
  }
  
  .language-picker__realm {
    display: block;
    margin-right: 0.25em;
    font-family: "Roboto", sans-serif;
    font-size: 0.75em;
  }
  
  .language-picker__arrow {
    display: block;
    width: 16px;
    height: 16px;
  }
  
  .language-picker__arrow svg {
    display: block;
    width: 100%;
    height: 16px;
  }
  
  .footer__texts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  
  .footer__copyright {
    font-family: "Roboto", sans-serif;
    font-size: 0.75em;
    line-height: 1.16;
    text-align: left;
    opacity: 0.54;
  }
  
  /* FOOTER AGE RATINGS START */
  .age-ratings {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
  }
  
  .age-ratings__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  
  .age-rating__item {
    display: block;
    height: 55px;
    margin: 0 8px;
    opacity: 0.9;
  }
  
  .age-rating__item img {
    display: block;
    height: 100%;
  }
  
  .age-ratings__description {
    display: block;
    text-align: center;
    margin-top: 10px;
    font-size: 10px;
    opacity: 0.7;
  }
  
  /* FOOTER AGE RATINGS END */
  @media screen and (max-width: 1200px) {
    .footer__row {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .footer__wargaming-logo {
      margin: 0;
    }
  
    .footer__menu {
      margin-top: 1.875em;
      -webkit-box-orient: vertical;
      -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
    }
  
    .footer__links {
      margin: 1.875em 0 0;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
    }
  
    .footer__link-wrapper {
      margin: 0 1.25em;
    }
  
    .footer__texts {
      text-align: center;
    }
  
    .footer__copyright {
      text-align: center;
    }
  
    .age-ratings {
      margin-top: 1.25em;
    }
  }
  @media screen and (max-width: 640px) {
    .footer__links {
      margin-top: 1.25em;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
    }
  
    .footer__link-wrapper {
      margin: 1.25em 0 0;
    }
  
    .footer__link-wrapper:first-child {
      margin: 0;
    }
  }
/* Footer end */