@font-face {
    font-family: icomoon;
    src: url(/redesign/v3/assets/fonts/icoMoon/icomoon.eot?m8p04v);
    src: url(/redesign/v3/assets/fonts/icoMoon/icomoon.eot?m8p04v#iefix) format("embedded-opentype"), url(/redesign/v3/assets/fonts/icoMoon/icomoon.ttf?m8p04v) format("truetype"), url(/redesign/v3/assets/fonts/icoMoon/icomoon.woff?m8p04v) format("woff"), url(/redesign/v3/assets/fonts/icoMoon/icomoon.svg?m8p04v#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

[class*=" icon-"], [class^=icon-] {
    font-family: icomoon !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-pin:before {
    content: ""
}

.icon-pause:before {
    content: ""
}

.icon-close:before {
    content: ""
}

.icon-search:before {
    content: ""
}

.icon-tool:before {
    content: ""
}

.icon-facebook:before {
    content: ""
}

.icon-linkedin:before {
    content: ""
}

.icon-instagram:before {
    content: ""
}

.icon-google-plus:before {
    content: ""
}

.icon-vimeo:before {
    content: ""
}

.icon-youtube:before {
    content: ""
}

.icon-vk:before {
    content: ""
}

.icon-twitter:before {
    content: ""
}

.icon-cup:before {
    content: ""
}

.icon-law:before {
    content: ""
}

.icon-agreement:before {
    content: ""
}

.icon-symbol:before {
    content: ""
}

.icon-medal:before {
    content: ""
}

.icon-nature:before {
    content: ""
}

.icon-speed:before {
    content: ""
}

.icon-signing:before {
    content: ""
}

.icon-diploma:before {
    content: ""
}

.icon-stamper:before {
    content: ""
}

.icon-education:before {
    content: ""
}

.icon-burger:before {
    content: ""
}

.icon-down-material:before {
    content: ""
}

.icon-left-material:before {
    content: ""
}

.icon-up-material:before {
    content: ""
}

.icon-right-material:before {
    content: ""
}

.icon-down:before {
    content: ""
}

.icon-left:before {
    content: ""
}

.icon-up:before {
    content: ""
}

.icon-right:before {
    content: ""
}

.icon-download:before {
    content: ""
}

.icon-envelope:before {
    content: ""
}

.icon-play:before {
    content: ""
}

.icon-play2:before {
    content: ""
}

.icon-plus:before {
    content: ""
}

.icon-quote:before {
    content: ""
}

.icon-right2:before {
    content: ""
}

.icon-down2:before {
    content: ""
}

.icon-left2:before {
    content: ""
}

.icon-up2:before {
    content: ""
}

.icon-share:before {
    content: ""
}

.icon-telegram:before {
    content: ""
}

@font-face {
    font-family: icomoon;
    src: url(/redesign/v3/assets/fonts/icoMoon2/icomoon.eot?5k8vbb);
    src: url(/redesign/v3/assets/fonts/icoMoon2/icomoon.eot?5k8vbb#iefix) format("embedded-opentype"), url(/redesign/v3/assets/fonts/icoMoon2/icomoon.ttf?5k8vbb) format("truetype"), url(/redesign/v3/assets/fonts/icoMoon2/icomoon.woff?5k8vbb) format("woff"), url(/redesign/v3/assets/fonts/icoMoon2/icomoon.svg?5k8vbb#icomoon) format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"], [class^=icon-] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-tiktok:before {
    content: "꤁"
}

.icon-like:before {
    content: "꤀"
}

html {
    font-size: 16px;
    font-family: Oswald, sans-serif
}

html body {
    margin: 0;
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: auto calc(100vh - 130px);
    background-position: bottom 30px left calc(50% - 580px);
    background-attachment: fixed
}

@media screen and (max-width: 1024px) {
    html body {
        background-position: bottom 30px left calc(50% - 430px)
    }
}

@media screen and (max-width: 767px) {
    html body {
        background-image: none
    }
}

html body.no-scroll {
    overflow: hidden;
    position: fixed;
    height: 100vh;
    left: 0;
    top: 0;
    right: 0
}

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

p {
    margin-top: 0
}

a {
    color: inherit;
    text-decoration: none
}

a:focus {
    outline: 0
}

img {
    max-width: 100%
}

.container {
    max-width: calc(988px + 2em);
    margin: 0 auto;
    padding: 0 1em
}

@media screen and (max-width: 1200px) {
    .container {
        max-width: calc(992px + 2em)
    }
}

@media screen and (max-width: 1024px) {
    .container {
        max-width: calc(720px + 2em)
    }
}

@media screen and (max-width: 767px) {
    .container {
        max-width: calc(480px + 2em);
        padding: 0 30px
    }
}

@media screen and (min-width: 1301px) {
    .container-md {
        max-width: calc(1250px + 2em)
    }
}

@media screen and (min-width: 1201px) {
    .container-md {
        max-width: calc(1150px + 2em)
    }
}

.main-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh;
    overflow-x: hidden;
    position: relative
}

.main-wrapper .header {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.main-wrapper .footer {
    margin-top: auto
}

.header {
    background: #fff;
    margin-bottom: 1.25rem;
    position: relative;
    z-index: 2
}

.header .header-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1000px;
    margin: 0 auto;
    height: 60px
}

@media screen and (max-width: 767px) {
    .header .header-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto
    }
}

.header-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 15.9375em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 767px) {
    .header-left {
        width: 100%;
        padding: .9375em 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.header-left a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header-left a:hover span {
    color: #325385
}

.header-left img {
    width: 192px !important;
    margin-right: .9375em
}

.header-left span {
    font-family: "Arial Black", Arial, sans-serif;
    font-size: 18px;
    font-weight: 900;
    color: #4a5aa5;
    -webkit-transition: .3s;
    transition: .3s
}

.header-right {
    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-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative
}

@media screen and (max-width: 767px) {
    .header-right {
        width: 100%;
        padding-bottom: 2.5em
    }
}

@media screen and (min-width: 768px) {
    .header-right > div {
        height: 50%
    }
}

.header .header-top {
    background: #4a5aa5;
    color: #fff;
    height: 40px;
    position: relative;
    z-index: 1
}

.header .header-top::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background: #4a5aa5;
    z-index: 0
}

.header .header-top > .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 1rem;
    height: 100%;
    position: relative;
    z-index: 1;
    padding: 0 15px
}

.header .header-top .header-buttons, .header .header-top .header-dropdown, .header .header-top .socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%
}

.header-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.header-bottom.fixed {
    position: fixed;
    height: 2.5em;
    left: auto;
    top: 0;
    z-index: 9999;
    background: #fff
}

.header-bottom.fixed:before {
    content: "";
    position: fixed;
    background: #fff;
    left: 50%;
    z-index: -1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
    height: 2.5em;
    -webkit-box-shadow: 0 1px .5em rgba(0, 0, 0, .1);
    box-shadow: 0 1px .5em rgba(0, 0, 0, .1)
}

@media screen and (max-width: 767px) {
    .header-bottom {
        height: 2.5em
    }
}

.header .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    gap: 1.25rem
}

.header .menu:not(:last-child) {
    margin-right: 1.25em
}

.header .menu a {
    font-size: 14px;
    color: #100f0d;
    font-weight: 400;
    -webkit-transition: .3s;
    transition: .3s;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: Ubuntu, sans-serif
}

.header .menu a.red {
    color: #100f0d;
    font-weight: 400
}

.header .menu a.red:hover {
    color: #c22b4d
}

.header .menu a i {
    font-size: 1.7142857143em;
    margin-right: .2083333333em
}

.header .menu a:hover {
    color: #325385
}

.header .header-dropdown {
    position: relative;
    height: 100%
}

.header .header-dropdown__title {
    font-size: .875em;
    font-family: Ubuntu, sans-serif;
    font-weight: 400;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 0 1rem
}

.header .header-dropdown__title i {
    margin-left: .25em;
    -webkit-transition: .3s;
    transition: .3s;
    display: inline-block
}

.header .header-dropdown__title:hover {
    background: #325385
}

.header .header-dropdown__desc {
    position: absolute;
    top: 100%;
    left: 0;
    background: #4a5aa5;
    z-index: 1;
    -webkit-transform: translateY(-.5em);
    -ms-transform: translateY(-.5em);
    transform: translateY(-.5em);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    width: 100%
}

.header .header-dropdown__desc a {
    font-size: .875em;
    padding: .5em 1em;
    display: block;
    -webkit-transition: .3s;
    transition: .3s
}

.header .header-dropdown__desc a:hover {
    background: #325385
}

.header .header-dropdown.opened .header-dropdown__desc {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.header .header-dropdown.opened .header-dropdown__title i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header .header-dropdown--nok {
    position: relative;
    height: 100%
}

.header .header-dropdown--nok .header-dropdown__title {
    font-size: .875em;
    font-family: Ubuntu, sans-serif;
    font-weight: 400;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    color: #100f0d;
    padding: 0 !important
}

.header .header-dropdown--nok .header-dropdown__title i {
    margin-left: .25em;
    font-size: .875rem;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    display: inline-block
}

.header .header-dropdown--nok .header-dropdown__title:hover {
    background-color: rgba(16, 15, 13, .05)
}

.header .header-dropdown--nok .header-dropdown__desc {
    position: absolute;
    top: calc(100% + .6em);
    left: 0;
    background: #fff;
    z-index: 10;
    -webkit-transform: translateY(-.5em);
    -ms-transform: translateY(-.5em);
    transform: translateY(-.5em);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    min-width: 160px;
    border-radius: 4px;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    padding: .5em 0
}

.header .header-dropdown--nok .header-dropdown__desc a {
    display: block;
    width: 100%;
    padding: .5em 1em;
    font-size: 14px;
    font-family: Ubuntu, sans-serif;
    color: #100f0d;
    text-decoration: none;
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

.header .header-dropdown--nok .header-dropdown__desc a:hover {
    background-color: #f2f2f2
}

.header .header-dropdown--nok.opened .header-dropdown__desc {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    visibility: visible
}

.header .header-dropdown--nok.opened .header-dropdown__title i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header .socials {
    height: 100%;
    border-right: 1px solid hsla(0, 0%, 100%, .3)
}

.header .socials a {
    width: 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: 0 !important
}

.header .socials a:hover {
    background-color: #325385;
    opacity: 1
}

.header .header-buttons {
    height: 100%;
    margin-left: auto
}

.header .header-buttons a {
    font-size: 1.25em;
    width: 2.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header .header-buttons a:hover {
    background: #325385
}

.side-menu {
    position: fixed;
    background: #4a5aa5;
    color: #fff;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 99998;
    padding: 1.5625rem 1.875rem 1.875rem;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s;
    overflow-x: hidden;
    overflow-y: auto
}

@media screen and (max-width: 767px) {
    .side-menu {
        width: 100% !important
    }
}

.side-menu.opened {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.side-menu__close {
    font-size: 1.5em
}

.side-menu__close:hover {
    opacity: .75
}

.side-menu nav ul {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.side-menu nav a {
    display: table;
    text-transform: uppercase;
    padding: .5em 0
}

.side-menu nav a:hover {
    opacity: .75
}

.side-menu nav .dropdown-menu {
    display: none;
    font-size: .8em
}

.olympic-countdown {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 80%;
    margin: 1rem auto;
    text-align: center;
    color: #333
}

.countdown-note {
    margin-bottom: .5rem;
    font-weight: 400;
    font-size: 20px;
    color: #100f0d
}

.countdown-timer {
    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;
    gap: .5rem;
    margin-left: 10px
}

.time-block {
    text-align: center;
    min-width: 40px
}

.time-block .value {
    font-size: 44px;
    color: #100f0d;
    font-weight: 400
}

.time-block .label {
    font-size: 14px;
    color: #100f0d
}

.colon {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 1;
    color: #333;
    margin: -10px -.3rem 0 -.3rem;
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px)
}

.countdown-date {
    margin-top: .5rem;
    font-weight: 400;
    font-size: 14px;
    color: #100f0d
}

.section-divider {
    height: 1px;
    width: 100vw;
    background-color: #d9d9d9;
    margin: 0;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.triangle-down {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .4em;
    margin-top: 2px;
    vertical-align: middle;
    border-left: 4.5px solid transparent;
    border-right: 4.5px solid transparent;
    border-top: 4.5px solid #100f0d;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

@media screen and (max-width: 1024px) {
    .olympic-countdown {
        width: 90%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 1rem
    }

    .countdown-note {
        font-size: 18px;
        text-align: center;
        width: 100%
    }

    .countdown-timer {
        margin-left: 0;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 1rem
    }

    .time-block .value {
        font-size: 36px
    }

    .time-block .label {
        font-size: 13px
    }

    .colon {
        font-size: 1.5rem;
        margin: 0 -.2rem
    }

    .countdown-date {
        font-size: 13px;
        text-align: center;
        width: 100%
    }
}

@media screen and (max-width: 600px) {
    .olympic-countdown {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .countdown-note {
        font-size: 14px
    }

    .time-block .value {
        font-size: 24px
    }

    .time-block .label {
        font-size: 10px
    }

    .colon {
        font-size: 1.2rem
    }

    .countdown-date {
        font-size: 10px
    }

    .countdown-timer {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: .5rem
    }

    .section-divider {
        width: 100%
    }
}

@media screen and (max-width: 1024px) {
    .header-dropdown__title {
        font-size: 13px
    }

    .header-dropdown__title i {
        font-size: .75rem
    }
}

@media screen and (max-width: 768px) {
    .header-dropdown__title {
        font-size: 14px !important;
        padding: .25rem .5rem
    }

    .header-dropdown__title i {
        font-size: .7rem
    }
}

@media screen and (max-width: 400px) {
    .header-dropdown__title {
        font-size: 12px !important;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: .25rem
    }

    .header-dropdown__title i {
        font-size: .65rem
    }
}

.mobile-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1)
}

.mobile-menu__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 1rem
}

.mobile-menu__inner a {
    padding: .75rem 1rem;
    font-size: 16px;
    text-decoration: none;
    color: #100f0d;
    border-bottom: 1px solid #eee
}

.mobile-menu__inner a.red {
    color: red;
    font-weight: 700
}

.mobile-menu.open {
    display: block
}

.mobile-menu-toggle {
    display: none;
    font-size: 28px;
    cursor: pointer;
    padding: 10px
}

@media screen and (max-width: 1024px) {
    .mobile-menu-toggle {
        display: block
    }
}

@media screen and (max-width: 1023px) {
    .header-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .header-left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: auto;
        padding: 0
    }

    .header-right {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: auto;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .mobile-menu-toggle {
        display: block
    }

    .header-bottom {
        display: none
    }
}

.mobile-menu {
    font-size: 14px;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: #4a5aa5;
    color: #fff;
    padding: 20px;
    z-index: 1000;
    overflow-y: auto;
    display: none;
    -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, .1);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .1)
}

.mobile-menu.hidden {
    display: none
}

.mobile-menu ul {
    list-style: none;
    padding: 0
}

.mobile-menu li {
    margin-bottom: 10px
}

.mobile-menu .submenu {
    display: none;
    padding-left: 15px
}

.mobile-menu .submenu.open {
    display: block
}

.mobile-menu .mobile-menu-toggle-sub {
    cursor: pointer;
    font-weight: 400
}

.mobile-menu-toggle-sub {
    cursor: pointer;
    font-weight: 700;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mobile-menu-toggle-sub .triangle {
    display: inline-block;
    margin-left: 4px;
    margin-top: 7px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.mobile-socials {
    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;
    width: 100%;
    padding: 0 10px;
    margin-top: 20px;
    font-size: 20px
}

.mobile-socials a {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    text-decoration: none
}

.footer {
    background: #4a5aa5;
    padding-top: 1.25em;
    margin-top: 1.25rem;
    position: relative;
    font-family: Ubuntu, sans-serif
}

.footer__top {
    padding-bottom: 55px;
    padding-top: 15px
}

.footer-left {
    width: 32%;
    padding: 0 .625rem
}

@media screen and (max-width: 1024px) {
    .footer-left {
        width: 50%
    }
}

@media screen and (max-width: 480px) {
    .footer-left {
        width: 100%;
        margin-bottom: 1em;
        padding-bottom: 1em;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }
}

.footer-left__logo {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

@media screen and (max-width: 480px) {
    .footer-left__logo {
        margin-bottom: 0;
        margin-right: .75em
    }
}

.footer-left__logo-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 2px;
    gap: 10px;
    margin-top: .5rem
}

@media screen and (max-width: 480px) {
    .footer-left__logo-outer {
        margin-bottom: 1em
    }
}

.footer-left__text {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: .7142857143em;
    font-family: Ubuntu, sans-serif;
    color: #fff
}

@media screen and (max-width: 480px) {
    .footer-left__text {
        margin-bottom: 0
    }
}

.footer-left .socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1em
}

.footer-left .socials a {
    width: 24px;
    height: 24px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

.footer-contacts {
    width: 28%;
    padding: 0 4.5625em;
    font-family: Ubuntu, sans-serif
}

@media screen and (max-width: 1024px) {
    .footer-contacts {
        width: 50%;
        padding: 0 .625rem
    }
}

@media screen and (max-width: 480px) {
    .footer-contacts {
        width: 100%;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.footer-contacts__item {
    font-size: 14px;
    font-family: Ubuntu, sans-serif;
    display: table;
    color: #fff;
    margin-bottom: .3571428571em
}

.footer-contacts a:hover {
    color: #4a5aa5
}

.footer-contacts {
    position: relative
}

.footer-contacts:after {
    content: "";
    position: absolute;
    right: 0;
    border-right: 1px solid rgba(0, 0, 0, .1);
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    max-height: calc(100% - 2em);
    height: 6.25em
}

@media screen and (max-width: 1024px) {
    .footer-contacts:after {
        display: none
    }
}

.footer-partners {
    width: 40%;
    margin-left: auto;
    padding-left: 15px;
    padding-right: .625rem
}

@media screen and (max-width: 1024px) {
    .footer-partners {
        padding-left: .625rem;
        margin-top: 1em;
        width: 25em;
        max-width: 100%;
        margin-left: 0
    }
}

@media screen and (max-width: 480px) {
    .footer-partners {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 0;
        margin-bottom: 1em;
        padding-bottom: 1em;
        border-bottom: 1px solid rgba(0, 0, 0, .1)
    }
}

.footer-partners__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-partners__list a {
    margin-right: 20px;
    -webkit-transition: .3s;
    transition: .3s
}

.footer-partners__list a:hover {
    opacity: .75
}

.footer-partners__list a img {
    height: 54px;
    -o-object-fit: contain;
    object-fit: contain;
    display: block;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.footer .title-tertiary {
    margin-top: .5rem;
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

.footer__bottom {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.footer__bottom .container {
    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;
    height: 25px
}

.footer__bottom .copyright {
    font-size: 14px;
    font-weight: 400;
    color: #fff
}

.footer__bottom .developer {
    width: 2em;
    opacity: .3;
    -webkit-transition: .3s;
    transition: .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer__bottom .developer:hover {
    opacity: 1
}

.socials-footer {
    display: none
}

@media screen and (max-width: 468px) {
    .footer-left__logo-outer {
        -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;
        margin-left: 10px
    }

    .footer-left__text {
        font-size: 14px;
        font-family: "PT Sans Narrow", sans-serif
    }
}

.socials-footer {
    display: none;
    gap: 10px;
    color: #fff;
    margin-top: 20px
}

.socials-footer a {
    width: 20px;
    height: 20px
}

@media screen and (max-width: 768px) {
    .footer-left {
        border: none;
        padding: 0;
        margin: 0
    }

    .footer-left .socials {
        display: none
    }

    .footer-partners {
        border: none;
        padding: 0;
        margin: 0
    }

    .footer-partners .title-tertiary {
        margin-left: 10px;
        font-size: 14px;
        font-family: "PT Sans Narrow", sans-serif
    }

    .socials-footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border: none;
        margin-bottom: 20px;
        margin-left: 10px
    }

    .footer__bottom {
        border: none
    }
}

@media screen and (max-width: 768px) {
    .footer__top {
        padding: 0
    }

    .footer-contacts {
        font-family: "PT Sans Narrow", sans-serif !important;
        font-size: 14px
    }

    .footer-contacts a {
        font-family: "PT Sans Narrow", sans-serif !important;
        font-size: 14px
    }

    .footer-contacts, .footer-left, .footer-partners, .socials-footer {
        width: 100%
    }

    .footer-contacts {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .footer-partners {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .socials-footer {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -.5rem
}

@media screen and (max-width: 767px) {
    .row {
        margin-left: -.5rem;
        margin-right: -.5rem
    }
}

@media screen and (max-width: 767px) {
    .row--multiline {
        margin: -.5rem
    }
}

@media screen and (max-width: 767px) {
    .row--multiline > [class^=col-] {
        padding: .5rem
    }
}

.row > [class^=col-] {
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (max-width: 767px) {
    .row > [class^=col-] {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

@media screen and (max-width: 1024px) {
    .row > [class^=col-] {
        margin-bottom: 10px
    }
}

.col-md-12-fixed {
    padding: 0 !important;
    display: none
}

.col-md-12.col-sm-6 {
    padding: 0 20px
}

@media (max-width: 1024px) {
    .col-md-12.col-sm-6 {
        padding-left: .625rem;
        padding-right: .625rem
    }
}

@media (max-width: 1024px) {
    .col-md-12-fixed {
        padding: 0 !important;
        display: block
    }
}

[class^=col-] {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

.hidden {
    display: none !important
}

.col-xs-1 {
    width: 8.3333333333%
}

.col-xs-2 {
    width: 16.6666666667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.3333333333%
}

.col-xs-5 {
    width: 41.6666666667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.3333333333%
}

.col-xs-8 {
    width: 66.6666666667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.3333333333%
}

.col-xs-11 {
    width: 91.6666666667%
}

.col-xs-12 {
    width: 100%
}

@media screen and (min-width: 768px) {
    .col-sm-1 {
        width: 8.3333333333%
    }

    .col-sm-2 {
        width: 16.6666666667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-4 {
        width: 33.3333333333%
    }

    .col-sm-5 {
        width: 41.6666666667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-7 {
        width: 58.3333333333%
    }

    .col-sm-8 {
        width: 66.6666666667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-10 {
        width: 83.3333333333%
    }

    .col-sm-11 {
        width: 91.6666666667%
    }

    .col-sm-12 {
        width: 100%
    }
}

@media screen and (min-width: 1025px) {
    .col-md-1 {
        width: 8.3333333333%
    }

    .col-md-2 {
        width: 16.6666666667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-4 {
        width: 33.3333333333%
    }

    .col-md-5 {
        width: 41.6666666667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-7 {
        width: 58.3333333333%
    }

    .col-md-8 {
        width: 66.6666666667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-10 {
        width: 83.3333333333%
    }

    .col-md-11 {
        width: 91.6666666667%
    }

    .col-md-12 {
        width: 100%
    }
}

@media screen and (min-width: 1201px) {
    .col-lg-1 {
        width: 8.3333333333%
    }

    .col-lg-2 {
        width: 16.6666666667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-4 {
        width: 33.3333333333%
    }

    .col-lg-5 {
        width: 41.6666666667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-7 {
        width: 58.3333333333%
    }

    .col-lg-8 {
        width: 66.6666666667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-10 {
        width: 83.3333333333%
    }

    .col-lg-11 {
        width: 91.6666666667%
    }

    .col-lg-12 {
        width: 100%
    }
}

@media screen and (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media screen and (min-width: 768px)and (max-width: 1024px) {
    .hidden-sm {
        display: none !important
    }
}

@media screen and (min-width: 1025px)and (max-width: 1200px) {
    .hidden-md {
        display: none !important
    }
}

@media screen and (min-width: 1201px) {
    .hidden-lg {
        display: none !important
    }
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

@media screen and (max-width: 480px) {
    .mob-100 {
        width: 100%
    }
}

@media screen and (min-width: 768px)and (max-width: 1024px) {
    .column-reverse-sm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

@media screen and (max-width: 767px) {
    .column-reverse-xs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

section {
    margin-bottom: 1.25rem
}

section:after, section:before {
    content: "";
    display: table;
    width: 100%;
    clear: both
}

.main-wrapper {
    overflow: hidden
}

.main-wrapper .main {
    position: relative;
    z-index: 1
}

.main-wrapper.tokyo-ornament-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/assets/img/tokyo-bg.png);
    opacity: .25;
    background-position: top -1180px left calc(50% + 880px);
    background-attachment: fixed;
    background-repeat: no-repeat
}

@media screen and (max-width: 1024px) {
    .main-wrapper.tokyo-ornament-bg:before {
        background-position: top 1020px left calc(50% + 580px)
    }
}

@media screen and (max-width: 767px) {
    .main-wrapper.tokyo-ornament-bg:before {
        background-image: none
    }
}

.main-wrapper.tokyo-logo-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(/assets/img/tokyo-logo.png);
    opacity: .25;
    background-position: center left calc(50% + 590px);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: 150px
}

@media screen and (min-width: 1441px) {
    .main-wrapper.tokyo-logo-bg:before {
        background-size: 250px;
        background-position: center left calc(50% + 660px)
    }
}

@media screen and (max-width: 1024px) {
    .main-wrapper.tokyo-logo-bg:before {
        background-position: center left calc(50% + 432px);
        background-size: 120px
    }
}

@media screen and (max-width: 767px) {
    .main-wrapper.tokyo-logo-bg:before {
        background-image: none
    }
}

.main-wrapper.beijing-ornament-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: top 50% left calc(50% + 690px);
    background-attachment: fixed;
    background-repeat: no-repeat
}

@media screen and (max-width: 1440px) {
    .main-wrapper.beijing-ornament-bg:before {
        background-position: top 50% left calc(50% + 640px)
    }
}

@media screen and (max-width: 1024px) {
    .main-wrapper.beijing-ornament-bg:before {
        background-position: top 50% left calc(50% + 510px)
    }
}

.socials {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.socials a {
    font-size: .875em;
    -webkit-transition: .3s;
    transition: .3s
}

.socials a:hover {
    opacity: .75
}

.socials a:not(:last-child) {
    margin-right: .65em
}

.card {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative
}

.card:not(:last-child) {
    margin-bottom: 1.25rem
}

.card__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.card__image {
    padding-bottom: 64.8734177215%;
    position: relative
}

@media screen and (min-width: 1025px) {
    .card__image--wide {
        padding-bottom: 48.7603305785%
    }

    .card__image--medium {
        padding-bottom: 79.3103448276%
    }
}

.card__image img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.card__image .icon-play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.card__image .icon-play:before {
    font-size: 2.34375em;
    color: #fff;
    opacity: .56;
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (min-width: 1025px) {
    .card__image .icon-play--big:before {
        font-size: 4.6875em
    }
}

.card__desc {
    padding: 1.5625rem 1.875rem 1.875rem;
    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-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (max-width: 767px) {
    .card__desc {
        padding: 1rem
    }
}

.card__info {
    font-size: .625em;
    color: #8c8c8c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1rem;
    text-transform: uppercase
}

.card__info a {
    position: relative;
    z-index: 2
}

.card__info a:hover {
    color: initial
}

.card__info .red-label {
    margin-right: .625rem;
    display: inline-block;
    vertical-align: middle
}

.card__title {
    font-size: 1.125em;
    margin-top: 0;
    -webkit-transition: .3s;
    transition: .3s;
    margin-bottom: 0;
    word-break: break-word;
    width: 621px
}

.card__title:not(:last-child) {
    margin-bottom: .75rem
}

@media screen and (min-width: 1025px) {
    .card__title--big {
        font-size: 44px;
        font-weight: 400;
        line-height: 46px;
        letter-spacing: -1px
    }
}

.card__annotation {
    font-size: 14px;
    line-height: 1.5;
    color: #100f0d;
    font-family: Ubuntu, sans-serif
}

.card__annotation:not(:last-child) {
    margin-bottom: 1.125em
}

.card__annotation p {
    margin-bottom: 0
}

.card__annotation--small {
    font-size: .875em
}

.card__annotation--black {
    color: initial
}

.card__bottom-info {
    font-size: .75em;
    color: #8c8c8c;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: auto
}

.card__bottom-info-link {
    -webkit-transition: .3s;
    transition: .3s
}

.card__quote {
    font-size: 1.125em;
    padding-left: 1.2222222222em;
    padding-top: 1.1111111111em;
    margin-bottom: 1.1111111111em;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

.card__quote:before {
    content: "";
    font-family: icomoon;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 3.4375em;
    margin-top: -.2em;
    opacity: .1
}

.card__author {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: auto
}

.card__author-image {
    width: 4em;
    height: 4em;
    margin-right: 1.25em;
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 480px) {
    .card__author-image {
        margin-right: .625em
    }
}

.card__author-image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.card__author-name {
    font-size: 1.125em;
    font-weight: 700;
    margin-bottom: .5555555556em
}

@media screen and (max-width: 480px) {
    .card__author-name {
        margin-bottom: .3125em
    }
}

.card__author-duty {
    font-size: .875em;
    color: #8c8c8c
}

.card__result-message {
    color: #8c8c8c;
    margin-top: .625em
}

.card__votes-count {
    font-weight: 700;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 1em;
    height: 2.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: hsla(0, 0%, 100%, .76)
}

a.card:hover .card__quote, a.card:hover .card__title {
    color: #325385
}

a.card:hover .card__image i:before {
    opacity: 1
}

a.card:hover .card__bottom-info-link {
    color: initial
}

.corner-share {
    width: 2em;
    height: 2em;
    background: #4a5aa5;
    color: #fff;
    font-size: 1.25em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1
}

.corner-share:hover {
    background: #325385
}

.card__link:hover ~ div .card__quote, .card__link:hover ~ div .card__title {
    color: #325385
}

.card__link:hover ~ div .card__image i:before {
    opacity: 1
}

.card__link:hover ~ div .card__bottom-info-link {
    color: initial
}

.card {
    max-width: 100%;
    width: 100%
}

@media screen and (max-width: 1024px) {
    .card__title {
        width: auto;
        font-size: 24px;
        text-transform: uppercase;
        font-weight: 400
    }
}

@media screen and (max-width: 768px) {
    .card__annotation {
        font-size: 12px
    }
}

@media screen and (max-width: 480px) {
    .card__annotation {
        font-size: 12px
    }
}

.news-carousel {
    background: #fff;
    height: auto
}

@media screen and (max-width: 1024px) {
    .news-carousel {
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        padding: 15px
    }
}

.news-carousel .card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.news-carousel .card__image {
    height: 557px;
    overflow: hidden
}

.news-carousel .card__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.news-carousel .card__desc {
    height: 247px;
    padding: 1.2rem;
    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;
    border: 1px solid #dadada
}

@media screen and (max-width: 1024px) {
    .news-carousel .card__desc {
        border: none
    }
}

.news-carousel .dots-regular {
    padding-top: 0;
    margin-top: -.25rem;
    z-index: 999;
    position: relative
}

.news-carousel .dots-regular:before {
    display: none
}

.news-carousel.modified {
    background: 0 0
}

.news-carousel.modified .slick-list {
    overflow: visible;
    margin: 0 -.625rem
}

.news-carousel.modified .slick-list .slick-slide {
    padding: 0 .625rem
}

.news-carousel.modified .card {
    background: 0 0
}

.news-carousel.modified .card__desc {
    position: absolute;
    width: calc(100% - 9rem);
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: rgba(39, 47, 90, .9);
    height: 247px
}

@media screen and (max-width: 767px) {
    .news-carousel.modified .card__desc {
        position: relative;
        width: 100%
    }
}

.news-carousel.modified .card__desc.red {
    background-color: rgba(105, 0, 7, .9)
}

.news-carousel.modified .card__annotation, .news-carousel.modified .card__info {
    color: #ccc
}

.news-carousel.modified .card__title {
    color: #fff
}

.news-carousel.modified .card:hover .card__title {
    color: #fff;
    opacity: .9
}

.news-carousel.modified .dots-regular {
    margin-top: 0;
    padding-top: .6rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: 0 0 !important
}

.news-carousel.modified .dots-regular li:before {
    border: 1px solid #4a5aa5
}

.news-carousel.modified .slick-arrow {
    position: absolute;
    z-index: 2;
    top: 42%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.5em;
    color: #4a5aa5;
    padding: .5rem;
    background-color: #fff;
    opacity: .9;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer
}

.news-carousel.modified .slick-arrow:hover {
    opacity: 1
}

.news-carousel.modified .slick-arrow.icon-left2 {
    left: 1rem
}

.news-carousel.modified .slick-arrow.icon-right2 {
    right: 1rem
}

@media (max-width: 1024px) {
    .news-carousel {
        height: auto
    }

    .news-carousel .card__image {
        height: auto;
        overflow: hidden
    }

    .news-carousel .card__desc {
        height: auto
    }
}

@media (max-width: 768px) {
    .card__desc {
        height: auto !important;
        padding: .75rem
    }

    .card__desc .card__annotation {
        font-size: .95rem
    }

    .card__image {
        height: 50% !important
    }
}

@media (max-width: 480px) {
    .card__desc {
        padding: .6rem
    }

    .card__desc .card__annotation {
        font-size: .9rem
    }
}

.news {
    margin-top: 40px
}

.news__header {
    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;
    margin-bottom: 20px
}

.news__title {
    font-size: 44px;
    color: #100f0d;
    margin: 0;
    font-weight: 400
}

.news__link {
    font-size: 14px;
    color: #4a5aa5;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    font-family: Ubuntu, sans-serif;
    margin-bottom: 20px
}

@media (max-width: 768px) {
    .news__title {
        font-size: 40px;
        font-family: "PT Sans Narrow", sans-serif
    }

    .news__link {
        display: none
    }
}

.news__arrow svg {
    display: block;
    width: 16px;
    height: 12px
}

.news__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

.news__item {
    position: relative;
    overflow: hidden
}

.news__item--featured {
    width: 477px;
    height: 400px
}

.news__item--vertical {
    width: 240px;
    height: 400px
}

.news__item--small {
    width: 240px;
    height: 195px
}

.news__column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 16px
}

.news__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px
}

.news__image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.news__badge {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #fff;
    border: 1px solid #fff;
    font-size: 15px;
    padding: 2px 8px;
    border-radius: 5px;
    z-index: 3;
    font-family: Arial, sans-serif;
    letter-spacing: .3px
}

.news__overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
    height: 20%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .6)), to(transparent));
    background: linear-gradient(to top, rgba(0, 0, 0, .6), transparent);
    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: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 15px 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2
}

.news__overlay--vertical {
    width: 100%;
    height: 30%;
    padding: 12px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .65)), to(transparent));
    background: linear-gradient(to top, rgba(0, 0, 0, .65), transparent);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.news__overlay--small {
    top: 0;
    height: 100%;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background: linear-gradient(to top, rgba(0, 0, 0, .5), transparent);
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    text-align: center
}

.news__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3px
}

.news__content--vertical {
    gap: 3px
}

.news__headline {
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    margin-bottom: 9px;
    line-height: 1.7;
    text-decoration: none
}

.news__headline:hover {
    opacity: .8
}

.news__headline--vertical {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 37px;
    padding-left: 4px;
    line-height: 1.6
}

.news__headline--small {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6
}

.news__date {
    color: #fff;
    font-size: 15px;
    letter-spacing: -.5px
}

.news__date--vertical {
    margin: 0 0 2px 4px
}

.news__date--small {
    position: absolute;
    bottom: 10px;
    left: 10px;
    margin: 0 0 7px 6px
}

.popular {
    margin-top: 50px
}

.popular__header {
    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;
    margin-bottom: 20px
}

.popular__title {
    font-size: 44px;
    color: #100f0d;
    margin: 0;
    font-weight: 400
}

.popular__link {
    font-size: 14px;
    color: #100f0d;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    font-family: Ubuntu, sans-serif;
    margin-bottom: 20px
}

@media (max-width: 768px) {
    .popular__title {
        font-size: 40px;
        font-weight: 400;
        font-family: "PT Sans Narrow", sans-serif
    }

    .popular__link {
        display: none
    }
}

.popular__arrow svg {
    display: block;
    width: 16px;
    height: 12px
}

.popular__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.athletes__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px
}

.popular__card {
    width: 316px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff
}

.athlete-card {
    width: 322px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff
}

.popular__image {
    width: 316px;
    height: 211px;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.athlete-card__photo {
    height: 211px;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.popular__info {
    width: 316px;
    height: 179px;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dadada;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.athlete-card__info {
    width: 322px;
    height: 179px;
    padding: 10px 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dadada;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.popular__name {
    font-size: 20px;
    font-weight: 700;
    color: #100f0d;
    margin: 0 0 8px 0;
    font-weight: 400
}

.athlete-card__name {
    font-size: 20px;
    font-weight: 700;
    color: #100f0d;
    margin: 0 0 8px 0;
    font-weight: 400
}

.popular__sport {
    font-size: 14px;
    color: #8a8a8a;
    margin: 0 0 12px 0;
    font-weight: 400;
    font-family: Ubuntu, sans-serif
}

.athlete-card__sport {
    font-size: 14px;
    color: #8a8a8a;
    margin: 0 0 12px 0;
    font-weight: 400;
    font-family: Ubuntu, sans-serif
}

.popular__description {
    font-size: 14px;
    color: #8a8a8a;
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
    font-family: Ubuntu, sans-serif
}

.athlete-card__description {
    font-size: 14px;
    color: #8a8a8a;
    line-height: 1.5;
    margin: 0;
    font-weight: 400;
    font-family: Ubuntu, sans-serif
}

.popular__description-link, .popular__sport-link {
    width: 100%;
    text-decoration: none;
    display: block
}

.popular__description-link:hover .popular__description, .popular__sport-link:hover .popular__sport {
    color: #4a5aa5
}

.athletes {
    margin-top: 100px
}

.athletes__header {
    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;
    margin-bottom: 24px
}

.athletes__title {
    font-size: 44px;
    color: #100f0d;
    margin: 0;
    font-weight: 400
}

.athletes__link {
    font-size: 14px;
    color: #100f0d;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Ubuntu, sans-serif;
    gap: 6px;
    margin-bottom: 20px
}

@media (max-width: 768px) {
    .athletes__title {
        font-size: 40px;
        font-weight: 400;
        font-family: "PT Sans Narrow", sans-serif
    }

    .athletes__link {
        display: none
    }
}

.athletes__arrow svg {
    display: block;
    width: 16px;
    height: 12px
}

.filter {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Ubuntu, sans-serif
}

.filter__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    top: 1px
}

.filter__tab {
    min-width: 210px;
    max-width: 265px;
    height: 64px;
    padding: 12px 16px;
    font-size: 14px;
    font-family: Ubuntu, sans-serif;
    background-color: #f0f0f0;
    border: none;
    text-align: center;
    color: #100f0d;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.filter__tab--active {
    background-color: #fff;
    border: 1px solid #dadada;
    border-bottom: none;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .filter__tabs-wrapper {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        padding-bottom: 8px;
        margin-bottom: 16px;
        border-bottom: 1px solid #dadada
    }

    .filter__tab {
        min-width: 100px;
        max-width: 150px;
        height: auto;
        padding: 10px 8px;
        font-size: 12px;
        font-family: "PT Sans Narrow", sans-serif;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        white-space: normal;
        word-break: break-word;
        text-transform: uppercase
    }

    .filter__tab--active {
        background-color: #fff
    }
}

.filter__tabs .filter__tab--active:first-child {
    border-right: none
}

.filter__tabs .filter__tab--active:last-child {
    border-left: none
}

.filter__tab--inactive {
    background-color: #f0f0f0
}

.filter__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #dadada;
    padding: 24px 24px 24px 24px;
    margin-bottom: 25px
}

.filter__group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 256px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 200px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.filter__label {
    font-size: 14px;
    color: #8a8a8a;
    margin-bottom: 8px;
    font-family: Ubuntu, sans-serif
}

.filter__select {
    padding: 10px 12px;
    width: 256px;
    height: 40px;
    font-size: 14px;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("data:image/svg+xml;utf8,<svg fill='%238a8a8a' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right 10px center;
    background-size: 24px 24px;
    padding-right: 40px
}

.filter__button {
    padding: 12px 32px;
    width: 256px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    background-color: #4a5aa5;
    border: none;
    cursor: pointer;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

@media screen and (max-width: 767px) {
    .filter__label {
        font-size: 14px;
        color: #8a8a8a;
        margin-bottom: 8px;
        font-family: "PT Sans Narrow", sans-serif
    }

    .filter__select {
        font-size: 14px !important;
        font-family: "PT Sans Narrow", sans-serif !important
    }
}

@media screen and (max-width: 1024px) {
    .filter__form {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 16px;
        padding: 20px
    }

    .filter__button, .filter__group {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 45%;
        flex: 1 1 45%;
        min-width: unset
    }

    .filter__select {
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .filter__form {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding: 20px 16px
    }

    .filter__button, .filter__group {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

    .filter__select {
        width: 100%
    }

    .filter__button {
        padding: 12px;
        font-size: 15px
    }
}

@media screen and (max-width: 480px) {
    .filter__form {
        padding: 16px 12px;
        gap: 12px
    }

    .filter__label {
        font-size: 13px
    }

    .filter__button, .filter__select {
        font-size: 14px;
        height: 38px
    }
}

.popular__medals-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 248px;
    margin: 12px auto 0 auto
}

.athlete-card__medals {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 248px;
    margin: 12px auto 0 auto
}

.popular__medal {
    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-align: center;
    -ms-flex-align: center;
    align-items: center
}

.athlete-medal {
    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-align: center;
    -ms-flex-align: center;
    align-items: center
}

.medal {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid;
    margin-bottom: 5px
}

.medal--gold {
    border-color: #fcba3f;
    color: #fcba3f
}

.medal--silver {
    border-color: #dadada;
    color: #dadada
}

.medal--bronze {
    border-color: #b78d4a;
    color: #b78d4a
}

.medal__number {
    font-family: Ubuntu, sans-serif
}

.medal--gold + .medal__label {
    color: #fcba3f
}

.medal--silver + .medal__label {
    color: #dadada
}

.medal--bronze + .medal__label {
    color: #b78d4a
}

.medal__label {
    margin-top: 1px;
    font-size: 12px;
    font-weight: 700;
    text-align: center
}

.news-main {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.news-page__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.news-page-card {
    width: 310px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #dadada;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .news-page-card {
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }
}

@media screen and (max-width: 767px) {
    .news-page-card {
        width: 100%;
        border-radius: 8px
    }
}

.news-page-card__image img {
    width: 310px;
    height: 175px;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

@media screen and (max-width: 767px) {
    .news-page-card__image img {
        width: 100%
    }
}

.news-page-card__info {
    padding: 12px;
    position: relative;
    height: 205px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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
}

.news-page-card__tag {
    display: inline-block;
    padding: 3px 9px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #100f0d;
    -webkit-box-shadow: inset 0 0 0 1px #100f0d;
    box-shadow: inset 0 0 0 1px #100f0d;
    border-radius: 4px;
    white-space: nowrap;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.news-page-card__title {
    font-size: 20px;
    font-weight: 400;
    font-family: Oswald, sans-serif;
    line-height: 30px;
    color: #000
}

@media screen and (max-width: 767px) {
    .news-page-card__title {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.news-page-card__date {
    position: absolute;
    bottom: 12px;
    left: 12px;
    font-size: 14px;
    font-weight: 400;
    color: #8a8a8a;
    font-family: Oswald, sans-serif
}

@media screen and (max-width: 767px) {
    .news-page-card__date {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.news__mobile-wrapper {
    display: none;
    overflow: hidden;
    font-family: "PT Sans Narrow", sans-serif;
    font-size: 20px;
    font-weight: 400
}

@media screen and (max-width: 768px) {
    .news__grid {
        display: none !important
    }

    .news__mobile-wrapper {
        display: block;
        overflow: hidden;
        width: 100%
    }

    .news__mobile-slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        gap: 10px;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease;
        padding: 0 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news__mobile-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        background: #fff;
        overflow: hidden;
        -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
        box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
        padding: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .news__mobile-image {
        width: 100%;
        height: 220px;
        -o-object-fit: cover;
        object-fit: cover;
        display: block
    }

    .news__mobile-content {
        padding: .75rem;
        height: 200px
    }

    .news__mobile-title {
        font-size: 20px;
        font-weight: 400;
        margin: 0 0 .5rem
    }

    .news__badge-mobile {
        display: inline-block;
        border: 1px solid #000;
        font-size: 15px;
        padding: 2px 8px;
        border-radius: 5px;
        z-index: 3;
        font-family: Arial, sans-serif;
        letter-spacing: .3px;
        white-space: nowrap;
        margin-bottom: 15px
    }

    .news__mobile-date {
        font-size: .85rem;
        color: #666
    }

    .news__slider-controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: .75rem
    }

    .news__progress-bar {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 4px;
        background: #ddd;
        border-radius: 2px;
        overflow: hidden;
        margin-right: 1rem
    }

    .news__progress-fill {
        height: 100%;
        background: #4a5aa5;
        -webkit-transition: width .3s;
        transition: width .3s
    }

    .news__arrows {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px
    }

    .news__arrow {
        width: 32px;
        height: 32px;
        background: #f2f2f2;
        border: none;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #4a5aa5;
        cursor: pointer
    }

    .news__arrow:disabled {
        opacity: .4;
        cursor: default
    }
}

.popular__mobile-wrapper {
    display: none
}

.popular-news__mobile-wrapper {
    display: none
}

@media screen and (max-width: 768px) {
    .popular__grid {
        display: none !important
    }

    .popular__mobile-wrapper {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .popular__mobile-slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease;
        width: 100%
    }

    .popular__mobile-slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease;
        padding: 0 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .popular__mobile-card {
        border-radius: 8px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        background: #fff;
        overflow: hidden;
        -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
        box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
        padding: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .popular-news__mobile-wrapper {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .popular-news__mobile-slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease;
        width: 100%
    }

    .popular-news__mobile-slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease;
        padding: 0 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .popular-news__mobile-card {
        border-radius: 8px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        background: #fff;
        overflow: hidden;
        -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
        box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
        padding: 0;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .popular__mobile-image {
        width: 100%;
        height: 211px;
        -o-object-fit: cover;
        object-fit: cover;
        display: block;
        margin: 0;
        padding: 0;
        border: 0
    }

    .popular__mobile-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 180px;
        font-family: "PT Sans Narrow", sans-serif;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .popular__mobile-name {
        font-size: 20px;
        margin: 0;
        padding: 20px
    }

    .popular__mobile-sport {
        display: inline-block;
        font-size: 14px;
        color: #888;
        margin-bottom: .5rem
    }

    .popular__mobile-description {
        line-height: 1.4;
        font-size: 14px;
        color: #888
    }

    .popular__slider-controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: .75rem
    }

    .popular__progress-bar {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 4px;
        background: #ddd;
        border-radius: 2px;
        overflow: hidden;
        margin-right: 1rem
    }

    .popular__progress-fill {
        height: 100%;
        background: #4a5aa5;
        -webkit-transition: width .3s;
        transition: width .3s
    }

    .popular__arrows-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px
    }

    .popular__arrow-mobile {
        width: 32px;
        height: 32px;
        background: #f2f2f2;
        border: none;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #4a5aa5;
        cursor: pointer
    }

    .popular__arrow-mobile:disabled {
        opacity: .4;
        cursor: default
    }
}

.popular__arrow-mobile {
    background: #d9d9d9;
    color: #fff
}

.popular__arrow-mobile svg {
    width: 20px;
    height: 20px
}

.popular__arrow-mobile--right {
    background: #4a5aa5;
    color: #fff
}

.popular-news__slider-controls {
    display: none
}

@media screen and (max-width: 768px) {
    .popular-news__slider-controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: .75rem
    }
}

.popular-news__progress-bar {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 4px;
    background: #ddd;
    border-radius: 2px;
    overflow: hidden;
    margin-right: 1rem
}

.popular-news__progress-fill {
    height: 100%;
    background: #4a5aa5;
    -webkit-transition: width .3s;
    transition: width .3s
}

.popular-news__arrows-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.popular-news__arrow-mobile {
    width: 32px;
    height: 32px;
    background: #f2f2f2;
    border: none;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #4a5aa5;
    cursor: pointer
}

.popular-news__arrow-mobile:disabled {
    opacity: .4;
    cursor: default
}

.popular-news__arrow-mobile {
    background: #d9d9d9;
    color: #fff
}

.popular-news__arrow-mobile svg {
    width: 20px;
    height: 20px
}

.popular-news__arrow-mobile--right {
    background: #4a5aa5;
    color: #fff
}

.athletes__mobile-wrapper {
    display: none
}

@media screen and (max-width: 768px) {
    .athletes__grid {
        display: none !important
    }

    .athletes__mobile-wrapper {
        display: block;
        width: 100%;
        padding: 0 5px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .athletes__mobile-slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition: -webkit-transform .3s ease;
        transition: -webkit-transform .3s ease;
        transition: transform .3s ease;
        transition: transform .3s ease, -webkit-transform .3s ease;
        gap: 10px
    }

    .athletes__mobile-card {
        border-radius: 8px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 20px);
        flex: 0 0 calc(100% - 20px);
        background: #fff;
        overflow: hidden;
        -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
        box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
        -webkit-box-sizing: border-box;
        box-sizing: border-box
    }

    .athletes__mobile-image {
        width: 100%;
        height: 211px;
        -o-object-fit: cover;
        object-fit: cover;
        display: block
    }

    .athletes__mobile-content {
        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: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: .75rem;
        height: 180px;
        font-family: "PT Sans Narrow", sans-serif;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .athletes__mobile-name {
        font-size: 20px;
        margin: 0 0 8px
    }

    .athletes__mobile-sport {
        font-size: 14px;
        color: #888;
        margin-bottom: 10px
    }

    .athletes__medals-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 10px;
        width: 100%;
        max-width: 350px;
        padding: 0 20px
    }

    .athletes__medal {
        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-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .medal {
        width: 32px;
        height: 32px;
        border-radius: 50%;
        color: #fff;
        font-weight: 700;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .medal--gold {
        color: gold
    }

    .medal--silver {
        color: silver
    }

    .medal--bronze {
        color: #cd7f32
    }

    .medal__number {
        font-size: 14px
    }

    .medal__label {
        font-size: 12px;
        margin-top: 4px;
        color: #444
    }

    .athletes__slider-controls {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: .75rem
    }

    .athletes__progress-bar {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        height: 4px;
        background: #ddd;
        border-radius: 2px;
        overflow: hidden;
        margin-right: 1rem
    }

    .athletes__progress-fill {
        height: 100%;
        background: #4a5aa5;
        -webkit-transition: width .3s;
        transition: width .3s
    }

    .athletes__arrows-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px
    }

    .athletes__arrow-mobile {
        width: 32px;
        height: 32px;
        background: #f2f2f2;
        border: none;
        border-radius: 50%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: #4a5aa5;
        cursor: pointer
    }

    .athletes__arrow-mobile:disabled {
        opacity: .4;
        cursor: default
    }
}

.athletes__arrow-mobile {
    background: #d9d9d9;
    color: #fff
}

.athletes__arrow-mobile svg {
    width: 20px;
    height: 20px
}

.athletes__arrow-mobile--right {
    background: #4a5aa5;
    color: #fff
}

.games {
    margin-top: 100px
}

.games__header {
    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;
    margin-bottom: 24px
}

.games__title {
    font-size: 44px;
    color: #100f0d;
    margin: 0;
    font-weight: 400
}

.games__link {
    font-size: 14px;
    color: #100f0d;
    text-decoration: none;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Ubuntu, sans-serif;
    gap: 6px;
    margin-bottom: 20px
}

.games__arrow svg {
    display: block;
    width: 16px;
    height: 12px
}

.games__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 24px
}

.games__item {
    width: 232px;
    height: 232px;
    border: 1px solid #dadada;
    text-align: center;
    text-decoration: none;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: -webkit-box-shadow .2s ease;
    transition: -webkit-box-shadow .2s ease;
    transition: box-shadow .2s ease;
    transition: box-shadow .2s ease, -webkit-box-shadow .2s ease;
    padding: 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.games__item-image {
    width: 120px;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 10px
}

.games__item-image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.games__item-title {
    font-size: 20px;
    width: 119px;
    font-weight: 400;
    color: #100f0d;
    margin: 0
}

.olympic__heading {
    width: 100%;
    font-size: 44px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase
}

@media screen and (max-width: 1024px) {
    .olympic__heading {
        font-size: 40px;
        font-weight: 400;
        font-family: "PT Sans Narrow", sans-serif;
        padding: 0;
        margin: 20px 0 0 0
    }
}

.olympics {
    width: 100%;
    padding: 0 5px 0 5px
}

.olympics__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.olympics__item-image {
    width: 100%;
    height: 180px
}

.olympics__item-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.olympics__item-title {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-top: 8px;
    text-transform: uppercase
}

.olympic__item {
    width: 204px;
    height: 232px;
    border: 1px solid #dadada;
    text-align: center;
    text-decoration: none;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: -webkit-box-shadow .2s ease;
    transition: -webkit-box-shadow .2s ease;
    transition: box-shadow .2s ease;
    transition: box-shadow .2s ease, -webkit-box-shadow .2s ease;
    padding: 20px 12px 12px 12px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.olympic__item-title {
    font-size: 20px;
    font-weight: 400;
    color: #100f0d;
    margin: 5px 0 0 0;
    text-transform: uppercase
}

.olympic__item-title-date {
    font-size: 20px;
    font-weight: 400;
    color: #100f0d;
    margin: 0
}

.olympic__item-image {
    width: 120px;
    height: 120px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.olympic-game__heading {
    font-size: 44px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    margin: 0 0 20px 0
}

@media screen and (max-width: 1024px) {
    .olympic-game__heading {
        font-size: 40px;
        font-family: "PT Sans Narrow", sans-serif;
        margin-top: 30px
    }
}

.game-detailed {
    width: 100%;
    border: 1px solid #dadada;
    padding: 25px
}

@media screen and (max-width: 1024px) {
    .game-detailed {
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        border: none;
        padding: 15px
    }
}

.game-detailed__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width: 500px) {
    .game-detailed__card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.game-detailed__photo-block {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 181px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.game-detailed__photo {
    width: 181px
}

.game-detailed__info {
    margin-left: 20px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 500px) {
    .game-detailed__info {
        margin: 10px 0 0 0
    }
}

.game-detailed__date {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    text-transform: uppercase;
    font-family: "PT Sans Narrow", sans-serif
}

.game-detailed__country, .game-detailed__website {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 1.4;
    font-family: "PT Sans Narrow", sans-serif
}

.game-detailed__text {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 1.4;
    font-family: Ubuntu, sans-serif
}

.sports-program {
    width: 100%;
    border: 1px solid #dadada;
    padding: 25px
}

@media screen and (max-width: 1024px) {
    .sports-program {
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        border: none;
        padding: 15px
    }
}

.sports-program__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    font-size: 14px
}

.sports-program__text {
    font-family: Ubuntu, sans-serif
}

@media screen and (max-width: 768px) {
    .sports-program__text {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.sports-program__title {
    font-size: 44px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0
}

@media screen and (max-width: 768px) {
    .sports-program__title {
        font-size: 24px;
        font-family: "PT Sans Narrow", sans-serif
    }
}

.sports-program__info {
    font-size: 14px;
    font-family: Ubuntu, sans-serif
}

.sports-program__paragraph {
    margin: 0
}

.sports-program .career__awards {
    padding-left: 0;
    list-style: none
}

.sports-program .career__awards li {
    position: relative;
    padding-left: 18px
}

.sports-program .career__awards li::before {
    content: "–";
    position: absolute;
    left: 0
}

.sports-program__list {
    list-style-type: disc;
    padding-left: 20px
}

.sports-program__list ul {
    list-style-type: circle;
    padding-left: 20px;
    margin-top: 4px
}

.sports-program__list li {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 1.5
}

.game-result {
    width: 100%;
    border: 1px solid #dadada;
    padding: 25px
}

@media (max-width: 1024px) {
    .game-result {
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }
}

@media (max-width: 500px) {
    .game-result {
        padding: 5px
    }
}

.game-result__table {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    font-size: 16px
}

@media (max-width: 380px) {
    .game-result__table {
        font-size: 14px
    }
}

.game-result__table td, .game-result__table th {
    padding: 10px 12px;
    text-align: center;
    border-top: 1px solid #dadada;
    overflow: hidden;
    text-overflow: ellipsis;
    font-family: "PT Sans Narrow", sans-serif;
    vertical-align: middle
}

@media (max-width: 380px) {
    .game-result__table td, .game-result__table th {
        padding: 5px 6px
    }
}

.game-result__table th {
    font-size: 16px;
    font-weight: 400;
    border: none
}

.game-result__table .game-result__col-country {
    width: 40%;
    text-align: left
}

.game-result__table .game-result__country {
    padding: 10px 12px;
    text-align: left
}

.game-result__table .game-result__country .country-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    height: 100%
}

.game-result__table .game-result__country img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
    display: block
}

.game-result__table .game-result__country span {
    display: inline-block;
    line-height: 1.2
}

.game-result__table .country-kazakhstan {
    background: #282f5a;
    color: #fff
}

.flag-placeholder {
    width: 20px;
    height: 20px;
    visibility: hidden
}

.games__mobile-wrapper {
    display: none
}

@media screen and (max-width: 768px) {
    .games__title {
        font-size: 40px;
        font-family: "PT Sans Narrow", sans-serif
    }

    .games__link {
        display: none
    }

    .games__list {
        display: none !important
    }

    .games__mobile-wrapper {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 15px 5px
    }

    .games__mobile-slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .games__mobile-card {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 232px;
        flex: 0 0 232px;
        width: 232px;
        height: 232px;
        background: #fff;
        text-align: center;
        text-decoration: none;
        padding: 30px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }

    .games__item-image {
        width: 108px;
        height: 120px;
        margin: 0 auto 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .games__item-title {
        font-size: 16px;
        color: #100f0d;
        margin: 0 auto
    }
}

@media screen and (max-width: 1024px) {
    .olympics {
        margin-top: 40px
    }
}

@media screen and (max-width: 500px) {
    .olympic__item {
        width: 100%;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        border: none
    }
}

.sport-federations__heading {
    font-size: 44px;
    font-weight: 400;
    line-height: 65px;
    text-transform: uppercase;
    width: 600px
}

.federations {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.federations__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 13px
}

.federations__column {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 45%;
    flex: 1 1 45%
}

@media screen and (max-width: 400px) {
    .federations__column {
        -webkit-box-flex: 1;
        -ms-flex: 1 100%;
        flex: 1 100%;
        padding: 0 15px
    }
}

.federations__letter {
    font-size: 44px;
    font-weight: 400;
    color: #000
}

.federations__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.federations__item-image {
    width: 48px;
    height: 50px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 15px
}

.federations__item-image img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.federations__item-name {
    font-size: 20px;
    text-decoration: none;
    color: #000;
    text-transform: uppercase
}

.spoiler__title.active {
    color: #4a5aa5
}

.federation {
    width: 100%;
    border: 1px solid #dadada;
    padding: 25px
}

@media screen and (max-width: 1024px) {
    .federation {
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }
}

.federation__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width: 767px) {
    .federation__card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.federation__photo-block {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 250px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 767px) {
    .federation__photo-block {
        width: 100%;
        height: 100%
    }
}

.federation__photo {
    width: 100%;
    height: 250px
}

@media screen and (max-width: 767px) {
    .federation__photo {
        width: 100%;
        height: 100%
    }
}

.federation__photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.federation__medals {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 15px 15px 0 15px
}

.federation__medals .athlete-medal {
    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-align: center;
    -ms-flex-align: center;
    align-items: center
}

.federation__medals .athlete-medal .medals {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700
}

.federation__medals .athlete-medal .medals__label {
    font-size: 12px;
    text-transform: uppercase;
    text-align: center
}

.federation__info {
    margin-left: 20px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 15px
}

.federation__name {
    font-size: 40px;
    font-weight: 400;
    margin-bottom: 0;
    text-transform: uppercase
}

@media screen and (max-width: 767px) {
    .federation__name {
        font-family: "PT Sans Narrow", sans-serif;
        font-size: 30px
    }
}

@media screen and (max-width: 550px) {
    .federation__name {
        font-size: 30px
    }
}

.federation__rank, .federation__sport, .federation__title {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .federation__rank, .federation__sport, .federation__title {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.federation__sport-teg {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.4;
    text-decoration: underline;
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .federation__sport-teg {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.federation-history {
    width: 100%;
    border: 1px solid #dadada;
    padding: 25px
}

@media screen and (max-width: 1024px) {
    .federation-history {
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }
}

.federation-history__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    font-size: 14px
}

.federation-history__text {
    font-family: Ubuntu, sans-serif
}

.federation-history__title {
    font-size: 44px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0
}

.federation-history__info {
    font-size: 14px;
    font-family: Ubuntu, sans-serif
}

.federation-history__paragraph {
    margin: 0;
    text-transform: uppercase
}

.federation-history .career__awards {
    padding-left: 0;
    list-style: none
}

.federation-history .career__awards li {
    position: relative;
    padding-left: 18px
}

.federation-history .career__awards li::before {
    content: "–";
    position: absolute;
    left: 0
}

.contacts {
    width: 100%;
    border: 1px solid #dadada;
    padding: 25px
}

@media screen and (max-width: 1024px) {
    .contacts {
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }
}

.contacts__title {
    font-size: 44px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0 0 20px 0
}

@media screen and (max-width: 1024px) {
    .contacts__title {
        font-size: 40px;
        font-family: "PT Sans Narrow", sans-serif
    }
}

.contacts__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 550px) {
    .contacts__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.contacts__photo {
    width: 200px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 550px) {
    .contacts__photo {
        width: 100%
    }
}

.contacts__photo-img {
    width: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center top;
    object-position: center top
}

@media screen and (max-width: 550px) {
    .contacts__photo-img {
        width: 100%;
        max-height: 284px;
        -o-object-position: center 20%;
        object-position: center 20%
    }
}

.contacts__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    font-family: Ubuntu, sans-serif;
    font-weight: 400
}

@media screen and (max-width: 1024px) {
    .contacts__info {
        font-family: "PT Sans Narrow", sans-serif;
        font-size: 20px
    }
}

.contacts__role-president {
    text-transform: uppercase;
    margin: 0
}

.contacts__role {
    margin: 0
}

.contacts__address p {
    margin: 0
}

.contacts__address {
    margin-top: 20px
}

.contacts__address span {
    text-transform: uppercase
}

.contacts__address a {
    text-decoration: underline
}

.federation-facts__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    position: relative
}

.federation-facts__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    display: none
}

.federation-facts__item.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.federation-facts {
    width: 100%;
    padding: 25px;
    background: #4a5aa5;
    -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .15);
    box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .15)
}

.federation-facts__item {
    display: none;
    gap: 20px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width: 550px) {
    .federation-facts__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.federation-facts__image {
    width: 188px;
    height: 150px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 550px) {
    .federation-facts__image {
        width: 60%;
        height: 50%
    }
}

.federation-facts__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.federation-facts__content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.federation-facts__title {
    font-size: 44px;
    color: #fff;
    font-weight: 600;
    margin: 0;
    text-transform: uppercase
}

@media screen and (max-width: 550px) {
    .federation-facts__title {
        font-size: 20px;
        font-family: "PT Sans Narrow", sans-serif;
        font-weight: 400
    }
}

.federation-facts__text {
    font-size: 14px;
    color: #fff;
    font-family: Ubuntu, sans-serif
}

@media screen and (max-width: 550px) {
    .federation-facts__text {
        font-size: 20px;
        font-family: "PT Sans Narrow", sans-serif
    }
}

.federation-facts__slider-controls {
    margin-top: 20px;
    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
}

.federation-facts__progress-bar {
    width: 80%;
    height: 4px;
    background-color: hsla(0, 0%, 100%, .2509803922);
    border-radius: 2px;
    overflow: hidden;
    position: relative
}

@media screen and (max-width: 550px) {
    .federation-facts__progress-bar {
        width: 70%
    }
}

.federation-facts__progress-fill {
    height: 100%;
    background-color: #fff;
    -webkit-transition: width .3s ease;
    transition: width .3s ease
}

.federation-facts__arrows {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.federation-facts__arrow {
    width: 32px;
    height: 32px;
    background-color: #fff;
    border: none;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    color: #4a5aa5
}

.federation-facts__arrow--left {
    background: #7886c9;
    color: #fff
}

.federation-facts__arrow-icon-left {
    width: 20px;
    height: 20px;
    margin-left: -2px
}

.federation-facts__arrow-icon-right {
    width: 20px;
    height: 20px;
    margin-right: -2px
}

.federation-facts__arrow--right .federation-facts__arrow-icon-right {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.antidoping {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px
}

@media screen and (max-width: 1024px) {
    .antidoping {
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }
}

.antidoping__heading {
    font-size: 44px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase
}

.antidoping__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    padding: 25px 7px 25px 15px;
    color: #000
}

.antidoping__title {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase
}

@media screen and (max-width: 1024px) {
    .antidoping__title {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.antidoping__text {
    font-size: 20px;
    line-height: 1.5;
    margin: 0 auto;
    text-transform: uppercase;
    font-weight: 400
}

@media screen and (max-width: 1024px) {
    .antidoping__text {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.antidoping__list {
    list-style-type: disc;
    padding-left: 20px;
    font-size: 14px;
    font-family: Ubuntu, sans-serif;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .antidoping__list {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.antidoping__item-image img, .antidoping__item-image-large img {
    max-width: 100%;
    display: block
}

.antidoping__item-image-large {
    width: 90%;
    height: 90%;
    margin: 0 auto
}

.antidoping__item-image--wide {
    width: 603px;
    height: 220px;
    margin: 0 auto
}

.antidoping__item-image--small {
    width: 381px;
    height: 164px;
    margin: 0 auto
}

.antidoping__reminder {
    width: 603px;
    height: 128px;
    margin: 0 auto;
    background: rgba(0, 0, 0, .05);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    padding: 20px
}

.antidoping__documents .doc-group {
    border: 1px solid #dadada;
    border-radius: 4px;
    margin-bottom: 16px;
    overflow: hidden
}

.antidoping__documents .doc-group .doc-toggle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    padding: 12px 16px;
    background: #f7f7f7
}

.antidoping__documents .doc-group .doc-toggle .doc-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    font-weight: 700
}

.antidoping__documents .doc-group .doc-toggle .doc-icon {
    font-size: 20px;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.antidoping__documents .doc-group .doc-toggle.open .doc-icon {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.antidoping__documents .doc-group .doc-list {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 12px 16px;
    gap: 8px
}

.antidoping__documents .doc-group .doc-list .doc-item {
    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
}

.antidoping__documents .doc-group .doc-list .doc-item .doc-item__left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.antidoping__documents .doc-group .doc-list .doc-item .doc-item__right img {
    width: 16px;
    height: 20px
}

.antidoping__documents .doc-group.open .doc-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.antidoping-list__title {
    font-weight: 400;
    margin-bottom: 0;
    padding: 0;
    font-size: 14px;
    font-family: Ubuntu, sans-serif
}

@media screen and (max-width: 1024px) {
    .antidoping-list__title {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.antidoping__note {
    font-family: Ubuntu, sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .antidoping__note {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.antidoping__notice {
    margin: 0 auto;
    font-size: 14px;
    font-weight: 400
}

@media screen and (max-width: 1024px) {
    .antidoping__notice {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.antidoping__note-text {
    background: rgba(0, 0, 0, .05)
}

.antidoping__note-text {
    width: 95%;
    margin: 0 auto;
    padding: 25px;
    font-family: Ubuntu, sans-serif;
    font-size: 14px;
    background-image: url(/assets/img/antidoping/Frame%201895.png);
    background-size: 40px 25px;
    background-repeat: no-repeat;
    background-position: 12px 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.antidoping__note-span {
    padding-top: 14px;
    display: block
}

@media screen and (max-width: 1024px) {
    .antidoping__note-span {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.antidoping__doc-header {
    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;
    cursor: pointer;
    padding: 10px 0
}

.antidoping__doc-title {
    font-size: 20px;
    text-transform: uppercase
}

@media screen and (max-width: 1024px) {
    .antidoping__doc-title {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.antidoping__doc-toggle {
    font-size: 26px;
    background: 0 0;
    border: none;
    cursor: pointer;
    line-height: 1;
    margin-right: -10px
}

.antidoping__doc-list {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
    display: none
}

.antidoping__doc-list.active {
    display: block
}

.antidoping__doc-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    padding: 0 20px 10px 0
}

.antidoping__doc-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-weight: 400;
    font-size: 20px
}

@media screen and (max-width: 1024px) {
    .antidoping__doc-text {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.antidoping__doc-list {
    display: none
}

.antidoping__doc-list.active {
    display: block
}

.antidoping__divider {
    border: none;
    border-top: 2px solid rgba(0, 0, 0, .1);
    margin-left: -20px
}

.antidoping__doc-list {
    display: none
}

.antidoping__doc-group.active .antidoping__doc-list {
    display: block
}

.antidoping__doc-toggle {
    background: 0 0;
    border: none;
    width: 24px;
    height: 24px;
    padding: 0;
    margin-right: 20px;
    font-size: 0;
    cursor: pointer;
    position: relative
}

.antidoping__doc-toggle::before {
    content: "+";
    font-size: 24px;
    line-height: 24px;
    display: block;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.antidoping__doc-toggle[aria-expanded=true]::before {
    content: "×"
}

.antidoping__doc-group.active .antidoping__doc-toggle::before {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.prevention__heading {
    font-size: 44px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase
}

.prevention {
    width: 100%;
    border: 1px solid #dadada;
    padding: 25px
}

@media screen and (max-width: 1024px) {
    .prevention {
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }
}

.prevention__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.prevention__title {
    font-size: 44px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0
}

.prevention__info {
    font-size: 14px;
    font-family: Ubuntu, sans-serif;
    line-height: 1.2;
    margin-bottom: 5px
}

@media screen and (max-width: 1024px) {
    .prevention__info {
        font-family: "PT Sans Narrow", sans-serif;
        font-size: 20px
    }
}

.prevention__info span {
    text-transform: uppercase
}

.prevention__info p {
    margin: 0
}

.prevention .prevention__item-image {
    width: 90%;
    margin: 0 auto
}

.prevention-list__title {
    font-weight: 400;
    margin-bottom: 0;
    padding: 0;
    font-size: 14px;
    font-family: "PT Sans Narrow", sans-serif;
    line-height: 20px
}

.prevention__list {
    list-style-type: disc;
    padding-left: 25px;
    font-size: 14px;
    line-height: 20px;
    font-family: "PT Sans Narrow", sans-serif;
    margin: 0 0 5px 0
}

.prevention-news-section {
    font-family: "PT Sans Narrow", sans-serif
}

.prevention-news-section__title {
    margin: 0;
    text-transform: uppercase
}

.prevention-news-list {
    list-style: none;
    padding: 0;
    margin: 0
}

.prevention-news-item {
    line-height: 1.4
}

.prevention-news-time {
    display: block;
    font-size: 13px
}

.prevention-news-category {
    font-size: 13px;
    margin-right: 5px
}

.prevention-news-title {
    color: #000;
    text-decoration: none
}

.prevention-news-title:hover {
    text-decoration: underline
}

.prevention-news-more-link {
    display: inline-block;
    margin-top: 10px;
    font-weight: 700;
    text-decoration: underline
}

.prevention-news-links p {
    margin: 0
}

.news-more-link {
    margin: 0
}

.international-relations__heading {
    font-size: 44px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase
}

.international-relations {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.international-relations__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.international-relations-card {
    width: 204px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff
}

.international-relations__photo {
    height: 211px;
    -o-object-fit: cover;
    object-fit: cover;
    display: block
}

.international-relations__info {
    width: 204px;
    height: 144px;
    padding: 0 0 25px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
}

.international-relations__name {
    font-size: 20px;
    color: #100f0d;
    margin: 15px 0 6px 0;
    font-weight: 400;
    text-transform: uppercase;
    width: 180px
}

.international-relations__job-title {
    font-size: 14px;
    color: #888;
    font-weight: 400;
    font-family: Ubuntu, sans-serif;
    margin-bottom: 5px
}

.international-relations__email {
    font-size: 14px;
    color: #888;
    font-weight: 400;
    font-family: Ubuntu, sans-serif
}

@media screen and (max-width: 450px) {
    .international-relations-card {
        width: 100%
    }

    .international-relations-card img {
        width: 100%;
        height: 250px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: 0 15%;
        object-position: 0 15%;
        display: block
    }

    .international-relations-card .international-relations__info {
        width: 100%
    }
}

.featured-athlete {
    width: 100%;
    border: 1px solid #dadada;
    padding: 25px
}

@media screen and (max-width: 1024px) {
    .featured-athlete {
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }
}

.featured-athlete__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width: 550px) {
    .featured-athlete__card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.featured-athlete__photo-block {
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 250px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 550px) {
    .featured-athlete__photo-block {
        width: 100%
    }
}

.featured-athlete__photo {
    width: 100%;
    height: 250px
}

@media screen and (max-width: 550px) {
    .featured-athlete__photo {
        height: 100%
    }
}

.featured-athlete__photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.featured-athlete__medals {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 15px 15px 0 15px
}

.featured-athlete__medals .athlete-medal {
    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-align: center;
    -ms-flex-align: center;
    align-items: center
}

.featured-athlete__medals .athlete-medal .medals {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700
}

.featured-athlete__medals .athlete-medal .medals__label {
    font-size: 12px;
    text-transform: uppercase;
    text-align: center
}

.featured-athlete__info {
    margin-left: 20px;
    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: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (max-width: 550px) {
    .featured-athlete__info {
        margin: 0
    }
}

.featured-athlete__name {
    font-size: 44px;
    font-weight: 400;
    margin-bottom: 5px;
    text-transform: uppercase
}

@media screen and (max-width: 550px) {
    .featured-athlete__name {
        font-size: 40px;
        font-family: "PT Sans Narrow", sans-serif
    }
}

.featured-athlete__rank, .featured-athlete__sport, .featured-athlete__title {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 1.4;
    font-family: Ubuntu, sans-serif
}

@media screen and (max-width: 550px) {
    .featured-athlete__rank, .featured-athlete__sport, .featured-athlete__title {
        font-size: 20px;
        font-family: "PT Sans Narrow", sans-serif
    }
}

.athlete-career__awards {
    padding-left: 18px
}

.athlete-career__awards li {
    position: relative
}

@media screen and (max-width: 550px) {
    .hidden__medals {
        display: none
    }

    .hidden-small__medals {
        padding: 0 15px
    }
}

@media screen and (min-width: 550px) {
    .hidden-small__medals {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .hidden__medals-federations {
        display: none
    }

    .hidden-small__medals-federations {
        padding: 0 15px;
        width: 100% !important
    }
}

@media screen and (min-width: 767px) {
    .hidden-small__medals-federations {
        display: none
    }
}

.news-detailed__heading {
    font-size: 44px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase
}

.news-detailed__img {
    width: 100%;
    margin-bottom: 10px
}

.news-detailed__img img {
    width: 100%
}

.news-detail__image {
    width: 100%
}

.news-detail__image img {
    width: 100%
}

.news-page-card__tag-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px
}

.news-detail {
    width: 100%;
    padding: 25px;
    border: 1px solid #dadada
}

@media screen and (max-width: 1024px) {
    .news-detail {
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }
}

@media screen and (max-width: 767px) {
    .news-detail {
        padding: 10px
    }
}

.news-detail > :not(:last-child) {
    margin-bottom: 20px
}

.news-detail__header {
    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
}

.news-detail__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.news-detail__date {
    font-size: 14px;
    font-weight: 400
}

.news-detail__paragraph {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    margin-bottom: 0
}

@media screen and (max-width: 1024px) {
    .news-detail__paragraph {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.news-detail__paragraph-small {
    font-size: 14px;
    font-family: Ubuntu, sans-serif;
    margin-bottom: 0;
    font-weight: 400
}

@media screen and (max-width: 1024px) {
    .news-detail__paragraph-small {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.news-detail__share {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding: 20px 0 0 0
}

.news-detail__share-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    padding: 11px 16px;
    background-color: #4a5aa5;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 14px;
    font-family: Ubuntu, sans-serif;
    height: 40px
}

.news-detail__share-icon {
    width: 12px;
    height: 13px;
    margin-top: 2px
}

.red-label {
    background-color: #ec335e;
    color: #fff;
    font-size: .8em;
    padding: .1875em .725em;
    text-transform: uppercase
}

.dots-regular {
    list-style: none;
    margin-bottom: 0;
    margin-top: 0;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    padding: 1.25rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width: 767px) {
    .dots-regular {
        padding: 8px
    }

    .dots-regular:not(.white) {
        background: #fff;
        position: relative
    }

    .dots-regular:not(.white):before {
        content: "";
        position: absolute;
        top: 0;
        left: 1em;
        right: 1em;
        z-index: 1;
        border-top: 1px solid rgba(0, 0, 0, .1)
    }
}

.dots-regular li {
    padding: .625em;
    cursor: pointer
}

@media screen and (max-width: 767px) {
    .dots-regular li {
        padding: .5em
    }
}

.dots-regular li:before {
    content: "";
    display: block;
    width: .625em;
    height: .625em;
    background-color: #eeeef0;
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 767px) {
    .dots-regular li:before {
        width: 1em;
        height: 1em
    }
}

.dots-regular li:hover:before {
    background-color: #bdbdbf
}

.dots-regular li.slick-active:before {
    background-color: #4a5aa5
}

.dots-regular li button {
    display: none
}

.dots-regular.white li:before {
    background-color: hsla(0, 0%, 100%, .5)
}

.dots-regular.white li.slick-active:before {
    background-color: #fff
}

.title-primary {
    font-weight: 400;
    font-size: 20px;
    margin-top: 0;
    margin-bottom: 1.25rem;
    line-height: 1
}

.title-primary.text-transform-none {
    text-transform: none
}

.title-primary span.small {
    font-size: .75em
}

.title-primary.dependent-title {
    font-size: 44px;
    font-weight: 400;
    line-height: 65px;
    text-transform: uppercase
}

@media screen and (max-width: 1024px) {
    .title-primary.dependent-title {
        height: auto !important
    }
}

@media screen and (max-width: 767px) {
    .title-primary {
        margin-bottom: 1rem
    }
}

.title-tertiary {
    font-size: .875em;
    margin-top: 0;
    margin-bottom: 1.0714285714em;
    font-weight: 700
}

.btn {
    background-color: #4a5aa5;
    -webkit-transition: .3s;
    transition: .3s;
    color: #fff !important;
    font-weight: 700;
    font-size: 1em;
    line-height: 1.5;
    padding: .5em 1.75em;
    display: inline-block;
    border: none;
    cursor: pointer;
    font-family: inherit;
    text-align: center;
    outline: 0 !important
}

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

.btn--small-padding {
    padding-left: .3em;
    padding-right: .3em
}

.btn--100 {
    width: 100%
}

.btn:hover {
    background-color: #325385
}

.btn--green {
    background: green
}

.btn--green:hover {
    background: #005d00
}

.btn-icon {
    border: 1px solid rgba(0, 0, 0, .1);
    font-size: 1em;
    line-height: 1.5;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    cursor: pointer;
    font-family: inherit;
    text-align: center;
    background: 0 0;
    padding: 0;
    -webkit-transition: .3s background;
    transition: .3s background;
    outline: 0 !important
}

.btn-icon span, .btn-icon:before {
    padding: .5em .9375em;
    font-weight: 700;
    border-right: 1px solid rgba(0, 0, 0, .1);
    -webkit-transition: .3s color;
    transition: .3s color
}

.btn-icon i {
    -ms-flex-item-align: center;
    align-self: center;
    color: #8c8c8c;
    font-size: 1.25em;
    margin: 0 .625rem;
    -webkit-transition: .3s color;
    transition: .3s color
}

.btn-icon:hover {
    background: rgba(0, 0, 0, .05)
}

.btn-icon.active {
    background: green;
    color: #fff
}

.btn-icon.active i {
    color: #fff
}

.grey-link {
    font-weight: 700;
    color: #8c8c8c;
    -webkit-transition: .3s;
    transition: .3s;
    display: inline-block
}

.grey-link:hover {
    color: initial
}

.grey-link[data-slicelist] {
    margin-top: .625em
}

.text-uppercase {
    text-transform: uppercase
}

.link-underline {
    color: #8c8c8c;
    text-decoration: underline;
    font-size: .75em
}

.link-underline:hover {
    text-decoration: none
}

.section--nok {
    width: 100%;
    border: 1px solid #dadada;
    padding: 25px
}

@media screen and (max-width: 1024px) {
    .section--nok {
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }
}

@media screen and (max-width: 768px) {
    .section--nok {
        width: 100%;
        padding: 20px
    }

    .section--nok img {
        width: 100% !important;
        height: auto !important;
        aspect-ratio: 1/1 !important;
        -o-object-fit: cover;
        object-fit: cover;
        display: block
    }

    .section--nok .dependent-title {
        font-size: 24px !important;
        font-family: "PT Sans Narrow", sans-serif !important;
        line-height: 30px
    }
}

.sidebar-item.toggleable {
    border: none !important;
    -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
    padding: 0 15px !important
}

.sidebar-toggle {
    background: 0 0;
    border: none;
    font-size: 20px;
    font-weight: 400;
    font-family: "PT Sans Narrow", sans-serif;
    text-transform: uppercase;
    padding: 10px 0;
    width: 100%;
    text-align: left;
    cursor: pointer;
    color: #4a5aa5;
    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
}

.sidebar-toggle .triangle-down {
    display: inline-block;
    margin-left: 8px;
    width: 0;
    height: 0;
    vertical-align: middle;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(0, 0, 0, .5);
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.sidebar-toggle .sidebar-toggle.open .triangle-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.toggle-icon {
    display: inline-block;
    font-size: 16px;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    margin-left: 8px
}

.sidebar-content {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height .4s ease;
    transition: max-height .4s ease;
    font-family: "PT Sans Narrow", sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 30px
}

.sidebar-item.open .sidebar-content {
    max-height: 1000px
}

.sidebar-item.open .toggle-icon {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.news-sidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.news-sidebar .title-primary {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media screen and (min-width: 768px) {
    .news-sidebar--independent .news-sidebar-inner {
        height: 24em
    }
}

.news-sidebar-inner {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative
}

@media screen and (min-width: 1025px) {
    .news-sidebar-inner__scrollable {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-x: hidden;
        overflow-y: auto
    }
}

.news-sidebar-item {
    padding: .625rem .625rem;
    display: block;
    position: relative
}

.news-sidebar-item:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.news-sidebar-item__info {
    font-size: .78125em;
    line-height: 1.28;
    color: #8c8c8c;
    margin-bottom: .32em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.news-sidebar-item__info > :not(:first-child) {
    margin-left: 1em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.news-sidebar-item__info a {
    position: relative;
    z-index: 2
}

.news-sidebar-item__info a:hover {
    color: initial
}

.news-sidebar-item__title {
    font-size: .78125em;
    line-height: 1.28;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 400;
    -webkit-transition: .3s;
    transition: .3s
}

.news-sidebar-item__title .red-label {
    font-size: .6em
}

.news-sidebar-item:hover .news-sidebar-item__title {
    color: #4a5aa5
}

.news-sidebar-item__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.news-sidebar__button {
    margin-top: auto;
    padding: .625rem .625rem 1.5625rem;
    text-align: center
}

.tokyo-banner {
    margin: 3.125rem 0;
    font-size: 4.25em;
    font-weight: 700;
    color: #ec335e;
    line-height: 1;
    position: relative;
    display: table
}

@media screen and (max-width: 480px) {
    .tokyo-banner {
        font-size: 3em;
        margin: 2rem 0
    }
}

@media screen and (max-width: 320px) {
    .tokyo-banner {
        font-size: 2.5em
    }
}

.tokyo-banner:hover img {
    opacity: .5
}

.tokyo-banner img {
    width: 135.375rem;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    z-index: -1;
    opacity: .25;
    max-width: none;
    margin-top: 2.5em;
    -webkit-transition: .3s;
    transition: .3s;
    pointer-events: none
}

@media screen and (max-width: 480px) {
    .tokyo-banner img {
        width: 26.3em;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        top: -11em;
        left: -17.4em;
        opacity: .15
    }
}

.tokyo-banner.blue {
    color: #249ddd
}

.mobile-dropdown {
    margin-bottom: 1.25rem;
    position: relative;
    z-index: 8
}

@media screen and (max-width: 767px) {
    .mobile-dropdown {
        margin-bottom: 1rem
    }
}

.mobile-dropdown.opened .mobile-dropdown__desc {
    display: block
}

.mobile-dropdown__title {
    color: #8c8c8c;
    font-weight: 700;
    padding: .5em 0
}

.mobile-dropdown__title:after {
    content: "";
    font-family: icomoon
}

@media screen and (min-width: 768px) {
    .mobile-dropdown__title {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .mobile-dropdown__desc {
        display: none;
        background: #fff;
        position: absolute;
        max-width: 100%;
        padding: .5rem;
        top: 100%;
        z-index: 1;
        -webkit-box-shadow: 0 1px .5em rgba(0, 0, 0, .1);
        box-shadow: 0 1px .5em rgba(0, 0, 0, .1);
        -webkit-animation: fade forwards .3s;
        animation: fade forwards .3s
    }

    @-webkit-keyframes fade {
        0% {
            opacity: 0;
            -webkit-transform: translateY(-.5em);
            transform: translateY(-.5em)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }@keyframes fade {
         0% {
             opacity: 0;
             -webkit-transform: translateY(-.5em);
             transform: translateY(-.5em)
         }
         100% {
             opacity: 1;
             -webkit-transform: translateY(0);
             transform: translateY(0)
         }
     }
}

.title-primary + .mobile-dropdown {
    margin-top: -.625rem
}

.categories-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.categories-list:not(:last-child) {
    margin-bottom: 1.25rem
}

@media screen and (max-width: 480px) {
    .categories-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.categories-list a {
    color: #8c8c8c;
    font-size: 1em;
    line-height: 1.5;
    -webkit-transition: .3s;
    transition: .3s
}

.categories-list a:hover {
    color: initial
}

.categories-list a:not(:last-child) {
    margin-right: 1.875em
}

.categories-list a.active {
    font-weight: 700
}

.categories-list--actual {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.categories-list--actual:not(:last-child) {
    margin-bottom: .75rem
}

.categories-list--actual a {
    background: #ec335e;
    color: #fff;
    font-weight: 700;
    padding: .25em .75em;
    margin-bottom: .5em
}

.categories-list--actual a:not(:last-child) {
    margin-right: .5em
}

.categories-list--actual a:hover {
    color: #fff;
    background: #c22b4d
}

.sidebar-item {
    background: #fff;
    padding: 1.25em;
    border: 1px solid #dadada
}

@media screen and (max-width: 767px) {
    .sidebar-item {
        padding: 1rem
    }
}

.sidebar-item .title-primary {
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 1rem
}

.sidebar-item .federation-logo {
    margin-bottom: 1.25rem;
    text-align: center
}

@media screen and (max-width: 1024px) {
    #sidebar {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    #sidebar .sidebar-item {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        width: 100%;
        margin-bottom: 20px
    }

    #content {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 100%
    }

    .col-md-4, .col-md-8 {
        float: none
    }
}

@media screen and (max-width: 1024px) {
    .display__none {
        display: none
    }

    .col-md-4 {
        margin-top: 20px
    }
}

.games-timer {
    padding: 1.1875em;
    background: #4a5aa5;
    color: #fff
}

.games-timer__title {
    font-size: 1.15em;
    margin-bottom: 1em;
    font-weight: 700
}

.games-timer__countdown {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.games-timer__countdown div span {
    display: block;
    text-align: center
}

.games-timer__countdown div span:first-child {
    font-size: 2.1875em;
    font-weight: 700;
    line-height: 1;
    margin-bottom: .3125rem
}

.games-timer__countdown div span:last-child {
    font-size: .875em;
    line-height: 1.14
}

.calendar {
    background: #fff;
    padding: 1.1875em;
    position: relative;
    border: 1px solid #dadada;
    height: 295px
}

.calendar .title-primary {
    text-transform: none;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: .75rem;
    margin-bottom: 0;
    font-size: 20px
}

.calendar .fc-scroller.fc-day-grid-container {
    height: auto !important
}

.fc-toolbar.fc-header-toolbar {
    margin-top: 2px;
    margin-bottom: 5px !important
}

.calendar .fc .fc-toolbar > * > h2 {
    font-size: 1em;
    line-height: 32px;
    text-transform: capitalize;
    font-weight: 700
}

.calendar .fc button {
    height: auto;
    width: 32px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-size: 14px;
    color: #4a5aa5;
    opacity: 1;
    line-height: 32px;
    text-align: center;
    background: 0 0;
    border: none;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;
    outline: 0 !important
}

.calendar .fc button:hover {
    opacity: .6
}

.calendar button.fc-prev-button.fc-button.fc-state-default.fc-corner-left.fc-corner-right:before {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    display: block
}

.calendar .fc button .fc-icon {
    display: none
}

.calendar .fc button:before {
    content: "";
    font-family: icomoon;
    font-size: 1.5625em
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border: none !important
}

.calendar .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    float: none
}

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
    text-align: center
}

th.fc-day-header.fc-widget-header {
    font-size: .875em;
    text-transform: capitalize;
    font-weight: 400;
    padding-bottom: .7142857143em
}

.calendar .fc-unthemed .fc-disabled-day {
    background: 0 0
}

.calendar .fc-basic-view .fc-body .fc-row {
    min-height: 0;
    height: auto !important
}

.calendar span.fc-day-number {
    opacity: .5;
    font-size: .875em;
    width: 1.7857142857em;
    line-height: 1.7857142857em;
    border-radius: 50%;
    display: inline-block;
    padding: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.calendar .fc-unthemed td.fc-today {
    background: 0 0
}

.calendar .fc-state-highlight span.fc-day-number {
    opacity: 1
}

.calendar td.fc-day-top.active span.fc-day-number {
    color: #fff;
    border: none;
    opacity: 1;
    cursor: pointer;
    background: #4a5aa5
}

.calendar td.fc-day-top.active span.fc-day-number:hover {
    background: #325385
}

.calendar .events-list {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 1.2em 1.2em;
    background: #fff
}

.calendar .events-list::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0)
}

.calendar .events-list::-webkit-scrollbar {
    width: 4px;
    background-color: rgba(0, 0, 0, 0)
}

.calendar .events-list::-webkit-scrollbar-thumb {
    background-color: #373e68
}

.calendar .events-list .date {
    margin-bottom: 20px;
    cursor: pointer;
    padding-left: 0;
    opacity: 1;
    border-radius: 4px;
    font-size: 20px;
    color: #4a5aa5;
    font-weight: 500;
    line-height: 32px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    text-transform: capitalize;
    -webkit-transition: .3s;
    transition: .3s;
    margin-top: 0
}

.calendar .events-list .date:hover {
    opacity: .6
}

.calendar .events-list .single-event {
    display: table;
    width: 100%;
    position: relative;
    padding-left: 1em;
    -webkit-transition: .3s;
    transition: .3s;
    font-size: 14px
}

.calendar .events-list .single-event:hover {
    text-decoration: underline
}

.calendar .events-list .single-event:before {
    content: "•";
    color: #4a5aa5;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 1.25em;
    line-height: 1.1
}

.calendar .events-list .single-event:not(:last-child) {
    margin-bottom: 1em
}

.calendar .events-list .back-btn {
    opacity: .5;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative;
    float: right;
    margin-top: 1em;
    font-size: 14px
}

.calendar .events-list .back-btn:hover {
    opacity: 1
}

.calendar td.fc-event-container {
    display: none
}

.right-column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

@media (max-width: 1024px) {
    .calendar {
        width: 100%;
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }

    .right-column {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px
    }

    .right-column > div {
        margin-top: 20px;
        width: calc(50% - 10px)
    }
}

@media (max-width: 768px) {
    .right-column > div {
        width: 100%
    }
}

.banner img {
    width: 100%
}

.social-widgets {
    padding: 1.1875em;
    background: #fff
}

.social-widgets__title {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding-bottom: .75rem;
    margin-bottom: .9375rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #8c8c8c
}

.social-widgets__title .title-primary {
    margin-bottom: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.social-widgets__title .title-primary.active {
    color: initial
}

.social-widgets__desc iframe {
    height: 25em !important;
    width: 100% !important
}

.instagram-box {
    height: 226px;
    width: 100%;
    background-color: #fff;
    border: 1px solid #dadada;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    padding: 15px
}

.instagram-box .instagram-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px
}

.instagram-box .instagram-header .avatar {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    margin-right: 10px
}

.instagram-box .instagram-header .info {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.instagram-box .instagram-header .info .name {
    font-weight: 700;
    font-size: 11px;
    color: #000;
    margin-bottom: -3px;
    margin-top: 5px
}

.instagram-box .instagram-header .info .time {
    font-size: 10px;
    color: #666
}

.instagram-box .instagram-header .follow-button {
    background-color: #4a5aa5;
    color: #fff;
    border: none;
    padding: 4px 10px;
    font-size: 12px;
    border-radius: 2px;
    cursor: pointer;
    width: 80px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.instagram-box .instagram-text {
    font-size: 20px;
    margin-bottom: 10px
}

@media (max-width: 768px) {
    .instagram-box .instagram-text {
        text-transform: uppercase
    }
}

.instagram-box .instagram-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 279px;
    margin: 0 auto
}

.instagram-box .instagram-grid img {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -o-object-fit: cover;
    object-fit: cover;
    height: 91px;
    width: 93px
}

.instagram-box .instagram-grid div {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -o-object-fit: cover;
    object-fit: cover;
    height: 91px;
    width: 93px
}

@media (max-width: 768px) {
    .instagram-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100% !important;
        gap: 5px
    }

    .instagram-grid div, .instagram-grid img {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
        flex: 1 1 0;
        width: 100%;
        height: auto;
        aspect-ratio: 1/1;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.shop-box {
    padding: 1.2em;
    height: 243px;
    background: #fff;
    border: 1px solid #dadada;
    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-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width: 768px) {
    .shop-box {
        width: 100%;
        height: auto
    }
}

.shop-header {
    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;
    margin-bottom: 8px
}

@media (max-width: 768px) {
    .shop-header h2 {
        text-transform: uppercase;
        font-weight: 400
    }
}

.shop-header h2 {
    font-size: 20px;
    margin: 0
}

.shop-link {
    font-size: 12px;
    background: #4a5aa5;
    color: #fff;
    padding: 4px 10px;
    text-decoration: none;
    border-radius: 2px;
    width: 140px;
    height: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width: 1024px) {
    .instagram-box {
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }

    .shop-box {
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }
}

.product-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media (max-width: 768px) {
    .product-row {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (max-width: 768px) {
    .product-card {
        width: 100%;
        max-width: 100%
    }
}

.product-card img {
    width: 269px;
    height: 134px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 3px
}

@media (max-width: 768px) {
    .product-card img {
        width: 100%;
        height: auto;
        max-width: 100%
    }
}

.subscribe__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.25rem
}

.subscribe__title i {
    font-size: 3.125em;
    color: #8c8c8c;
    margin-right: .6em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 767px) {
    .subscribe__title i {
        font-size: 2em;
        margin-right: .375em
    }
}

.input-regular {
    height: 2.5em;
    border: 1px solid rgba(0, 0, 0, .1);
    line-height: calc(2.5em - 2px);
    font-size: 1em;
    padding: 0 .625em;
    outline: 0 !important;
    font-family: inherit;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0
}

.input-regular:focus, .input-regular:hover {
    border-color: #4a5aa5
}

textarea.input-regular {
    width: 100% !important
}

.input-group {
    margin-bottom: .625em
}

.input-group .input-regular {
    width: 100%
}

.input-group__title {
    display: block;
    color: #8c8c8c;
    font-size: .75em;
    margin-bottom: .5em
}

.input-group--glued {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0
}

@media screen and (max-width: 480px) {
    .input-group--glued {
        display: block;
        margin-bottom: .625em
    }

    .input-group--glued > * {
        width: 100%
    }

    .input-group--glued > :not(:last-child) {
        margin-bottom: .625em
    }
}

[class^=col-] .input-group {
    margin-bottom: 0
}

.socials-carousel {
    height: 100%
}

.socials-carousel .slick-list, .socials-carousel .slick-slide > div, .socials-carousel .slick-track {
    height: 100%
}

.socials-carousel__item {
    background: #4a5aa5;
    color: #fff;
    padding: 1.875em 1.875em 4.375em;
    height: 100%
}

@media screen and (max-width: 767px) {
    .socials-carousel__item {
        padding: 1rem;
        padding-bottom: 4.375em
    }
}

.socials-carousel__item div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.socials-carousel__item i {
    color: #4a5aa5;
    font-size: 1.875em;
    width: 1.6666666667em;
    height: 1.6666666667em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-right: .6em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #fff;
    border-radius: 50%
}

@media screen and (max-width: 480px) {
    .socials-carousel__item i {
        font-size: 1.2em;
        margin-right: .75rem
    }
}

.socials-carousel__item span {
    font-size: 1.375em;
    font-weight: 700
}

@media screen and (max-width: 1024px) {
    .socials-carousel__item span {
        font-size: 1.125em
    }
}

.socials-carousel .dots-regular {
    position: absolute;
    bottom: 0;
    right: 0
}

.title-block {
    margin-bottom: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.title-block .title-primary {
    margin-bottom: 0
}

.carousel-controls {
    cursor: default;
    white-space: nowrap
}

@media screen and (max-width: 480px) {
    .carousel-controls {
        display: none
    }
}

.carousel-controls a {
    font-size: 1.5em;
    color: #4a5aa5;
    opacity: .54;
    cursor: pointer
}

.carousel-controls a:not(:last-child) {
    margin-right: .625rem
}

.carousel-controls a:hover {
    opacity: 1
}

.games-carousel {
    overflow: hidden
}

@media screen and (min-width: 481px) {
    .games-carousel .slick-list {
        margin: -.625rem
    }

    .games-carousel .slick-list .slick-slide {
        padding: .625rem
    }
}

.games-carousel .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 0
}

.games-carousel .slick-track > .slick-slide {
    height: auto;
    float: none
}

.games-carousel .slick-track > .slick-slide > div {
    height: 100%
}

.games-carousel .slick-track > .slick-slide > div > * {
    height: 100%
}

.games-carousel-item {
    padding: 2.25em 1.875em;
    background: #fff
}

.games-carousel-item:hover .games-carousel-item__title {
    color: #325385
}

.games-carousel-item__image {
    width: 7.5em;
    height: 7.5em;
    position: relative;
    margin-left: auto;
    margin-right: auto
}

.games-carousel-item__image:not(:last-child) {
    margin-bottom: .625em
}

.games-carousel-item__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain"
}

.games-carousel-item__title {
    font-size: 1.125em;
    margin-top: 0;
    margin-bottom: 0;
    font-weight: 700;
    -webkit-transition: .3s;
    transition: .3s;
    text-transform: uppercase;
    text-align: center
}

body .chosen-container {
    width: 100%;
    font-size: 1em
}

body .chosen-container:hover .chosen-single {
    border-color: #4a5aa5
}

body .chosen-container-single .chosen-single {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0;
    color: #333;
    padding: 0 .625em;
    background: 0 0;
    height: 2.5em;
    line-height: calc(2.5em - 2px)
}

body .chosen-container-multi .chosen-choices {
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 0;
    overflow-x: auto;
    cursor: pointer
}

body .chosen-container-single .chosen-single div b {
    background: 0 0
}

body .chosen-container-multi .chosen-choices li.search-field {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: none;
    height: auto;
    line-height: normal;
    padding: .3125em .625em;
    color: #333;
    float: none;
    display: inline-block;
    margin: 0;
    vertical-align: top
}

body .chosen-container-multi .chosen-choices {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .12em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body .chosen-container-multi .chosen-choices li.search-choice {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: .12em;
    border: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: .68em .8em .68em 3.2em
}

body .chosen-container-multi .chosen-choices li.search-choice span {
    margin-right: 1.6em
}

body .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: relative;
    font-size: .8em;
    top: auto;
    right: auto;
    width: auto;
    height: auto;
    background: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1;
    -webkit-transition: .3s;
    transition: .3s
}

body .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    opacity: .9
}

body .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
    content: "";
    font-family: icomoon
}

body .chosen-container-multi .chosen-choices li.search-field {
    border-right: none !important
}

body .chosen-container-multi .chosen-choices li.search-field:first-child {
    width: 100%
}

body .chosen-container-multi .chosen-choices li.search-field:first-child input[type=text] {
    width: 100% !important
}

body .chosen-container-multi .chosen-choices li.search-field input[type=text] {
    height: auto;
    margin: 0;
    line-height: 1.1;
    display: block;
    color: #aaa;
    background: #fff;
    font-family: inherit
}

body .chosen-container.chosen-container-multi.chosen-with-drop.chosen-container-active .chosen-choices, body .chosen-container.chosen-container-single.chosen-container-active.chosen-with-drop > a {
    border-color: #4a5aa5;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

body .chosen-container.chosen-container-active.chosen-with-drop .chosen-drop {
    border-color: #4a5aa5;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

body .chosen-container-active.chosen-with-drop .chosen-single {
    background: #fff
}

body .chosen-container-active.chosen-with-drop .chosen-single, body .chosen-container.chosen-with-drop .chosen-drop {
    border-color: #4a5aa5;
    border-width: 1px
}

body .chosen-container-single .chosen-single div b {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    left: 50%;
    color: #aaa;
    width: auto;
    height: auto
}

body .chosen-container-single .chosen-single div b:after {
    content: "";
    font-family: icomoon
}

body .chosen-container-active.chosen-with-drop .chosen-single div b:after {
    content: ""
}

body .chosen-container .chosen-results {
    font-size: 1em !important
}

body .chosen-container-single .chosen-single div {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 45px
}

body .chosen-container-single .chosen-drop {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    overflow: hidden;
    margin-top: 0
}

body .chosen-container-single .chosen-drop .hidden {
    display: none !important
}

body .chosen-container .chosen-results {
    padding: 0;
    margin: 0;
    max-height: 200px
}

body .chosen-container .chosen-results::-webkit-scrollbar-track {
    background-color: #fbfbfb
}

body .chosen-container .chosen-results::-webkit-scrollbar {
    width: 4px;
    background-color: #fbfbfb
}

body .chosen-container .chosen-results::-webkit-scrollbar-thumb {
    background-color: #4a5aa5;
    border-radius: 0
}

body .chosen-container .chosen-results li {
    line-height: normal;
    padding: .65625em .625em
}

body .chosen-container-single .chosen-default {
    color: #878787
}

body .chosen-container .chosen-results li.highlighted {
    background: #f9f9f9;
    color: initial
}

body .chosen-container .chosen-results li.result-selected {
    background: #4a5aa5;
    color: #fff
}

body .chosen-container-single .chosen-search {
    padding: 0;
    margin: 0;
    display: block
}

body .chosen-container-single .chosen-search input[type=text] {
    margin: 0;
    border: none;
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, .1);
    height: 2.5em;
    padding: .3125em .625em;
    padding-right: 2em;
    background: 0 0;
    background: #fff;
    font-family: inherit
}

body .chosen-container-single .chosen-search:after {
    content: "";
    font-family: icomoon;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 1.5em;
    position: absolute;
    right: .8em;
    text-align: right;
    color: #8c8c8c
}

body .no-search + .chosen-container-single .chosen-search {
    display: none
}

.modal-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 5px
}

@media screen and (max-width: 550px) {
    .modal-search {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.modal-search .search-wrapper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    border: 1px solid hsla(0, 0%, 100%, .4)
}

.modal-search .search-icon {
    position: absolute;
    right: 10px;
    font-size: 1.2em;
    color: #fff;
    pointer-events: none;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.modal-search input {
    background: 0 0;
    border: none;
    color: #fff;
    padding: 10px 35px 10px 10px;
    outline: 0;
    -webkit-appearance: none;
    border-radius: 0;
    font-family: Ubuntu, sans-serif;
    font-size: 14px;
    font-weight: 400;
    width: 240px;
    height: 40px
}

.modal-search input::-webkit-input-placeholder {
    color: #fff
}

.modal-search input::-moz-placeholder {
    color: #fff
}

.modal-search input:-ms-input-placeholder {
    color: #fff
}

.modal-search input::-ms-input-placeholder {
    color: #fff
}

.modal-search input::placeholder {
    color: #fff
}

.modal-search .search-button {
    margin-left: 20px;
    padding: 10px 15px;
    width: 195px;
    height: 40px;
    background: #fff;
    color: #000;
    border: none;
    font-size: 14px;
    font-family: Ubuntu, sans-serif;
    font-weight: 400;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 550px) {
    .modal-search .search-button {
        margin-top: 20px;
        width: 100%;
        font-size: 14px
    }
}

.modal-search .search-button:hover {
    opacity: .8
}

@media screen and (max-width: 992px) {
    .modal-search input {
        font-size: 1.5em
    }
}

@media screen and (max-width: 768px) {
    .modal-search input {
        width: 100%
    }
}

@media screen and (max-width: 550px) {
    .modal-search input {
        font-size: 14px
    }
}

div#content, div#sidebar {
    padding: 0
}

div#content .sidebar__inner, div#sidebar .sidebar__inner {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

div#content section:last-child, div#sidebar section:last-child {
    margin-bottom: 0
}

@media screen and (max-width: 1024px) {
    #sidebar {
        height: auto !important
    }
}

.modal-menu ul {
    list-style: none;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0
}

.modal-menu a {
    display: table;
    text-transform: uppercase;
    padding: .5em 0;
    font-size: 1.5em
}

@media screen and (max-width: 767px) {
    .modal-menu a {
        font-size: 1em
    }
}

.modal-menu a:hover {
    opacity: .75
}

.modal-menu .dropdown-menu {
    display: none;
    font-size: .8em
}

.full-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #4a5aa5;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 99999;
    display: none;
    text-align: center;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.full-modal:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-left: -4px
}

.full-modal__close {
    position: absolute;
    right: 1.875rem;
    top: 1.875rem;
    font-size: 1.5em;
    z-index: 9
}

@media screen and (max-width: 767px) {
    .full-modal__close {
        top: 1.25rem;
        right: 1.25rem
    }
}

.full-modal__close:hover {
    opacity: .75
}

.full-modal-inner {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    white-space: normal;
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-animation: scale .3s forwards;
    animation: scale .3s forwards;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    padding: 1.875rem
}

@media screen and (max-width: 767px) {
    .full-modal-inner {
        padding: 3.125rem 1.25rem
    }
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(.9);
        transform: scale(.9)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.full-modal-inner img {
    display: block;
    margin: 0 auto 20px auto;
    max-width: 100%;
    height: auto
}

@media screen and (max-width: 550px) {
    .full-modal-inner img {
        width: 50%
    }
}

@media screen and (max-width: 480px) {
    .mobile-carousel.row {
        margin: 0;
        background: #fff
    }

    .mobile-carousel.row > [class^=col] {
        padding: 0
    }

    .mobile-carousel .slick-slide > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.simplebar--regular {
    width: calc(100% + 2rem);
    margin-left: -1rem;
    margin-top: -1em
}

@media screen and (max-width: 480px) {
    .simplebar--regular:not(:first-child) {
        padding-top: 1em
    }
}

.simplebar--regular > .simplebar-track.horizontal {
    display: none !important
}

.simplebar--regular > .simplebar-scroll-content {
    margin-left: 1px
}

.simplebar--regular > .simplebar-scroll-content > .simplebar-content {
    padding-right: 1rem;
    padding-left: 1rem;
    padding-top: 1em;
    padding-bottom: 2rem !important
}

.simplebar--regular > .simplebar-track.vertical > .simplebar-scrollbar {
    width: 5px
}

.simplebar--regular > .simplebar-track.vertical > .simplebar-scrollbar:before {
    -webkit-transition: .3s;
    transition: .3s;
    background: #4a5aa5;
    opacity: .5
}

.simplebar--regular:hover > .simplebar-track.vertical > .simplebar-scrollbar:before {
    opacity: 1 !important
}

.simplebar--white > .simplebar-track.vertical > .simplebar-scrollbar:before {
    background: #fff
}

.simplebar .simplebar-scrollbar {
    width: 4px
}

.simplebar .simplebar-scrollbar:before {
    background: rgba(0, 0, 0, .3);
    opacity: .3
}

.simplebar > .simplebar-track.horizontal > .simplebar-scrollbar {
    height: 4px
}

.content {
    background: #fff;
    padding: 1.875rem 1.875rem 1.875rem
}

@media screen and (max-width: 767px) {
    .content {
        padding: 1rem
    }
}

.content a {
    color: #4a5aa5
}

.content a:hover {
    color: #325385
}

.breadcrumbs {
    list-style: none;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1.25em;
    margin-top: 0
}

.breadcrumbs li {
    font-family: Ubuntu, sans-serif;
    font-size: 12px
}

.breadcrumbs li:not(:last-child):after {
    content: "/";
    margin: 0 .5em
}

.breadcrumbs li a:hover {
    color: #325385
}

.breadcrumbs li span.red {
    color: #ec335e
}

@media screen and (max-width: 768px) {
    .breadcrumbs {
        list-style: none;
        padding-left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 1.25em;
        margin-top: 0
    }

    .breadcrumbs li {
        font-family: "PT Sans Narrow", sans-serif;
        font-size: 12px
    }
}

.breadcrumbs li::after {
    content: " /";
    padding: 0 5px
}

.breadcrumbs li:last-child::after {
    content: none
}

@media (max-width: 1024px) {
    .breadcrumbs li:last-child {
        display: none
    }

    .breadcrumbs li:nth-last-child(2)::after {
        content: none
    }
}

.article-image {
    position: relative;
    padding-bottom: 50%;
    margin-bottom: 1.25em
}

.article-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.article-image--carousel {
    padding-bottom: 0
}

.article-image--carousel .slick-slide > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.article-image--carousel .slick-slide a {
    padding-bottom: 67.36%;
    position: relative
}

.article-image--carousel .dots-regular {
    position: absolute;
    bottom: 0;
    right: 0;
    background: 0 0
}

.article-image--carousel .dots-regular:before {
    display: none
}

.article-image--carousel .dots-regular li:before {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
    box-shadow: 0 0 5px rgba(0, 0, 0, .4)
}

.article-image--contain {
    background: #fff
}

.article-image--contain img {
    padding: 1.875rem 1.875rem 1.875rem;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain"
}

@media screen and (max-width: 767px) {
    .article-image--contain img {
        padding: 1rem
    }
}

article h1 {
    display: none
}

article table p {
    margin-bottom: 10px;
    margin-top: 10px
}

.content, .plain-text, article {
    font-size: 14px;
    font-family: Ubuntu, sans-serif;
    text-align: left;
    margin-bottom: 20px
}

.content ol:last-child, .content p:last-child, .content ul:last-child, .plain-text ol:last-child, .plain-text p:last-child, .plain-text ul:last-child, article ol:last-child, article p:last-child, article ul:last-child {
    margin: 0
}

.content ol a, .content p a, .content ul a, .plain-text ol a, .plain-text p a, .plain-text ul a, article ol a, article p a, article ul a {
    color: #4a5aa5;
    text-decoration: underline
}

.content ol a:hover, .content p a:hover, .content ul a:hover, .plain-text ol a:hover, .plain-text p a:hover, .plain-text ul a:hover, article ol a:hover, article p a:hover, article ul a:hover {
    color: #325385
}

.content img, .plain-text img, article img {
    max-width: 100%;
    height: auto
}

@media screen and (max-width: 480px) {
    .content img, .plain-text img, article img {
        width: 100% !important;
        height: auto !important
    }
}

.content blockquote, .plain-text blockquote, article blockquote {
    margin: 2rem 0;
    background: #f7f7f7;
    padding: 2em;
    font-size: 1.125em;
    position: relative;
    -webkit-transition: .3s;
    transition: .3s
}

.content blockquote:before, .plain-text blockquote:before, article blockquote:before {
    content: "";
    font-family: icomoon;
    position: absolute;
    top: 1rem;
    left: 1rem;
    font-size: 3.4375em;
    margin-top: -.2em;
    opacity: .1
}

.content table, .plain-text table, article table {
    border-spacing: 0;
    border-collapse: collapse
}

.content table td, .content table th, .plain-text table td, .plain-text table th, article table td, article table th {
    padding: .5em;
    border: 1px solid rgba(0, 0, 0, .1)
}

.content table td:first-child, .content table th:first-child, .plain-text table td:first-child, .plain-text table th:first-child, article table td:first-child, article table th:first-child {
    font-weight: 700
}

.content table th, .plain-text table th, article table th {
    text-align: left
}

.anthem-block {
    padding: 10px;
    border-radius: 8px
}

.anthem-block .anthem-player {
    position: relative;
    margin-bottom: 3rem
}

.anthem-block .anthem-player .anthem-controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    position: relative
}

.anthem-block .anthem-player .play-button {
    font-size: 15px;
    background: 0 0;
    border: none;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    width: 20px;
    text-align: center
}

.anthem-block .anthem-player .progress-line {
    height: 2px;
    background-color: rgba(0, 0, 0, .54);
    border-radius: 2px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    top: 1px
}

.anthem-block .anthem-player .download-link {
    position: absolute;
    top: 30px;
    right: 10px;
    font-size: 14px;
    color: #4a5aa5;
    font-family: Ubuntu, sans-serif
}

.anthem-block .anthem-player .download-link:hover {
    color: #0056b3
}

.anthem-block .plain-text {
    font-size: 14px;
    font-weight: 400
}

.anthem-block .plain-text p {
    margin: 0;
    line-height: 1.4
}

.share {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 1.25em;
    margin-top: 1.25em
}

@media screen and (max-width: 767px) {
    .share {
        padding-top: 1rem;
        margin-top: 1rem
    }
}

.share a {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px solid rgba(0, 0, 0, .1);
    height: 2.5em;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

.share a:hover {
    border-color: #4a5aa5
}

.share a:hover span {
    border-color: #4a5aa5;
    color: #000
}

.share a:hover i {
    color: #fff;
    background: #4a5aa5
}

.share a span {
    border-right: 1px solid rgba(0, 0, 0, .1);
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 .5em;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

.share a i {
    width: 2em;
    color: #8c8c8c;
    font-size: 1.25em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s;
    transition: .3s
}

.share-modal .ya-share2__container_size_m .ya-share2__icon {
    width: 32px;
    height: 32px
}

.share-modal .ya-share2__badge {
    border-radius: 0
}

.pagination {
    margin-top: 1.25em;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding-left: 0;
    margin-bottom: 0
}

@media screen and (max-width: 767px) {
    .pagination {
        margin-top: 1em
    }
}

.pagination i {
    display: inline-block;
    font-weight: 700;
    vertical-align: middle
}

.pagination > li > a, .pagination > li > span {
    margin-right: .8em;
    font-family: Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 0 .5em;
    text-align: center;
    min-width: 2.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 2.5em;
    background: #fff
}

@media screen and (max-width: 767px) {
    .pagination > li > a, .pagination > li > span {
        margin-right: .5em;
        margin-bottom: .5em;
        min-width: 2.5em;
        height: 2.5em;
        border-width: 2px
    }
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    color: #325385
}

.pagination > li.active > a, .pagination > li.active > span {
    font-family: Arial, sans-serif;
    font-weight: 400;
    background: #4a5aa5;
    color: #fff;
    pointer-events: none;
    width: 2.5em;
    height: 2.5em;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination > li.disabled a, .pagination > li.disabled span {
    pointer-events: none
}

.pagination i {
    width: 13px;
    height: 13px;
    font-size: 18px;
    font-weight: lighter;
    display: inline-block;
    line-height: 13px;
    text-align: center
}

.categories-carousel {
    overflow: hidden
}

@media screen and (min-width: 481px) {
    .categories-carousel .slick-list {
        margin: -.625rem
    }

    .categories-carousel .slick-list .slick-slide {
        padding: .625rem
    }
}

.categories-carousel .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.categories-carousel .slick-track > .slick-slide {
    height: auto;
    float: none
}

.categories-carousel .slick-track > .slick-slide > div {
    height: 100%
}

.categories-carousel .slick-track > .slick-slide > div > * {
    height: 100%
}

.categories-carousel-item {
    padding: 1.25em .625em;
    background: #fff;
    text-align: center
}

@media screen and (min-width: 768px) {
    .categories-carousel-item.active {
        background: #4a5aa5
    }

    .categories-carousel-item.active .categories-carousel-item__icon, .categories-carousel-item.active .categories-carousel-item__title {
        color: #fff !important
    }
}

@media screen and (max-width: 767px) {
    .categories-carousel-item.active .categories-carousel-item__title {
        color: #4a5aa5;
        font-weight: 700
    }
}

.categories-carousel-item:hover .categories-carousel-item__title {
    color: #325385
}

.categories-carousel-item__icon {
    font-size: 1.75em;
    color: #4a5aa5;
    margin-bottom: .75rem
}

.categories-carousel-item__title {
    font-size: .75em;
    color: #8c8c8c;
    font-weight: 400;
    -webkit-transition: .3s;
    transition: .3s;
    margin-top: 0;
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .game-header--federation .game-header__desc-item {
        width: 50%
    }
}

.game-header--federation .game-header__desc-item:first-child {
    border-left: none
}

.game-header--federation .game-header__desc-item:last-child {
    border-right: none
}

.game-header__img {
    display: block;
    width: 100%
}

.game-header__desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #4a5aa5;
    padding: .5em
}

@media screen and (max-width: 767px) {
    .game-header__desc {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.game-header__desc-item {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: .875em;
    padding: .4285714286em 1.2857142857em;
    border-left: 1px solid #fff
}

@media screen and (max-width: 767px) {
    .game-header__desc-item {
        border: none
    }
}

.game-header__desc-item:last-child {
    border-right: 1px solid #fff
}

@media screen and (max-width: 767px) {
    .game-header__desc-item:last-child {
        border-right: none
    }
}

.game-header__desc-item div:first-child {
    opacity: .5
}

.athletes .card__image {
    padding-bottom: 100%
}

.athletes .card__desc {
    padding: 1em
}

.athletes .card__title {
    font-size: 1em
}

.athletes .card__info {
    font-size: .75em;
    font-weight: 700;
    text-transform: unset
}

.athletes .card__votes {
    position: absolute;
    top: 1rem;
    right: 0;
    background: #4a5aa5;
    color: #fff;
    padding: .5em 1em;
    font-size: 1em;
    font-weight: 700
}

.athletes .card .btn-icon span, .athletes .card .btn-icon:before {
    font-size: .875em
}

.athletes .card .btn-icon.active span {
    display: none
}

.athletes .card .btn-icon.active:before {
    content: attr(data-title-active)
}

@media screen and (max-width: 480px) {
    .athletes > [class^=col-] {
        width: 100%
    }
}

.filter__athlete {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Ubuntu, sans-serif
}

.filter__form__athlete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border: 1px solid #dadada;
    padding: 24px 24px 24px 24px;
    margin-bottom: 25px
}

.filter__group__athlete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 188px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.filter__tabs__athlete {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    position: relative;
    top: 1px
}

.filter__tab__athlete {
    min-width: 210px;
    max-width: 265px;
    height: 64px;
    padding: 12px 16px;
    font-size: 14px;
    font-family: Ubuntu, sans-serif;
    background-color: #f0f0f0;
    border: none;
    text-align: center;
    color: #100f0d;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.filter__tab__athlete--active {
    background-color: #fff;
    border: 1px solid #dadada;
    border-bottom: none;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .filter__tab__athlete {
        min-width: 100px;
        max-width: 150px;
        height: auto;
        padding: 10px 8px;
        font-size: 12px;
        font-family: "PT Sans Narrow", sans-serif;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        white-space: normal;
        word-break: break-word;
        text-transform: uppercase
    }

    .filter__tab__athlete--active {
        background-color: #fff
    }
}

@media screen and (max-width: 768px) {
    .filter__label {
        font-size: 14px;
        color: #8a8a8a;
        margin-bottom: 8px;
        font-family: "PT Sans Narrow", sans-serif
    }
}

@media screen and (max-width: 768px) {
    .filter__form__athlete {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 16px;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        padding: 20px 16px
    }

    .filter__select__athlete, .input-regular {
        width: 50%;
        font-size: 14px !important;
        font-family: "PT Sans Narrow", sans-serif !important
    }

    .filter__button__athlete {
        padding: 12px;
        font-size: 15px
    }
}

@media screen and (max-width: 480px) {
    .filter__button__athlete, .filter__group__athlete {
        width: 100%;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

.filter__select__athlete {
    width: 188px;
    height: 40px;
    font-size: 14px;
    border: 1px solid #ccc;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff url("data:image/svg+xml;utf8,<svg fill='%238a8a8a' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>") no-repeat right 10px center;
    background-size: 24px 24px;
    padding-right: 40px
}

.filter__button__athlete {
    padding: 12px 32px;
    width: 188px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    background-color: #4a5aa5;
    border: none;
    cursor: pointer;
    -webkit-transition: background-color .2s ease;
    transition: background-color .2s ease
}

.athlete {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.athlete__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 15px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

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

@media screen and (max-width: 1024px) {
    .filter__form__athlete {
        border: none;
        -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, .1), -2px 0 4px rgba(0, 0, 0, .1), 2px 0 4px rgba(0, 0, 0, .1);
        box-shadow: 0 8px 8px rgba(0, 0, 0, .1), -2px 0 4px rgba(0, 0, 0, .1), 2px 0 4px rgba(0, 0, 0, .1)
    }

    .filter__tab__athlete--active {
        border: none;
        -webkit-box-shadow: -4px 0 10px rgba(0, 0, 0, .1);
        box-shadow: -4px 0 10px rgba(0, 0, 0, .1)
    }
}

@media screen and (max-width: 768px) {
    .filter__form__athlete {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        gap: 10px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .input-regular {
        width: 100%
    }

    .filter__group__athlete {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 40%;
        flex: 1 1 40%;
        min-width: 120px
    }

    .filter__button__athlete {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        max-width: 100%
    }
}

@media screen and (max-width: 480px) {
    .filter__button__athlete, .filter__group__athlete {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        width: 100%
    }

    .filter__select__athlete {
        width: 100%
    }
}

.athletes-card {
    width: 207.67px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #fff
}

.athletes-card__info {
    width: 207.67px;
    height: 161px;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dadada;
    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-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.athletes-card__name {
    font-size: 20px;
    color: #100f0d;
    margin: 0 0 8px 0;
    font-weight: 400;
    font-family: "PT Sans Narrow", sans-serif
}

.athletes-card__sport {
    font-size: 14px;
    color: #8a8a8a;
    font-weight: 400;
    font-family: "PT Sans Narrow", sans-serif
}

.athletes-card__medals {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 160px;
    margin: 12px auto 0 auto
}

@media screen and (max-width: 1024px) {
    .athletes-card {
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }

    .athletes-card__info {
        border: none
    }
}

@media screen and (max-width: 480px) {
    .athletes-card, .athletes-card__info {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }

    .athletes-card__medals {
        width: 300px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

@media screen and (max-width: 370px) {
    .athletes-card__medals {
        width: 200px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%
    }
}

.athletes-medal {
    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-align: center;
    -ms-flex-align: center;
    align-items: center
}

.medals {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 18px;
    font-weight: 400;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid;
    margin-bottom: 5px
}

.medals--gold {
    border-color: #fcba3f;
    color: #fcba3f
}

.medals--silver {
    border-color: #dadada;
    color: #dadada
}

.medals--bronze {
    border-color: #b78d4a;
    color: #b78d4a
}

.medals__number {
    font-family: Ubuntu, sans-serif
}

.medals--gold + .medals__label {
    color: #fcba3f
}

.medals--silver + .medals__label {
    color: #dadada
}

.medals--bronze + .medals__label {
    color: #b78d4a
}

.medals__label {
    margin-top: 1px;
    font-size: 12px;
    font-weight: 700;
    text-align: center
}

.athlete__heading {
    width: 100%;
    font-size: 44px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase
}

@media screen and (max-width: 1024px) {
    .athlete__heading {
        font-size: 40px;
        font-weight: 400;
        font-family: "PT Sans Narrow", sans-serif;
        padding: 0;
        margin: 20px 0 20px 0
    }
}

.athlete-card {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

@media screen and (max-width: 767px) {
    .athlete-card {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.athlete-card__image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 14.5em;
    position: relative
}

@media screen and (max-width: 767px) {
    .athlete-card__image {
        width: 100%;
        padding-bottom: 100%
    }
}

.athlete-card__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.athlete-card__desc {
    background: #fff;
    padding: 1.875em 4.625em;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (max-width: 767px) {
    .athlete-card__desc {
        padding: 1rem;
        width: 100%
    }
}

.athlete-card-games__title {
    font-size: 1em;
    margin-top: 0;
    margin-bottom: .625em;
    font-weight: 700
}

.athlete-card-games__list {
    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
}

.athlete-card-games a {
    width: 2.0625em;
    height: 2.0625em;
    position: relative
}

.athlete-card-games a:not(:last-child) {
    margin-right: 1.25em
}

.athlete-card-games a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain"
}

.athlete-info:not(:last-child) {
    margin-bottom: 1.25em
}

.athlete-info__name {
    margin-top: 0;
    font-size: 1.375em;
    font-weight: 700;
    margin-bottom: .4545454545em
}

.athlete-info__sport {
    font-size: .875em;
    margin-bottom: 1.25em
}

.medals {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.medals-item {
    text-align: center
}

.medals-item:not(:last-child) {
    margin-right: 2.5em
}

.medals-item__circle {
    width: 2.875em;
    height: 2.875em;
    border: 2px solid;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: .375em;
    border-radius: 50%
}

.medals-item__name {
    font-size: .75em;
    font-weight: 700;
    text-transform: uppercase
}

.medals-item--gold {
    color: #fcba3f
}

.medals-item--silver {
    color: #cacaca
}

.medals-item--bronze {
    color: #b78d4a
}

@media screen and (min-width: 768px) {
    .athletes-carousel .athlete-card__desc {
        padding: 1.875em 4.625em 6.25em
    }
}

@media screen and (min-width: 768px) {
    .athletes-carousel .dots-regular {
        position: absolute;
        right: 0;
        bottom: 0
    }
}

.sidebar-nav {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 0
}

.sidebar-nav a {
    font-size: 20px;
    font-weight: 400;
    -webkit-transition: .3s;
    transition: .3s
}

.sidebar-nav a:hover {
    color: #325385
}

.sidebar-nav ul {
    list-style: none;
    margin-top: .6em;
    padding-left: .625em
}

.sidebar-nav ul a {
    font-size: 20px;
    color: #8c8c8c
}

.sidebar-nav ul a:hover {
    color: #000
}

.sidebar-nav.spoilers .spoiler__desc {
    display: none;
    -webkit-animation: fade .8s forwards;
    animation: fade .8s forwards;
    opacity: 0
}

@-webkit-keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.sidebar__inner .row--multiline > [class^=col-]:not(:last-child) {
    margin-bottom: 20px
}

.spoilers:not(.sidebar-nav) .spoiler:first-child {
    border-top: 1px solid rgba(0, 0, 0, .1)
}

.spoilers:not(.sidebar-nav) .spoiler__title {
    font-size: 1.125em;
    font-weight: 700;
    padding: 1.1875em 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    text-transform: uppercase;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

.spoilers:not(.sidebar-nav) .spoiler__title:hover {
    color: #325385
}

.spoilers:not(.sidebar-nav) .spoiler__title:after {
    content: "";
    font-family: icomoon;
    display: block;
    -webkit-transition: .3s;
    transition: .3s;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: 1.25rem;
    margin-left: 1.25rem
}

.spoilers:not(.sidebar-nav) .spoiler__desc {
    display: none;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 1.875rem 1.875rem 1.875rem;
    -webkit-animation: fade .8s forwards;
    animation: fade .8s forwards;
    opacity: 0
}

@media screen and (max-width: 767px) {
    .spoilers:not(.sidebar-nav) .spoiler__desc {
        padding: 1rem
    }
}

@keyframes fade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.spoilers:not(.sidebar-nav) .spoiler.active .spoiler__title {
    border-bottom-color: transparent;
    color: #4a5aa5
}

.spoilers:not(.sidebar-nav) .spoiler.active .spoiler__title:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.spoilers:not(.sidebar-nav) .spoiler.active .spoiler__desc {
    display: block
}

.spoiler__title_top {
    color: #4a5aa5;
    font-size: 20px
}

.documents .document {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.documents .document:not(:last-child) {
    margin-bottom: 1.0625em
}

.documents .document:hover span {
    color: #325385
}

.documents .document img {
    width: 1.5em;
    height: 1.5em;
    -o-object-fit: contain;
    object-fit: contain;
    font-family: "object-fit: contain";
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.documents .document span {
    font-size: 1em;
    -webkit-transition: .3s;
    transition: .3s;
    padding: .15625em .625em
}

.documents .document:after {
    font-size: 1.5em;
    margin-left: auto;
    content: "";
    font-family: icomoon;
    color: #8c8c8c;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.document__box {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px
}

.documents__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    padding: 0 7px 25px 7px;
    color: #000
}

.documents__main {
    width: 100%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.documents__main .documents__doc-group {
    margin-bottom: 20px
}

.documents__main .documents__doc-group.active .documents__doc-list {
    display: block
}

.documents__main .documents__doc-group.active .documents__doc-toggle::before {
    content: "×"
}

.documents__main .documents__doc {
    padding: 0 10px
}

.documents__main .documents__doc-header {
    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;
    cursor: pointer;
    padding: 0 0 10px 0
}

.documents__main .documents__doc-title {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 400;
    font-family: "PT Sans Narrow", sans-serif
}

.documents__main .documents__doc-toggle {
    background: 0 0;
    border: none;
    width: 24px;
    height: 24px;
    padding: 0 20px 0 20px;
    font-size: 0;
    cursor: pointer;
    position: relative
}

.documents__main .documents__doc-toggle::before {
    content: "+";
    font-size: 30px;
    line-height: 24px;
    display: block;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.documents__main .documents__doc-toggle[aria-expanded=true]::before {
    content: "×"
}

.documents__main .documents__doc-list {
    max-height: 0;
    -webkit-transition: max-height .3s ease;
    transition: max-height .3s ease;
    list-style: none;
    padding: 0;
    margin: 10px 0 0
}

.documents__main .documents__doc-group.active .documents__doc-list {
    max-height: 1000px
}

.documents__main .documents__doc-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 10px;
    padding: 0 8px 10px 0
}

.documents__main .documents__doc-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 20px;
    font-weight: 400
}

.documents__main .documents__divider {
    border: none;
    border-top: 1px solid rgba(0, 0, 0, .1);
    margin-bottom: 10px
}

@media screen and (max-width: 1024px) {
    .document__box {
        padding: 0;
        margin-top: 40px
    }

    .documents__grid {
        padding: 0
    }
}

@media screen and (max-width: 768px) {
    .documents__doc-text {
        font-family: "PT Sans Narrow", sans-serif !important
    }
}

.nok-logo img {
    display: block;
    margin: 0 auto 1.25em;
    width: 400px;
    height: 400px
}

.nok-logo strong {
    font-size: 1.125em
}

.partners .card {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.partners .card img {
    -webkit-transition: .3s;
    transition: .3s
}

.partners .card:hover img {
    opacity: .5
}

.partners-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.625rem
}

.partners-block.centered {
    text-align: center
}

.partners-block .partners-link {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.875rem 1.875rem 1.875rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (min-width: 768px) {
    .partners-block .partners-link {
        width: 50%
    }

    .partners-block .partners-link.wide {
        width: 100%
    }
}

@media screen and (min-width: 1025px) {
    .partners-block .partners-link {
        width: 25%
    }

    .partners-block .partners-link.wide {
        width: 100%
    }
}

.partners-block .partners-link img {
    -webkit-transition: .3s;
    transition: .3s
}

.partners-block .partners-link:hover img {
    opacity: .5
}

.partners {
    padding: 40px 0
}

.partners__container {
    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;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
    gap: 32px
}

.partners__title {
    font-size: 44px;
    color: #100f0d;
    font-weight: 400;
    white-space: nowrap;
    margin: 0
}

.partners__logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.partners__logo {
    width: 70px;
    height: 70px;
    -o-object-fit: contain;
    object-fit: contain
}

.partners__logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px
}

.partners__logo {
    max-height: 60px;
    max-width: 150px;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.partners__mobile-wrapper {
    display: none
}

@media screen and (max-width: 768px) {
    .partners__container {
        display: block
    }

    .partners__title {
        font-size: 40px;
        font-family: "PT Sans Narrow", sans-serif
    }

    .partners__logos--desktop {
        display: none !important
    }

    .partners__mobile-wrapper {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        padding: 0 10px;
        margin-top: 16px
    }

    .partners__mobile-slider {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 16px;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .partners__logo {
        height: 50px;
        width: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -o-object-fit: contain;
        object-fit: contain
    }
}

.person {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    .person {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.person__image {
    width: 14.5em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media screen and (max-width: 767px) {
    .person__image {
        width: 100%
    }
}

.person__image img {
    width: 100%;
    display: block
}

.person__desc {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: #fff;
    padding: 1.5625rem 1.875rem 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.person__name {
    font-size: 1.375em;
    font-weight: 700;
    margin-bottom: .4545454545em;
    display: block
}

.person__position {
    color: #8c8c8c;
    font-size: .875em;
    display: block
}

.article-personality {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width: 767px) {
    .article-personality {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.article-personality-img {
    width: 14.5em;
    height: 14.5em
}

@media screen and (max-width: 767px) {
    .article-personality-img {
        width: 100%;
        position: relative;
        padding-bottom: 100%;
        height: auto
    }
}

.article-personality-img img {
    width: 100%;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

@media screen and (max-width: 767px) {
    .article-personality-img img {
        height: 100% !important;
        position: absolute;
        top: 0;
        left: 0
    }
}

.article-personality-txt {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    background: #fff;
    padding: 1.5625rem 1.875rem 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

@media screen and (max-width: 767px) {
    .article-personality-txt {
        padding-bottom: 0
    }
}

.article-personality-title {
    font-size: 1.375em;
    font-weight: 700;
    margin-bottom: .4545454545em;
    display: block
}

.article-personality-post {
    color: #8c8c8c;
    font-size: .875em;
    display: block
}

.president {
    width: 100%;
    height: 300px;
    border: 1px solid #dadada;
    padding: 25px
}

@media screen and (max-width: 1024px) {
    .president {
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }
}

.president__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.president__photo {
    width: 250px;
    height: 250px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.president__photo img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.president__info {
    margin-left: 20px;
    height: 250px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.president__name {
    max-width: 80%;
    font-size: 44px;
    line-height: 60px;
    font-weight: 400;
    word-break: break-word;
    margin: auto 0;
    text-transform: uppercase
}

.career {
    width: 100%;
    border: 1px solid #dadada;
    padding: 25px
}

@media screen and (max-width: 1024px) {
    .career {
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }
}

.career__card {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px
}

.career__title {
    font-size: 44px;
    font-weight: 400;
    text-transform: uppercase;
    margin: 0
}

.career__info {
    font-size: 14px;
    font-family: Ubuntu, sans-serif;
    line-height: 1.5
}

.career .career__awards {
    padding-left: 0;
    list-style: none
}

.career .career__awards li {
    position: relative;
    padding-left: 18px
}

.career .career__awards li::before {
    content: "–";
    position: absolute;
    left: 0
}

.president__heading {
    font-size: 44px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase
}

@media screen and (max-width: 768px) {
    .president {
        height: auto;
        padding: 15px
    }

    .president__card {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .president__info {
        font-size: 16px
    }

    .president__name {
        font-size: 24px;
        font-family: "PT Sans Narrow", sans-serif;
        text-transform: uppercase
    }
}

@media screen and (max-width: 600px) {
    .president__card {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-align: center
    }

    .president__photo {
        margin-bottom: 15px;
        width: 90%;
        height: auto
    }

    .president__photo img {
        max-width: 80%;
        height: auto
    }

    .president__info {
        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-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: 0 !important;
        height: auto !important;
        text-align: center
    }

    .president__name {
        font-size: 20px;
        font-family: "PT Sans Narrow", sans-serif;
        text-transform: uppercase;
        line-height: 30px
    }
}

@media screen and (max-width: 400px) {
    .president {
        height: auto;
        padding: 15px
    }

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

    .president__photo {
        margin-bottom: 15px;
        width: 100%;
        height: 100%
    }

    .president__photo img {
        max-width: 100%;
        height: auto
    }

    .president__info {
        height: auto
    }

    .president__name {
        line-height: 30px
    }
}

@media screen and (max-width: 768px) {
    .career {
        width: 100%;
        padding: 25px
    }

    .career__card {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 20px;
        font-family: "PT Sans Narrow", sans-serif
    }

    .career__title {
        font-size: 24px;
        font-weight: 400;
        text-transform: uppercase;
        margin: 0;
        font-family: "PT Sans Narrow", sans-serif
    }

    .career__info {
        font-size: 14px;
        font-family: "PT Sans Narrow", sans-serif;
        line-height: 1.5
    }
}

.staff .card__image {
    padding-bottom: 129.7549019608%
}

.staff .card__title {
    font-size: 1em
}

.staff .card__annotation {
    font-size: .75em
}

.audio__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.audio__controls button {
    background: 0 0;
    padding: 0;
    border: none;
    outline: 0;
    cursor: pointer
}

.audio__controls button:hover {
    opacity: .5
}

.audio__controls button i {
    font-size: 1.5em
}

.audio input[type=range] {
    height: 2px;
    background: #8c8c8c;
    cursor: pointer;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-appearance: none;
    outline: 0
}

.audio input[type=range]::-webkit-slider-thumb {
    width: 1px;
    -webkit-appearance: none;
    height: 10px;
    cursor: ew-resize;
    background: #000;
    -webkit-box-shadow: -1000px 0 0 1000px #000;
    box-shadow: -1000px 0 0 1000px #000
}

.symbols__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1.875em;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width: 767px) {
    .symbols__top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (max-width: 767px) {
    .symbols__flag {
        width: 100%;
        margin-bottom: 1.875em
    }
}

.symbols__flag img {
    display: block;
    margin: 0 auto
}

.symbols__emblem {
    margin-left: 2em
}

@media screen and (max-width: 767px) {
    .symbols__emblem {
        width: 100%;
        margin-left: 0
    }
}

.symbols__emblem img {
    display: block;
    margin: 0 auto
}

.symbols__title {
    font-size: 1em;
    font-weight: 700;
    margin-top: 0;
    margin-bottom: .625em;
    text-transform: uppercase
}

.dependent-title {
    margin-bottom: 1.25rem;
    -webkit-transition: .3s;
    transition: .3s
}

@media screen and (max-width: 767px) {
    .dependent-title {
        margin-bottom: 1rem
    }
}

.dependent-title .mobile-dropdown {
    margin-bottom: 0
}

@media screen and (max-width: 1024px) {
    .dependent-title--empty {
        display: none
    }
}

@media screen and (min-width: 1025px) {
    .is-affixed .dependent-title--empty {
        height: 0 !important;
        margin-bottom: -.625rem
    }
}

.gallery .slider-for {
    margin-bottom: 1.25rem
}

@media screen and (max-width: 767px) {
    .gallery .slider-for {
        margin-bottom: 1rem
    }
}

.gallery .slider-nav {
    overflow: hidden
}

.gallery .slider-nav .slick-slide > div {
    position: relative;
    padding-bottom: 66.5337837838%
}

.gallery .slider-nav img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.gallery .slider-nav .slick-arrow {
    font-size: 1.5em;
    color: #4a5aa5;
    opacity: .54;
    cursor: pointer;
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: 0;
    height: 100%;
    background: #fff;
    z-index: 2
}

.gallery .slider-nav .slick-arrow:first-child {
    left: 0
}

.gallery .slider-nav .slick-arrow:last-child {
    right: 0
}

.gallery .slider-nav .slick-arrow:hover {
    opacity: .8
}

.gallery .slider-nav .slick-list {
    margin: -.625rem;
    padding: 0 !important
}

.gallery .slider-nav .slick-list .slick-slide {
    padding: .625rem;
    cursor: pointer;
    outline: 0 !important
}

.gallery-image {
    position: relative;
    padding-bottom: 66.5337837838%
}

.gallery-image img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.gallery .slick-slide {
    outline: 0 !important
}

.gallery .slick-slide > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.search-results {
    background: #fff
}

.search-results-item {
    display: block;
    padding: 1.875rem 1.875rem 1.875rem
}

@media screen and (max-width: 767px) {
    .search-results-item {
        padding: 1rem
    }
}

.search-results-item:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.search-results-item:hover .search-results-item__title {
    color: #325385
}

.search-results-item__title {
    margin-top: 0;
    font-size: 1.125em;
    margin-bottom: .5555555556em;
    -webkit-transition: .3s;
    transition: .3s
}

.search-results-item__annotation {
    font-size: 1em
}

.search-results__heading {
    font-size: 44px;
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase
}

.search-results__main {
    width: 100%;
    gap: 20px
}

.search-bar {
    width: 100%;
    padding: 16px 30px 30px 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dadada
}

@media screen and (max-width: 1024px) {
    .search-bar {
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }
}

.search-bar__label {
    display: block;
    margin-bottom: 8px;
    font-family: Ubuntu, sans-serif;
    color: #aaa;
    font-size: 14px;
    font-weight: 400
}

@media screen and (max-width: 1024px) {
    .search-bar__label {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.search-bar__controls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px
}

@media screen and (max-width: 550px) {
    .search-bar__controls {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.search-bar__input {
    width: 383px;
    height: 40px;
    padding: 8px 12px;
    border: 1px solid rgba(0, 0, 0, .1);
    outline: 0;
    font-family: Ubuntu, sans-serif;
    font-size: 14px;
    font-weight: 400
}

@media screen and (max-width: 1024px) {
    .search-bar__input {
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }
}

.search-bar__input:focus {
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.search-bar__button {
    width: 195px;
    height: 40px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
    background-color: #4a5aa5;
    border: none
}

@media screen and (max-width: 1024px) {
    .search-bar__button {
        font-family: "PT Sans Narrow", sans-serif
    }
}

@media screen and (max-width: 550px) {
    .search-bar__button {
        width: 100%
    }
}

.search-results-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    gap: 20px;
    text-transform: uppercase
}

.search-results-tabs__item {
    background: 0 0;
    border: none;
    font-size: 20px;
    font-weight: 400;
    cursor: pointer;
    color: #000;
    text-transform: uppercase;
    font-family: Oswald, sans-serif;
    padding: 0
}

@media screen and (max-width: 1024px) {
    .search-results-tabs__item {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.search-results-tabs__item.active {
    color: #4a5aa5
}

.search-results-tabs::after, .search-results-tabs::before {
    content: none;
    display: none
}

.search-results-info {
    width: 100%
}

.search-results-block {
    width: 100%;
    padding: 25px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dadada
}

@media screen and (max-width: 1024px) {
    .search-results-block {
        border: none;
        -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .15);
        box-shadow: 0 4px 15px rgba(0, 0, 0, .15)
    }
}

.search-results-block:not(:last-child) {
    margin-bottom: 10px
}

.search-results-info__title {
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 20px 0;
    text-transform: uppercase
}

@media screen and (max-width: 1024px) {
    .search-results-info__title {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.search-results-info__text {
    font-size: 14px;
    font-weight: 400;
    font-family: Ubuntu, sans-serif;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .search-results-info__text {
        font-family: "PT Sans Narrow", sans-serif
    }
}

.fact.card {
    background: #4a5aa5;
    color: #fff
}

.fact .fact__image {
    position: relative
}

.fact .fact__image .red-label {
    position: absolute;
    left: 0;
    top: 0
}

.fact .extendable:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(39, 47, 90, 0)), to(#4a5aa5));
    background: linear-gradient(to bottom, rgba(39, 47, 90, 0), #4a5aa5)
}

.fact .grey-link {
    color: #fff
}

.fact .grey-link:hover {
    color: #fff;
    opacity: .8
}

.fact .plain-text p a {
    color: #fff
}

.extendable {
    -webkit-transition: max-height .5s cubic-bezier(0, 1, 0, 1);
    transition: max-height .5s cubic-bezier(0, 1, 0, 1);
    overflow: hidden;
    position: relative;
    margin-bottom: .625em
}

.extendable.opened {
    max-height: 240em !important;
    -webkit-transition: max-height 1s ease-in-out;
    transition: max-height 1s ease-in-out
}

.extendable.opened:after {
    opacity: 0;
    visibility: hidden
}

.extendable:after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 7em;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff);
    z-index: 1;
    -webkit-transition: .3s;
    transition: .3s
}

.federation-medals-table {
    border: 1px solid rgba(0, 0, 0, .1);
    width: 100%;
    border-spacing: 0;
    border-collapse: separate
}

@media screen and (max-width: 480px) {
    .federation-medals-table {
        font-size: .75em
    }
}

@media screen and (max-width: 320px) {
    .federation-medals-table tr:first-child {
        display: none
    }
}

.federation-medals-table:not(:last-child) {
    margin-bottom: 1.25rem
}

@media screen and (max-width: 767px) {
    .federation-medals-table:not(:last-child) {
        margin-bottom: 1rem
    }
}

.federation-medals-table td {
    padding: .75em .75em
}

.federation-medals-table td:not(:first-child) {
    text-align: center;
    width: 17%;
    vertical-align: middle
}

.federation-medals-table td:nth-of-type(2) span {
    color: #fcba3f
}

.federation-medals-table td:nth-of-type(3) span {
    color: #cacaca
}

.federation-medals-table td:nth-of-type(4) span {
    color: #b78d4a
}

.federation-medals-table td span {
    width: 1.5em;
    line-height: calc(1.5em - 2px);
    height: 1.5em;
    border-radius: 50%;
    border: 1px solid;
    display: block;
    margin: 0 auto
}

.federation-medals-table tr:not(:last-child) td {
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.quiz-answers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.28125em;
    padding-top: 1em;
    font-size: .75em
}

.quiz-answers .col {
    padding: .28125em;
    counter-increment: step-counter;
    width: 50%
}

@media screen and (max-width: 480px) {
    .quiz-answers .col {
        width: 100%
    }
}

.quiz-answers input[type=radio] {
    display: none
}

.quiz-answers-item {
    background: #fff;
    color: #4a5aa5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: .25em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    border: 2px solid transparent;
    -webkit-transition: .3s;
    transition: .3s
}

.quiz-answers-item:hover {
    border-color: rgba(0, 0, 0, .1);
    color: #325385
}

.quiz-answers-item:before {
    content: counter(step-counter);
    color: #272f5a;
    font-weight: 600;
    width: 2.475em;
    height: 2.475em;
    line-height: 2.475em;
    background: #fff;
    text-align: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.quiz-answers-item span {
    width: 100%;
    padding-right: 2.5em;
    padding-left: .25em;
    text-align: center;
    font-weight: 600
}

.quiz-answers-item.correct {
    border-color: #77d57c;
    color: #77d57c
}

.quiz-answers-item.correct:before {
    content: "✓";
    color: #fff;
    background: #77d57c
}

.quiz-answers-item.wrong {
    border-color: #d57777;
    color: #d57777
}

.quiz-answers-item.wrong:before {
    content: "×";
    color: #fff;
    background: #d57777
}

.quiz-question {
    overflow: hidden
}

.quiz-question:not(:first-child) {
    display: none
}

.quiz-result {
    display: none
}

.birthday__image {
    padding-bottom: 120%;
    position: relative
}

.birthday__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: "object-fit: cover"
}

.birthday-list .slick-list {
    margin-bottom: 1.25rem
}

@media screen and (max-width: 767px) {
    .birthday-list .slick-list {
        margin-bottom: 1rem
    }
}

.birthday .dots-regular {
    margin: -1.25rem;
    position: relative
}

@media screen and (max-width: 767px) {
    .birthday .dots-regular {
        margin: -1rem;
        margin-top: 0
    }
}

.tags {
    border-top: 1px solid rgba(0, 0, 0, .1);
    padding-top: 1.25em;
    margin-top: 1.25em
}

@media screen and (max-width: 767px) {
    .tags {
        padding-top: 1rem;
        margin-top: 1rem
    }
}

.tags ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -.15625em;
    padding-left: 0;
    margin-bottom: 0
}

.tags ul li {
    padding: .15625em
}

.tags ul a {
    color: #fff;
    padding: .1875em .3125em;
    background: #4a5aa5;
    -webkit-transition: .3s;
    transition: .3s;
    text-decoration: none;
    display: block
}

.tags ul a:hover {
    background: #325385;
    color: #fff
}

.map iframe {
    width: 100%;
    height: 15em
}

.blue-links-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    background: #4a5aa5;
    color: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: .625rem;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    min-height: 3.625em
}

.blue-links-item:hover {
    background: #325385
}

@media screen and (max-width: 767px) {
    .commissions table tr {
        display: block
    }

    .commissions table tr td {
        display: block;
        width: 100% !important
    }
}

@media screen and (max-width: 767px) {
    .apparatus .row {
        margin-left: -10px;
        margin-right: -10px
    }

    .apparatus .row > [class^=col-] {
        padding-left: 10px;
        padding-right: 10px
    }

    .apparatus .row--multiline {
        margin: -10px
    }

    .apparatus .row--multiline > [class^=col-] {
        padding: 10px
    }
}

.apparatus a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #4a5aa5;
    color: #fff;
    min-height: 5.625em;
    padding: 1.625em;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    position: relative
}

.apparatus a:hover {
    background: #325385
}

.apparatus a.arrow-top:before {
    content: "";
    width: 1px;
    height: 20px;
    position: absolute;
    left: 50%;
    bottom: 100%;
    background: #ccc
}

@media screen and (max-width: 767px) {
    .apparatus a.arrow-top:before {
        display: none
    }
}

.apparatus a.arrow-top:after {
    content: "";
    width: 9px;
    height: 9px;
    border-left: 9px solid #ccc;
    border-top: 9px solid transparent;
    display: block;
    position: absolute;
    left: 50%;
    bottom: 100%;
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

@media screen and (max-width: 767px) {
    .apparatus a.arrow-top:after {
        display: none
    }
}

.apparatus .level {
    display: table;
    width: 100%;
    margin-bottom: 20px
}

.apparatus .left-line {
    position: relative
}

.apparatus .left-line:after {
    content: "";
    width: 10px;
    height: 1px;
    position: absolute;
    left: 0;
    top: 50%;
    background: #ccc
}

.apparatus .right-line {
    position: relative
}

.apparatus .right-line:after {
    content: "";
    width: 10px;
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    background: #ccc
}

.apparatus .bottom-line {
    position: relative
}

.apparatus .bottom-line:before {
    content: "";
    width: 1px;
    height: 20px;
    position: absolute;
    left: 50%;
    bottom: 0;
    background: #ccc
}

@media screen and (max-width: 767px) {
    .apparatus .bottom-line:before {
        display: none
    }
}

.apparatus .top-line {
    position: relative
}

.apparatus .top-line:before {
    content: "";
    width: 1px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 0;
    background: #ccc
}

@media screen and (max-width: 767px) {
    .apparatus .top-line {
        display: none
    }
}

.apparatus .group-1 > .row > [class^=col] {
    position: relative
}

.apparatus .group-1 > .row > [class^=col]:before {
    content: "";
    width: 100%;
    position: absolute;
    height: 1px;
    background: #ccc;
    bottom: 100%;
    left: 0
}

@media screen and (max-width: 767px) {
    .apparatus .group-1 > .row > [class^=col]:before {
        display: none
    }
}

.apparatus .subgroup-1 [class^=col] {
    position: relative
}

.apparatus .subgroup-1 [class^=col]:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    left: 0;
    background: #ccc;
    top: 0
}

.apparatus .subgroup-1 [class^=col]:last-child:before {
    height: 50%
}

@media screen and (max-width: 767px) {
    .apparatus .subgroup-1 [class^=col]:first-child:before {
        top: auto;
        bottom: 0;
        height: 50%
    }
}

.apparatus .subgroup-2 [class^=col] {
    position: relative
}

.apparatus .subgroup-2 [class^=col]:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    left: 0;
    background: #ccc;
    top: 0
}

.apparatus .subgroup-2 [class^=col]:last-child:before {
    height: 50%
}

.apparatus .subgroup-2 [class^=col]:first-child:before {
    height: 50%;
    bottom: 0;
    top: auto
}

.apparatus .subgroup-3 [class^=col] {
    position: relative
}

.apparatus .subgroup-3 [class^=col]:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    left: 0;
    background: #ccc;
    top: 0
}

.apparatus .subgroup-3 [class^=col]:last-child:before {
    height: 50%
}

.apparatus .lead-3 {
    position: relative
}

.apparatus .lead-3:after {
    content: "";
    bottom: 0;
    position: absolute;
    height: 1px;
    background: #ccc;
    width: 50%;
    left: 0
}

@media screen and (max-width: 767px) {
    .apparatus .lead-3:after {
        display: none
    }
}

.apparatus .lead-3 .right-line {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}

@media screen and (max-width: 767px) {
    .apparatus .lead-3 .right-line {
        display: none
    }
}

.apparatus .lead-3 .right-line:before {
    content: "";
    width: 10px;
    height: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    background: #ccc
}

.apparatus .lead-3 .right-line:after {
    content: "";
    position: absolute;
    width: 1px;
    right: 0;
    background: #ccc;
    height: 50%;
    bottom: 0
}

.apparatus .group-2 [class^=col] {
    position: relative
}

.apparatus .group-2 [class^=col]:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    right: 0;
    background: #ccc;
    top: 0
}

@media screen and (max-width: 767px) {
    .apparatus .group-2 [class^=col]:before {
        left: 0;
        right: auto
    }
}

.apparatus .group-2 [class^=col]:last-child:before {
    height: 50%
}

@media screen and (max-width: 767px) {
    .apparatus .group-2 [class^=col]:first-child:before {
        height: 50%;
        top: auto;
        bottom: 0
    }
}

@media screen and (max-width: 767px) {
    .apparatus .group-2 .right-line:after {
        right: auto;
        left: 0
    }
}

.apparatus svg {
    width: 100%;
    height: auto
}

.apparatus rect {
    -webkit-transition: .3s;
    transition: .3s
}

.apparatus a:hover rect {
    fill: #325385
}

.objects-map {
    height: 25em
}

.objects-map [class*=balloon__content] {
    padding: 1.5625rem 1.875rem 1.875rem;
    margin-right: 0
}

.objects-map-baloon {
    font-family: Play
}

.objects-map-baloon__title {
    margin-top: 0;
    font-size: 1.125em;
    margin-bottom: .625rem;
    text-transform: uppercase
}

.objects-map-baloon__text {
    font-size: 1em;
    margin-bottom: .625rem
}

.objects-map-baloon__link {
    font-size: 1em;
    color: #4a5aa5;
    -webkit-transition: .3s;
    transition: .3s
}

.objects-map-baloon__link:hover {
    color: #325385
}

@media screen and (max-width: 480px) {
    .objects-list {
        font-size: .875em
    }
}

@media screen and (max-width: 320px) {
    .objects-list {
        font-size: .75em
    }
}

.objects-list .icon-pin {
    color: #ec335e;
    -webkit-transition: .3s;
    transition: .3s
}

.objects-list .icon-pin:hover {
    color: #c22b4d
}

.objects-list table td:nth-of-type(2) a {
    color: #4a5aa5;
    -webkit-transition: .3s;
    transition: .3s
}

.objects-list table td:nth-of-type(2) a:hover {
    color: #325385
}

.game-schedule {
    overflow-y: hidden;
    overflow-x: auto;
    cursor: -webkit-grab;
    cursor: grab;
    margin-right: -1.875rem;
    margin-left: -1.875rem;
    position: relative
}

.game-schedule:after {
    content: "";
    width: 1.875em;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(90%, #fff));
    background: linear-gradient(to right, transparent, #fff 90%);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0
}

@media screen and (max-width: 767px) {
    .game-schedule {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

.game-schedule__table {
    margin-bottom: .8rem
}

.game-schedule__table-outer {
    display: table;
    padding-left: 1.875rem;
    padding-right: 1.875rem
}

@media screen and (max-width: 767px) {
    .game-schedule__table-outer {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.game-schedule tbody th {
    font-weight: 400 !important
}

.game-schedule .simplebar-track.horizontal {
    margin-left: 1.875rem
}

@media screen and (max-width: 767px) {
    .game-schedule .simplebar-track.horizontal {
        margin-left: 1rem
    }
}

.game-schedule .simplebar-content.is-dragging a {
    pointer-events: none
}

.poll {
    position: relative
}

.poll__question {
    margin-bottom: 1em
}

.poll__answers {
    padding-bottom: 1rem
}

.poll__answers.disabled {
    pointer-events: none
}

.poll__answers.disabled .poll__answers-item span[data-votes] {
    opacity: 1
}

.poll__answers.disabled .poll__answers-item span:last-child {
    padding-left: 1.6em
}

.poll__answers.disabled .poll__answers-item span:last-child:before {
    opacity: 0
}

.poll__answers-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    position: relative
}

.poll__answers-item:not(:last-child) {
    margin-bottom: 1em
}

.poll__answers-item input {
    display: none
}

.poll__answers-item [data-votes] {
    font-size: .875em;
    position: absolute;
    left: 0;
    top: 0;
    font-weight: 700;
    opacity: 0;
    -webkit-transition: .3s;
    transition: .3s
}

.poll__answers-item span:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .3s;
    transition: .3s;
    color: #325385
}

.poll__answers-item span:last-child:before {
    font-size: 1.1428571429em;
    content: "";
    border-radius: 50%;
    margin-right: .75em;
    width: 1em;
    height: 1em;
    border: 1px solid rgba(0, 0, 0, .1);
    -webkit-transition: .3s;
    transition: .3s;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.preloader {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: hsla(0, 0%, 100%, .7);
    z-index: 2
}

.preloader .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -25px;
    margin-top: -25px;
    width: 50px;
    height: 50px;
    border: 5px solid #4a5aa5;
    border-radius: 50%;
    border-top: 5px solid transparent;
    -webkit-animation: spin 1.25s linear infinite;
    animation: spin 1.25s linear infinite
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.preloader.gray {
    background: rgba(241, 241, 241, .7)
}

.competition-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.competition-header img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: .5em;
    width: 3.5em !important
}

.competition-header span {
    font-size: 1.5em;
    font-weight: 700
}

.education-item {
    position: relative
}

.education-item input.input-regular {
    padding-right: 2.25rem
}

.education-item .educationRemove {
    position: absolute;
    right: .625em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    padding: .625em;
    opacity: .75
}

.education-item .educationRemove:hover {
    opacity: 1
}

.education-item .educationRemove:before {
    content: "";
    font-family: icomoon
}

.awards-detail .card__image {
    padding-bottom: 100%
}

.awards-detail .card__title a {
    -webkit-transition: .3s;
    transition: .3s
}

.awards-detail .card__title a:hover {
    color: #325385
}

.awards-detail .card .awards-athlete-detail {
    display: none
}

.tabs-titles > * {
    font-weight: 700
}

.tabs-titles > .active {
    color: #4a5aa5
}

.tabs-contents > div {
    display: none
}

.tabs-contents > div.active {
    display: block
}

.video {
    position: relative;
    padding-bottom: 56.25%
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.schedule-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.schedule-item:not(:last-child) {
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.schedule-item__time {
    font-weight: 700;
    width: 3.625em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: .5em;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.schedule-item__time:after {
    content: "-";
    font-weight: 400;
    margin-left: auto
}

.schedule-item__text a {
    color: #4a5aa5;
    text-decoration: underline
}

.schedule-item__text a:hover {
    text-decoration: none
}

.total-votes {
    padding: 1.75rem 1.1875em;
    background: #4a5aa5;
    color: #fff;
    text-align: center
}

.total-votes__title {
    font-size: .75em;
    margin-bottom: .4em;
    font-weight: 700
}

.total-votes__count {
    font-size: 2.1875em;
    font-weight: 700;
    line-height: 1
}

.link-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-size: 100%;
    background-attachment: fixed
}

.link-bg-wrapper {
    margin-top: -1.25em;
    padding-top: 1.25em;
    margin-bottom: 0;
    padding-bottom: 1.25em;
    position: relative
}

.olympic-titles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.stat {
    padding: 1.25em;
    color: #fff;
    background-color: #4a5aa5;
    text-align: center;
    height: 100%
}

.stat.red {
    background-color: #ec335e
}

.stat.blue {
    background-color: #40c0ce
}

.stat__value {
    font-size: 2.1875em;
    font-weight: 700;
    margin-bottom: .1428571429em
}

.stat__label {
    font-size: .875em
}

.medals-table {
    width: 100%;
    table-layout: fixed;
    min-width: 600px
}

.medals-table th img {
    width: 16px !important
}

.medals-table td, .medals-table th {
    border: none !important;
    border-bottom: 1px solid rgba(0, 0, 0, .1) !important;
    font-weight: 400 !important
}

.medals-table td:first-child, .medals-table th:first-child {
    width: 50px
}

.medals-table td:nth-of-type(3), .medals-table td:nth-of-type(4), .medals-table td:nth-of-type(5), .medals-table td:nth-of-type(6), .medals-table th:nth-of-type(3), .medals-table th:nth-of-type(4), .medals-table th:nth-of-type(5), .medals-table th:nth-of-type(6) {
    width: 50px;
    text-align: center
}

.medals-table .country {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.medals-table .country img {
    width: 20px !important;
    margin-right: 10px
}

.medals-table tr.blue td {
    background-color: #4a5aa5;
    color: #fff
}

.medals-table tbody tr:last-child td {
    border-bottom: none !important
}

.overflow-x {
    overflow-x: auto;
    margin-left: -24px;
    margin-right: -24px
}

.overflow-x__inner {
    padding: 0 24px;
    display: table;
    width: 100%
}