html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

pre {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button, input, optgroup, select, textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

[type=button], [type=reset], [type=submit], button {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

.svg-image-clock, .svg-image-money, .svg-image-money:hover, .svg-image-money\:hover, .svg-image-money\:regular, .svg-image-personal, .svg-image-phone-rounded {
    background: url(../images/sprites/main.svg) no-repeat
}

.svg-image-clock {
    background-position: 100% 0
}

.svg-image-clock-dims {
    width: 31px;
    height: 36px
}

.svg-image-money, .svg-image-money\:regular {
    background-position: 88.60759493670886% 51.42857142857143%
}

.svg-image-money-dims {
    width: 22px;
    height: 22px
}

.svg-image-money:hover, .svg-image-money\:hover {
    background-position: 0 100%
}

.svg-image-money-dims:hover, .svg-image-money\:hover-dims {
    width: 22px;
    height: 22px
}

.svg-image-personal {
    background-position: 27.160493827160494% 97.22222222222223%
}

.svg-image-personal-dims {
    width: 20px;
    height: 20px
}

.svg-image-phone-rounded {
    background-position: 0 0
}

.svg-image-phone-rounded-dims {
    width: 70px;
    height: 70px
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: 0
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

    .slick-track:after, .slick-track:before {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

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

:active, :focus, :hover {
    outline: 0
}

body, html {
    height: 100%;
    padding: 0;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

html {
    font-size: 10px;
    line-height: 1.2;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-tap-highlight-color: transparent
}

    html.overflow-hidden {
        overflow: hidden
    }

    html.scroll-lock body {
        overflow: hidden
    }

@media only screen and (max-width:1820px) {
    html {
        font-size: .55vw
    }
}

@media only screen and (max-width:1600px) {
    html {
        font-size: .6vw
    }
}

@media only screen and (max-width:1280px) {
    html {
        font-size: .778vw
    }
}

@media only screen and (max-width:1023px) {
    html {
        font-size: 1.315vw
    }
}

@media only screen and (max-width:767px) {
    html {
        font-size: 2.7vw
    }
}

@media only screen and (max-width:375px) {
    html {
        font-size: 10px
    }
}

@media only screen and (max-width:319px) {
    html {
        font-size: 3vw
    }
}

@media only screen and (orientation:landscape) and (max-width:1023px) {
    html {
        font-size: .8vw
    }
}

@media only screen and (orientation:landscape) and (max-width:767px) {
    html {
        font-size: 1.25vw
    }
}

body {
    display: block;
    width: 100%;
    -webkit-font-smoothing: antialiased;
    background-color: #fff;
    color: #0b0c1b;
    font-family: "IBM Plex Sans","Helvetica Neue",Arial,Helvetica,sans-serif;
    font-weight: 400;
    font-size: 1.4rem
}

.layout {
    position: relative;
    min-height: 100%;
    overflow: hidden;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

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

a {
    cursor: pointer;
    outline: 0
}

    a:focus {
        outline: 0
    }

p {
    margin: 0 0 1.5rem
}

    p:empty {
        display: none
    }

.blue {
    color: #20a200
}

.grey {
    color: #85858d
}

input {
    -webkit-appearance: none;
    border-radius: 0
}

.svg-store {
    display: none;
    height: 0;
    overflow: hidden
}

.container {
    width: 100%;
    max-width: 192rem;
    padding: 0 10rem;
    margin-left: auto;
    margin-right: auto;
    position: relative
}

@media only screen and (min-width:1921px) {
    .container.container-wide {
        max-width: 100%;
        padding: 0 10rem
    }
}

@media only screen and (max-width:1280px) {
    .container {
        max-width: 182rem;
        padding: 0 5rem
    }
}

@media only screen and (max-width:1023px) {
    .container {
        max-width: 100%;
        padding: 0 3.4rem
    }
}

@media only screen and (max-width:767px) {
    .container {
        padding: 0 2rem
    }
}

@media only screen and (max-width:1720px) {
    .container.container-wide-lg {
        max-width: 100%;
        padding: 0
    }
}

.icon {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: fill .4s ease;
    transition: fill .4s ease
}

section {
    position: relative;
    background: #fff
}

    section.section-simple {
        background: 0 0
    }

.section__title {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 9.6rem;
    line-height: 12rem;
    margin: 0 0 6.4rem;
    font-weight: 700;
    color: #0b0c1b;
    padding: 0
}

    .section__title.section__title-white {
        color: #fff
    }

@media only screen and (max-width:1023px) {
    .section__title {
        font-size: 6.4rem;
        line-height: 7rem;
        margin: 0 0 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .section__title {
        font-size: 3.2rem;
        line-height: 4rem;
        margin: 0 0 3.2rem
    }
}

.text-center {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

b, strong {
    font-weight: 700
}

.nowrap {
    white-space: nowrap
}

.uppercase {
    text-transform: uppercase
}

.underline {
    text-decoration: underline
}

[data-slash] {
    position: relative
}

    [data-slash]:after {
        content: attr(data-slash)
    }

    [data-slash]:before {
        content: attr(data-slash) "/";
        color: #20a200
    }

    [data-slash]:after, [data-slash]:before {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 100%;
        width: 7.6rem;
        white-space: nowrap
    }

@media only screen and (max-width:1023px) {
    [data-slash]:before {
        position: static;
        width: auto;
        margin-right: .5rem
    }

    [data-slash]:after {
        width: auto;
        left: 0;
        right: auto
    }
}

.h1, h1 {
    display: block;
    width: 100%;
    position: relative;
    font-size: 6.4rem;
    line-height: 1;
    font-weight: 700;
    margin: 4.8rem 0
}

@media only screen and (max-width:1023px) {
    .h1, h1 {
        font-size: 4.8rem;
        line-height: 1;
        margin: 4.8rem 0
    }
}

@media only screen and (max-width:767px) {
    .h1, h1 {
        font-size: 3.2rem;
        line-height: 4rem;
        margin: 3.2rem 0
    }
}

.h2, h2 {
    display: block;
    width: 100%;
    position: relative;
    font-size: 4.8rem;
    line-height: 1;
    font-weight: 700;
    margin: 4.8rem 0
}

@media only screen and (max-width:1023px) {
    .h2, h2 {
        font-size: 3.6rem;
        line-height: 1;
        margin: 3.6rem 0
    }
}

@media only screen and (max-width:767px) {
    .h2, h2 {
        font-size: 2.8rem;
        line-height: 1;
        margin: 2.8rem 0
    }
}

.h3, h3 {
    display: block;
    width: 100%;
    position: relative;
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 700;
    margin: 3.2rem 0
}

@media only screen and (max-width:1023px) {
    .h3, h3 {
        font-size: 2.8rem;
        line-height: 1;
        margin: 2.8rem 0
    }
}

@media only screen and (max-width:767px) {
    .h3, h3 {
        font-size: 2.4rem;
        line-height: 1;
        margin: 2.4rem 0
    }
}

.h4, h4 {
    display: block;
    width: 100%;
    position: relative;
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 700;
    margin: 2.4rem 0
}

@media only screen and (max-width:1023px) {
    .h4, h4 {
        font-size: 2.2rem;
        line-height: 1;
        margin: 2.2rem 0
    }
}

@media only screen and (max-width:767px) {
    .h4, h4 {
        font-size: 2rem;
        line-height: 1;
        margin: 2rem 0
    }
}

.h5, h5 {
    display: block;
    width: 100%;
    position: relative;
    font-size: 2rem;
    line-height: 1;
    font-weight: 700;
    margin: 2rem 0
}

@media only screen and (max-width:1023px) {
    .h5, h5 {
        font-size: 1.8rem;
        line-height: 1;
        margin: 1.8rem 0
    }
}

@media only screen and (max-width:767px) {
    .h5, h5 {
        font-size: 1.6rem;
        line-height: 1;
        margin: 1.6rem 0
    }
}

.text-container-compressed {
    display: block;
    width: 100%;
    max-width: 85rem;
    margin: 0 auto
}

@media only screen and (max-width:1280px) {
    .text-container-compressed {
        max-width: 58rem
    }
}

@media only screen and (max-width:1023px) {
    .text-container-compressed {
        max-width: 100%
    }
}

.text-block {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    font-size: 2rem;
    line-height: 1.4;
    position: relative
}

    .text-block > :first-child {
        margin-top: 0
    }

    .text-block > :last-child {
        margin-bottom: 0
    }

    .text-block p {
        margin: 3.2rem 0
    }

    .text-block a {
        color: #20a200;
        text-decoration: underline
    }

.desktop .text-block a:hover {
    text-decoration: none
}

.text-block ul {
    padding: 0;
    margin: 3.2rem 0
}

    .text-block ul li {
        display: block;
        list-style: none;
        padding-left: 3.2rem;
        position: relative;
        margin: 0 0 1.6rem
    }

        .text-block ul li:last-child {
            margin-bottom: 0
        }

        .text-block ul li:before {
            content: '';
            display: block;
            position: absolute;
            top: .9rem;
            left: 0;
            width: 1.2rem;
            height: 1.2rem;
            background: #20a200
        }

.text-block ol {
    padding: 0;
    margin: 3.2rem 0;
    counter-reset: myCounter
}

    .text-block ol li {
        display: block;
        list-style: none;
        padding-left: 3.2rem;
        position: relative;
        margin: 0 0 1.6rem
    }

        .text-block ol li:last-child {
            margin-bottom: 0
        }

        .text-block ol li:before {
            counter-increment: myCounter;
            content: counter(myCounter) ")";
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 3rem;
            white-space: nowrap;
            color: #20a200;
            font-weight: 500
        }

.text-block img {
    display: block;
    max-width: 100%
}

.text-block .img-block {
    display: block;
    width: 100%;
    position: relative;
    margin: 3.2rem 0
}

    .text-block .img-block .img-wide {
        display: block;
        position: relative;
        width: 100vw;
        max-width: 172rem;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }

.text-block .wp-caption {
    display: block;
    width: 100%;
    margin: 1.2rem 0;
    text-align: center;
    color: #85858d;
    font-size: 1.6rem;
    line-height: 1
}

.text-block blockquote {
    display: block;
    margin: 3.2rem 0;
    padding: 0 6.3rem;
    font-size: 3.2rem;
    line-height: 1.4;
    position: relative
}

    .text-block blockquote:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: .6rem;
        height: 4.5rem;
        background: #20a200;
        -webkit-transform: skewX(-15deg);
        transform: skewX(-15deg)
    }

.text-block iframe {
    display: block;
    width: 100%;
    height: 47.8rem;
    margin: 3.2rem 0;
    border: none
}

.text-block .iframe-presentation {
    height: 52.8rem
}

@media only screen and (max-width:1280px) {
    .text-block iframe {
        height: 33rem
    }

    .text-block .iframe-presentation {
        height: 37.8rem
    }
}

@media only screen and (max-width:1023px) {
    .text-block {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

        .text-block ul li {
            padding-left: 2.4rem
        }

            .text-block ul li:before {
                top: .6rem
            }

        .text-block ol li {
            padding-left: 2.4rem
        }

        .text-block iframe {
            height: 37rem
        }

        .text-block .iframe-presentation {
            height: 42rem
        }
}

@media only screen and (max-width:767px) {
    .text-block {
        font-size: 1.6rem;
        line-height: 2rem
    }

        .text-block ul li {
            padding-left: 1.4rem
        }

            .text-block ul li:before {
                top: .7rem;
                width: .6rem;
                height: .6rem
            }

        .text-block ol li {
            padding-left: 1.4rem
        }

            .text-block ol li:before {
                font-size: 1.2rem
            }

        .text-block .img-block {
            margin: 2.4rem 0
        }

        .text-block .wp-caption {
            margin: 1.2rem 0
        }

        .text-block blockquote {
            margin: 2.4rem 0;
            padding: 0 0 0 2.3rem;
            font-size: 2.4rem;
            line-height: 3.2rem
        }

            .text-block blockquote:before {
                width: .4rem;
                height: 3.5rem
            }

        .text-block iframe {
            height: 16rem;
            margin: 2.4rem 0
        }

        .text-block .iframe-presentation {
            height: 20.8rem
        }
}

.control-line__wrap {
    display: block;
    width: 100%;
    padding: 0;
    margin: auto 0 0
}

.container .control-line__wrap {
    margin-top: 4rem
}

.control-line__wrap .control-line__text {
    display: block;
    width: 100%;
    padding: 2.8rem 0;
    text-align: center;
    font-size: 2rem;
    line-height: 1;
    font-weight: 700;
    color: #85858d
}

    .control-line__wrap .control-line__text.dark {
        color: #0b0c1b
    }

@media only screen and (max-width:1023px) {
    .container .control-line__wrap {
        margin-top: 4.8rem
    }

    .control-line__wrap .control-line__text {
        padding: 2.4rem 0;
        font-size: 1.8rem
    }
}

@media only screen and (max-width:767px) {
    .container .control-line__wrap {
        margin-left: -2rem;
        width: 100vw
    }

    .control-line__wrap .control-line__text {
        padding: 1.6rem 0;
        font-size: 1.6rem
    }
}

.control-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0;
    width: 100%
}

    .control-line > li {
        display: block;
        width: 100%;
        padding-left: 1px;
        position: relative
    }

        .control-line > li:first-child {
            padding-left: 0
        }

    .control-line .control-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        height: 12rem;
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        color: #fff;
        font-size: 2.4rem;
        line-height: 2.4rem;
        padding: 2rem 5rem;
        font-weight: 700;
        position: relative;
        text-transform: uppercase;
        background: #85858d;
        border: none;
        cursor: pointer
    }

        .control-line .control-link .icon {
            display: block;
            width: 3.6rem;
            height: 3.6rem;
            fill: #fff;
            position: relative;
            margin-right: 3rem
        }

        .control-line .control-link span {
            position: relative;
            text-align: center
        }

        .control-line .control-link.control-link-blue {
            background: #20a200;
            margin-left: -1px;
            width: -webkit-calc(100% + 2px);
            width: calc(100% + 2px)
        }

        .control-line .control-link.control-link-white {
            color: #20a200;
            background: #fff;
            -webkit-transition: color .4s ease,background-color .4s ease;
            transition: color .4s ease,background-color .4s ease
        }

        .control-line .control-link.fb, .control-line .control-link.vk {
            margin-left: -1px;
            width: -webkit-calc(100% + 2px);
            width: calc(100% + 2px);
            text-transform: none;
            font-weight: 500
        }

@media only screen and (min-width:1024px) {
    .control-line .control-link.fb, .control-line .control-link.vk {
        font-size: 3.2rem
    }
}

.control-line .control-link.fb {
    background: #227aef
}

.control-line .control-link.vk {
    background: #4680c2
}

.control-line .control-link span {
    position: relative
}

.control-line .control-link:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0b0c1b;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.desktop .control-line .control-link:hover:before {
    opacity: .3
}

.desktop .control-line .control-link:hover.control-link-white {
    color: #fff;
    background: #20a200
}

    .desktop .control-line .control-link:hover.control-link-white:before {
        display: none
    }

@media only screen and (max-width:1023px) {
    .control-line .control-link {
        height: 10rem;
        font-size: 2rem;
        line-height: 2rem;
        padding: 2rem 1rem
    }
}

@media only screen and (max-width:767px) {
    .control-line {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .control-line > li {
            padding: 1px 0 0
        }

            .control-line > li:first-child {
                padding: 0
            }

        .control-line.control-line__mobile-revers {
            -webkit-box-orient: vertical;
            -webkit-box-direction: reverse;
            -webkit-flex-direction: column-reverse;
            flex-direction: column-reverse
        }

        .control-line.control-line-mobile-nowrap {
            -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap
        }

            .control-line.control-line-mobile-nowrap > li {
                padding: 0
            }

            .control-line.control-line-mobile-nowrap .control-link.control-link-blue, .control-line.control-line-mobile-nowrap .control-link.fb, .control-line.control-line-mobile-nowrap .control-link.vk {
                margin-top: 0
            }

            .control-line.control-line-mobile-nowrap .control-link.fb, .control-line.control-line-mobile-nowrap .control-link.vk {
                font-size: 1.2rem
            }

        .control-line .control-link {
            height: 8rem;
            font-size: 1.6rem;
            line-height: 2rem;
            padding: 1.5rem 1rem;
            width: 100%
        }

            .control-line .control-link .icon {
                width: 1.4rem;
                height: 1.4rem;
                margin-right: 1rem
            }

            .control-line .control-link.control-link-blue, .control-line .control-link.fb, .control-line .control-link.vk {
                margin-top: -1px
            }
}

.dark-section {
    background: #0b0c1b;
    color: #fff
}

    .dark-section .subtitle-default, .dark-section .title-default {
        color: #fff
    }

    .dark-section .breadcrumbs a, .dark-section .breadcrumbs span {
        color: #fff;
        font-weight: 500
    }

    .dark-section .breadcrumbs span {
        opacity: .7
    }

    .dark-section .breadcrumbs > li:last-child:after {
        background: #fff
    }

.section-default {
    display: block;
    width: 100%;
    position: relative;
    padding: 10rem 0 0
}

    .section-default.section-default-padding {
        padding-bottom: 10rem
    }

    .section-default.section-default-news {
        padding-bottom: 21rem
    }

    .section-default .section-default__bg {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        right: 0;
        bottom: 0;
        width: 100vw;
        margin-left: -50vw;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover
    }

    .section-default:first-child {
        padding-top: 13.6rem
    }

@media only screen and (max-width:1280px) {
    .section-default.section-default-news {
        padding-bottom: 9.4rem
    }
}

@media only screen and (max-width:1023px) {
    .section-default {
        padding-top: 8rem
    }

        .section-default.section-default-padding {
            padding-bottom: 8rem
        }

        .section-default.section-default-news {
            padding-bottom: 6.4rem
        }
}

@media only screen and (max-width:767px) {
    .section-default {
        padding-top: 4.8rem
    }

        .section-default:first-child {
            padding-top: 7.6rem
        }

        .section-default.section-default-padding {
            padding-bottom: 0
        }

        .section-default.section-default-news {
            padding-bottom: 4.8rem
        }
}

.menu-mode + .main .breadcrumbs__wrap {
    opacity: 0;
    visibility: hidden
}

.breadcrumbs__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 6.8rem;
    position: absolute;
    z-index: 500;
    width: 100%;
    max-width: 40vw;
    left: 50%;
    margin-left: -20vw;
    margin-bottom: 3.5rem;
    opacity: 1;
    visibility: visible;
    bottom: 100%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

@media only screen and (max-width:1280px) {
    .breadcrumbs__wrap {
        max-width: 36vw;
        margin-left: -18vw
    }
}

@media only screen and (max-width:1023px) {
    .breadcrumbs__wrap {
        position: static;
        max-width: 100%;
        margin: 0 0 1.6rem;
        height: auto
    }
}

@media only screen and (max-width:767px) {
    .breadcrumbs__wrap {
        margin: 0 0 1.2rem
    }
}

.breadcrumbs {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    width: 100%
}

    .breadcrumbs > li {
        display: block;
        list-style: none;
        font-size: 1.6rem;
        line-height: 2rem;
        padding-left: 2.2rem;
        position: relative;
        color: #85858d;
        cursor: default
    }

        .breadcrumbs > li:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            width: .3rem;
            background: #20a200;
            left: 1rem;
            -webkit-transform: skewX(-15deg);
            transform: skewX(-15deg)
        }

        .breadcrumbs > li:first-child {
            padding-left: 0
        }

            .breadcrumbs > li:first-child:after {
                display: none
            }

            .breadcrumbs > li:first-child a {
                font-weight: 700
            }

        .breadcrumbs > li:last-child:after {
            width: 1px;
            margin-left: 1px
        }

        .breadcrumbs > li:nth-child(2):after {
            width: .3rem;
            margin-left: 0
        }

    .breadcrumbs a {
        font-weight: 500;
        color: #0b0c1b
    }

    .breadcrumbs a, .breadcrumbs span {
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        max-width: 100%
    }

@media only screen and (max-width:767px) {
    .breadcrumbs > li {
        font-size: 1.4rem;
        line-height: 1.4rem;
        padding-left: 1.6rem
    }

        .breadcrumbs > li:after {
            width: .2rem;
            left: .8rem
        }
}

.title-default {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 6.4rem;
    line-height: 6.4rem;
    font-weight: 700;
    color: #0b0c1b;
    margin: 0 0 3.2rem;
    position: relative;
    z-index: 10
}

    .title-default.title-default-compress {
        max-width: 114rem;
        margin-left: auto;
        margin-right: auto
    }

@media only screen and (max-width:1023px) {
    .title-default {
        font-size: 4.8rem;
        line-height: 5.6rem;
        margin: 0 0 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .title-default {
        font-size: 3rem;
        line-height: 4rem;
        margin: 0 0 2.4rem
    }
}

.title-default .title-select {
    display: inline-block;
    white-space: nowrap;
    color: #20a200;
    text-decoration: underline;
    position: relative;
    padding-right: 4.6rem
}

    .title-default .title-select:after {
        content: '';
        display: block;
        position: absolute;
        width: 2rem;
        height: 2rem;
        border-bottom: .6rem solid #0b0c1b;
        border-right: .6rem solid #0b0c1b;
        right: 0;
        top: 50%;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -1.2rem;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

    .title-default .title-select.active:after {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg);
        margin-top: -.4rem
    }

@media only screen and (max-width:767px) {
    .title-default .title-select {
        padding-right: 2.8rem
    }

        .title-default .title-select:after {
            width: 1.4rem;
            height: 1.4rem;
            border-width: .4rem;
            margin-top: -1rem
        }

        .title-default .title-select.active {
            margin-top: -.4rem
        }
}

.subtitle-default {
    display: block;
    width: 100%;
    margin: 0 0 4.8rem;
    font-weight: 700;
    color: #0b0c1b;
    text-align: center;
    font-size: 4.8rem;
    line-height: 1
}

@media only screen and (max-width:1023px) {
    .subtitle-default {
        font-size: 3.6rem;
        margin-bottom: 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .subtitle-default {
        font-size: 2.8rem;
        margin-bottom: 3.2rem
    }
}

.section-default {
    display: block;
    width: 100%;
    position: relative;
    padding: 10rem 0 0
}

@media only screen and (max-width:1023px) {
    .section-default {
        padding-top: 8rem
    }
}

@media only screen and (max-width:767px) {
    .section-default {
        padding-top: 4.8rem
    }

        .section-default:first-child {
            padding-top: 7.6rem
        }
}

.section-default.section-default-full-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 1px;
    min-height: 100vh
}

.block-default {
    display: block;
    width: 100%;
    position: relative;
    padding: 10rem 0 0
}

    .block-default:first-child {
        padding-top: 0
    }

@media only screen and (max-width:1023px) {
    .block-default {
        padding-top: 8rem
    }
}

@media only screen and (max-width:767px) {
    .block-default {
        padding-top: 4.8rem
    }
}

.content-block {
    display: block;
    max-width: 85rem;
    margin: 0 auto;
    padding: 3.2rem 0 10rem;
    color: #85858d
}

    .content-block h1, .content-block h2, .content-block h3, .content-block h4, .content-block h5, .content-block h6 {
        color: #0b0c1b
    }

@media only screen and (max-width:1280px) {
    .content-block {
        max-width: 78rem;
        padding: 1.2rem 0 8rem
    }
}

@media only screen and (max-width:1023px) {
    .content-block {
        max-width: 100%;
        padding: 2.4rem 0 8rem
    }
}

@media only screen and (max-width:767px) {
    .content-block {
        padding: 1.2rem 0 4.8rem
    }
}

.link-beauty {
    display: inline-block;
    font-size: 2rem;
    line-height: 2.2rem;
    font-weight: 500;
    color: #85858d;
    position: relative
}

    .link-beauty span {
        opacity: .6;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }

    .link-beauty:after, .link-beauty:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: -1.6rem;
        border-bottom: .4rem solid #85858d;
        opacity: .2
    }

    .link-beauty:after {
        width: 0;
        right: auto;
        -webkit-transition: width .25s ease;
        transition: width .25s ease;
        border-bottom-color: #20a200;
        opacity: 1
    }

.desktop .link-beauty:hover span {
    opacity: 1
}

.desktop .link-beauty:hover:after {
    width: 100%;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

@media only screen and (max-width:1023px) {
    .link-beauty {
        display: inline;
        font-size: 1.8rem;
        line-height: 1.8rem
    }

        .link-beauty span {
            opacity: 1
        }

        .link-beauty:after, .link-beauty:before {
            top: 0;
            left: 0;
            right: 0;
            bottom: -1.6rem;
            border-bottom-width: .4rem
        }
}

@media only screen and (max-width:767px) {
    .link-beauty {
        font-size: 1.6rem;
        line-height: 2rem
    }

        .link-beauty:after, .link-beauty:before {
            bottom: -.8rem;
            border-bottom-width: .2rem
        }
}

.line-separator {
    display: block;
    width: 100%;
    height: 1px;
    margin-top: 10rem;
    position: relative
}

    .line-separator:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        width: 100vw;
        margin-left: -50vw;
        bottom: 0;
        background: #85858d
    }

@media only screen and (max-width:1280px) {
    .line-separator {
        margin-top: 8rem
    }
}

@media only screen and (max-width:767px) {
    .line-separator {
        margin-top: 4.8rem
    }
}

.tab-line__wrap {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0
}

@media only screen and (max-width:1023px) {
    .tab-line__wrap {
        width: -webkit-calc(100% + 1px);
        width: calc(100% + 1px);
        margin-left: -1px
    }
}

.tab-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 0;
    margin: 0;
    width: 100%
}

    .tab-line > li {
        display: block;
        width: 100%;
        padding-left: 0;
        position: relative
    }

    .tab-line .tab-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        height: 1px;
        min-height: 9.6rem;
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        color: #85858d;
        font-size: 2.4rem;
        line-height: 2.4rem;
        padding: .5rem 1rem;
        font-weight: 700;
        position: relative;
        background: #fff;
        border: none;
        cursor: pointer;
        box-shadow: 1px -1px 0 #aaa,inset 1px -1px 0 #aaa;
        -webkit-transition: color .4s ease,background-color .4s ease;
        transition: color .4s ease,background-color .4s ease
    }

        .tab-line .tab-link .icon {
            display: block;
            width: 2.6rem;
            height: 2.6rem;
            fill: #85858d;
            position: relative;
            margin-right: 1.5rem
        }

        .tab-line .tab-link span {
            position: relative;
            text-align: center
        }

        .tab-line .tab-link.active {
            cursor: default;
            color: #0b0c1b;
            background: #fafafa
        }

            .tab-line .tab-link.active .icon {
                fill: #0b0c1b
            }

.desktop .tab-line .tab-link:not(.active):hover {
    background: #20a200;
    color: #fff
}

    .desktop .tab-line .tab-link:not(.active):hover .icon {
        fill: #fff
    }

@media only screen and (max-width:1280px) {
    .tab-line .tab-link {
        min-height: 9.6rem;
        font-size: 2rem;
        line-height: 2.4rem;
        padding: 1.5rem .5rem
    }

        .tab-line .tab-link .icon {
            width: 2.6rem;
            height: 2.6rem;
            margin-right: 1.5rem
        }
}

@media only screen and (max-width:1023px) {
    .tab-line .tab-link {
        min-height: 6.6rem;
        font-size: 1.8rem;
        line-height: 1;
        padding: 1.5rem .5rem
    }

        .tab-line .tab-link .icon {
            width: 2rem;
            height: 2rem;
            margin-right: 1.4rem
        }
}

@media only screen and (max-width:767px) {
    .tab-line {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .tab-line > li {
            width: 50%
        }

        .tab-line .tab-link {
            min-height: 4.8rem;
            font-size: 1.6rem;
            line-height: 1;
            padding: .8rem .5rem
        }

            .tab-line .tab-link .icon {
                width: 1.3rem;
                height: 1.3rem;
                margin-right: .5rem
            }
}

.space-separator {
    display: block;
    width: 100%;
    height: 5.6rem
}

@media only screen and (max-width:1023px) {
    .space-separator {
        height: 4.6rem
    }
}

@media only screen and (max-width:767px) {
    .space-separator {
        height: 3.2rem
    }
}

.btn {
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    border: none;
    background-color: transparent;
    max-width: 100%;
    position: relative
}

    .btn span {
        position: relative;
        z-index: 5
    }

.btn-default {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    font-size: 2.4rem;
    line-height: 2.4rem;
    min-height: 12rem;
    height: 1px;
    background: #20a200;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem 2rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative
}

    .btn-default span {
        display: block
    }

    .btn-default.btn-sm {
        min-height: 7.2rem;
        font-size: 2rem;
        line-height: 2rem;
        font-weight: 600;
        padding: .5rem 1rem
    }

    .btn-default.btn-grey {
        background: rgba(133,133,141,.1);
        color: #85858d
    }

    .btn-default.btn-dark-grey {
        background: #85858d;
        color: #fff
    }

    .btn-default.btn-default-event {
        color: #85858d;
        background: #fff
    }

.desktop .btn-default.btn-default-event:hover {
    color: #fff;
    background-color: #20a200
}

.btn-default span {
    position: relative
}

.btn-default:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0b0c1b;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.desktop .btn-default:hover:before {
    opacity: .3
}

@media only screen and (max-width:1023px) {
    .btn-default {
        min-height: 10rem;
        font-size: 2rem;
        line-height: 2rem
    }
}

@media only screen and (max-width:767px) {
    .btn-default {
        min-height: 8rem;
        font-size: 1.6rem
    }

        .btn-default.btn-sm {
            min-height: 5.6rem;
            font-size: 1.6rem;
            line-height: 1.6rem
        }
}

.btn-light {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    font-size: 2.4rem;
    line-height: 2.4rem;
    height: 1px;
    min-height: 12rem;
    background: rgba(133,133,141,.1);
    color: #85858d;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem 2rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative
}

    .btn-light.btn-sm {
        min-height: 7.2rem;
        font-size: 2rem;
        line-height: 2rem;
        font-weight: 600;
        padding: .5rem 1rem
    }

    .btn-light.btn-light-white {
        background: #fff;
        color: #20a200
    }

    .btn-light.btn-light-opacity {
        background: rgba(255,255,255,.2);
        color: #fff
    }

    .btn-light span {
        position: relative
    }

    .btn-light:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #0b0c1b;
        opacity: 0;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease
    }

.desktop .btn-light:hover:before {
    opacity: .3
}

@media only screen and (max-width:1023px) {
    .btn-light {
        min-height: 10rem;
        font-size: 2rem;
        line-height: 2rem
    }
}

@media only screen and (max-width:767px) {
    .btn-light {
        min-height: 8rem;
        font-size: 1.6rem
    }

        .btn-light.btn-sm {
            min-height: 4.8rem;
            font-size: 1.2rem;
            line-height: 1.2rem
        }
}

.btn-bordered {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    font-size: 2.4rem;
    line-height: 2.4rem;
    height: 1px;
    min-height: 12rem;
    background: #fff;
    color: #85858d;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem 2rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative
}

    .btn-bordered.btn-sm {
        min-height: 7.2rem;
        font-size: 2rem;
        line-height: 2rem;
        font-weight: 600;
        padding: .5rem 1rem
    }

    .btn-bordered.btn-bordered-white {
        background: 0 0;
        color: #fff
    }

        .btn-bordered.btn-bordered-white:after {
            border-color: #fff
        }

    .btn-bordered:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        border: 1px solid #85858d
    }

    .btn-bordered span {
        position: relative
    }

    .btn-bordered:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #0b0c1b;
        opacity: 0;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease
    }

.desktop .btn-bordered:hover:before {
    opacity: .3
}

@media only screen and (max-width:1023px) {
    .btn-bordered {
        min-height: 10rem;
        font-size: 2rem;
        line-height: 2rem
    }
}

@media only screen and (max-width:767px) {
    .btn-bordered {
        min-height: 8rem;
        font-size: 1.6rem
    }

        .btn-bordered.btn-sm {
            min-height: 4.8rem;
            font-size: 1.2rem;
            line-height: 1.2rem
        }
}

.btn-locked {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    font-size: 2.4rem;
    line-height: 2.4rem;
    height: 1px;
    min-height: 12rem;
    background: #0b0c1b;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem 2rem
}

@media only screen and (max-width:1023px) {
    .btn-locked {
        height: auto;
        min-height: 10rem;
        font-size: 2rem;
        line-height: 2rem
    }
}

@media only screen and (max-width:767px) {
    .btn-locked {
        min-height: 8rem;
        font-size: 1.6rem
    }
}

.btn-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 7.2rem;
    min-width: 27rem;
    padding: 2.6rem 3rem;
    text-align: center;
    font-weight: 600;
    color: #fff;
    background: #20a200;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 2rem
}

    .btn-header span {
        position: relative
    }

    .btn-header:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #0b0c1b;
        opacity: 0;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease
    }

.desktop .btn-header:hover:before {
    opacity: .3
}

@media only screen and (max-width:1280px) {
    .btn-header {
        min-width: 22rem
    }
}

@media only screen and (max-width:1023px) {
    .btn-header {
        height: 10rem
    }
}

@media only screen and (max-width:1023px) {
    .btn-header {
        height: 8rem;
        font-size: 1.6rem;
        line-height: 2rem
    }
}

.btn-cookie {
    background: #090a17;
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 600;
    height: 1px;
    min-height: 7.2rem;
    padding: 1rem 5rem;
    color: #fff;
    white-space: nowrap;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease
}

    .btn-cookie span {
        position: relative
    }

    .btn-cookie:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #0b0c1b;
        opacity: 0;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease
    }

.desktop .btn-cookie:hover:before {
    opacity: .3
}

@media only screen and (max-width:767px) {
    .btn-cookie {
        min-height: 4rem;
        font-size: 1.2rem;
        line-height: 1.2rem;
        padding: .5rem 1rem
    }
}

.form-container {
    display: block;
    margin: 0 auto;
    padding: 0;
    max-width: 85rem
}

    .form-container .form-container-message {
        display: block;
        margin: 3.2rem 0;
        font-size: 2rem;
        line-height: 1;
        color: #85858d;
        text-align: center
    }

        .form-container .form-container-message a {
            color: #0b0c1b;
            font-weight: 700;
            -webkit-transition: color .4s ease;
            transition: color .4s ease
        }

.desktop .form-container .form-container-message a:hover {
    color: #20a200
}

@media only screen and (max-width:1280px) {
    .form-container {
        max-width: 78rem
    }
}

@media only screen and (max-width:1023px) {
    .form-container {
        max-width: 100%
    }

        .form-container .form-container-message {
            font-size: 2rem;
            line-height: 1
        }
}

@media only screen and (max-width:767px) {
    .form-container .form-container-message {
        font-size: 1.6rem;
        line-height: 2rem
    }

        .form-container .form-container-message:first-child {
            margin: 2.4rem 0
        }

        .form-container .form-container-message a {
            color: #0b0c1b
        }
}

.form-error-message {
    display: block;
    width: 100%;
    background: rgba(247,27,27,.1);
    color: #f71b1b;
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 3.2rem 0;
    padding: 1.6rem;
    text-align: center
}

    .form-error-message > * {
        margin: 0
    }

    .form-error-message:first-child {
        margin-top: 0
    }

@media only screen and (max-width:1023px) {
    .form-error-message {
        margin: 2.4rem 0
    }
}

@media only screen and (max-width:767px) {
    .form-error-message {
        padding: .8rem
    }
}

.form-comment__wrap {
    display: block;
    width: 100%;
    margin: 0 0 8rem
}

@media only screen and (max-width:767px) {
    .form-comment__wrap {
        margin: 0 0 4rem
    }
}

.form {
    display: block;
    width: 100%
}

    .form.form-comment .form-line {
        margin: 2.4rem 0
    }

        .form.form-comment .form-line:first-child {
            margin-top: 0
        }

        .form.form-comment .form-line:last-child {
            margin-bottom: 0
        }

    .form .form-line {
        display: block;
        width: 100%;
        margin: 3.2rem 0;
        position: relative
    }

        .form .form-line:first-child {
            margin-top: 0
        }

        .form .form-line:last-child {
            margin-bottom: 0
        }

    .form .f__row + .form-line {
        margin-top: 1.2rem
    }

    .form .attached-link {
        display: inline-block;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 2rem;
        line-height: 1;
        font-weight: 700;
        color: #85858d;
        z-index: 5;
        -webkit-transition: color .4s ease;
        transition: color .4s ease
    }

.desktop .form .attached-link:hover {
    color: #0b0c1b
}

.form .form-bottom {
    display: block;
    margin: 4.8rem 0 0
}

@media only screen and (max-width:767px) {
    .form.form-comment .form-line {
        margin: 1.6rem 0
    }

    .form .form-line {
        margin: 2.4rem 0
    }

    .form .f__row + .form-line {
        margin-top: 1.2rem;
        margin-bottom: 3.2rem
    }

    .form .attached-link {
        font-size: 1.6rem;
        line-height: 1;
        font-weight: 500
    }

    .form .form-bottom {
        display: block;
        width: 100vw;
        margin: 3.2rem 0 0 -2rem
    }
}

.label-form {
    display: block;
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0
}

    .label-form.clear-mode .clear-control {
        opacity: 1;
        visibility: visible
    }

    .label-form .label-name {
        display: block;
        margin: 0 0 1rem;
        font-size: 2rem;
        line-height: 1;
        color: #0b0c1b;
        font-weight: 700
    }

    .label-form .required-indicator {
        display: inline;
        color: #20a200;
        font-weight: 500
    }

    .label-form .error-text {
        display: block;
        max-width: 100%;
        font-size: 1.6rem;
        line-height: 1;
        color: #f71b1b;
        padding-top: .4rem
    }

    .label-form .input-form {
        display: block;
        width: 100%;
        height: 7.2rem;
        padding: 2.4rem 2.4rem;
        font-family: "IBM Plex Sans";
        font-weight: 400;
        font-size: 2.4rem;
        line-height: 2.4rem;
        color: #85858d;
        border: 1px solid #d3d3d3
    }

        .label-form .input-form[data-clear] {
            padding-right: 9.6rem
        }

    .label-form textarea.input-form {
        height: 34rem;
        min-height: 14.4rem;
        max-height: 50rem;
        resize: vertical
    }

        .label-form textarea.input-form.form-input-sm {
            min-height: 11.2rem;
            height: 11.2rem
        }

    .label-form .clear-control__wrap {
        display: block;
        width: 100%;
        height: 0;
        position: relative
    }

    .label-form .clear-control {
        display: block;
        position: absolute;
        top: 0;
        right: 1px;
        height: -webkit-calc(7.2rem - 2px);
        height: calc(7.2rem - 2px);
        width: 7.2rem;
        margin-top: 1px;
        background: #fff;
        padding: 2.4rem;
        cursor: pointer;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

@media only screen and (max-width:767px) {
    .label-form .label-name {
        margin: 0 0 .8rem;
        font-size: 1.6rem;
        line-height: 1
    }

    .label-form .error-text {
        font-size: 1.2rem;
        line-height: 1;
        padding-top: .4rem
    }

    .label-form .input-form {
        height: 4.8rem;
        padding: 1.6rem 1.6rem;
        font-size: 1.6rem;
        line-height: 1.6;
        border: 1px solid #d3d3d3
    }

        .label-form .input-form[data-clear] {
            padding-right: 6.4rem
        }

    .label-form textarea.input-form.form-input-sm {
        min-height: 9.6rem;
        height: 9.6rem
    }

    .label-form .clear-control {
        height: -webkit-calc(4.8rem - 2px);
        height: calc(4.8rem - 2px);
        width: 4.8rem;
        padding: 1.6rem
    }
}

.radio-block {
    display: block;
    width: 100%
}

.radio-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

    .radio-list .radio-one {
        display: block;
        width: 100%;
        box-shadow: 1px -1px 0 #aaa,inset 1px -1px 0 #aaa;
        position: relative;
        cursor: pointer
    }

        .radio-list .radio-one input {
            display: none;
            opacity: 0;
            position: absolute;
            visibility: hidden
        }

    .radio-list input[type=radio]:checked + .radio-inner {
        background: #20a200;
        color: #fff
    }

    .radio-list .radio-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 100%;
        min-height: 32rem;
        color: #0b0c1b;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        align-items: center
    }

    .radio-list .radio-data {
        display: block;
        width: 100%
    }

    .radio-list .radio__title {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        height: auto;
        width: 100%;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding: 1.5rem;
        font-size: 3.2rem;
        line-height: 1;
        font-weight: 700;
        text-align: center
    }

    .radio-list .radio__description {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        width: 100%;
        min-height: 8.6rem;
        padding: 1.5rem;
        font-size: 2rem;
        line-height: 1.4;
        opacity: .6;
        text-align: center
    }

        .radio-list .radio__description span {
            max-width: 70%
        }

@media only screen and (max-width:1280px) {
    .radio-list .radio-inner {
        min-height: 30rem
    }

    .radio-list .radio__description span {
        max-width: 100%
    }

    .radio-list .radio__title {
        font-size: 2.8rem;
        line-height: 1;
        padding: 1.2rem
    }

    .radio-list .radio__description {
        font-size: 2rem;
        line-height: 1.4;
        min-height: 8rem;
        padding: 1.2rem
    }
}

@media only screen and (max-width:1023px) {
    .radio-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch
    }
}

@media only screen and (max-width:1023px) and (min-width:768px) {
    .radio-list.radio-list-column-tablet {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .radio-list.radio-list-column-tablet .radio-inner {
            padding: 7.2rem 2.6rem
        }
}

@media only screen and (max-width:1023px) {
    .radio-list .radio-one {
        width: 100%
    }

    .radio-list .radio-inner {
        min-height: 21rem
    }

    .radio-list .radio__title {
        font-size: 2.8rem;
        line-height: 1;
        padding: .8rem
    }

    .radio-list .radio__description {
        font-size: 1.8rem;
        line-height: 2.4rem;
        min-height: 0;
        padding: .8rem
    }
}

@media only screen and (max-width:767px) {
    .radio-list .radio-inner {
        min-height: 14rem;
        padding: 3.2rem 2rem
    }

    .radio-list .radio__title {
        font-size: 2rem;
        line-height: 1;
        padding: 0 0 .6rem
    }

    .radio-list .radio__description {
        font-size: 1.6rem;
        line-height: 2rem;
        min-height: 0;
        padding: .6rem 0 0
    }
}

.f__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1rem
}

    .f__row:last-child .f__col {
        padding-bottom: 0
    }

    .f__row .f__col {
        display: block;
        width: 33.333%;
        padding: 0 1rem 3.2rem
    }

@media only screen and (max-width:1023px) {
    .f__row .f__col {
        width: 50%;
        padding-bottom: 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .f__row .f__col {
        width: 100%;
        padding-bottom: 2.4rem
    }
}

.custom-select {
    display: block;
    width: 100%;
    position: relative
}

    .custom-select .required-indicator {
        display: inline;
        color: #20a200;
        font-weight: 500
    }

    .custom-select .custom-select__label {
        display: block;
        margin: 0 0 1rem;
        font-size: 2rem;
        line-height: 1;
        color: #0b0c1b;
        font-weight: 700
    }

    .custom-select .custom-select__name {
        display: block;
        white-space: normal;
        overflow: hidden;
        text-overflow: ellipsis;
        padding-right: 2.2rem
    }

    .custom-select .custom-select__head {
        display: block;
        width: 100%;
        height: 7.2rem;
        padding: 2.2rem 2.4rem;
        font-family: "IBM Plex Sans";
        font-size: 2.4rem;
        line-height: 2.4rem;
        color: #85858d;
        border: 1px solid #d3d3d3;
        cursor: pointer;
        position: relative;
        -webkit-transition: color .4s ease,border-color .4s ease;
        transition: color .4s ease,border-color .4s ease
    }

        .custom-select .custom-select__head:after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            right: 2.4rem;
            width: 1.8rem;
            height: 1.8rem;
            border-bottom: .2rem solid #85858d;
            border-left: .2rem solid #85858d;
            border-top: 0 solid transparent;
            border-right: 0 solid transparent;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            margin-top: -1.4rem;
            -webkit-transition: all .4s ease;
            transition: all .4s ease
        }

        .custom-select .custom-select__head.active {
            color: #0b0c1b;
            border-color: #85858d
        }

            .custom-select .custom-select__head.active:after {
                margin-top: -.4rem;
                border-bottom: 0 solid transparent;
                border-left: 0 solid transparent;
                border-top: .2rem solid #0b0c1b;
                border-right: .2rem solid #0b0c1b
            }

    .custom-select .custom-select__main {
        display: block;
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .custom-select .custom-select__body {
        display: none;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 50;
        margin-top: -1px;
        padding: 1px
    }

        .custom-select .custom-select__body:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border: 1px solid #85858d
        }

    .custom-select .custom-select__list {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        position: relative;
        max-height: 29rem;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }

        .custom-select .custom-select__list li {
            display: block;
            list-style: none;
            padding: 2.4rem 2.4rem;
            font-size: 2.4rem;
            line-height: 1;
            color: #85858d;
            cursor: pointer;
            -webkit-transition: color .4s ease;
            transition: color .4s ease
        }

            .custom-select .custom-select__list li span {
                display: block;
                position: relative;
                -webkit-transition: padding .4s ease;
                transition: padding .4s ease
            }

                .custom-select .custom-select__list li span:before {
                    content: '';
                    display: block;
                    top: .2rem;
                    left: 0;
                    height: 2rem;
                    width: .3rem;
                    background: #20a200;
                    -webkit-transform: skewX(-15deg);
                    transform: skewX(-15deg);
                    position: absolute;
                    opacity: 0;
                    -webkit-transition: opacity .4s ease;
                    transition: opacity .4s ease
                }

            .custom-select .custom-select__list li.current, .desktop .custom-select .custom-select__list li:hover {
                cursor: default;
                color: #0b0c1b
            }

                .custom-select .custom-select__list li.current span, .desktop .custom-select .custom-select__list li:hover span {
                    padding-left: 1.2rem
                }

                    .custom-select .custom-select__list li.current span:before, .desktop .custom-select .custom-select__list li:hover span:before {
                        opacity: 1
                    }

.desktop .custom-select .custom-select__list li:not(.current):hover {
    color: #0b0c1b;
    cursor: pointer
}

@media only screen and (min-width:768px) {
    .custom-select.custom-select-filter .custom-select__label {
        display: none
    }

    .custom-select.custom-select-filter .custom-select__head {
        padding: 0;
        height: auto;
        border: none
    }

        .custom-select.custom-select-filter .custom-select__head:after {
            right: 0;
            width: 1.2rem;
            height: 1.2rem;
            margin-top: -.8rem
        }

        .custom-select.custom-select-filter .custom-select__head.active:after {
            margin-top: 0
        }

    .custom-select.custom-select-filter .custom-select__name {
        padding-right: 2.6rem;
        overflow: visible
    }

    .custom-select.custom-select-filter .custom-select__body {
        left: 50%;
        right: auto;
        width: 27rem;
        margin-left: -13.5rem;
        margin-top: 1.2rem
    }

    .custom-select.custom-select-filter .custom-select__list {
        padding: 1.2rem 0
    }

        .custom-select.custom-select-filter .custom-select__list > li {
            padding: 1.2rem 2.4rem;
            font-size: 1.6rem
        }

            .custom-select.custom-select-filter .custom-select__list > li.current span {
                padding-left: 1.5rem
            }

            .custom-select.custom-select-filter .custom-select__list > li span:before {
                height: 1.6rem;
                top: 0
            }
}

@media only screen and (max-width:767px) {
    .custom-select .custom-select__label {
        margin: 0 0 .8rem;
        font-size: 1.6rem;
        line-height: 1
    }

    .custom-select .custom-select__name {
        padding-right: 2rem
    }

    .custom-select .custom-select__head {
        height: 4.8rem;
        padding: 1rem 1.6rem 1rem 1.6rem;
        font-size: 1.6rem;
        line-height: 1.6;
        border: 1px solid #d3d3d3
    }

        .custom-select .custom-select__head:after {
            top: 50%;
            right: 1.6rem;
            width: 1.4rem;
            height: 1.4rem;
            margin-top: -1rem;
            -webkit-transition: all .4s ease;
            transition: all .4s ease
        }

        .custom-select .custom-select__head.active {
            color: #0b0c1b;
            border-color: #85858d
        }

            .custom-select .custom-select__head.active:after {
                margin-top: -.4rem
            }

    .custom-select .custom-select__list {
        max-height: 19.6rem
    }

        .custom-select .custom-select__list li {
            padding: 1.6rem;
            font-size: 1.6rem;
            line-height: 1
        }

            .custom-select .custom-select__list li span:before {
                top: 0;
                left: 0;
                height: 1.6rem;
                width: .2rem
            }

            .custom-select .custom-select__list li.current span {
                padding-left: 1.2rem
            }
}

.custom-checkbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    position: relative;
    padding-left: 4.8rem;
    height: 1px;
    min-height: 3.2rem;
    font-size: 2rem;
    line-height: 1.4rem;
    color: #85858d;
    cursor: default
}

    .custom-checkbox .custom-checkbox__label {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer
    }

    .custom-checkbox input[type=checkbox] {
        display: none;
        opacity: 0;
        visibility: hidden;
        position: absolute
    }

        .custom-checkbox input[type=checkbox]:checked + .custom-checkbox__icon {
            background: #20a200;
            border-color: #20a200
        }

    .custom-checkbox .custom-checkbox__icon {
        display: block;
        width: 3.2rem;
        height: 3.2rem;
        border: 1px solid #85858d;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

    .custom-checkbox a {
        color: #0b0c1b;
        text-decoration: underline;
        font-weight: 500
    }

@media only screen and (max-width:767px) {
    .custom-checkbox {
        font-size: 1.2rem;
        line-height: 1;
        padding-left: 3.2rem;
        min-height: 2.4rem
    }

        .custom-checkbox .custom-checkbox__icon {
            width: 2.4rem;
            height: 2.4rem
        }
}

.form-additionally {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0
}

    .form-additionally .additionally-hide {
        display: none
    }

    .form-additionally.view-all-additionally .additionally-hide {
        display: block
    }

.form-example {
    display: block;
    width: 100%;
    margin: 3.2rem 0
}

    .form-example .form-example__title {
        font-size: 2rem;
        line-height: 1;
        font-weight: 700;
        color: #0b0c1b;
        margin: 0 0 1.2rem
    }

    .form-example .form-example__text {
        display: block;
        width: 100%;
        font-size: 1.4rem;
        line-height: 2rem;
        color: #85858d
    }

        .form-example .form-example__text > * {
            margin: 0 0 .8rem
        }

        .form-example .form-example__text > :last-child {
            margin-bottom: 0
        }

@media only screen and (max-width:767px) {
    .form-example {
        margin: 3.2rem 0 0
    }

        .form-example .form-example__title {
            font-size: 1.8rem;
            line-height: 1;
            margin: 0 0 1.2rem
        }

        .form-example .form-example__text {
            font-size: 1.2rem;
            line-height: 1.4rem
        }

            .form-example .form-example__text > * {
                margin: 0 0 1rem
            }

            .form-example .form-example__text > :last-child {
                margin-bottom: 0
            }
}

.header {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 300;
    padding: 3.2rem 0;
    background: #fff;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease
}

@media only screen and (max-width:1023px) {
    .header {
        background: #fff
    }
}

@media only screen and (max-width:767px) {
    .header {
        padding: 1.6rem 0
    }
}

.header .header__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    font-weight: 400;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative
}

.header .header__top {
    display: block;
    position: relative;
    width: 100%;
    z-index: 10
}

.header.notification-mode .notification .notification__icon:after {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.header.notification-mode .menu__toggle:after {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.desktop .header.notification-mode .menu__toggle:hover:after {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    opacity: 0
}

.header.white-mode {
    background: #0b0c1b
}

@media only screen and (max-width:1023px) {
    .header.white-mode {
        background: #0b0c1b
    }
}

.header.white-mode.transparent-mode {
    background: rgba(255,255,255,0)
}

@media only screen and (max-width:1023px) {
    .header.white-mode.transparent-mode {
        background: rgba(11,12,27,0)
    }
}

.header.menu-mode .logo, .header.white-mode .logo {
    color: #fff
}

.header.menu-mode .menu__toggle .line, .header.white-mode .menu__toggle .line {
    background: #fff
}

.header.menu-mode .menu__toggle:after {
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    opacity: 0
}

.header.menu-mode .header__menu {
    visibility: visible;
    -webkit-transition: all 0s ease;
    transition: all 0s ease;
    opacity: 1
}

.header.menu-mode .header__menu-bg {
    visibility: visible;
    -webkit-transition: all 0s ease;
    transition: all 0s ease
}

.header.menu-mode .header-mobile-btn__wrap {
    opacity: 0;
    visibility: hidden
}

@media only screen and (min-width:1024px) {
    .header.menu-mode .header__menu-bg .menu__bg-left, .header.menu-mode .header__menu-bg .menu__bg-right {
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .header.menu-mode .main-menu > li {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-transition-duration: .4s;
        transition-duration: .4s
    }

        .header.menu-mode .main-menu > li:first-child {
            -webkit-transition-delay: .4s;
            transition-delay: .4s
        }

        .header.menu-mode .main-menu > li:nth-child(2) {
            -webkit-transition-delay: .5s;
            transition-delay: .5s
        }

        .header.menu-mode .main-menu > li:nth-child(3) {
            -webkit-transition-delay: .6s;
            transition-delay: .6s
        }

        .header.menu-mode .main-menu > li:nth-child(4) {
            -webkit-transition-delay: .7s;
            transition-delay: .7s
        }

        .header.menu-mode .main-menu > li:nth-child(5) {
            -webkit-transition-delay: .8s;
            transition-delay: .8s
        }

        .header.menu-mode .main-menu > li:nth-child(6) {
            -webkit-transition-delay: .9s;
            transition-delay: .9s
        }

    .header.menu-mode .header-aside-menu > li {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-transition-duration: .4s;
        transition-duration: .4s
    }

        .header.menu-mode .header-aside-menu > li:first-child {
            -webkit-transition-delay: .4s;
            transition-delay: .4s
        }

        .header.menu-mode .header-aside-menu > li:nth-child(2) {
            -webkit-transition-delay: .5s;
            transition-delay: .5s
        }

        .header.menu-mode .header-aside-menu > li:nth-child(3) {
            -webkit-transition-delay: .6s;
            transition-delay: .6s
        }

        .header.menu-mode .header-aside-menu > li:nth-child(4) {
            -webkit-transition-delay: .7s;
            transition-delay: .7s
        }

        .header.menu-mode .header-aside-menu > li:nth-child(5) {
            -webkit-transition-delay: .8s;
            transition-delay: .8s
        }

        .header.menu-mode .header-aside-menu > li:nth-child(6) {
            -webkit-transition-delay: .9s;
            transition-delay: .9s
        }

        .header.menu-mode .header-aside-menu > li:nth-child(7) {
            -webkit-transition-delay: 1s;
            transition-delay: 1s
        }

        .header.menu-mode .header-aside-menu > li:nth-child(8) {
            -webkit-transition-delay: 1.1s;
            transition-delay: 1.1s
        }

        .header.menu-mode .header-aside-menu > li:nth-child(9) {
            -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s
        }

        .header.menu-mode .header-aside-menu > li:nth-child(10) {
            -webkit-transition-delay: 1.3s;
            transition-delay: 1.3s
        }

    .header.menu-mode .header-controls > li {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-transition-duration: .4s;
        transition-duration: .4s
    }

        .header.menu-mode .header-controls > li:first-child {
            -webkit-transition-delay: .4s;
            transition-delay: .4s
        }

        .header.menu-mode .header-controls > li:nth-child(2) {
            -webkit-transition-delay: .5s;
            transition-delay: .5s
        }

        .header.menu-mode .header-controls > li:nth-child(3) {
            -webkit-transition-delay: .6s;
            transition-delay: .6s
        }

        .header.menu-mode .header-controls > li:nth-child(4) {
            -webkit-transition-delay: .7s;
            transition-delay: .7s
        }

    .header.menu-mode .header-search {
        opacity: 1;
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .header.menu-mode .header-lang {
        opacity: 1;
        -webkit-transition-delay: 1s;
        transition-delay: 1s;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .header.menu-mode .header-submenu {
        opacity: 1;
        -webkit-transition-delay: .8s;
        transition-delay: .8s;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .header.menu-mode .header-social {
        opacity: 1;
        -webkit-transition-delay: .6s;
        transition-delay: .6s;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    .header.menu-mode .header-btn__wrap {
        opacity: 1;
        -webkit-transition-delay: .8s;
        transition-delay: .8s;
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }
}

@media only screen and (max-width:1023px) {
    .header.menu-mode .header__menu {
        -webkit-transition-delay: .3s;
        transition-delay: .3s;
        -webkit-transition-duration: .8s;
        transition-duration: .8s
    }

    .header.menu-mode .header__menu-bg .menu__bg-right {
        -webkit-transition-duration: .4s;
        transition-duration: .4s;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        opacity: 1
    }

    .header.menu-mode .aside-menu__toggle, .header.menu-mode .header-controls {
        opacity: 1;
        visibility: visible;
        -webkit-transition-duration: .4s;
        transition-duration: .4s
    }
}

@media only screen and (max-width:1023px) {
    .header.menu-aside-mode.menu-mode .header-controls {
        opacity: 0;
        visibility: hidden;
        -webkit-transition-duration: .2s;
        transition-duration: .2s
    }

    .header.menu-aside-mode.menu-mode .aside-menu__toggle:after {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        margin-top: -.5rem
    }

    .header.menu-aside-mode.menu-mode .header__menu-bg .menu__bg-left {
        opacity: 1;
        visibility: visible;
        -webkit-transition-duration: .4s;
        transition-duration: .4s
    }

    .header.menu-aside-mode.menu-mode .header__menu {
        overflow: hidden
    }

        .header.menu-aside-mode.menu-mode .header__menu .menu__block {
            opacity: 0;
            height: -webkit-calc(100vh - 13.2rem);
            height: calc(100vh - 13.2rem);
            overflow: hidden
        }

        .header.menu-aside-mode.menu-mode .header__menu .menu__aside {
            opacity: 1;
            visibility: visible;
            -webkit-transition-duration: .4s;
            transition-duration: .4s
        }
}

@media only screen and (max-width:767px) {
    .header.menu-aside-mode.menu-mode .aside-menu__toggle:after {
        margin-top: -.4rem
    }
}

.logo {
    display: block;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: .1em;
    font-weight: 700;
    color: #0b0c1b;
    text-transform: uppercase;
    -webkit-transition: color .4s ease;
    transition: color .4s ease
}

    .logo .logo__title {
        display: block;
        font-size: 4.8rem;
        line-height: 1;
        margin: 0 0 .4rem
    }

    .logo .logo__name {
        display: block
    }

@media only screen and (max-width:767px) {
    .logo {
        font-size: 1.2rem;
        line-height: 1
    }

        .logo .logo__title {
            font-size: 2.4rem;
            line-height: 1
        }
}

.menu__toggle {
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: 6rem;
    height: 6rem;
    margin-top: -3rem
}

    .menu__toggle .line {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 4.2rem;
        height: .6rem;
        background: #0b0c1b;
        margin-left: -2.1rem;
        margin-top: -.3rem;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

        .menu__toggle .line.top {
            -webkit-transform: translate3d(.4rem,-1.5rem,0);
            transform: translate3d(.4rem,-1.5rem,0)
        }

        .menu__toggle .line.bot {
            -webkit-transform: translate3d(-.4rem,1.5rem,0);
            transform: translate3d(-.4rem,1.5rem,0)
        }

.desktop .menu__toggle:not(.active):hover .line.top {
    -webkit-transform: translate3d(0,-1.5rem,0);
    transform: translate3d(0,-1.5rem,0)
}

.desktop .menu__toggle:not(.active):hover .line.bot {
    -webkit-transform: translate3d(0,1.5rem,0);
    transform: translate3d(0,1.5rem,0)
}

.menu__toggle.active .line.top {
    -webkit-transform: translate3d(0,0,0) rotate(135deg);
    transform: translate3d(0,0,0) rotate(135deg)
}

.menu__toggle.active .line.mid {
    width: 0;
    margin-left: 0;
    opacity: 0
}

.menu__toggle.active .line.bot {
    -webkit-transform: translate3d(0,0,0) rotate(-135deg);
    transform: translate3d(0,0,0) rotate(-135deg)
}

.desktop .menu__toggle.active:hover {
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease;
    background: rgba(255,255,255,.05)
}

.menu__toggle:after {
    content: '';
    display: block;
    position: absolute;
    top: .4rem;
    left: .4rem;
    width: 1.4rem;
    height: 1.4rem;
    background: #f71b1b;
    border-radius: 50%;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -webkit-transform: translate3d(0,-100%,0);
    transform: translate3d(0,-100%,0);
    opacity: 0
}

@media only screen and (max-width:767px) {
    .menu__toggle {
        top: 50%;
        right: 0;
        width: 4rem;
        height: 4rem;
        margin-top: -2rem
    }

        .menu__toggle .line {
            top: 50%;
            left: 50%;
            width: 2.1rem;
            height: .3rem;
            margin-left: -1rem;
            margin-top: -.15rem
        }

            .menu__toggle .line.top {
                -webkit-transform: translate3d(.2rem,-.75rem,0);
                transform: translate3d(.2rem,-.75rem,0)
            }

            .menu__toggle .line.bot {
                -webkit-transform: translate3d(-.2rem,.75rem,0);
                transform: translate3d(-.2rem,.75rem,0)
            }

        .menu__toggle.active .line.top {
            -webkit-transform: translate3d(0,0,0) rotate(135deg);
            transform: translate3d(0,0,0) rotate(135deg)
        }

        .menu__toggle.active .line.mid {
            width: 0;
            margin-left: 0;
            opacity: 0
        }

        .menu__toggle.active .line.bot {
            -webkit-transform: translate3d(0,0,0) rotate(-135deg);
            transform: translate3d(0,0,0) rotate(-135deg)
        }

        .menu__toggle:after {
            top: .8rem;
            left: .8rem;
            width: .7rem;
            height: .7rem
        }
}

.aside-menu__toggle {
    display: block;
    position: absolute;
    top: 50%;
    left: 11rem;
    width: 4rem;
    height: 4rem;
    margin-top: -2rem;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    opacity: 0;
    visibility: hidden
}

    .aside-menu__toggle:after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 2rem;
        height: 2rem;
        border-bottom: .3rem solid #fff;
        border-right: .3rem solid #fff;
        margin-top: -1.6rem;
        margin-left: -1rem;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

@media only screen and (max-width:767px) {
    .aside-menu__toggle {
        top: 50%;
        left: 7rem;
        width: 4rem;
        height: 4rem;
        margin-top: -2rem
    }

        .aside-menu__toggle:after {
            top: 50%;
            left: 50%;
            width: 1.4rem;
            height: 1.4rem;
            border-bottom: .2rem solid #fff;
            border-right: .2rem solid #fff;
            margin-top: -1rem;
            margin-left: -.7rem
        }
}

.header-controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: absolute;
    left: 12rem;
    top: 50%;
    margin-top: -2.5rem;
    height: 5rem;
    width: 22.5vw;
    z-index: 50
}

    .header-controls > li {
        display: block;
        list-style: none;
        padding-left: 3rem
    }

@media only screen and (min-width:1024px) {
    .header-controls > li {
        opacity: 0;
        -webkit-transform: translate3d(0,-2rem,0);
        transform: translate3d(0,-2rem,0);
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }
}

.header-controls > li:first-child {
    padding-left: 0
}

.header-controls .header-profile {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative
}

    .header-controls .header-profile .profile__icon {
        display: block;
        width: 4.8rem;
        height: 4.8rem;
        padding: .4rem
    }

        .header-controls .header-profile .profile__icon .icon {
            fill: #fff
        }

    .header-controls .header-profile .profile-info {
        display: block;
        padding-right: .9rem;
        text-align: right
    }

    .header-controls .header-profile .profile__name {
        display: block;
        font-size: 3.2rem;
        line-height: 3.6rem;
        font-weight: 700;
        color: #fff;
        margin: 0 0 0;
        max-width: 25rem;
        overflow: hidden;
        text-overflow: ellipsis
    }

    .header-controls .header-profile .profile__action {
        display: inline-block;
        font-size: 2rem;
        line-height: 1;
        color: #fff;
        font-weight: 700
    }

.header-controls .notification {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative
}

    .header-controls .notification .notification__icon {
        display: block;
        width: 4.8rem;
        height: 4.8rem;
        padding: 1px;
        position: relative
    }

        .header-controls .notification .notification__icon:before {
            content: '';
            display: block;
            position: absolute;
            background: #fff;
            top: -.5rem;
            right: -.5rem;
            left: -.5rem;
            bottom: -.5rem;
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all .4s ease;
            transition: all .4s ease
        }

        .header-controls .notification .notification__icon.active:before {
            visibility: visible;
            opacity: .2
        }

        .header-controls .notification .notification__icon:after {
            content: '';
            display: block;
            position: absolute;
            top: .6rem;
            right: .6rem;
            width: 1.4rem;
            height: 1.4rem;
            background: #f71b1b;
            border-radius: 50%;
            -webkit-transition: opacity .4s ease;
            transition: opacity .4s ease;
            opacity: 0
        }

        .header-controls .notification .notification__icon .icon {
            position: relative;
            fill: #fff
        }

@media only screen and (max-width:1280px) {
    .header-controls {
        left: 12rem;
        top: 50%;
        margin-top: -2.5rem;
        height: 5rem;
        width: 20vw
    }

        .header-controls > li {
            padding-left: 2rem
        }

            .header-controls > li:first-child {
                padding-left: 0
            }

        .header-controls .header-profile .profile__icon {
            width: 4rem;
            height: 4rem;
            padding: .4rem
        }

        .header-controls .header-profile .profile-info {
            padding-right: .9rem
        }

        .header-controls .header-profile .profile__name {
            font-size: 3.2rem;
            line-height: 3.6rem;
            margin: 0 0 0;
            max-width: 25rem
        }

        .header-controls .header-profile .profile__action {
            font-size: 2rem;
            line-height: 1
        }

        .header-controls .notification .notification__icon {
            width: 4rem;
            height: 4rem;
            padding: 1px
        }

            .header-controls .notification .notification__icon:after {
                top: .6rem;
                right: .6rem;
                width: 1.1rem;
                height: 1.1rem
            }
}

@media only screen and (max-width:1023px) {
    .header-controls {
        left: 15rem;
        top: 50%;
        margin-top: -2.5rem;
        height: 5rem;
        width: 57vw;
        opacity: 0;
        visibility: hidden;
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }
}

@media only screen and (max-width:767px) {
    .header-controls {
        padding: 0;
        left: 12rem;
        top: 50%;
        margin-top: -1.5rem;
        height: 3rem;
        width: 35vw
    }

        .header-controls > li {
            padding-left: 1rem
        }

            .header-controls > li:first-child {
                padding-left: 0
            }

        .header-controls .header-profile .profile__icon {
            display: block;
            width: 3.2rem;
            height: 3.2rem;
            padding: .2rem
        }

        .header-controls .header-profile .profile-info {
            padding-right: .5rem;
            display: none
        }

        .header-controls .header-profile .profile__name {
            font-size: 1.6rem;
            line-height: 2rem;
            max-width: 20rem
        }

        .header-controls .header-profile .profile__action {
            font-size: 1.2rem;
            line-height: 1
        }

        .header-controls .notification .notification__icon {
            width: 3.2rem;
            height: 3.2rem;
            padding: 0
        }

            .header-controls .notification .notification__icon:after {
                top: .3rem;
                right: .3rem;
                width: .7rem;
                height: .7rem
            }
}

.header__menu-bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100vh;
    visibility: hidden;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

@media only screen and (min-width:1024px) {
    .header__menu-bg .menu__bg-left {
        width: 25%;
        -webkit-transition: -webkit-transform .2s ease;
        transition: -webkit-transform .2s ease;
        transition: transform .2s ease;
        transition: transform .2s ease,-webkit-transform .2s ease;
        -webkit-transform: translate3d(-150%,0,0);
        transform: translate3d(-150%,0,0)
    }

        .header__menu-bg .menu__bg-left:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: auto;
            right: 0;
            width: 100vw;
            background: inherit;
            -webkit-transform: skewX(-15deg);
            transform: skewX(-15deg);
            -webkit-transform-origin: 50% 100%;
            transform-origin: 50% 100%
        }

    .header__menu-bg .menu__bg-right {
        width: 75%;
        -webkit-transition: -webkit-transform .2s ease;
        transition: -webkit-transform .2s ease;
        transition: transform .2s ease;
        transition: transform .2s ease,-webkit-transform .2s ease;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

.header__menu-bg .menu__bg-left {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    background: #20a200
}

.header__menu-bg .menu__bg-right {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #0b0c1b
}

@media only screen and (max-width:1280px) {
    .header__menu-bg .menu__bg-left {
        width: 20%
    }

    .header__menu-bg .menu__bg-right {
        width: 80%
    }
}

@media only screen and (max-width:1023px) {
    .header__menu-bg .menu__bg-left {
        opacity: 0;
        visibility: hidden;
        -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease;
        width: 100%
    }

        .header__menu-bg .menu__bg-left:after {
            display: none
        }

    .header__menu-bg .menu__bg-right {
        width: 100%;
        opacity: 0;
        -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease
    }
}

.header__menu {
    display: block;
    position: absolute;
    top: 10rem;
    left: 50%;
    width: 100vw;
    margin-left: -50vw;
    height: -webkit-calc(100vh - 13.2rem);
    height: calc(100vh - 13.2rem);
    color: #fff;
    padding-bottom: 4.8rem;
    visibility: hidden;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

    .header__menu .container {
        height: 100%
    }

    .header__menu .menu__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        position: relative;
        min-height: 100%;
        -webkit-box-pack: stretch;
        -webkit-justify-content: stretch;
        justify-content: stretch;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        height: 100%
    }

    .header__menu .menu__aside {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        max-width: 25%;
        min-width: 25%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding-bottom: 15rem;
        padding-top: 6rem
    }

    .header__menu .menu__block {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        width: 75%;
        padding-left: 6rem;
        padding-top: 2.5rem
    }

@media only screen and (min-width:1921px) {
    .header__menu .menu__block {
        padding-left: 12rem
    }
}

.header__menu .header-btn__wrap {
    display: block;
    position: absolute;
    bottom: 100%;
    right: 12.8rem;
    margin-bottom: 2.8rem
}

@media only screen and (min-width:1024px) {
    .header__menu .header-btn__wrap.show-always-btn {
        opacity: 1;
        visibility: visible
    }
}

@media only screen and (min-width:1024px) {
    .header__menu .header-btn__wrap {
        opacity: 0;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }
}

.header__menu .header-action {
    display: block
}

@media only screen and (max-width:1280px) {
    .header__menu .header-btn__wrap {
        right: 9.7rem;
        margin-bottom: 3rem
    }
}

@media only screen and (max-width:1023px) {
    .header__menu {
        opacity: 0;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 0
    }

        .header__menu .container {
            height: auto
        }

        .header__menu .menu__block {
            width: 100%;
            padding: 4.8rem 0;
            -webkit-transition: all .4s ease;
            transition: all .4s ease
        }

        .header__menu .menu__aside {
            display: block;
            max-width: 100vw;
            min-width: 100%;
            position: absolute;
            top: 0;
            right: 0;
            left: 50%;
            bottom: auto;
            z-index: 20;
            background: 0 0;
            width: 100vw;
            margin-left: -50vw;
            padding: 10rem 3rem 6rem;
            opacity: 0;
            height: -webkit-calc(100vh - 13.2rem);
            height: calc(100vh - 13.2rem);
            visibility: hidden;
            -webkit-transition: all .2s ease;
            transition: all .2s ease;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch
        }

        .header__menu .header-btn__wrap {
            position: relative;
            top: auto;
            left: 50%;
            right: auto;
            bottom: auto;
            width: 100vw;
            margin-left: -50vw
        }

            .header__menu .header-btn__wrap .btn-header {
                width: 100%
            }

        .header__menu .header-action {
            display: block;
            width: 100%;
            position: relative;
            border-top: 1px solid rgba(255,255,255,.2);
            border-bottom: 1px solid rgba(255,255,255,.2);
            height: 6.4rem;
            margin: 0 0 3.4rem
        }
}

@media only screen and (max-width:767px) {
    .header__menu {
        top: 5.6rem;
        height: -webkit-calc(100vh - 7.2rem);
        height: calc(100vh - 7.2rem)
    }

        .header__menu .menu__block {
            padding: 1.6rem 0 5rem
        }

        .header__menu .menu__aside {
            padding: 5rem 2rem 3rem;
            height: -webkit-calc(100vh - 7.2rem);
            height: calc(100vh - 7.2rem)
        }

        .header__menu .header-action {
            height: 6.4rem;
            margin: 0 0 2.4rem
        }

        .header__menu .header-btn__wrap {
            margin-bottom: 2rem
        }
}

.main-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
    padding: 0 0 0 2.5rem;
    margin: auto 0
}

    .main-menu > li {
        display: block;
        list-style: none;
        margin: 0 0 4rem
    }

@media only screen and (min-width:1024px) {
    .main-menu > li {
        opacity: 0;
        -webkit-transform: translate3d(4rem,0,0);
        transform: translate3d(4rem,0,0);
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }
}

.main-menu > li:first-child {
    margin-bottom: 0
}

@media only screen and (min-width:1281px) {
    .main-menu > li:nth-child(2) {
        padding-left: 4.5rem
    }

    .main-menu > li:nth-child(3) {
        padding-left: 9rem
    }

    .main-menu > li:nth-child(4) {
        padding-left: 13.5rem
    }

    .main-menu > li:nth-child(5) {
        padding-left: 18rem
    }

    .main-menu > li:nth-child(6) {
        padding-left: 22.5rem
    }
}

.main-menu a {
    display: inline-block;
    font-size: 9.6rem;
    line-height: 12rem;
    color: #fff;
    opacity: .4;
    font-weight: 700;
    padding-left: 5rem;
    position: relative;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

    .main-menu a:before {
        content: '';
        display: block;
        margin-right: 2rem;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        opacity: 0;
        -webkit-transform: translate(3rem,0) skewX(-15deg);
        transform: translate(3rem,0) skewX(-15deg);
        height: 7rem;
        width: 1.1rem;
        background: #20a200;
        margin-top: -3.8rem
    }

    .desktop .main-menu a:hover, .main-menu a.active {
        opacity: 1
    }

        .desktop .main-menu a:hover:before, .main-menu a.active:before {
            opacity: 1;
            -webkit-transform: translate(0,0) skewX(-15deg);
            transform: translate(0,0) skewX(-15deg)
        }

@media only screen and (max-width:1280px) {
    .main-menu {
        padding: 0
    }

        .main-menu > li {
            margin: 0 0 3.2rem
        }

            .main-menu > li:first-child {
                margin-bottom: 0
            }
}

@media only screen and (max-width:1280px) and (min-width:1024px) {
    .main-menu > li:nth-child(2) {
        padding-left: 4.5rem
    }

    .main-menu > li:nth-child(3) {
        padding-left: 9rem
    }

    .main-menu > li:nth-child(4) {
        padding-left: 13.5rem
    }

    .main-menu > li:nth-child(5) {
        padding-left: 18rem
    }

    .main-menu > li:nth-child(6) {
        padding-left: 22.5rem
    }
}

@media only screen and (max-width:1280px) {
    .main-menu a {
        font-size: 6.4rem;
        line-height: 8rem;
        padding-left: 4rem
    }

        .main-menu a:before {
            left: 1rem;
            top: 50%;
            height: 5rem;
            width: .6rem;
            margin-top: -2.4rem
        }
}

@media only screen and (max-width:1023px) {
    .main-menu {
        padding: 0;
        margin: 0 0 9rem
    }

        .main-menu > li {
            margin: 0 0 3.2rem
        }

        .main-menu a {
            font-size: 6.4rem;
            line-height: 8rem;
            padding-left: 0
        }

            .main-menu a:before {
                left: 1rem;
                top: 50%;
                height: 5rem;
                width: .6rem;
                margin-top: -2.4rem
            }

            .main-menu a.active {
                padding-left: 4rem
            }
}

@media only screen and (max-width:767px) {
    .main-menu {
        padding: 0;
        margin: 0 0 3.2rem
    }

        .main-menu > li {
            margin: 0 0 2.4rem
        }

        .main-menu a {
            font-size: 3.2rem;
            line-height: 4rem;
            padding-left: 0
        }

            .main-menu a:before {
                left: .5rem;
                top: 50%;
                height: 2.5rem;
                width: .3rem;
                margin-top: -1.1rem
            }

            .main-menu a.active {
                padding-left: 2rem
            }
}

.header-aside-menu {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0
}

    .header-aside-menu > li {
        display: block;
        list-style: none;
        margin: 0 0 2.4rem
    }

@media only screen and (min-width:1024px) {
    .header-aside-menu > li {
        opacity: 0;
        -webkit-transform: translate3d(-5rem,0,0);
        transform: translate3d(-5rem,0,0);
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }
}

.header-aside-menu > li:last-child {
    margin-bottom: 0
}

.header-aside-menu a {
    display: inline-block;
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    opacity: .2;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease;
    position: relative
}

    .header-aside-menu a:before {
        content: '';
        display: block;
        margin-right: 2rem;
        position: absolute;
        right: 100%;
        top: 50%;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        opacity: 0;
        -webkit-transform: translate(2rem,0) skewX(-15deg);
        transform: translate(2rem,0) skewX(-15deg);
        height: 3rem;
        width: .5rem;
        background: #fff;
        margin-top: -1.5rem
    }

    .desktop .header-aside-menu a:hover, .header-aside-menu a.active {
        opacity: 1
    }

        .desktop .header-aside-menu a:hover:before, .header-aside-menu a.active:before {
            opacity: 1;
            -webkit-transform: translate(0,0) skewX(-15deg);
            transform: translate(0,0) skewX(-15deg)
        }

    .header-aside-menu a.active {
        cursor: default
    }

@media only screen and (max-width:1280px) {
    .header-aside-menu > li {
        margin: 0 0 2.4rem
    }

        .header-aside-menu > li:last-child {
            margin-bottom: 0
        }

    .header-aside-menu a {
        font-size: 2.4rem;
        line-height: 1
    }

        .header-aside-menu a:before {
            margin-right: 1.6rem;
            height: 2.4rem;
            width: .4rem;
            margin-top: -1.2rem
        }
}

@media only screen and (max-width:1023px) {
    .header-aside-menu a {
        font-size: 6.4rem;
        line-height: 7rem
    }

        .header-aside-menu a:before {
            margin-right: 0;
            height: 6rem;
            width: 1rem;
            margin-top: -2.5rem;
            margin-left: 2rem;
            right: auto;
            left: 100%
        }
}

@media only screen and (max-width:767px) {
    .header-aside-menu {
        overflow: hidden
    }

        .header-aside-menu > li {
            margin: 0 0 2.4rem
        }

            .header-aside-menu > li:last-child {
                margin-bottom: 0
            }

        .header-aside-menu a {
            font-size: 3.2rem;
            line-height: 4rem
        }

            .header-aside-menu a:before {
                margin-right: 0;
                height: 3rem;
                width: .4rem;
                margin-top: -1.5rem;
                margin-left: 1.7rem;
                right: auto;
                left: 100%
            }
}

.header-submenu {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: auto 0 0;
    padding: 0;
    max-width: 65%
}

@media only screen and (min-width:1024px) {
    .header-submenu {
        opacity: 0;
        -webkit-transform: translate3d(0,1rem,0);
        transform: translate3d(0,1rem,0);
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }
}

.header-submenu > li {
    display: block;
    list-style: none;
    margin-right: 4.8rem;
    margin-top: 2.4rem
}

    .header-submenu > li:last-child {
        margin-right: 0
    }

.header-submenu a {
    font-size: 2rem;
    line-height: 2.2rem;
    letter-spacing: .05em;
    opacity: .4;
    font-weight: 500;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.desktop .header-submenu a:hover {
    opacity: 1
}

@media only screen and (max-width:1280px) {
    .header-submenu {
        max-width: 90%
    }

        .header-submenu > li {
            margin-right: 3.2rem
        }
}

@media only screen and (max-width:1023px) {
    .header-submenu {
        max-width: 100%;
        margin: 0 0 6.4rem
    }

        .header-submenu > li {
            margin-right: 3.2rem;
            margin-top: 2.4rem
        }

            .header-submenu > li:last-child {
                margin-right: 0
            }

        .header-submenu a {
            font-size: 1.8rem;
            line-height: 1.8rem;
            letter-spacing: 0
        }
}

@media only screen and (max-width:767px) {
    .header-submenu {
        max-width: 100%;
        margin: 0 0 2.8rem
    }

        .header-submenu > li {
            margin-right: 2.4rem;
            margin-top: 1.6rem
        }

            .header-submenu > li:last-child {
                margin-right: 0
            }

        .header-submenu a {
            font-size: 1.6rem;
            line-height: 2rem
        }
}

.header-search {
    display: block;
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-bottom: 4.2rem;
    margin-left: -13.4rem
}

@media only screen and (min-width:1024px) {
    .header-search {
        opacity: 0;
        -webkit-transition: opacity .2s ease;
        transition: opacity .2s ease
    }
}

.header-search .hs-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative
}

    .header-search .hs-block.activated .hs-block__label {
        width: 27rem
    }

    .header-search .hs-block.activated .hs-block__toggle {
        display: none
    }

.header-search .hs-block__toggle {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 5
}

.desktop .header-search .hs-block__toggle:hover + .hs-block__icon {
    opacity: 1
}

.header-search .hs-block__label {
    display: block;
    width: 0;
    overflow: hidden;
    position: relative;
    -webkit-transition: width .4s ease;
    transition: width .4s ease;
    margin-left: 1.5rem
}

    .header-search .hs-block__label:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: .2rem;
        background: #fff;
        opacity: .3
    }

.header-search .hs-block__input {
    display: block;
    width: 100%;
    background: 0 0;
    border: none;
    height: 4rem;
    font-size: 2rem;
    line-height: 2rem;
    color: #fff;
    padding: 1rem 0 1.4rem
}

.header-search .hs-block__icon {
    display: block;
    width: 4.8rem;
    height: 4.8rem;
    padding: .3rem;
    opacity: .4;
    background: 0 0;
    border: none;
    cursor: pointer;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.desktop .header-search .hs-block__icon:hover {
    opacity: 1
}

    .desktop .header-search .hs-block__icon:hover .icon {
        fill: #20a200
    }

.header-search .hs-block__icon .icon {
    -webkit-transition: fill .4s ease;
    transition: fill .4s ease;
    fill: #fff
}

@media only screen and (max-width:1280px) {
    .header-search {
        margin-left: -9rem
    }

        .header-search .hs-block.activated .hs-block__label {
            width: 18rem
        }
}

@media only screen and (max-width:1023px) {
    .header-search {
        display: block;
        position: relative;
        bottom: auto;
        left: 0;
        top: auto;
        margin-bottom: 0;
        margin-left: 0;
        padding: 1.3rem 0
    }

        .header-search .hs-block.activated .hs-block__label {
            width: 100%
        }

        .header-search .hs-block.activated .hs-block__toggle {
            display: none
        }

        .header-search .hs-block__toggle {
            display: none
        }

        .header-search .hs-block__label {
            width: 100%;
            overflow: visible;
            margin-left: 2rem
        }

            .header-search .hs-block__label:after {
                display: none
            }

        .header-search .hs-block__input {
            display: block;
            width: 100%;
            background: 0 0;
            border: none;
            height: 3.6rem;
            font-size: 2rem;
            line-height: 2rem;
            color: #fff;
            padding: .8rem 0 1.2rem
        }

        .header-search .hs-block__icon {
            width: 3.6rem;
            height: 3.6rem;
            padding: 0;
            opacity: .4
        }
}

@media only screen and (max-width:767px) {
    .header-search {
        display: block;
        position: relative;
        bottom: auto;
        left: 0;
        top: auto;
        margin-bottom: 0;
        margin-left: 0;
        padding: 1.3rem 0
    }

        .header-search .hs-block.activated .hs-block__label {
            width: 100%
        }

        .header-search .hs-block.activated .hs-block__toggle {
            display: none
        }

        .header-search .hs-block__toggle {
            display: none
        }

        .header-search .hs-block__label {
            width: 100%;
            overflow: visible;
            margin-left: 1rem
        }

            .header-search .hs-block__label:after {
                display: none
            }

        .header-search .hs-block__input {
            display: block;
            width: 100%;
            background: 0 0;
            border: none;
            height: 3.6rem;
            font-size: 1.6rem;
            line-height: 2rem;
            color: #fff;
            padding: .8rem 5rem 1.2rem 0
        }

        .header-search .hs-block__icon {
            width: 3.6rem;
            height: 3.6rem;
            padding: 0;
            opacity: .4
        }
}

.header-social {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0
}

@media only screen and (min-width:1024px) {
    .header-social {
        opacity: 0;
        -webkit-transform: translate3d(0,2rem,0);
        transform: translate3d(0,2rem,0);
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
        position: absolute;
        bottom: 0;
        left: 0
    }
}

.header-social > li {
    display: block;
    width: 100%;
    list-style: none;
    margin: 0 0 2.4rem
}

    .header-social > li:last-child {
        margin-bottom: 0
    }

.header-social a {
    font-size: 2rem;
    line-height: 2.2rem;
    letter-spacing: .05em;
    opacity: .4;
    font-weight: 500;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.desktop .header-social a:hover {
    opacity: 1
}

@media only screen and (max-width:1023px) {
    .header-social {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

        .header-social > li {
            width: auto;
            margin: 0 2.4rem 0 0
        }

            .header-social > li:last-child {
                margin-right: 0
            }

        .header-social a {
            font-size: 1.8rem;
            line-height: 1.8rem;
            letter-spacing: 0
        }
}

@media only screen and (max-width:767px) {
    .header-social > li {
        width: auto;
        margin: 0 2.4rem 0 0
    }

        .header-social > li:last-child {
            margin-right: 0
        }

    .header-social a {
        font-size: 1.4rem;
        line-height: 1.4rem;
        letter-spacing: 0
    }
}

.header-lang {
    display: block;
    position: absolute;
    right: .8rem;
    left: auto;
    bottom: -.5rem;
    background: 0 0
}

@media only screen and (min-width:1024px) {
    .header-lang {
        opacity: 0;
        -webkit-transform: translate3d(0,1rem,0);
        transform: translate3d(0,1rem,0);
        -webkit-transition: all .2s ease;
        transition: all .2s ease
    }

        .header-lang .lang-menu__liner {
            -webkit-transition: -webkit-transform .4s ease;
            transition: -webkit-transform .4s ease;
            transition: transform .4s ease;
            transition: transform .4s ease,-webkit-transform .4s ease
        }

        .header-lang .lang-menu {
            -webkit-transition: -webkit-transform .4s ease;
            transition: -webkit-transform .4s ease;
            transition: transform .4s ease;
            transition: transform .4s ease,-webkit-transform .4s ease
        }
}

.header-lang:after {
    content: '';
    display: block;
    position: absolute;
    width: .2rem;
    height: 2.2rem;
    -webkit-transform: skew(-15deg);
    transform: skew(-15deg);
    left: 100%;
    top: 50%;
    margin-top: -1.1rem;
    background: #20a200
}

.desktop .header-lang:hover .lang-menu__liner {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.desktop .header-lang:hover .lang-menu {
    -webkit-transform: translate3d(1.5rem,0,0);
    transform: translate3d(1.5rem,0,0)
}

.header-lang .lang-menu__liner {
    -webkit-transform: translate3d(-3rem,0,0);
    transform: translate3d(-3rem,0,0)
}

.header-lang .lang-menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    background: #0b0c1b;
    padding: .5rem 0
}

    .header-lang .lang-menu > li {
        display: block;
        list-style: none;
        padding-right: 1.5rem;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        order: 2
    }

        .header-lang .lang-menu > li.active-elem {
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            order: 1
        }

    .header-lang .lang-menu a {
        display: block;
        width: 2.6rem;
        font-size: 2rem;
        line-height: 2.2rem;
        text-transform: capitalize;
        color: #fff;
        opacity: .4;
        font-weight: 500;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease;
        position: relative
    }

        .header-lang .lang-menu a:after {
            content: '';
            position: absolute;
            top: -.5rem;
            right: -.5rem;
            bottom: -.5rem;
            left: -.5rem
        }

.desktop .header-lang .lang-menu a:hover {
    opacity: 1
}

.header-lang .lang-menu a.active {
    opacity: 1
}

.header-lang .lang-menu__wrap {
    display: block;
    overflow: hidden
}

.header-lang .lang-menu__toggle {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5
}

@media only screen and (max-width:1023px) {
    .header-lang {
        top: 50%;
        margin-top: -1.6rem;
        bottom: auto;
        right: 0;
        left: auto;
        width: 3.6rem
    }

        .header-lang .lang-menu__toggle {
            display: block
        }

        .header-lang.view-mode {
            width: auto
        }

            .header-lang.view-mode .lang-menu__toggle {
                display: none
            }

            .header-lang.view-mode .lang-menu__liner {
                -webkit-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0)
            }

            .header-lang.view-mode .lang-menu {
                -webkit-transform: translate3d(1.5rem,0,0);
                transform: translate3d(1.5rem,0,0);
                padding-left: .5rem
            }
}

@media only screen and (max-width:767px) {
    .header-lang {
        top: 50%;
        margin-top: -1.6rem;
        bottom: auto;
        right: 0;
        left: auto
    }

        .header-lang .lang-menu {
            padding: .5rem 0
        }

            .header-lang .lang-menu a {
                width: 2.4rem;
                font-size: 1.6rem;
                line-height: 2rem
            }
}

.notification-content {
    display: none;
    position: absolute;
    top: 100%;
    right: -.5rem;
    width: 41.4rem;
    background: #fafafa;
    border: 1px solid #85858d;
    z-index: 20;
    margin-top: 1.2rem
}

    .notification-content.empty-state .nc__content {
        display: none
    }

    .notification-content.empty-state .nc__empty {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
    }

    .notification-content .nc__empty {
        display: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        min-height: 19.6rem
    }

        .notification-content .nc__empty .nc__empty-text {
            font-size: 2.4rem;
            line-height: 1.4;
            color: #0b0c1b;
            font-weight: 700;
            padding: 3.2rem;
            text-align: center
        }

    .notification-content .nc__head {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 1.6rem 2.4rem
    }

    .notification-content .nc__title {
        display: block;
        font-size: 2.4rem;
        line-height: 2.4rem;
        font-weight: 700
    }

    .notification-content .nc__clear {
        display: inline-block;
        font-size: 2rem;
        line-height: 2.2rem;
        font-weight: 500;
        color: #85858d
    }

    .notification-content .notification-single {
        display: block;
        width: 100%;
        box-shadow: 0 1px 0 rgba(133,133,141,.3),0 -1px 0 rgba(133,133,141,.3);
        padding: 2.4rem
    }

    .notification-content .notification-single__inner {
        display: block
    }

    .notification-content .notification-single__title {
        display: block;
        font-size: 2rem;
        line-height: 2rem;
        font-weight: 700;
        margin: 0 0 .4rem
    }

    .notification-content .notification-single__text {
        display: block;
        font-size: 1.6rem;
        line-height: 1.4;
        margin: 0 0 1.6rem;
        color: #85858d
    }

        .notification-content .notification-single__text > * {
            margin: 0 0 1.5rem
        }

        .notification-content .notification-single__text > :last-child {
            margin-bottom: 0
        }

    .notification-content .notification-single__time {
        display: block;
        font-size: 1.2rem;
        line-height: 1.2rem;
        font-weight: 700;
        opacity: .3;
        margin: 0
    }

    .notification-content .nt__view-all {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        height: 7rem;
        font-size: 2rem;
        line-height: 2.2rem;
        font-weight: 500;
        color: #85858d
    }

@media only screen and (max-width:1280px) {
    .notification-content {
        right: -.5rem;
        width: 38rem;
        margin-top: 2rem
    }

        .notification-content .nc__empty {
            display: none;
            min-height: 19.6rem
        }

            .notification-content .nc__empty .nc__empty-text {
                font-size: 2.4rem;
                line-height: 1.4;
                padding: 3.2rem
            }

        .notification-content .nc__head {
            padding: 1.6rem 2.4rem
        }

        .notification-content .nc__title {
            font-size: 2.4rem;
            line-height: 2.4rem
        }

        .notification-content .nc__clear {
            font-size: 2rem;
            line-height: 2.2rem
        }

        .notification-content .notification-single {
            padding: 2.4rem
        }

        .notification-content .notification-single__title {
            font-size: 2rem;
            line-height: 2rem;
            margin: 0 0 .4rem
        }

        .notification-content .notification-single__text {
            font-size: 1.6rem;
            line-height: 1.4;
            margin: 0 0 1.6rem
        }

        .notification-content .notification-single__time {
            font-size: 1.2rem;
            line-height: 1.2rem
        }

        .notification-content .nt__view-all {
            height: 7rem;
            font-size: 2rem;
            line-height: 2.2rem
        }
}

@media only screen and (max-width:1023px) {
    .notification-content {
        position: fixed;
        right: 0;
        left: 0;
        bottom: 0;
        width: 100vw;
        top: 12rem;
        margin-top: 0;
        background: #0b0c1b;
        border: none;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }

        .notification-content .nc__empty {
            min-height: 0;
            position: absolute
        }

            .notification-content .nc__empty .nc__empty-text {
                font-size: 2rem;
                line-height: 1.4;
                padding: 2.4rem 3.4rem;
                color: #fff
            }

        .notification-content .nc__head {
            padding: 2.4rem 3.4rem
        }

        .notification-content .nc__title {
            font-size: 2.8rem;
            line-height: 2.8rem;
            color: #fff
        }

        .notification-content .nc__clear {
            font-size: 1.8rem;
            line-height: 1.8rem;
            color: #85858d
        }

        .notification-content .notification-single {
            padding: 2.4rem 3.4rem
        }

        .notification-content .notification-single__title {
            font-size: 1.8rem;
            line-height: 1.8rem;
            margin: 0 0 .8rem;
            color: #fff
        }

        .notification-content .notification-single__text {
            font-size: 1.6rem;
            line-height: 1.4;
            margin: 0 0 1.6rem;
            color: #85858d
        }

        .notification-content .notification-single__time {
            font-size: 1.2rem;
            line-height: 1.2rem;
            color: #fafafa;
            opacity: .3
        }

        .notification-content .nt__view-all {
            height: 8.2rem;
            font-size: 1.8rem;
            line-height: 1.8rem;
            padding: 3.2rem 3.4rem;
            color: #85858d
        }
}

@media only screen and (max-width:767px) {
    .notification-content {
        top: 6.4rem
    }

        .notification-content .nc__empty .nc__empty-text {
            font-size: 2.4rem;
            line-height: 1.4;
            padding: 1.6rem 2rem
        }

        .notification-content .nc__head {
            padding: 1.6rem 2rem
        }

        .notification-content .nc__title {
            font-size: 2.4rem;
            line-height: 2.4rem
        }

        .notification-content .nc__clear {
            font-size: 1.6rem;
            line-height: 1.6rem
        }

        .notification-content .notification-single {
            padding: 1.6rem 2rem
        }

        .notification-content .notification-single__title {
            font-size: 1.6rem;
            line-height: 1.6rem;
            margin: 0 0 .8rem
        }

        .notification-content .notification-single__text {
            font-size: 1.4rem;
            line-height: 1.4;
            margin: 0 0 1.2rem
        }

        .notification-content .notification-single__time {
            font-size: 1.2rem;
            line-height: 1.2rem;
            color: #fafafa;
            opacity: .3
        }

        .notification-content .nt__view-all {
            height: 6.8rem;
            font-size: 1.6rem;
            line-height: 2rem;
            padding: 2.4rem 2rem;
            color: #85858d
        }
}

.header-mobile-btn__wrap {
    display: block;
    position: absolute;
    top: 0;
    right: 12.4rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    visibility: visible;
    opacity: 1
}

@media only screen and (min-width:1024px) {
    .header-mobile-btn__wrap {
        display: none
    }
}

.header-mobile-btn__wrap .header-mobile-btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    min-width: 27rem;
    font-size: 2rem;
    line-height: 1rem;
    min-height: 7.2rem;
    background: #20a200;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    padding: 1rem 1rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    position: relative
}

@media only screen and (max-width:767px) {
    .header-mobile-btn__wrap {
        right: 4.8rem
    }

        .header-mobile-btn__wrap .header-mobile-btn {
            min-width: 12rem;
            font-size: 1.2rem;
            line-height: 1rem;
            min-height: 4rem;
            padding: 1rem 1rem
        }
}

.main {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.footer {
    display: block;
    background: #0b0c1b;
    color: #fff;
    position: relative;
    z-index: -1
}

    .footer .footer__main {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        padding: 3.2rem 0
    }

    .footer .footer__group {
        display: block;
        position: relative;
        padding: 3.2rem 4rem
    }

        .footer .footer__group.footer__group-1 {
            width: 17%;
            padding-left: 0
        }

            .footer .footer__group.footer__group-1:after {
                content: '';
                display: block;
                position: absolute;
                right: 0;
                bottom: 0;
                top: 0;
                width: 1px;
                background: #fff;
                opacity: .1
            }

        .footer .footer__group.footer__group-2 {
            padding-left: 14rem;
            width: 23%
        }

        .footer .footer__group.footer__group-3 {
            width: 18%
        }

        .footer .footer__group.footer__group-4 {
            padding-left: 16.5rem;
            padding-right: 0;
            width: 42%;
            padding-bottom: 0
        }

            .footer .footer__group.footer__group-4:after {
                content: '';
                display: block;
                position: absolute;
                left: 0;
                bottom: 0;
                top: 0;
                width: 1px;
                background: #fff;
                opacity: .1
            }

    .footer .footer__bottom {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        padding: 4.8rem 0;
        position: relative
    }

        .footer .footer__bottom:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            width: 100vw;
            margin-left: -50vw;
            background: #090a17
        }

    .footer .fb__col {
        display: block;
        width: 100%;
        position: relative
    }

        .footer .fb__col.fb__col-1 {
            width: 17%
        }

        .footer .fb__col.fb__col-2 {
            width: 40%;
            padding-left: 14rem
        }

        .footer .fb__col.fb__col-3 {
            width: 43%
        }

    .footer .copyright {
        display: block;
        font-size: 1.6rem;
        line-height: 1;
        color: #fff;
        opacity: .5;
        margin: 0 0 1.6rem
    }

    .footer .footer-link {
        display: inline;
        font-size: 1.6rem;
        line-height: 1;
        color: #fff;
        opacity: .5;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease
    }

.desktop .footer .footer-link:hover {
    opacity: 1
}

.footer .developers {
    display: block;
    text-align: right;
    font-size: 1.2rem;
    line-height: 1;
    color: #fff;
    margin-left: auto
}

    .footer .developers a {
        font-weight: 700
    }

.footer .footer__partners {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
    margin: 0;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

    .footer .footer__partners > li {
        display: block;
        list-style: none;
        margin-right: 4rem
    }

        .footer .footer__partners > li:last-child {
            margin-right: 0
        }

    .footer .footer__partners .partner-footer {
        display: block;
        opacity: .3;
        height: 2.4rem
    }

        .footer .footer__partners .partner-footer img {
            display: block;
            max-height: 2.4rem
        }

    .footer .footer__partners a {
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease
    }

.desktop .footer .footer__partners a:hover {
    opacity: 1
}

@media only screen and (max-width:1600px) {
    .footer .footer__group {
        padding: 3.2rem 2rem
    }

        .footer .footer__group.footer__group-1 {
            width: 18%
        }

        .footer .footer__group.footer__group-2 {
            padding-left: 3.2rem;
            padding-right: 2rem;
            width: 25%
        }

        .footer .footer__group.footer__group-3 {
            width: 15%;
            padding-left: 2rem
        }

        .footer .footer__group.footer__group-4 {
            padding-left: 5rem;
            width: 45%
        }

    .footer .footer__bottom {
        padding: 4.8rem 0
    }

    .footer .fb__col {
        display: block;
        width: 100%
    }

        .footer .fb__col.fb__col-1 {
            width: 33.3333%
        }

        .footer .fb__col.fb__col-2 {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            width: 33.3333%;
            padding-left: 0
        }

        .footer .fb__col.fb__col-3 {
            width: 33.3333%
        }
}

@media only screen and (max-width:1023px) {
    .footer .footer__main {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 8rem 0
    }

    .footer .footer__group {
        width: 50%;
        padding: 0
    }

        .footer .footer__group.footer__group-1, .footer .footer__group.footer__group-2, .footer .footer__group.footer__group-3, .footer .footer__group.footer__group-4 {
            width: 50%;
            padding: 0
        }

            .footer .footer__group.footer__group-1:after, .footer .footer__group.footer__group-2:after, .footer .footer__group.footer__group-3:after, .footer .footer__group.footer__group-4:after {
                display: none
            }

        .footer .footer__group.footer__group-1, .footer .footer__group.footer__group-2 {
            padding-bottom: 6.4rem;
            padding-right: 2rem
        }

    .footer .footer__bottom {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 3.2rem 0
    }

    .footer .fb__col {
        width: 100%
    }

        .footer .fb__col.fb__col-1 {
            width: 60%;
            -webkit-box-ordinal-group: 6;
            -webkit-order: 5;
            order: 5
        }

        .footer .fb__col.fb__col-2 {
            width: 100%;
            padding-left: 0;
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            order: 1;
            padding-bottom: 2.4rem
        }

        .footer .fb__col.fb__col-3 {
            width: 40%;
            -webkit-box-ordinal-group: 6;
            -webkit-order: 5;
            order: 5
        }

    .footer .copyright {
        font-size: 1.6rem;
        line-height: 1;
        margin: 0 0 1.6rem
    }

    .footer .footer-link {
        font-size: 1.6rem;
        line-height: 1
    }

    .footer .developers {
        font-size: 1.2rem;
        line-height: 1
    }

    .footer .footer__partners {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

        .footer .footer__partners > li {
            margin-right: 4rem
        }

            .footer .footer__partners > li:last-child {
                margin-right: 0
            }

        .footer .footer__partners .partner-footer {
            height: 2.4rem
        }

            .footer .footer__partners .partner-footer img {
                max-height: 2.4rem
            }
}

@media only screen and (max-width:767px) {
    .footer .footer__main {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 0 3.2rem
    }

    .footer .footer__group {
        width: 100%;
        padding: 0
    }

        .footer .footer__group.footer__group-1, .footer .footer__group.footer__group-2, .footer .footer__group.footer__group-3, .footer .footer__group.footer__group-4 {
            width: 100%;
            padding: 0
        }

            .footer .footer__group.footer__group-1:after, .footer .footer__group.footer__group-2:after, .footer .footer__group.footer__group-3:after, .footer .footer__group.footer__group-4:after {
                display: none
            }

        .footer .footer__group.footer__group-1, .footer .footer__group.footer__group-2 {
            padding-bottom: 0;
            padding-right: 0
        }

        .footer .footer__group.footer__group-1, .footer .footer__group.footer__group-2, .footer .footer__group.footer__group-3 {
            position: relative
        }

            .footer .footer__group.footer__group-1:after, .footer .footer__group.footer__group-2:after, .footer .footer__group.footer__group-3:after {
                content: '';
                display: block;
                position: absolute;
                bottom: 0;
                top: auto;
                left: 50%;
                width: 100vw;
                margin-left: -50vw;
                height: 1px;
                background: #fff;
                opacity: .3
            }

        .footer .footer__group.footer__group-4 {
            padding: 3.2rem 0 0
        }

    .footer .footer__bottom {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 3.2rem 0
    }

    .footer .fb__col {
        width: 100%;
        text-align: center
    }

        .footer .fb__col.fb__col-1 {
            width: 100%;
            -webkit-box-ordinal-group: 6;
            -webkit-order: 5;
            order: 5
        }

        .footer .fb__col.fb__col-2 {
            width: 100%;
            padding-left: 0;
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            order: 1;
            padding-bottom: 2.4rem
        }

        .footer .fb__col.fb__col-3 {
            width: 100%;
            -webkit-box-ordinal-group: 6;
            -webkit-order: 5;
            order: 5
        }

    .footer .copyright {
        font-size: 1.2rem;
        line-height: 1;
        margin: 0 0 2.4rem
    }

    .footer .footer-link__wrap {
        display: block;
        margin: 0 0 3.2rem
    }

    .footer .footer-link {
        font-size: 1.4rem;
        line-height: 1
    }

    .footer .developers {
        font-size: 1.2rem;
        line-height: 1;
        text-align: center
    }

    .footer .footer__partners {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

        .footer .footer__partners > li {
            margin-right: 2.4rem
        }

            .footer .footer__partners > li:last-child {
                margin-right: 0
            }

        .footer .footer__partners .partner-footer {
            height: 1.6rem
        }

            .footer .footer__partners .partner-footer img {
                max-height: 1.6rem
            }
}

.footer__menu {
    display: block;
    width: 100%
}

    .footer__menu .menu__title {
        display: block;
        font-size: 2.4rem;
        line-height: 1;
        font-weight: 700;
        color: #fff;
        margin: 0 0 3.2rem
    }

        .footer__menu .menu__title + .menu__list {
            padding-top: 0
        }

    .footer__menu .menu__list {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        padding-top: 5.6rem
    }

@media only screen and (min-width:768px) {
    .footer__menu .menu__list {
        display: block !important
    }
}

.footer__menu .menu__list.menu__list-uppercase a {
    text-transform: uppercase
}

.footer__menu .menu__list > li {
    display: block;
    margin: 0 0 2.3rem
}

    .footer__menu .menu__list > li:last-child {
        margin-bottom: 0
    }

.footer__menu .menu__list a {
    display: inline;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    opacity: .4;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.desktop .footer__menu .menu__list a:hover {
    opacity: 1
}

@media only screen and (max-width:1023px) {
    .footer__menu .menu__title + .menu__list {
        padding-top: 0
    }

    .footer__menu .menu__list {
        padding-top: 0
    }
}

@media only screen and (max-width:767px) {
    .footer__menu .menu__title {
        display: block;
        width: 100%;
        padding: 2rem 0;
        font-size: 2rem;
        line-height: 2rem;
        margin: 0;
        position: relative
    }

        .footer__menu .menu__title:after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            left: auto;
            right: 0;
            width: 1rem;
            height: 1rem;
            border-bottom: .2rem solid #fff;
            border-left: .2rem solid #fff;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            margin-top: -.6rem;
            margin-left: -.5rem;
            -webkit-transition: all .4s ease;
            transition: all .4s ease
        }

        .footer__menu .menu__title.active:after {
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
            margin-top: -.3rem
        }

        .footer__menu .menu__title + .menu__list {
            padding-top: .4rem;
            display: none
        }

    .footer__menu .menu__list {
        padding: 2rem 0
    }

        .footer__menu .menu__list > li {
            margin: 0 0 2.4rem
        }

            .footer__menu .menu__list > li:last-child {
                margin-bottom: 0
            }

        .footer__menu .menu__list a {
            font-size: 1.4rem;
            line-height: 1
        }
}

.subscribe-block {
    display: block;
    width: 100%;
    margin-bottom: 10rem
}

    .subscribe-block .subscribe-form {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: 0 0 2rem
    }

    .subscribe-block .subscribe-label {
        display: block;
        width: 100%
    }

    .subscribe-block .subscribe-input {
        display: block;
        width: 100%;
        height: 7.2rem;
        background: #fff;
        color: #0b0c1b;
        font-size: 1.6rem;
        line-height: 2rem;
        padding: 2.6rem 2.8rem;
        border: none
    }

    .subscribe-block ::-webkit-input-placeholder {
        color: rgba(11,12,27,.3)
    }

    .subscribe-block ::-moz-placeholder {
        color: rgba(11,12,27,.3)
    }

    .subscribe-block :-ms-input-placeholder {
        color: rgba(11,12,27,.3)
    }

    .subscribe-block :-moz-placeholder {
        color: rgba(11,12,27,.3)
    }

    .subscribe-block .btn-subscribe {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        height: 7.2rem;
        min-width: 22.8rem;
        background: #20a200;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 1.6rem;
        line-height: 2rem;
        border: none;
        padding: 2.6rem 2.8rem;
        position: relative
    }

        .subscribe-block .btn-subscribe span {
            position: relative
        }

        .subscribe-block .btn-subscribe span {
            position: relative
        }

        .subscribe-block .btn-subscribe:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #0b0c1b;
            opacity: 0;
            -webkit-transition: opacity .4s ease;
            transition: opacity .4s ease
        }

.desktop .subscribe-block .btn-subscribe:hover:before {
    opacity: .3
}

.subscribe-block .subscribe__text {
    display: block;
    font-size: 1.6rem;
    line-height: 1.4;
    color: #fff;
    opacity: .5;
    padding-right: 15rem
}

@media only screen and (max-width:1280px) {
    .subscribe-block .btn-subscribe {
        height: 7.2rem;
        min-width: 18rem;
        background: #20a200;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 1.6rem;
        line-height: 2rem;
        border: none;
        padding: 2.6rem 2.5rem
    }

    .subscribe-block .subscribe__text {
        padding-right: 0
    }
}

@media only screen and (max-width:1023px) {
    .subscribe-block {
        margin-bottom: 4.8rem
    }

        .subscribe-block .subscribe-form {
            margin: 0 0 2rem
        }

        .subscribe-block .subscribe-label {
            width: 100%
        }

        .subscribe-block .subscribe-input {
            width: 100%;
            height: 7.2rem;
            font-size: 1.6rem;
            line-height: 2rem;
            padding: 2.6rem 2.8rem
        }

        .subscribe-block .btn-subscribe {
            height: 7.2rem;
            min-width: 7.2rem;
            width: 7.2rem;
            font-size: 0;
            line-height: 2rem;
            padding: 2.6rem 2.8rem;
            position: relative
        }

            .subscribe-block .btn-subscribe:after {
                content: '';
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                width: 1rem;
                height: 1rem;
                border-bottom: .2rem solid #fff;
                border-left: .2rem solid #fff;
                -webkit-transform: rotate(-135deg);
                transform: rotate(-135deg);
                margin-top: -.5rem;
                margin-left: -.5rem
            }

        .subscribe-block .subscribe__text {
            width: 100%;
            font-size: 1.4rem;
            line-height: 1.4;
            padding-right: 0
        }
}

@media only screen and (max-width:767px) {
    .subscribe-block {
        margin-bottom: 3.2rem
    }

        .subscribe-block .subscribe-form {
            margin: 0 0 1.2rem
        }

        .subscribe-block .subscribe-label {
            width: 100%
        }

        .subscribe-block .subscribe-input {
            width: 100%;
            height: 4.8rem;
            font-size: 1.2rem;
            line-height: 1.6rem;
            padding: 1.2rem 1.8rem
        }

        .subscribe-block .btn-subscribe {
            height: 4.8rem;
            min-width: 4.8rem;
            width: 4.8rem;
            font-size: 0;
            line-height: 2rem;
            padding: 1rem 1rem;
            position: relative
        }

            .subscribe-block .btn-subscribe:after {
                content: '';
                display: block;
                position: absolute;
                top: 50%;
                left: 50%;
                width: 1rem;
                height: 1rem;
                border-bottom: .2rem solid #fff;
                border-left: .2rem solid #fff;
                -webkit-transform: rotate(-135deg);
                transform: rotate(-135deg);
                margin-top: -.5rem;
                margin-left: -.5rem
            }

        .subscribe-block .subscribe__text {
            width: 100%;
            font-size: 1.2rem;
            line-height: 1.4;
            padding-right: 0
        }
}

.footer__social {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0;
    margin: 0
}

    .footer__social > li {
        display: block;
        list-style: none;
        margin-right: 3rem
    }

        .footer__social > li:last-child {
            margin-right: 0
        }

    .footer__social a {
        font-size: 1.6rem;
        line-height: 1;
        color: #fff;
        font-weight: 500;
        opacity: .3;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease
    }

.desktop .footer__social a:hover {
    opacity: 1
}

@media only screen and (max-width:1280px) {
    .footer__social {
        margin: 0 auto
    }
}

.section-main {
    display: block;
    width: 100%;
    position: relative;
    color: #fff;
    z-index: 5
}

    .section-main .section-main__bg {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        background-color: #0b0c1b
    }

    .section-main .section-main__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        min-height: 100vh;
        padding: 13.5rem 0 16rem
    }

    .section-main .section-main__data {
        display: block;
        width: 100%;
        text-align: center
    }

    .section-main .section-main__title {
        display: block;
        width: 100%;
        margin: 0 0 3.2rem;
        font-weight: 700;
        font-size: 18rem;
        line-height: 20rem;
        text-transform: uppercase
    }

    .section-main .section-main__description {
        display: block;
        width: 100%;
        font-size: 3rem;
        line-height: 4.8rem;
        margin: 0 0 8rem
    }

    .section-main .section-main__dates {
        display: block;
        width: 100%;
        font-size: 6rem;
        line-height: 6rem;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0 0 2.4rem
    }

    .section-main .section-main__location {
        display: block;
        font-size: 2rem;
        line-height: 2.2rem
    }

        .section-main .section-main__location a {
            display: inline-block;
            position: relative
        }

            .section-main .section-main__location a:after, .section-main .section-main__location a:before {
                content: '';
                display: block;
                position: absolute;
                background: #fff;
                opacity: .2;
                height: .4rem;
                left: 0;
                right: 0;
                top: 100%;
                margin-top: 1.1rem;
                -webkit-transition: width .25s ease;
                transition: width .25s ease
            }

            .section-main .section-main__location a:after {
                background: #20a200;
                opacity: 1;
                width: 0;
                right: auto
            }

.desktop .section-main .section-main__location a:hover:after {
    width: 100%;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.section-main .section-main__bottom {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 5
}

.section-main .actions__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

    .section-main .actions__list .action__one {
        display: block;
        width: 100%;
        text-align: center
    }

    .section-main .actions__list .action__head {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 2rem;
        line-height: 2rem;
        padding: 3.2rem 0;
        color: rgba(255,255,255,.6);
        vertical-align: center
    }

        .section-main .actions__list .action__head .text-icon {
            color: #fff;
            display: inline-block;
            width: 2rem;
            height: 2rem;
            -webkit-transform: translate(-.1rem,.2rem);
            transform: translate(-.1rem,.2rem)
        }

        .section-main .actions__list .action__head img {
            display: block;
            width: 2rem;
            height: 2rem
        }

    .section-main .actions__list .action__link {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        height: 12rem;
        width: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        color: #fff;
        font-size: 2.4rem;
        line-height: 2.4rem;
        padding: 2rem 5rem;
        font-weight: 700;
        position: relative;
        text-transform: uppercase;
        background: #20a200
    }

        .section-main .actions__list .action__link span {
            position: relative
        }

        .section-main .actions__list .action__link:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #0b0c1b;
            opacity: 0;
            -webkit-transition: opacity .4s ease;
            transition: opacity .4s ease
        }

        .section-main .actions__list .action__link.action__link-dark {
            background: #ff6730
        }

.desktop .section-main .actions__list .action__link:hover:before {
    opacity: .3
}

@media only screen and (max-width:1280px) {
    .section-main .section-main__inner {
        padding: 15.2rem 0 16rem
    }

    .section-main .section-main__title {
        margin: 0 0 4.8rem;
        font-size: 16rem;
        line-height: 16rem
    }

    .section-main .section-main__description {
        font-size: 2.4rem;
        line-height: 2.4rem;
        margin: 0 0 6.4rem
    }

    .section-main .section-main__dates {
        font-size: 6rem;
        line-height: 6rem;
        margin: 0 0 2.4rem
    }

    .section-main .section-main__location {
        font-size: 2rem;
        line-height: 2.2rem
    }

    .section-main .actions__list .action__head {
        font-size: 2rem;
        line-height: 2rem;
        padding: 3.2rem 0
    }

    .section-main .actions__list .action__link {
        height: 12rem;
        font-size: 2.4rem;
        line-height: 2.4rem;
        padding: 2rem 5rem
    }
}

@media only screen and (max-width:1023px) {
    .section-main .section-main__inner {
        min-height: 100vh;
        padding: 21.6rem 0 20rem
    }

    .section-main .section-main__title {
        margin: 0 0 4.8rem;
        font-size: 10rem;
        line-height: 10rem
    }

    .section-main .section-main__description {
        font-size: 2rem;
        line-height: 2.4rem;
        margin: 0 0 12.4rem
    }

    .section-main .section-main__dates {
        font-size: 4.8rem;
        line-height: 4.8rem;
        margin: 0 0 2.4rem
    }

    .section-main .section-main__location {
        font-size: 1.8rem;
        line-height: 1.8rem
    }

        .section-main .section-main__location a:after, .section-main .section-main__location a:before {
            height: .4rem;
            margin-top: 1.1rem
        }

    .section-main .actions__list .action__head {
        font-size: 1.6rem;
        line-height: 1.6rem;
        padding: 2.4rem 0
    }

    .section-main .actions__list .action__link {
        height: 10rem;
        width: 100%;
        font-size: 2rem;
        line-height: 2rem;
        padding: 3rem 2rem
    }
}

@media only screen and (max-width:767px) {
    .section-main .section-main__inner {
        min-height: 100vh;
        padding: 15rem 0 20rem
    }

    .section-main .section-main__title {
        margin: 0 0 4.8rem;
        font-size: 4rem;
        line-height: 1.6rem
    }

    .section-main .section-main__description {
        font-size: 1.6rem;
        line-height: 2.2rem;
        margin: 0 0 9.2rem
    }

    .section-main .section-main__dates {
        font-size: 2rem;
        line-height: 2rem;
        margin: 0 0 1.2rem
    }

    .section-main .section-main__location {
        font-size: 1rem;
        line-height: 1.2rem
    }

        .section-main .section-main__location a:after, .section-main .section-main__location a:before {
            height: .2rem;
            margin-top: .5rem
        }

    .section-main .actions__list {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .section-main .actions__list .action__one + .action__one:before {
            background: #fff;
            opacity: .1
        }

        .section-main .actions__list .action__one {
            width: 100%;
            position: relative
        }

            .section-main .actions__list .action__one:before {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: #20a200
            }

        .section-main .actions__list .action__head {
            font-size: 1.2rem;
            line-height: 1.5rem;
            padding: 0;
            position: absolute;
            bottom: 1.5rem;
            left: 0;
            right: 0;
            z-index: 7777;
        }

            .section-main .actions__list .action__head .text-icon {
                display: none
            }

        .section-main .actions__list a.action__link {
            background: 0 0;
        }

        .section-main .actions__list .action__link {
            height: 8rem;
            width: 100%;
            font-size: 1.6rem;
            line-height: 2rem;
            padding: 1rem 2rem 3rem;
            /*background: 0 0*/
            display: grid;
        }

            .section-main .actions__list .action__link.action__link-dark {
                /*background: 0 0*/
            }

            .section-main .actions__list .action__link:before {
                display: none
            }
}

.section-other-events {
    display: block;
    width: 100%;
    background: #fff
}

.desktop .section-other-events .section-other-events__inner {
    position: fixed
}

.desktop .section-other-events.unstick .section-other-events__inner {
    position: relative
}

.section-other-events .section-other-events__inner {
    display: block;
    width: 100%;
    padding: 3.2rem 0;
    position: static;
    bottom: 0;
    left: 0;
    top: auto;
    right: 0;
    background: #fff
}

.section-other-events .other-events-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.section-other-events .other-events__title {
    display: block;
    font-size: 3.2rem;
    line-height: 4.8rem;
    font-weight: 700;
    color: #0b0c1b;
    margin-right: 6.4rem
}

.section-other-events .other-events__list {
    display: block;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-content: center;
    align-content: center;
    margin: 0;
    padding: 0;
    font-size: 0;
    line-height: 0
}

    .section-other-events .other-events__list > li {
        display: inline-block;
        list-style: none;
        max-width: 50%;
        margin-right: 9.4rem
    }

        .section-other-events .other-events__list > li:last-child {
            margin-right: 0
        }

.section-other-events .event {
    display: block;
    margin: 0;
    min-width: 25rem
}

    .section-other-events .event > :last-child {
        margin-bottom: 0
    }

    .section-other-events .event .event__link {
        display: block;
        font-size: 3.2rem;
        line-height: 3.2rem;
        font-weight: 700;
        color: #0b0c1b;
        margin: 0 0 1.2rem
    }

    .section-other-events .event .event__date {
        display: block;
        font-size: 2rem;
        line-height: 2rem;
        margin: 0 0 1.2rem;
        color: #0b0c1b;
        font-weight: 500;
        text-transform: uppercase
    }

    .section-other-events .event .event__location {
        display: block;
        font-size: 2rem;
        line-height: 2rem;
        margin: 0;
        color: #0b0c1b;
        opacity: .6
    }

@media only screen and (max-width:1023px) {
    .section-other-events .section-other-events__inner {
        padding: 4.8rem 0 2.8rem
    }

    .section-other-events .other-events-block {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .section-other-events .other-events__title {
        display: block;
        width: 100%;
        font-size: 2.4rem;
        line-height: 2.4rem;
        margin-right: 0;
        margin-bottom: 3.2rem;
        text-align: center
    }

    .section-other-events .other-events__list {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row
    }

        .section-other-events .other-events__list > li {
            display: block;
            width: 100%;
            max-width: 50%;
            margin-right: 0;
            margin-bottom: 2rem
        }

    .section-other-events .event {
        margin: 0;
        min-width: 0;
        padding-left: 6rem
    }

        .section-other-events .event .event__link {
            font-size: 3.2rem;
            line-height: 3.2rem;
            margin: 0 0 1.2rem
        }

        .section-other-events .event .event__date {
            font-size: 2rem;
            line-height: 2rem;
            margin: 0 0 1.2rem
        }

        .section-other-events .event .event__location {
            font-size: 2rem;
            line-height: 2rem;
            margin: 0
        }
}

@media only screen and (max-width:767px) {
    .section-other-events .section-other-events__inner {
        padding: 2.4rem 0 .4rem
    }

    .section-other-events .other-events-block {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start
    }

    .section-other-events .other-events__title {
        display: block;
        width: 100%;
        font-size: 2rem;
        line-height: 2.8rem;
        margin-right: 0;
        margin-bottom: 1.6rem;
        text-align: left
    }

    .section-other-events .other-events__list {
        width: 100%
    }

        .section-other-events .other-events__list > li {
            width: 100%;
            max-width: 50%;
            margin-right: 0;
            margin-bottom: 2rem
        }

    .section-other-events .event {
        margin: 0;
        min-width: 0;
        padding-left: 0
    }

        .section-other-events .event .event__link {
            font-size: 1.6rem;
            line-height: 1;
            margin: 0 0 .6rem
        }

        .section-other-events .event .event__date {
            font-size: 1.2rem;
            line-height: 1;
            margin: 0 0 .6rem
        }

        .section-other-events .event .event__location {
            font-size: 1.2rem;
            line-height: 1;
            margin: 0
        }
}

.section-about {
    display: block;
    width: 100%;
    background-color: #0b0c1b;
    background: radial-gradient(50% 8.53% at 50% 0,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%),-webkit-gradient(linear,left top,left bottom,from(#090a16),to(#0a0b25));
    background: radial-gradient(50% 8.53% at 50% 0,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%),linear-gradient(180deg,#090a16 0,#0a0b25 100%);
    padding: 10rem 0 11.5rem;
    color: #fff
}

    .section-about .section__title {
        margin-bottom: 3.3rem
    }

    .section-about .about-menu {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 0;
        margin: 0 0 7.2rem
    }

        .section-about .about-menu > li {
            display: block;
            margin: 0 3rem 0
        }

        .section-about .about-menu .link {
            display: inline-block;
            font-size: 2rem;
            line-height: 2.2rem;
            font-weight: 500;
            color: #fff;
            position: relative
        }

            .section-about .about-menu .link span {
                opacity: .6;
                -webkit-transition: all .5s ease;
                transition: all .5s ease
            }

            .section-about .about-menu .link:after, .section-about .about-menu .link:before {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: -1.6rem;
                border-bottom: .4rem solid #fff;
                opacity: .2
            }

            .section-about .about-menu .link:after {
                width: 0;
                right: auto;
                -webkit-transition: width .25s ease;
                transition: width .25s ease;
                border-bottom-color: #20a200;
                opacity: 1
            }

.desktop .section-about .about-menu .link:hover span {
    opacity: 1
}

.desktop .section-about .about-menu .link:hover:after {
    width: 100%;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

.section-about .about-info {
    display: block;
    margin: 0 auto 10rem;
    max-width: 114rem
}

.section-about .about-description {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 3rem;
    line-height: 4.8rem;
    color: #fff;
    padding-bottom: 3.2rem;
    position: relative;
    margin: 0 0 2.4rem
}

    .section-about .about-description:after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: .2rem;
        background: #fff;
        opacity: .2
    }

.section-about .text-block {
    opacity: .6;
    color: #fff;
    max-width: 85rem
}

.section-about .video-block {
    display: block;
    width: 100%;
    max-width: 117rem;
    position: relative;
    margin: 0 auto
}

    .section-about .video-block:before {
        content: '';
        display: block;
        width: 100%;
        padding: 0 0 56.25%
    }

    .section-about .video-block .video-block__preview {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-transition: all .5s linear;
        transition: all .5s linear
    }

.section-about .video-home {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    -webkit-transition: width .5s linear,height .5s linear;
    transition: width .5s linear,height .5s linear;
    overflow: hidden
}

    .section-about .video-home:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #0b0c1b;
        opacity: .6
    }

    .section-about .video-home .video-self {
        display: block;
        min-width: 100%;
        min-height: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        position: absolute;
        opacity: 0;
        -webkit-transition: opacity .5s linear;
        transition: opacity .5s linear
    }

.section-about .activate-video .video-block__preview {
    opacity: 0;
    visibility: hidden
}

.section-about .activate-video .video-home {
    position: fixed;
    width: 100vw !important;
    height: 100vh !important;
    opacity: 1
}

    .section-about .activate-video .video-home .video-self {
        opacity: 1
    }

.section-about .pause-video .video-home {
    display: none
}

@media only screen and (max-width:1023px) {
    .section-about {
        padding: 8rem 0 8rem
    }

        .section-about .section__title {
            margin-bottom: 3.2rem
        }

        .section-about .about-menu {
            padding: 0;
            margin: 0 0 6rem
        }

            .section-about .about-menu > li {
                margin: 0 1.2rem 0
            }

            .section-about .about-menu .link {
                font-size: 1.8rem;
                line-height: 1.8rem
            }

                .section-about .about-menu .link:after, .section-about .about-menu .link:before {
                    top: 0;
                    left: 0;
                    right: 0;
                    bottom: -1.6rem;
                    border-bottom: .4rem solid #fff
                }

        .section-about .about-info {
            margin: 0 auto 8.4rem;
            max-width: 100%
        }

        .section-about .about-description {
            font-size: 2.4rem;
            line-height: 3.4rem;
            padding-bottom: 3.2rem;
            margin: 0 0 3.2rem
        }

            .section-about .about-description:after {
                height: .2rem
            }

        .section-about .text-block {
            opacity: .6;
            color: #fff;
            max-width: 85rem
        }

        .section-about .video-block {
            max-width: 52rem
        }
}

@media only screen and (max-width:767px) {
    .section-about {
        padding: 4.8rem 0 4.8rem
    }

        .section-about .section__title {
            margin-bottom: 3.2rem
        }

        .section-about .about-menu {
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            padding: 0;
            margin: 0 -1.2rem 3.2rem
        }

            .section-about .about-menu > li {
                margin: 0 1.2rem 2.4rem
            }

            .section-about .about-menu .link {
                font-size: 1.6rem;
                line-height: 2rem
            }

                .section-about .about-menu .link:after, .section-about .about-menu .link:before {
                    bottom: -.8rem;
                    border-bottom: .2rem solid #fff
                }

        .section-about .about-info {
            margin: 0 auto 1.2rem;
            max-width: 100%
        }

        .section-about .about-description {
            font-size: 1.6rem;
            line-height: 2.2rem;
            padding-bottom: 2.4rem;
            margin: 0 0 2.4rem
        }

            .section-about .about-description:after {
                height: 1px
            }

        .section-about .text-block {
            opacity: .6;
            color: #fff;
            max-width: 85rem
        }

        .section-about .video-block {
            max-width: 100%
        }
}

.about-count-list {
    display: block;
    padding: 20rem 10rem 20rem;
    margin: 0;
    position: relative
}

    .about-count-list > li {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        margin: 0 0 31.7rem
    }

        .about-count-list > li:last-child {
            margin-bottom: 0
        }

        .about-count-list > li:nth-child(2n+1) {
            -webkit-box-pack: end;
            -webkit-justify-content: flex-end;
            justify-content: flex-end
        }

    .about-count-list .count-data {
        display: block;
        color: #fff
    }

        .about-count-list .count-data .count-data__value {
            display: block;
            width: 100%;
            font-size: 30rem;
            line-height: 30rem;
            font-weight: 700;
            margin: 0 0
        }

        .about-count-list .count-data .count-data__name {
            display: block;
            width: 100%;
            font-size: 10rem;
            line-height: 12rem;
            font-weight: 700;
            margin: 0 0 3.2rem
        }

        .about-count-list .count-data .count-data__links {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            padding: 0;
            margin: 0
        }

            .about-count-list .count-data .count-data__links > li {
                display: block;
                list-style: none;
                margin-right: 6.4rem
            }

                .about-count-list .count-data .count-data__links > li:last-child {
                    margin-right: 0
                }

        .about-count-list .count-data .count-data__link {
            display: inline-block;
            font-size: 2rem;
            line-height: 2.2rem;
            font-weight: 500;
            color: #fff;
            position: relative
        }

            .about-count-list .count-data .count-data__link:after, .about-count-list .count-data .count-data__link:before {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: -1.6rem;
                border-bottom: .4rem solid #fff;
                opacity: .2
            }

            .about-count-list .count-data .count-data__link:after {
                width: 0;
                right: auto;
                -webkit-transition: width .25s ease;
                transition: width .25s ease;
                border-bottom-color: #20a200;
                opacity: 1
            }

.desktop .about-count-list .count-data .count-data__link:hover span {
    opacity: 1
}

.desktop .about-count-list .count-data .count-data__link:hover:after {
    width: 100%;
    -webkit-transition-duration: .5s;
    transition-duration: .5s
}

@media only screen and (max-width:1280px) {
    .about-count-list {
        padding: 20rem 5rem 20rem
    }
}

@media only screen and (max-width:1023px) {
    .about-count-list {
        padding: 20rem 2rem 22rem;
        margin: 0
    }

        .about-count-list > li {
            margin: 0 0 31.2rem
        }

            .about-count-list > li:last-child {
                margin-bottom: 0
            }

            .about-count-list > li:nth-child(2n+1) {
                -webkit-box-pack: end;
                -webkit-justify-content: flex-end;
                justify-content: flex-end;
                text-align: right
            }

                .about-count-list > li:nth-child(2n+1) .count-data {
                    text-align: right
                }

                .about-count-list > li:nth-child(2n+1) .count-data__links {
                    -webkit-box-pack: end;
                    -webkit-justify-content: flex-end;
                    justify-content: flex-end
                }

        .about-count-list .count-data .count-data__value {
            font-size: 20rem;
            line-height: 1;
            margin: 0
        }

        .about-count-list .count-data .count-data__name {
            font-size: 6.4rem;
            line-height: 7rem;
            margin: 0 0 3.2rem
        }

        .about-count-list .count-data .count-data__links {
            padding: 0;
            margin: 0
        }

            .about-count-list .count-data .count-data__links > li {
                margin-right: 4.8rem
            }

                .about-count-list .count-data .count-data__links > li:last-child {
                    margin-right: 0
                }

        .about-count-list .count-data .count-data__link {
            font-size: 1.8rem;
            line-height: 1.8rem
        }

            .about-count-list .count-data .count-data__link:after, .about-count-list .count-data .count-data__link:before {
                bottom: -1.6rem;
                border-bottom: .4rem solid #fff
            }
}

@media only screen and (max-width:767px) {
    .about-count-list {
        padding: 10rem 0 15.2rem
    }

        .about-count-list > li {
            margin: 0 0 20rem
        }

            .about-count-list > li:last-child {
                margin-bottom: 0
            }

        .about-count-list .count-data .count-data__value {
            font-size: 10rem;
            line-height: 1;
            margin: 0 0 .8rem
        }

        .about-count-list .count-data .count-data__name {
            font-size: 3.2rem;
            line-height: 3.2rem;
            margin: 0 0 3.2rem
        }

        .about-count-list .count-data .count-data__links {
            padding: 0;
            margin: 0;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap
        }

            .about-count-list .count-data .count-data__links > li {
                display: block;
                width: 100%;
                margin-right: 0;
                margin-bottom: 2.4rem
            }

                .about-count-list .count-data .count-data__links > li:last-child {
                    margin-right: 0;
                    margin-bottom: 0
                }

        .about-count-list .count-data .count-data__link {
            font-size: 1.6rem;
            line-height: 2rem
        }

            .about-count-list .count-data .count-data__link:after, .about-count-list .count-data .count-data__link:before {
                bottom: -.8rem;
                border-bottom: .2rem solid #fff
            }
}

.section-main-speakers {
    display: block;
    width: 100%;
    background: #20a200;
    padding: 10rem 0 0;
    position: relative
}

    .section-main-speakers .section__title {
        margin-bottom: 4.8rem
    }

    .section-main-speakers .main-speakers__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        margin: 0
    }

        .section-main-speakers .main-speakers__list > li {
            display: block;
            position: relative;
            width: 8.3333%;
            list-style: none
        }

            .section-main-speakers .main-speakers__list > li:before {
                content: '';
                display: block;
                width: 100%;
                padding: 0 0 100%
            }

    .section-main-speakers .speaker {
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0);
        width: -webkit-calc(100% + 1px);
        width: calc(100% + 1px)
    }

.desktop .section-main-speakers .speaker:hover .speaker__photo:after {
    opacity: 0
}

.section-main-speakers .speaker:before {
    content: '';
    display: block;
    width: 100%;
    padding: 0 0 100%
}

.section-main-speakers .speaker.view-speaker {
    width: 300%;
    z-index: 10;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

    .section-main-speakers .speaker.view-speaker.onLeft {
        left: 0;
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    .section-main-speakers .speaker.view-speaker.onRight {
        left: 100%;
        -webkit-transform: translate(-100%,0);
        transform: translate(-100%,0)
    }

    .section-main-speakers .speaker.view-speaker.onBottom {
        top: auto;
        bottom: 0
    }

    .section-main-speakers .speaker.view-speaker .speaker__view {
        display: none
    }

    .section-main-speakers .speaker.view-speaker .speaker__photo:after {
        opacity: 0
    }

    .section-main-speakers .speaker.view-speaker .close-speaker-preview {
        opacity: 1;
        visibility: visible;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }

    .section-main-speakers .speaker.view-speaker .speaker__info {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        -webkit-transition-delay: .5s;
        transition-delay: .5s
    }

    .section-main-speakers .speaker.view-speaker.view-speaker.view-speaker-out {
        z-index: 9
    }

    .section-main-speakers .speaker.view-speaker.view-speaker-out {
        width: 100%;
        z-index: 0;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }

        .section-main-speakers .speaker.view-speaker.view-speaker-out.onLeft {
            left: 0;
            -webkit-transform: translate(0,0);
            transform: translate(0,0)
        }

        .section-main-speakers .speaker.view-speaker.view-speaker-out.onRight {
            left: 100%;
            -webkit-transform: translate(-100%,0);
            transform: translate(-100%,0)
        }

        .section-main-speakers .speaker.view-speaker.view-speaker-out.onBottom {
            top: auto;
            bottom: 0
        }

        .section-main-speakers .speaker.view-speaker.view-speaker-out .speaker__view {
            display: none
        }

        .section-main-speakers .speaker.view-speaker.view-speaker-out .speaker__photo:after {
            opacity: 0
        }

        .section-main-speakers .speaker.view-speaker.view-speaker-out .close-speaker-preview {
            opacity: 0;
            visibility: hidden;
            -webkit-transition: all .4s ease;
            transition: all .4s ease;
            -webkit-transition-delay: 0s;
            transition-delay: 0s
        }

        .section-main-speakers .speaker.view-speaker.view-speaker-out .speaker__info {
            opacity: 0;
            visibility: hidden;
            -webkit-transform: translate(0,0);
            transform: translate(0,0);
            -webkit-transition: all .4s ease;
            transition: all .4s ease;
            -webkit-transition-delay: 0s;
            transition-delay: 0s
        }

.section-main-speakers .close-speaker-preview {
    display: block;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    width: 8.8rem;
    height: 8.8rem;
    top: 0;
    right: 0;
    padding: 2.6rem
}

    .section-main-speakers .close-speaker-preview .icon {
        fill: #20a200
    }

.desktop .section-main-speakers .close-speaker-preview:hover .icon {
    fill: #0f9100
}

.section-main-speakers .speaker__view {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.section-main-speakers .speaker__photo {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

    .section-main-speakers .speaker__photo:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        background: #20a200;
        opacity: .5;
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease
    }

.section-main-speakers .speaker__info {
    display: block;
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    right: 2rem;
    background: #fff;
    padding: 2rem;
    -webkit-transform: translate(0,50%);
    transform: translate(0,50%);
    opacity: 0;
    visibility: hidden
}

.section-main-speakers .speaker__name {
    display: block;
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 700;
    color: #0b0c1b;
    margin: 0 0 .8rem
}

.section-main-speakers .speaker__location, .section-main-speakers .speaker__post {
    display: block;
    font-size: 1.6rem;
    line-height: 1.4;
    color: #85858d
}

.section-main-speakers .speaker__presentation {
    display: block;
    margin-top: 2rem;
    padding-top: 2rem;
    position: relative;
    font-size: 2rem;
    line-height: 1.4;
    color: #0b0c1b
}

    .section-main-speakers .speaker__presentation:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 1px;
        background: #85858d;
        opacity: .3
    }

@media only screen and (max-width:1280px) {
    .section-main-speakers .main-speakers__list > li {
        width: 12.5%
    }

    .section-main-speakers .main-speakers__list .hide-desktop-xs {
        display: none
    }
}

@media only screen and (max-width:1023px) {
    .section-main-speakers {
        padding: 8rem 0 0
    }

        .section-main-speakers .section__title {
            margin-bottom: 6.4rem
        }

        .section-main-speakers .main-speakers__list > li {
            width: 16.66667%
        }

        .section-main-speakers .main-speakers__list .hide-tablet {
            display: none
        }

        .section-main-speakers .close-speaker-preview {
            height: 7.2rem;
            width: 7.2rem;
            padding: 1.8rem
        }

        .section-main-speakers .speaker__info {
            bottom: 1.2rem;
            left: 1.2rem;
            right: 1.2rem;
            padding: 1.2rem
        }

        .section-main-speakers .speaker__name {
            font-size: 2.8rem;
            line-height: 3.6rem;
            margin: 0 0 .8rem
        }

        .section-main-speakers .speaker__location, .section-main-speakers .speaker__post {
            font-size: 1.6rem;
            line-height: 1.4
        }

        .section-main-speakers .speaker__presentation {
            margin-top: 1.2rem;
            padding-top: 1.2rem;
            font-size: 1.6rem;
            line-height: 1.4
        }

            .section-main-speakers .speaker__presentation:after {
                height: 1px
            }
}

@media only screen and (max-width:767px) {
    .section-main-speakers {
        padding: 4.8rem 0 0
    }

        .section-main-speakers .section__title {
            margin-bottom: 3.2rem
        }

        .section-main-speakers .main-speakers__list > li {
            width: 25%
        }

        .section-main-speakers .main-speakers__list .hide-mobile {
            display: none
        }

        .section-main-speakers .close-speaker-preview {
            width: 4rem;
            height: 4rem;
            padding: 1.1rem
        }

        .section-main-speakers .speaker__info {
            bottom: .8rem;
            left: .8rem;
            right: .8rem;
            padding: .8rem
        }

        .section-main-speakers .speaker__name {
            font-size: 1.6rem;
            line-height: 1.6rem;
            margin: 0 0 .8rem
        }

        .section-main-speakers .speaker__location, .section-main-speakers .speaker__post {
            font-size: 1.4rem;
            line-height: 1.4
        }

        .section-main-speakers .speaker__presentation {
            margin-top: .8rem;
            padding-top: .8rem;
            font-size: 1.4rem;
            line-height: 1.4
        }

            .section-main-speakers .speaker__presentation:after {
                height: 1px
            }
}

.section-main-news {
    display: block;
    width: 100%;
    padding: 10rem 0 0
}

    .section-main-news .section__title {
        margin-bottom: 2.4rem
    }

@media only screen and (max-width:1023px) {
    .section-main-news {
        padding: 8rem 0 0
    }

        .section-main-news .section__title {
            margin-bottom: 3.2rem
        }
}

@media only screen and (max-width:1023px) {
    .section-main-news {
        padding: 4.8rem 0 0
    }

        .section-main-news .section__title {
            margin-bottom: 3.2rem
        }
}

.section-main-social {
    display: block;
    width: 100%;
    padding: 20rem 0 0
}

    .section-main-social .section__title {
        margin-bottom: 4.8rem
    }

@media only screen and (max-width:1023px) {
    .section-main-social {
        padding: 8rem 0 0
    }
}

@media only screen and (max-width:767px) {
    .section-main-social {
        padding: 4.8rem 0 0
    }

        .section-main-social .section__title {
            margin-bottom: 3.2rem
        }
}

.banner-section {
    display: block;
    width: 100%;
    background: #20a200;
    color: #fff;
    padding: 10rem 0;
    -webkit-transition: background-color .5s ease;
    transition: background-color .5s ease
}

    .banner-section.hovered-btn {
        background: #fff;
        color: #20a200
    }

    .banner-section .banner-ticket {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .banner-section .banner-ticket__text {
        display: block;
        padding-right: 5rem;
        font-size: 6.4rem;
        line-height: 6.4rem;
        font-weight: 700;
        width: 100%;
        -webkit-transition: color .5s ease;
        transition: color .5s ease
    }

    .banner-section .btn-buy {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        height: 12rem;
        min-width: 35rem;
        background: #fff;
        color: #20a200;
        font-size: 2.4rem;
        line-height: 3rem;
        padding: 3rem 3rem;
        font-weight: 700;
        text-transform: uppercase;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        position: relative
    }

        .banner-section .btn-buy span {
            position: relative
        }

.desktop .banner-section .btn-buy:hover {
    background: #20a200;
    color: #fff
}

@media only screen and (max-width:1280px) {
    .banner-section {
        padding: 8.8rem 0
    }
}

@media only screen and (max-width:1023px) {
    .banner-section {
        padding: 8rem 0
    }

        .banner-section .banner-ticket {
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .banner-section .banner-ticket__text {
            padding-right: 0;
            font-size: 4.8rem;
            line-height: 4.8rem;
            width: 100%;
            text-align: center;
            margin: 0 0 3.2rem
        }

        .banner-section .banner-ticket__control {
            display: block;
            position: relative;
            width: 100vw;
            left: 50%;
            margin-left: -50vw
        }

        .banner-section .btn-buy {
            height: 10rem;
            min-width: 0;
            font-size: 2rem;
            line-height: 2rem;
            padding: 2rem 3rem
        }
}

@media only screen and (max-width:767px) {
    .banner-section {
        padding: 4.8rem 0 0
    }

        .banner-section .banner-ticket {
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .banner-section .banner-ticket__text {
            padding-right: 0;
            font-size: 2.4rem;
            line-height: 3.2rem;
            width: 100%;
            text-align: center;
            margin: 0 0 3.2rem
        }

        .banner-section .banner-ticket__control {
            display: block;
            position: relative;
            width: 100vw;
            left: 50%;
            margin-left: -50vw
        }

        .banner-section .btn-buy {
            height: 8rem;
            min-width: 0;
            font-size: 2rem;
            line-height: 2rem;
            padding: 1.5rem 1rem
        }
}

.news-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0
}

    .news-list.news-list-margin-bottom {
        margin-bottom: 4.8rem
    }

    .news-list > li {
        display: block;
        width: 33.333%;
        list-style: none;
        box-shadow: 1px -1px 0 #aaa,inset 1px -1px 0 #aaa;
        position: relative
    }

@media only screen and (max-width:1280px) {
    .news-list > li {
        width: 50%
    }

        .news-list > li.hide-tablet {
            display: none
        }
}

@media only screen and (max-width:1023px) {
    .news-list.news-list-margin-bottom {
        margin-bottom: 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .news-list.news-list-margin-bottom {
        margin-bottom: 2.4rem
    }

    .news-list > li {
        width: 100%
    }

        .news-list > li.hide-tablet {
            display: block
        }
}

.news-one {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 49rem;
    padding: 6.4rem 6.4rem;
    position: relative
}

    .news-one .news-one__inner {
        display: block;
        position: relative
    }

    .news-one:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #0b0c1b;
        background: radial-gradient(262.23% 162.52% at 100% 0,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%),#0b0c1b;
        opacity: 0;
        -webkit-transition: opacity .5s ease;
        transition: opacity .5s ease
    }

    .news-one .news-one__date {
        display: block;
        width: 100%;
        margin: 0 0 6.4rem;
        font-size: 2.4rem;
        line-height: 2.4rem;
        font-weight: 700;
        color: #0b0c1b;
        opacity: .3;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }

    .news-one .news-one__title__wrap {
        display: block;
        margin: 0 0 3.2rem
    }

    .news-one .news-one__title {
        display: inline;
        font-size: 3.2rem;
        line-height: 1.2;
        font-weight: 700;
        color: #0b0c1b;
        -webkit-transition: all .5s ease;
        transition: all .5s ease;
        position: relative;
        border-bottom: .2rem solid rgba(255,255,255,0)
    }

    .news-one .text-block {
        opacity: .6;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }

.desktop .news-one:hover:before {
    opacity: 1;
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

.desktop .news-one:hover .news-one__date {
    color: #fff;
    opacity: .8
}

.desktop .news-one:hover .news-one__title {
    color: #fff;
    border-bottom-color: #fff
}

.desktop .news-one:hover .text-block {
    color: #fff;
    opacity: .6
}

@media only screen and (max-width:1023px) {
    .news-one {
        min-height: 30rem;
        padding: 3.4rem 3.4rem
    }

        .news-one .news-one__date {
            margin: 0 0 3.4rem;
            font-size: 2rem;
            line-height: 2rem
        }

        .news-one .news-one__title__wrap {
            margin: 0 0 3.2rem
        }

        .news-one .news-one__title {
            font-size: 2.4rem;
            line-height: 1.2
        }
}

@media only screen and (max-width:767px) {
    .news-one {
        min-height: 17.2rem;
        padding: 2rem
    }

        .news-one .news-one__date {
            margin: 0 0 1.2rem;
            font-size: 1.4rem;
            line-height: 1
        }

        .news-one .news-one__title__wrap {
            margin: 0 0 .8rem
        }

        .news-one .news-one__title {
            font-size: 1.6rem;
            line-height: 1.2
        }
}

.news-details {
    display: block;
    margin: -15.4rem auto 0;
    padding: 8rem 14.5rem 0;
    position: relative;
    max-width: 114rem;
    width: 100%
}

    .news-details:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff
    }

@media only screen and (max-width:1280px) {
    .news-details {
        margin-top: -7rem;
        padding: 3.2rem 10rem 0;
        max-width: 78rem
    }
}

@media only screen and (max-width:1023px) {
    .news-details {
        margin-top: -4rem;
        padding: 5.4rem 1.8rem 0;
        max-width: 100%
    }

        .news-details:before {
            left: -1.8rem;
            right: -1.8rem
        }
}

@media only screen and (max-width:767px) {
    .news-details {
        margin-top: -2.4rem;
        padding: 2.4rem 0 0;
        max-width: 100%
    }

        .news-details:before {
            left: -1.2rem;
            right: -1.2rem
        }
}

.share-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%
}

    .share-block .share-block__title {
        display: block;
        text-align: center;
        width: 100%;
        opacity: .6;
        color: #fff;
        font-size: 1.6rem;
        line-height: 1;
        font-weight: 500;
        margin: 0 0 1.4rem
    }

@media only screen and (max-width:767px) {
    .share-block share-block__title {
        margin-bottom: 1.2rem
    }
}

.share-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    margin: 0 auto;
    max-width: 100%
}

    .share-list > li {
        display: block;
        list-style: none;
        margin-right: -1px;
        margin-bottom: -1px
    }

    .share-list a {
        display: block;
        width: 6.5rem;
        height: 5.6rem;
        border: .1px solid #fff;
        padding: 1.8rem 1.8rem;
        -webkit-transition: background-color .4s ease;
        transition: background-color .4s ease
    }

        .share-list a .icon {
            fill: #fff
        }

.desktop .share-list a:hover {
    color: #20a200;
    background: #fff
}

    .desktop .share-list a:hover .icon {
        fill: #20a200
    }

@media only screen and (max-width:767px) {
    .share-list a {
        width: 4.8rem;
        height: 4.8rem;
        padding: 1.4rem
    }
}

.tickets-price-line {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch
}

    .tickets-price-line .tickets-price__one {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 2rem;
        position: relative;
        box-shadow: 0 1px 0 #aaa,1px 0 0 #aaa,inset 0 1px 0 #aaa;
        margin-top: 6rem;
        color: #85858d;
        text-align: center;
        height: 1px;
        min-height: 18.6rem
    }

        .tickets-price-line .tickets-price__one:after {
            content: '';
            display: none;
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            width: 1px;
            background: #fff;
            opacity: .2
        }

        .tickets-price-line .tickets-price__one:last-child:after {
            display: none
        }

        .tickets-price-line .tickets-price__one.current {
            background: #0b0c1b;
            color: #fff;
            min-width: 57rem;
            height: auto;
            padding: 2.4rem;
            box-shadow: 0 1px 0 #0b0c1b,1px 0 0 #0b0c1b,inset 0 1px 0 #0b0c1b;
            margin-top: 0;
            text-align: left
        }

    .tickets-price-line .current ~ .tickets-price__one {
        background: #0b0c1b;
        color: #fff;
        box-shadow: 0 1px 0 #0b0c1b,1px 0 0 #0b0c1b,inset 0 1px 0 #0b0c1b
    }

        .tickets-price-line .current ~ .tickets-price__one:after {
            display: block
        }

    .tickets-price-line .current .tp__value {
        font-size: 8rem;
        line-height: 8rem;
        margin: 0 0 1.2rem
    }

    .tickets-price-line .current .tp__deadline {
        font-weight: 700;
        font-size: 3.2rem;
        line-height: 3.2rem;
        letter-spacing: -.05em
    }

    .tickets-price-line .current .tp__price {
        padding-top: 1.6rem
    }

    .tickets-price-line .tp__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }

    .tickets-price-line .tp__price {
        display: block;
        width: 100%;
        padding-top: 1.2rem
    }

    .tickets-price-line .tp__value {
        display: block;
        width: 100%;
        font-size: 4.8rem;
        line-height: 4.8rem;
        font-weight: 700;
        margin: 0 0 .4rem;
        letter-spacing: -.05em
    }

    .tickets-price-line .tp__currency {
        display: block;
        width: 100%;
        font-size: 2rem;
        line-height: 2rem;
        letter-spacing: -.05em;
        opacity: .5;
        text-transform: uppercase
    }

    .tickets-price-line .tp__deadline {
        display: block;
        width: 100%;
        font-size: 1.8rem;
        line-height: 1.8rem;
        margin-top: auto
    }

    .tickets-price-line .tp__tab {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin: -2.4rem -2.4rem 0;
        padding: 0;
        width: -webkit-calc(100% + 4.8rem);
        width: calc(100% + 4.8rem)
    }

        .tickets-price-line .tp__tab li {
            display: block;
            list-style: none;
            width: 100%
        }

        .tickets-price-line .tp__tab a {
            display: block;
            width: 100%;
            font-size: 1.6rem;
            line-height: 2rem;
            font-weight: 700;
            position: relative;
            height: 6.4rem;
            padding: 2.2rem 1rem;
            text-align: center;
            background: #fff;
            color: #0b0c1b;
            -webkit-transition: color .4s ease,background-color .4s ease;
            transition: color .4s ease,background-color .4s ease
        }

            .tickets-price-line .tp__tab a:before {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                background: 0 0;
                border: .5rem solid #0b0c1b
            }

            .tickets-price-line .tp__tab a.active {
                background: #0b0c1b;
                color: #fff;
                cursor: default
            }

    .tickets-price-line .tp__currency-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 0 1.2rem;
        margin: 0 0 2.4rem;
        width: 100%;
        position: relative
    }

        .tickets-price-line .tp__currency-list:after {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: #fff;
            opacity: .2
        }

        .tickets-price-line .tp__currency-list li {
            display: block;
            list-style: none;
            padding-right: 1.2rem;
            margin: 0 0 1.2rem
        }

            .tickets-price-line .tp__currency-list li:last-child {
                padding-right: 0
            }

        .tickets-price-line .tp__currency-list a {
            display: inline-block;
            font-size: 2.4rem;
            line-height: 2.4rem;
            color: #fff;
            opacity: .6;
            font-weight: 700;
            text-transform: uppercase
        }

            .tickets-price-line .tp__currency-list a.active {
                opacity: 1;
                cursor: default
            }

    .tickets-price-line .tp__button {
        display: block;
        width: 100%;
        padding-top: 2.4rem
    }

@media only screen and (max-width:1280px) {
    .tickets-price-line .tickets-price__one {
        padding: 1.6rem 1rem;
        margin-top: 5.4rem;
        min-height: 15.4rem
    }

        .tickets-price-line .tickets-price__one.current {
            min-width: 38rem;
            padding: 1.6rem;
            margin-top: 0
        }

    .tickets-price-line .current .tp__value {
        font-size: 6.4rem;
        line-height: 6.4rem;
        margin: 0 0 1.6rem
    }

    .tickets-price-line .current .tp__deadline {
        font-size: 2.4rem;
        line-height: 2.4rem;
        letter-spacing: -.05em
    }

    .tickets-price-line .current .tp__price {
        padding-top: 1.2rem
    }

    .tickets-price-line .tp__price {
        padding-top: .8rem
    }

    .tickets-price-line .tp__value {
        font-size: 3.2rem;
        line-height: 3.2rem;
        margin: 0 0 1.2rem;
        letter-spacing: -.05em
    }

    .tickets-price-line .tp__currency {
        font-size: 1.6rem;
        line-height: 2rem;
        letter-spacing: -.05em
    }

    .tickets-price-line .tp__deadline {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .tickets-price-line .tp__tab {
        margin: -1.6rem -1.6rem 0;
        padding: 0;
        width: -webkit-calc(100% + 3.2rem);
        width: calc(100% + 3.2rem)
    }

        .tickets-price-line .tp__tab li {
            width: 100%
        }

        .tickets-price-line .tp__tab a {
            width: 100%;
            font-size: 1.4rem;
            line-height: 2rem;
            height: 5.4rem;
            padding: 1.7rem 1rem
        }

            .tickets-price-line .tp__tab a:before {
                border-width: .5rem
            }

    .tickets-price-line .tp__currency-list {
        padding: 0 0 .6rem;
        margin: 0 0 1.6rem;
        width: 100%
    }

        .tickets-price-line .tp__currency-list li {
            padding-right: 1.6rem;
            margin: 0 0 1rem
        }

            .tickets-price-line .tp__currency-list li:last-child {
                padding-right: 0
            }

        .tickets-price-line .tp__currency-list a {
            font-size: 2rem;
            line-height: 2rem
        }

    .tickets-price-line .tp__button {
        padding-top: 2.4rem
    }

    .tickets-price-line .btn-default {
        min-height: 10rem
    }
}

@media only screen and (max-width:1023px) {
    .tickets-price-line {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .tickets-price-line .tickets-price__one {
            width: 100%;
            padding: 2rem;
            margin-top: 0;
            min-height: 10rem;
            box-shadow: none
        }

            .tickets-price-line .tickets-price__one:before {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                height: 1px;
                background: #aaa
            }

            .tickets-price-line .tickets-price__one.current {
                min-width: 100%;
                padding: 0 2rem 0;
                margin-top: 0;
                box-shadow: none
            }

        .tickets-price-line .current ~ .tickets-price__one:before {
            background: #fff;
            opacity: .2
        }

        .tickets-price-line .current {
            margin-bottom: 2.4rem
        }

            .tickets-price-line .current .tp__value {
                width: 100%;
                font-size: 4.8rem;
                line-height: 4.8rem;
                margin: 0 0 1.6rem;
                text-align: center
            }

            .tickets-price-line .current .tp__deadline {
                font-size: 2rem;
                line-height: 2rem;
                letter-spacing: -.05em;
                width: 100%;
                text-align: center
            }

            .tickets-price-line .current .tp__price {
                padding-top: .8rem;
                margin-bottom: 0
            }

        .tickets-price-line .tp__price {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            padding-top: 0;
            margin: 0 0 1.6rem
        }

        .tickets-price-line .tp__value {
            width: auto;
            font-size: 3.2rem;
            line-height: 3.2rem;
            margin: 0;
            letter-spacing: -.05em
        }

        .tickets-price-line .tp__currency {
            width: auto;
            font-size: 1.6rem;
            line-height: 2rem;
            letter-spacing: -.05em;
            padding-left: .8rem;
            padding-top: 1.2rem
        }

        .tickets-price-line .tp__deadline {
            font-size: 1.4rem;
            line-height: 1.4rem
        }

        .tickets-price-line .tp__tab {
            margin: 0 -2rem 0;
            padding: 0;
            width: -webkit-calc(100% + 4rem);
            width: calc(100% + 4rem)
        }

            .tickets-price-line .tp__tab li {
                width: 100%
            }

            .tickets-price-line .tp__tab a {
                width: 100%;
                font-size: 1.4rem;
                line-height: 2rem;
                height: 5.4rem;
                padding: 1.7rem 1rem
            }

                .tickets-price-line .tp__tab a:before {
                    border-width: .5rem
                }

        .tickets-price-line .tp__currency-list {
            padding: 0 0 .6rem;
            margin: 0 0 1.6rem;
            width: 75%;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center
        }

            .tickets-price-line .tp__currency-list li {
                padding-right: 3.2rem;
                margin: 0 0 1rem
            }

                .tickets-price-line .tp__currency-list li:last-child {
                    padding-right: 0
                }

            .tickets-price-line .tp__currency-list a {
                font-size: 1.6rem;
                line-height: 1.6rem
            }

        .tickets-price-line .tp__button {
            padding-top: 1.6rem;
            margin-left: -2rem;
            margin-right: -2rem;
            width: 100vw
        }

        .tickets-price-line .btn-default {
            min-height: 10rem
        }
}

@media only screen and (max-width:767px) {
    .tickets-price-line .tickets-price__one {
        padding: 1.2rem 2rem 1rem;
        min-height: 7.6rem
    }

        .tickets-price-line .tickets-price__one.current {
            padding: 0 2rem 0
        }

    .tickets-price-line .current {
        margin-bottom: 1.2rem
    }

        .tickets-price-line .current .tp__value {
            font-size: 4.8rem;
            line-height: 4.8rem;
            margin: 0 0 1.6rem
        }

        .tickets-price-line .current .tp__deadline {
            font-size: 1.6rem;
            line-height: 1.6rem
        }

        .tickets-price-line .current .tp__price {
            padding-top: 1.2rem;
            margin-bottom: 0
        }

    .tickets-price-line .tp__price {
        margin: 0 0 .8rem
    }

    .tickets-price-line .tp__value {
        font-size: 3.2rem;
        line-height: 3.2rem
    }

    .tickets-price-line .tp__currency {
        font-size: 1.6rem;
        line-height: 2rem;
        padding-left: .8rem;
        padding-top: 1.2rem
    }

    .tickets-price-line .tp__deadline {
        font-size: 1.4rem;
        line-height: 1.4rem
    }

    .tickets-price-line .tp__tab {
        margin: 0 -2rem 0;
        padding: 0;
        width: -webkit-calc(100% + 4rem);
        width: calc(100% + 4rem)
    }

        .tickets-price-line .tp__tab li {
            width: 100%
        }

        .tickets-price-line .tp__tab a {
            width: 100%;
            font-size: 1.2rem;
            line-height: 1.6rem;
            height: 4.4rem;
            padding: 1.4rem .5rem
        }

            .tickets-price-line .tp__tab a:before {
                border-width: .3rem
            }

    .tickets-price-line .tp__currency-list {
        padding: 0 0 .6rem;
        margin: 0 0 1.6rem;
        width: 100%
    }

        .tickets-price-line .tp__currency-list li {
            padding-right: 1.2rem;
            padding-left: 1.2rem;
            margin: 0 0 1rem
        }

            .tickets-price-line .tp__currency-list li:first-child {
                padding-left: 0
            }

            .tickets-price-line .tp__currency-list li:last-child {
                padding-right: 0
            }

        .tickets-price-line .tp__currency-list a {
            font-size: 1.6rem;
            line-height: 1.6rem
        }

    .tickets-price-line .tp__button {
        padding-top: 1.6rem;
        margin-left: -2rem;
        margin-right: -2rem;
        width: 100vw
    }

    .tickets-price-line .btn-default {
        min-height: 8rem
    }
}

.program-outer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 -2rem 4.8rem
}

    .program-outer .program-outer__actions, .program-outer .program-outer__text {
        display: block;
        width: 40%;
        padding: 0 2rem
    }

    .program-outer .program-outer__text {
        font-size: 2.4rem;
        line-height: 1.4;
        color: #85858d
    }

        .program-outer .program-outer__text > * {
            margin: 0 0 1.5rem
        }

        .program-outer .program-outer__text > :last-child {
            margin-bottom: 0
        }

    .program-outer .program-outer__actions {
        margin-left: auto
    }

@media only screen and (max-width:1280px) {
    .program-outer {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        margin-bottom: 4rem
    }

        .program-outer .program-outer__actions, .program-outer .program-outer__text {
            width: 50%
        }

        .program-outer .program-outer__text {
            font-size: 2rem;
            line-height: 1.4
        }
}

@media only screen and (max-width:1023px) {
    .program-outer {
        margin-left: -.5rem;
        margin-right: -.5rem;
        margin-bottom: 2.4rem
    }

        .program-outer .program-outer__actions, .program-outer .program-outer__text {
            padding: 0 .5rem
        }

        .program-outer .program-outer__text {
            font-size: 1.8rem;
            line-height: 2.4rem
        }
}

@media only screen and (max-width:767px) {
    .program-outer {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        padding-bottom: .4rem
    }

        .program-outer .program-outer__actions, .program-outer .program-outer__text {
            padding: 0;
            width: 100%
        }

        .program-outer .program-outer__text {
            font-size: 1.4rem;
            line-height: 1.4;
            margin: 0 0 3.2rem;
            text-align: center
        }

        .program-outer .program-outer__actions {
            margin: 0
        }
}

.download-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    margin: 0;
    padding: 0
}

    .download-list > li {
        display: block;
        list-style: none;
        margin-left: 0;
        padding: 1.2rem 2.4rem
    }

    .download-list .download-link-simple {
        display: inline-block;
        position: relative;
        padding-right: 4rem;
        font-size: 1.6rem;
        line-height: 2rem;
        color: #0b0c1b;
        letter-spacing: .05em;
        text-transform: uppercase;
        font-weight: 700;
        -webkit-transition: color .4s ease;
        transition: color .4s ease
    }

        .download-list .download-link-simple .icon {
            display: block;
            position: absolute;
            top: 50%;
            right: 0;
            width: 2.4rem;
            height: 2.4rem;
            padding: .2rem;
            fill: #0b0c1b;
            margin-top: -1.2rem;
            -webkit-transition: fill .4s ease;
            transition: fill .4s ease
        }

.desktop .download-list .download-link-simple:hover {
    color: #20a200
}

    .desktop .download-list .download-link-simple:hover .icon {
        fill: #20a200
    }

@media only screen and (max-width:1280px) {
    .download-list > li {
        padding: 1.6rem 2.4rem
    }
}

@media only screen and (max-width:1023px) {
    .download-list > li {
        padding: 1.6rem 2.4rem
    }

    .download-list .download-link-simple {
        padding-right: 2.2rem;
        font-size: 1.4rem;
        line-height: 2rem;
        letter-spacing: 0
    }

        .download-list .download-link-simple .icon {
            top: 50%;
            right: 0;
            width: 1.6rem;
            height: 1.6rem;
            padding: .2rem;
            margin-top: -.8rem
        }
}

@media only screen and (max-width:767px) {
    .download-list {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 1rem
    }

        .download-list > li {
            text-align: center;
            width: 50%;
            padding: 0 .5rem;
            margin-bottom: .5rem
        }

        .download-list .download-link-simple {
            padding-right: 2.2rem;
            font-size: 1.4rem;
            line-height: 1.4rem;
            color: #0b0c1b;
            letter-spacing: 0
        }

            .download-list .download-link-simple .icon {
                width: 1.6rem;
                height: 1.6rem;
                padding: .2rem;
                margin-top: -.8rem
            }
}

.category-slider__wrap {
    display: block;
    width: 100%;
    overflow: hidden
}

.category-slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    position: relative
}

    .category-slider .slick-arrow {
        display: block;
        position: absolute;
        top: 1px;
        bottom: 1px;
        width: 6.4rem;
        background: #fafafa;
        border: none;
        font-size: 0;
        line-height: 0;
        z-index: 5;
        cursor: pointer;
        -webkit-transition: background-color .4s ease;
        transition: background-color .4s ease
    }

        .category-slider .slick-arrow:after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            left: 50%;
            width: 2.4rem;
            height: 2.4rem;
            border-bottom: .3rem solid #0b0c1b;
            border-left: .3rem solid #0b0c1b;
            margin-top: -1.2rem;
            margin-left: -.8rem;
            -webkit-transition: border-color .4s ease;
            transition: border-color .4s ease
        }

.desktop .category-slider .slick-arrow:hover {
    background: #20a200
}

    .desktop .category-slider .slick-arrow:hover:after {
        border-color: #fff
    }

.category-slider .slick-prev {
    left: 0
}

    .category-slider .slick-prev:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.category-slider .slick-next {
    left: auto;
    right: 0
}

    .category-slider .slick-next:after {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
        margin-left: -1.6rem
    }

.category-slider .slide-category {
    display: block;
    border-left: 1px solid #aaa;
    padding: 2.4rem 3.2rem;
    font-size: 1.6rem;
    line-height: 1.6rem;
    white-space: nowrap;
    font-weight: 600;
    color: #85858d;
    box-shadow: 1px 0 0 #aaa,inset 0 1px 0 #aaa,inset 0 -1px 0 #aaa;
    box-sizing: border-box;
    height: 6.4rem;
    position: relative
}

    .category-slider .slide-category:before {
        content: '';
        display: block;
        position: absolute;
        top: 1px;
        left: 0;
        right: 0;
        height: .3rem
    }

@media only screen and (max-width:1023px) {
    .category-slider .slick-arrow {
        top: 1px;
        bottom: 1px;
        width: 4.6rem
    }

        .category-slider .slick-arrow:after {
            width: 2rem;
            height: 2rem;
            border-width: .4rem;
            margin-top: -1rem;
            margin-left: -.7rem
        }

    .desktop .category-slider .slick-arrow:hover {
        background: #20a200
    }

        .desktop .category-slider .slick-arrow:hover:after {
            border-color: #fff
        }

    .category-slider .slick-next:after {
        margin-left: -1.4rem
    }

    .category-slider .slide-category {
        padding: 1.6rem 2.4rem;
        font-size: 1.4rem;
        line-height: 1rem;
        height: 4.6rem
    }

        .category-slider .slide-category:before {
            height: .3rem
        }
}

@media only screen and (max-width:767px) {
    .category-slider .slick-arrow {
        display: none
    }

    .category-slider .slide-category {
        padding: 1.4rem 1.6rem 1rem;
        font-size: 1.4rem;
        line-height: 1rem;
        height: 3.8rem
    }

        .category-slider .slide-category:before {
            height: .3rem
        }
}

.t_table {
    display: block;
    width: 100%;
    position: relative;
    font-size: 2.4rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: #0b0c1b;
    margin-bottom: 6.4rem
}

    .t_table:last-child {
        margin-bottom: 1px
    }

    .t_table + .t_table {
        margin-top: 6.4rem
    }

    .t_table .t_head {
        display: block;
        width: 100%;
        position: relative;
        color: #fff;
        font-weight: 700
    }

        .t_table .t_head .t_row {
            box-shadow: none
        }

        .t_table .t_head:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            width: 100vw;
            margin-left: -50vw;
            background: #0b0c1b
        }

    .t_table .t_row {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-box-pack: stretch;
        -webkit-justify-content: stretch;
        justify-content: stretch;
        box-shadow: 0 1px 0 #85858d;
        position: relative
    }

    .t_table .t_col {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        width: 100%
    }

    .t_table .t_col-time {
        max-width: 13rem;
        min-width: 13rem;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        text-align: center
    }

        .t_table .t_col-time .text, .t_table .t_col-time .text-head {
            padding-left: .5rem;
            padding-right: .5rem
        }

    .t_table .grey {
        color: #85858d
    }

    .t_table .text-head {
        display: block;
        padding: 3.6rem 3.2rem;
        font-size: 2rem;
        line-height: 1.4
    }

    .t_table .text {
        display: block;
        padding: 3.2rem 2.4rem
    }

    .t_table .time {
        display: block;
        padding: 3.2rem .2rem;
        text-align: center
    }

        .t_table .time.time-lg {
            font-size: 3.2rem;
            line-height: 3.2rem
        }

        .t_table .time.time-middle {
            color: #85858d
        }

    .t_table .table-toggle-link {
        display: none
    }

    .t_table .sort-link-down, .t_table .sort-link-up {
        padding-left: 2.8rem;
        position: relative
    }

        .t_table .sort-link-down:before, .t_table .sort-link-up:before {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            left: 0;
            border-bottom: .2rem solid #fff;
            border-left: .2rem solid #fff;
            width: 1.2rem;
            height: 1.2rem;
            margin-top: -.8rem;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .t_table .sort-link-up:before {
            margin-top: -.4rem;
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg)
        }

@media only screen and (max-width:1280px) {
    .t_table .t_col-time {
        max-width: 15rem;
        min-width: 15rem
    }

    .t_table .text-head {
        padding-left: 2.4rem;
        padding-right: 2.4rem
    }
}

@media only screen and (max-width:1023px) {
    .t_table {
        font-size: 1.6rem;
        line-height: 1.6rem;
        margin-bottom: 3.2rem
    }

        .t_table + .t_table {
            margin-top: 3.2rem
        }

        .t_table .t_col-time {
            max-width: 6rem;
            min-width: 6rem
        }

            .t_table .t_col-time .text, .t_table .t_col-time .text-head {
                padding-left: .3rem;
                padding-right: .3rem
            }

            .t_table .t_col-time .text-head {
                font-size: 1.2rem;
                line-height: 1.6rem;
                padding-top: 1.6rem;
                padding-bottom: 1.6rem
            }

        .t_table .text-head {
            font-size: 1.8rem;
            line-height: 1;
            padding: 2.3rem 1.6rem
        }

        .t_table .text {
            padding: 2.4rem 1.6rem
        }

        .t_table .sort-link {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            min-height: 3.2rem
        }

        .t_table .sort-link-down, .t_table .sort-link-up {
            padding-left: 0;
            padding-bottom: 1.2rem
        }

            .t_table .sort-link-down:before, .t_table .sort-link-up:before {
                bottom: 0;
                left: 50%;
                margin-left: -.5rem;
                margin-top: 0
            }

        .t_table .sort-link-up {
            padding-bottom: 0;
            padding-top: 1.2rem
        }

            .t_table .sort-link-up:before {
                bottom: auto;
                top: 0;
                margin-top: .5rem
            }

        .t_table .time {
            display: block;
            padding: 2.4rem .1rem;
            text-align: center
        }

            .t_table .time.time-lg {
                padding-top: 3.2rem;
                padding-bottom: 3.2rem;
                font-size: 1.6rem;
                line-height: 1.6rem
            }

            .t_table .time.time-middle {
                font-size: 1.4rem;
                line-height: 1
            }
}

@media only screen and (max-width:767px) {
    .t_table {
        font-size: 1.6rem;
        line-height: 2rem;
        margin-bottom: 2.4rem
    }

        .t_table + .t_table {
            margin-top: 2.4rem
        }

        .t_table .t_head .t_col-time {
            display: none
        }

        .t_table .t_head .text-head {
            padding: 0
        }

        .t_table .t_head .text {
            padding: 0
        }

        .t_table .t_col-time {
            max-width: 0;
            min-width: 0;
            width: 1px;
            position: relative;
            -webkit-box-align: start;
            -webkit-align-items: flex-start;
            align-items: flex-start
        }

            .t_table .t_col-time .text, .t_table .t_col-time .text-head {
                padding-left: .3rem;
                padding-right: .3rem
            }

        .t_table .text-head {
            width: 100%;
            padding: 0
        }

        .t_table .text {
            padding: 2.4rem 2rem;
            text-align: center;
            width: 100%
        }

        .t_table .time {
            display: block;
            padding: .8rem .5rem;
            text-align: center;
            white-space: nowrap;
            font-size: 1.2rem;
            line-height: 1;
            width: 5.8rem;
            background: #20a200;
            color: #fff;
            position: relative;
            z-index: 5;
            left: 0
        }

            .t_table .time.time-lg {
                padding: .8rem .5rem;
                font-size: 1.2rem;
                line-height: 1
            }

            .t_table .time.time-middle {
                font-size: 1.2rem;
                line-height: 1;
                color: #fff;
                background: #83a7e9
            }

            .t_table .time:last-child {
                opacity: 0;
                visibility: hidden
            }

            .t_table .time:first-child {
                opacity: 1;
                visibility: visible
            }

        .t_table .full-title {
            display: block;
            width: 100%;
            font-size: 1.6rem;
            line-height: 1;
            padding: 1.6rem .6rem;
            text-align: center
        }

        .t_table .table-toggle-link {
            display: block;
            font-size: 1.6rem;
            line-height: 1;
            padding: 1.6rem .6rem;
            text-align: center;
            background: #85858d;
            position: relative
        }

            .t_table .table-toggle-link:after {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                bottom: 0;
                right: 0;
                background: #fff;
                opacity: .2;
                width: 1px
            }

        .t_table[data-filter=f1] .t_col[data-filter]:not([data-filter=f1]) {
            min-width: 5rem;
            width: 5rem;
            max-width: 100%
        }

            .t_table[data-filter=f1] .t_col[data-filter]:not([data-filter=f1]) .event-single {
                overflow: hidden
            }

                .t_table[data-filter=f1] .t_col[data-filter]:not([data-filter=f1]) .event-single .es__aside, .t_table[data-filter=f1] .t_col[data-filter]:not([data-filter=f1]) .event-single .es__author, .t_table[data-filter=f1] .t_col[data-filter]:not([data-filter=f1]) .event-single .es__bottom, .t_table[data-filter=f1] .t_col[data-filter]:not([data-filter=f1]) .event-single .es__buttons, .t_table[data-filter=f1] .t_col[data-filter]:not([data-filter=f1]) .event-single .es__category, .t_table[data-filter=f1] .t_col[data-filter]:not([data-filter=f1]) .event-single .es__company, .t_table[data-filter=f1] .t_col[data-filter]:not([data-filter=f1]) .event-single .es__location {
                    display: none
                }

                .t_table[data-filter=f1] .t_col[data-filter]:not([data-filter=f1]) .event-single:not(.locked) .es__title {
                    color: #85858d
                }

                .t_table[data-filter=f1] .t_col[data-filter]:not([data-filter=f1]) .event-single:not(.locked) .es__info {
                    position: relative
                }

                    .t_table[data-filter=f1] .t_col[data-filter]:not([data-filter=f1]) .event-single:not(.locked) .es__info:before {
                        content: '';
                        display: block;
                        position: absolute;
                        top: 1px;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background: #fafafa
                    }

            .t_table[data-filter=f1] .t_col[data-filter]:not([data-filter=f1]) .full-title {
                display: none
            }

            .t_table[data-filter=f1] .t_col[data-filter]:not([data-filter=f1]) .table-toggle-link {
                display: block
            }

            .t_table[data-filter=f1] .t_col[data-filter]:not([data-filter=f1]) .es__title {
                display: block;
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                white-space: nowrap;
                padding-left: 2.4rem
            }

            .t_table[data-filter=f1] .t_col[data-filter]:not([data-filter=f1]) .es__empty > * {
                display: none
            }

        .t_table[data-filter=f1] .t_col[data-filter=f1] {
            width: 100%
        }

            .t_table[data-filter=f1] .t_col[data-filter=f1] .table-toggle-link {
                display: none
            }

        .t_table[data-filter=f2] .t_col[data-filter]:not([data-filter=f2]) {
            min-width: 5rem;
            width: 5rem;
            max-width: 100%
        }

            .t_table[data-filter=f2] .t_col[data-filter]:not([data-filter=f2]) .event-single {
                overflow: hidden
            }

                .t_table[data-filter=f2] .t_col[data-filter]:not([data-filter=f2]) .event-single .es__aside, .t_table[data-filter=f2] .t_col[data-filter]:not([data-filter=f2]) .event-single .es__author, .t_table[data-filter=f2] .t_col[data-filter]:not([data-filter=f2]) .event-single .es__bottom, .t_table[data-filter=f2] .t_col[data-filter]:not([data-filter=f2]) .event-single .es__buttons, .t_table[data-filter=f2] .t_col[data-filter]:not([data-filter=f2]) .event-single .es__category, .t_table[data-filter=f2] .t_col[data-filter]:not([data-filter=f2]) .event-single .es__company, .t_table[data-filter=f2] .t_col[data-filter]:not([data-filter=f2]) .event-single .es__location {
                    display: none
                }

                .t_table[data-filter=f2] .t_col[data-filter]:not([data-filter=f2]) .event-single:not(.locked) .es__title {
                    color: #85858d
                }

                .t_table[data-filter=f2] .t_col[data-filter]:not([data-filter=f2]) .event-single:not(.locked) .es__info {
                    position: relative
                }

                    .t_table[data-filter=f2] .t_col[data-filter]:not([data-filter=f2]) .event-single:not(.locked) .es__info:before {
                        content: '';
                        display: block;
                        position: absolute;
                        top: 1px;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background: #fafafa
                    }

            .t_table[data-filter=f2] .t_col[data-filter]:not([data-filter=f2]) .full-title {
                display: none
            }

            .t_table[data-filter=f2] .t_col[data-filter]:not([data-filter=f2]) .table-toggle-link {
                display: block
            }

            .t_table[data-filter=f2] .t_col[data-filter]:not([data-filter=f2]) .es__title {
                display: block;
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                white-space: nowrap;
                padding-left: 2.4rem
            }

            .t_table[data-filter=f2] .t_col[data-filter]:not([data-filter=f2]) .es__empty > * {
                display: none
            }

        .t_table[data-filter=f2] .t_col[data-filter=f2] {
            width: 100%
        }

            .t_table[data-filter=f2] .t_col[data-filter=f2] .table-toggle-link {
                display: none
            }

        .t_table[data-filter=f3] .t_col[data-filter]:not([data-filter=f3]) {
            min-width: 5rem;
            width: 5rem;
            max-width: 100%
        }

            .t_table[data-filter=f3] .t_col[data-filter]:not([data-filter=f3]) .event-single {
                overflow: hidden
            }

                .t_table[data-filter=f3] .t_col[data-filter]:not([data-filter=f3]) .event-single .es__aside, .t_table[data-filter=f3] .t_col[data-filter]:not([data-filter=f3]) .event-single .es__author, .t_table[data-filter=f3] .t_col[data-filter]:not([data-filter=f3]) .event-single .es__bottom, .t_table[data-filter=f3] .t_col[data-filter]:not([data-filter=f3]) .event-single .es__buttons, .t_table[data-filter=f3] .t_col[data-filter]:not([data-filter=f3]) .event-single .es__category, .t_table[data-filter=f3] .t_col[data-filter]:not([data-filter=f3]) .event-single .es__company, .t_table[data-filter=f3] .t_col[data-filter]:not([data-filter=f3]) .event-single .es__location {
                    display: none
                }

                .t_table[data-filter=f3] .t_col[data-filter]:not([data-filter=f3]) .event-single:not(.locked) .es__title {
                    color: #85858d
                }

                .t_table[data-filter=f3] .t_col[data-filter]:not([data-filter=f3]) .event-single:not(.locked) .es__info {
                    position: relative
                }

                    .t_table[data-filter=f3] .t_col[data-filter]:not([data-filter=f3]) .event-single:not(.locked) .es__info:before {
                        content: '';
                        display: block;
                        position: absolute;
                        top: 1px;
                        left: 0;
                        right: 0;
                        bottom: 0;
                        background: #fafafa
                    }

            .t_table[data-filter=f3] .t_col[data-filter]:not([data-filter=f3]) .full-title {
                display: none
            }

            .t_table[data-filter=f3] .t_col[data-filter]:not([data-filter=f3]) .table-toggle-link {
                display: block
            }

            .t_table[data-filter=f3] .t_col[data-filter]:not([data-filter=f3]) .es__title {
                display: block;
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg);
                white-space: nowrap;
                padding-left: 2.4rem
            }

            .t_table[data-filter=f3] .t_col[data-filter]:not([data-filter=f3]) .es__empty > * {
                display: none
            }

        .t_table[data-filter=f3] .t_col[data-filter=f3] {
            width: 100%
        }

            .t_table[data-filter=f3] .t_col[data-filter=f3] .table-toggle-link {
                display: none
            }
}

.event-single {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    width: 100%;
    position: relative;
    height: 100%;
    box-shadow: inset -1px 0 0 #85858d,0 1px 0 #85858d,-1px 0 0 #85858d
}

.desktop .event-single:hover .es__category:before {
    opacity: 1
}

.event-single.inactive {
    opacity: .3
}

.event-single.locked {
    background: #0b0c1b;
    color: #fff
}

    .event-single.locked .es__category:before {
        opacity: 1
    }

    .event-single.locked .btn-default-event {
        background: #0b0c1b;
        color: #fff
    }

    .event-single.locked .es__bottom {
        box-shadow: 0 -1px 0 #fff
    }

    .event-single.locked .es__params-list .es__param {
        color: #fff;
        border-color: #85858d
    }

.desktop .event-single.locked .es__params-list .es__param-with-tip:hover {
    background: #20a200;
    color: #fff
}

    .desktop .event-single.locked .es__params-list .es__param-with-tip:hover > .icon {
        fill: #fff
    }

.event-single.locked .es__params-list .icon {
    fill: #fff
}

.event-single.locked .es__tip {
    background: #0b0c1b;
    border-color: #85858d
}

    .event-single.locked .es__tip .tip {
        color: #85858d
    }

        .event-single.locked .es__tip .tip.current {
            color: #fff
        }

            .event-single.locked .es__tip .tip.current .icon {
                fill: #20a200
            }

        .event-single.locked .es__tip .tip .icon {
            fill: #85858d
        }

.event-single.locked .es__actions {
    box-shadow: 0 -1px 0 #85858d
}

    .event-single.locked .es__actions > li {
        box-shadow: -1px 0 0 #85858d
    }

.event-single.locked .es__action {
    color: #fff
}

    .event-single.locked .es__action .icon {
        fill: #fff
    }

.event-single.locked .es__empty {
    color: #fff
}

.event-single .es__bottom {
    display: block;
    margin-top: auto;
    box-shadow: 0 -1px 0 #85858d
}

.event-single .es__category {
    display: block;
    position: relative;
    width: 100%;
    padding: 3.2rem 2.4rem;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 600
}

    .event-single .es__category:before {
        content: '';
        display: block;
        position: absolute;
        top: 1px;
        left: 0;
        right: 0;
        height: .4rem;
        opacity: 0;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease
    }

.event-single .es__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding-bottom: 3.2rem
}

.event-single .es__main {
    display: block;
    width: 100%;
    padding: 0 2.4rem 0
}

.event-single .es__aside {
    display: block;
    min-width: 13rem
}

.event-single .es__params-list {
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    cursor: default
}

    .event-single .es__params-list > li {
        display: block;
        list-style: none;
        margin-bottom: -1px
    }

    .event-single .es__params-list .es__param {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        font-size: 1.6rem;
        line-height: 1.6rem;
        font-weight: 500;
        color: #85858d;
        padding: .5rem .5rem;
        text-align: center;
        border: 1px solid #85858d;
        height: 5.6rem;
        position: relative;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

    .event-single .es__params-list .es__param-with-tip {
        cursor: default
    }

        .desktop .event-single .es__params-list .es__param-with-tip:hover, .event-single .es__params-list .es__param-with-tip.hover {
            background: #20a200;
            color: #fff
        }

            .desktop .event-single .es__params-list .es__param-with-tip:hover > .icon, .event-single .es__params-list .es__param-with-tip.hover > .icon {
                fill: #fff
            }

            .desktop .event-single .es__params-list .es__param-with-tip:hover .es__tip, .event-single .es__params-list .es__param-with-tip.hover .es__tip {
                display: block
            }

    .event-single .es__params-list .icon {
        width: 2.4rem;
        height: 2.4rem;
        fill: #85858d;
        margin-right: .8rem;
        -webkit-transition: fill .4s ease;
        transition: fill .4s ease
    }

.event-single .es__title {
    display: block;
    width: 100%;
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 700;
    margin: 0 0 2.4rem
}

.event-single .es__author {
    display: block;
    width: 100%;
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 .4rem
}

.event-single .es__company {
    display: block;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    margin: 0 0 .4rem
}

.event-single .es__location {
    display: block;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.4;
    font-weight: 400;
    margin: 0 0 .4rem;
    opacity: .4
}

.event-single .es__buttons {
    display: block;
    padding-right: 1px
}

.event-single .es__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    margin: 0;
    padding: 0;
    box-shadow: 0 -1px 0 #85858d;
    position: relative
}

    .event-single .es__actions > li {
        display: block;
        width: 100%;
        height: 100%;
        box-shadow: -1px 0 0 #85858d
    }

.event-single .es__action {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    height: 8.8rem;
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 500;
    color: #85858d
}

    .event-single .es__action .es__action-icon {
        display: block;
        width: 2.2rem;
        height: 2.2rem;
        margin-right: .4rem
    }

    .event-single .es__action .icon {
        fill: #85858d
    }

.event-single a.es__action {
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

    .event-single a.es__action .icon {
        -webkit-transition: fill .4s ease;
        transition: fill .4s ease
    }

.desktop .event-single a.es__action:hover {
    color: #fff;
    background: #20a200
}

    .desktop .event-single a.es__action:hover .icon {
        fill: #fff
    }

.event-single .es__empty {
    display: block;
    width: 100%;
    height: 100%;
    padding: 2.4rem;
    font-size: 2.4rem;
    line-height: 1.4;
    font-weight: 700;
    color: #0b0c1b
}

    .event-single .es__empty > * {
        margin: 0 0 1.6rem
    }

    .event-single .es__empty > :last-child {
        margin-bottom: 0
    }

.event-single .es__tip {
    display: none;
    position: absolute;
    right: 100%;
    top: -1px;
    width: 27rem;
    background: #fff;
    padding: 2.4rem;
    border: 1px solid #85858d;
    z-index: 15
}

    .event-single .es__tip .tip__list {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0
    }

        .event-single .es__tip .tip__list > li {
            display: block;
            list-style: none;
            margin: 0 0 2.4rem
        }

            .event-single .es__tip .tip__list > li:last-child {
                margin-bottom: 0
            }

    .event-single .es__tip .tip {
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        color: #85858d
    }

        .event-single .es__tip .tip.current {
            color: #0b0c1b
        }

            .event-single .es__tip .tip.current .icon {
                fill: #20a200
            }

        .event-single .es__tip .tip .icon {
            fill: #85858d
        }

    .event-single .es__tip .tip__title {
        display: block;
        padding-left: 3.6rem;
        position: relative;
        margin: 0 0 .8rem;
        text-align: left;
        font-size: 1.6rem;
        line-height: 1;
        font-weight: 500
    }

        .event-single .es__tip .tip__title .icon {
            display: block;
            width: 2.4rem;
            height: 2.4rem;
            position: absolute;
            top: 50%;
            left: 0;
            margin-top: -1.2rem
        }

    .event-single .es__tip .tip__text {
        display: block;
        font-size: 1.2rem;
        line-height: 1.6rem;
        text-align: left
    }

        .event-single .es__tip .tip__text > * {
            margin-bottom: 1.6rem
        }

        .event-single .es__tip .tip__text > :last-child {
            margin-bottom: 0
        }

@media only screen and (max-width:1280px) {
    .event-single .es__info {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 0;
        height: 100%
    }

    .event-single .es__main {
        padding-bottom: 3.2rem
    }

    .event-single .es__aside {
        display: block;
        width: 100%
    }

    .event-single .es__params-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-box-pack: stretch;
        -webkit-justify-content: stretch;
        justify-content: stretch;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%
    }

        .event-single .es__params-list > li {
            width: 50%;
            margin-bottom: 0
        }

        .event-single .es__params-list .es__param {
            border: none;
            height: 5.6rem;
            border-top: .1rem solid #85858d;
            box-shadow: inset -1px 0 0 grey
        }

    .event-single .es__tip {
        right: auto;
        left: -1px;
        top: auto;
        bottom: 100%;
        width: 27rem
    }
}

@media only screen and (max-width:1023px) {
    .event-single .es__category {
        padding: 1.6rem 1.6rem 2.4rem;
        font-size: 1.2rem;
        line-height: 1
    }

        .event-single .es__category:before {
            height: .4rem
        }

    .event-single .es__main {
        padding: 0 1.6rem 2.4rem
    }

    .event-single .es__params-list .es__param {
        font-size: 1.4rem;
        line-height: 1;
        padding: .5rem .5rem;
        height: auto;
        min-height: 4.6rem
    }

    .event-single .es__params-list .icon {
        width: 2.4rem;
        height: 2.4rem;
        margin-right: .8rem
    }

    .event-single .es__title {
        font-size: 2.2rem;
        line-height: 3rem;
        margin: 0 0 1.6rem
    }

    .event-single .es__author {
        font-size: 1.8rem;
        line-height: 1;
        margin: 0 0 .4rem
    }

    .event-single .es__company {
        font-size: 1.4rem;
        line-height: 1.4;
        margin: 0 0 .4rem
    }

    .event-single .es__location {
        font-size: 1.4rem;
        line-height: 1.4;
        margin: 0 0 .4rem;
        opacity: .4
    }

    .event-single .es__action {
        height: 8.8rem;
        font-size: 2rem;
        line-height: 1
    }

        .event-single .es__action .es__action-icon {
            width: 2.1rem;
            height: 2.1rem;
            margin-right: .4rem
        }

    .event-single .es__empty {
        padding: 2.4rem 1.6rem;
        font-size: 1.6rem;
        line-height: 1.4
    }

    .event-single .es__tip {
        right: auto;
        left: -1px;
        top: auto;
        bottom: 100%;
        width: 200%;
        border-right: none
    }

        .event-single .es__tip .tip__list > li {
            margin: 0 0 1.6rem
        }

        .event-single .es__tip .tip__title {
            padding-left: 3.6rem;
            position: relative;
            margin: 0 0 .8rem;
            font-size: 1.6rem;
            line-height: 1;
            font-weight: 500
        }

            .event-single .es__tip .tip__title .icon {
                width: 2.4rem;
                height: 2.4rem;
                margin-top: -1.2rem
            }

        .event-single .es__tip .tip__text {
            font-size: 1.2rem;
            line-height: 1.6rem
        }
}

@media only screen and (max-width:767px) {
    .event-single .es__category {
        padding: 1.6rem 1.6rem 2rem;
        font-size: 1.2rem;
        line-height: 1
    }

        .event-single .es__category:before {
            height: .4rem
        }

    .event-single .es__main {
        padding: 0 1.6rem 3.2rem
    }

    .event-single .es__params-list .es__param {
        font-size: 1.4rem;
        line-height: 1;
        padding: .5rem .5rem;
        min-height: 4.8rem
    }

    .event-single .es__params-list .icon {
        width: 2.4rem;
        height: 2.4rem;
        margin-right: .8rem
    }

    .event-single .es__title {
        font-size: 2rem;
        line-height: 2.8rem;
        margin: 0 0 1.6rem
    }

    .event-single .es__author {
        font-size: 1.6rem;
        line-height: 1;
        margin: 0 0 .2rem
    }

    .event-single .es__company {
        font-size: 1.4rem;
        line-height: 1.4;
        margin: 0
    }

    .event-single .es__location {
        font-size: 1.4rem;
        line-height: 1.4;
        margin: 0;
        opacity: .4
    }

    .event-single .es__action {
        height: 4.8rem;
        font-size: 1.6rem;
        line-height: 1
    }

        .event-single .es__action .es__action-icon {
            width: 1.6rem;
            height: 1.6rem;
            margin-right: .4rem
        }

    .event-single .es__empty {
        padding: 2.4rem 1.6rem;
        font-size: 1.6rem;
        line-height: 1.4;
        min-height: 40rem
    }

    .event-single .es__tip {
        right: auto;
        left: -1px;
        top: auto;
        bottom: 100%;
        width: 200%;
        border-right: none
    }

        .event-single .es__tip .tip__list > li {
            margin: 0 0 1.6rem
        }

        .event-single .es__tip .tip__title {
            padding-left: 3.6rem;
            position: relative;
            margin: 0 0 .8rem;
            font-size: 1.6rem;
            line-height: 1;
            font-weight: 500
        }

            .event-single .es__tip .tip__title .icon {
                width: 2.4rem;
                height: 2.4rem;
                margin-top: -1.2rem
            }

        .event-single .es__tip .tip__text {
            font-size: 1.2rem;
            line-height: 1.6rem
        }
}

.es__category.state-green, .slide-category.state-green {
    color: #9bc925
}

    .es__category.state-green:before, .slide-category.state-green:before {
        background: #9bc925
    }

.es__category.state-light-green, .slide-category.state-light-green {
    color: #41c79e
}

    .es__category.state-light-green:before, .slide-category.state-light-green:before {
        background: #41c79e
    }

.es__category.state-orange, .slide-category.state-orange {
    color: #f79e1b
}

    .es__category.state-orange:before, .slide-category.state-orange:before {
        background: #f79e1b
    }

.es__category.state-pink, .slide-category.state-pink {
    color: #de54a7
}

    .es__category.state-pink:before, .slide-category.state-pink:before {
        background: #de54a7
    }

.es__category.state-blue, .slide-category.state-blue {
    color: #4680c2
}

    .es__category.state-blue:before, .slide-category.state-blue:before {
        background: #4680c2
    }

.es__category.state-red, .slide-category.state-red {
    color: #c53f3f
}

    .es__category.state-red:before, .slide-category.state-red:before {
        background: #c53f3f
    }

.es__category.state-purple, .slide-category.state-purple {
    color: #945ed8
}

    .es__category.state-purple:before, .slide-category.state-purple:before {
        background: #945ed8
    }

.es__category.state-light-blue, .slide-category.state-light-blue {
    color: #44c0db
}

    .es__category.state-light-blue:before, .slide-category.state-light-blue:before {
        background: #44c0db
    }

.program-empty {
    display: block;
    width: 100%;
    padding: 3.2rem 0 10rem
}

    .program-empty .program-empty__img {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 29rem;
        height: 29rem;
        margin: 0 auto 6.4rem
    }

        .program-empty .program-empty__img img {
            display: block;
            max-width: 100%;
            max-height: 100%
        }

    .program-empty .program-empty__message {
        display: block;
        width: 100%;
        font-size: 4.8rem;
        line-height: 1;
        font-weight: 700;
        text-align: center;
        margin: 0 0 2.4rem
    }

    .program-empty .program-empty__text {
        display: block;
        width: 100%;
        font-size: 2.4rem;
        line-height: 1.4;
        text-align: center;
        margin: 0 0 2.4rem;
        color: #85858d
    }

        .program-empty .program-empty__text:last-child {
            margin-bottom: 0
        }

@media only screen and (max-width:1280px) {
    .program-empty {
        padding: 3.2rem 0 3.2rem
    }

        .program-empty .program-empty__img {
            width: 29rem;
            height: 29rem;
            margin-bottom: 6.4rem
        }

        .program-empty .program-empty__message {
            font-size: 4.8rem;
            line-height: 1;
            margin: 0 0 2.4rem
        }

        .program-empty .program-empty__text {
            font-size: 2.4rem;
            line-height: 1.4;
            margin: 0 0 2.4rem
        }
}

@media only screen and (max-width:1023px) {
    .program-empty {
        padding: 2.4rem 0
    }

        .program-empty .program-empty__img {
            width: 29rem;
            height: 29rem;
            margin-bottom: 4.8rem
        }

        .program-empty .program-empty__message {
            font-size: 3.6rem;
            line-height: 1;
            margin: 0 0 1.6rem
        }

        .program-empty .program-empty__text {
            font-size: 1.8rem;
            line-height: 2.4rem;
            margin: 0 0 1.6rem
        }
}

@media only screen and (max-width:767px) {
    .program-empty {
        padding: .8rem 0 2.4rem
    }

        .program-empty .program-empty__img {
            width: 12.6rem;
            height: 12.6rem;
            margin-bottom: 3.2rem
        }

        .program-empty .program-empty__message {
            font-size: 2.8rem;
            line-height: 1;
            margin: 0 0 1.2rem
        }

        .program-empty .program-empty__text {
            font-size: 1.6rem;
            line-height: 2.4rem;
            margin: 0 0 1.2rem
        }
}

.page-404 {
    display: block;
    width: 100%;
    padding: 3.2rem 0
}

    .page-404 .page-404__img {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 50rem;
        height: 22rem;
        margin: 0 auto 4.8rem;
        max-width: 100%
    }

        .page-404 .page-404__img img {
            display: block;
            max-width: 100%;
            max-height: 100%
        }

    .page-404 .page-404__message {
        display: block;
        width: 100%;
        font-size: 4.8rem;
        line-height: 1;
        font-weight: 700;
        text-align: center;
        margin: 0 0 2.4rem
    }

    .page-404 .page-404__text {
        display: block;
        width: 100%;
        font-size: 2rem;
        line-height: 1.4;
        text-align: center;
        margin: 0 0 2.4rem;
        color: #85858d
    }

        .page-404 .page-404__text:last-child {
            margin-bottom: 0
        }

@media only screen and (max-width:1280px) {
    .page-404 .page-404__message {
        font-size: 4.8rem;
        line-height: 1;
        margin: 0 0 2.4rem
    }

    .page-404 .page-404__text {
        font-size: 2rem;
        line-height: 1.4;
        margin: 0 0 2.4rem
    }
}

@media only screen and (max-width:1023px) {
    .page-404 {
        padding: 2.4rem 0
    }

        .page-404 .page-404__img {
            margin-bottom: 4.8rem
        }

        .page-404 .page-404__message {
            font-size: 3.6rem;
            line-height: 1;
            margin: 0 0 1.6rem
        }

        .page-404 .page-404__text {
            font-size: 1.8rem;
            line-height: 2.4rem;
            margin: 0 0 1.6rem
        }
}

@media only screen and (max-width:767px) {
    .page-404 {
        padding: .8rem 0 2.4rem
    }

        .page-404 .page-404__img {
            width: 22.8rem;
            height: 10rem;
            margin-bottom: 4.8rem
        }

        .page-404 .page-404__message {
            font-size: 2.8rem;
            line-height: 1;
            margin: 0 0 1.2rem
        }

        .page-404 .page-404__text {
            font-size: 1.6rem;
            line-height: 2rem;
            margin: 0 0 1.2rem
        }
}

.register-slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    padding-bottom: 5.8rem
}

    .register-slider .register-card-slide {
        display: block;
        padding: 0 1rem 4.2rem;
        width: 33.333%
    }

    .register-slider .slick-dots {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 0;
        margin: 0 0 0 -2rem;
        width: 100vw
    }

        .register-slider .slick-dots > li {
            display: block;
            list-style: none;
            font-size: 0;
            line-height: 0;
            margin: 0 .3rem
        }

            .register-slider .slick-dots > li.slick-active button {
                background: #20a200
            }

        .register-slider .slick-dots button {
            display: block;
            padding: 0;
            border: none;
            width: 1.2rem;
            height: .6rem;
            background: #85858d;
            -webkit-transition: background-color .4s ease;
            transition: background-color .4s ease
        }

@media only screen and (max-width:1280px) {
    .register-slider .register-card-slide {
        width: 50%
    }
}

@media only screen and (max-width:1023px) {
    .register-slider {
        display: block;
        width: -webkit-calc(100% + 2rem);
        width: calc(100% + 2rem);
        margin: 0 -1rem;
        padding: 0 0 4.8rem
    }

        .register-slider.slick-slider {
            width: -webkit-calc(75% + 2rem);
            width: calc(75% + 2rem);
            margin: 0 0 0 -1rem
        }

        .register-slider .slick-list {
            overflow: visible
        }

        .register-slider .slick-track {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-align: stretch;
            -webkit-align-items: stretch;
            align-items: stretch
        }

            .register-slider .slick-track .slick-slide {
                height: auto
            }

        .register-slider .register-card-slide {
            width: 100%;
            padding: 0 1rem 2.4rem
        }
}

@media only screen and (max-width:767px) {
    .register-slider {
        width: -webkit-calc(100% + 2rem);
        width: calc(100% + 2rem);
        margin: 0 0 0 -1rem
    }

        .register-slider.slick-slider {
            width: -webkit-calc(100% + 2rem);
            width: calc(100% + 2rem);
            margin: 0 0 0 -1rem
        }

        .register-slider .slick-dots {
            margin-left: -1rem
        }

        .register-slider .register-card-slide {
            padding-bottom: 1.6rem
        }
}

.register-card {
    display: block;
    height: 100%;
    border: 1px solid #85858d;
    padding: 0;
    position: relative
}

.desktop .register-card:hover .rc__bottom {
    opacity: 1
}

.desktop .register-card:hover:before {
    opacity: .2
}

.register-card:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 3.2rem;
    right: 3.2rem;
    top: auto;
    height: 2.4rem;
    border-radius: 2.4rem;
    box-shadow: 0 .8rem 2.1rem #0b0c1b;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.register-card .register-card__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    height: 100%;
    min-height: 36.4rem;
    padding: 0;
    background: #fff;
    position: relative
}

.register-card .rc__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    background: #fafafa;
    padding: 2.4rem
}

    .register-card .rc__top.rc__top-none-bg {
        background: 0 0
    }

.register-card .rc__body {
    display: block;
    padding: 2.4rem
}

.register-card .rc__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: auto -1.2rem 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    padding: 1.2rem 2.4rem 2.4rem 2.4rem;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.desktop .register-card .rc__bottom {
    opacity: 0
}

.register-card .action-one {
    display: block;
    height: 100%;
    padding: 0 1.2rem;
    -webkit-box-flex: 15;
    -webkit-flex-grow: 15;
    flex-grow: 15
}

    .register-card .action-one.action-one-sm {
        -webkit-box-flex: 5;
        -webkit-flex-grow: 5;
        flex-grow: 5
    }

.register-card .rc__date {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    font-size: 1.6rem;
    line-height: 1;
    color: #0b0c1b;
    padding-left: 2rem;
    font-weight: 500;
    padding-top: .5rem
}

    .register-card .rc__date span {
        margin-right: 1.2rem
    }

        .register-card .rc__date span:last-child {
            margin-right: 0
        }

.register-card .rc__info {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto
}

.register-card .rc__title {
    display: block;
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 700;
    color: #0b0c1b;
    margin: 0 0 1.2rem
}

.register-card .rc__title-info {
    display: block;
    font-size: 2.4rem;
    line-height: 1.4;
    font-weight: 700;
    color: #0b0c1b;
    margin: 0 0 1.2rem
}

    .register-card .rc__title-info + .rc__title-info {
        margin-top: -1.2rem
    }

.register-card .rc__text {
    display: block;
    margin: 0 0 1.2rem;
    font-size: 1.6rem;
    line-height: 1;
    color: #0b0c1b
}

    .register-card .rc__text:last-child {
        margin-bottom: 0
    }

.register-card .rc__show-all {
    display: block;
    margin: 1.6rem 0
}

    .register-card .rc__show-all:last-child {
        margin-bottom: 0
    }

.register-card .show-all {
    font-size: 1.6rem;
    line-height: 1;
    text-decoration: underline
}

@media only screen and (max-width:1023px) {
    .slick-current .register-card:before {
        opacity: .2
    }
}

@media only screen and (max-width:767px) {
    .register-card .register-card__inner {
        height: 100%;
        min-height: 28rem
    }

    .register-card .rc__top {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 1.2rem
    }

        .register-card .rc__top.rc__top-none-bg {
            background: 0 0
        }

    .register-card .rc__body {
        display: block;
        padding: 1.2rem
    }

    .register-card .rc__bottom {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        margin: auto 0 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        padding: 1.2rem;
        opacity: 1
    }

    .register-card .action-one {
        display: block;
        width: 100%;
        height: auto;
        padding: 1.2rem 0 0
    }

        .register-card .action-one:last-child {
            padding-top: 0
        }

    .register-card .rc__date {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        white-space: normal;
        font-size: 1.2rem;
        line-height: 1;
        color: #0b0c1b;
        padding-left: 0;
        padding-top: 0;
        margin: 0 0 .8rem
    }

    .register-card .rc__info {
        display: block;
        width: 100%
    }

    .register-card .rc__title {
        font-size: 2rem;
        line-height: 1;
        margin: 0 0 1rem
    }

    .register-card .rc__title-info {
        font-size: 2rem;
        line-height: 1.4;
        margin: 0 0 1rem
    }

        .register-card .rc__title-info + .rc__title-info {
            margin-top: -1rem
        }

    .register-card .rc__text {
        margin: 0 0 1rem;
        font-size: 1.2rem;
        line-height: 1;
        color: #0b0c1b
    }

    .register-card .rc__body .rc__text {
        font-size: 1.4rem;
        line-height: 1
    }

    .register-card .rc__show-all {
        display: block;
        margin: 1.2rem 0 0
    }

    .register-card .show-all {
        font-size: 1.4rem;
        line-height: 1
    }
}

.discout-message {
    display: block;
    background: rgba(8,78,212,.1);
    padding: 2.4rem 2.4rem;
    max-width: 85rem;
    margin: 2.8rem auto 4.8rem
}

    .discout-message .discout-message__text {
        display: block;
        text-align: center;
        font-size: 2rem;
        line-height: 1;
        color: #20a200
    }

    .discout-message .text-icon {
        color: #fff;
        display: inline-block;
        width: 2rem;
        height: 2rem;
        -webkit-transform: translate(-.1rem,.2rem);
        transform: translate(-.1rem,.2rem)
    }

        .discout-message .text-icon img {
            display: block;
            width: 2rem;
            height: 2rem
        }

    .discout-message .value {
        display: inline
    }

@media only screen and (max-width:767px) {
    .discout-message {
        padding: 2rem 1.6rem;
        margin: 1.2rem auto 3.2rem
    }

        .discout-message .discout-message__text {
            font-size: 1.6rem;
            line-height: 2rem
        }

        .discout-message .text-icon {
            width: 1.6rem;
            height: 1.6rem
        }

            .discout-message .text-icon img {
                width: 1.6rem;
                height: 1.6rem
            }
}

.participant-slider__wrap {
    display: block;
    position: relative;
    z-index: 50
}

@media only screen and (max-width:1023px) {
    .participant-slider__wrap {
        margin-left: -3rem;
        width: 100vw;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 0 3rem
    }
}

@media only screen and (max-width:767px) {
    .participant-slider__wrap {
        margin-left: -2rem;
        width: 100vw;
        padding: 0 2rem
    }
}

.participant-slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -1rem;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

    .participant-slider .participant-card-slide {
        display: block;
        padding: 0 1rem 2rem;
        width: 25%
    }

@media only screen and (max-width:1280px) {
    .participant-slider .participant-card-slide {
        width: 33.333%
    }
}

@media only screen and (max-width:1023px) {
    .participant-slider {
        width: auto;
        margin: 0 -3rem;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start
    }

        .participant-slider:after, .participant-slider:before {
            content: '';
            display: block;
            min-width: 2rem;
            opacity: 0;
            background: 0 0
        }

        .participant-slider.slick-slider {
            display: block;
            width: -webkit-calc(100% + 2rem);
            width: calc(100% + 2rem);
            margin: 0 0 0 -1rem
        }

        .participant-slider .slick-list {
            overflow: visible
        }

        .participant-slider .slick-track {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-align: stretch;
            -webkit-align-items: stretch;
            align-items: stretch
        }

            .participant-slider .slick-track .slick-slide {
                height: auto
            }

        .participant-slider .participant-card-slide {
            width: 36rem;
            min-width: 36rem;
            padding: 0 1rem 2.4rem
        }
}

@media only screen and (max-width:767px) {
    .participant-slider {
        margin: 0 -2rem
    }

        .participant-slider:after, .participant-slider:before {
            min-width: 1.4rem
        }

        .participant-slider.slick-slider {
            width: -webkit-calc(90% + 1.2rem);
            width: calc(90% + 1.2rem);
            margin: 0 0 0 -.6rem
        }

        .participant-slider .participant-card-slide {
            min-width: 76vw;
            width: 76vw;
            padding: 0 .6rem 2.4rem
        }
}

.participant-card {
    display: block;
    height: 100%;
    border: 1px solid #85858d;
    padding: 0;
    position: relative;
    background: #0b0c1b;
    color: #fff
}

.desktop .participant-card:hover .pc__controls {
    opacity: 1;
    visibility: visible
}

.desktop .participant-card:hover .participant-card__bg {
    background: #20a200
}

.desktop .participant-card:hover:before {
    opacity: .2
}

.desktop .participant-card:hover .pc__add {
    color: #20a200
}

    .desktop .participant-card:hover .pc__add .pc__add-icon:after, .desktop .participant-card:hover .pc__add .pc__add-icon:before {
        background: #20a200
    }

.desktop .participant-card:hover .pc__reserved .pc__reserved-inner {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.desktop .participant-card:hover .pc__reserved .reserved__contols, .desktop .participant-card:hover .pc__reserved .reserved__text {
    opacity: 1
}

.participant-card.select-mode .pc__add {
    opacity: 0;
    visibility: hidden
}

.participant-card.editor-mode .pc__empty {
    opacity: 1;
    visibility: visible
}

.participant-card.remove-mode .pc__remove {
    opacity: 1;
    visibility: visible;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.participant-card:before {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 3.2rem;
    right: 3.2rem;
    top: auto;
    height: 2.4rem;
    border-radius: 2.4rem;
    box-shadow: 0 .8rem 2.1rem #0b0c1b;
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.participant-card .participant-card__bg {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0b0c1b;
    -webkit-transition: background-color .4s ease;
    transition: background-color .4s ease
}

.participant-card .participant-card__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    height: 100%;
    min-height: 47rem;
    padding: 14.2rem 0 0 0;
    position: relative;
    background: radial-gradient(262.23% 162.52% at 100% 0,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%)
}

    .participant-card .participant-card__inner:after {
        content: '';
        display: block;
        position: absolute;
        top: 1.6rem;
        left: 50%;
        width: 4.4rem;
        height: 1rem;
        background: #fff;
        margin-left: -2.2rem;
        -webkit-transform: skewX(-15deg);
        transform: skewX(-15deg)
    }

    .participant-card .participant-card__inner.participant-card__inner-white-bg {
        background: #fff
    }

        .participant-card .participant-card__inner.participant-card__inner-white-bg .pc__logo {
            color: #0b0c1b;
            opacity: .2
        }

.participant-card .pc__logo {
    display: block;
    font-size: 1.6rem;
    line-height: 1;
    letter-spacing: .1em;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: color .4s ease;
    transition: color .4s ease;
    position: absolute;
    top: 6.4rem;
    right: 2.6rem;
    z-index: 25;
    cursor: default
}

    .participant-card .pc__logo .l__title {
        display: block;
        font-size: 4.8rem;
        line-height: 1;
        margin: 0 0 .4rem
    }

    .participant-card .pc__logo .l__name {
        display: block
    }

@media only screen and (max-width:767px) {
    .participant-card .pc__logo {
        font-size: 1.2rem;
        line-height: 1
    }

        .participant-card .pc__logo .l__title {
            font-size: 2.4rem;
            line-height: 1
        }
}

.participant-card .pc__info-empty > * {
    background: #85858d;
    opacity: .2
}

.participant-card .pc__info-empty .pc__name {
    width: 18rem;
    height: 2.4rem;
    padding-right: 0
}

.participant-card .pc__info-empty .pc__surname {
    width: 27rem;
    height: 3.2rem
}

.participant-card .pc__info-empty .pc__post {
    width: 27rem;
    height: 1.6rem
}

.participant-card .pc__info-empty .pc__location {
    width: 12rem;
    height: 1.2rem
}

.participant-card .pc__info {
    display: block;
    position: relative;
    padding: 6.4rem 2.4rem
}

    .participant-card .pc__info > :last-child {
        margin-bottom: 0
    }

.participant-card .pc__name {
    display: block;
    font-size: 2.4rem;
    line-height: 1;
    padding-right: 10rem;
    margin: 0 0 .8rem
}

.participant-card .pc__surname {
    display: block;
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1;
    margin: 0 0 2.4rem
}

.participant-card .pc__post {
    display: block;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 1.2rem
}

.participant-card .pc__location {
    display: block;
    font-size: 1.2rem;
    line-height: 1;
    font-weight: 300;
    margin: 0 0 1.2rem
}

.participant-card .pc__info-empty {
    display: block;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0
}

.participant-card .pc__form {
    display: block;
    width: 100%;
    padding: 2.4rem 2.4rem
}

    .participant-card .pc__form .pc__form-line {
        margin: 0 0 2.2rem
    }

        .participant-card .pc__form .pc__form-line:last-child {
            margin-bottom: 0
        }

    .participant-card .pc__form .pc__btn-wrap {
        display: block;
        margin: 0 0 1.2rem
    }

        .participant-card .pc__form .pc__btn-wrap:last-child {
            margin-bottom: 0
        }

.participant-card .pc__empty {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fafafa;
    top: 0;
    z-index: 5;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.participant-card .pc__add {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: 10;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 700;
    letter-spacing: .2em;
    color: #0b0c1b;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

    .participant-card .pc__add .pc__add-inner {
        display: block;
        width: 100%
    }

    .participant-card .pc__add .pc__add-icon {
        display: block;
        width: 10rem;
        height: 10rem;
        margin: 0 auto 6.2rem;
        position: relative
    }

        .participant-card .pc__add .pc__add-icon:after, .participant-card .pc__add .pc__add-icon:before {
            content: '';
            display: block;
            position: absolute;
            width: 100%;
            height: 1rem;
            background: #c4c4c4;
            top: 50%;
            left: 50%;
            margin-left: -50%;
            margin-top: -.5rem;
            -webkit-transition: background-color .4s ease;
            transition: background-color .4s ease
        }

        .participant-card .pc__add .pc__add-icon:after {
            -webkit-transform: rotate(90deg);
            transform: rotate(90deg)
        }

    .participant-card .pc__add .pc__add-text {
        display: block;
        text-align: center
    }

.desktop .participant-card .pc__controls {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.participant-card .pc__controls {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    height: 0;
    padding-right: .2rem
}

    .participant-card .pc__controls .pc__control {
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        padding: .3rem;
        background: 0 0;
        border: none;
        margin-left: 2.4rem;
        cursor: pointer;
        position: relative
    }

        .participant-card .pc__controls .pc__control:after {
            content: '';
            display: block;
            position: absolute;
            top: -.5rem;
            right: -.5rem;
            left: -.5rem;
            bottom: -.5rem
        }

        .participant-card .pc__controls .pc__control:first-child {
            margin-left: 0
        }

        .participant-card .pc__controls .pc__control .icon {
            fill: #fff
        }

.participant-card .pc__reserved {
    display: block;
    width: 100%;
    padding: 2.4rem 2.4rem;
    overflow: hidden
}

    .participant-card .pc__reserved > :last-child {
        margin-bottom: 0
    }

.desktop .participant-card .pc__reserved .pc__reserved-inner {
    -webkit-transform: translate3d(0,50%,0);
    transform: translate3d(0,50%,0);
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease
}

.desktop .participant-card .pc__reserved .reserved__contols, .desktop .participant-card .pc__reserved .reserved__text {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.participant-card .pc__reserved .reserved__title {
    display: block;
    width: 100%;
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 1.6rem
}

.participant-card .pc__reserved .reserved__text {
    display: block;
    width: 100%;
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 0 0 1.6rem
}

.participant-card .pc__reserved .reserved__contols {
    display: block;
    width: 100%
}

@media only screen and (max-width:767px) {
    .participant-card .pc__remove {
        display: none
    }

    .participant-card .participant-card__inner {
        min-height: 32rem;
        padding: 10rem 0 0 0;
        position: relative
    }

        .participant-card .participant-card__inner.participant-card__inner-white-bg .pc__logo {
            left: auto;
            right: 1.2rem
        }

    .participant-card .pc__reserved + .pc__logo {
        left: auto;
        right: 1.2rem
    }

    .participant-card .pc__logo {
        top: 4.8rem;
        right: auto;
        left: 1.2rem
    }

    .participant-card .pc__info-empty .pc__name {
        width: 10rem;
        height: 1.4rem;
        padding-right: 0
    }

    .participant-card .pc__info-empty .pc__surname {
        width: 16rem;
        height: 2rem;
        padding-right: 0
    }

    .participant-card .pc__info-empty .pc__post {
        width: 16rem;
        height: 1.2rem
    }

    .participant-card .pc__info-empty .pc__location {
        width: 8rem;
        height: 1rem
    }

    .participant-card .pc__info {
        position: static;
        padding: 4.8rem 1.2rem
    }

    .participant-card .pc__name {
        font-size: 1.4rem;
        line-height: 1;
        padding-right: 2.2rem;
        margin: 0 0 .4rem
    }

    .participant-card .pc__surname {
        font-size: 2rem;
        line-height: 1;
        margin: 0 0 1.6rem
    }

    .participant-card .pc__post {
        font-size: 1.2rem;
        line-height: 1;
        margin: 0 0 .8rem
    }

    .participant-card .pc__location {
        font-size: 1rem;
        line-height: 1;
        margin: 0 0 .8rem
    }

    .participant-card .pc__form {
        padding: 1.2rem 1.2rem
    }

        .participant-card .pc__form .pc__form-line {
            margin: 0 0 1.6rem
        }

        .participant-card .pc__form .pc__btn-wrap {
            margin: 0 0 1.2rem
        }

    .participant-card .pc__add {
        padding: 1.2rem;
        font-size: 1.2rem;
        line-height: 1;
        letter-spacing: .2em
    }

        .participant-card .pc__add .pc__add-icon {
            width: 6.4rem;
            height: 6.4rem;
            margin: 0 auto 3.2rem
        }

            .participant-card .pc__add .pc__add-icon:after, .participant-card .pc__add .pc__add-icon:before {
                height: .64rem;
                margin-top: -.32rem
            }

    .participant-card .pc__controls {
        padding-right: 0
    }

        .participant-card .pc__controls .pc__control {
            width: 2.4rem;
            height: 2.4rem;
            padding: .3rem;
            margin-left: 1.6rem
        }

            .participant-card .pc__controls .pc__control:last-child {
                position: absolute;
                top: 4.8rem;
                right: 1.2rem
            }

    .participant-card .pc__reserved {
        padding: 1.2rem
    }

        .participant-card .pc__reserved .reserved__title {
            font-size: 2rem;
            line-height: 1;
            margin: 0 0 .8rem
        }

        .participant-card .pc__reserved .reserved__text {
            font-size: 1.2rem;
            line-height: 1.4;
            margin: 0 0 .8rem
        }
}

.pc__remove {
    display: block;
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 50;
    background: #20a200;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

    .pc__remove .pc__remove__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        height: 100%;
        background: radial-gradient(262.23% 162.52% at 100% 0,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%);
        padding: 4.8rem 2.4rem
    }

    .pc__remove .pc__remove_text {
        display: block;
        width: 100%;
        font-size: 2rem;
        line-height: 1.4;
        padding: 0 0 2.4rem;
        text-align: center;
        overflow: hidden;
        text-overflow: ellipsis
    }

        .pc__remove .pc__remove_text .underline {
            display: inline-block;
            max-width: 100%
        }

    .pc__remove .pc__remove_actions {
        display: block;
        margin: auto 0 0;
        padding-top: 2.4rem
    }

        .pc__remove .pc__remove_actions .action-one {
            display: block;
            margin: 0 0 1.6rem
        }

            .pc__remove .pc__remove_actions .action-one:last-child {
                margin-bottom: 0
            }

@media only screen and (max-width:767px) {
    .pc__remove {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

        .pc__remove .pc__remove__inner {
            height: 100%;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            padding: 6.4rem 2rem
        }

        .pc__remove .pc__remove_text {
            font-size: 1.6rem;
            line-height: 1.4;
            padding: 1.4rem 0;
            margin: auto 0
        }

        .pc__remove .pc__remove_actions {
            margin: auto 0 0;
            padding-top: 2.4rem
        }

            .pc__remove .pc__remove_actions .action-one {
                display: block;
                margin: 0 0 2.4rem
            }
}

.mobile-remove-participant-popup {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1600
}

    .mobile-remove-participant-popup .pc__remove {
        visibility: visible;
        opacity: 1;
        -webkit-transition: none;
        transition: none
    }

@media only screen and (min-width:768px) {
    .mobile-remove-participant-popup {
        display: none !important
    }
}

@media only screen and (max-width:767px) {
    .mobile-remove-participant-popup {
        display: none
    }
}

.participant-editor {
    display: none
}

    .participant-editor .participant-editor__head {
        display: none
    }

@media only screen and (max-width:767px) {
    .participant-editor {
        display: block;
        opacity: 0;
        visibility: hidden;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        height: 100%;
        z-index: 1400;
        padding-top: 8rem;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

        .participant-editor .participant-editor__body .control-line__wrap, .participant-editor .participant-editor__body .subtitle-default {
            display: none;
            position: absolute;
            visibility: hidden;
            opacity: 0
        }

        .participant-editor .participant-editor__dark-bg {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #0b0c1b;
            opacity: .9
        }

        .participant-editor .participant-editor__inner {
            display: block;
            position: relative;
            padding-top: 4.8rem;
            background: #fff;
            height: 100%;
            -webkit-transition: all .5s ease;
            transition: all .5s ease;
            opacity: 0;
            -webkit-transform: translate3d(0,50%,0);
            transform: translate3d(0,50%,0)
        }

        .participant-editor .participant-editor__head {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            justify-content: space-between;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4.8rem;
            background: #fafafa;
            padding: 1rem 1.6rem
        }

        .participant-editor .participant-editor__body {
            display: block;
            height: 100%;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch;
            padding-bottom: 3rem;
            padding-top: 1.6rem
        }

        .participant-editor .btn-editor {
            display: block;
            width: 1.6rem;
            height: 1.6rem;
            background: 0 0;
            padding: 0;
            border: none
        }

            .participant-editor .btn-editor.btn-editor-save {
                width: 2rem;
                height: 2rem
            }

            .participant-editor .btn-editor:after {
                content: '';
                display: block;
                position: absolute;
                top: -1rem;
                right: -1rem;
                left: -1rem;
                bottom: -1rem
            }

            .participant-editor .btn-editor .icon {
                fill: #85858d
            }

        .participant-editor .participant-editor__title {
            display: block;
            font-size: 1.6rem;
            line-height: 1;
            font-weight: 700;
            color: #0b0c1b;
            text-align: center;
            padding: 0 .5rem
        }
}

.participant-editor-mode .control-line__wrap {
    display: none
}

.participant-editor-mode .discout-message {
    display: none
}

.participant-editor-mode .participant-editor {
    display: block;
    opacity: 1;
    visibility: visible
}

    .participant-editor-mode .participant-editor .control-line__wrap {
        display: block
    }

    .participant-editor-mode .participant-editor .participant-editor__inner {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

.participant-editor-mode .participant-card.editor-mode .pc__logo {
    color: #0b0c1b;
    opacity: .2
}

.payment-details {
    display: block;
    width: 100%;
    background: #0b0c1b;
    position: relative;
    color: #fff;
    padding: 6.4rem 0 0
}

    .payment-details:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: radial-gradient(262.23% 162.52% at 100% 0,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 100%)
    }

    .payment-details .pd__currency-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        margin: 0;
        padding: 0
    }

        .payment-details .pd__currency-list > li {
            display: block;
            list-style: none;
            margin: 0 .6rem
        }

    .payment-details .pd__currency-result {
        display: block;
        position: relative
    }

        .payment-details .pd__currency-result:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            width: 100vw;
            margin-left: -50vw;
            background: #20a200
        }

    .payment-details .currency-result-tab {
        display: none;
        padding: 3.2rem 0 4.4rem;
        opacity: 0;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease
    }

        .payment-details .currency-result-tab.active {
            opacity: 1
        }

        .payment-details .currency-result-tab .tab__total {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            margin: 0 0 1.6rem
        }

        .payment-details .currency-result-tab .tab__value {
            display: block;
            font-size: 6.4rem;
            line-height: 1;
            font-weight: 700;
            color: #fff
        }

        .payment-details .currency-result-tab .tab__currency {
            display: block;
            font-size: 3.2rem;
            line-height: 1;
            font-weight: 700;
            text-transform: uppercase;
            opacity: .5;
            padding-left: 1.6rem
        }

        .payment-details .currency-result-tab .tab__inline {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            width: 100%;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            font-size: 2rem;
            line-height: 1
        }

            .payment-details .currency-result-tab .tab__inline span:after {
                content: '/';
                display: inline-block;
                padding: 0 1rem
            }

            .payment-details .currency-result-tab .tab__inline span:last-child:after {
                display: none
            }

@media only screen and (max-width:1023px) {
    .payment-details {
        padding: 4.8rem 0 0
    }

        .payment-details .pd__currency-list > li {
            margin: 0 .6rem
        }

        .payment-details .currency-result-tab {
            padding: 3.2rem 0 3.2rem
        }

            .payment-details .currency-result-tab .tab__total {
                margin: 0 0 1.6rem
            }

            .payment-details .currency-result-tab .tab__value {
                font-size: 6.4rem;
                line-height: 1
            }

            .payment-details .currency-result-tab .tab__currency {
                font-size: 3.2rem;
                line-height: 1;
                padding-left: 1.6rem
            }

            .payment-details .currency-result-tab .tab__inline {
                font-size: 2rem;
                line-height: 1
            }

                .payment-details .currency-result-tab .tab__inline span:after {
                    content: '/';
                    padding: 0 1rem
                }
}

@media only screen and (max-width:767px) {
    .payment-details {
        padding: 2.4rem 0 0
    }

        .payment-details .pd__currency-list > li {
            margin: 0
        }

        .payment-details .currency-result-tab {
            padding: 2.4rem 0
        }

            .payment-details .currency-result-tab .tab__total {
                margin: 0 0 1.2rem
            }

            .payment-details .currency-result-tab .tab__value {
                font-size: 3.2rem;
                line-height: 1
            }

            .payment-details .currency-result-tab .tab__currency {
                font-size: 1.6rem;
                line-height: 1;
                padding-left: .8rem
            }

            .payment-details .currency-result-tab .tab__inline {
                font-size: 1.4rem;
                line-height: 2rem
            }

                .payment-details .currency-result-tab .tab__inline span {
                    display: block;
                    text-align: center
                }

                    .payment-details .currency-result-tab .tab__inline span:after {
                        display: none
                    }
}

.pd__data {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    color: #fff;
    margin: 0;
    padding: 0 0 4.8rem
}

    .pd__data .pd__data-left {
        display: block;
        width: 100%;
        padding-right: 3.2rem
    }

        .pd__data .pd__data-left > :last-child {
            margin-bottom: 0
        }

    .pd__data .pd__data-right {
        display: block
    }

    .pd__data .pd__title {
        display: block;
        width: 100%;
        font-size: 3.2rem;
        line-height: 1;
        font-weight: 700;
        margin: 0 0 3.2rem
    }

    .pd__data .pd__subtitle {
        display: block;
        width: 100%;
        font-size: 2rem;
        line-height: 1;
        font-weight: 700;
        margin: 0 0 2.4rem
    }

    .pd__data .pd__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        margin: 0;
        padding: 0 0 1.2rem;
        max-width: 90rem
    }

        .pd__data .pd__list > li {
            display: block;
            width: 33.3333%;
            list-style: none;
            padding-right: 2.4rem;
            margin: 0 0 1.2rem;
            opacity: .6;
            font-size: 2rem;
            line-height: 1;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis
        }

    .pd__data .pd__discount {
        display: block;
        position: relative;
        width: 100%;
        padding-top: 1.2rem;
        font-size: 2rem;
        line-height: 1
    }

        .pd__data .pd__discount:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 1px;
            background: #fff;
            opacity: .3;
            width: 41.5rem;
            max-width: 100%
        }

    .pd__data .promocode-block {
        display: block;
        width: 37rem;
        min-width: 37rem
    }

        .pd__data .promocode-block .label-name {
            color: #fff
        }

        .pd__data .promocode-block .promocode-line {
            display: block;
            width: 100%;
            margin: 0 0 1.4rem
        }

        .pd__data .promocode-block .promocode-discount {
            display: block;
            font-size: 2rem;
            line-height: 1
        }

@media only screen and (max-width:1280px) {
    .pd__data .pd__list {
        max-width: 65rem
    }

        .pd__data .pd__list > li {
            width: 50%
        }
}

@media only screen and (max-width:1023px) {
    .pd__data {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        padding: 0 0 4.8rem
    }

        .pd__data .pd__data-left {
            width: 100%;
            padding-right: 0
        }

        .pd__data .pd__data-right {
            width: 100%;
            padding-top: 4.8rem
        }

        .pd__data .pd__title {
            font-size: 2.8rem;
            line-height: 1;
            margin: 0 0 3.2rem
        }

        .pd__data .pd__subtitle {
            font-size: 1.8rem;
            line-height: 1;
            margin: 0 0 2.4rem
        }

        .pd__data .pd__list {
            padding: 0 0 1.2rem;
            max-width: 50rem
        }

            .pd__data .pd__list > li {
                width: 50%;
                padding-right: 1.2rem;
                margin: 0 0 1.2rem;
                font-size: 1.6rem;
                line-height: 1
            }

        .pd__data .pd__discount {
            padding-top: 1.2rem;
            font-size: 1.6rem;
            line-height: 1
        }

        .pd__data .promocode-block {
            width: 37rem;
            min-width: 37rem
        }

            .pd__data .promocode-block .promocode-line {
                margin: 0 0 1.4rem
            }

            .pd__data .promocode-block .promocode-discount {
                font-size: 2rem;
                line-height: 1
            }
}

@media only screen and (max-width:767px) {
    .pd__data {
        padding: 0 0 4.8rem
    }

        .pd__data .pd__data-left {
            width: 100%;
            padding-right: 0
        }

        .pd__data .pd__data-right {
            width: 100%;
            padding-top: 3.2rem
        }

        .pd__data .pd__title {
            font-size: 2rem;
            line-height: 1;
            margin: 0 0 2.4rem;
            text-align: center;
            width: 100%
        }

        .pd__data .pd__subtitle {
            font-size: 1.6rem;
            line-height: 1;
            margin: 0 0 1.6rem
        }

        .pd__data .pd__list {
            padding: 0 0 .8rem;
            width: auto;
            margin: 0 -1rem;
            max-width: none
        }

            .pd__data .pd__list > li {
                width: 50%;
                padding: 0 1rem;
                margin: 0 0 .8rem;
                font-size: 1.2rem;
                line-height: 1
            }

        .pd__data .pd__discount {
            padding-top: 1rem;
            font-size: 1.2rem;
            line-height: 1
        }

        .pd__data .promocode-block {
            width: 100%;
            min-width: 0
        }

            .pd__data .promocode-block .promocode-line {
                margin: 0 0 1.2rem
            }

            .pd__data .promocode-block .promocode-discount {
                font-size: 1.4rem;
                line-height: 1
            }
}

.currency-label {
    display: block;
    width: 100%;
    position: relative;
    cursor: pointer
}

.desktop .currency-label:hover .currency-value {
    opacity: 1
}

.currency-label .currency-radio {
    display: none;
    opacity: 0;
    visibility: hidden;
    position: absolute
}

.currency-label input[type=radio]:checked + .currency-style {
    cursor: default
}

    .currency-label input[type=radio]:checked + .currency-style:before {
        height: 100%
    }

    .currency-label input[type=radio]:checked + .currency-style .currency-value {
        opacity: 1
    }

.currency-label .currency-style {
    display: block;
    padding: 2.4rem 1.6rem;
    color: #fff;
    text-transform: uppercase;
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 700;
    overflow: hidden
}

    .currency-label .currency-style:before {
        content: '';
        display: block;
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        height: 0;
        background: #20a200;
        -webkit-transition: height .4s ease;
        transition: height .4s ease
    }

.currency-label .currency-value {
    display: block;
    position: relative;
    opacity: .4;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

@media only screen and (max-width:767px) {
    .currency-label .currency-style {
        display: block;
        padding: 1.2rem 1rem;
        font-size: 1.6rem;
        line-height: 1
    }
}

.payment-method {
    display: block;
    width: 100%
}

    .payment-method .payment-method__one {
        display: none;
        padding: 10rem 0 0
    }

        .payment-method .payment-method__one .form-container {
            padding-bottom: 10rem;
            margin-top: 0;
            margin-bottom: 0
        }

@media only screen and (max-width:1023px) {
    .payment-method .payment-method__one {
        padding-top: 8rem
    }

        .payment-method .payment-method__one .form-container {
            padding-bottom: 8rem
        }
}

@media only screen and (max-width:767px) {
    .payment-method .payment-method__one {
        padding-top: 4.8rem
    }

        .payment-method .payment-method__one .form-container {
            padding-bottom: 4.8rem
        }
}

.playment-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    margin: 0;
    padding: 0;
    box-shadow: 0 -1px 0 #aaa
}

    .playment-list > li {
        display: block;
        list-style: none;
        -webkit-box-flex: 20;
        -webkit-flex-grow: 20;
        flex-grow: 20
    }

    .playment-list .payment-label {
        display: block;
        width: 100%;
        height: 100%;
        position: relative;
        cursor: pointer;
        margin: 0 0 1px
    }

.desktop .playment-list .payment-label:hover .payment-icon {
    opacity: 1
}

    .desktop .playment-list .payment-label:hover .payment-icon img {
        -webkit-filter: grayscale(0);
        filter: grayscale(0)
    }

.playment-list .payment-radio-input {
    position: absolute;
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden
}

.playment-list input[type=radio]:checked + .payment-style {
    cursor: default;
    z-index: 5
}

    .playment-list input[type=radio]:checked + .payment-style:after {
        opacity: 1
    }

    .playment-list input[type=radio]:checked + .payment-style .payment-icon {
        opacity: 1
    }

        .playment-list input[type=radio]:checked + .payment-style .payment-icon img {
            -webkit-filter: grayscale(0);
            filter: grayscale(0)
        }

.playment-list .payment-style {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 1px;
    min-height: 15.6rem;
    box-shadow: 1px 0 0 #aaa,0 1px 0 #aaa;
    padding: 3.2rem;
    position: relative
}

    .playment-list .payment-style:after {
        content: '';
        display: block;
        position: absolute;
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px;
        border: .4rem solid #20a200;
        opacity: 0;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease
    }

.playment-list .payment-icon {
    display: block;
    width: 20rem;
    height: 6rem;
    position: relative;
    margin: auto 0;
    -webkit-align-self: center;
    align-self: center;
    opacity: .3;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

    .playment-list .payment-icon img {
        display: block;
        max-width: 100%;
        max-height: 100%;
        margin: 0;
        -webkit-filter: grayscale(1);
        filter: grayscale(1);
        -webkit-transition: -webkit-filter .5s ease;
        transition: -webkit-filter .5s ease;
        transition: filter .5s ease;
        transition: filter .5s ease,-webkit-filter .5s ease;
        position: relative;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

@media only screen and (max-width:1280px) {
    .playment-list .payment-style {
        min-height: 12rem;
        padding: 2.4rem
    }

    .playment-list .payment-icon {
        width: 13.4rem;
        height: 4rem
    }
}

@media only screen and (max-width:1023px) {
    .playment-list .payment-style {
        min-height: 12rem;
        padding: 3.2rem
    }

    .playment-list .payment-icon {
        width: 13.4rem;
        height: 4rem
    }
}

@media only screen and (max-width:767px) {
    .playment-list .payment-style {
        min-height: 7.2rem;
        padding: 1.2rem
    }

        .playment-list .payment-style:after {
            border-width: .2rem
        }

    .playment-list .payment-icon {
        width: 8.2rem;
        height: 2.4rem;
        opacity: 1
    }
}

.pay-info-block {
    display: block;
    width: 100%;
    padding: 4.8rem 0 10rem
}

    .pay-info-block .pay-info__img {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 39rem;
        height: 22.6rem;
        margin: 0 auto 6.4rem;
        max-width: 100%
    }

        .pay-info-block .pay-info__img img {
            display: block;
            max-width: 100%;
            max-height: 100%
        }

    .pay-info-block .pay-info__message {
        display: block;
        width: 100%;
        font-size: 4.8rem;
        line-height: 1;
        font-weight: 700;
        text-align: center;
        margin: 0 0 1.2rem
    }

    .pay-info-block .pay-info__text {
        display: block;
        width: 100%;
        font-size: 2rem;
        line-height: 1.4;
        text-align: center;
        margin: 0 0 2.4rem;
        color: #85858d
    }

        .pay-info-block .pay-info__text:last-child {
            margin-bottom: 0
        }

@media only screen and (max-width:1280px) {
    .pay-info-block {
        padding: 3.2rem 0 8rem
    }
}

@media only screen and (max-width:1023px) {
    .pay-info-block {
        padding: 3.2rem 0 8rem
    }

        .pay-info-block .pay-info__img {
            margin-bottom: 4.8rem
        }

        .pay-info-block .pay-info__message {
            font-size: 3.6rem;
            line-height: 1;
            margin: 0 0 1.2rem
        }

        .pay-info-block .pay-info__text {
            font-size: 1.8rem;
            line-height: 2.4rem
        }
}

@media only screen and (max-width:767px) {
    .pay-info-block {
        padding: 3.2rem 0 4.8rem
    }

        .pay-info-block .pay-info__img {
            width: 16rem;
            height: 9.2rem;
            margin-bottom: 4.8rem
        }

        .pay-info-block .pay-info__message {
            font-size: 2.8rem;
            line-height: 1;
            margin: 0 0 1.2rem
        }

        .pay-info-block .pay-info__text {
            font-size: 1.6rem;
            line-height: 2rem;
            margin: 0 0 1.2rem
        }
}

.mobile-pay-info {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1700
}

@media only screen and (max-width:767px) {
    .mobile-pay-info {
        display: block
    }
}

.mobile-pay-info .m_pay-info__dark {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0b0c1b;
    opacity: .9
}

.mobile-pay-info .m_pay-info-block {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-height: 80vh;
    background: #fff;
    padding: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.mobile-pay-info .m_pay-info-controls {
    display: block;
    margin: 0;
    padding: 0
}

.mobile-pay-info .m_pay-info__message {
    display: block;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 700;
    text-align: center
}

.mobile-pay-info .m_pay-info__head {
    display: block;
    width: 100%;
    padding: 1.6rem 2rem;
    background: #fafafa
}

.mobile-pay-info .m_pay-info__body {
    display: block;
    width: 100%;
    padding: 4.8rem 2rem
}

    .mobile-pay-info .m_pay-info__body > :last-child {
        margin-bottom: 0
    }

.mobile-pay-info .m_pay-info__img {
    display: block;
    margin: 0 auto 2.4rem;
    width: 16rem;
    height: 9.2rem;
    position: relative
}

    .mobile-pay-info .m_pay-info__img img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        max-width: 100%;
        max-height: 100%;
        margin: auto
    }

.mobile-pay-info .m_pay-info__text {
    display: block;
    width: 100%;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #85858d;
    text-align: center
}

.register-result {
    display: block;
    width: 100%;
    padding: 0 0 10rem
}

    .register-result > :last-child {
        margin-bottom: 0
    }

    .register-result .register-result__img {
        display: block;
        width: 29rem;
        height: 29rem;
        margin: 0 auto 6.4rem;
        position: relative
    }

        .register-result .register-result__img:last-child {
            margin-bottom: 0
        }

        .register-result .register-result__img img {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            max-width: 100%;
            max-height: 100%;
            margin: auto
        }

    .register-result .register-result__message {
        display: block;
        width: 100%;
        font-size: 3.2rem;
        line-height: 1;
        font-weight: 700;
        text-align: center;
        margin: 0 0 4.8rem
    }

@media only screen and (max-width:1280px) {
    .register-result {
        padding: 0 0 8rem
    }
}

@media only screen and (max-width:1023px) {
    .register-result {
        padding: 0 0 8rem
    }

        .register-result .register-result__img {
            margin-bottom: 4.8rem
        }

        .register-result .register-result__message {
            font-size: 2.8rem;
            line-height: 1;
            margin: 0 0 4.8rem
        }
}

@media only screen and (max-width:767px) {
    .register-result {
        padding: 3.2rem 0 4.8rem
    }

        .register-result .register-result__img {
            width: 12.6rem;
            height: 12.6rem;
            margin-bottom: 3.2rem
        }

        .register-result .register-result__message {
            font-size: 1.6rem;
            line-height: 1;
            margin: 0 0 4.8rem
        }
}

.register-notification__info {
    display: block;
    width: 100%;
    margin: 0 0 4.8rem
}

    .register-notification__info .register-notification__title {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 3.2rem;
        line-height: 1;
        font-weight: 700;
        margin: 0 0 2.4rem
    }

    .register-notification__info .register-notification__text {
        display: block;
        width: 100%;
        margin: 0 auto;
        max-width: 85rem;
        text-align: center;
        color: #85858d
    }

        .register-notification__info .register-notification__text b, .register-notification__info .register-notification__text strong {
            color: #0b0c1b
        }

@media only screen and (max-width:1280px) {
    .register-notification__info {
        margin-bottom: 6rem
    }
}

@media only screen and (max-width:1023px) {
    .register-notification__info {
        margin-bottom: 4.8rem
    }

        .register-notification__info .register-notification__title {
            font-size: 2.8rem;
            line-height: 1;
            margin-bottom: 1.6rem
        }
}

@media only screen and (max-width:767px) {
    .register-notification__info {
        margin-bottom: 3.2rem
    }

        .register-notification__info .register-notification__title {
            font-size: 2.4rem;
            line-height: 1;
            margin-bottom: 1.2rem
        }
}

.notification-block {
    display: block;
    width: 100%;
    position: relative;
    padding: 4.8rem 0 10rem
}

    .notification-block .notification-option {
        display: none
    }

@media only screen and (max-width:1280px) {
    .notification-block {
        padding: 4.8rem 0 8rem
    }
}

@media only screen and (max-width:767px) {
    .notification-block {
        padding: 3.2rem 0 4.8rem
    }
}

.contacts-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    padding-bottom: 2px
}

    .contacts-block .contacts-block__head {
        display: block;
        width: 27%;
        min-width: 27%
    }

    .contacts-block .contacts-block__body {
        display: block;
        width: 100%;
        box-shadow: 0 1px 0 #aaa
    }

    .contacts-block .cbh__list {
        display: block;
        padding: 0;
        margin: 0;
        width: 100%
    }

        .contacts-block .cbh__list li {
            display: block;
            width: 100%;
            list-style: none
        }

        .contacts-block .cbh__list a {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-flow: row;
            flex-flow: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            position: relative;
            height: 1px;
            min-height: 12rem;
            padding: 3rem 5rem 3rem 10rem;
            font-size: 2.4rem;
            line-height: 2.4rem;
            font-weight: 700;
            color: #85858d
        }

            .contacts-block .cbh__list a:after {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: -1px;
                border-top: 1px solid #85858d;
                border-bottom: 1px solid #85858d;
                border-right: 1px solid #85858d
            }

@media only screen and (min-width:1024px) {
    .contacts-block .cbh__list a.active {
        color: #20a200;
        z-index: 2;
        cursor: default
    }

        .contacts-block .cbh__list a.active:after {
            border-color: #20a200
        }
}

@media only screen and (max-width:1280px) {
    .contacts-block .contacts-block__head {
        width: 26%;
        min-width: 26%
    }

    .contacts-block .contacts-block__body {
        width: 100%
    }

    .contacts-block .cbh__list a {
        min-height: 12rem;
        padding: 3rem 1rem 3rem 5rem;
        font-size: 2.4rem;
        line-height: 2.4rem
    }
}

@media only screen and (max-width:1023px) {
    .contacts-block .contacts-block__head {
        display: none
    }

    .contacts-block .contacts-block__body {
        box-shadow: inset 0 -1px 0 #aaa
    }

    .contacts-block .cbh__list a {
        min-height: 9.6rem;
        padding: 1rem 5rem 1rem 3.4rem;
        font-size: 2.2rem;
        line-height: 2.2rem
    }

        .contacts-block .cbh__list a:before {
            content: '';
            display: block;
            position: absolute;
            width: 1.2rem;
            height: 1.2rem;
            border-bottom: .2rem solid #85858d;
            border-left: .2rem solid #85858d;
            top: 50%;
            right: 3.4rem;
            -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
            margin-top: -.7rem;
            -webkit-transition: all .4s ease;
            transition: all .4s ease
        }
}

@media only screen and (max-width:767px) {
    .contacts-block .cbh__list a {
        min-height: 8.8rem;
        padding: 1rem 4.5rem 1rem 2rem;
        font-size: 2rem;
        line-height: 2rem
    }

        .contacts-block .cbh__list a:before {
            width: .9rem;
            height: .9rem;
            top: 50%;
            right: 3rem;
            margin-top: -.5rem
        }
}

.contacts-tab {
    display: none;
    width: 100%;
    box-shadow: inset 0 1px 0 #aaa
}

    .contacts-tab .contacts-tab__body {
        display: block;
        width: 100%
    }

@media only screen and (min-width:1024px) {
    .contacts-tab .contacts-tab__body {
        display: block !important
    }
}

.contacts-tab .contacts-tab__head {
    display: none;
    box-shadow: 0 -1px 0 #aaa
}

.contacts-tab .contacts-category-link-mobile {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    position: relative;
    min-height: 9.6rem;
    padding: 2rem 9rem 2rem 3.4rem;
    font-size: 2.2rem;
    line-height: 3rem;
    color: #85858d;
    font-weight: 700;
    -webkit-transition: color .4s ease;
    transition: color .4s ease
}

    .contacts-tab .contacts-category-link-mobile:after {
        content: '';
        display: block;
        position: absolute;
        width: 1.2rem;
        height: 1.2rem;
        border-bottom: .2rem solid #85858d;
        border-left: .2rem solid #85858d;
        top: 50%;
        right: 4.2rem;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -.8rem;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

    .contacts-tab .contacts-category-link-mobile.active {
        color: #0b0c1b;
        box-shadow: 0 -1px 0 #20a200
    }

        .contacts-tab .contacts-category-link-mobile.active:after {
            border-color: #0b0c1b;
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg)
        }

@media only screen and (max-width:1023px) {
    .contacts-tab {
        display: block !important;
        box-shadow: 0 -1px 0 #aaa
    }

        .contacts-tab .contacts-tab__head {
            display: block;
            box-shadow: none
        }

        .contacts-tab .contacts-tab__body {
            display: none;
            position: relative
        }

            .contacts-tab .contacts-tab__body:after {
                content: '';
                display: block;
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                height: 1px;
                background: #20a200
            }
}

@media only screen and (max-width:767px) {
    .contacts-tab .contacts-category-link-mobile {
        min-height: 8.8rem;
        padding: 1rem 7.2rem 1rem 2rem;
        font-size: 2rem;
        line-height: 2.4rem
    }

        .contacts-tab .contacts-category-link-mobile:after {
            right: 3rem
        }

        .contacts-tab .contacts-category-link-mobile.active {
            color: #0b0c1b
        }

            .contacts-tab .contacts-category-link-mobile.active:after {
                border-color: #0b0c1b;
                -webkit-transform: rotate(135deg);
                transform: rotate(135deg)
            }
}

.toggle-contact {
    display: block;
    width: 100%;
    box-shadow: 0 1px 0 #85858d,-1px 0 0 #85858d;
    position: relative
}

    .toggle-contact .toggle-contact__link, .toggle-contact .toggle-contact__title {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        width: 100%;
        position: relative;
        min-height: 13rem;
        padding: 4.8rem 6rem 4.8rem 4.8rem;
        font-size: 2.4rem;
        line-height: 1.4;
        color: #85858d;
        font-weight: 700;
        -webkit-transition: color .4s ease;
        transition: color .4s ease
    }

        .toggle-contact .toggle-contact__link:after, .toggle-contact .toggle-contact__title:after {
            content: '';
            display: block;
            position: absolute;
            width: 1.2rem;
            height: 1.2rem;
            border-bottom: .2rem solid #85858d;
            border-left: .2rem solid #85858d;
            top: 50%;
            right: 5.6rem;
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            margin-top: -.8rem;
            -webkit-transition: all .4s ease;
            transition: all .4s ease
        }

        .toggle-contact .toggle-contact__link.active, .toggle-contact .toggle-contact__title.active {
            color: #0b0c1b
        }

            .toggle-contact .toggle-contact__link.active:after, .toggle-contact .toggle-contact__title.active:after {
                border-color: #0b0c1b;
                -webkit-transform: rotate(135deg);
                transform: rotate(135deg)
            }

    .toggle-contact .toggle-contact__title {
        color: #0b0c1b
    }

        .toggle-contact .toggle-contact__title:after {
            display: none
        }

        .toggle-contact .toggle-contact__title + .toggle-contact__body {
            display: block
        }

    .toggle-contact .toggle-contact__body {
        display: none;
        margin-top: -3.6rem;
        padding: 0 4.8rem 4.8rem;
        position: relative;
        color: #85858d
    }

    .toggle-contact .text-block {
        margin: 0 0 2.4rem
    }

@media only screen and (max-width:1023px) {
    .toggle-contact {
        box-shadow: none
    }

        .toggle-contact:first-child .toggle-contact__link, .toggle-contact:first-child .toggle-contact__title {
            padding-top: 0
        }

        .toggle-contact:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 3.4rem;
            right: 3.4rem;
            height: 1px;
            background: #aaa
        }

        .toggle-contact:first-child:after {
            display: none
        }

        .toggle-contact .toggle-contact__link, .toggle-contact .toggle-contact__title {
            min-height: 0;
            padding: 2.4rem 3.4rem 0;
            font-size: 1.8rem;
            line-height: 1;
            color: #0b0c1b;
            margin: 0 0 1.4rem
        }

            .toggle-contact .toggle-contact__link:after, .toggle-contact .toggle-contact__title:after {
                display: none
            }

        .toggle-contact .toggle-contact__body {
            display: block !important;
            margin-top: 0;
            padding: 0 3.4rem 2.4rem;
            position: relative;
            color: #85858d
        }
}

@media only screen and (max-width:767px) {
    .toggle-contact:after {
        left: 2rem;
        right: 2rem
    }

    .toggle-contact .toggle-contact__link, .toggle-contact .toggle-contact__title {
        padding: 2rem 2rem 0;
        font-size: 1.8rem;
        line-height: 1;
        margin: 0 0 .8rem
    }

    .toggle-contact .toggle-contact__body {
        margin-top: 0;
        padding: 0 2rem 2rem
    }
}

.contact-card {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0
}

    .contact-card .contact-card__line {
        display: block;
        width: 100%;
        margin: 0 0 1.6rem
    }

        .contact-card .contact-card__line:last-child {
            margin-bottom: 0
        }

    .contact-card .contact-card__title {
        display: block;
        font-size: 2rem;
        line-height: 1;
        font-weight: 700;
        margin: 0 0 .8rem;
        color: #0b0c1b
    }

    .contact-card .contact-card__value {
        display: block;
        font-size: 2rem;
        line-height: 1.4;
        margin: 0;
        color: #85858d
    }

@media only screen and (max-width:1023px) {
    .contact-card .contact-card__title {
        font-size: 1.8rem;
        line-height: 1;
        margin-bottom: .6rem
    }

    .contact-card .contact-card__value {
        font-size: 1.8rem;
        line-height: 1
    }
}

@media only screen and (max-width:767px) {
    .contact-card .contact-card__line {
        margin-bottom: 1.2rem
    }

    .contact-card .contact-card__title {
        font-size: 1.6rem;
        line-height: 1;
        margin-bottom: .4rem
    }

    .contact-card .contact-card__value {
        font-size: 1.6rem;
        line-height: 2rem
    }
}

.contacts-table__single {
    display: block;
    width: 100%;
    box-shadow: 0 -1px 0 #aaa,inset 0 -1px 0 #aaa;
    margin-bottom: 1px
}

.contacts-table {
    display: block;
    width: 100%
}

    .contacts-table .ct__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        box-shadow: 0 1px 0 #aaa
    }

        .contacts-table .ct__row:last-child {
            box-shadow: none
        }

    .contacts-table .ct__col {
        display: block;
        width: 100%;
        box-shadow: -1px 0 0 #aaa
    }

    .contacts-table .ct__head {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        height: 1px;
        min-height: 13.6rem;
        box-shadow: 0 1px 0 #aaa;
        text-align: center;
        padding: 0 1rem
    }

        .contacts-table .ct__head .th__data {
            display: block;
            width: 100%;
            text-align: center
        }

        .contacts-table .ct__head .th__title {
            display: block;
            width: 100%;
            padding: 0;
            margin: 1.2rem 0;
            font-size: 3.2rem;
            line-height: 1;
            font-weight: 700;
            color: #0b0c1b
        }

        .contacts-table .ct__head .th__sub {
            display: block;
            margin: 1.2rem 0;
            font-size: 2rem;
            line-height: 1.4;
            color: #85858d;
            width: 100%
        }

    .contacts-table .ct__body {
        display: block;
        width: 100%;
        padding: 3.2rem 3.2rem
    }

.contacts-table__single .contacts-table .ct__body {
    padding-top: 6.4rem;
    padding-bottom: 6.4rem
}

@media only screen and (max-width:1023px) {
    .contacts-table {
        box-shadow: 0 -1px 0 #aaa
    }

        .contacts-table .ct__head {
            min-height: 13.6rem;
            padding: 0 1rem
        }

            .contacts-table .ct__head .th__title {
                margin: .8rem 0;
                font-size: 2.8rem;
                line-height: 1
            }

            .contacts-table .ct__head .th__sub {
                margin: .8rem 0;
                font-size: 1.8rem;
                line-height: 2.4rem;
                opacity: .6
            }

        .contacts-table .ct__body {
            padding: 3.2rem 3.2rem
        }

    .contacts-table__single .contacts-table .ct__body {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
}

@media only screen and (max-width:767px) {
    .contacts-table .ct__row {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .contacts-table .ct__col {
        width: 100%;
        box-shadow: 0 -1px 0 #aaa
    }

        .contacts-table .ct__col:first-child {
            box-shadow: none
        }

    .contacts-table .ct__head {
        min-height: 10rem;
        padding: 2.4rem 2rem
    }

        .contacts-table .ct__head .th__title {
            margin: 0 0 .8rem;
            font-size: 2.4rem;
            line-height: 1
        }

        .contacts-table .ct__head .th__sub {
            margin: 0;
            font-size: 1.6rem;
            line-height: 2rem;
            opacity: .6
        }

    .contacts-table .ct__body {
        padding: 2.4rem 2rem
    }

    .contacts-table__single .contacts-table .ct__body {
        padding-top: 3.2rem;
        padding-bottom: 3.2rem
    }
}

.contact-cell {
    display: block;
    width: 100%;
    margin: 0 0 3.2rem;
    text-align: center
}

    .contact-cell:last-child {
        margin-bottom: 0
    }

    .contact-cell .contact-cell__name {
        display: block;
        font-size: 3.2rem;
        line-height: 1;
        color: #85858d;
        margin: 0 0 3.2rem
    }

    .contact-cell .phone-list {
        display: block;
        margin: 0;
        padding: 0
    }

        .contact-cell .phone-list > li {
            display: block;
            list-style: none;
            margin: 0 0 2.4rem
        }

            .contact-cell .phone-list > li:last-child {
                margin-bottom: 0
            }

        .contact-cell .phone-list a {
            font-size: 3.2rem;
            line-height: 1;
            font-weight: 700;
            color: #0b0c1b;
            -webkit-transition: color .4s ease;
            transition: color .4s ease
        }

.desktop .contact-cell .phone-list a:hover {
    color: #20a200
}

.contacts-table__single .contact-cell .contact-cell__name {
    margin-bottom: 4.8rem
}

.contacts-table__single .contact-cell .phone-list > li {
    margin-bottom: 4.8rem
}

    .contacts-table__single .contact-cell .phone-list > li:last-child {
        margin-bottom: 0
    }

@media only screen and (max-width:1023px) {
    .contact-cell {
        margin: 0 0 3.2rem
    }

        .contact-cell .contact-cell__name {
            font-size: 2.4rem;
            line-height: 1;
            margin: 0 0 2.4rem
        }

        .contact-cell .phone-list > li {
            margin: 0 0 2.4rem
        }

        .contact-cell .phone-list a {
            font-size: 2.8rem;
            line-height: 1
        }

    .contacts-table__single .contact-cell .contact-cell__name {
        margin-bottom: 3.2rem
    }

    .contacts-table__single .contact-cell .phone-list > li {
        margin-bottom: 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .contact-cell {
        margin: 0 0 3.2rem
    }

        .contact-cell .contact-cell__name {
            font-size: 2rem;
            line-height: 1;
            margin: 0 0 2.4rem
        }

        .contact-cell .phone-list > li {
            margin: 0 0 2.4rem
        }

        .contact-cell .phone-list a {
            font-size: 2.4rem;
            line-height: 1
        }

    .contacts-table__single .contact-cell .contact-cell__name {
        margin-bottom: 2.4rem
    }

    .contacts-table__single .contact-cell .phone-list > li {
        margin-bottom: 2.4rem
    }
}

.contacts-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    margin: 0;
    padding: 0;
    width: 100%
}

    .contacts-list > li {
        display: block;
        width: 100%;
        box-shadow: -1px 0 0 #aaa
    }

    .contacts-list .contact-single {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 1rem 1rem;
        min-height: 16rem;
        color: #85858d;
        font-size: 3.2rem;
        line-height: 3.2rem;
        height: 100%;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

        .contacts-list .contact-single .contact-single__inner {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
            max-width: 100%
        }

        .contacts-list .contact-single .icon {
            display: block;
            min-width: 3.2rem;
            width: 3.2rem;
            height: 3.2rem;
            margin-right: 1.6rem;
            fill: #20a200;
            -webkit-transition: fill .4s ease;
            transition: fill .4s ease
        }

.desktop .contacts-list .contact-single:hover {
    color: #fff;
    background: #20a200
}

    .desktop .contacts-list .contact-single:hover .icon {
        fill: #fff
    }

@media only screen and (max-width:1023px) {
    .contacts-list .contact-single {
        font-size: 2.4rem;
        line-height: 1;
        min-height: 8.8rem
    }

        .contacts-list .contact-single .icon {
            min-width: 2.4rem;
            width: 2.4rem;
            height: 2.4rem;
            margin-right: .8rem
        }

    .contacts-list .name {
        opacity: .6
    }
}

@media only screen and (max-width:767px) {
    .contacts-list {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .contacts-list > li {
            width: 100%;
            box-shadow: 0 -1px 0 #aaa
        }

            .contacts-list > li:first-child {
                box-shadow: none
            }

        .contacts-list .contact-single {
            font-size: 1.4rem;
            line-height: 1;
            min-height: 4.8rem
        }

            .contacts-list .contact-single .icon {
                min-width: 2.4rem;
                width: 1.6rem;
                height: 1.6rem;
                margin-right: .4rem
            }

        .contacts-list .name {
            opacity: .6
        }
}

.organizers-list__wrap {
    display: block;
    width: 100%
}

.organizers-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    padding: 0;
    margin: -23.2rem 0 0;
    position: relative
}

    .organizers-list > li {
        display: block;
        width: 100%;
        list-style: none;
        max-width: 25%
    }

    .organizers-list .organizer-one {
        display: block;
        width: 100%;
        height: 100%;
        min-height: 100vh;
        position: relative;
        background: #0b0c1b
    }

.desktop .organizers-list .organizer-one:hover .organizer-one__bg, .desktop .organizers-list .organizer-one:hover .organizer-one__main-data {
    opacity: 0
}

.desktop .organizers-list .organizer-one:hover .organizer-one__details {
    opacity: 1;
    z-index: 5
}

@media only screen and (min-width:768px) {
    .organizers-list .organizer-one.hovered .organizer-one__bg, .organizers-list .organizer-one.hovered .organizer-one__main-data {
        opacity: 0
    }

    .organizers-list .organizer-one.hovered .organizer-one__details {
        opacity: 1;
        z-index: 5
    }
}

.organizers-list .organizer-one__bg {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

    .organizers-list .organizer-one__bg:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: -webkit-gradient(linear,left bottom,left top,from(rgba(48,47,47,.7)),to(rgba(48,47,47,.7)));
        background: linear-gradient(0deg,rgba(48,47,47,.7),rgba(48,47,47,.7))
    }

.organizers-list .organizer-one__inner {
    display: block;
    width: 100%
}

    .organizers-list .organizer-one__inner > :last-child {
        margin-bottom: 0
    }

.organizers-list .organizer-one__name {
    display: block;
    font-size: 3.2rem;
    line-height: 1;
    font-weight: 700;
    margin: auto 0 1.6rem
}

.organizers-list .organizer-one__post {
    display: block;
    font-size: 2rem;
    line-height: 1.4;
    opacity: .8
}

.organizers-list .organizer-one__details, .organizers-list .organizer-one__main-data {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    position: relative;
    height: 100%;
    padding: 26.4rem 4.8rem 6.4rem
}

.organizers-list .organizer-one__details {
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

.organizers-list .organizer-one__main-data {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

.organizers-list .organizer-one__text {
    display: block;
    width: 100%;
    margin: auto 0;
    padding: 0 0 4.8rem;
    font-size: 2rem;
    line-height: 1.4
}

    .organizers-list .organizer-one__text > * {
        margin: 0 0 1rem
    }

    .organizers-list .organizer-one__text > :last-child {
        margin-bottom: 0
    }

    .organizers-list .organizer-one__text a {
        display: inline-block;
        text-decoration: underline;
        font-weight: 700
    }

.desktop .organizers-list .organizer-one__text a:hover {
    text-decoration: none
}

@media only screen and (max-width:1280px) {
    .organizers-list {
        margin-top: -23.1rem
    }

        .organizers-list .organizer-one__name {
            font-size: 2.4rem;
            line-height: 1;
            margin: 0 0 1.6rem
        }

        .organizers-list .organizer-one__post {
            font-size: 1.6rem;
            line-height: 1.4
        }

        .organizers-list .organizer-one__details, .organizers-list .organizer-one__main-data {
            padding: 22.8rem 2.4rem 4.8rem
        }

        .organizers-list .organizer-one__text {
            font-size: 1.6rem;
            line-height: 1.4;
            padding-bottom: 4.8rem
        }
}

.organizers-list .organizer-one__head-mobile {
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: #0b0c1b;
    padding: 1.6rem 2rem
}

@media only screen and (max-width:767px) {
    .organizers-list .organizer-one__head-mobile {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex
    }
}

.organizers-list .logo-organizer {
    display: block;
    letter-spacing: .1em;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    -webkit-transition: color .4s ease;
    transition: color .4s ease;
    font-size: 1.2rem;
    line-height: 1
}

    .organizers-list .logo-organizer .logo__title {
        display: block;
        font-size: 2.4rem;
        line-height: 1;
        margin: 0 0 .4rem
    }

.organizers-list .close-organizer {
    display: block;
    width: 3.6rem;
    height: 3.6rem;
    border: none;
    background: 0 0;
    padding: .6rem
}

    .organizers-list .close-organizer .icon {
        fill: #fff
    }

@media only screen and (max-width:1023px) {
    .organizers-list {
        margin-top: -25.2rem
    }

        .organizers-list > li {
            max-width: 50%
        }

        .organizers-list .organizer-one {
            min-height: 70rem
        }

        .organizers-list .organizer-one__name {
            font-size: 2.2rem;
            line-height: 1;
            margin: 0 0 1.2rem
        }

        .organizers-list .organizer-one__post {
            font-size: 1.6rem;
            line-height: 1.4
        }

        .organizers-list .organizer-one__details, .organizers-list .organizer-one__main-data {
            padding: 24.8rem 2.4rem 4.8rem
        }

        .organizers-list .organizer-one__text {
            font-size: 1.4rem;
            line-height: 1.4;
            padding-bottom: 4.8rem
        }
}

@media only screen and (max-width:767px) {
    .organizers-list {
        margin-top: -17rem
    }

        .organizers-list > li {
            max-width: 100%
        }

        .organizers-list .organizer-one {
            min-height: 30rem
        }

            .organizers-list .organizer-one.hovered .organizer-one__details {
                opacity: 1;
                visibility: visible
            }

        .organizers-list .organizer-one__name {
            font-size: 2rem;
            line-height: 1;
            margin: 0 0 1.2rem
        }

        .organizers-list .organizer-one__post {
            font-size: 1.4rem;
            line-height: 1.4
        }

        .organizers-list .organizer-one__details, .organizers-list .organizer-one__main-data {
            padding: 15.8rem 2rem 4.8rem
        }

        .organizers-list .organizer-one__main-data {
            position: relative
        }

        .organizers-list .organizer-one__details {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            opacity: 0;
            visibility: hidden;
            background: #0b0c1b;
            z-index: 1800;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch
        }

        .organizers-list .organizer-one__text {
            font-size: 1.4rem;
            line-height: 1.4;
            padding-bottom: 2rem;
            padding-top: 10rem
        }
}

.search-result__list {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0
}

    .search-result__list .blue {
        font-weight: 700
    }

    .search-result__list > li {
        display: block;
        width: 100%;
        position: relative
    }

        .search-result__list > li:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            margin-left: -50vw;
            width: 100vw;
            box-shadow: 0 -1px 0 #aaa,inset 0 -1px 0 #aaa;
            background: rgba(255,255,255,0);
            -webkit-transition: background-color .4s ease;
            transition: background-color .4s ease
        }

.desktop .search-result__list > li:hover:before {
    background: #fafafa
}

.search-result__list .search-result {
    display: block;
    position: relative;
    padding: 3.2rem 0
}

.search-result__list .search-result__title {
    display: inline-block;
    font-size: 3.2rem;
    line-height: 1.4;
    font-weight: 700;
    margin: 0 0 1.6rem
}

.desktop .search-result__list .search-result__title:hover {
    text-decoration: underline
}

.search-result__list .search-result__text {
    display: block;
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 0;
    color: #85858d
}

    .search-result__list .search-result__text > :first-child {
        margin-top: 0
    }

    .search-result__list .search-result__text > :last-child {
        margin-bottom: 0
    }

@media only screen and (max-width:1023px) {
    .search-result__list .search-result {
        padding: 2.4rem 0
    }

    .search-result__list .search-result__title {
        font-size: 2.4rem;
        line-height: 1.4;
        margin: 0 0 1.2rem
    }

    .search-result__list .search-result__text {
        font-size: 1.4rem;
        line-height: 1.4
    }
}

@media only screen and (max-width:767px) {
    .search-result__list .search-result {
        padding: 1.6rem 0
    }

    .search-result__list .search-result__title {
        font-size: 1.6rem;
        line-height: 1.4;
        margin: 0 0 .8rem
    }

    .search-result__list .search-result__text {
        font-size: 1.2rem;
        line-height: 1.4
    }
}

.spi__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    margin: 0;
    padding: 0 0 1px
}

    .spi__list > li {
        display: block;
        width: 33.333%;
        list-style: none
    }

    .spi__list .spi {
        display: block;
        height: 100%;
        padding: 5.6rem 10rem;
        box-shadow: 0 1px 0 #aaa,1px -1px 0 #aaa,1px 1px 0 #aaa
    }

        .spi__list .spi.spi-grey {
            color: #85858d
        }

        .spi__list .spi.spi-dark {
            color: #fff;
            background: #0b0c1b
        }

    .spi__list .spi__inner {
        display: block;
        width: 100%
    }

        .spi__list .spi__inner > :last-child {
            margin-bottom: 0
        }

    .spi__list .spi__title {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 10rem;
        line-height: 10rem;
        font-weight: 700;
        white-space: nowrap;
        width: 100%;
        text-align: center;
        margin: 0 0 2.4rem
    }

        .spi__list .spi__title .sub, .spi__list .spi__title sub {
            font-size: 3.2rem;
            line-height: 3.2rem;
            position: static;
            padding-bottom: 1rem
        }

    .spi__list .spi__subtitle {
        display: block;
        font-size: 2.4rem;
        line-height: 1.4;
        font-weight: 700;
        margin: 0 0 1.2rem;
        text-align: center
    }

    .spi__list .spi__addit {
        display: block;
        font-size: 2rem;
        line-height: 1.4;
        margin: 0 0 2.4rem;
        text-align: center;
        opacity: .8
    }

    .spi__list .spi__comment {
        display: block;
        margin: 2.4rem 0;
        padding-top: 2.4rem;
        border-top: 1px solid #aaa;
        font-size: 1.6rem;
        line-height: 1.4;
        opacity: .8;
        text-align: center
    }

@media only screen and (max-width:1280px) {
    .spi__list .spi {
        display: block;
        height: 100%;
        padding: 5rem 5rem
    }
}

@media only screen and (max-width:1023px) {
    .spi__list .spi {
        padding: 3.2rem 2.4rem
    }

    .spi__list .spi__title {
        font-size: 4.8rem;
        line-height: 4.8rem;
        margin: 0 0 1.6rem
    }

        .spi__list .spi__title .sub, .spi__list .spi__title sub {
            font-size: 1.8rem;
            line-height: 1.8rem;
            padding-bottom: .5rem
        }

    .spi__list .spi__subtitle {
        font-size: 1.6rem;
        line-height: 1.4;
        margin: 0 0 1.6rem
    }

    .spi__list .spi__addit {
        font-size: 1.6rem;
        line-height: 1.4;
        margin: 0 0 1.6rem
    }

    .spi__list .spi__comment {
        margin: 1.6rem 0;
        padding-top: 1.6rem;
        font-size: 1.4rem;
        line-height: 1.4
    }
}

@media only screen and (max-width:767px) {
    .spi__list {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .spi__list > li {
            width: 100%
        }

        .spi__list .spi {
            padding: 3.2rem 2rem;
            box-shadow: 0 1px 0 #aaa,inset 0 1px 0 #aaa
        }

        .spi__list .spi__title {
            font-size: 4.8rem;
            line-height: 4.8rem;
            margin: 0 0 2.4rem
        }

            .spi__list .spi__title .sub, .spi__list .spi__title sub {
                font-size: 2.8rem;
                line-height: 2.8rem;
                padding-bottom: .2rem
            }

        .spi__list .spi__subtitle {
            font-size: 2rem;
            line-height: 1.3;
            margin: 0 0 1.6rem
        }

        .spi__list .spi__addit {
            font-size: 1.6rem;
            line-height: 2rem;
            margin: 0 0 1.6rem
        }

        .spi__list .spi__comment {
            margin: 1.6rem 0;
            padding-top: 1.6rem;
            font-size: 1.4rem;
            line-height: 1.4
        }
}

.blue-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    background: #fafafa;
    padding: 6.4rem;
    margin: 0 0 4rem
}

    .blue-info:last-child {
        margin-bottom: 0
    }

    .blue-info .blue-info__title {
        display: block;
        width: 100%;
        text-align: center
    }

    .blue-info .blue-info__part {
        display: block;
        width: 100%;
        position: relative
    }

        .blue-info .blue-info__part > :last-child {
            margin-bottom: 0
        }

        .blue-info .blue-info__part:before {
            content: '';
            display: none;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            width: 1px;
            background: #85858d;
            opacity: .4
        }

        .blue-info .blue-info__part:after {
            content: '';
            display: none;
            position: absolute;
            top: 0;
            left: 1.2rem;
            right: 1.2rem;
            height: 1px;
            background: #85858d;
            opacity: .4
        }

        .blue-info .blue-info__part.part-simple {
            width: 50%;
            padding-right: 7.5rem
        }

            .blue-info .blue-info__part.part-simple:last-child {
                padding-left: 7.5rem;
                padding-right: 0
            }

                .blue-info .blue-info__part.part-simple:last-child:before {
                    display: block
                }

        .blue-info .blue-info__part.part-left {
            padding-right: 9.6rem;
            width: 65%
        }

        .blue-info .blue-info__part.part-right {
            padding-left: 7.7rem;
            width: 35%
        }

            .blue-info .blue-info__part.part-right:before {
                display: block
            }

    .blue-info .blue-info__subtitle {
        display: block;
        width: 100%;
        margin: 0 0 4.8rem;
        font-size: 3.2rem;
        line-height: 1;
        font-weight: 700
    }

    .blue-info .blue-info__list {
        display: block;
        width: 100%;
        margin: 0 0 2.4rem;
        padding: 0
    }

        .blue-info .blue-info__list > li {
            display: block;
            list-style: none;
            margin: 0 0 4.8rem
        }

            .blue-info .blue-info__list > li:last-child {
                margin-bottom: 0
            }

@media only screen and (max-width:1280px) {
    .blue-info {
        padding: 4.8rem 3.2rem
    }

        .blue-info .blue-info__part {
            display: block;
            width: 100%;
            position: relative
        }

            .blue-info .blue-info__part.part-left {
                padding-right: 0;
                width: 100%
            }

            .blue-info .blue-info__part.part-right {
                width: 100%;
                padding-left: 0;
                padding-top: 4.8rem
            }

                .blue-info .blue-info__part.part-right:before {
                    display: none
                }

        .blue-info .blue-info__subtitle {
            margin-bottom: 3.2rem
        }
}

@media only screen and (max-width:1023px) {
    .blue-info {
        padding: 4.8rem 3.2rem;
        margin-bottom: 4.8rem
    }

        .blue-info .blue-info__part.part-right {
            padding-top: 3.2rem;
            margin-top: 3.2rem
        }

            .blue-info .blue-info__part.part-right:after {
                display: block
            }

        .blue-info .blue-info__part.part-simple {
            width: 100%;
            padding: 0
        }

            .blue-info .blue-info__part.part-simple:last-child {
                padding-top: 3.2rem;
                margin-top: 3.2rem;
                padding-left: 0
            }

                .blue-info .blue-info__part.part-simple:last-child:before {
                    display: none
                }

                .blue-info .blue-info__part.part-simple:last-child:after {
                    display: block
                }

        .blue-info .blue-info__subtitle {
            margin: 0 0 4.8rem;
            font-size: 3.2rem;
            line-height: 1
        }

        .blue-info .blue-info__list {
            display: block;
            width: 100%;
            margin: 0 0 2.4rem;
            padding: 0
        }

            .blue-info .blue-info__list > li {
                margin: 0 0 4.4rem
            }
}

@media only screen and (max-width:767px) {
    .blue-info {
        padding: 2.4rem 2rem;
        margin-bottom: 4.8rem;
        margin-left: -2rem;
        width: 100vw
    }

        .blue-info .blue-info__part:after {
            left: 0;
            right: 0
        }

        .blue-info .blue-info__part.part-right {
            padding-top: 2.4rem;
            margin-top: 2.4rem
        }

        .blue-info .blue-info__part.part-simple:last-child {
            padding-top: 2.4rem;
            margin-top: 2.4rem
        }

        .blue-info .blue-info__subtitle {
            margin: 0 0 1.6rem;
            font-size: 2.4rem;
            line-height: 1
        }

        .blue-info .blue-info__list {
            display: block;
            width: 100%;
            margin: 0 0 2.4rem;
            padding: 0
        }

            .blue-info .blue-info__list > li {
                margin: 0 0 3.2rem
            }
}

.package-list__wrap {
    display: block;
    width: 100%;
    position: relative;
    padding-bottom: 1px
}

.package-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    margin: 0;
    padding: 0
}

    .package-list > li {
        display: block;
        list-style: none;
        width: 25%
    }

    .package-list .package {
        display: block;
        width: 100%;
        position: relative;
        height: 100%;
        min-height: 52.4rem;
        box-shadow: 0 1px 0 #aaa,1px -1px 0 #aaa,1px 1px 0 #aaa
    }

    .package-list .package__head {
        display: block;
        width: 100%;
        box-shadow: 0 1px 0 #aaa;
        padding: 1.6rem 2rem;
        text-align: center
    }

    .package-list .package__title {
        display: block;
        width: 100%;
        font-size: 3.2rem;
        line-height: 1;
        font-weight: 700;
        color: #0b0c1b;
        white-space: nowrap
    }

    .package-list .package__body {
        display: block;
        padding: 4.8rem 5.5rem
    }

    .package-list .package__data {
        display: block;
        width: 100%;
        font-size: 2.4rem;
        line-height: 1;
        text-align: center;
        color: #85858d
    }

        .package-list .package__data > * {
            margin: 0 0 2.4rem
        }

        .package-list .package__data > :last-child {
            margin-bottom: 0
        }

@media only screen and (max-width:1280px) {
    .package-list .package {
        min-height: 42.8rem
    }

    .package-list .package__head {
        padding: 1.6rem 2rem
    }

    .package-list .package__title {
        font-size: 2.4rem;
        line-height: 1
    }

    .package-list .package__body {
        display: block;
        padding: 2.4rem
    }

    .package-list .package__data {
        font-size: 2rem;
        line-height: 1
    }
}

@media only screen and (max-width:1023px) {
    .package-list {
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        padding: 1px 0
    }

        .package-list > li {
            width: 32rem;
            min-width: 32rem
        }

        .package-list .package {
            min-height: 42.8rem
        }

        .package-list .package__head {
            padding: 1.6rem 2rem
        }

        .package-list .package__title {
            font-size: 2.4rem;
            line-height: 1
        }

        .package-list .package__body {
            display: block;
            padding: 2.4rem
        }

        .package-list .package__data {
            font-size: 2rem;
            line-height: 1
        }
}

@media only screen and (max-width:767px) {
    .package-list > li {
        width: 25rem;
        min-width: 25rem
    }

    .package-list .package {
        min-height: 34.8rem
    }

    .package-list .package__head {
        padding: 1.6rem 2rem
    }

    .package-list .package__title {
        font-size: 2rem;
        line-height: 1
    }

    .package-list .package__body {
        display: block;
        padding: 1.6rem 1.2rem
    }

    .package-list .package__data {
        font-size: 1.6rem;
        line-height: 1
    }
}

.member {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: relative;
    margin-bottom: -.4rem
}

    .member .member__photo {
        display: block;
        min-width: 6.4rem;
        width: 6.4rem;
        height: 6.4rem;
        margin-right: .8rem;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

    .member .member__data {
        display: block
    }

        .member .member__data > :last-child {
            margin-bottom: 0
        }

    .member .member__name {
        display: block;
        width: 100%;
        font-size: 2rem;
        line-height: 1;
        font-weight: 700;
        padding: 0 0 .6rem
    }

    .member .member__post {
        display: block;
        font-size: 2rem;
        line-height: 1;
        font-weight: 500;
        color: #85858d;
        padding: 0 0 .4rem
    }

    .member .member__location {
        display: block;
        font-size: 1.6rem;
        line-height: 1;
        color: #85858d;
        padding: 0 0 .4rem
    }

    .member .member__location, .member .member__name, .member .member__post {
        white-space: nowrap;
        /* width: 20rem; */
        overflow: hidden;
        text-overflow: ellipsis
    }

@media only screen and (max-width:1023px) {
    .member {
        margin-bottom: -.8rem
    }

        .member .member__photo {
            min-width: 6.4rem;
            width: 6.4rem;
            height: 6.4rem;
            margin-right: .8rem
        }

        .member .member__name {
            font-size: 1.8rem;
            line-height: 1;
            padding: 0 0 .8rem
        }

        .member .member__post {
            font-size: 1.6rem;
            line-height: 1;
            padding: 0 0 .8rem
        }

        .member .member__location {
            font-size: 1.4rem;
            line-height: 1;
            padding: 0 0 .8rem
        }

        .member .member__location, .member .member__name, .member .member__post {
            width: 20rem
        }
}

@media only screen and (max-width:767px) {
    .member {
        margin-bottom: -.4rem
    }

        .member .member__photo {
            min-width: 4.8rem;
            width: 4.8rem;
            height: 4.8rem;
            margin-right: .8rem
        }

        .member .member__name {
            font-size: 1.6rem;
            line-height: 1;
            padding: 0 0 .6rem
        }

        .member .member__post {
            font-size: 1.4rem;
            line-height: 1;
            padding: 0 0 .4rem
        }

        .member .member__location {
            font-size: 1.2rem;
            line-height: 1;
            padding: 0 0 .4rem
        }

        .member .member__location, .member .member__name, .member .member__post {
            width: 22.4rem
        }
}

.report-list {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0
}

    .report-list.report-list-margin-bottom {
        margin: 0 0 4.8rem
    }

    .report-list > li {
        display: block;
        width: 100%;
        position: relative
    }

        .report-list > li.opacity-block {
            opacity: .1;
            height: 22.6rem;
            overflow: hidden
        }

            .report-list > li.opacity-block:after {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0
            }

        .report-list > li:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 50%;
            margin-left: -50vw;
            width: 100vw;
            box-shadow: 0 -1px 0 #aaa,inset 0 -1px 0 #aaa;
            background: rgba(255,255,255,0);
            -webkit-transition: background-color .4s ease;
            transition: background-color .4s ease
        }

.desktop .report-list > li:hover:before {
    background: #fafafa
}

.report-list .report {
    display: block;
    position: relative;
    padding: 3.2rem 0 0
}

.report-list .report__title {
    display: inline-block;
    font-size: 3.2rem;
    line-height: 4rem;
    font-weight: 700;
    margin: 0 0 1.6rem;
    max-width: 120rem
}

.desktop .report-list .report__title:hover {
    text-decoration: underline
}

.report-list .report__date {
    display: block;
    width: 100%;
    margin: 0 0 1.6rem;
    font-size: 1.6rem;
    line-height: 1.4;
    color: #85858d
}

.report-list .report__text {
    display: block;
    width: 100%;
    max-width: 120rem;
    color: #85858d;
    margin: 0 0 3.2rem
}

.report-list .report__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 3.2rem
}

.report-list .report__controls, .report-list .report__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    margin: 0;
    padding: 0;
    position: relative
}

    .report-list .report__controls > li, .report-list .report__info > li {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative
    }

.report-list .report__controls {
    margin-right: -10rem
}

@media only screen and (max-width:1280px) {
    .report-list .report__controls {
        margin-right: -5rem
    }
}

@media only screen and (max-width:1023px) {
    .report-list.report-list-margin-bottom {
        margin: 0 0 3.2rem
    }

    .report-list .report {
        padding: 3.2rem 0 0
    }

    .report-list .report__title {
        font-size: 2.4rem;
        line-height: 3.2rem;
        margin-bottom: 1.6rem
    }

    .report-list .report__controls {
        margin-right: -3.4rem
    }
}

@media only screen and (max-width:767px) {
    .report-list.report-list-margin-bottom {
        margin: 0 0 2.4rem
    }

    .report-list .report {
        padding: 2.4rem 0 0
    }

    .report-list .report__title {
        font-size: 2rem;
        line-height: 2.8rem;
        margin: 0 0 1.2rem;
        max-width: 100%
    }

    .report-list .report__date {
        margin: 0 0 1.2rem;
        font-size: 1.6rem;
        line-height: 1.4
    }

    .report-list .report__text {
        margin-bottom: 2.4rem
    }

    .report-list .report__bottom {
        width: 100vw;
        margin-top: 2.4rem;
        margin-left: -2rem
    }

    .report-list .report__controls, .report-list .report__info {
        width: 100%
    }

        .report-list .report__controls > li, .report-list .report__info > li {
            width: 100%
        }

    .report-list .report__controls {
        margin: 0
    }
}

.report__authors {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 0 1.8rem
}

    .report__authors > li {
        display: block;
        list-style: none;
        padding-bottom: 1.6rem;
        margin-right: 2rem
    }

        .report__authors > li:last-child {
            margin-right: 0
        }

@media only screen and (max-width:1023px) {
    .report__authors {
        margin: 0 0 1.2rem
    }

        .report__authors > li {
            padding-bottom: 1.2rem
        }
}

@media only screen and (max-width:767px) {
    .report__authors {
        margin: 0 0 .8rem
    }

        .report__authors > li {
            padding-bottom: 1.6rem
        }
}

a.parameter, button.parameter {
    cursor: pointer;
    -webkit-transition: color .4s ease,background-color .4s ease;
    transition: color .4s ease,background-color .4s ease
}

    a.parameter .icon, button.parameter .icon {
        -webkit-transition: fill .4s ease;
        transition: fill .4s ease
    }

.desktop a.parameter:hover, .desktop button.parameter:hover {
    color: #fff;
    background: #20a200
}

    .desktop a.parameter:hover .icon, .desktop button.parameter:hover .icon {
        fill: #fff
    }

.parameter {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 13rem;
    width: auto;
    height: 5.6rem;
    box-shadow: inset 1px 0 0 #85858d,1px 0 0 #85858d,inset 0 -1px 0 #85858d,0 -1px 0 #85858d;
    border: none;
    padding: .5rem;
    font-size: 1.6rem;
    line-height: 1;
    font-weight: 500;
    color: #85858d;
    cursor: default;
    background: rgba(255,255,255,0);
    white-space: nowrap
}

    .parameter.parameter-long {
        min-width: 26rem
    }

    .parameter .icon {
        fill: #85858d
    }

    .parameter .parameter__icon {
        display: block;
        width: 2.4rem;
        height: 2.4rem
    }

        .parameter .parameter__icon + .parameter__value {
            padding-left: .8rem
        }

@media only screen and (max-width:1023px) {
    .parameter {
        min-width: 11rem;
        height: 4.6rem;
        padding: .5rem;
        font-size: 1.4rem;
        line-height: 1
    }

        .parameter.parameter-long {
            min-width: 18.4rem
        }

        .parameter .parameter__icon {
            width: 2.4rem;
            height: 2.4rem
        }

        .parameter.tablet-hide {
            display: none
        }
}

@media only screen and (max-width:767px) {
    .parameter {
        min-width: 0;
        width: 100%;
        height: 4.6rem;
        padding: .5rem;
        font-size: 1.4rem;
        line-height: 1
    }

        .parameter.parameter-long {
            min-width: 0
        }

        .parameter.mobile-hide {
            display: none
        }

        .parameter .parameter__icon + .parameter__value {
            padding-left: .4rem
        }

        .parameter .parameter__icon {
            width: 1.6rem;
            height: 1.6rem
        }
}

.social-share__wrap {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

    .social-share__wrap.visible {
        opacity: 1;
        visibility: visible
    }

    .social-share__wrap .social-share {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0
    }

    .social-share__wrap .social-share__dark-bg {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #0b0c1b;
        opacity: .9
    }

    .social-share__wrap .social-share__main {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: 0 0;
        max-height: 100vh
    }

    .social-share__wrap .social-share__head {
        display: none;
        height: 4.8rem;
        width: 100%;
        background: #fafafa;
        position: relative;
        padding: 1.6rem;
        text-align: center
    }

    .social-share__wrap .social-share__close {
        display: block;
        width: 1.8rem;
        height: 1.8rem;
        top: 1.5rem;
        right: 1.5rem;
        position: absolute;
        fill: #85858d
    }

    .social-share__wrap .social-share__title {
        display: block;
        width: 100%;
        padding: 0;
        text-align: center;
        font-size: 1.6rem;
        font-weight: 700;
        color: #0b0c1b
    }

    .social-share__wrap .social-share__body {
        display: block;
        width: 100%;
        padding: 0
    }

    .social-share__wrap > .parameter {
        position: absolute;
        visibility: hidden
    }

@media only screen and (max-width:1023px) {
    .social-share__wrap {
        opacity: 1;
        visibility: visible
    }
}

@media only screen and (max-width:767px) {
    .social-share__wrap {
        position: static
    }

        .social-share__wrap .social-share {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1600
        }

        .social-share__wrap > .parameter {
            position: relative;
            visibility: visible
        }

        .social-share__wrap .social-share__dark-bg {
            display: block
        }

        .social-share__wrap .social-share__main {
            background: #fff;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch
        }

        .social-share__wrap .social-share__head {
            display: block
        }

        .social-share__wrap .social-share__body {
            padding: 4.8rem 2rem
        }
}

.social-share-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    margin: 0 -1px 0 0;
    padding: 0
}

    .social-share-list > li {
        display: block;
        width: 25%;
        list-style: none
    }

    .social-share-list .share-link {
        display: block;
        width: 100%;
        height: 5.6rem;
        padding: 1.8rem;
        background: #fff;
        box-shadow: -1px -1px 0 #85858d,inset -1px -1px 0 #85858d;
        -webkit-transition: background-color .4s ease;
        transition: background-color .4s ease
    }

        .social-share-list .share-link .icon {
            fill: #85858d;
            -webkit-transition: fill .4s ease;
            transition: fill .4s ease
        }

.desktop .social-share-list .share-link:hover {
    background: #20a200
}

    .desktop .social-share-list .share-link:hover .icon {
        fill: #fff
    }

@media only screen and (max-width:1023px) {
    .social-share-list .share-link {
        height: 4.6rem;
        padding: 1.4rem
    }
}

@media only screen and (max-width:767px) {
    .social-share-list {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%
    }

        .social-share-list > li {
            width: 4.8rem
        }

        .social-share-list .share-link {
            height: 4.8rem;
            padding: 1.2rem
        }
}

.report-filter__wrap {
    display: block;
    width: 100%;
    margin: 3.2rem 0 3.2rem
}

    .report-filter__wrap .report-filter__toggle__wrap {
        display: none;
        width: 100%;
        text-align: center
    }

    .report-filter__wrap .report-filter__toggle {
        display: inline-block;
        font-size: 1.6rem;
        line-height: 1;
        color: #85858d;
        padding-right: 2rem;
        position: relative
    }

        .report-filter__wrap .report-filter__toggle .icon {
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            width: 1.6rem;
            height: 1.6rem;
            fill: #85858d
        }

    .report-filter__wrap .report-filter {
        display: block
    }

@media only screen and (min-width:768px) {
    .report-filter__wrap .report-filter {
        display: block !important
    }
}

.report-filter__wrap .report-filter__dark-bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0b0c1b;
    opacity: .9
}

.report-filter__wrap .report-filter__main {
    display: block;
    position: static;
    bottom: 0;
    left: 0;
    right: 0;
    background: 0 0;
    max-height: 100vh
}

.report-filter__wrap .report-filter__head {
    display: none;
    height: 4.8rem;
    width: 100%;
    background: #fafafa;
    position: relative;
    padding: 1.6rem;
    text-align: center
}

.report-filter__wrap .report-filter__close {
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    top: 1.5rem;
    right: 1.5rem;
    position: absolute
}

.report-filter__wrap .report-filter__title {
    display: block;
    width: 100%;
    padding: 0;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
    color: #0b0c1b
}

.report-filter__wrap .report-filter__body {
    display: block;
    width: 100%;
    padding: 0
}

.report-filter__wrap .report-filter__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0 -2.4rem
}

    .report-filter__wrap .report-filter__list .report-filter__one {
        display: block;
        padding: 0 2.4rem 1.2rem
    }

.report-filter__wrap .report-filter__controls {
    display: none
}

@media only screen and (max-width:767px) {
    .report-filter__wrap {
        margin: 1.6rem 0 2.4rem
    }

        .report-filter__wrap .report-filter__toggle__wrap {
            display: block
        }

        .report-filter__wrap .report-filter {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            z-index: 1600
        }

        .report-filter__wrap .report-filter__dark-bg {
            display: block
        }

        .report-filter__wrap .report-filter__main {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: #fff;
            overflow-y: auto;
            -webkit-overflow-scrolling: touch
        }

        .report-filter__wrap .report-filter__head {
            display: block
        }

        .report-filter__wrap .report-filter__body {
            padding: 4.8rem 2rem
        }

        .report-filter__wrap .report-filter__list {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            margin: 0;
            padding: 0
        }

            .report-filter__wrap .report-filter__list .report-filter__one {
                display: block;
                width: 100%;
                padding: 0;
                margin: 0 0 2.6rem
            }

                .report-filter__wrap .report-filter__list .report-filter__one:last-child {
                    margin-bottom: 0
                }

        .report-filter__wrap .report-filter__controls {
            display: block;
            width: 100vw;
            margin-left: -2rem;
            margin-bottom: -4.8rem;
            padding-top: 4.8rem
        }
}

.report-details {
    display: block;
    margin: 3.2rem 0 1.2rem
}

    .report-details .report-details__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        position: relative
    }

    .report-details .report-details__author-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0;
        padding: 0;
        max-width: 60rem
    }

        .report-details .report-details__author-list > li {
            display: block;
            list-style: none;
            padding-right: 2rem;
            margin-bottom: 2rem
        }

    .report-details .report-details__main {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row;
        flex-flow: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        margin-left: auto
    }

    .report-details .report-details__controls, .report-details .report-details__info {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        margin: 0;
        padding: 0;
        position: relative
    }

        .report-details .report-details__controls > li, .report-details .report-details__info > li {
            display: block;
            list-style: none;
            margin: 0;
            padding: 0;
            position: relative
        }

    .report-details .report-details__info {
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%,0);
        transform: translate(-50%,0)
    }

    .report-details .report-details__controls {
        margin-left: auto
    }

@media only screen and (max-width:1280px) {
    .report-details .report-details__controls {
        margin-right: -5rem
    }

    .report-details .report-details__author-list {
        max-width: 50rem
    }

    .report-details .report-details__main {
        width: -webkit-calc(50% + 13rem);
        width: calc(50% + 13rem)
    }

    .report-details .report-details__info {
        position: static;
        -webkit-transform: none;
        transform: none
    }
}

@media only screen and (max-width:1280px) and (min-width:1024px) {
    .report-details .report-details__controls .parameter:not(.parameter-long) {
        min-width: 8rem
    }
}

@media only screen and (max-width:1023px) and (min-width:768px) {
    .report-details .report-details__main {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        margin-right: -3.4rem
    }

    .report-details .report-details__info {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        padding-right: 9.2rem;
        margin: 0;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end
    }

    .report-details .report-details__controls {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        width: 100%;
        padding: 0;
        margin: 0
    }

    .report-details .tablet-modify {
        min-width: 9.2rem;
        width: 9.2rem
    }

        .report-details .tablet-modify > .parameter-long {
            display: none
        }

    .report-details .social-share-list {
        width: 9.2rem
    }

        .report-details .social-share-list > li {
            max-width: 4.6rem;
            width: 4.6rem;
            min-width: 4.6rem
        }
}

@media only screen and (max-width:767px) {
    .report-details {
        margin: 2.4rem 0 3.2rem
    }

        .report-details .report-details__inner {
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .report-details .report-details__author-list {
            max-width: 100%
        }

            .report-details .report-details__author-list > li {
                width: 100%;
                margin: 0 0 1.6rem
            }

                .report-details .report-details__author-list > li:last-child {
                    margin-bottom: 2.4rem
                }

        .report-details .report-details__main {
            width: 100vw;
            min-width: 100vw;
            margin-left: -2rem
        }

        .report-details .report-details__controls, .report-details .report-details__info {
            margin: 0;
            width: 100%
        }

            .report-details .report-details__controls > li, .report-details .report-details__info > li {
                width: 100%
            }
}

.comment-one {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
    flex-flow: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    box-shadow: inset -1px 0 0 #aaa,-1px 0 0 #aaa,inset 0 1px 0 #aaa,0 1px 0 #aaa
}

    .comment-one .co__who {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: stretch;
        -webkit-justify-content: stretch;
        justify-content: stretch;
        padding-right: 4rem;
        min-width: 34rem;
        width: 34rem
    }

    .comment-one .co-author {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .comment-one .co-author__img {
        display: block;
        width: 10rem;
        height: 10rem;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        margin-right: 2.4rem
    }

    .comment-one .co-author__more {
        display: block
    }

        .comment-one .co-author__more > :last-child {
            margin-bottom: 0
        }

    .comment-one .co-author__name {
        display: block;
        font-size: 2rem;
        line-height: 1;
        font-weight: 700;
        color: #0b0c1b;
        margin: 0 0 .4rem
    }

    .comment-one .co-author__post {
        display: block;
        font-size: 2rem;
        line-height: 1.4;
        font-weight: 400;
        margin: 0 0 .4rem
    }

    .comment-one .co-author__name, .comment-one .co-author__post {
        width: 18rem;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .comment-one .co__data {
        display: block;
        width: 100%;
        padding: 2.4rem 4rem 2.4rem 0
    }

    .comment-one .co__date {
        display: block;
        font-size: 1.6rem;
        line-height: 1.4;
        color: #85858d;
        margin: 0 0 .4rem
    }

    .comment-one .co__text {
        display: block;
        max-width: 100rem
    }

    .comment-one .co__info {
        display: block;
        width: 10rem;
        min-width: 10rem;
        box-shadow: inset 1px 0 0 #aaa
    }

    .comment-one .co_like-btn {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        height: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding: .5rem .5rem;
        color: #85858d;
        font-size: 1.6rem;
        line-height: 1;
        -webkit-transition: color .4s ease,background-color .4s ease;
        transition: color .4s ease,background-color .4s ease
    }

        .comment-one .co_like-btn .icon {
            width: 2.4rem;
            height: 2.4rem;
            fill: #85858d;
            margin-right: .8rem;
            -webkit-transition: fill .4s ease;
            transition: fill .4s ease
        }

.desktop .comment-one .co_like-btn:hover {
    color: #fff;
    background: #20a200
}

    .desktop .comment-one .co_like-btn:hover .icon {
        fill: #fff
    }

@media only screen and (max-width:1280px) {
    .comment-one .co__text {
        display: block;
        max-width: 100%
    }
}

@media only screen and (max-width:1023px) {
    .comment-one .co__who {
        padding-right: 2.4rem;
        min-width: 26rem;
        width: 26rem
    }

    .comment-one .co-author__img {
        width: 6.4rem;
        height: 6.4rem;
        margin-right: 1.2rem
    }

    .comment-one .co-author__name {
        font-size: 1.8rem;
        margin: 0 0 .4rem
    }

    .comment-one .co-author__post {
        font-size: 1.8rem;
        margin: 0 0 .4rem
    }

    .comment-one .co-author__name, .comment-one .co-author__post {
        width: 16rem
    }

    .comment-one .co__data {
        display: block;
        width: 100%;
        padding: 1.6rem 2.4rem 1.6rem 0
    }

    .comment-one .co__date {
        font-size: 1.6rem;
        line-height: 1.4;
        margin: 0 0 .4rem
    }

    .comment-one .co__text {
        max-width: 100%
    }

    .comment-one .co__info {
        width: 6.4rem;
        min-width: 6.4rem
    }

    .comment-one .co_like-btn {
        padding: .5rem .5rem;
        color: #85858d;
        font-size: 1.6rem;
        line-height: 1
    }

        .comment-one .co_like-btn .icon {
            min-width: 1.6rem;
            width: 1.6rem;
            height: 1.6rem;
            margin-right: .4rem
        }
}

@media only screen and (max-width:767px) {
    .comment-one {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 2.4rem 2rem 0
    }

        .comment-one .co__who {
            padding-right: 0;
            min-width: 0;
            width: 100%
        }

        .comment-one .co-author__img {
            width: 6.4rem;
            height: 6.4rem;
            margin-right: 1.2rem
        }

        .comment-one .co-author__name {
            font-size: 1.6rem;
            margin: 0 0 .4rem
        }

        .comment-one .co-author__post {
            font-size: 1.6rem;
            margin: 0 0 .4rem
        }

        .comment-one .co-author__name, .comment-one .co-author__post {
            width: 20.4rem
        }

        .comment-one .co__data {
            display: block;
            width: 100%;
            padding: 1.6rem 0
        }

        .comment-one .co__date {
            font-size: 1.4rem;
            line-height: 1.4;
            margin: 0 0 .4rem
        }

        .comment-one .co__text {
            max-width: 100%
        }

        .comment-one .co__info {
            min-width: 100vw;
            width: 100vw;
            margin-left: -2rem;
            box-shadow: 0 -1px 0 #aaa
        }

        .comment-one .co_like-btn {
            height: 4.8rem;
            padding: .5rem .5rem;
            color: #85858d;
            font-size: 1.4rem;
            line-height: 1
        }

            .comment-one .co_like-btn .icon {
                min-width: 1.6rem;
                width: 1.6rem;
                height: 1.6rem;
                margin-right: .4rem
            }
}

.show-more-block {
    display: block;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    margin-top: -16.4rem
}

@media only screen and (max-width:1280px) {
    .show-more-block {
        margin-top: -16rem
    }
}

@media only screen and (max-width:1023px) {
    .show-more-block {
        margin-top: -16.8rem
    }
}

@media only screen and (max-width:767px) {
    .show-more-block {
        margin-top: -10.6rem
    }

        .show-more-block .control-line__wrap {
            margin: 0
        }
}

.comments-list {
    display: block;
    width: 100%;
    position: relative;
    padding: 0;
    margin: 3.2rem 0
}

    .comments-list > li {
        display: block;
        list-style: none;
        position: relative
    }

        .comments-list > li.opacity-block {
            opacity: .1;
            height: 22.4rem;
            overflow: hidden
        }

            .comments-list > li.opacity-block:after {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0
            }

@media only screen and (max-width:1280px) {
    .comments-list > li.opacity-block {
        height: 20rem
    }
}

@media only screen and (max-width:1023px) {
    .comments-list > li.opacity-block {
        height: 20rem
    }
}

@media only screen and (max-width:767px) {
    .comments-list > li {
        margin: 0 0 2.4rem -2rem;
        width: 100vw
    }

        .comments-list > li:last-child {
            margin-bottom: 0
        }

        .comments-list > li.opacity-block {
            height: 10rem
        }
}

.participant-list {
    display: block;
    width: 100%;
    overflow: hidden
}

.participant-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    width: -webkit-calc(100% + 1px);
    width: calc(100% + 1px);
    margin: 0;
    padding: 0 0 1px
}

    .participant-list > li {
        display: block;
        width: 16.66667%;
        list-style: none;
        padding-right: 1px;
        padding-top: 1px;
        box-shadow: -1px 1px 0 #aaa,inset -1px 1px 0 #aaa
    }

    .participant-list .participant {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        height: 100%;
        position: relative;
        overflow: hidden
    }

.desktop .participant-list .participant:hover .participant__inner {
    -webkit-transform: translate3d(0,-16.66667vw,0);
    transform: translate3d(0,-16.66667vw,0)
}

.participant-list .participant__photo-wrap {
    display: block;
    width: 100%;
    overflow: hidden
}

.participant-list .participant__photo {
    display: block;
    width: -webkit-calc(100% + 1px);
    width: calc(100% + 1px);
    padding-bottom: -webkit-calc(100% + 1px);
    padding-bottom: calc(100% + 1px);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

.participant-list .participant__inner {
    display: block;
    position: relative;
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease,-webkit-transform .4s ease;
    width: 100%;
    -webkit-box-flex: 10;
    -webkit-flex-grow: 10;
    flex-grow: 10;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media all and (-ms-high-contrast:none) {
    .participant-list .participant__inner {
        -webkit-transition: none;
        transition: none
    }

        .participant-list .participant__inner .foo, .participant-list .participant__inner ::-ms-backdrop {
            -webkit-transition: none;
            transition: none
        }
}

.participant-list .participant__data {
    display: block;
    width: 100%;
    height: 100%;
    padding: 1.6rem .8rem 2rem;
    text-align: center;
    z-index: 6;
    background: #fff;
    position: relative;
    box-shadow: 0 1px 0 #aaa
}

.participant-list .participant__location, .participant-list .participant__name, .participant-list .participant__post {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

.participant-list .participant__name {
    display: inline-block;
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 700;
    padding: 0 0 .8rem
}

.desktop .participant-list .participant__name:hover {
    text-decoration: underline
}

.participant-list .participant__post {
    display: block;
    font-size: 2rem;
    line-height: 1;
    font-weight: 500;
    color: #85858d;
    padding: 0 0 .6rem;
    white-space: nowrap
}

.participant-list .participant__location {
    display: block;
    font-size: 1.6rem;
    line-height: 1;
    color: #85858d;
    padding-bottom: .4rem;
    margin: 0 -.4rem;
    white-space: nowrap
}

.participant-list .participant__controls {
    display: block;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #fff;
    margin: 0;
    padding: 0
}

    .participant-list .participant__controls > li {
        display: block;
        list-style: none;
        position: relative
    }

        .participant-list .participant__controls > li:after {
            content: '';
            display: block;
            position: absolute;
            top: -1px;
            left: 0;
            right: 0;
            height: 1px;
            background: #aaa
        }

.participant-list .ctrl-one {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    height: 5.556vw;
    padding: 1rem 2rem;
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 700;
    color: #0b0c1b;
    -webkit-transition: color .4s ease,background-color .4s ease;
    transition: color .4s ease,background-color .4s ease
}

    .participant-list .ctrl-one .default-icon, .participant-list .ctrl-one .default-name {
        display: block
    }

    .participant-list .ctrl-one .activated-icon, .participant-list .ctrl-one .activated-name {
        display: none
    }

    .participant-list .ctrl-one.activated .default-icon, .participant-list .ctrl-one.activated .default-name {
        display: none
    }

    .participant-list .ctrl-one.activated .activated-icon, .participant-list .ctrl-one.activated .activated-name {
        display: block
    }

    .participant-list .ctrl-one .ctrl-one__icon {
        min-width: 2.6rem;
        width: 2.6rem;
        height: 2.6rem;
        fill: #0b0c1b;
        margin-right: 1.5rem
    }

    .participant-list .ctrl-one .ctrl-one__name {
        display: block;
        white-space: nowrap;
        width: 22rem;
        padding: 0 0 0 2rem;
        overflow: hidden;
        text-overflow: ellipsis
    }

.desktop .participant-list .ctrl-one:hover {
    background: #20a200;
    color: #fff
}

    .desktop .participant-list .ctrl-one:hover .ctrl-one__icon {
        fill: #fff
    }

@media only screen and (max-width:1280px) {
    .participant-list > li {
        width: 25%
    }

    .desktop .participant-list .participant:hover .participant__inner {
        -webkit-transform: translate3d(0,-25vw,0);
        transform: translate3d(0,-25vw,0)
    }

    .participant-list .participant__data {
        padding: 1.6rem .8rem 2rem
    }

    .participant-list .participant__name {
        font-size: 2.4rem;
        line-height: 1
    }

    .participant-list .participant__post {
        font-size: 2rem;
        line-height: 1
    }

    .participant-list .participant__location {
        font-size: 1.6rem;
        line-height: 1
    }

    .participant-list .ctrl-one {
        height: 8.3333vw;
        padding: 1rem 2rem;
        font-size: 2.4rem;
        line-height: 1
    }

        .participant-list .ctrl-one .ctrl-one__icon {
            min-width: 2.6rem;
            width: 2.6rem;
            height: 2.6rem;
            margin-right: 1.5rem
        }

        .participant-list .ctrl-one .ctrl-one__name {
            width: 22rem;
            padding: 0 0 0 2rem
        }
}

@media only screen and (max-width:1023px) {
    .participant-list > li {
        width: 25%
    }

    .participant-list .participant__inner {
        padding-top: 4.8rem
    }

    .participant-list .participant__data {
        padding: 1.2rem 1.2rem 2.4rem;
        box-shadow: 0 -1px 0 #aaa
    }

    .participant-list .participant__name {
        font-size: 1.8rem;
        line-height: 1;
        padding: 0 0 .8rem
    }

    .participant-list .participant__post {
        font-size: 1.6rem;
        line-height: 1;
        padding: 0 0 .4rem
    }

    .participant-list .participant__location {
        font-size: 1.4rem;
        line-height: 1
    }

    .participant-list .participant__controls {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        top: 0;
        left: 0;
        right: 0;
        box-shadow: 0 -1px 0 #aaa
    }

        .participant-list .participant__controls > li {
            display: block;
            list-style: none;
            position: relative;
            width: 100%;
            box-shadow: -1px 0 0 #aaa
        }

            .participant-list .participant__controls > li:after {
                display: none
            }

    .participant-list .ctrl-one {
        height: 4.8rem;
        padding: 1rem
    }

        .participant-list .ctrl-one .ctrl-one__icon {
            min-width: 2rem;
            width: 2rem;
            height: 2rem;
            margin-right: 0;
            fill: #85858d
        }

        .participant-list .ctrl-one .ctrl-one__name {
            display: none
        }
}

@media only screen and (max-width:767px) {
    .participant-list > li {
        width: 50%
    }

    .participant-list .participant__inner {
        padding-top: 4rem
    }

    .participant-list .participant__data {
        padding: .8rem .8rem 2rem
    }

    .participant-list .participant__name {
        font-size: 1.6rem;
        line-height: 1;
        padding: 0 0 .4rem
    }

    .participant-list .participant__post {
        font-size: 1.4rem;
        line-height: 1;
        padding: 0 0 .4rem
    }

    .participant-list .participant__location {
        font-size: 1.2rem;
        line-height: 1;
        padding: 0 0 .4rem;
        margin-bottom: -.4rem
    }

    .participant-list .ctrl-one {
        height: 4rem;
        padding: 1rem
    }

        .participant-list .ctrl-one .ctrl-one__icon {
            min-width: 2rem;
            width: 1.4rem;
            height: 1.4rem;
            margin-right: 0;
            fill: #85858d
        }

        .participant-list .ctrl-one .ctrl-one__name {
            display: none
        }
}

.conference-list__wrap {
    display: block;
    width: 100%
}

.conference-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: 0;
    padding: 0
}

    .conference-list > li {
        display: block;
        width: 100%;
        list-style: none;
        -webkit-flex-basis: 16.66667%;
        flex-basis: 16.66667%
    }

    .conference-list .conference-link {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        min-height: 8.4rem;
        color: #85858d;
        font-size: 2rem;
        line-height: 1;
        font-weight: 700;
        position: relative;
        -webkit-transition: color .4s ease,background-color .4s ease;
        transition: color .4s ease,background-color .4s ease;
        box-shadow: 1px -1px 0 #aaa,inset 1px -1px 0 #aaa;
        padding: .5rem 1rem;
        height: 100%;
        text-align: center
    }

.desktop .conference-list .conference-link:hover {
    background: #20a200;
    color: #fff
}

@media only screen and (max-width:1280px) {
    .conference-list > li {
        -webkit-flex-basis: 25%;
        flex-basis: 25%
    }
}

@media only screen and (max-width:1023px) {
    .conference-list .conference-link {
        min-height: 6.2rem;
        font-size: 1.8rem;
        padding: .5rem
    }
}

@media only screen and (max-width:767px) {
    .conference-list > li {
        -webkit-flex-basis: 33.333%;
        flex-basis: 33.333%
    }

    .conference-list .conference-link {
        min-height: 4.4rem;
        font-size: 1.2rem
    }
}

.participant-details {
    display: block;
    position: relative;
    width: 100%
}

    .participant-details .participant-details__bg {
        background-color: rgba(8,78,212,.4)
    }

    .participant-details .participant-details__bg, .participant-details .participant-details__bg-img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        overflow: hidden
    }

        .participant-details .participant-details__bg-img:after, .participant-details .participant-details__bg:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: -webkit-gradient(linear,left bottom,left top,from(rgba(8,78,212,.4)),to(rgba(8,78,212,.4))),rgba(0,0,0,.2);
            background: linear-gradient(0deg,rgba(8,78,212,.4),rgba(8,78,212,.4)),rgba(0,0,0,.2)
        }

    .participant-details .participant-details__bg-img {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-filter: blur(20px);
        filter: blur(20px);
        top: -5rem;
        left: -5rem;
        right: -5rem;
        bottom: -5rem
    }

    .participant-details .participant-details__info {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        position: relative;
        -webkit-box-pack: stretch;
        -webkit-justify-content: stretch;
        justify-content: stretch
    }

    .participant-details .participant-details__photo {
        display: block;
        position: relative;
        width: 40rem;
        min-width: 40rem;
        min-height: 40rem
    }

    .participant-details .participant-details__photo-img {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

    .participant-details .participant-details__data {
        display: block;
        width: 100%;
        padding: 4.8rem 0 3.8rem;
        position: relative
    }

        .participant-details .participant-details__data .container > :last-child {
            margin-bottom: 0
        }

@media only screen and (min-width:1024px) {
    .participant-details .participant-details__data .container {
        padding-left: 4.8rem;
        margin: 0
    }
}

.participant-details .participant-details__name {
    display: block;
    font-weight: 700;
    font-size: 6.4rem;
    line-height: 1;
    color: #fff;
    padding-right: 30rem;
    margin: 0 0 2.4rem
}

.participant-details .participant-details__post {
    display: block;
    font-size: 2.4rem;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    margin: 0 0 .8rem
}

.participant-details .participant-details__location {
    display: block;
    font-size: 1.6rem;
    line-height: 1.4;
    color: #fff;
    margin: 0 0 3.2rem
}

.participant-details .participant-details__social {
    display: block;
    position: absolute;
    top: .8rem;
    right: 0
}

.participant-details .participant-details__inner {
    display: block;
    position: relative;
    width: 100%
}

.participant-details .participant-details__text {
    display: block;
    width: 100%;
    color: #fff;
    opacity: .6
}

.participant-details .participant-details__show-more__wrap {
    display: none;
    margin-top: .8rem
}

.participant-details .participant-details__show-more {
    display: inline;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
    color: #fff;
    text-decoration: underline
}

@media only screen and (max-width:1280px) {
    .participant-details .participant-details__photo {
        width: 30rem;
        min-width: 30rem;
        min-height: 40rem
    }

    .participant-details .participant-details__name {
        font-size: 6.4rem;
        line-height: 1;
        padding-right: 30rem;
        margin: 0 0 2.4rem
    }

    .participant-details .participant-details__post {
        font-size: 2.4rem;
        line-height: 1;
        margin: 0 0 .8rem
    }

    .participant-details .participant-details__location {
        font-size: 1.6rem;
        line-height: 1.4;
        margin: 0 0 3.2rem
    }
}

@media only screen and (max-width:1023px) {
    .participant-details .participant-details__info {
        display: block;
        width: 100%
    }

    .participant-details .participant-details__photo {
        width: 30rem;
        min-width: 30rem;
        min-height: 30rem;
        margin: 0 auto 1.6rem
    }

    .participant-details .participant-details__data {
        padding: 0 0 7.2rem;
        text-align: center
    }

    .participant-details .participant-details__name {
        font-size: 4.8rem;
        line-height: 5.6rem;
        padding-right: 0;
        margin: 0 0 1.6rem
    }

    .participant-details .participant-details__post {
        font-size: 2.2rem;
        line-height: 1;
        margin: 0 0 1rem
    }

    .participant-details .participant-details__location {
        font-size: 1.6rem;
        line-height: 1.4;
        margin: 0 0 2.4rem
    }

    .participant-details .participant-details__social {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        position: static;
        width: 100%;
        margin: 0 0 2.4rem
    }

    .participant-details .participant-details__text {
        text-align: left
    }
}

@media only screen and (max-width:767px) {
    .participant-details .participant-details__info {
        display: block;
        width: 100%
    }

    .participant-details .participant-details__photo {
        width: 100%;
        min-width: 30rem;
        min-height: 0;
        padding: 0 0 100%;
        margin: 0 auto .8rem
    }

    .participant-details .participant-details__data {
        padding: 0 0 3.2rem;
        text-align: center
    }

    .participant-details .participant-details__name {
        font-size: 3rem;
        line-height: 4rem;
        padding-right: 0;
        margin: 0 0 .8rem
    }

    .participant-details .participant-details__post {
        font-size: 2rem;
        line-height: 1.2;
        margin: 0 0 .4rem
    }

    .participant-details .participant-details__location {
        font-size: 1.6rem;
        line-height: 1.4;
        margin: 0 0 1.6rem
    }

    .participant-details .participant-details__social {
        margin: 0 0 2.4rem
    }

    .participant-details .participant-details__text {
        text-align: left
    }

        .participant-details .participant-details__text.show-all .mobile-less {
            display: inline
        }

        .participant-details .participant-details__text.show-all .participant-details__show-more__wrap {
            display: none
        }

    .participant-details .mobile-less {
        display: none
    }

    .participant-details .participant-details__show-more__wrap {
        display: block
    }
}

.participant-controls-line {
    display: block;
    width: 100%
}

    .participant-controls-line .participant__controls {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-box-pack: stretch;
        -webkit-justify-content: stretch;
        justify-content: stretch;
        width: 100%;
        margin: 0;
        padding: 0
    }

        .participant-controls-line .participant__controls > li {
            display: block;
            list-style: none;
            width: 100%
        }

    .participant-controls-line .ctrl-one {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        min-height: 14.4rem;
        height: 100%;
        width: 100%;
        box-shadow: 1px -1px 0 #aaa,inset 1px -1px 0 #aaa;
        font-size: 2.4rem;
        line-height: 1;
        font-weight: 700;
        color: #85858d;
        padding: 1rem;
        text-transform: uppercase;
        -webkit-transition: color .4s ease,background-color .4s ease;
        transition: color .4s ease,background-color .4s ease
    }

        .participant-controls-line .ctrl-one .default-icon, .participant-controls-line .ctrl-one .default-name {
            display: block
        }

        .participant-controls-line .ctrl-one .activated-icon, .participant-controls-line .ctrl-one .activated-name {
            display: none
        }

        .participant-controls-line .ctrl-one.activated .default-icon, .participant-controls-line .ctrl-one.activated .default-name {
            display: none
        }

        .participant-controls-line .ctrl-one.activated .activated-icon, .participant-controls-line .ctrl-one.activated .activated-name {
            display: block
        }

        .participant-controls-line .ctrl-one .ctrl-one__icon {
            width: 4rem;
            height: 4rem;
            margin-right: 2.8rem;
            fill: #85858d
        }

.desktop .participant-controls-line .ctrl-one:hover {
    color: #fff;
    background: #20a200
}

    .desktop .participant-controls-line .ctrl-one:hover .ctrl-one__icon {
        fill: #fff
    }

@media only screen and (max-width:1023px) {
    .participant-controls-line .ctrl-one {
        min-height: 9.6rem;
        font-size: 2rem
    }

        .participant-controls-line .ctrl-one .ctrl-one__icon {
            width: 2.6rem;
            height: 2.6rem;
            margin-right: 1.4rem
        }
}

@media only screen and (max-width:767px) {
    .participant-controls-line .ctrl-one {
        min-height: 7.4rem;
        padding: 1.5rem .5rem 1.5rem;
        font-size: 1.2rem;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        text-align: center
    }

        .participant-controls-line .ctrl-one .ctrl-one__icon {
            width: 2rem;
            height: 2rem;
            margin: 0 auto .9rem
        }

        .participant-controls-line .ctrl-one .ctrl-one__name {
            display: block;
            width: 100%
        }
}

.media-main-block {
    display: block;
    width: 100%;
    position: relative
}

.media-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    justify-items: stretch;
    margin: 0;
    padding: 0
}

    .media-list.media-list-margin-bottom {
        margin-bottom: 4.8rem
    }

    .media-list > li {
        display: block;
        list-style: none
    }

@media only screen and (max-width:1023px) {
    .media-list.media-list-margin-bottom {
        margin-bottom: 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .media-list.media-list-margin-bottom {
        margin-bottom: 2.4rem
    }
}

.video-list > li {
    -webkit-flex-basis: 33.3333%;
    flex-basis: 33.3333%
}

@media only screen and (max-width:1280px) {
    .video-list > li {
        -webkit-flex-basis: 50%;
        flex-basis: 50%
    }
}

@media only screen and (max-width:767px) {
    .video-list > li {
        -webkit-flex-basis: 100%;
        flex-basis: 100%
    }
}

.photo-list > li {
    -webkit-flex-basis: 25%;
    flex-basis: 25%
}

@media only screen and (max-width:1280px) {
    .photo-list > li {
        -webkit-flex-basis: 25%;
        flex-basis: 25%
    }
}

@media only screen and (max-width:1023px) {
    .photo-list > li {
        -webkit-flex-basis: 33.3333%;
        flex-basis: 33.3333%
    }
}

@media only screen and (max-width:1023px) and (min-width:768px) {
    .photo-list > li:last-child {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .photo-list > li {
        -webkit-flex-basis: 50%;
        flex-basis: 50%
    }
}

.presentation-list {
    margin: 0 -1rem -2rem
}

    .presentation-list > li {
        -webkit-flex-basis: 33.3333%;
        flex-basis: 33.3333%
    }

        .presentation-list > li .media-presentation-wrap {
            display: block;
            width: 100%;
            height: 100%;
            padding: 0 1rem 2rem
        }

@media only screen and (max-width:1280px) {
    .presentation-list > li {
        -webkit-flex-basis: 33.3333%;
        flex-basis: 33.3333%
    }
}

@media only screen and (max-width:1023px) {
    .presentation-list {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

        .presentation-list > li {
            -webkit-flex-basis: 50%;
            flex-basis: 50%
        }
}

@media only screen and (max-width:767px) {
    .presentation-list > li {
        -webkit-flex-basis: 100%;
        flex-basis: 100%
    }
}

.media-figure {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    height: 100%
}

.video-list .media-figure .media-link {
    min-height: 37rem
}

.video-list .media-figure .media-link__details:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-left: 4.2rem solid #fff;
    border-top: 2.6rem solid transparent;
    border-bottom: 2.6rem solid transparent
}

.photo-list .media-figure .media-link {
    min-height: 27rem
}

.presentation-list .media-figure .media-link {
    min-height: 42rem
}

.media-figure .media-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    min-height: 27rem;
    height: 100%;
    position: relative
}

.media-figure .media-link__preview {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.media-figure .media-link__preview-img {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover
}

    .media-figure .media-link__preview-img.blured {
        top: -5px;
        right: -5px;
        bottom: -5px;
        left: -5px;
        -webkit-filter: blur(2px);
        filter: blur(2px)
    }

.media-figure .media-link__details {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    position: relative;
    width: 100%;
    padding: 2.4rem;
    background: rgba(11,12,27,.4);
    color: #fff;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end
}

.media-figure .media-link__watermark {
    display: block;
    position: absolute;
    top: 2.4rem;
    right: 2.4rem;
    width: 9.6rem
}

    .media-figure .media-link__watermark img {
        display: block;
        max-width: 100%
    }

.media-figure .figcaption__inner {
    display: block
}

    .media-figure .figcaption__inner > :last-child {
        margin-bottom: 0
    }

.media-figure .figcaption__date {
    display: none
}

.media-figure .figcaption__title {
    display: block;
    width: 100%;
    font-size: 2rem;
    line-height: 1;
    font-weight: 700;
    margin: 0 0 1.2rem
}

.media-figure .figcaption__author {
    display: block;
    font-size: 2rem;
    line-height: 1.4
}

.media-figure .presentation__details {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    background: #20a200
}

    .media-figure .presentation__details:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        opacity: .96
    }

    .media-figure .presentation__details .presentation__top {
        display: block;
        position: relative;
        width: 100%
    }

    .media-figure .presentation__details .presentation__logo {
        display: block;
        font-size: 3.2rem;
        line-height: 1;
        color: #20a200;
        font-weight: 700;
        padding: 2.4rem 3.2rem 1.6rem;
        margin-bottom: -2.4rem
    }

    .media-figure .presentation__details .presentation__body {
        display: block;
        width: 100%;
        padding: 2.4rem 3.2rem;
        position: relative
    }

    .media-figure .presentation__details .presentation__title {
        display: block;
        width: 100%;
        font-size: 2rem;
        line-height: 1.4
    }

    .media-figure .presentation__details .presentation__bottom {
        display: block;
        background: #0b0c1b;
        color: #fff;
        width: 100%;
        margin-top: auto;
        padding: 2.4rem 3.2rem;
        font-size: 2rem;
        position: relative
    }

    .media-figure .presentation__details .presentation__author {
        display: block;
        font-weight: 700;
        margin: 0 0 .4rem
    }

@media only screen and (max-width:1280px) {
    .presentation-list .media-figure .media-link {
        min-height: 28.4rem
    }

    .photo-list .media-figure .media-link {
        min-height: 18rem
    }

    .media-figure .presentation__details .presentation__logo {
        font-size: 3.2rem;
        line-height: 1;
        padding: 2.4rem 2.4rem 1.2rem;
        margin-bottom: -2.4rem
    }

    .media-figure .presentation__details .presentation__body {
        padding: 2.4rem 2.4rem
    }

    .media-figure .presentation__details .presentation__title {
        font-size: 2rem;
        line-height: 1.4
    }

    .media-figure .presentation__details .presentation__bottom {
        padding: 1.6rem;
        font-size: 2rem;
        line-height: 1
    }

    .media-figure .presentation__details .presentation__author {
        margin: 0 0 .4rem
    }
}

@media only screen and (max-width:1023px) {
    .video-list .media-figure .media-link {
        min-height: 25rem
    }

    .video-list .media-figure .media-link__details:after {
        border-left-width: 2.2rem;
        border-top-width: 1.5rem;
        border-bottom-width: 1.5rem
    }

    .presentation-list .media-figure .media-link {
        min-height: 25.6rem
    }

    .photo-list .media-figure .media-link {
        min-height: 14.4rem
    }

    .media-figure .media-link {
        min-height: 18rem
    }

    .media-figure .media-link__details {
        padding: 1.6rem
    }

    .media-figure .media-link__watermark {
        top: 1.6rem;
        right: 1.6rem;
        width: 8.7rem
    }

    .media-figure .figcaption__title {
        font-size: 1.8rem;
        line-height: 1;
        min-height: 3.6rem;
        margin: 0 0 .8rem
    }

    .media-figure .figcaption__author {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .media-figure .presentation__details .presentation__logo {
        font-size: 2.8rem;
        line-height: 1;
        padding: 1.6rem 1.6rem 1.2rem;
        margin-bottom: -1.6rem
    }

    .media-figure .presentation__details .presentation__body {
        padding: 1.6rem 1.6rem 3rem
    }

    .media-figure .presentation__details .presentation__title {
        font-size: 1.8rem;
        line-height: 2.4rem
    }

    .media-figure .presentation__details .presentation__bottom {
        padding: 1.6rem;
        font-size: 1.8rem;
        line-height: 1
    }

    .media-figure .presentation__details .presentation__author {
        margin: 0 0 .6rem
    }
}

@media only screen and (max-width:767px) {
    .video-list .media-figure .media-link {
        min-height: 20rem
    }

    .video-list .media-figure .media-link__details:after {
        border-left-width: 1.6rem;
        border-top-width: 1.1rem;
        border-bottom-width: 1.1rem
    }

    .presentation-list .media-figure .media-link {
        min-height: 21rem
    }

    .photo-list .media-figure .media-link {
        min-height: 9rem
    }

    .media-figure .media-link {
        min-height: 15rem
    }

    .media-figure .media-link__details {
        padding: 1.2rem
    }

    .media-figure .media-link__watermark {
        top: 1.2rem;
        right: 1.2rem;
        width: 6.6rem
    }

    .media-figure .figcaption__title {
        font-size: 1.6rem;
        line-height: 1;
        min-height: 0;
        margin: 0 0 .8rem
    }

    .media-figure .figcaption__author {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .media-figure .presentation__details .presentation__logo {
        font-size: 2.4rem;
        line-height: 1;
        padding: 1.6rem 1.6rem 1.2rem;
        margin-bottom: -1.6rem
    }

    .media-figure .presentation__details .presentation__body {
        padding: 1.6rem 1.6rem 2.4rem
    }

    .media-figure .presentation__details .presentation__title {
        font-size: 1.6rem;
        line-height: 2rem
    }

    .media-figure .presentation__details .presentation__bottom {
        padding: .8rem 1.6rem;
        font-size: 1.6rem;
        line-height: 1
    }

    .media-figure .presentation__details .presentation__author {
        margin: 0 0 .6rem
    }
}

.media-control__wrap {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0
}

.media-control {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    width: 100%;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background: #20a200;
    color: #fff;
    height: 1px;
    min-height: 12rem;
    font-size: 2.4rem;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    padding: 1rem
}

    .media-control span, .media-control svg {
        position: relative
    }

    .media-control .icon {
        width: 1.9rem;
        height: 1.9rem;
        fill: #fff;
        margin-left: 1.45rem
    }

    .media-control span {
        position: relative
    }

    .media-control:before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #0b0c1b;
        opacity: 0;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease
    }

.desktop .media-control:hover:before {
    opacity: .3
}

@media only screen and (max-width:1023px) {
    .media-control {
        min-height: 10rem;
        font-size: 2rem
    }
}

@media only screen and (max-width:767px) {
    .media-control {
        min-height: 8rem;
        font-size: 1.6rem
    }
}

.tg-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

    .tg-block .tg__aside {
        display: block;
        width: 25%;
        min-width: 25%;
        box-shadow: 1px -1px 0 #aaa,inset 1px -1px 0 #aaa
    }

    .tg-block .tg__body {
        display: block;
        width: 100%;
        height: 67rem;
        position: relative;
        box-shadow: 1px -1px 0 #aaa,inset 1px -1px 0 #aaa
    }

    .tg-block .iframe__wrap {
        display: block;
        position: absolute;
        top: 0;
        left: 1px;
        right: 0;
        bottom: 1px;
        overflow: hidden;
        height: -webkit-calc(100% - 1px);
        height: calc(100% - 1px)
    }

    .tg-block .iframe, .tg-block .iframe-preview {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border: none;
        width: 100%;
        height: 100%
    }

    .tg-block .iframe-preview {
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

    .tg-block .blured {
        -webkit-filter: blur(4px);
        filter: blur(4px)
    }

    .tg-block .tgb-overlay {
        display: block;
        position: absolute;
        top: 0;
        left: 1px;
        right: 0;
        bottom: 1px;
        background: rgba(255,255,255,.6)
    }

        .tg-block .tgb-overlay .tgb-btn__wrap {
            display: block;
            position: absolute;
            width: 100%;
            top: 50%;
            left: 50%;
            right: 0;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            max-width: 104rem
        }

        .tg-block .tgb-overlay figcaption {
            display: none
        }

    .tg-block .tga__main {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        box-shadow: 1px -1px 0 #aaa,inset 1px -1px 0 #aaa;
        padding: 3.2rem 2rem
    }

    .tg-block .tga__main-logo {
        display: block;
        position: relative;
        width: 8rem;
        height: 8rem;
        margin-right: 2.4rem
    }

        .tg-block .tga__main-logo img {
            display: block;
            position: absolute;
            top: auto;
            left: auto;
            right: auto;
            bottom: auto;
            max-width: 100%;
            max-height: 100%
        }

    .tg-block .tga__main-inner {
        display: block
    }

        .tg-block .tga__main-inner > :last-child {
            margin-bottom: 0
        }

    .tg-block .tga__main-title {
        display: block;
        font-size: 3.2rem;
        line-height: 1;
        font-weight: 700;
        margin: 0 0 1.2rem
    }

    .tg-block .tga__main-link {
        display: inline-block;
        font-size: 2rem;
        line-height: 2.2rem;
        font-weight: 500;
        color: #85858d
    }

    .tg-block .tga__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-box-pack: stretch;
        -webkit-justify-content: stretch;
        justify-content: stretch;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        margin: 0
    }

        .tg-block .tga__list > li {
            display: block;
            list-style: none;
            min-width: 33.333%;
            -webkit-box-flex: 1;
            -webkit-flex: 1 0 auto;
            flex: 1 0 auto
        }

    .tg-block .tga__info {
        display: block;
        height: 100%;
        padding: 3.2rem 2rem;
        box-shadow: 1px -1px 0 #aaa,inset 1px -1px 0 #aaa;
        text-align: center
    }

        .tg-block .tga__info .tga__info-value {
            display: block;
            font-size: 3.2rem;
            line-height: 1;
            font-weight: 700;
            margin: 0 0 1.2rem
        }

        .tg-block .tga__info .tga__info-name {
            display: block;
            font-size: 1.6rem;
            line-height: 1;
            margin: 0;
            color: #85858d;
            text-transform: uppercase
        }

@media only screen and (max-width:1280px) {
    .tg-block .tg__aside {
        width: 40rem;
        min-width: 40rem
    }

    .tg-block .tg__body {
        height: 67rem
    }

    .tg-block .tgb-overlay .tgb-btn__wrap {
        max-width: 78rem
    }
}

@media only screen and (max-width:1023px) {
    .tg-block {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .tg-block .tg__aside {
            width: 100%;
            min-width: 100%
        }

        .tg-block .tga__main {
            padding: 2.4rem 3.4rem
        }

        .tg-block .tga__info {
            padding: 1.6rem 1rem
        }

        .tg-block .tg__body {
            height: 80rem
        }

        .tg-block .tgb-overlay .tgb-btn__wrap {
            max-width: 100%;
            padding: 0 3.4rem
        }
}

@media only screen and (max-width:767px) {
    .tg-block {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .tg-block .tg__aside {
            width: 100%;
            min-width: 100%
        }

        .tg-block .tg__body {
            height: 46.5rem
        }

        .tg-block .tgb-overlay {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0
        }

            .tg-block .tgb-overlay .tgb-btn__wrap {
                max-width: 100%;
                padding: 0
            }

        .tg-block .tga__main {
            padding: 2.4rem 2rem
        }

        .tg-block .tga__main-logo {
            width: 4.8rem;
            height: 4.8rem;
            margin-right: 1.6rem
        }

        .tg-block .tga__main-title {
            font-size: 2.4rem;
            line-height: 1;
            margin: 0 0 .4rem
        }

        .tg-block .tga__main-link {
            font-size: 1.6rem;
            line-height: 2rem
        }

        .tg-block .tga__info {
            padding: 1.6rem .5rem
        }

            .tg-block .tga__info .tga__info-value {
                font-size: 2.4rem;
                line-height: 1;
                margin: 0 0 1.2rem
            }

            .tg-block .tga__info .tga__info-name {
                font-size: 1.4rem;
                line-height: 1
            }
}

.section-ui {
    display: block;
    width: 100%;
    padding: 15rem 0
}

.ui-icons-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 0 5rem
}

    .ui-icons-list li {
        display: block;
        width: 15rem;
        text-align: center;
        box-shadow: 0 0 1px #85858d;
        padding: 2rem;
        margin: 2rem
    }

    .ui-icons-list .name {
        padding: 0 0 1rem
    }

    .ui-icons-list .icon {
        width: 5rem;
        height: 5rem;
        margin: auto
    }

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

.desktop #pages li a {
    display: block
}

    .desktop #pages li a:hover {
        color: #20a200;
        font-weight: 700
    }

html.html-iframe {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    overflow: scroll
}

.section-partners {
    display: block;
    width: 100%;
    padding: 10rem 0 0
}

@media only screen and (max-width:1023px) {
    .section-partners {
        padding: 8rem 0 0
    }
}

@media only screen and (max-width:767px) {
    .section-partners {
        padding: 4.8rem 0 0
    }
}

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

    .partners-block .partners-group {
        display: block;
        width: 100%
    }

        .partners-block .partners-group:first-child .partners__title {
            box-shadow: 0 1px 0 #aaa,0 -1px 0 #aaa
        }

    .partners-block .partners__title {
        display: block;
        width: 100%;
        font-size: 2.4rem;
        line-height: 2.4rem;
        letter-spacing: .1em;
        font-weight: 700;
        text-transform: uppercase;
        text-align: center;
        color: #0b0c1b;
        padding: 3.2rem 0;
        box-shadow: 0 1px 0 #aaa
    }

    .partners-block .partners__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-box-pack: stretch;
        -webkit-justify-content: stretch;
        justify-content: stretch;
        width: 100%
    }

        .partners-block .partners__row.xl-size .partners__col {
            min-height: 50rem;
            padding: 10rem 12rem
        }

            .partners-block .partners__row.xl-size .partners__col .parther {
                max-width: 96rem;
                max-height: 16.66rem
            }

        .partners-block .partners__row.lg-size .partners__col {
            min-height: 40rem;
            padding: 8rem 12rem
        }

            .partners-block .partners__row.lg-size .partners__col .parther {
                max-width: 96rem;
                max-height: 16.66rem
            }

        .partners-block .partners__row.md-size .partners__col {
            min-height: 30rem;
            padding: 6rem 12rem
        }

            .partners-block .partners__row.md-size .partners__col .parther {
                max-width: 32rem;
                max-height: 10rem
            }

        .partners-block .partners__row.sm-size .partners__col {
            min-height: 20rem;
            padding: 4rem 12rem
        }

            .partners-block .partners__row.sm-size .partners__col .parther {
                max-width: 80%;
                max-height: 6.66rem
            }

        .partners-block .partners__row.xs-size .partners__col {
            min-height: 16rem;
            padding: 2rem 12rem
        }

            .partners-block .partners__row.xs-size .partners__col .parther {
                max-width: 100%;
                max-height: 5.33rem
            }

    .partners-block .partners__col {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-content: center;
        align-content: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        padding-left: 5rem;
        padding-right: 5rem;
        box-shadow: 0 1px 0 #aaa,-1px 0 0 #aaa
    }

        .partners-block .partners__col.col-12 {
            width: 100%
        }

        .partners-block .partners__col.col-11 {
            width: 91.6667%
        }

        .partners-block .partners__col.col-10 {
            width: 83.3333%
        }

        .partners-block .partners__col.col-9 {
            width: 75%
        }

        .partners-block .partners__col.col-8 {
            width: 66.6667%
        }

        .partners-block .partners__col.col-7 {
            width: 58.3333%
        }

        .partners-block .partners__col.col-6 {
            width: 50%
        }

        .partners-block .partners__col.col-5 {
            width: 41.6667%
        }

        .partners-block .partners__col.col-4 {
            width: 33.3333%
        }

        .partners-block .partners__col.col-3 {
            width: 25%
        }

        .partners-block .partners__col.col-2 {
            width: 16.6667%
        }

        .partners-block .partners__col.col-1 {
            width: 8.3333%
        }

        .partners-block .partners__col.col-md {
            min-height: 30rem;
            padding: 8rem 0
        }

            .partners-block .partners__col.col-md .parther {
                max-width: 48rem;
                max-height: 13.33rem
            }

        .partners-block .partners__col.col-sm {
            min-height: 16rem;
            padding: 5rem 0
        }

            .partners-block .partners__col.col-sm .parther {
                max-width: 24rem;
                max-height: 5.33rem
            }

    .partners-block .parther {
        display: block;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-content: center;
        align-content: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        margin: auto 0;
        position: relative
    }

        .partners-block .parther img {
            display: block;
            max-width: 100%;
            max-height: 100%;
            margin: 0;
            -webkit-filter: grayscale(1);
            filter: grayscale(1);
            -webkit-transition: -webkit-filter .5s ease;
            transition: -webkit-filter .5s ease;
            transition: filter .5s ease;
            transition: filter .5s ease,-webkit-filter .5s ease;
            position: relative;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
        }

.desktop .partners-block .parther:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

@media only screen and (max-width:1023px) {
    .partners-block .partners__title {
        font-size: 2rem;
        line-height: 2rem;
        letter-spacing: .1em;
        padding: 2.4rem 0;
        box-shadow: 0 1px 0 #aaa
    }

    .partners-block .partners__row.xl-size .partners__col {
        min-height: 30rem;
        padding: 5rem 6rem
    }

        .partners-block .partners__row.xl-size .partners__col .parther {
            max-width: 38.4rem;
            max-height: 10rem
        }

    .partners-block .partners__row.lg-size .partners__col {
        min-height: 26rem;
        padding: 4rem 5rem
    }

        .partners-block .partners__row.lg-size .partners__col .parther {
            max-width: 19.2rem;
            max-height: 8.6rem
        }

    .partners-block .partners__row.md-size .partners__col {
        min-height: 20rem;
        padding: 3rem 4rem
    }

        .partners-block .partners__row.md-size .partners__col .parther {
            max-width: 12.8rem;
            max-height: 6.67rem
        }

    .partners-block .partners__row.sm-size .partners__col {
        min-height: 16rem;
        padding: 2rem 3rem
    }

        .partners-block .partners__row.sm-size .partners__col .parther {
            max-width: 19.2rem;
            max-height: 5.333rem
        }

    .partners-block .partners__row.xs-size .partners__col {
        min-height: 12rem;
        padding: 1rem 3rem
    }

        .partners-block .partners__row.xs-size .partners__col .parther {
            max-width: 12.8rem;
            max-height: 4rem
        }

    .partners-block .partners__col {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-content: center;
        align-content: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        padding-left: 5rem;
        padding-right: 5rem;
        box-shadow: 0 1px 0 #aaa,-1px 0 0 #aaa
    }

        .partners-block .partners__col.col-md {
            min-height: 30rem;
            padding: 8rem 0
        }

            .partners-block .partners__col.col-md .parther {
                max-width: 48rem;
                max-height: 13.33rem
            }

        .partners-block .partners__col.col-sm {
            min-height: 16rem;
            padding: 5rem 0
        }

            .partners-block .partners__col.col-sm .parther {
                max-width: 24rem;
                max-height: 5.33rem
            }
}

@media only screen and (max-width:767px) {
    .partners-block .partners__title {
        font-size: 1.2rem;
        line-height: 1;
        letter-spacing: .1em;
        padding: 1.6rem 0
    }

    .partners-block .partners__row.xl-size .partners__col {
        min-height: 20rem;
        padding: 2rem 3rem
    }

        .partners-block .partners__row.xl-size .partners__col .parther {
            max-width: 16rem;
            max-height: 66.667rem
        }

    .partners-block .partners__row.lg-size .partners__col {
        min-height: 16rem;
        padding: 2rem 2rem
    }

        .partners-block .partners__row.lg-size .partners__col .parther {
            max-width: 8rem;
            max-height: 53.333rem
        }

    .partners-block .partners__row.md-size .partners__col {
        min-height: 12rem;
        padding: 1.5rem 1.5rem
    }

        .partners-block .partners__row.md-size .partners__col .parther {
            max-width: 5.3rem;
            max-height: 4rem
        }

    .partners-block .partners__row.sm-size .partners__col {
        min-height: 8rem;
        padding: 1rem 1rem
    }

        .partners-block .partners__row.sm-size .partners__col .parther {
            max-width: 8rem;
            max-height: 26.67rem
        }

    .partners-block .partners__row.xs-size .partners__col {
        min-height: 6rem;
        padding: .5rem .5rem
    }

        .partners-block .partners__row.xs-size .partners__col .parther {
            max-width: 8rem;
            max-height: 2rem
        }

    .partners-block .partners__col {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-align-content: center;
        align-content: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 100%;
        padding-left: 5rem;
        padding-right: 5rem;
        box-shadow: 0 1px 0 #aaa,-1px 0 0 #aaa
    }

        .partners-block .partners__col.col-md {
            min-height: 30rem;
            padding: 8rem 0
        }

            .partners-block .partners__col.col-md .parther {
                max-width: 48rem;
                max-height: 13.33rem
            }

        .partners-block .partners__col.col-sm {
            min-height: 16rem;
            padding: 5rem 0
        }

            .partners-block .partners__col.col-sm .parther {
                max-width: 24rem;
                max-height: 5.33rem
            }
}

.home-aside {
    display: block;
    position: fixed;
    top: 0;
    left: 50vw;
    width: 60vw;
    bottom: 0;
    -webkit-transform: skewX(-15deg) translate3d(120%,0,0);
    transform: skewX(-15deg) translate3d(120%,0,0);
    margin-left: 7vw;
    background: #20a200;
    z-index: 500;
    overflow: hidden;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease,-webkit-transform .5s ease
}

    .home-aside.opened {
        -webkit-transform: skewX(-15deg) translate3d(0,0,0);
        transform: skewX(-15deg) translate3d(0,0,0);
        z-index: 505
    }

    .home-aside .home-aside__inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        position: absolute;
        top: 0;
        width: 60vw;
        bottom: 0;
        left: 0;
        -webkit-transform: skewX(15deg);
        transform: skewX(15deg);
        margin-left: -10vw
    }

    .home-aside .home-aside__bg {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: cover
    }

        .home-aside .home-aside__bg:after {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: -webkit-gradient(linear,left bottom,left top,from(rgba(8,78,212,0)),to(#084ed4));
            background: linear-gradient(0deg,rgba(8,78,212,0) 0,#084ed4 100%)
        }

    .home-aside .close-aside {
        display: block;
        position: absolute;
        top: 3.8rem;
        right: 4.6rem;
        margin-right: 10vw;
        width: 3.6rem;
        height: 3.6rem;
        z-index: 20
    }

        .home-aside .close-aside .icon {
            fill: #fff
        }

.desktop .home-aside .close-aside:hover .icon {
    fill: #0b0c1b
}

.home-aside .home-aside__controls {
    display: block;
    width: 100%
}

.home-aside .home-aside__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    height: 100%;
    position: relative;
    z-index: 15;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 5rem 10vw 5rem 20vw
}

.home-aside .home-aside__data {
    display: block;
    width: 100%
}

.home-aside .home-aside__title {
    display: block;
    font-size: 6.4rem;
    line-height: 1;
    color: #fff;
    font-weight: 700;
    margin: 0 0 3.2rem
}

.home-aside .home-aside__info {
    font-size: 2rem;
    line-height: 1.4;
    color: #fff;
    margin: 0 0 6.4rem
}

    .home-aside .home-aside__info:last-child {
        margin-bottom: 0
    }

    .home-aside .home-aside__info > * {
        margin: 0 0 1.5rem
    }

    .home-aside .home-aside__info > :last-child {
        margin-bottom: 0
    }

    .home-aside .home-aside__info a {
        text-decoration: underline
    }

.home-aside .home-aside__text {
    font-size: 1.6rem;
    line-height: 1.4;
    color: #fff;
    opacity: .4;
    font-weight: 700
}

    .home-aside .home-aside__text > * {
        margin: 0 0 1.5rem
    }

    .home-aside .home-aside__text > :last-child {
        margin-bottom: 0
    }

@media only screen and (max-width:1023px) {
    .home-aside {
        left: 100%;
        width: 60vw;
        bottom: 0;
        -webkit-transform: skewX(0) translate3d(0,0,0);
        transform: skewX(0) translate3d(0,0,0);
        margin-left: 0
    }

        .home-aside.opened {
            -webkit-transform: skewX(0) translate3d(-100%,0,0);
            transform: skewX(0) translate3d(-100%,0,0);
            z-index: 505
        }

        .home-aside .home-aside__inner {
            top: 0;
            width: 60vw;
            bottom: 0;
            left: 0;
            -webkit-transform: skewX(0);
            transform: skewX(0);
            margin-left: 0
        }

        .home-aside .close-aside {
            top: 3.6rem;
            right: 3.6rem;
            margin-right: 0;
            width: 3.6rem;
            height: 3.6rem
        }

        .home-aside .home-aside__controls {
            display: block;
            width: 100%
        }

        .home-aside .home-aside__content {
            padding: 5rem 3rem 5rem 3rem;
            text-align: center
        }

        .home-aside .home-aside__title {
            font-size: 3.6rem;
            line-height: 1;
            margin: 0 0 1.2rem
        }

        .home-aside .home-aside__info {
            font-size: 1.8rem;
            line-height: 1.8rem;
            margin: 0 0 2.4rem
        }

        .home-aside .home-aside__text {
            font-size: 1.4rem;
            line-height: 1.4
        }
}

@media only screen and (max-width:767px) {
    .home-aside {
        left: 100%;
        width: 100vw;
        bottom: 0;
        -webkit-transform: skewX(0) translate3d(0,0,0);
        transform: skewX(0) translate3d(0,0,0);
        margin-left: 0
    }

        .home-aside.opened {
            -webkit-transform: skewX(0) translate3d(-100%,0,0);
            transform: skewX(0) translate3d(-100%,0,0);
            z-index: 505
        }

        .home-aside .home-aside__inner {
            top: 0;
            width: 100vw;
            bottom: 0;
            left: 0;
            -webkit-transform: skewX(0);
            transform: skewX(0);
            margin-left: 0
        }

        .home-aside .close-aside {
            top: 2.4rem;
            right: 2.4rem;
            margin-right: 0;
            width: 2.4rem;
            height: 2.4rem
        }

        .home-aside .home-aside__controls {
            display: block;
            width: 100%
        }

        .home-aside .home-aside__content {
            padding: 5rem 2rem 5rem 2rem;
            text-align: center
        }

        .home-aside .home-aside__title {
            font-size: 2.8rem;
            line-height: 1;
            margin: 0 0 1.2rem
        }

        .home-aside .home-aside__info {
            font-size: 1.6rem;
            line-height: 2rem;
            margin: 0 0 3.2rem
        }

        .home-aside .home-aside__text {
            font-size: 1.4rem;
            line-height: 1.4
        }
}

.widget-online {
    display: block;
    position: fixed;
    top: 50%;
    right: 0;
    z-index: 100;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
    background: #20a200;
    padding: 0;
    margin: -7.5rem 0 0 0
}

    .widget-online .online__link {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        min-width: 15rem;
        height: 4rem;
        background: #20a200;
        color: #fff;
        font-size: 1.6rem;
        line-height: 2rem;
        padding: 0 1rem;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

        .widget-online .online__link span {
            position: relative
        }

        .widget-online .online__link:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #0b0c1b;
            opacity: 0;
            -webkit-transition: opacity .4s ease;
            transition: opacity .4s ease
        }

.desktop .widget-online .online__link:hover:before {
    opacity: .3
}

@media only screen and (max-width:1023px) {
    .widget-online {
        margin-top: -6rem
    }

        .widget-online .online__link {
            min-width: 12rem;
            height: 3.4rem;
            font-size: 1.2rem;
            line-height: 1.4rem;
            padding: .5rem 1rem
        }
}

@media only screen and (max-width:767px) {
    .widget-online {
        margin-top: -4rem
    }

        .widget-online .online__link {
            min-width: 8em;
            height: 2.8rem;
            font-size: 1rem;
            line-height: 1rem;
            padding: .7rem 1rem
        }
}

.pagination-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch
}

    .pagination-block .pugination {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding: 0;
        margin: 0;
        -webkit-box-flex: 15;
        -webkit-flex-grow: 15;
        flex-grow: 15;
        cursor: default
    }

        .pagination-block .pugination > li {
            display: block;
            width: 100%;
            list-style: none
        }

    .pagination-block .pagination-nav {
        display: block;
        -webkit-box-flex: 5;
        -webkit-flex-grow: 5;
        flex-grow: 5;
        -webkit-flex-basis: 5rem;
        flex-basis: 5rem;
        text-align: center
    }

    .pagination-block .pagination-nav, .pagination-block .pugination a, .pagination-block .pugination span {
        display: block;
        font-size: 2.4rem;
        line-height: 2.8rem;
        height: 8.8rem;
        color: #85858d;
        padding: 3rem 1rem;
        text-align: center;
        box-shadow: 1px -1px 0 #aaa,inset 1px -1px 0 #aaa;
        position: relative;
        -webkit-transition: color .4s ease,background-color .4s ease;
        transition: color .4s ease,background-color .4s ease
    }

        .pagination-block .pagination-nav.active, .pagination-block .pugination a.active, .pagination-block .pugination span.active {
            background: #fafafa;
            font-weight: 700;
            color: #0b0c1b;
            cursor: default
        }

            .pagination-block .pagination-nav.active:after, .pagination-block .pugination a.active:after, .pagination-block .pugination span.active:after {
                content: '';
                display: block;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 1px;
                background: #aaa
            }

.desktop .pagination-block .pagination-nav:not(.active):hover, .desktop .pagination-block .pugination a:not(.active):hover {
    color: #fff;
    background: #20a200;
    font-weight: 500
}

@media only screen and (max-width:1280px) {
    .pagination-block .pagination-nav, .pagination-block .pugination a, .pagination-block .pugination span {
        height: 8rem;
        padding-top: 2.6rem;
        padding-bottom: 2.6rem
    }
}

@media only screen and (max-width:1023px) {
    .pagination-block {
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: -webkit-calc(100% + 1px);
        width: calc(100% + 1px);
        margin-left: -1px
    }

        .pagination-block .pugination {
            width: 100%;
            -webkit-box-ordinal-group: 2;
            -webkit-order: 1;
            order: 1
        }

        .pagination-block .pagination-nav {
            width: 50%
        }

        .pagination-block .prev {
            -webkit-box-ordinal-group: 3;
            -webkit-order: 2;
            order: 2
        }

        .pagination-block .next {
            -webkit-box-ordinal-group: 4;
            -webkit-order: 3;
            order: 3
        }
}

@media only screen and (max-width:767px) {
    .pagination-block .pagination-nav, .pagination-block .pugination a, .pagination-block .pugination span {
        font-size: 1.6rem;
        line-height: 2rem;
        height: 4.8rem;
        padding: 1.4rem .5rem
    }
}

.faq-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    padding-bottom: 1px
}

    .faq-block .faq-block__head {
        display: block;
        width: 27%;
        min-width: 27%
    }

    .faq-block .faq-block__body {
        display: block;
        width: 100%
    }

    .faq-block .fbh__list {
        display: block;
        padding: 0;
        margin: 0;
        width: 100%
    }

        .faq-block .fbh__list li {
            display: block;
            width: 100%;
            list-style: none
        }

        .faq-block .fbh__list a {
            display: -webkit-box;
            display: -webkit-flex;
            display: flex;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-flow: row;
            flex-flow: row;
            -webkit-box-align: center;
            -webkit-align-items: center;
            align-items: center;
            -webkit-box-pack: start;
            -webkit-justify-content: flex-start;
            justify-content: flex-start;
            position: relative;
            height: 12rem;
            padding: 3rem 5rem 3rem 10rem;
            font-size: 2.4rem;
            line-height: 2.4rem;
            font-weight: 700;
            color: #85858d;
            box-shadow: 1px -1px 0 #aaa,inset 1px -1px 0 #aaa
        }

@media only screen and (min-width:1024px) {
    .faq-block .fbh__list a.active {
        color: #20a200;
        z-index: 2;
        cursor: default;
        box-shadow: 1px -1px 0 #20a200,inset 1px -1px 0 #20a200
    }
}

@media only screen and (max-width:1280px) {
    .faq-block .faq-block__head {
        width: 26%;
        min-width: 26%
    }

    .faq-block .faq-block__body {
        width: 100%
    }

    .faq-block .fbh__list a {
        height: 12rem;
        padding: 3rem 1rem 3rem 5rem;
        font-size: 2.4rem;
        line-height: 2.4rem
    }
}

@media only screen and (max-width:1023px) {
    .faq-block .faq-block__head {
        width: 100%;
        min-width: 100%
    }

    .faq-block .faq-block__body {
        opacity: 0;
        visibility: hidden;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background: #fff;
        z-index: 400;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch
    }

        .faq-block .faq-block__body.mobile-visible {
            opacity: 1;
            visibility: visible
        }

    .faq-block .fbh__list a {
        height: auto;
        min-height: 9.6rem;
        padding: 1rem 5rem 1rem 3.4rem;
        font-size: 2.2rem;
        line-height: 2.2rem
    }

        .faq-block .fbh__list a:before {
            content: '';
            display: block;
            position: absolute;
            width: 1.2rem;
            height: 1.2rem;
            border-bottom: .2rem solid #85858d;
            border-left: .2rem solid #85858d;
            top: 50%;
            right: 3.4rem;
            -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
            margin-top: -.7rem;
            -webkit-transition: all .4s ease;
            transition: all .4s ease
        }
}

@media only screen and (max-width:767px) {
    .faq-block .fbh__list a {
        min-height: 8.8rem;
        padding: 1rem 4.5rem 1rem 2rem;
        font-size: 2rem;
        line-height: 2rem
    }

        .faq-block .fbh__list a:before {
            width: .9rem;
            height: .9rem;
            top: 50%;
            right: 3rem;
            margin-top: -.5rem
        }
}

.faq-tab {
    display: none;
    width: 100%
}

    .faq-tab .faq-tab__head {
        display: none
    }

    .faq-tab .faq-tab__body {
        display: block;
        width: 100%;
        padding-bottom: 1px
    }

    .faq-tab .faq-back__wrap {
        display: block;
        width: 100%;
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        background: rgba(255,255,255,.9);
        height: 10rem;
        padding: 4rem 3.4rem 3rem;
        z-index: 10
    }

    .faq-tab .faq-back {
        display: inline-block;
        position: relative;
        font-size: 2.2rem;
        line-height: 2.5rem;
        font-weight: 700;
        color: #85858d;
        padding-left: 4rem
    }

        .faq-tab .faq-back:before {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            left: 0;
            width: 2.2rem;
            height: 2.2rem;
            border-bottom: .4rem solid #85858d;
            border-left: .4rem solid #85858d;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            margin-top: -1.1rem
        }

    .faq-tab .faq-tab__title {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 4.8rem;
        line-height: 5.6rem;
        font-weight: 700;
        margin: 0 0 2.4rem
    }

@media only screen and (max-width:1023px) {
    .faq-tab .faq-tab__head {
        display: block;
        padding: 12rem 3.4rem .1rem
    }
}

@media only screen and (max-width:767px) {
    .faq-tab .faq-tab__head {
        display: block;
        padding: 7.2rem 2rem .1rem
    }

    .faq-tab .faq-back__wrap {
        height: 6rem;
        padding: 2.2rem 2rem 2.2rem
    }

    .faq-tab .faq-back {
        font-size: 2rem;
        line-height: 2rem;
        padding-left: 3rem
    }

        .faq-tab .faq-back:before {
            width: 1.2rem;
            height: 1.2rem;
            border-bottom: .2rem solid #85858d;
            border-left: .2rem solid #85858d;
            margin-top: -.6rem
        }

    .faq-tab .faq-tab__title {
        font-size: 3.2rem;
        line-height: 4rem;
        margin: 0 0 3.2rem
    }
}

.toggle-block {
    display: block;
    width: 100%;
    box-shadow: 1px -1px 0 #aaa,inset 1px -1px 0 #aaa;
    position: relative
}

@media only screen and (max-width:1023px) {
    .toggle-block.active {
        box-shadow: 1px -1px 0 #20a200,inset 1px -1px 0 #20a200;
        z-index: 5
    }
}

.toggle-block .toggle-block__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
    position: relative;
    height: 1px;
    min-height: 13rem;
    padding: 2rem 6rem 2rem 4.8rem;
    font-size: 2.4rem;
    line-height: 1.4;
    color: #85858d;
    font-weight: 700;
    -webkit-transition: color .4s ease;
    transition: color .4s ease
}

    .toggle-block .toggle-block__link:after {
        content: '';
        display: block;
        position: absolute;
        width: 1.2rem;
        height: 1.2rem;
        border-bottom: .2rem solid #85858d;
        border-left: .2rem solid #85858d;
        top: 50%;
        right: 5.6rem;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        margin-top: -.8rem;
        -webkit-transition: all .4s ease;
        transition: all .4s ease
    }

    .toggle-block .toggle-block__link.active {
        color: #0b0c1b
    }

        .toggle-block .toggle-block__link.active:after {
            border-color: #0b0c1b;
            -webkit-transform: rotate(135deg);
            transform: rotate(135deg)
        }

.toggle-block .toggle-block__body {
    display: none;
    margin-top: -2.4rem;
    padding: 0 4.8rem 4.8rem;
    position: relative;
    color: #85858d
}

@media only screen and (max-width:1023px) {
    .toggle-block .toggle-block__link {
        min-height: 9.6rem;
        padding: 1.5rem 5rem 1.5rem 3.4rem;
        font-size: 2.2rem;
        line-height: 3rem
    }

        .toggle-block .toggle-block__link:after {
            width: 1.2rem;
            height: 1.2rem;
            border-bottom: .2rem solid #85858d;
            border-left: .2rem solid #85858d;
            top: 50%;
            right: 3.4rem;
            margin-top: -.8rem
        }

    .toggle-block .toggle-block__body {
        display: none;
        margin-top: -1.6rem;
        padding: 0 3.4rem 3.2rem;
        position: relative;
        color: #85858d
    }
}

@media only screen and (max-width:767px) {
    .toggle-block .toggle-block__link {
        min-height: 8.8rem;
        padding: 3.2rem 5rem 3.2rem 2rem;
        font-size: 2rem;
        line-height: 2.4rem
    }

        .toggle-block .toggle-block__link:after {
            width: .9rem;
            height: .9rem;
            border-bottom: .2rem solid #85858d;
            border-left: .2rem solid #85858d;
            right: 3rem;
            margin-top: -.7rem
        }

        .toggle-block .toggle-block__link.active:after {
            margin-top: -.3rem
        }

    .toggle-block .toggle-block__body {
        display: none;
        margin-top: -1.4rem;
        padding: 0 2rem 3.2rem;
        position: relative;
        color: #85858d
    }
}

.select-dates__block {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    z-index: 550;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all .4s ease;
    transition: all .4s ease
}

    .select-dates__block.filled {
        background: #fff
    }

    .select-dates__block.show {
        visibility: visible;
        opacity: 1
    }

        .select-dates__block.show .select-dates__bottom, .select-dates__block.show .slider-dates {
            -webkit-transform: translate(0,0);
            transform: translate(0,0)
        }

        .select-dates__block.show .blue-quad {
            height: 30rem
        }

    .select-dates__block .select-dates__bottom {
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        -webkit-transform: translate(0,100%);
        transform: translate(0,100%)
    }

    .select-dates__block .slider-dates {
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        -webkit-transform: translate(-100%,0);
        transform: translate(-100%,0)
    }

    .select-dates__block .blue-quad {
        height: 0;
        -webkit-transition: height .4s ease;
        transition: height .4s ease
    }

    .select-dates__block .select-dates__block__bg {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff
    }

    .select-dates__block .select-date-sizer {
        display: block;
        width: 100%;
        height: 10rem
    }

    .select-dates__block .select-dates__main {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        height: 100%;
        width: 100%
    }

    .select-dates__block .select-dates__block-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        position: relative;
        padding: 0;
        height: 100%
    }

    .select-dates__block .select-dates__top {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 10rem
    }

    .select-dates__block .hidden-select-close {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        opacity: 0
    }

    .select-dates__block .select-dates__bottom {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .select-dates__block .slider-dates__wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center
    }

    .select-dates__block .blue-quad {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        width: 30rem;
        background: #20a200
    }

    .select-dates__block .slider-dates {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        width: 100%;
        margin: auto;
        background: 0 0
    }

    .select-dates__block .active-date .select-date {
        color: #0b0c1b;
        opacity: 1
    }

    .select-dates__block .slick-current .select-date {
        color: #fff;
        opacity: 1;
        cursor: default
    }

    .select-dates__block .select-date {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        width: 30rem;
        height: 30rem;
        font-size: 14rem;
        line-height: 14rem;
        font-weight: 600;
        color: #0b0c1b;
        opacity: .2;
        -webkit-transition: color .4s ease,opacity .4s ease;
        transition: color .4s ease,opacity .4s ease;
        cursor: pointer
    }

    .select-dates__block .slick-dots {
        display: none;
        position: absolute;
        top: 100%
    }

@media only screen and (max-width:1280px) {
    .select-dates__block.show .blue-quad {
        height: 18rem
    }

    .select-dates__block .blue-quad {
        width: 18rem;
        background: #20a200
    }

    .select-dates__block .select-date {
        width: 18rem;
        height: 18rem;
        font-size: 10rem;
        line-height: 10rem
    }
}

@media only screen and (max-width:1023px) {
    .select-dates__block.show .blue-quad {
        height: 16rem
    }

    .select-dates__block .blue-quad {
        width: 16rem;
        background: #20a200
    }

    .select-dates__block .select-date {
        width: 16rem;
        height: 16rem;
        font-size: 8rem;
        line-height: 8rem
    }
}

@media only screen and (max-width:767px) {
    .select-dates__block.show .blue-quad {
        height: 13rem
    }

    .select-dates__block .blue-quad {
        width: 13rem;
        background: #20a200
    }

    .select-dates__block .select-date {
        width: 13rem;
        height: 13rem;
        font-size: 6.4rem;
        line-height: 6.4rem
    }
}

.cookie-block {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1500;
    background: #20a200;
    color: #fff;
    padding: 2.4rem 0
}

    .cookie-block.hide {
        display: none
    }

    .cookie-block .cookie-line {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center
    }

    .cookie-block .cookie__text {
        display: block;
        width: 100%;
        font-size: 2rem;
        line-height: 1.4;
        padding-right: 3rem
    }

    .cookie-block .cookie__contol {
        display: block
    }

@media only screen and (max-width:1023px) {
    .cookie-block .cookie__text {
        font-size: 1.8rem;
        line-height: 2.4rem;
        padding-right: 9rem
    }
}

@media only screen and (max-width:767px) {
    .cookie-block .cookie__text {
        font-size: 1.2rem;
        line-height: 1.6rem;
        padding-right: 3rem
    }
}

.steps-block {
    display: block;
    width: 100%;
    margin: 0 0 2.4rem
}

@media only screen and (max-width:767px) {
    .steps-block {
        margin: 0 0 1.6rem
    }
}

.steps-block + .block-default {
    margin-top: -2.4rem;
    padding-top: 10rem
}

@media only screen and (max-width:1280px) {
    .steps-block + .block-default {
        padding-top: 6.4rem
    }
}

@media only screen and (max-width:1023px) {
    .steps-block + .block-default {
        padding-top: 3.2rem
    }
}

@media only screen and (max-width:767px) {
    .steps-block + .block-default {
        padding-top: 2.4rem;
        margin-top: -1.6rem
    }
}

.steps-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    margin: 0;
    padding: 0;
    background: #fafafa
}

    .steps-list > li {
        display: block;
        width: 100%;
        position: relative
    }

        .steps-list > li:first-child .step-one:before {
            left: -50%
        }

        .steps-list > li:last-child .step-one:before {
            right: -50%
        }

    .steps-list .step-one {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        height: 1px;
        min-height: 7.2rem;
        position: relative;
        font-size: 2rem;
        line-height: 1;
        font-weight: 700;
        color: #85858d;
        cursor: default;
        white-space: nowrap
    }

        .steps-list .step-one:before {
            content: '';
            display: none;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background: #20a200;
            -webkit-transform: skewX(-15deg);
            transform: skewX(-15deg);
            -webkit-transform-origin: 50%;
            transform-origin: 50%
        }

        .steps-list .step-one span {
            position: relative
        }

        .steps-list .step-one .number {
            margin-right: .4rem
        }

        .steps-list .step-one:not(.done):not(.current) span {
            opacity: .4
        }

        .steps-list .step-one.done {
            color: #0b0c1b
        }

        .steps-list .step-one.current {
            color: #fff;
            padding: 0 2rem
        }

            .steps-list .step-one.current:before {
                display: block
            }

@media only screen and (max-width:1023px) {
    .steps-list .step-one {
        font-size: 1.8rem;
        min-height: 6.6rem
    }
}

@media only screen and (max-width:767px) {
    .steps-list .step-one {
        font-size: 1.6rem;
        min-height: 5.6rem
    }

        .steps-list .step-one:not(.current) .number {
            margin-right: 0
        }

        .steps-list .step-one:not(.current) .name {
            display: none
        }
}

.search-bar__wrap {
    display: block;
    width: 100%;
    margin: 3.2rem 0 4.8rem
}

@media only screen and (max-width:1280px) {
    .search-bar__wrap {
        margin-bottom: 3.2rem;
        margin-top: 2.4rem
    }
}

@media only screen and (max-width:1023px) {
    .search-bar__wrap {
        margin-bottom: 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .search-bar__wrap {
        margin-bottom: 2.4rem
    }
}

.search-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    justify-content: stretch;
    position: relative;
    width: 100%
}

    .search-bar .search-bar__label {
        display: block;
        width: 100%
    }

    .search-bar .search-bar__input {
        display: block;
        width: 100%;
        height: 10rem;
        padding: 2.4rem 3.8rem;
        font-family: "IBM Plex Sans";
        font-weight: 500;
        font-size: 2.4rem;
        line-height: 2.4rem;
        color: #0b0c1b;
        border: 1px solid #85858d
    }

    .search-bar .search-bar__btn {
        display: block;
        width: 10rem;
        height: 10rem;
        min-width: 10rem;
        background: #20a200;
        border: none;
        padding: 2.6rem;
        margin: 0;
        position: relative;
        cursor: pointer
    }

        .search-bar .search-bar__btn span {
            position: relative
        }

        .search-bar .search-bar__btn:before {
            content: '';
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            background: #0b0c1b;
            opacity: 0;
            -webkit-transition: opacity .4s ease;
            transition: opacity .4s ease
        }

.desktop .search-bar .search-bar__btn:hover:before {
    opacity: .3
}

.search-bar .search-bar__btn .icon {
    position: relative;
    fill: #fff
}

@media only screen and (max-width:1023px) {
    .search-bar .search-bar__input {
        height: 8.8rem;
        padding: 2.4rem 3.2rem;
        font-size: 2.4rem;
        line-height: 2.4rem;
        border: 1px solid #85858d
    }

    .search-bar .search-bar__btn {
        width: 8.8rem;
        height: 8.8rem;
        min-width: 8.8rem
    }
}

@media only screen and (max-width:767px) {
    .search-bar .search-bar__input {
        height: 4.8rem;
        padding: 1.6rem;
        font-size: 1.6rem;
        line-height: 1.6rem;
        border: 1px solid #85858d
    }

    .search-bar .search-bar__btn {
        width: 4.8rem;
        height: 4.8rem;
        min-width: 4.8rem;
        padding: 1.2rem
    }
}

body.compensate-for-scrollbar {
    margin-right: 0 !important
}

.fancybox-is-hidden {
    left: -999.9rem;
    margin: 0;
    position: absolute !important;
    top: -999.9rem;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

    .fancybox-container * {
        box-sizing: border-box
    }

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47,0,.74,.71);
    transition-timing-function: cubic-bezier(.47,0,.74,.71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(.22,.61,.36,1);
    transition-timing-function: cubic-bezier(.22,.61,.36,1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    -webkit-transition: all .4s ease,visibility 0s ease 0s;
    transition: all .4s ease,visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 1.3rem;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 4.4rem;
    left: 0;
    line-height: 4.4rem;
    min-width: 4.4rem;
    mix-blend-mode: difference;
    padding: 0 1rem;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994;
    padding: 0
}

    .fancybox-slide::before {
        content: '';
        display: inline-block;
        font-size: 0;
        height: 100%;
        vertical-align: middle;
        width: 0
    }

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 4.4rem 0
}

    .fancybox-slide--image::before {
        display: none
    }

.fancybox-slide--html {
    padding: .6rem
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 4.4rem;
    position: relative;
    text-align: left;
    vertical-align: middle;
    max-height: 100%
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--video .fancybox-content {
    width: 100% !important
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5,0,.14,1);
    animation-timing-function: cubic-bezier(.5,0,.14,1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-show-caption .fancybox-slide .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 40rem;
    padding: 4rem;
    width: 100%
}

    .fancybox-error p {
        color: #444;
        font-size: 1.6rem;
        line-height: 2rem;
        margin: 0;
        padding: 0
    }

.fancybox-button {
    background: 0 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    margin: 0;
    padding: 2.5rem;
    position: relative;
    vertical-align: top;
    visibility: inherit;
    width: 10rem;
    height: 10rem;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    background: rgba(0,0,0,.2)
}

    .fancybox-button.fancybox-button--close {
        padding: 3.2rem
    }

    .fancybox-button .icon {
        fill: #fff
    }

.desktop .fancybox-button {
    background: rgba(255,255,255,0)
}

    .desktop .fancybox-button:hover {
        background: rgba(255,255,255,.1)
    }

@media only screen and (max-width:1280px) {
    .fancybox-button {
        width: 5rem;
        height: 5rem;
        padding: 1.25rem
    }

        .fancybox-button.fancybox-button--close {
            padding: 1.6rem
        }
}

@media only screen and (max-width:1023px) {
    .fancybox-button.fancybox-button--close {
        padding: 1.3rem
    }
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #fff;
    outline: 0
}

    .fancybox-button:focus {
        outline: 0
    }

    .fancybox-button.fancybox-focus {
        outline: 1px dotted
    }

    .fancybox-button[disabled], .fancybox-button[disabled]:hover {
        color: #888;
        cursor: default;
        outline: 0
    }

    .fancybox-button div {
        height: 100%
    }

    .fancybox-button svg {
        display: block;
        height: 100%;
        overflow: visible;
        position: relative;
        width: 100%
    }

        .fancybox-button svg path {
            fill: currentColor;
            stroke-width: 0
        }

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-button--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: .2rem;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: .8rem;
    position: absolute;
    right: -1.2rem;
    top: -4.4rem;
    z-index: 401
}

    .fancybox-close-small:hover {
        color: #fff;
        opacity: 1
    }

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 1rem;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    height: 10rem;
    opacity: 0;
    position: absolute;
    top: -webkit-calc(50% - 5rem);
    top: calc(50% - 5rem);
    width: 10rem
}

    .fancybox-navigation .fancybox-button[disabled] {
        opacity: 0;
        visibility: hidden
    }

@media only screen and (max-width:1280px) {
    .fancybox-navigation .fancybox-button {
        width: 5rem;
        height: 5rem;
        top: -webkit-calc(50% - 2.5rem);
        top: calc(50% - 2.5rem)
    }
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left)
}

.desktop .fancybox-navigation .fancybox-button--arrow_left {
    left: 0
}

.fancybox-navigation .fancybox-button--arrow_right {
    right: 0;
    right: env(safe-area-inset-right)
}

.desktop .fancybox-navigation .fancybox-button--arrow_right {
    right: 0
}

.fancybox-caption {
    bottom: 0;
    color: #0b0c1b;
    font-size: 1.4rem;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 0;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    pointer-events: all
}

    .fancybox-caption__body .figcaption__inner {
        display: block;
        width: 100%;
        background: #fff;
        padding: 3.2rem;
        text-align: left;
        position: relative
    }

        .fancybox-caption__body .figcaption__inner:last-child {
            margin-bottom: 0
        }

    .fancybox-caption__body .figcaption__title {
        display: block;
        font-size: 3.2rem;
        line-height: 1;
        font-weight: 700;
        margin: 0 0 1.6rem
    }

    .fancybox-caption__body .figcaption__date {
        display: block;
        position: absolute;
        bottom: 3.2rem;
        right: 3.2rem;
        font-size: 2.4rem;
        line-height: 1;
        font-weight: 700;
        color: #85858d
    }

        .fancybox-caption__body .figcaption__date + .figcaption__author {
            padding-right: 14rem
        }

    .fancybox-caption__body .figcaption__author {
        display: block;
        font-size: 2rem;
        line-height: 1.4;
        font-weight: 400;
        color: #85858d;
        margin: 0
    }

@media only screen and (max-width:1023px) {
    .fancybox-caption__body .figcaption__inner {
        padding: 1.6rem 3.4rem
    }

    .fancybox-caption__body .figcaption__title {
        font-size: 2.2rem;
        line-height: 1;
        margin: 0 0 .8rem
    }

    .fancybox-caption__body .figcaption__date {
        bottom: 1.6rem;
        right: 3.4rem;
        font-size: 1.6rem
    }

        .fancybox-caption__body .figcaption__date + .figcaption__author {
            padding-right: 10rem
        }

    .fancybox-caption__body .figcaption__author {
        font-size: 1.8rem;
        line-height: 2.4rem
    }
}

@media only screen and (max-width:767px) {
    .fancybox-caption__body .figcaption__inner {
        padding: 1.6rem 2rem
    }

    .fancybox-caption__body .figcaption__title {
        font-size: 1.6rem;
        line-height: 1;
        margin: 0 0 .8rem
    }

    .fancybox-caption__body .figcaption__date {
        bottom: 1.6rem;
        right: 2rem;
        font-size: 1.2rem
    }

        .fancybox-caption__body .figcaption__date + .figcaption__author {
            padding-right: 8rem
        }

    .fancybox-caption__body .figcaption__author {
        font-size: 1.2rem;
        line-height: 2rem
    }
}

.fancybox-loading {
    -webkit-animation: fancybox-rotate 1s linear infinite;
    animation: fancybox-rotate 1s linear infinite;
    background: 0 0;
    border: .4rem solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 5rem;
    left: 50%;
    margin: -2.5rem 0 0 -2.5rem;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 5rem;
    z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0,0,.25,1);
    transition-timing-function: cubic-bezier(0,0,.25,1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);
    transition-timing-function: cubic-bezier(.19,1,.22,1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5,1.5,1.5);
    transform: scale3d(1.5,1.5,1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5,.5,.5);
    transform: scale3d(.5,.5,.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1);
    transform: scale3d(1,1,1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(-100%,0,0);
    transform: scale3d(0,0,0) translate3d(-100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0,0,0) translate3d(100%,0,0);
    transform: scale3d(0,0,0) translate3d(100%,0,0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1,1,1) translate3d(0,0,0);
    transform: scale3d(1,1,1) translate3d(0,0,0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%,0,0) scale(.1) skew(-10deg);
    transform: translate3d(-100%,0,0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%,0,0) scale(.1) skew(10deg);
    transform: translate3d(100%,0,0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0,0,0) scale(1);
    transform: translate3d(0,0,0) scale(1)
}

@media all and (max-height:57.6rem) {
    .fancybox-slide--image {
        padding: .6rem 0
    }

    .fancybox-close-small {
        right: -.6rem
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 3.6rem;
        opacity: 1;
        padding: .6rem;
        right: 0;
        top: 0;
        width: 3.6rem
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: .3rem;
    max-width: 90%;
    padding: 3rem;
    text-align: center
}

    .fancybox-share h1 {
        color: #222;
        font-size: 3.5rem;
        font-weight: 700;
        margin: 0 0 2rem 0
    }

    .fancybox-share p {
        margin: 0;
        padding: 0
    }

.fancybox-share__button {
    border: 0;
    border-radius: .3rem;
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 4rem;
    margin: 0 .5rem 1rem .5rem;
    min-width: 13rem;
    padding: 0 1.5rem;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

    .fancybox-share__button:link, .fancybox-share__button:visited {
        color: #fff
    }

    .fancybox-share__button:hover {
        text-decoration: none
    }

.fancybox-share__button--fb {
    background: #3b5998
}

    .fancybox-share__button--fb:hover {
        background: #344e86
    }

.fancybox-share__button--pt {
    background: #bd081d
}

    .fancybox-share__button--pt:hover {
        background: #aa0719
    }

.fancybox-share__button--tw {
    background: #1da1f2
}

    .fancybox-share__button--tw:hover {
        background: #0d95e8
    }

.fancybox-share__button svg {
    height: 2.5rem;
    margin-right: .7rem;
    position: relative;
    top: -.1rem;
    vertical-align: middle;
    width: 2.5rem
}

    .fancybox-share__button svg path {
        fill: #fff
    }

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 1.4rem;
    margin: 1rem 0 0 0;
    outline: 0;
    padding: 1rem 1.5rem;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: .2rem .2rem .4rem .2rem;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 21.2rem;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 21.2rem
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: .7rem
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 1rem;
    box-shadow: inset 0 0 .6rem rgba(0,0,0,.3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 1rem
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0,0,0,.1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 7.5rem;
    margin: .2rem;
    max-height: -webkit-calc(100% - .8rem);
    max-height: calc(100% - .8rem);
    max-width: -webkit-calc(50% - .4rem);
    max-width: calc(50% - .4rem);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 10rem
}

    .fancybox-thumbs__list a::before {
        border: .6rem solid #ff5268;
        bottom: 0;
        content: '';
        left: 0;
        opacity: 0;
        position: absolute;
        right: 0;
        top: 0;
        -webkit-transition: all .2s cubic-bezier(.25,.46,.45,.94);
        transition: all .2s cubic-bezier(.25,.46,.45,.94);
        z-index: 99991
    }

    .fancybox-thumbs__list a:focus::before {
        opacity: .5
    }

    .fancybox-thumbs__list a.fancybox-thumbs-active::before {
        opacity: 1
    }

@media all and (max-width:57.6rem) {
    .fancybox-thumbs {
        width: 11rem
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 11rem
    }

    .fancybox-thumbs__list a {
        max-width: -webkit-calc(100% - 1rem);
        max-width: calc(100% - 1rem)
    }
}

.fancybox-slide.fancybox-slide--iframe, .fancybox-slide.fancybox-slide--video {
    padding: 8.5rem 10rem
}

.fancybox-slide.fancybox-slide--image {
    padding: 0
}

@media only screen and (max-width:1280px) {
    .fancybox-slide.fancybox-slide--iframe, .fancybox-slide.fancybox-slide--video {
        padding: 5.5rem 5rem
    }

    .fancybox-slide.fancybox-slide--image {
        padding: 0
    }
}

@media only screen and (max-width:1023px) {
    .fancybox-slide.fancybox-slide--iframe, .fancybox-slide.fancybox-slide--video {
        padding: 0
    }

    .fancybox-slide.fancybox-slide--image {
        padding: 0
    }
}

.fancybox-caption {
    padding: 0 10rem 8.5rem
}

@media only screen and (max-width:1280px) {
    .fancybox-caption {
        padding: 0 5rem 5.5rem
    }
}

@media only screen and (max-width:1023px) {
    .fancybox-caption {
        padding: 0
    }
}

.fancybox-caption--separate {
    margin-top: -8.5rem
}

@media only screen and (max-width:1280px) {
    .fancybox-caption--separate {
        margin-top: -5.5rem
    }
}
/*# sourceMappingURL=maps/main.min.css.map */