.clearfix:after {
  content: " ";
  clear: both;
  display: table;
}

@-webkit-keyframes webkitfix {
    to {
        z-index: auto
    }
}

@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}



html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    font-size: 10px;
    font-family: 'Suisse Intl', sans-serif;
    color: #fff
}
body {
    margin: 0;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1.4rem;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent;
    color: #fff;
    text-decoration: none;
}

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


abbr[title] {
    border-bottom: 1px dotted
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000;
    background: 0 0
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    max-width: 100%
}

svg:not(:root) {
    overflow: hidden
}

blockquote,
figure,
p {
    margin: 0
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    background-color: #fff;
    border: #fff;
    padding: 3px 5px;
    border-radius: 5px;
    color: #1d2435;
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

button {
    overflow: visible;
    cursor: pointer
}

button,
select {
    text-transform: none
}

html input[type=button],
input[type=reset],
input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

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

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

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

legend {
    border: 0
}

textarea {
    overflow: auto
}

b,
optgroup,
strong {
    font-weight: 700
}

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

legend,
td,
th {
    padding: 0
}

#__bs_notify__ {
    display: none!important
}

.title--60 {
    font-size: 6rem;
    line-height: 7rem;
    margin-bottom: 1rem
}

@media screen and (max-width:767px) {
    .title--60 {
        font-size: 5rem;
        line-height: 6rem;
        margin-bottom: 1rem
    }
}

.title--50 {
    font-size: 5rem
}

.title--40 {
    font-size: 4rem
}

.title--30 {
    font-size: 3rem;
    line-height: 4rem
}

.title--40,
.title--50 {
    text-transform: uppercase;
    line-height: 1
}

.text--24 {
    font-size: 2.4rem;
    line-height: 3rem
}

.text-align--right {
    text-align: right
}

.arrow {
    -webkit-transition: color 350ms ease-in-out, scale 350ms ease-out;
    transition: color 350ms ease-in-out, scale 350ms ease-out
}

@media screen and (min-width:768px) {
    .arrow:hover {
        color: #ed1c80
    }
    .arrow:active {
        -webkit-transform: translateY(1px) scale(.98);
        transform: translateY(1px) scale(.98)
    }
}

:focus {
    outline: 0
}

@media screen and (max-width:767px) {
    html {
        font-size: calc(8.6px + (19.6 - 8.6)*(100vw - 320px)/447)
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    html {
        font-size: calc(8.5px + 1.5*(100vw - 768px)/(1024 - 768))
    }
}

@media (min-width:1024px) and (max-width:1920px) {
    html {
        font-size: calc(5px + (12.5 - 5)*((100vw - 768px)/(1920 - 768)))
    }
}

_:default:not(:root:root),
html {
    -webkit-animation: webkitfix 1s forwards infinite;
    animation: webkitfix 1s forwards infinite
}

[data-aos=gradient-up] {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    background-position: 100% center
}

[data-aos=gradient-up].aos-animate {
    background-position: 0 center
}

.icon__owl-left,
.icon__owl-right {
    width: 2.2rem;
    height: 2.2rem
}

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

.mobile {
    display: none!important
}

@media screen and (max-width:767px) {
    .mobile {
        display: block!important
    }
}

.anim[data-aos],
.races__image.animRace,
[data-aos] .anim {
    -webkit-transition: opacity .8s cubic-bezier(.21, 1.03, .7, 1), -webkit-transform .8s cubic-bezier(.21, 1.03, .7, 1);
    transition: transform .8s cubic-bezier(.21, 1.03, .7, 1), opacity .8s cubic-bezier(.21, 1.03, .7, 1);
    transition: transform .8s cubic-bezier(.21, 1.03, .7, 1), opacity .8s cubic-bezier(.21, 1.03, .7, 1), -webkit-transform .8s cubic-bezier(.21, 1.03, .7, 1);
    opacity: 0
}

.anim[data-aos],
[data-aos] .anim {
    -webkit-transform: translateY(6.25rem);
    transform: translateY(6.25rem);
    visibility: hidden
}

.anim[data-aos].aos-animate,
.aos-animate .anim[data-aos],
.aos-animate[data-aos] .anim {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    visibility: visible
}

.races__image.animRace {
    -webkit-transform: translateX(50rem)!important;
    transform: translateX(50rem)!important
}

.races__image.animDelay,
.races__image.animRace {
    -webkit-transition-delay: 0!important;
    transition-delay: 0!important
}

.animFade[data-aos] {
    -webkit-transition: opacity .8s cubic-bezier(.21, 1.03, .7, 1);
    transition: opacity .8s cubic-bezier(.21, 1.03, .7, 1);
    opacity: 0;
    visibility: hidden
}

.animFade[data-aos].aos-animate,
.aos-animate .animFade[data-aos] {
    opacity: 1;
    visibility: visible
}

.animFill[data-aos],
[data-aos] .animFill {
    -webkit-transition: background .8s ease;
    transition: background .8s ease;
    background-position: 100%
}

.animFill[data-aos].aos-animate,
.aos-animate[data-aos] .animFill {
    background-position: 0
}

.page {
    background: #fff
}


.page__navigation {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    background: #fff;
    width: 100%;
    height: 100%;
    z-index: 100;
    overflow: auto;
    opacity: 0;
    -webkit-overflow-scrolling: touch
}

.page__navigation-icon {
    display: none;
    right: 7.3rem;
    position: absolute
}

.page__navigation-icon svg {
    width: 1.8rem;
    height: 1.9rem
}

@media screen and (max-width:767px) {
    .page__navigation-icon {
        display: block
    }
}

.page__navigation-header {
    height: 7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 2rem
}

.page__navigation-header .logotype svg {
    width: 9rem;
    height: 1.3rem
}

.page__navigation-header .logotype__img {
    width: 3.2rem;
    height: 3.2rem;
    position: absolute;
    margin-top: -.1rem;
    right: 2.3rem
}

.page__navigation-header .logotype__text {
    position: absolute;
    top: 4.8rem;
    font-size: 1.3rem;
    line-height: 1.5em;
    background-image: -webkit-gradient(linear, right top, left top, from(#000), color-stop(49.99%, #000), color-stop(50%, #ff6565), to(#ed1c80));
    background-image: -webkit-linear-gradient(right, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-image: linear-gradient(-90deg, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-size: 200%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.page__navigation-menu {
    padding: 3rem 2rem
}

.page__navigation-menu ul li {
    font-size: 2.6rem;
    line-height: 1.83em;
    font-weight: 700;
    letter-spacing: -.04em
}

.page__navigation-foot {
    background: #fff;
    padding: 2.5rem 2rem
}

.page__navigation-foot .footer__title {
    color: #fff
}

.page__navigation-foot .footer__email,
.ui h1 {
    margin-bottom: 5rem
}

.telegram {
    position: fixed;
    border-radius: 3.5rem;
    -webkit-box-shadow: 1rem 1.2rem 1.6rem rgba(36, 151, 210, .3);
    box-shadow: 1rem 1.2rem 1.6rem rgba(36, 151, 210, .3);
    background: 0 0;
    right: 4rem;
    bottom: 3.5rem;
    width: 7rem;
    overflow: hidden;
    height: 7rem;
    z-index: 5;
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715)
}

@media screen and (min-width:1024px) {
    .telegram:hover {
        width: 32.8rem;
        background: #000;
        -webkit-transition: width 200ms cubic-bezier(.47, 0, .745, .715);
        transition: width 200ms cubic-bezier(.47, 0, .745, .715)
    }
}

@media screen and (max-width:767px) {
    .telegram {
        right: 2rem;
        bottom: 3rem
    }
}

.telegram__hint,
.telegram__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 7rem
}

.telegram__icon {
    border: 1px solid #39b0ec;
    border-radius: 50%;
    background: red;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-linear-gradient(-45deg, #39b0ec 0%, #1f92cb 100%);
    position: absolute;
    width: 7rem
}

.telegram__icon svg {
    width: 3.5rem;
    height: 3rem;
    margin-left: -.3rem;
    margin-top: -.1rem
}

.telegram__hint {
    width: 20rem;
    font-size: 1.3rem;
    line-height: 1.3em;
    margin-left: 9rem;
    margin-right: 3.5rem
}

.telegram__hint span {
    background-image: -webkit-gradient(linear, right top, left top, from(#000), color-stop(49.99%, #000), color-stop(50%, #ff6565), to(#ed1c80));
    background-image: -webkit-linear-gradient(right, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-image: linear-gradient(-90deg, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-size: 200%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.page--layout-dark .page__content,
.page--layout-dark .page__content a {
    color: #fff
}

.page__footer,
.page__wrapper {
    width: 100%;
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    left: 0;
    position: relative
}

.open-menu .page__navigation {
    opacity: 1;
    pointer-events: auto;
}

.page__content {
    -webkit-box-flex: 1;
    -ms-flex: auto;
    flex: auto;
    background-color: #f6f7f9;

}

.page__content > section:not(.sidebar-block):first-child {
    padding-top: 70px;
}

@media screen and (max-width:767px) {
    .page__content > section:not(.sidebar-block):first-child {
        padding-top: 60px;
    }
}

.page--grey .page__content {
    background: #f4f4f4
}

@supports ((position:-webkit-sticky) or (position:sticky)) {
    @media screen and (max-width: 767px) {
        .page__content {
            padding-top: 0
        }
    }
}

.lock {
    overflow: hidden;
    pointer-events: none;
    height: 100%
}

h1,
h2,
h3,
ul {
    margin: 0
}

h1,
h4,
h5,
h6 {
    font-weight: 700
}

h4,
h5,
h6 {
    margin: 0
}

h1 {
    line-height: 6rem;
    font-size: 5.5rem;
    letter-spacing: -.03em;
    color: #ffffff;
    margin-bottom: 6rem;
    position: relative;
    background-size: 200%;
    background-repeat: no-repeat;
    padding-right: .5rem
}

@media screen and (max-width:767px) {
    h1 {
        font-size: 2.6rem;
        line-height: 1.2em;
        margin-bottom: 3rem;
        padding-right: 0
    }
}

.back,
h1 .next {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715)
}

h1 .next {
    position: absolute;
    right: 0;
    margin-right: calc((100vw - 120rem)/-2);
    text-align: right;
    color: rgba(35, 23, 35, .2);
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    top: 0
}

@media screen and (max-width:767px) {
    h1 .next {
        display: none
    }
}

@media screen and (min-width:1024px) {
    h1 .next:hover {
        color: #000;
        -webkit-transform: translateX(40%);
        transform: translateX(40%)
    }
}

.back {
    color: #ed1c80;
    font-size: 1.8rem;
    line-height: 2rem;
    margin-bottom: 2rem;
    text-decoration: underline;
    display: inline-block
}

@media screen and (min-width:1024px) {
    .back:hover {
        text-decoration: none;
        color: #000
    }
}

@media screen and (max-width:767px) {
    .back {
        font-size: 1.4rem;
        line-height: 2.1rem;
        margin-bottom: 1rem
    }
}

.h1-pre {
    color: rgba(35, 23, 35, .4);
    line-height: 3rem;
    font-size: 2rem;
    margin-top: -4rem;
    position: absolute
}

@media screen and (max-width:767px) {
    .h1-pre {
        position: relative;
        margin-top: 0;
        margin-bottom: 1rem
    }
}

h1,
h1 .next,
h2,
ol li:before {
    display: inline-block
}

h2 {
    line-height: 6rem;
    font-size: 50px;
    font-weight: 700;
    padding-bottom: 4rem;
    letter-spacing: -.03em
}

@media screen and (max-width:767px) {
    h2 {
        font-size: 2.6rem;
        line-height: 1.2em;
        letter-spacing: -.03em;
        margin-bottom: 0;
        padding-bottom: 2rem
    }
}

.ui h2,
h3 {
    margin-bottom: 2rem
}

h3 {
    line-height: 4rem;
    font-size: 3rem;
    font-weight: 400
}

@media screen and (max-width:767px) {
    h3 {
        font-size: 2rem;
        line-height: 3rem;
        margin-bottom: 1rem
    }
}

.gradient,
.gradient2,
.gradient3,
.gradientWhite {
    background-image: -webkit-gradient(linear, right top, left top, from(#000), color-stop(49.99%, #000), color-stop(50%, #ff6565), to(#ed1c80));
    background-image: -webkit-linear-gradient(right, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-image: linear-gradient(-90deg, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-size: 200%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.gradient2,
.gradient3,
.gradientWhite {
    background-image: -webkit-gradient(linear, right top, left top, from(#fff), color-stop(49.99%, #fff), color-stop(50%, #ff6565), to(#ed1c80));
    background-image: -webkit-linear-gradient(right, #fff 0%, #fff 49.99%, #ff6565 50%, #ed1c80 100%);
    background-image: linear-gradient(-90deg, #fff 0%, #fff 49.99%, #ff6565 50%, #ed1c80 100%)
}

.gradient2,
.gradient3 {
    background-image: -webkit-gradient(linear, right top, left top, from(#000), color-stop(49.99%, #000), color-stop(50%, #a7dfff), to(#6aadea));
    background-image: -webkit-linear-gradient(right, #000 0%, #000 49.99%, #a7dfff 50%, #6aadea 100%);
    background-image: linear-gradient(-90deg, #000 0%, #000 49.99%, #a7dfff 50%, #6aadea 100%)
}

.gradient3 {
    background-image: -webkit-gradient(linear, right top, left top, from(#151515), color-stop(49.99%, #151515), color-stop(50%, #9e9e9e), to(#9e9e9e));
    background-image: -webkit-linear-gradient(right, #151515 0%, #151515 49.99%, #9e9e9e 50%, #9e9e9e 100%);
    background-image: linear-gradient(-90deg, #151515 0%, #151515 49.99%, #9e9e9e 50%, #9e9e9e 100%)
}

.pink {
    color: #ed1c80
}

.green {
    color: #00e532
}

.text {
    font-size: 1.5rem;
    line-height: 2.3rem;
    font-weight: 400;
    padding-right: 4rem
}

@media screen and (max-width:767px) {
    .text {
        font-size: 1.3rem;
        line-height: 1.5em;
        margin-bottom: 2rem
    }
}

.text ul {
    list-style: disc;
    margin-left: 2rem
}

.text li,
ol li {
    margin-bottom: 1rem
}

.text li {
    padding-left: 1rem;
    line-height: 2.6rem
}

@media screen and (max-width:767px) {
    .text li {
        padding-left: 0;
        margin-bottom: .5rem
    }
}

.table-of-contents .contents-wrapper .contents-row a,
a.link-underline {
    text-decoration: underline
}

p+p {
    margin: 1rem 0 0
}

@media screen and (max-width:767px) {
    ol li {
        font-size: 1.6rem;
        line-height: 2rem;
        padding-left: 3rem
    }
}

.swiper-lazy-preloader:after,
svg {
    width: 100%;
    height: 100%;
    display: block
}

button,
button.swiper-pagination-bullet {
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button {
    background-color: transparent
}

.visually_hidden {
    position: absolute!important;
    overflow: hidden!important;
    clip: rect(0 0 0 0);
    height: 1px!important;
    width: 1px!important;
    margin: -1px!important;
    padding: 0!important;
    border: 0!important
}

@media screen and (min-width:1024px) {
    .visually_hidden--desktop {
        position: absolute!important;
        overflow: hidden!important;
        clip: rect(0 0 0 0);
        height: 1px!important;
        width: 1px!important;
        margin: -1px!important;
        padding: 0!important;
        border: 0!important
    }
}

@media screen and (max-width:767px) {
    .visually_hidden--mobile {
        position: absolute!important;
        overflow: hidden!important;
        clip: rect(0 0 0 0);
        height: 1px!important;
        width: 1px!important;
        margin: -1px!important;
        padding: 0!important;
        border: 0!important
    }
}

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

.row.ai-c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.row.ai-b {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.row.jc-sb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.row.jc-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.row.jc-fe {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.row>.col {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%
}

.row>.col.no-grow {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.row>[class^=col-] {
    position: relative;
    min-height: 1px;
    width: 100%
}

.col-10,
.col-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-7,
.col-8,
.col-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-7,
.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-4,
.col-5,
.col-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-4,
.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-1,
.col-2,
.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-1,
.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-1 {
    -ms-flex: 0 0 8.3333333%;
    flex: 0 0 8.3333333%;
    max-width: 8.3333333%
}

@media screen and (min-width:1024px) {
    .row.p-40 {
        margin: -2rem
    }
    .row.p-40>[class^=col] {
        padding: 2rem
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .col-t-10,
    .col-t-12 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .col-t-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }
    .col-t-7,
    .col-t-8,
    .col-t-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }
    .col-t-7,
    .col-t-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }
    .col-t-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }
    .col-t-4,
    .col-t-5,
    .col-t-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }
    .col-t-4,
    .col-t-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }
    .col-t-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
    .col-t-1,
    .col-t-2,
    .col-t-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }
    .col-t-1,
    .col-t-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }
    .col-t-1 {
        -ms-flex: 0 0 8.3333333%;
        flex: 0 0 8.3333333%;
        max-width: 8.3333333%
    }
}

@media screen and (max-width:767px) {
    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
    .row.p-40 {
        margin: 3.5rem 0 0
    }
    .row.p-40>[class^=col]+[class^=col] {
        margin-top: 1.5rem
    }
}

.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
    float: left
}

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

.swiper-slide,
.swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

.swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}

.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}

.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}

.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s transform, .2s top;
    transition: .2s transform, .2s top;
    -webkit-transition: .2s transform, .2s top, .2s -webkit-transform;
    transition: .2s transform, .2s top, .2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s left;
    transition: .2s transform, .2s left;
    -webkit-transition: .2s transform, .2s left, .2s -webkit-transform;
    transition: .2s transform, .2s left, .2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s transform, .2s right;
    transition: .2s transform, .2s right;
    -webkit-transition: .2s transform, .2s right, .2s -webkit-transform;
    transition: .2s transform, .2s right, .2s -webkit-transform
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill,
.swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}

.swiper-pagination-black .swiper-pagination-bullet-active,
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.footer__info .copyright br,
.section__menu.scrolling .container:after,
.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}

.swiper-lazy-preloader:after {
    content: '';
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube,
.swiper-container-flip {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}

[data-aos-delay="100"] {
    -webkit-transition-delay: .1s!important;
    transition-delay: .1s!important
}

[data-aos-delay="200"] {
    -webkit-transition-delay: .2s!important;
    transition-delay: .2s!important
}

[data-aos-delay="300"] {
    -webkit-transition-delay: .3s!important;
    transition-delay: .3s!important
}

[data-aos-delay="400"] {
    -webkit-transition-delay: .4s!important;
    transition-delay: .4s!important
}

[data-aos-delay="500"] {
    -webkit-transition-delay: .5s!important;
    transition-delay: .5s!important
}

[data-aos-delay="600"] {
    -webkit-transition-delay: .6s!important;
    transition-delay: .6s!important
}

[data-aos-delay="700"] {
    -webkit-transition-delay: .7s!important;
    transition-delay: .7s!important
}

[data-aos-delay="800"] {
    -webkit-transition-delay: .8s!important;
    transition-delay: .8s!important
}

[data-aos-delay="900"] {
    -webkit-transition-delay: .9s!important;
    transition-delay: .9s!important
}

[data-aos-delay="1000"] {
    -webkit-transition-delay: 1s!important;
    transition-delay: 1s!important
}

[data-aos-delay="1100"] {
    -webkit-transition-delay: 1.1s!important;
    transition-delay: 1.1s!important
}

[data-aos-delay="1200"] {
    -webkit-transition-delay: 1.2s!important;
    transition-delay: 1.2s!important
}

[data-aos-delay="1300"] {
    -webkit-transition-delay: 1.3s!important;
    transition-delay: 1.3s!important
}

[data-aos-delay="1400"] {
    -webkit-transition-delay: 1.4s!important;
    transition-delay: 1.4s!important
}

[data-aos-delay="1500"] {
    -webkit-transition-delay: 1.5s!important;
    transition-delay: 1.5s!important
}

[data-aos-delay="1600"] {
    -webkit-transition-delay: 1.6s!important;
    transition-delay: 1.6s!important
}

[data-aos-delay="1700"] {
    -webkit-transition-delay: 1.7s!important;
    transition-delay: 1.7s!important
}

[data-aos-delay="1800"] {
    -webkit-transition-delay: 1.8s!important;
    transition-delay: 1.8s!important
}

[data-aos-delay="1900"] {
    -webkit-transition-delay: 1.9s!important;
    transition-delay: 1.9s!important
}

[data-aos-delay="2000"] {
    -webkit-transition-delay: 2s!important;
    transition-delay: 2s!important
}

[data-aos-delay="2100"] {
    -webkit-transition-delay: 2.1s!important;
    transition-delay: 2.1s!important
}

[data-aos-delay="2200"] {
    -webkit-transition-delay: 2.2s!important;
    transition-delay: 2.2s!important
}

[data-aos-delay="2300"] {
    -webkit-transition-delay: 2.3s!important;
    transition-delay: 2.3s!important
}

[data-aos-delay="2400"] {
    -webkit-transition-delay: 2.4s!important;
    transition-delay: 2.4s!important
}

[data-aos-delay="2500"] {
    -webkit-transition-delay: 2.5s!important;
    transition-delay: 2.5s!important
}

[data-aos-delay="2600"] {
    -webkit-transition-delay: 2.6s!important;
    transition-delay: 2.6s!important
}

[data-aos-delay="2700"] {
    -webkit-transition-delay: 2.7s!important;
    transition-delay: 2.7s!important
}

[data-aos-delay="2800"] {
    -webkit-transition-delay: 2.8s!important;
    transition-delay: 2.8s!important
}

[data-aos-delay="2900"] {
    -webkit-transition-delay: 2.9s!important;
    transition-delay: 2.9s!important
}

[data-aos-delay="3000"] {
    -webkit-transition-delay: 3s!important;
    transition-delay: 3s!important
}

.page.page--contents {
    background-color: #fff;
    color: #000
}

.page.page--contents a {
    color: #000
}

#debug,
.debug-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.debug-wrapper {
    z-index: 1000000;
    display: none;
    height: 0
}

.debug-wrapper .debug-service {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2rem;
    background: rgba(0, 0, 0, .5);
    font-size: 1.2rem
}

.debug-wrapper .debug-service a {
    color: #fff;
    text-decoration: underline
}

.is-debug .debug-wrapper {
    display: block
}

#debug {
    height: 100%;
    pointer-events: none
}

#debug .debug-container {
    -webkit-box-shadow: inset -4rem 0 0 -2rem rgba(0, 255, 255, .2), inset 4rem 0 0 -2rem rgba(0, 255, 255, .2);
    box-shadow: inset -4rem 0 0 -2rem rgba(0, 255, 255, .2), inset 4rem 0 0 -2rem rgba(0, 255, 255, .2)
}

#debug .debug-content {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-auto-rows: minmax(100%, auto);
    width: 100%;
    height: 100%;
    background: 0 0;
    padding: 0
}

#debug .debug-content div {
    outline: 1px solid #0dd;
    margin: 0
}

@media screen and (max-width:767px) {
    #debug .debug-content {
        grid-template-columns: repeat(6, 1fr)
    }
    #debug .debug-content div:nth-child(10),
    #debug .debug-content div:nth-child(11),
    #debug .debug-content div:nth-child(12),
    #debug .debug-content div:nth-child(7),
    #debug .debug-content div:nth-child(8),
    #debug .debug-content div:nth-child(9) {
        display: none
    }
}

.is-debug-outline * {
    outline: 1px dotted rgba(255, 0, 0, .5)
}

.is-debug-outline * * {
    outline: 1px dotted rgba(0, 128, 0, .5)
}

.is-debug-outline * * * {
    outline: 1px dotted rgba(255, 165, 0, .5)
}

.is-debug-outline * * * * {
    outline: 1px dotted rgba(0, 0, 255, .5)
}

.is-debug-outline * * * * * {
    outline: 1px solid rgba(255, 0, 0, .5)
}

.is-debug-outline * * * * * * {
    outline: 1px solid rgba(0, 128, 0, .5)
}

.is-debug-outline * * * * * * * {
    outline: 1px solid rgba(255, 165, 0, .5)
}

.is-debug-outline * * * * * * * * {
    outline: 1px solid rgba(0, 0, 255, .5)
}

.is-debug-outline * * * * * * * * * {
    outline: 1px solid rgba(240, 248, 255, .5)
}

.is-debug-outline * * * * * * * * * * {
    outline: 1px solid rgba(250, 235, 215, .5)
}

.is-debug-outline * * * * * * * * * * * {
    outline: 1px solid rgba(0, 255, 255, .5)
}

.is-debug-outline * * * * * * * * * * * * {
    outline: 1px solid rgba(127, 255, 212, .5)
}

.is-debug-outline * * * * * * * * * * * * * {
    outline: 1px solid rgba(138, 43, 226, .5)
}

.is-debug-outline * * * * * * * * * * * * * * {
    outline: 1px solid rgba(165, 42, 42, .5)
}

.is-debug-outline * * * * * * * * * * * * * * * {
    outline: 1px solid rgba(222, 184, 135, .5)
}

.is-debug-outline * * * * * * * * * * * * * * * * {
    outline: 1px solid rgba(95, 158, 160, .5)
}

.table-of-contents .contents-wrapper {
    width: 100%;
    margin-top: 2rem
}

.table-of-contents .contents-wrapper h2 {
    font-size: 3rem;
    margin: 3rem 0
}

.table-of-contents .contents-wrapper .contents-row {
    display: grid;
    grid-template-columns: 4rem 1fr 15rem 10rem;
    grid-auto-rows: 5rem;
    grid-column-gap: 0;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.table-of-contents .contents-wrapper .contents-row .contents-col {
    text-align: left;
    padding: 1rem;
    font-size: 2rem;
    border-top: 1px solid #ccc
}

.table-of-contents .contents-wrapper .contents-row .contents-col.done,
.table-of-contents .contents-wrapper .contents-row .contents-col.wait,
.table-of-contents .contents-wrapper .contents-row .contents-col.wip {
    border-left: 1px solid #ccc
}

.table-of-contents .legend {
    margin-top: 1rem
}

.table-of-contents .legend .status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%
}

.table-of-contents .legend .status div {
    font-size: 1.8rem;
    border: 1px solid #ccc;
    padding: 1rem
}

.table-of-contents .done {
    background: #64ffda
}

.table-of-contents .wip {
    background: #ffff8d
}

.ui h2 {
    margin-top: 4rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, .3)
}

.ui h3,
.ui h4 {
    margin: 2rem 0
}

.ui .descr {
    font-size: 1.4rem;
    color: #ccc;
    padding: 1rem 0 2rem
}

.ui .descr p {
    font-size: 1.2rem
}

.ui .descr p+p {
    margin-top: .5rem
}

.page__header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 10
}

.header {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    position: relative;
    -webkit-box-shadow: 0 .4rem 3.5rem transparent;
    box-shadow: 0 .4rem 3.5rem transparent;
        background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .05);
    box-shadow: 0 0 10px rgba(0, 0, 0, .05);
}

.header.white {
    background: #fff
}

@media screen and (max-width:767px) {
    .header__icon {
        display: block
    }
    .header__icon svg {
        width: 2.4rem;
        height: 1.5rem
    }
}

.header__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.5rem;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

@media screen and (max-width:767px) {
    .header__menu {
        display: none;
        padding-right: 0;
    }
}

.header .header__menu .container {
    padding-right: 6rem;
    background: 0 0
}

@media screen and (min-width:1024px) {
    .header .header__menu .container {
        top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.header__menu-item {
	display: flex;
	align-items: center;
}

.active .header__menu-link,
.button--black .button__wrap span {
    background-image: -webkit-gradient(linear, right top, left top, from(#000), color-stop(49.99%, #000), color-stop(50%, #ff6565), to(#ed1c80));
    background-image: -webkit-linear-gradient(right, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-image: linear-gradient(-90deg, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-size: 200%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.header__menu-link {
    -webkit-transition: opacity .3s ease-in, -webkit-transform .175s ease-in;
    transition: opacity .3s ease-in, transform .175s ease-in;
    transition: opacity .3s ease-in, transform .175s ease-in, -webkit-transform .175s ease-in;
    cursor: pointer;
    position: relative;
    display: inline-block;
    transition: 0.25s linear;
    text-transform: lowercase;
}

.info-bar__content a{
    text-transform: lowercase;
}

.header .logotype:active,
.header__menu-link:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

.page--grey .header {
    background: #f4f4f4
}

.header .container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 20px;
    padding-right: 20px;
}

.header .container,
.header .menu_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.header .menu_nav li {
    margin: 0 0 0 2rem;
    text-transform: uppercase
}

.page-black .header a {
    color: #9e9e9e

}

.header .logotype {
    -webkit-transition: -webkit-transform .175s ease-in;
    transition: transform .175s ease-in;
    transition: transform .175s ease-in, -webkit-transform .175s ease-in;
    font-size: 2rem;
    pointer-events: auto;
    display: inline-block;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
	color: #fff;

}

.logotype_text_red{
	color: #6a32ff;
}

.header .logotype svg {
    width: 12rem;
    height: 1.75rem
}

.header-social{
    display: flex;
}


@media screen and (min-width:768px) and (max-width:1023px) {
    .header .logotype__img {
        position: inherit;
        left: 0;
        margin-right: 2rem
    }
}

.header .logotype__text {
    line-height: 1em;
    font-weight: 400;
    font-family: 'Patua One', cursive;
    display: flex;
    align-items: center;
}
@media screen and (min-width:1024px) {
    .header {
        height: auto;
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .header {
        height: auto;
    }
    .header .container {
        padding-top: 0
    }
}

@media screen and (max-width:767px) {
    .header .logotype{
        padding-left: 0px;
    }
    .header .menu {
        display: none
    }
    .header .logotype svg {
        width: 9rem;
        height: 1.3rem
    }
    .header .logotype__img {
        left: auto;
        right: 2.3rem
    }
    .header .logotype__text {
        display: none
    }

    .container-media__item[data-type-media="top"] .iframe-rating{
        min-height: 100vw;
    }
}

.footer {
    border-top: 1px solid rgba(0,0,0,.06);
    background: #fff;
    padding: 1rem 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.5rem;
}

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

.footer,
.footer a {
    color: #000;
    position: relative
}

.footer .container {
    height: auto;
    margin-bottom: 5rem
}

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

.footer__feedback {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:767px) {
    .footer__feedback {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .footer__feedback-left {
        padding-top: 4rem
    }
}

.footer__feedback-right {
    padding-top: 2rem
}

@media screen and (max-width:767px) {
    .footer__feedback-right {
        padding-top: 0
    }
}

.footer__title {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 22px;

    color: #FFFFFF;
}

@media screen and (max-width:767px) {
    .footer__title {
        font-size: 1.4rem;
        line-height: 1.8rem
    }
}

.footer__email {
    font-size: 5.5rem;
    line-height: 6rem;
    font-weight: 700;
    letter-spacing: -.03em
}

@media screen and (max-width:767px) {
    .footer__email {
        font-size: 2.6rem;
        line-height: 1.2em
    }
}

.footer__email a,
.footer__info-right a {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715)
}

.footer__email a {
    background-image: -webkit-gradient(linear, right top, left top, from(#000), color-stop(49.99%, #000), color-stop(50%, #ff6565), to(#ed1c80));
    background-image: -webkit-linear-gradient(right, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-image: linear-gradient(-90deg, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-size: 200%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: relative
}

@media screen and (min-width:1024px) {
    .footer__email a:after {
        text-decoration: none;
        background: -webkit-linear-gradient(-45deg, #ed1c80 0%, #ff6565 100%);
        content: "";
        position: absolute;
        display: block;
        height: .3rem;
        right: 0;
        bottom: .2rem;
        width: 0;
        -webkit-transition: width .3s cubic-bezier(.47, 0, .745, .715);
        transition: width .3s cubic-bezier(.47, 0, .745, .715)
    }
    .footer__email a:hover:after {
        width: 100%;
        -webkit-transition: width .3s cubic-bezier(.29, .18, .26, .83);
        transition: width .3s cubic-bezier(.29, .18, .26, .83);
        left: 0
    }
}

.footer__line {
    background: -webkit-linear-gradient(-45deg, #ed1c80 0%, #ff6565 100%);
    height: 1px;
    margin: 5rem 0 4rem;
    opacity: .3
}

@media screen and (max-width:767px) {
    .footer__line {
        margin: 2rem 0
    }
}

.footer__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

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

@media screen and (min-width:1024px) {
    .footer__info-left a:after {
        text-decoration: none;
        background: -webkit-linear-gradient(0deg, #ed1c80 0%, #ff6565 100%);
        content: "";
        position: absolute;
        display: block;
        height: 1px;
        right: 0;
        bottom: 0;
        width: 0;
        -webkit-transition: width .3s cubic-bezier(.47, 0, .745, .715);
        transition: width .3s cubic-bezier(.47, 0, .745, .715)
    }
    .footer__info-left a:hover:after {
        width: 100%;
        -webkit-transition: width .3s cubic-bezier(.29, .18, .26, .83);
        transition: width .3s cubic-bezier(.29, .18, .26, .83);
        left: 0
    }
}

.footer__info-right {
    font-size: 0
}

@media screen and (max-width:767px) {
    .footer__info-right {
        margin-top: 3rem;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 1rem
    }
}

.footer__info-right a {
    color: #fff
}

.footer__info-right a svg {
    display: inline-block;
    width: 3rem;
    height: 3rem
}

.footer__info-right a:hover {
    color: #ed1c80
}

.footer__info-right a+a {
    margin-left: 1.5rem
}

.footer__info .copyright {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-top: 7rem
}

@media screen and (max-width:767px) {
    .footer__info .copyright {
        margin-top: 5rem;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .footer__info .copyright br {
        display: inline-block
    }
}

@media screen and (min-width:1024px) {
    .footer {
        height: auto
    }
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .footer {
        height: auto
    }
}

@media screen and (max-width:767px) {
    .footer {
        height: auto
    }
}

.section {
    width: 100%;
    overflow: hidden
}

.section:not(.section__padding){
    padding: 0;
    padding-top: 50px;
}

.section__grey {
    background: #efefef
}

.section__darkgrey {
    background: #151515;
    color: #fff
}

.section__black {
    background: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    color: #fff
}

.section__padding {
    padding-bottom: 0;
}

@media screen and (max-width:767px) {
    .section__padding {
        padding-bottom: 0
    }
}

.section__solution,
.section__solution .container {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715)
}

.section__solution {
    position: relative;
    cursor: pointer
}

.section__solution .container {
    padding-top: 0;
    padding-bottom: 0;
    max-height: 17.5rem;
    overflow: hidden
}

.section__solution .container:after {
    height: 1px;
    width: 100%;
    position: absolute;
    bottom: 0;
    width: calc(100% - 8rem);
    background: #000;
    content: " ";
    opacity: .1
}

@media screen and (max-width:767px) {
    .section__solution .container:after {
        width: calc(100% - 4rem)
    }
}

.section__solution.active {
    cursor: default;
    background: #fff
}

.section__solution.active .container {
    max-height: 100rem;
    color: #fff
}

.section__solutions h1 {
    max-width: 77rem
}

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

.section__solutions-menu {
    position: relative
}

.section__solutions-menu .container {
    padding-top: 0;
    padding-bottom: 0
}

.section__solutions-menu:before {
    height: 1px;
    position: absolute;
    top: 0;
    width: 100%;
    background: -webkit-linear-gradient(0deg, #ed1c80 0%, #ff6565 100%);
    content: " ";
    opacity: .1
}

@media screen and (max-width:767px) {
    .section__solutions-menu:before {
        display: none
    }
}

.section__solutions-menu:after {
    height: 1px;
    position: absolute;
    bottom: 0;
    width: 100%;
    background: -webkit-linear-gradient(0deg, #ed1c80 0%, #ff6565 100%);
    content: " ";
    opacity: .1
}

@media screen and (max-width:767px) {
    .section__solutions-menu:after {
        display: none
    }
}

.section__blacked {
    background: #151515;
    color: #fff
}

.section__border {
    border-bottom: 1px solid rgba(35, 23, 35, .1)
}

.section__border-top .container:before {
    width: calc(100% - 8rem);
    height: 1px;
    background: rgba(35, 23, 35, .1);
    display: block;
    content: '';
    top: 0;
    position: absolute
}

@media screen and (max-width:767px) {
    .section__border-top .container:before {
        width: calc(100% - 4rem)
    }
}

.section__work .container,
.section__works-title .container {
    padding-bottom: 0
}

.section__works-title .container h1 {
    margin-bottom: 3.3rem
}

.section__menu {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    -webkit-transform: translateZ(-1);
    transform: translateZ(-1);
    position: -webkit-sticky;
    position: sticky;
    top: 8rem;
    z-index: 5;
    background: #fff;
    -webkit-box-shadow: 0 .4rem 3.5rem transparent;
    box-shadow: 0 .4rem 3.5rem transparent
}

@media screen and (max-width:767px) {
    .section__menu {
        top: 7rem
    }
}

.section__menu .container {
    padding: 2.1rem 4rem
}

.section__menu .container:after,
.section__menu.scrolling .container:before {
    height: 1px;
    background: rgba(196, 196, 196, .3);
    width: calc(100% - 8rem);
    position: absolute;
    content: ' '
}

.section__menu .container:after {
    bottom: 0
}

@media screen and (max-width:767px) {
    .section__menu .container {
        padding: 0
    }
    .section__menu .container:after {
        width: 100%
    }
}

.section__menu.scrolling {
    -webkit-box-shadow: 0 .4rem 3.5rem rgba(0, 0, 0, .15);
    box-shadow: 0 .4rem 3.5rem rgba(0, 0, 0, .15)
}

.section__menu.scrolling .container:before {
    top: 0
}

@media screen and (max-width:767px) {
    .section__menu.scrolling .container:before {
        display: none
    }
}

.section__fullimage {
    background: #fff;
    position: relative
}

.section__fullimage-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(#151515), color-stop(49.99%, #151515), color-stop(50%, transparent), to(transparent));
    background-image: -webkit-linear-gradient(right, #151515 0%, #151515 49.99%, transparent 50%, transparent 100%);
    background-image: linear-gradient(-90deg, #151515 0%, #151515 49.99%, transparent 50%, transparent 100%);
    background-size: 200%;
    background-repeat: no-repeat
}

.section__fullimage img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    width: 100%;
    height: 50rem;
    display: block
}

@media screen and (max-width:767px) {
    .section__fullimage img {
        height: 18rem
    }
}

.container {
    position: relative;
    padding: 70px 100px;
}

.container__main{
    padding-bottom: 20px;
}

@media screen and (min-width:1024px) {
    .container {
        margin: 0 auto;
        padding: 25px 20px;
        width: 100%;
        max-width: 1280px;
    }
    .section__grey .container {
        padding-bottom: 5rem
    }
}

.page--404 .page__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-404 {
    width: 60rem;
    margin: 0 auto;
    position: relative
}

.popup__button {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    display: inline-block;
    overflow: visible;
    margin: 0;
    padding: 15px;
    cursor: pointer;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: 333ms;
    transition-duration: 333ms;
    -webkit-transition-property: opacity, margin-right, -webkit-filter;
    transition-property: opacity, filter, margin-right;
    transition-property: opacity, filter, margin-right, -webkit-filter;
    text-transform: none;
    color: inherit;
    border: 0;
    background-color: transparent;
    font-size: 0
}

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

.popup__button-box {
    position: relative;
    display: inline-block;
    width: 2.4rem;
    height: 1.6rem
}

.popup__button-inner {
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    margin-top: -.2rem;
    top: .2rem
}

.popup__button-inner,
.popup__button-inner:before {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    display: block;
    position: absolute;
    width: 2.4rem;
    height: .2rem;
    background-color: #000;
    content: " "
}

.popup__button-inner,
.popup__button-inner:after,
.popup__button-inner:before {
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .15s;
    transition-duration: .15s
}

.popup__button-inner:after {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    display: block;
    position: absolute;
    width: 2.4rem;
    height: .2rem;
    background-color: #000;
    content: " ";
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

@media screen and (min-width:1024px) {
    .popup__button:hover .popup__button-inner,
    .popup__button:hover .popup__button-inner:after,
    .popup__button:hover .popup__button-inner:before {
        color: #ed1c80;
        background-color: #ed1c80
    }
}

.popup__button-inner:before {
    top: .7rem;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.popup__button-inner:after {
    top: 1.4rem;
    bottom: -2rem
}

.popup__button.active .popup__button-inner {
    -webkit-transform: translate3d(0, .8rem, 0) rotate(45deg);
    transform: translate3d(0, .8rem, 0) rotate(45deg)
}

.popup__button.active .popup__button-inner:before {
    -webkit-transform: rotate(-45deg) translate3d(-5.71429px, -5px, 0);
    transform: rotate(-45deg) translate3d(-5.71429px, -5px, 0);
    opacity: 0
}

.popup__button.active .popup__button-inner:after {
    -webkit-transform: translate3d(0, -1.4rem, 0) rotate(-90deg);
    transform: translate3d(0, -1.4rem, 0) rotate(-90deg)
}

.works__menu {
    font-size: 1.5rem;
    line-height: 2.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    position: relative
}

@media screen and (max-width:767px) {
    .works__menu {
        height: 5rem;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        font-size: 1.3rem;
        line-height: 1.5em
    }
    .works__menu-c {
        padding: 0 2rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%
    }
}

.works__menu div {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 2.5rem
}

@media screen and (max-width:767px) {
    .works__menu div {
        margin-right: 2rem
    }
}

.works__menu div:last-child {
    margin-right: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    text-align: right
}

@media screen and (max-width:767px) {
    .works__menu div:last-child {
        padding-right: 2rem
    }
}

.works__menu a,
.works__menu a span,
.works__table-item.link .works__table-name span {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715)
}

.works__menu a {
    border-radius: .4rem;
    display: inline-block
}

.events__years a mark,
.solutions__menu a mark,
.works__menu a mark {
    background: #fff;
    margin: 1px;
    border-radius: .3rem;
    height: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.works__menu a span,
.works__table-item.link .works__table-name span {
    background-repeat: none;
    background-image: -webkit-linear-gradient(-180deg, #000 0%, #000 50%, #ed1c80 50.1%, #ff6565 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-position: 100% center;
    position: relative
}

@media screen and (min-width:1024px) {
    .works__menu a span:after {
        text-decoration: none;
        background: -webkit-linear-gradient(0deg, #ed1c80 0%, #ff6565 100%);
        content: "";
        position: absolute;
        display: block;
        height: 1px;
        right: 0;
        bottom: 0;
        width: 0;
        -webkit-transition: width .3s cubic-bezier(.47, 0, .745, .715);
        transition: width .3s cubic-bezier(.47, 0, .745, .715)
    }
    .works__menu a span:hover:after {
        width: 100%;
        -webkit-transition: width .3s cubic-bezier(.29, .18, .26, .83);
        transition: width .3s cubic-bezier(.29, .18, .26, .83);
        left: 0
    }
}

.works__menu a.active {
    background-image: -webkit-linear-gradient(-180deg, #ed1c80 0%, #ff6565 100%)
}

.works__menu a.active span {
    padding: 0 1rem;
    background-position: 0 center
}

@media screen and (max-width:767px) {
    .works__menu a.active span {
        padding: 0 .7rem
    }
}

.works__menu a.active span:after,
.works__table-win svg {
    display: none
}

.works__releases-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 4rem
}

@media screen and (max-width:767px) {
    .works__releases-header {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.works__releases-header h2 {
    margin-bottom: 0;
    max-width: 50%
}

.works__releases-header a {
    color: #ed1c80;
    font-size: 2rem;
    line-height: 2rem;
    text-decoration: underline
}

@media screen and (max-width:767px) {
    .works__releases-header a {
        font-size: 1.6rem
    }
}

.works__overlay,
.works__popup {
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    position: fixed;
    pointer-events: none;
    opacity: 0
}

.works__overlay,
.works__overlay.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.works__overlay {
    background: rgba(0, 0, 0, .7);
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    z-index: 10
}

.works__overlay.active {
    pointer-events: auto;
    opacity: 1
}

.works__popup {
    z-index: 101;
    -webkit-transition: all .333s ease 0ms;
    transition: all .333s ease 0ms;
    -webkit-transform: translateY(calc(100%));
    transform: translateY(calc(100%))
}

.works__popup .popup__button {
    position: fixed;
    right: calc((100% - 115rem)/2);
    top: 0;
    z-index: 22;
    width: 10rem;
    height: 10rem;
    color: #fff;
    text-align: center;
    background-image: -webkit-gradient(linear, right top, left top, from(#000), color-stop(49.99%, #000), color-stop(50%, #ff6565), to(#ed1c80));
    background-image: -webkit-linear-gradient(right, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-image: linear-gradient(-90deg, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-size: 200%;
    background-repeat: no-repeat;
    background-position: 100%;
    -webkit-transition: background 333ms cubic-bezier(.47, 0, .745, .715);
    transition: background 333ms cubic-bezier(.47, 0, .745, .715)
}

@media screen and (min-width:1024px) {
    .works__popup .popup__button:hover {
        background-position: 0
    }
}

@media screen and (max-width:767px) {
    .works__popup .popup__button {
        width: 5rem;
        height: 5rem;
        right: 0;
        top: 0
    }
}

.works__popup .popup__button svg {
    width: 2.1rem;
    height: 2.1rem;
    display: inline-block
}

@media screen and (max-width:767px) {
    .works__popup .popup__button {
        top: 0;
        right: 0
    }
    .works__popup {
        width: 100%;
        padding: 0;
        left: 0
    }
}

.works__popup-content-wrap {
    overflow: hidden;
    overflow-y: auto;
    height: 100%;
    -webkit-overflow-scrolling: touch
}

.works__popup-content {
    margin-top: 10rem;
    padding: 4.5rem 4.5rem 0;
    background: #f4f4f4;
    width: 115rem;
    margin-left: calc((100% - 115rem)/2)
}

@media screen and (max-width:767px) {
    .works__popup-content {
        padding: 4rem 2rem;
        margin-top: 0;
        width: 100%;
        margin-left: 0
    }
}

.works__popup.open {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all .333s .15s ease;
    transition: all .333s .15s ease
}

.works__popup.ready {
    pointer-events: auto
}

.works__list {
    -webkit-transition: opacity 333ms cubic-bezier(.47, 0, .745, .715);
    transition: opacity 333ms cubic-bezier(.47, 0, .745, .715);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 0;
    opacity: 0
}

.works__list.active {
    height: auto;
    opacity: 1
}

.works .works__menu {
    margin-bottom: 3rem
}

@media screen and (max-width:767px) {
    .works .works__menu {
        margin-bottom: 2rem
    }
}

.works__table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 5rem
}

.works__table:last-child {
    margin-bottom: 0
}

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

.works__table-year {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10rem;
    flex: 0 0 10rem
}

@media screen and (max-width:767px) {
    .works__table-year {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.works__table-content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

@media screen and (max-width:767px) {
    .works__table-content {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
        width: 100%
    }
}

.works__table-title {
    font-size: 1.5rem;
    line-height: 2.3rem;
    margin-bottom: 1rem;
    line-height: 1.2em
}

.works__table-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 3.6rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid rgba(196, 196, 196, .3);
    font-size: 1.5rem;
    line-height: 2.3rem;
    color: rgba(35, 23, 35, .5);
    position: relative
}

@media screen and (max-width:767px) {
    .works__table-item {
        font-size: 1.3rem;
        line-height: 1.5em
    }
}

.works__table-item.link {
    color: #fff;
    cursor: pointer
}

@media screen and (min-width:1024px) {
    .works__table-item.link:hover .works__table-name span {
        background-position: 0 center
    }
    .works__table-item.link:after {
        -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
        transition: all 333ms cubic-bezier(.47, 0, .745, .715);
        content: " ";
        height: 1px;
        background-image: -webkit-linear-gradient(0deg, #ed1c80 0%, #ff6565 100%);
        background-size: 100% auto;
        position: absolute;
        bottom: -1px;
        left: 0;
        width: 100%;
        opacity: 0
    }
    .works__table-item.link:hover:after {
        opacity: 1
    }
}

.works__table-name {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30rem;
    flex: 0 0 30rem
}

@media screen and (max-width:767px) {
    .works__table-name {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25rem;
        flex: 0 0 25rem
    }
}

.works__table-win {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 11rem;
    flex: 0 0 11rem;
    color: rgba(35, 23, 35, .5)
}

@media screen and (max-width:767px) {
    .works__table-win {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4rem;
        flex: 0 0 4rem
    }
    .works__table-win span {
        display: none
    }
}

@media screen and (max-width:767px) {
    .works__table-win svg {
        display: inline-block;
        width: 1rem;
        height: 1.3rem;
        vertical-align: middle
    }
}

.works__table-url {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20rem;
    flex: 0 0 20rem;
    position: relative
}

@media screen and (max-width:767px) {
    .works__table-url {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 10rem;
        flex: 1 1 10rem
    }
}

.works__table-url a,
.works__table-url a svg {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715)
}

.works__table-url a {
    color: rgba(35, 23, 35, .5)
}

@media screen and (max-width:767px) {
    .works__table-url a span {
        font-size: 0
    }
    .works__table-url a span:after {
        content: "сайт";
        display: inline-block;
        font-size: 1.3rem;
        padding-right: 1.5rem
    }
}

.works__table-url a svg {
    display: inline-block;
    width: 1.7rem;
    height: 1.7rem;
    position: absolute;
    left: -2.5rem;
    top: .75rem;
    opacity: .3
}

@media screen and (max-width:767px) {
    .works__table-url a svg {
        left: auto;
        right: 0;
        top: .6rem
    }
}

@media screen and (min-width:1024px) {
    .works__table-url a:hover {
        color: #fff
    }
    .works__table-url a:hover svg {
        opacity: 1
    }
}

.works__table-tags {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40rem;
    flex: 0 0 40rem;
    text-align: right;
    font-size: 0
}

@media screen and (max-width:767px) {
    .works__table-tags {
        display: none
    }
}

.works__table-tags span {
    font-size: 1rem;
    line-height: 1.3em;
    color: rgba(35, 23, 35, .6);
    background: #f4f4f4;
    border-radius: .3rem;
    height: 1.8rem;
    display: inline-block;
    line-height: 1.8rem;
    padding: 0 .5rem;
    margin-left: .5rem
}

.works__item {
    padding-bottom: 5rem;
    margin-bottom: 5rem;
    border-bottom: 1px solid rgba(196, 196, 196, .3)
}

.works__item:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.works__item a {
    -webkit-transition: -webkit-transform .175s ease-in;
    transition: transform .175s ease-in;
    transition: transform .175s ease-in, -webkit-transform .175s ease-in;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff
}

.works__item-image {
    width: 76rem;
    height: 26rem;
    margin-right: 4rem;
    position: relative
}

.works__item-image img,
.works__item-video {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    position: absolute
}

.works__item-image img {
    opacity: 0;
    border-radius: .4rem
}

.works__item-image img.show {
    opacity: 1
}

.works__item-video {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2
}

.works__item-image img,
.works__item-video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:767px) {
    .works__item-video video {
        display: none
    }
}

.works__item-info {
    width: 33rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.works__item-text {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    font-size: 2.1rem;
    font-weight: 700;
    line-height: 1.35em;
    letter-spacing: -.02em;
    margin-bottom: 1rem;
    background-position: 100%
}

.works__item-more {
    font-size: 1.5rem
}

.works__item-tags {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.works__item-tags span {
    display: inline-block;
    background: #f4f4f4;
    padding: .2rem .4rem;
    font-size: 1rem;
    border-radius: .3rem;
    line-height: 1.3em
}

.works__item-tags span+span {
    margin-left: .5rem
}

.works__item-arrow {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    width: 4rem;
    display: inline-block;
    margin-left: 1rem;
    opacity: 0
}

@media screen and (max-width:767px) {
    .works__item {
        border-bottom: 0;
        margin-bottom: 4.5rem;
        padding-bottom: 0
    }
    .works__item a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .works__item-image {
        width: 100%;
        margin-right: 0;
        height: 11.5rem;
        margin-bottom: 1rem
    }
    .works__item-image img {
        display: block
    }
    .works__item-text {
        font-size: 1.4rem;
        line-height: 1.8rem;
        margin-bottom: 1.3rem
    }
    .works__item-more {
        display: none
    }
}

.works__item a:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

@media screen and (min-width:1024px) {
    .works__item a:hover .works__item-arrow,
    .works__item a:hover .works__item-video {
        opacity: 1
    }
    .works__item a:hover .works__item-text {
        background-position: 0
    }
}

.events__years {
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    font-size: 1.5rem;
    line-height: 2.3rem;
    padding-bottom: 2rem;
    margin-bottom: 5rem
}

@media screen and (max-width:767px) {
    .events__years {
        line-height: 2rem
    }
}

.events-more,
.events__years a,
.events__years a span,
.solutions__menu a span {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715)
}

.events__years a {
    border-radius: .4rem;
    display: inline-block;
    margin-right: 2rem
}

.events-more,
.events__years a span,
.solutions__menu a span {
    position: relative
}

.events__years a span,
.solutions__menu a span {
    background-repeat: none;
    background-image: -webkit-linear-gradient(-180deg, #000 0%, #000 50%, #ed1c80 50.1%, #ff6565 100%);
    background-size: 200% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-position: 100% center
}

@media screen and (min-width:1024px) {
    .events__years a span:hover:after {
        width: 100%
    }
    .events__years a span:after {
        text-decoration: none;
        background: -webkit-linear-gradient(-45deg, #ed1c80 0%, #ff6565 100%);
        content: "";
        position: absolute;
        display: block;
        height: 1px;
        left: 0;
        bottom: 0;
        width: 0;
        -webkit-transition: all 333ms ease;
        transition: all 333ms ease
    }
}

.events__years a.active {
    background-image: -webkit-linear-gradient(-180deg, #ed1c80 0%, #ff6565 100%)
}

.events__years a.active span {
    padding: 0 1rem;
    background-position: 0 center
}

@media screen and (max-width:767px) {
    .events__years a.active span {
        padding: 0 .7rem
    }
}

.events__years a.active span:after {
    display: none
}

.events-more {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2rem;
    line-height: 2rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.events-more a {
    color: #ed1c80;
    text-decoration: underline
}

@media screen and (min-width:1024px) {
    .events-more a:hover {
        text-decoration: none
    }
}

.events__item {
    border-bottom: 1px solid rgba(196, 196, 196, .5);
    padding-bottom: 5rem;
    margin-bottom: 5rem
}

.events__item:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: 0
}

@media screen and (max-width:767px) {
    .events__item {
        margin-bottom: 2rem;
        padding-bottom: 2rem;
        border-bottom: 0
    }
}

.events__item-logo img {
    max-height: 5rem;
    max-width: 8rem
}

.events__item-link {
    position: absolute;
    font-size: 1.5rem;
    line-height: 2.3rem;
    vertical-align: middle;
    right: 0
}

.events__item-link svg {
    width: 1.7rem;
    height: 1.7rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem
}

.events__item-link span {
    background-image: -webkit-gradient(linear, right top, left top, from(#000), color-stop(49.99%, #000), color-stop(50%, #ff6565), to(#ed1c80));
    background-image: -webkit-linear-gradient(right, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-image: linear-gradient(-90deg, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-size: 200%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    vertical-align: middle
}

@media screen and (max-width:767px) {
    .events__item-link {
        font-size: 1.3rem;
        line-height: 1.5em
    }
    .events__item-link span {
        display: none
    }
    .events__item-link svg {
        margin-right: 0
    }
}

.events__item-date {
    color: rgba(35, 23, 35, .4);
    line-height: 2.3rem;
    font-size: 1.5rem;
    margin-bottom: 1rem
}

@media screen and (max-width:767px) {
    .events__item-date {
        font-size: 1.3rem;
        line-height: 1.5em
    }
}

.events__item-title {
    font-size: 2.1rem;
    line-height: 1.35em;
    color: #fff;
    font-weight: 700;
    margin-bottom: 2.4rem
}

@media screen and (max-width:767px) {
    .events__item-title {
        font-size: 1.5rem;
        line-height: 1.8rem;
        margin-bottom: 1.5rem
    }
}

.events__item-text {
    font-size: 1.5rem;
    line-height: 2.3rem;
    color: #fff;
    margin-bottom: 2rem
}

.events__item-text li:before {
    content: "•";
    padding-right: 1.5rem
}

@media screen and (max-width:767px) {
    .events__item-text {
        font-size: 1.3rem;
        line-height: 1.5em
    }
}

.events__item-text a {
    color: #ed1c80;
    position: relative
}

@media screen and (min-width:1024px) {
    .events__item-text a:before {
        height: 1px;
        width: 0;
        content: ' ';
        position: absolute;
        bottom: 0;
        background: #ed1c80;
        -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
        transition: all 333ms cubic-bezier(.47, 0, .745, .715)
    }
    .events__item-text a:hover:before {
        width: 100%
    }
}

.events__item-images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:767px) {
    .events__item-images {
        display: block
    }
    .events__item-image {
        margin-bottom: 2rem
    }
}

.events__item-image img {
    max-width: 36rem;
    height: auto
}

@media screen and (max-width:767px) {
    .events__item-image img {
        max-width: 100%
    }
}

.owl-dots {
    display: none
}


.brief__title {
    font-size: 4.5rem;
    line-height: 5rem;
    margin-bottom: 2rem;
    font-weight: 700;
    letter-spacing: -.03em;
    background-image: -webkit-gradient(linear, right top, left top, from(#000), color-stop(49.99%, #000), color-stop(50%, #ff6565), to(#ed1c80));
    background-image: -webkit-linear-gradient(right, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-image: linear-gradient(-90deg, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-size: 200%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (max-width:767px) {
    .brief__title {
        font-size: 2.6rem;
        line-height: 1.2em
    }
}

.brief__text {
    font-size: 2.1rem;
    line-height: 1.5em;
    margin-bottom: 7rem
}

@media screen and (max-width:767px) {
    .brief__text {
        font-size: 1.4rem;
        line-height: 2.1rem;
        margin-bottom: 3rem
    }
}

.mainpage__hello-title {
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 900;
	font-size: 64px;
	line-height: 74px;
	color: #FFFFFF;
	margin-bottom: 20px;
}

@media screen and (max-width:767px) {
    .mainpage__hello-title {
        font-size: 4.4rem;
        line-height: 1em
    }
}

.mainpage__hello-text {
    font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 19px;

	color: #FFFFFF;
}

.mainpage__hello-text a{
    color: #FFFFFF;
}

.mainpage__hello-text a:hover{
    color: #1C2635;
}

@media screen and (max-width:767px) {
    .mainpage__hello-text {
        font-size: 1.4rem;
        line-height: 2.1rem;
        margin-bottom: 0
    }
}

.mainpage__stat-text {
    line-height: 2.3rem;
    margin-bottom: 3.5rem;
    max-width: 60rem;
    font-size: 1.5rem
}

@media screen and (max-width:767px) {
    .mainpage__stat-text {
        font-size: 1.3rem;
        line-height: 1.5em;
        margin-bottom: 2rem
    }
}

.mainpage__stat-links {
    font-size: 2.1rem;
    line-height: 1.35em;
    font-weight: 700;
    margin-bottom: 5rem
}

@media screen and (max-width:767px) {
    .mainpage__stat-links {
        margin-bottom: 0
    }
}

.mainpage__stat-links a {
    -webkit-transition: -webkit-transform .175s ease-in;
    transition: transform .175s ease-in;
    transition: transform .175s ease-in, -webkit-transform .175s ease-in;
    margin-right: 5.5rem;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: 2rem;
    position: relative
}

@media screen and (max-width:767px) {
    .mainpage__stat-links a {
        margin-bottom: .5rem;
        display: block
    }
}

@media screen and (min-width:1024px) {
    .mainpage__stat-links a:after {
        text-decoration: none;
        background: -webkit-linear-gradient(0deg, #ed1c80 0%, #ff6565 100%);
        content: "";
        position: absolute;
        display: block;
        height: 1px;
        right: 0;
        bottom: 0;
        width: 0;
        -webkit-transition: width .3s cubic-bezier(.47, 0, .745, .715);
        transition: width .3s cubic-bezier(.47, 0, .745, .715)
    }
    .mainpage__stat-links a:hover:after {
        width: 100%;
        -webkit-transition: width .3s cubic-bezier(.29, .18, .26, .83);
        transition: width .3s cubic-bezier(.29, .18, .26, .83);
        left: 0
    }
}

.mainpage__press-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 7rem
}

@media screen and (max-width:767px) {
    .mainpage__press-items {
        margin-bottom: 2.5rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.mainpage__press-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.3% - 4rem);
    flex: 0 0 calc(33.3% - 4rem);
    border: 1px solid rgba(35, 23, 35, .1);
    padding: 2.5rem;
    position: relative;
    border-radius: .4rem
}

.mainpage__press-item:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

@media screen and (min-width:1024px) {
    .mainpage__press-item:hover {
        border-color: #ed1c80
    }
}

@media screen and (max-width:767px) {
    .mainpage__press-item {
        margin-bottom: 1.5rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 1rem
    }
    .mainpage__press-item:last-child {
        margin-bottom: 0
    }
}

.mainpage__press-date {
    position: absolute;
    right: 2.5rem;
    top: 2.5rem;
    font-size: 1rem;
    color: rgba(35, 23, 35, .3)
}

@media screen and (max-width:767px) {
    .mainpage__press-date {
        right: auto;
        top: auto;
        bottom: 1rem;
        left: 1rem
    }
}

.mainpage__press-logo {
    margin-bottom: 3rem;
    height: 4rem;
    line-height: 4rem;
    vertical-align: middle
}

@media screen and (max-width:767px) {
    .mainpage__press-logo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 5rem;
        flex: 0 0 5rem
    }
}

.mainpage__press-logo img {
    max-width: 10rem;
    max-height: 4rem;
    line-height: 4rem
}

@media screen and (max-width:767px) {
    .mainpage__press-logo img {
        max-width: 3.5rem;
        line-height: 3rem;
        max-height: 3rem;
        vertical-align: top
    }
}

.mainpage__press-text {
    padding-bottom: 7rem
}

@media screen and (max-width:767px) {
    .mainpage__press-text {
        padding-bottom: 3rem
    }
}

.mainpage__press-link {
    position: absolute;
    left: 2.5rem;
    bottom: 2.5rem
}

@media screen and (max-width:767px) {
    .mainpage__press-link {
        left: auto;
        right: 1rem;
        bottom: 1rem
    }
}

.mainpage__press-link svg,
.races-calendar__icon svg {
    width: 1.7rem;
    height: 1.7rem
}

.mainpage__releases-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .mainpage__releases-header {
        line-height: normal
    }
}

.mainpage__releases-header h2 {
    margin-bottom: 0;
    line-height: 5rem
}

@media screen and (max-width:767px) {
    .mainpage__releases-header h2 {
        line-height: normal
    }
}

.mainpage__releases-header a {
    color: #ed1c80;
    font-size: 2rem;
    line-height: 2rem;
    text-decoration: underline
}

@media screen and (min-width:1024px) {
    .mainpage__releases-header a:hover {
        text-decoration: none
    }
}

@media screen and (max-width:767px) {
    .mainpage__releases-header a {
        line-height: 2rem;
        font-size: 1.6rem;
        white-space: nowrap
    }
}

.row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.races {
    height: 112rem
}

.races__gallery {
    display: none
}

@media screen and (max-width:767px) {
    .races {
        height: auto
    }
    .races__gallery {
        display: block;
        margin-top: 1.5rem;
        left: -2rem;
        right: -2rem;
        width: 100vw;
        margin-bottom: 0
    }
    .races__gallery .swiper-slide {
        font-size: 0;
        width: 94rem;
        margin-left: -12rem;
        margin-right: 12rem;
        padding: 0 1rem;
        margin-bottom: 3rem
    }
    .races__gallery .swiper-slide img {
        border-radius: .4rem
    }
    .races__gallery .swiper-slide-text {
        color: rgba(158, 158, 158, .5);
        font-size: 1.5rem;
        line-height: 2.3rem;
        margin-top: 2.8rem
    }
    .races__gallery .swiper-slide {
        opacity: .3;
        -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
        transition: all 333ms cubic-bezier(.47, 0, .745, .715)
    }
    .races__gallery .swiper-slide:hover {
        opacity: 1;
        cursor: pointer
    }
    .races__gallery .swiper-slide-active {
        opacity: 1
    }
    .races__gallery .swiper-pagination-bullet {
        display: inline-block;
        width: .6rem;
        height: .6rem;
        background: #9e9e9e;
        border-radius: 50%;
        margin: 0 1rem 0 0!important
    }
    .races__gallery .swiper-pagination-bullet-active {
        background: -webkit-linear-gradient(358.13deg, #ed1c80 38.41%, #ff6565 86.65%);
        background: linear-gradient(91.87deg, #ed1c80 38.41%, #ff6565 86.65%);
        width: 1rem;
        height: 1rem;
        margin: 0
    }
    .races__images {
        display: none
    }
}

.races__important {
    background-image: -webkit-gradient(linear, right top, left top, from(#000), color-stop(49.99%, #000), color-stop(50%, #ff6565), to(#ed1c80));
    background-image: -webkit-linear-gradient(right, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-image: linear-gradient(-90deg, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-size: 200%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 2.1rem;
    line-height: 1.35em;
    max-width: 62rem;
    font-weight: 700;
    margin-bottom: 3rem;
    letter-spacing: -.02em
}

@media screen and (max-width:767px) {
    .races__important {
        font-size: 1.4rem;
        line-height: 1.8rem;
        max-width: 29rem
    }
}

.races__text {
    font-size: 2.1rem;
    line-height: 1.5em;
    max-width: 76rem
}

@media screen and (max-width:767px) {
    .races__text {
        font-size: 1.4rem;
        line-height: 2.1rem
    }
}

.races__image {
    position: absolute;
    border-radius: .4rem;
    background: no-repeat 50% 50%/cover
}

.races__image-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(#666), color-stop(49.99%, #666), color-stop(50%, transparent), to(transparent));
    background-image: -webkit-linear-gradient(right, #666 0%, #666 49.99%, transparent 50%, transparent 100%);
    background-image: linear-gradient(-90deg, #666 0%, #666 49.99%, transparent 50%, transparent 100%);
    background-size: 200%;
    background-repeat: no-repeat
}

.races__image.image1,
.races__image.image2 {
    width: 26.2rem;
    height: 18.3rem;
    left: -15rem;
    top: 56.3rem
}

.races__image.image1 .races__image-mask {
    -webkit-transition-delay: 400ms!important;
    transition-delay: 400ms!important
}

.races__image.image2 {
    left: 5rem;
    top: 79rem
}

.races__image.image2 .races__image-mask {
    -webkit-transition-delay: 600ms!important;
    transition-delay: 600ms!important
}

.races__image.image3 {
    width: 18rem;
    height: 12.6rem;
    left: 34rem;
    top: 68.3rem
}

.races__image.image3 .races__image-mask {
    -webkit-transition-delay: 250ms!important;
    transition-delay: 250ms!important
}

.races__image.image4 {
    width: 26.2rem;
    height: 18.3rem;
    left: 38rem;
    top: 50rem
}

.races__image.image4 .races__image-mask {
    -webkit-transition-delay: 500ms!important;
    transition-delay: 500ms!important
}

.races__image.image5 {
    width: 18rem;
    height: 12.6rem;
    left: 53rem;
    top: 81rem
}

.races__image.image5 .races__image-mask {
    -webkit-transition-delay: 700ms!important;
    transition-delay: 700ms!important
}

.races__image.image6 {
    width: 37.7rem;
    height: 26.3rem;
    left: 73rem;
    top: 60rem
}

.races__image.image6 .races__image-mask {
    -webkit-transition-delay: 350ms!important;
    transition-delay: 350ms!important
}

.races__image.image7 {
    width: 19.4rem;
    height: 13.5rem;
    left: 104rem;
    top: 34rem
}

.races__image.image7 .races__image-mask {
    -webkit-transition-delay: 400ms!important;
    transition-delay: 400ms!important
}

.races__image.image8,
.races__image.image9 {
    width: 26.2rem;
    height: 18.3rem;
    left: 111rem;
    top: 5rem
}

.races__image.image8 .races__image-mask {
    -webkit-transition-delay: 500ms!important;
    transition-delay: 500ms!important
}

.races__image.image9 {
    left: 115rem;
    top: 47.5rem
}

.races__image.image9 .races__image-mask {
    -webkit-transition-delay: 400ms!important;
    transition-delay: 400ms!important
}

@media screen and (max-width:767px) and (max-width:767px) {
    .races .swiper-slide {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 0 2rem
    }
    .races-text {
        margin-top: 5rem
    }
    .races img {
        width: 100%;
        height: 21rem;
        -o-object-fit: cover;
        object-fit: cover
    }
    .races .swiper-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: left;
        padding-left: 2rem;
        top: 22.5rem;
        position: absolute;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 2rem
    }
}

.races-how {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5rem
}

@media screen and (max-width:767px) {
    .races-how {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0
    }
    .races-how__right {
        margin-top: 4rem
    }
    .races-how mark {
        display: none
    }
}

.races-how__left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60rem;
    flex: 0 0 60rem
}

@media screen and (max-width:767px) {
    .races-how__left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.races-how__text {
    font-size: 2.1rem;
    line-height: 1.5em;
    max-width: 46rem;
    margin-bottom: 4.5rem
}

@media screen and (max-width:767px) {
    .races-how__text {
        font-size: 1.4rem;
        line-height: 2.1rem;
        margin-bottom: 2rem
    }
}

.races-how__title {
    font-size: 2.1rem;
    line-height: 1.35em;
    font-weight: 700;
    margin-bottom: .5rem
}

@media screen and (max-width:767px) {
    .races-how__title {
        font-size: 1.4rem;
        line-height: 1.8rem
    }
}

.races-how__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 2.4rem;
    margin-bottom: 2.4rem;
    border-bottom: 1px solid rgba(35, 23, 35, .1)
}

@media screen and (max-width:767px) {
    .races-how__item {
        padding-bottom: 2rem;
        margin-bottom: 2rem
    }
}

.races-how__item:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

@media screen and (max-width:767px) {
    .races-how__item:last-child {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.races-how__item:last-child .races-how__title {
    color: #ed1c80
}

.races-how__hint {
    font-size: 1.5rem;
    line-height: 2.3rem
}

@media screen and (max-width:767px) {
    .races-how__hint {
        font-size: 1.3rem;
        line-height: 1.5em
    }
}

.races-how__hint a {
    color: #ed1c80;
    -webkit-transition: opacity .3s ease-in, -webkit-transform .175s ease-in;
    transition: opacity .3s ease-in, transform .175s ease-in;
    transition: opacity .3s ease-in, transform .175s ease-in, -webkit-transform .175s ease-in;
    cursor: pointer;
    position: relative;
    display: inline-block
}

.races-how__hint a:active {
    -webkit-transform: translateY(1px);
    transform: translateY(1px)
}

@media screen and (min-width:1024px) {
    .races-how__hint a:after {
        text-decoration: none;
        background: #ed1c80;
        content: "";
        position: absolute;
        display: block;
        height: 1px;
        right: 0;
        bottom: 0;
        width: 0;
        -webkit-transition: width .3s cubic-bezier(.47, 0, .745, .715);
        transition: width .3s cubic-bezier(.47, 0, .745, .715)
    }
    .races-how__hint a:hover:after {
        width: 100%;
        -webkit-transition: width .3s cubic-bezier(.29, .18, .26, .83);
        transition: width .3s cubic-bezier(.29, .18, .26, .83);
        left: 0
    }
}

.races-how__num {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10rem;
    flex: 0 0 10rem;
    text-align: right;
    color: rgba(35, 23, 35, .1);
    font-weight: 700;
    font-size: 5.5rem;
    line-height: 6rem;
    letter-spacing: -.03em
}

@media screen and (max-width:767px) {
    .races-how__num {
        font-size: 2.6rem;
        line-height: 1.2em
    }
}

.check-list {
    display: block;
}

.check-list__item {
    width: 30%;    
    display: inline-block;
    margin-right: 15px;
}

@media screen and (max-width:767px) {
    .check-list__item {
        width: calc(33% - .3rem)
    }
}

.check-list input,
.radio-lists input {
    opacity: 0;
    position: absolute
}

.check-list input:checked+.check-list__label,
.radio-lists input:checked+.radio-lists__label:after {
    border-color: #6a32ff;
    background: #6a32ff;
    color: #fff;
}

.check-list__label {
    display: block;
    text-align: center;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.5rem;
    padding: 13px 0;
    text-align: center;
    margin-bottom: 1rem;
    cursor: pointer;
    border: 1px solid #EFEFEF;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 32px;
    /* or 200% */
    transition: 0.25s linear;

    text-align: center;

    color: #1C2635;
}

.check-list__label:hover {
    border-color: #6a32ff;
}

@media screen and (max-width:767px) {
    .check-list__label {
        font-size: 1.3rem;
        line-height: 1.5em;
        margin-bottom: .6rem
    }
}

.check-list__label:active {
    -webkit-transform: translateY(2px);
    transform: translateY(2px)
}

.radio-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:767px) {
    .radio-lists {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.radio-lists__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 16.66%;
    flex: 0 1 16.66%
}

@media screen and (max-width:767px) {
    .radio-lists__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 33.33%;
        flex: 0 1 33.33%
    }
}

.radio-lists__label {
    -webkit-transition: border .333s ease-in, -webkit-transform .175s ease-in;
    transition: border .333s ease-in, transform .175s ease-in;
    transition: border .333s ease-in, transform .175s ease-in, -webkit-transform .175s ease-in;
    border: 1px solid #b0ccec;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 6.5rem;
    text-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.5rem;
    line-height: 2.3rem;
    cursor: pointer;
    position: relative
}

@media screen and (min-width:1024px) {
    .radio-lists__label {
        border-right: 0
    }
    .radio-lists__label:hover:after {
        border-color: #ed1c80
    }
}

@media screen and (max-width:767px) {
    .radio-lists__label {
        font-size: 1.3rem;
        line-height: 1.5em
    }
}

.radio-lists__label:after {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    content: " ";
    border: 1px solid transparent;
    position: absolute;
    left: -1px;
    right: -1px;
    bottom: -1px;
    top: -1px;
    display: block;
    z-index: 3
}

@media screen and (max-width:767px) {
    .radio-lists__item:first-child .radio-lists__label {
        border-radius: .4rem 0 0 0;
        border-bottom: 0;
        border-right: 0
    }
    .radio-lists__item:nth-child(1) .radio-lists__label:after {
        border-radius: .4rem 0 0 0
    }
    .radio-lists__item:nth-child(2) .radio-lists__label {
        border-bottom: 0;
        border-right: 0
    }
    .radio-lists__item:nth-child(3) .radio-lists__label {
        border-radius: 0 .4rem 0 0;
        border-bottom: 0
    }
    .radio-lists__item:nth-child(3) .radio-lists__label:after {
        border-radius: 0 .4rem 0 0
    }
    .radio-lists__item:nth-child(4) .radio-lists__label {
        border-radius: 0 0 0 .4rem;
        border-right: 0
    }
    .radio-lists__item:nth-child(4) .radio-lists__label:after {
        border-radius: 0 0 0 .4rem
    }
    .radio-lists__item:nth-child(5) .radio-lists__label {
        border-right: 0
    }
    .radio-lists__item:nth-child(6) .radio-lists__label,
    .radio-lists__item:nth-child(6) .radio-lists__label:after {
        border-radius: 0 0 .4rem 0
    }
}

@media screen and (min-width:1024px) {
    .radio-lists__item:first-child .radio-lists__label,
    .radio-lists__item:first-child .radio-lists__label:after {
        border-radius: .4rem 0 0 .4rem
    }
    .radio-lists__item:last-child .radio-lists__label {
        border-right: 1px solid #b0ccec;
        border-radius: 0 .4rem .4rem 0
    }
    .radio-lists__item:last-child .radio-lists__label:after {
        border-radius: 0 .4rem .4rem 0
    }
}

.races-calendar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width:767px) {
    .races-calendar {
        margin-bottom: 0
    }
}

.races-calendar__item {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33% - 2rem - 3px);
    flex: 0 0 calc(33% - 2rem - 3px);
    border: 1px solid rgba(21, 21, 21, .1);
    height: 14.3rem;
    margin-bottom: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 3.9rem;
    position: relative;
    border-radius: .4rem;
    background: url(../img/content/tile.jpg) 50% 50%/auto 100%
}

@media screen and (max-width:767px) {
    .races-calendar__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33% - .5rem - 3px);
        flex: 0 0 calc(33% - .5rem - 3px);
        width: 10.2rem;
        height: 9rem;
        margin-right: 1.1rem;
        margin-bottom: 1.2rem
    }
}

.races-calendar__item:nth-child(3n) {
    margin-right: 0
}

.races-calendar__item.sign {
    background: #fff;
    border-color: #fff
}

.races-calendar__item.soon {
    background: #fff
}

@media screen and (min-width:1024px) {
    .races-calendar a.races-calendar__item:hover {
        border-color: #ed1c80
    }
}

.races-calendar__head {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 9rem;
    flex: 0 0 9rem;
    padding: 1.5rem 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: rgba(35, 23, 35, .3)
}

@media screen and (max-width:767px) {
    .races-calendar__head {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 4rem;
        flex: 0 0 4rem;
        padding: 1rem;
        display: block
    }
}

.sign .races-calendar__head {
    color: #fff
}

.races-calendar__foot {
    font-size: 1.5rem;
    line-height: 2.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5rem
}

@media screen and (max-width:767px) {
    .races-calendar__foot {
        height: 3rem
    }
}

.races-calendar__link {
    padding: 0 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

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

.races-calendar__link span {
    background-image: -webkit-gradient(linear, right top, left top, from(#000), color-stop(49.99%, #000), color-stop(50%, #ff6565), to(#ed1c80));
    background-image: -webkit-linear-gradient(right, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-image: linear-gradient(-90deg, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-size: 200%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (max-width:767px) {
    .races-calendar__link span {
        display: none
    }
}

.races-calendar__soon {
    padding: 0 2.5rem;
    color: rgba(35, 23, 35, .3)
}

@media screen and (max-width:767px) {
    .races-calendar__soon {
        display: none
    }
}

.races-calendar__sign {
    padding: 0 2.5rem;
    height: 5.2rem;
    background: -webkit-linear-gradient(0, #ed1c80 0%, #ff6565 100%);
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    color: #fff;
    border-radius: 0 0 .4rem .4rem
}

@media screen and (max-width:767px) {
    .races-calendar__sign {
        height: 2.7rem;
        padding: 0 1rem;
        font-size: 1.4rem;
        line-height: 1.8rem;
        border-radius: 0 0 .3rem .3rem
    }
}

.races-calendar__day {
    font-size: 5.5rem;
    line-height: 6rem;
    font-weight: 700;
    margin-right: 1.2rem;
    display: block
}

@media screen and (max-width:767px) {
    .races-calendar__day {
        font-size: 2.6rem;
        line-height: 1.2em
    }
}

.races-calendar__date {
    font-size: 1.5rem;
    line-height: 2.3rem;
    margin-top: .5rem
}

@media screen and (max-width:767px) {
    .races-calendar__date {
        display: block;
        font-size: 1rem;
        line-height: 1em;
        margin-top: 0
    }
}

.races-calendar__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 1.7rem;
    flex: 0 0 1.7rem
}

@media screen and (max-width:767px) {
    .races-calendar__icon svg {
        width: 1.2rem;
        height: 1.2rem
    }
}

.calendar__gallery {
    display: none
}

@media screen and (max-width:767px) {
    .calendar__gallery {
        display: block;
        margin-bottom: 0
    }
}

.calendar__gallery .block__gallery-item {
    display: block;
    width: 100%
}

.calendar__gallery .block__gallery-item .races-calendar__item {
    margin-right: 0
}

@media screen and (max-width:767px) {
    .calendar__gallery .owl-dots {
        display: block;
        top: 16rem;
        position: absolute
    }
}

.calendar__gallery .owl-dot {
    display: inline-block;
    width: 2rem;
    text-align: left
}

.calendar__gallery .owl-dot span {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    background: #9e9e9e;
    border-radius: 50%;
    margin: .2rem
}

.calendar__gallery .owl-dot.active span {
    background: -webkit-linear-gradient(358.13deg, #ed1c80 38.41%, #ff6565 86.65%);
    background: linear-gradient(91.87deg, #ed1c80 38.41%, #ff6565 86.65%);
    width: 1rem;
    height: 1rem;
    margin: 0
}

.solutions__menu {
    display: block;
    padding: 1.3rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:767px) {
    .solutions__menu {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .solutions__menu div {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%
    }
}

.solutions__menu a {
    border-radius: .4rem;
    display: inline-block;
    margin-right: 2rem
}

@media screen and (min-width:1024px) {
    .solutions__menu a span:hover:after {
        width: 100%
    }
    .solutions__menu a span:after {
        text-decoration: none;
        background: -webkit-linear-gradient(0, #ed1c80 0%, #ff6565 100%);
        content: "";
        position: absolute;
        display: block;
        height: 1px;
        left: 0;
        bottom: 0;
        width: 0;
        -webkit-transition: all 333ms ease;
        transition: all 333ms ease
    }
}

.solutions__menu a.active {
    background-image: -webkit-linear-gradient(-180deg, #ed1c80 0%, #ff6565 100%)
}

@media screen and (max-width:767px) {
    .solutions__menu a.active {
        background: 0 0
    }
}

.solutions__menu a.active span {
    padding: 0 1rem;
    background-position: 0 center
}

@media screen and (max-width:767px) {
    .solutions__menu a.active span {
        padding: 0
    }
}

.solutions__menu a.active span:after {
    display: none
}

.solution {
    min-height: 17.5rem;
    padding: 4rem 0;
    position: relativ
}

@media screen and (max-width:767px) {
    .solution {
        padding: 2rem 0;
        min-height: inherit
    }
}

@media screen and (min-width:1024px) {
    .solution:hover .solution-title {
        background-position: 0
    }
}

.solution-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

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

.solution-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40rem;
    flex: 0 0 40rem
}

@media screen and (max-width:767px) {
    .solution-left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.solution-title {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    font-size: 2.1rem;
    line-height: 2rem;
    font-weight: 700;
    margin-bottom: 1rem;
    display: inline-block;
    background-position: 100%
}

@media screen and (max-width:767px) {
    .solution-title {
        font-size: 1.4rem;
        line-height: 1.8rem;
        margin-bottom: .5rem
    }
}

.active .solution-title {
    -webkit-transition: all 0 cubic-bezier(.47, 0, .745, .715);
    transition: all 0 cubic-bezier(.47, 0, .745, .715);
    background-image: none;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit
}

.solution-num {
    font-size: 2.1rem;
    color: rgba(35, 23, 35, .4);
    line-height: 1.5em
}

@media screen and (max-width:767px) {
    .solution-num {
        margin-bottom: 2rem
    }
}

.active .solution-num,
.active .solution-price {
    color: rgba(255, 255, 255, .4)
}

.solution-price {
    font-size: 2.1rem;
    color: rgba(35, 23, 35, .4);
    line-height: 1.5em
}

@media screen and (max-width:767px) {
    .solution-price {
        font-size: 1.4rem;
        line-height: 2.1rem
    }
}

.solution-text {
    opacity: 0;
    max-width: 64rem;
    color: #9e9e9e;
    font-size: 1.5rem;
    line-height: 2.3rem;
    margin-top: 3rem
}

@media screen and (max-width:767px) {
    .solution-text {
        font-size: 1.3rem;
        line-height: 1.5em;
        margin-top: 2rem
    }
}

.active .solution-text {
    opacity: 1
}

.solution-foot {
    opacity: 0;
    border-top: 1px solid rgba(158, 158, 158, .2);
    margin-top: 4rem;
    padding-top: 4rem
}

@media screen and (max-width:767px) {
    .solution-foot {
        border-top: 0;
        margin-top: 3rem;
        padding-top: 0
    }
}

.solution-foot .works__item a {
    color: #fff
}

.solution-foot .works__item-tags {
    opacity: .3
}

.solution-foot .works__item-tags span {
    background: #f4f4f4;
    color: #fff
}

.active .solution-foot {
    opacity: 1
}

.solution-plus {
    position: absolute;
    right: 4rem;
    cursor: pointer;
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715)
}

@media screen and (max-width:767px) {
    .solution-plus {
        top: 2rem;
        right: 2rem
    }
}

@media screen and (min-width:1024px) {
    .solution-plus:hover {
        color: #ed1c80
    }
}

.active .solution-plus {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.solution-plus svg {
    width: 2.3rem;
    height: 2.3rem
}

.services {
    color: #fff;
    overflow: hidden
}

@media screen and (max-width:767px) {
    .services h2 {
        padding-left: 4rem;
        margin-bottom: 2rem
    }
}

.instagram__head h2,
.services .container {
    padding-bottom: 0
}

.services__arrow {
    width: 2rem;
    height: 1.7rem;
    color: #ed1c80;
    margin-top: 1rem
}

@media screen and (max-width:767px) {
    .services__arrow {
        position: absolute
    }
}

.services__item {
    color: #fff;
    padding: 4rem 0;
    display: block;
    border-top: 1px solid rgba(161, 161, 161, .3);
    position: relative
}

@media screen and (max-width:767px) {
    .services__item {
        width: calc(100% + 4rem);
        margin-left: -2rem;
        margin-right: -2rem;
        padding-left: 2rem;
        padding-right: 2rem
    }
}

.mentions__menu a,
.services__item:before,
.solutions__menu a {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715)
}

.services__item:before {
    top: -1px;
    bottom: -1px;
    background: #ed1c80;
    width: 100vw;
    left: calc((100vw - 100%)/-2);
    content: ' ';
    display: block;
    position: absolute;
    opacity: 0
}

.services__item-name {
    font-size: 3rem;
    line-height: 4rem;
    margin-bottom: 1rem;
    padding-right: 4rem
}

@media screen and (max-width:767px) {
    .services__item-name {
        font-size: 2.5rem;
        line-height: 3rem;
        padding-right: 0
    }
}

.services__item-price {
    color: rgba(255, 255, 255, .4);
    line-height: 2.5rem;
    font-size: 1.8rem;
    padding-right: 4rem
}

@media screen and (max-width:767px) {
    .services__item-price {
        font-size: 1.6rem;
        line-height: 2rem;
        padding-right: 0
    }
}

.services__item-text {
    font-size: 1.8rem;
    line-height: 3rem;
    margin-bottom: 3rem
}

@media screen and (max-width:767px) {
    .services__item-text {
        margin-top: 2rem;
        margin-bottom: 0;
        font-size: 1.6rem;
        line-height: 2.5rem
    }
}

.services__item-arrow {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    opacity: 0
}

@media screen and (max-width:767px) {
    .services__item-arrow {
        display: none
    }
}

.services__item-arrow svg {
    width: 2rem;
    height: 1.7rem;
    color: #fff
}

@media screen and (min-width:1024px) {
    .services__item:hover .services__item-arrow,
    .services__item:hover:before {
        opacity: 1
    }
}

.clients {
    background: #000;
    color: #b0ccec
}

.clients .container {
    margin-bottom: 5rem
}

@media screen and (max-width:767px) {
    .clients .container {
        margin-bottom: 1rem
    }
}

.clients-title {
    font-size: 3rem;
    line-height: 4rem;
    letter-spacing: -.02em
}

@media screen and (max-width:767px) {
    .clients-title {
        font-size: 2.5rem;
        line-height: 3rem;
        margin-bottom: 1.5rem
    }
}

.clients-text {
    font-size: 2.1rem;
    line-height: 1.5em;
    max-width: 70rem
}

@media screen and (max-width:767px) {
    .clients-text {
        font-size: 1.4rem;
        line-height: 2.1rem
    }
}

.clients-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 7rem
}

@media screen and (max-width:767px) {
    .clients-items {
        margin-bottom: 0
    }
}

.clients-item {
    margin-top: 5rem;
    text-align: center;
    margin-right: 8rem
}

@media screen and (max-width:767px) {
    .clients-item {
        margin-top: 4rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33%;
        flex: 0 0 33%;
        margin-right: 0
    }
}

.clients-item img {
    max-height: 5rem;
    max-width: 12rem
}

@media screen and (max-width:767px) {
    .clients-item img {
        max-width: 8rem;
        max-height: 4rem
    }
}

.mentions__menu {
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 2rem
}

@media screen and (max-width:767px) {
    .mentions__menu {
        font-size: 1.6rem;
        line-height: 2rem;
        margin-bottom: 4rem
    }
}

.mentions__menu a {
    margin-right: 4rem
}

@media screen and (max-width:767px) {
    .mentions__menu a {
        display: block;
        margin-bottom: 1rem
    }
}

.mentions__menu a.active {
    color: #ed1c80
}

@media screen and (min-width:1024px) {
    .mentions__menu a:hover {
        color: #ed1c80
    }
}

.mentions__menu span {
    vertical-align: super;
    font-size: 1rem
}

@media screen and (max-width:767px) {
    .mentions__items {
        margin-bottom: 2rem
    }
}

.mentions__items iframe {
    width: 100%;
    height: 60rem;
    background: #000
}

@media screen and (max-width:767px) {
    .mentions__items iframe {
        height: auto
    }
}

.awards__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (max-width:767px) {
    .awards__items {
        margin-top: 2rem
    }
}

.awards__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    padding-right: 3rem;
    margin-bottom: 7rem
}

@media screen and (max-width:767px) {
    .awards__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.awards__item-image {
    height: 4rem;
    margin-bottom: 1.75rem
}

@media screen and (max-width:767px) {
    .awards__item-image {
        height: auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        vertical-align: top
    }
}

.awards__item-image,
.awards__item-image img {
    vertical-align: middle;
    line-height: 4rem
}

@media screen and (max-width:767px) {
    .awards__item-image img {
        vertical-align: top;
        margin-top: .5rem
    }
}

.awards__item-text {
    font-size: 1.5rem;
    line-height: 2.3rem;
    color: rgba(255, 255, 255, .3)
}

@media screen and (max-width:767px) {
    .awards__item-text {
        font-size: 1.3rem;
        line-height: 1.5em
    }
}

.team__title {
    font-size: 3rem;
    line-height: 4rem;
    letter-spacing: -.02em
}

@media screen and (max-width:767px) {
    .team__title {
        font-size: 2.5rem;
        line-height: 3rem
    }
}

.team__text {
    font-size: 2.1rem;
    line-height: 1.5em;
    max-width: 83rem
}

@media screen and (max-width:767px) {
    .team__text {
        font-size: 1.6rem;
        line-height: 2.5rem
    }
}

.team__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5rem
}

@media screen and (max-width:767px) {
    .team__items {
        margin-top: 0;
        margin-bottom: 2rem
    }
}

.team__item {
    margin-top: 5rem;
    margin-right: 2rem;
    width: calc(100%/3 - 1.5rem)
}

.team__item:nth-child(3n) {
    margin-right: 0
}

.team__item:last-child {
    margin-right: auto
}

@media screen and (max-width:767px) {
    .team__item {
        margin-top: 3rem;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100%/2 - 1rem);
        flex: 0 0 calc(100%/2 - 1rem)
    }
    .team__item:nth-child(3n) {
        margin-right: 2rem
    }
    .team__item:nth-child(2n) {
        margin-right: 0
    }
}

.team__item-image {
    margin-bottom: 2rem;
    position: relative;
    font-size: 0
}

@media screen and (max-width:767px) {
    .team__item-image {
        margin-bottom: 1rem
    }
}

.team__item-image-mask {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: -webkit-gradient(linear, right top, left top, from(#666), color-stop(49.99%, #666), color-stop(50%, transparent), to(transparent));
    background-image: -webkit-linear-gradient(right, #666 0%, #666 49.99%, transparent 50%, transparent 100%);
    background-image: linear-gradient(-90deg, #666 0%, #666 49.99%, transparent 50%, transparent 100%);
    background-size: 200%;
    background-repeat: no-repeat
}

.team__item-name {
    line-height: 1.5em;
    font-size: 2.1rem;
    color: #151515
}

@media screen and (max-width:767px) {
    .team__item-name {
        font-size: 1.6rem;
        line-height: 2rem;
        margin-bottom: .25rem
    }
}

.team__item-title {
    line-height: 2.3em;
    font-size: 1.5rem;
    color: rgba(21, 21, 21, .3)
}

@media screen and (max-width:767px) {
    .team__item-title {
        font-size: 1.4rem;
        line-height: 1.8rem
    }
}

.instagram .container {
    margin-bottom: 7rem
}

@media screen and (max-width:767px) {
    .instagram .container {
        margin-bottom: 0
    }
}

.instagram__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4rem
}

@media screen and (max-width:767px) {
    .instagram__head {
        margin-bottom: 2rem
    }
}

.instagram__head a {
    color: #ed1c80;
    font-size: 1.8rem;
    line-height: 3rem;
    position: relative
}

@media screen and (min-width:1024px) {
    .instagram__head a:after {
        text-decoration: none;
        background: #ed1c80;
        content: "";
        position: absolute;
        display: block;
        height: 1px;
        right: 0;
        bottom: 0;
        width: 0;
        -webkit-transition: width .3s cubic-bezier(.47, 0, .745, .715);
        transition: width .3s cubic-bezier(.47, 0, .745, .715)
    }
    .instagram__head a:hover:after {
        width: 100%;
        -webkit-transition: width .3s cubic-bezier(.29, .18, .26, .83);
        transition: width .3s cubic-bezier(.29, .18, .26, .83);
        left: 0
    }
}

.instagram__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:767px) {
    .instagram__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.instagram__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100%/4 - 3rem);
    flex: 0 0 calc(100%/4 - 3rem);
    position: relative;
    font-size: 0
}

@media screen and (max-width:767px) {
    .instagram__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100%/2 - 1rem);
        flex: 0 0 calc(100%/2 - 1rem);
        margin-bottom: 2rem
    }
}

.instagram__item-image img {
    width: 26rem;
    height: 26rem;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:767px) {
    .instagram__item-image img {
        width: 17.6rem;
        height: 17.6rem
    }
}

.instagram__item-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(35, 23, 35, .4);
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    opacity: 0
}

.instagram__item-overlay-icon {
    background: #fff;
    border-radius: 50%;
    position: absolute;
    width: 5rem;
    height: 5rem;
    line-height: 5rem;
    text-align: center;
    top: 50%;
    left: 50%;
    margin-left: -2.5rem;
    margin-top: -2.5rem
}

.instagram__item-overlay-icon svg {
    width: 2.4rem;
    height: 2.4rem;
    vertical-align: middle;
    display: inline-block
}

@media screen and (min-width:1024px) {
    .instagram__item:hover .instagram__item-overlay {
        opacity: 1
    }
}

.listing__items {
    margin-left: 33.3333%
}

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

.listing__item {
    border-bottom: 1px solid rgba(35, 23, 35, .1);
    padding: 1.8rem 0 2rem
}

.listing__item:first-child {
    border-top: 1px solid rgba(35, 23, 35, .1)
}

.listing__item-title {
    font-size: 3rem;
    line-height: 3rem;
    text-decoration: underline;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715)
}

@media screen and (max-width:767px) {
    .listing__item-title {
        font-size: 2rem;
        line-height: 2.6rem
    }
}

@media screen and (min-width:1024px) {
    .listing__item-title:hover {
        text-decoration: none;
        color: #ed1c80
    }
}

.listing__item-text {
    margin-top: 3rem;
    line-height: 3rem;
    font-size: 2rem
}

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

.listing__item-subtext {
    margin-top: 2rem;
    line-height: 3rem;
    font-size: 2rem;
    color: rgba(35, 23, 35, .4);
    margin-bottom: 1rem
}

@media screen and (max-width:767px) {
    .listing__item-subtext {
        font-size: 1.6rem;
        line-height: 2.5rem;
        margin-top: 1rem
    }
}

.listing__item-arrow {
    opacity: 0;
    margin-top: .5rem;
    position: absolute;
    left: 0;
    color: #ed1c80
}

.listing__item-arrow svg {
    width: 2rem;
    height: 1.7rem
}

.input__file input,
.listing__item-more,
.radio-list__item input {
    display: none
}

.listing__item-more.open {
    display: block
}

.listing__item.open .listing__item-title {
    text-decoration: none;
    color: #ed1c80
}

.listing__item.open .listing__item-arrow {
    opacity: 1
}

.vacancy {
    margin-bottom: 10rem
}

@media screen and (max-width:767px) {
    .vacancy {
        margin-bottom: 0
    }
}

.vacancy__text {
    font-size: 2.1rem;
    line-height: 1.35em
}

@media screen and (max-width:767px) {
    .vacancy__text {
        font-size: 1.4rem;
        line-height: 2.1rem
    }
}

.vacancy__types {
    font-size: 2.1rem;
    line-height: 1.35em;
    color: rgba(35, 23, 35, .3)
}

@media screen and (max-width:767px) {
    .vacancy__types {
        margin-bottom: 2rem;
        font-size: 1.6rem;
        line-height: 2rem
    }
}

.vacancy__title {
    font-size: 2.1rem;
    line-height: 1.35em;
    font-weight: 700
}

@media screen and (max-width:767px) {
    .vacancy__title {
        font-size: 1.4rem;
        line-height: 1.8rem;
        margin-bottom: 2rem
    }
}

.vacancy__row {
    padding-bottom: 7rem;
    margin-bottom: 7rem
}

@media screen and (max-width:767px) {
    .vacancy__row {
        padding-bottom: 3rem;
        margin-bottom: 3rem
    }
}

.vacancy__row:first-child {
    border-bottom: 1px solid rgba(35, 23, 35, .1)
}

.vacancy__row:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

.important .container {
    padding: 6rem 4rem
}

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

.important__title {
    color: #fff;
    font-size: 2.1rem;
    line-height: 1.5em;
    max-width: 52rem
}

@media screen and (max-width:767px) {
    .important__title {
        font-size: 1.4rem;
        line-height: 2.1rem
    }
}

.contacts__col.email a,
.contacts__col.feedback a,
.contacts__col.phone a,
.important__title a {
    position: relative;
    background-image: -webkit-gradient(linear, right top, left top, from(#000), color-stop(49.99%, #000), color-stop(50%, #ff6565), to(#ed1c80));
    background-image: -webkit-linear-gradient(right, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-image: linear-gradient(-90deg, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-size: 200%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

@media screen and (min-width:1024px) {
    .important__title a:hover:after {
        width: 100%
    }
    .important__title a:after {
        text-decoration: none;
        background: -webkit-linear-gradient(0, #ed1c80 0%, #ff6565 100%);
        content: "";
        position: absolute;
        display: block;
        height: 1px;
        left: 0;
        bottom: 0;
        width: 0;
        -webkit-transition: all 333ms ease;
        transition: all 333ms ease
    }
}

.contacts {
    margin-bottom: 7rem
}

@media screen and (max-width:767px) {
    .contacts {
        margin-bottom: 3rem
    }
}

.contacts__col {
    margin-bottom: 2.7rem;
    font-size: 5.5rem;
    line-height: 6rem;
    font-weight: 700;
    letter-spacing: -.03em
}

@media screen and (max-width:767px) {
    .contacts__col {
        margin-bottom: 1.5rem;
        font-size: 2.6rem;
        line-height: 1.2em
    }
}

.contacts__col.email a,
.contacts__col.feedback a,
.contacts__col.phone a {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715)
}

.contacts__col.email a,
.contacts__col.feedback a {
    text-transform: lowercase
}

@media screen and (min-width:1024px) {
    .contacts__col.email a:hover:after,
    .contacts__col.feedback a:hover:after {
        width: 100%
    }
    .contacts__col.email a:after,
    .contacts__col.feedback a:after {
        text-decoration: none;
        background: -webkit-linear-gradient(0, #ed1c80 0%, #ff6565 100%);
        content: "";
        position: absolute;
        display: block;
        height: .3rem;
        left: 0;
        bottom: .2rem;
        width: 0;
        -webkit-transition: all 333ms ease;
        transition: all 333ms ease
    }
}

.contacts__col.phone a {
    background-position: 100%
}

@media screen and (min-width:1024px) {
    .contacts__col.phone a:hover {
        background-position: 0
    }
    .contacts__col.phone a:hover:after {
        width: 100%
    }
    .contacts__col.phone a:after {
        text-decoration: none;
        background: -webkit-linear-gradient(0, #ed1c80 0%, #ff6565 100%);
        content: "";
        position: absolute;
        display: block;
        height: .3rem;
        left: 0;
        bottom: .2rem;
        width: 0;
        -webkit-transition: all 333ms ease;
        transition: all 333ms ease
    }
}

.contacts__address {
    margin-top: 10rem;
    font-size: 2.1rem;
    line-height: 1.35em;
    font-weight: 700
}

@media screen and (max-width:767px) {
    .contacts__address {
        margin-top: 6.5rem;
        font-size: 1.4rem;
        line-height: 1.8rem
    }
}

.contacts__title {
    background-image: -webkit-gradient(linear, right top, left top, from(#000), color-stop(49.99%, #000), color-stop(50%, #ff6565), to(#ed1c80));
    background-image: -webkit-linear-gradient(right, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-image: linear-gradient(-90deg, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-size: 200%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: .8rem
}

.contacts__map {
    background: rgba(0, 0, 0, .1);
    margin-top: 3rem;
    height: 56rem
}

@media screen and (max-width:767px) {
    .contacts__map {
        margin-top: 2rem;
        height: 22rem
    }
}

.vacancies {
    border-bottom: 1px solid rgba(35, 23, 35, .1)
}

@media screen and (max-width:767px) {
    .vacancies {
        margin-top: -2rem
    }
}

.vacancies__bottom {
    margin-top: 6rem;
    margin-bottom: 10rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:767px) {
    .vacancies__bottom {
        margin-top: 3rem;
        margin-bottom: 4rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.vacancies__text {
    line-height: 1.5em;
    font-size: 2.1rem
}

@media screen and (max-width:767px) {
    .vacancies__text {
        font-size: 1.4rem;
        line-height: 2.1rem;
        margin-bottom: 1.8rem
    }
    .vacancies__text br {
        display: none
    }
}

.vacancies__link {
    margin-top: 6rem
}

@media screen and (max-width:767px) {
    .vacancies__link {
        margin-top: 2rem
    }
}

.vacancies__link a {
    -webkit-transition: opacity .3s ease-in;
    transition: opacity .3s ease-in;
    cursor: pointer;
    pointer-events: all;
    position: relative;
    opacity: .4
}

@media screen and (max-width:767px) {
    .vacancies__link a:hover {
        opacity: 1
    }
    .vacancies__link a:hover:after {
        width: 100%
    }
    .vacancies__link a:after {
        text-decoration: none;
        background: #151515;
        content: "";
        position: absolute;
        height: .1rem;
        left: 0;
        bottom: .2rem;
        width: 0;
        -webkit-transition: all 333ms ease;
        transition: all 333ms ease
    }
}

.vacancies__email {
    text-align: right
}

@media screen and (min-width:1024px) {
    .vacancies__email a:hover {
        text-decoration: none
    }
}

@media screen and (max-width:767px) {
    .vacancies__email a font {
        display: none
    }
    .vacancies__email a .button__wrap {
        text-align: left
    }
}

.vacancies__item,
.vacancies__item:before {
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715)
}

.vacancies__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 10rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 2.1rem;
    line-height: 1.35em;
    color: #fff;
    position: relative
}

@media screen and (max-width:767px) {
    .vacancies__item {
        display: block;
        height: auto;
        padding: 2rem 0;
        font-size: 1.4rem
    }
}

.vacancies__item:before {
    top: 0;
    height: 1px;
    background: rgba(35, 23, 35, .1);
    width: 100%;
    left: 0;
    content: ' ';
    display: block;
    position: absolute
}

.block__video iframe,
.vacancies__item:after {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%
}

.vacancies__item:after {
    content: ' ';
    opacity: 0;
    display: block;
    z-index: -1;
    background: -webkit-linear-gradient(0, #ed1c80 0%, #ff6565 100%);
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715)
}

@media screen and (min-width:1024px) {
    .vacancies__item:hover,
    .vacancies__item:hover span {
        color: #fff
    }
    .vacancies__item:hover .vacancies__item-text {
        color: rgba(255, 255, 255, .5)
    }
    .vacancies__item:hover svg {
        color: #fff;
        opacity: 1
    }
    .vacancies__item:hover .vacancies__item-name {
        padding-left: 3rem
    }
    .vacancies__item:hover:after {
        opacity: 1
    }
}

.vacancies__item-name {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50rem;
    flex: 0 0 50rem;
    -webkit-transition: padding 333ms ease;
    transition: padding 333ms ease;
    font-weight: 700
}

@media screen and (max-width:767px) {
    .vacancies__item-name {
        margin-bottom: .5rem
    }
}

.vacancies__item-text {
    color: rgba(35, 23, 35, .4);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 67%;
    flex: 0 0 67%
}

.vacancies__item svg {
    position: absolute;
    right: 2rem;
    display: inline-block;
    width: 2rem;
    height: 1.7rem;
    opacity: 0
}

.office__title {
    line-height: 5rem;
    font-size: 4rem
}

@media screen and (max-width:767px) {
    .office__title {
        font-size: 2.5rem;
        line-height: 3rem;
        margin-bottom: 2rem
    }
}

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

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

.office__drag-left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.4rem;
    flex: 0 0 8.4rem
}

.office__drag-icon {
    width: 6.4rem;
    height: 6.4rem;
    background: #f4f4f4;
    border-radius: 50%;
    text-align: center;
    line-height: 6.4rem
}

.section__blacked .office__drag-icon {
    background: #fff
}

.office__drag-icon svg {
    width: 2.8rem;
    height: 3.3rem;
    display: inline-block;
    vertical-align: middle
}

.office__drag-right {
    font-size: 1.5rem;
    line-height: 2.3rem;
    color: rgba(35, 23, 35, .3)
}

.section__blacked .office__drag-right {
    color: rgba(255, 255, 255, .3)
}

.office__gallery {
    position: relative;
    margin-top: 3rem;
    margin-bottom: 4rem;
    left: calc((100vw - 100%)/-2);
    width: 100vw;
    right: calc((100vw - 100%)/-2)
}

@media screen and (max-width:767px) {
    .office__gallery {
        margin-top: 1.5rem;
        left: -2rem;
        right: -2rem;
        width: 100vw;
        margin-bottom: 0
    }
}

.office__gallery-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 2rem
}

.office__gallery-nav .nav,
.office__gallery-nav .pages {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.nextpage,
.office__gallery-nav .nav a {
    color: #fff;
    display: inline-block
}

.office__gallery-nav .pages {
    text-align: right;
    line-height: 2rem;
    font-size: 1.8rem
}

.office__gallery .swiper-slide {
    font-size: 0;
    width: auto;
    max-height: 50rem;
    margin-left: calc((100vw - 124rem)/2 + 4rem);
    margin-right: calc((100vw - 124rem)/-2 - 4rem);
    padding: 0 2rem 0 0
}

@media screen and (max-width:767px) {
    .office__gallery .swiper-slide {
        width: 100%;
        height: auto;
        margin-left: 0;
        margin-right: 0;
        padding: 0 2rem
    }
}

.office__gallery .swiper-slide img {
    max-width: 100%;
    height: 50rem;
    border-radius: .4rem
}

.office__gallery .swiper-slide-text {
    color: rgba(158, 158, 158, .5);
    font-size: 1.5rem;
    line-height: 2.3rem;
    margin-top: 2.8rem
}

@media screen and (max-width:767px) {
    .office__gallery .swiper-slide-text {
        margin-top: 5rem
    }
}

.office__gallery .swiper-slide {
    opacity: .3;
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715)
}

@media screen and (max-width:767px) {
    .office__gallery .swiper-slide img {
        width: 100%;
        height: 21rem;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.office__gallery .swiper-slide:hover {
    opacity: 1;
    cursor: pointer
}

.office__gallery .swiper-slide-active {
    opacity: 1
}

@media screen and (max-width:767px) {
    .office__gallery .swiper-pagination {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: left;
        padding-left: 2rem;
        top: 22.5rem;
        position: absolute;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 2rem
    }
}

.office__gallery .swiper-pagination-bullet {
    display: inline-block;
    width: .6rem;
    height: .6rem;
    background: #9e9e9e;
    border-radius: 50%;
    margin: 0 1rem 0 0!important
}

.office__gallery .swiper-pagination-bullet-active {
    background: -webkit-linear-gradient(358.13deg, #ed1c80 38.41%, #ff6565 86.65%);
    background: linear-gradient(91.87deg, #ed1c80 38.41%, #ff6565 86.65%);
    width: 1rem;
    height: 1rem;
    margin: 0
}

.nextpage {
    display: block;
    cursor: pointer;
    padding-left: 8rem;
    padding-right: 8rem
}

@media screen and (max-width:767px) {
    .nextpage {
        padding: 5rem 0
    }
}

.nextpage section {
    padding-top: 0!important
}

.nextpage .container {
    padding: 0 4rem
}

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

.nextpage__text {
    font-size: 4rem;
    line-height: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

@media screen and (max-width:767px) {
    .nextpage__text {
        height: auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.nextpage__text-arrow {
    right: 0;
    top: 50%;
    color: #fff;
    margin-left: 2rem;
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715)
}

@media screen and (max-width:767px) {
    .nextpage__text-arrow {
        margin-top: .5rem
    }
}

.nextpage__text-arrow svg {
    width: 5.7rem
}

@media screen and (max-width:767px) {
    .nextpage__text-arrow svg {
        width: 3rem
    }
}

@media screen and (min-width:1024px) {
    .nextpage__text:hover .nextpage__text-arrow {
        -webkit-transform: translateX(1rem);
        transform: translateX(1rem)
    }
}

.nextpage__text-text {
    background-image: -webkit-gradient(linear, right top, left top, from(#000), color-stop(49.99%, #000), color-stop(50%, #a7dfff), to(#6aadea));
    background-image: -webkit-linear-gradient(right, #000 0%, #000 49.99%, #a7dfff 50%, #6aadea 100%);
    background-image: linear-gradient(-90deg, #000 0%, #000 49.99%, #a7dfff 50%, #6aadea 100%);
    background-size: 200%;
    background-repeat: no-repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 700;
    font-size: 5.5rem;
    line-height: 6rem;
    letter-spacing: -.03em
}

@media screen and (max-width:767px) {
    .nextpage__text-text {
        font-size: 2.6rem;
        line-height: 1.2em
    }
}

.rates__line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2.1rem;
    margin-bottom: 1.5rem
}

.rates__line-arrow,
.rates__line-place {
    margin-right: 2rem
}

.rates__line-arrow svg {
    width: inherit;
    height: inherit;
    display: inline-block
}

.rates__line-placeto {
    font-weight: 700;
    margin-right: 1.5rem
}

.rates__line-line {
    margin-right: 1.5rem
}

.rates__line-line,
.rates__line-name {
    color: rgba(35, 23, 35, .2)
}

@media screen and (max-width:767px) {
    .rates__line {
        font-size: 1.4rem;
        line-height: 2.1rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .rates__line-place {
        margin-right: 1rem
    }
    .rates__line-placeto {
        margin-right: 0
    }
    .rates__line-arrow {
        margin-right: 1rem
    }
    .rates__line-arrow svg {
        max-width: 19rem
    }
    .rates__line-line {
        display: none
    }
    .rates__line-name {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: .5rem
    }
}

.rates__gallery {
    margin-top: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 5.5rem
}

@media screen and (max-width:767px) {
    .rates__gallery {
        display: block;
        margin-bottom: 2rem
    }
}

.rates__gallery .img {
    width: 100%;
    height: 100%;
    position: relative;
    background: no-repeat 50% 50%/cover
}

@media screen and (max-width:767px) {
    .rates__gallery .img {
        border-radius: .4rem;
        margin-bottom: 1rem
    }
}

.rates__gallery-col.left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 68%;
    flex: 0 0 68%
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .rates__gallery-col.left {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60rem;
        flex: 0 0 60rem
    }
}

.rates__gallery-col.left .img {
    width: calc(100% - 4px);
    height: 52rem
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .rates__gallery-col.left .img {
        width: calc(60rem - 4px);
        height: 40rem
    }
}

@media screen and (max-width:767px) {
    .rates__gallery-col.left .img {
        width: 100%;
        height: 22rem
    }
}

.rates__gallery-col.right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32%;
    flex: 0 0 32%
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .rates__gallery-col.right {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 26rem;
        flex: 0 0 26rem
    }
}

.rates__gallery-col.right .img {
    width: 100%;
    height: calc(52rem/2 - 2px)
}

@media screen and (min-width:768px) and (max-width:1023px) {
    .rates__gallery-col.right .img {
        width: 26rem;
        height: calc(40rem/2 - 2px)
    }
}

@media screen and (max-width:767px) {
    .rates__gallery-col.right .img {
        width: 100%;
        height: 22rem
    }
}

.rates__gallery-col.right .img+.img {
    margin-top: 4px
}

@media screen and (max-width:767px) {
    .rates__gallery-col.right .img+.img {
        margin-top: 0
    }
}

.rates__button {
    margin-bottom: 5rem
}

@media screen and (max-width:767px) {
    .rates__button {
        margin-bottom: 0
    }
    .rate {
        margin-bottom: 2rem;
        margin-top: 2rem
    }
}

.rate__num {
    font-size: 6rem;
    line-height: 6rem;
    color: #fff;
    margin-bottom: 2rem
}

@media screen and (max-width:767px) {
    .rate__num {
        width: 7rem;
        font-size: 4rem;
        line-height: 4rem;
        margin-bottom: 0;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
}

.rate__num span {
    color: #1de94a;
    font-size: 1.8rem;
    line-height: 1.4;
    vertical-align: top;
    margin-left: 1rem
}

@media screen and (max-width:767px) {
    .rate__num span {
        position: absolute;
        left: 8.5rem;
        margin-left: 0;
        font-size: 1.6rem;
        top: 2rem
    }
}

.rate__text {
    font-size: 2.5rem;
    line-height: 3.2rem;
    color: #fff
}

@media screen and (max-width:767px) {
    .rate__text {
        font-size: 1.6rem;
        line-height: 2rem;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding-left: 1rem
    }
}

.block {
    margin-bottom: 10rem
}

@media screen and (max-width:767px) {
    .block {
        margin-bottom: 3rem
    }
}

.block__video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0
}

.block__video iframe {
    top: 0;
    right: 0;
    bottom: 0
}

@media screen and (max-width:767px) {
    .block__image {
        margin-bottom: 6rem
    }
}

.block__3images {
    font-size: 0
}

.block__3images img+img,
.block__4images img+img {
    margin-top: 2rem
}

.block__3images img {
    padding-left: 1rem;
    height: 29rem;
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover; object-position: bottom;';
    width: 100%
}

@media screen and (max-width:767px) {
    .block__3images img {
        height: 18rem;
        padding-left: 0
    }
}

.block__3images img.long,
.block__4images img {
    -o-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover; object-position: bottom;'
}

.block__3images img.long {
    padding-right: 1rem;
    padding-left: 0;
    height: 60rem
}

@media screen and (max-width:767px) {
    .block__3images img.long {
        height: 36rem;
        margin-bottom: 2rem;
        padding-right: 0
    }
}

.block__4images img {
    height: 29rem;
    width: 100%
}

@media screen and (max-width:767px) {
    .block__4images img {
        height: 18rem;
        margin-top: 2rem
    }
}

.block__4images .col-6:first-child img {
    padding-right: 1rem
}

@media screen and (max-width:767px) {
    .block__4images .col-6:first-child img {
        padding-right: 0
    }
    .block__4images .col-6:first-child img:first-child {
        margin-top: 0
    }
}

.block__4images .col-6:last-child img {
    padding-left: 1rem
}

@media screen and (max-width:767px) {
    .block__4images .col-6:last-child img {
        padding-left: 0
    }
}

.block__title-text {
    margin-top: 10rem;
    margin-bottom: 10rem
}

@media screen and (max-width:767px) {
    .block__title-text {
        margin-top: 6rem;
        margin-bottom: 3rem
    }
}

.block .block__title-text+.block__title-text,
.block .block__title-text+.block__video {
    margin-bottom: 0
}

@media screen and (max-width:767px) {
    .block .block__title-text+.block__title-text,
    .block .block__title-text+.block__video {
        margin-bottom: 0
    }
}

.block__gallery {
    position: relative;
    margin-top: 5rem
}

@media screen and (max-width:767px) {
    .block__gallery {
        margin-top: 3rem
    }
}

.block__gallery-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 2rem
}

.block__gallery-nav .nav,
.block__gallery-nav .pages {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

.block__gallery-nav .nav a {
    display: inline-block
}

.block__gallery-nav .nav a svg {
    width: 2rem;
    height: 2rem
}

.block__gallery-nav .pages {
    text-align: right;
    line-height: 2rem;
    font-size: 1.8rem
}

@media screen and (max-width:767px) {
    .block__gallery-item {
        width: auto
    }
}

.block__gallery-item-text {
    color: rgba(255, 255, 255, .5);
    font-size: 1.6rem;
    line-height: 2rem;
    margin-top: 2rem
}


.block-tag:last-child,
.block:last-child {
    margin-bottom: 0
}

.block-title {
    font-size: 3rem;
    line-height: 4rem;
    margin-bottom: 2rem
}

@media screen and (max-width:767px) {
    .block-title {
        font-size: 2.5rem;
        line-height: 3rem
    }
}

.block-text {
    font-size: 1.9rem;
    line-height: 3rem
}

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

.block-type {
    font-size: 1.9rem;
    line-height: 3rem;
    font-weight: 800;
    padding-right: 5rem;
    letter-spacing: -.03rem
}

@media screen and (max-width:767px) {
    .block-type {
        font-size: 1.6rem;
        line-height: 2.4rem;
        margin-bottom: 1rem;
        margin-top: -.5em
    }
}

.block-year {
    font-size: 4rem;
    line-height: 5rem
}

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

.block-tag {
    font-size: 1.8rem;
    line-height: 2rem;
    color: rgba(0, 0, 0, .3);
    margin-bottom: 1rem
}

@media screen and (max-width:767px) {
    .block-tag {
        display: none
    }
}

.block__banner {
    margin-left: calc((100vw - 100%)/-2);
    margin-right: calc((100vw - 100%)/-2);
    background-color: #fff;
    height: 25rem;
    padding-left: calc((100vw - 100%)/2);
    padding-right: calc((100vw - 100%)/2);
    color: #fff;
    display: block;
    -webkit-transition: background-color .333s ease;
    transition: background-color .333s ease
}

@media screen and (min-width:1024px) {
    .block__banner:hover {
        background-color: #ed1c80
    }
}

@media screen and (max-width:767px) {
    .block__banner {
        height: auto;
        padding-top: 2rem;
        padding-bottom: 2rem;
        margin-top: 6rem;
        margin-bottom: 6rem
    }
}

.block__banner .col-12 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.block__banner-text {
    font-size: 3rem;
    line-height: 5rem
}

@media screen and (max-width:767px) {
    .block__banner-text {
        font-size: 2rem;
        line-height: 2.5rem;
        padding-right: 4rem
    }
}

.block__banner-arrow {
    right: 0;
    top: 50%;
    color: #fff;
    margin-left: 2rem;
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715)
}

@media screen and (max-width:767px) {
    .block__banner-arrow {
        top: 2rem
    }
}

.block__banner-arrow svg {
    width: 4rem;
    height: 3.3rem
}

@media screen and (max-width:767px) {
    .block__banner-arrow svg {
        width: 1.5rem;
        height: 1.2rem
    }
}

@media screen and (min-width:1024px) {
    .block__banner:hover .block__banner-arrow {
        -webkit-transform: translateX(1rem);
        transform: translateX(1rem)
    }
}

.block__banner .row {
    height: 100%
}

.block__work-scroll {
    top: 0;
    position: fixed;
    width: 100%;
    left: 0
}

.block__work-scroll .container {
    padding-top: 0;
    padding-bottom: 0
}

.block__work-head .block-partners {
    margin-top: 5.8rem
}

@media screen and (max-width:767px) {
    .block__work-head .block-partners {
        margin-top: 0;
        margin-bottom: 2rem
    }
}

.block__work-head .block-partner {
    margin-top: 1rem;
    font-size: 1.8rem;
    line-height: 3rem
}

@media screen and (max-width:767px) {
    .block__work-head .block-partner {
        font-size: 1.4rem;
        margin-top: 0
    }
}

.block__work-head .block-partner span {
    margin-top: .1rem;
    margin-right: .5rem;
    display: inline-block;
    vertical-align: middle
}

.block__work-head .block-year {
    font-size: 5.5rem;
    line-height: 6rem;
    margin-bottom: 2rem;
    color: rgba(21, 21, 21, .1);
    font-weight: 700
}

@media screen and (max-width:767px) {
    .block__work-head .block-year {
        margin-bottom: 1rem;
        font-size: 2.6rem;
        line-height: 1.2em
    }
}

.block__work-head .block-title {
    font-size: 5.5rem;
    line-height: 6rem
}

@media screen and (max-width:767px) {
    .block__work-head .block-title {
        font-size: 2.6rem;
        line-height: 1.2em
    }
}

.input__wrap {
    position: relative;
    font-size: 1.6rem;
    background-color: #fff;
    border-radius: .4rem;
    height: 6.5rem;
    margin-bottom: 1.1rem;
    border: 1px solid #EFEFEF;
    box-sizing: border-box;
}

.input__wrap:after {
    content: '';
    position: absolute;
    right: 3rem;
    top: 2.8rem;
    height: 1rem;
    width: 1rem;
    background-color: transparent;
    -webkit-transition: background-color 350ms ease-in-out;
    transition: background-color 350ms ease-in-out;
    border-radius: 50%;
    pointer-events: none
}

.input__file {
    line-height: 2rem;
    font-size: 1.8rem;
    text-decoration: underline;
    -webkit-transition: all 150ms ease-in-out;
    transition: all 150ms ease-in-out;
    position: relative;
    display: inline-block
}

@media screen and (max-width:767px) {
    .input__file {
        padding-right: 3rem
    }
}

.input__file:hover {
    color: #000;
    text-decoration: none
}

.input__file-clear {
    position: absolute;
    display: none;
    left: -3rem;
    width: 1.5rem;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #ed1c80;
    cursor: pointer
}

@media screen and (max-width:767px) {
    .input__file-clear {
        left: auto;
        right: 0
    }
}

.input__text {
    background: 0 0;
    height: 6.5rem;
    padding: 0 1.4rem 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    border: 0;
    width: 100%;
    color: transparent;
    caret-color: #000;
    border-radius: 0;
    -webkit-transition: border-color 350ms cubic-bezier(.39, .575, .565, 1), color 650ms cubic-bezier(.39, .575, .565, 1);
    transition: border-color 350ms cubic-bezier(.39, .575, .565, 1), color 650ms cubic-bezier(.39, .575, .565, 1);
    font-size: 1.5rem;
    padding-right: 2rem
    color: #1C2635;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 32px;
    /* identical to box height, or 200% */


    color: #1C2635;

}

.input__text::-webkit-input-placeholder { /* Chrome */
  opacity: 0.8;
  color: #1C2635;
  font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 32px;
}
.input__text:-ms-input-placeholder { /* IE 10+ */
  opacity: 0.8;
  color: #1C2635;
  font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 32px;
}
.input__text::-moz-placeholder { /* Firefox 19+ */
  opacity: 0.8;
  color: #1C2635;
  font-family: 'Roboto', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 32px;
}
.input__text:-moz-placeholder { /* Firefox 4 - 18 */
  opacity: 0.8;
  color: #1C2635;
  font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 32px;
}

@media screen and (max-width:767px) {
    .input__text {
        font-size: 1.6rem
    }
}

.input__text[type=number] {
    -moz-appearance: textfield
}

.input__text::-webkit-inner-spin-button,
.input__text::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.input__text input:-webkit-autofill:focus,
.input__text:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fff inset;
    -webkit-text-fill-color: #000;
    border-color: gray
}

.input__placeholder {
    position: absolute;
    display: block;
    color: rgba(35, 23, 35, .2);
    line-height: 2.3rem;
    top: 2.2rem;
    left: 1.4rem;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: all 150ms cubic-bezier(.77, 0, .175, 1);
    transition: all 150ms cubic-bezier(.77, 0, .175, 1);
    pointer-events: none;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 95%;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.02em;

    color: #C4C4C4;

}

.input__label {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 32px;
    /* identical to box height, or 200% */


    color: #1C2635;

    opacity: 0.23;
}

.input__label,
.input__placeholder {
    font-size: 1.8rem
}

@media screen and (max-width:767px) {
    .input__label,
    .input__placeholder {
        font-size: 1.6rem
    }
}

.input__wrap.isFilled .input__text {
    color: #fff
}

.input__wrap.isFilled .input__placeholder,
.input__wrap.isFocused .input__placeholder {
    -webkit-transform: translateY(-1.5rem);
    transform: translateY(-1.5rem);
    font-size: 1.6rem
}

.input.isValid .input__text,
.input__text:focus {
    border-color: rgba(161, 161, 161, .5);
    color: #fff;
    outline: 0
}

.input.isValid .input__wrap:after {
    background-color: #00e532
}

.input.isError .input__wrap:after {
    background-color: #ed1c80
}

.input.isError input,
.input.isError textarea {
    border-color: #ed1c80;
    color: #ed1c80
}

.textarea {
    position: relative
}

.textarea .input__wrap {
    height: auto;
    position: relative
}

.textarea .input__text {
    width: 100%;
    min-height: 200px;
    border: 0;
    padding: 1.4rem;
    resize: none
}

.textarea .input__label {
    font-size: 1.8rem;
    line-height: 2.3rem;
    margin-left: 1.4rem;
    padding-top: 1.2rem;
    color: rgba(35, 23, 35, .2)
}

.radio-list {
    margin-bottom: 6rem
}

.radio-list__title {
    display: block;
    color: #a1a1a1;
    line-height: 2rem;
    font-size: 1.8rem;
    margin-bottom: 2rem
}

@media screen and (max-width:767px) {
    .radio-list__title {
        font-size: 1.6rem
    }
}

.radio-list__wrap {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.radio-list__label {
    -webkit-transition: all 250ms cubic-bezier(.39, .575, .565, 1);
    transition: all 250ms cubic-bezier(.39, .575, .565, 1);
    cursor: pointer
}

.radio-list__label:hover {
    color: #fff
}

.radio-list__item {
    margin-right: 3rem;
    font-size: 1.8rem;
    line-height: 2rem
}

@media screen and (max-width:1023px) {
    .radio-list__item {
        margin-bottom: 2rem
    }
}

@media screen and (max-width:767px) {
    .radio-list__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        font-size: 1.6rem;
        margin-bottom: 2rem
    }
    .radio-list__item:last-child {
        margin-bottom: 0
    }
}

.radio-list__item mark {
    background: 0 0;
    color: inherit;
    text-decoration: underline
}

.radio-list__item input:checked~.radio-list__label {
    color: #ed1c80
}

.form__error {
    display: none!important;
    color: #ed1c80
}

.form_for_request {
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    z-index: 103;
    position: fixed;
    -webkit-transition: all .333s ease 0ms;
    transition: all .333s ease 0ms;
    -webkit-transform: translateY(calc(100%));
    transform: translateY(calc(100%));
    pointer-events: none;
    opacity: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.form_for_request.open {
    opacity: 1;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-transition: all .333s .15s ease;
    transition: all .333s .15s ease
}

.form_for_request.ready {
    pointer-events: auto
}

@media screen and (max-width:767px) {
    .form_for_request {
        width: 100%;
        padding: 0
    }
}

.form_for_request__block {
    margin-bottom: 4rem
}

@media screen and (max-width:767px) {
    .form_for_request__block {
        margin-bottom: 3rem
    }
}

.form_for_request__line {
    height: 1px;
    font-size: 0;
    background: rgba(35, 23, 35, .1);
    margin-top: 6rem;
    margin-bottom: 5rem
}

@media screen and (max-width:767px) {
    .form_for_request__line {
        margin-top: 3rem;
        margin-bottom: 3rem
    }
}

.form_for_request__success {
    position: relative;
    display: none;
    width: 100%;
    background-color: #fff;
    pointer-events: none;
    padding: 0 0 6rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-transition: opacity 750ms cubic-bezier(.39, .575, .565, 1);
    transition: opacity 750ms cubic-bezier(.39, .575, .565, 1)
}

.form_for_request__success .title {
    width: 100%
}

.form_for_request__title {
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 43px;

    color: #1C2635;
    display: flex;
    align-items: center;
}

.form_for_request__pod-title{
    margin-left: 20%;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
    position: relative;
    color: #1C2635;
    top: 3px;
}

@media screen and (max-width:767px) {
    .form_for_request__title {
        font-size: 1.4rem;
        line-height: 1.8rem;
        margin-bottom: 1.5rem
    }
}

.form_for_request__wrap {
    margin-top: 10rem;
    padding: 6rem 9.5rem 3rem;
    background: #fff;
    width: 115rem;
    margin-left: calc((100% - 115rem)/2);
    position: relative
}

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

.form_for_request__row {
    position: relative
}

@media screen and (min-width:1024px) {
    .form_for_request__row .col-4:first-child .input {
        margin-right: .5rem
    }
    .form_for_request__row .col-4:last-child .input {
        margin-left: .5rem
    }
}

.form_for_request__footer {
    width: 100%;
    background-color: #fff;
    color: #fff;
    padding: 3rem 16rem;
    font-size: 1.8rem;
    line-height: 2rem
}

.form_for_request .popup__close-button {
    position: fixed;
    right: calc((100% - 115rem)/2);
    top: 0;
    z-index: 10;
    width: 10rem;
    height: 10rem;
    color: #fff;
    text-align: center;
    background-image: -webkit-gradient(linear, right top, left top, from(#000), color-stop(49.99%, #000), color-stop(50%, #ff6565), to(#ed1c80));
    background-image: -webkit-linear-gradient(right, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-image: linear-gradient(-90deg, #000 0%, #000 49.99%, #ff6565 50%, #ed1c80 100%);
    background-size: 200%;
    background-repeat: no-repeat;
    background-position: 100%;
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715)
}

@media screen and (min-width:1024px) {
    .form_for_request .popup__close-button:hover {
        background-position: 0
    }
}

@media screen and (max-width:767px) {
    .form_for_request .popup__close-button {
        width: 5rem;
        height: 5rem;
        right: 0;
        top: 0
    }
}

.form_for_request .popup__close-button svg {
    width: 2.1rem;
    height: 2.1rem;
    display: inline-block
}

@media screen and (max-width:767px) {
    .form_for_request .popup__close-button {
        top: 0;
        right: 0
    }
}

.form_for_request__file {
    margin-top: 2rem;
    color: #a1a1a1
}

@media screen and (max-width:767px) {
    .form_for_request__file {
        margin-bottom: 2rem
    }
}

.form_for_request__policy {
    padding-top: 2rem;
    margin-bottom: 4rem
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;

    color: #000000;

    opacity: 0.3;
    max-width: 230px;
}

.form_for_request__footer-text {
    font-size: 1.8rem;
    line-height: 2rem
}

.form_for_request__mailto {
    color: #fff
}

.form_for_request__mailto [class^=icon] {
    color: #ed1c80;
    max-height: 100%;
    width: 3rem;
    height: 1.8rem;
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: -.3rem
}

.isSended .form_for_request__success {
    pointer-events: auto;
    display: block
}

.isSended .form_for_request__success * {
    display: block
}

.isSended * {
    display: none
}

.page__popup-overlay,
.page__popup-overlay.active {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.page__popup-overlay {
    position: fixed;
    background: rgba(0, 0, 0, .7);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    -webkit-transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    transition: all 333ms cubic-bezier(.47, 0, .745, .715);
    pointer-events: none;
    opacity: 0
}

.page__popup-overlay.active {
    pointer-events: auto;
    opacity: 1
}

.page__popup-overlay.ready {
    pointer-events: auto
}

.top-banner {
    background: #000;
    height: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:767px) {
    .top-banner {
        height: auto;
        padding: 2rem 0
    }
}

.top-banner .container,
.top-banner__tagline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.top-banner .container {
    height: auto;
    color: #fff;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1.8rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media screen and (max-width:767px) {
    .top-banner .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 1.6rem
    }
}

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

.top-banner .container span {
    color: #f85b59;
    -webkit-transition: opacity .1s ease-in;
    transition: opacity .1s ease-in
}

.top-banner__tagline {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (max-width:767px) {
    .top-banner__tagline {
        margin-top: 2rem
    }
    .top-banner__tagline span {
        height: 1rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .top-banner__tagline img {
        width: auto;
        height: 100%
    }
}

.top-banner__text {
    padding-right: 3rem
}

.header__menu-item_callback{
	margin-right: 90px;
}

.header__menu-item_callback a{
	color: #fff;
    background: #6a32ff;
    height: 50px;
    padding-left: 50px;
    padding-right: 50px;
    line-height: 50px;
}

.container__header{
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.container{
	position: relative;
}

.section{
	position: relative;

}

.block{
	position: relative;
}

.block__left{
	max-width: 590px;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 32px;
	color: #1C2635;
}

.block__title{
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 43px;
    position: relative;
}

.block__title .title-more{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    text-decoration: none;
    display: flex;
    align-items: center;
    color: #6a32ff;
    font-size: 30px;
}

.block__title .title-more:hover{
    text-decoration: underline;
}

.block__title_red{
	color: #6a32ff;
}

.block__title .title{
    padding-bottom: 0;
}

.company-block{
	position: absolute;
	right: -100px;
	top: 0;
	width: 390px;
	padding: 50px;
}

.block__content p{
    padding-bottom: 30px;
}

.company-block::before{
	position: absolute;
	content: '';
	top: 0;
	bottom: 0;
	width: 100%;
	display: block;
	background-image: url('../img/border-bg.png');
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
	left: 0;
}

.company-block__title{
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 36px;
	line-height: 43px;
	color: #1d2435;
	padding-bottom: 20px;
    position: relative;
    z-index: 2;
}

.company-block__content{
	font-family: 'Roboto', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 32px;
	color: #1C2635;
    position: relative;
    z-index: 2;
}

.gallery{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.gallery__item{
    padding: 40px 60px;
}

.gallery__img{
    -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
  cursor: pointer;
  transition: 0.25s;
  opacity: 0.8;
}

.gallery__img:hover {
  -webkit-filter: none;
  -moz-filter: none;
  -ms-filter: none;
  -o-filter: none;
  filter: none;
  filter: none; /* IE 6-9 */
  opacity: 1;
}

.catalog{
     display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.catalog__item{
    display: flex;
    width: 50%;
    justify-content: flex-start;
    align-items: center;
    padding: 50px;
    position: relative;
    text-align: left;
     text-decoration: none !important;
     font-family: 'Roboto', sans-serif;
}

.catalog__item:hover,
.catalog__item:active{
    text-decoration: none;
}

.catalog__item::before{
    position: absolute;
    content: '';
    top: 0;
    bottom: 0;
    width: 100%;
    display: block;
    background-image: url('../img/border-bg-catalog.png');
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    left: 0;
    transition: 0.25s;
    opacity: 0;
}

.catalog__item:hover::before,
.catalog__item:active::before{
    opacity: 1;
}

.catalog__item:hover .catalog__price,
.catalog__item:active .catalog__price{
    color: #1C2635 !important;
}

.catalog__title:hover,
.catalog__title:active{
    color: #6a32ff;
    text-decoration: underline;
}


.catalog__title{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 36px;
    line-height: 43px;

    color: #1C2635;
    display: block;
    padding-bottom: 5px;
    transition: 0.25s linear;
}

.catalog__description{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 32px;
    padding-bottom: 20px;
    color: #1C2635;
    display: block;
}

.catalog__body{
    display: block;
    max-width: 390px;
    padding: 10px;
    position: relative;
    z-index: 2;
}

.catalog__price{
    display: block;
    font-weight: 600;
    font-size: 36px;
    padding-bottom: 20px;
}

.catalog__callback{
    display: block;
    font-weight: 600;
    text-decoration: underline;
    font-size: 20px;
    transition: 0.25s linear;
}

.project{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 30px;
}

.project_item{
    width: 30%;
    text-decoration: none !important;
    min-height: 120px;
}

.project_item:hover .project__title,
.project_item:active .project__title{
    color: #6a32ff;
}

.project__title{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    text-decoration-line: underline;
    color: #1C2635;
    padding-bottom: 20px;
    display: block;
    transition: 0.25s linear;
}

.project__description,
.project__years{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    display: block;
    color: #1C2635;
}

.project__years{
    font-weight: 400;
}

.breadcrumb{
  --uiBreadcrumbDividerColor: var(--breadcrumbDividerColor, inherit);
  --uiBreadcrumbDividerSize: var(--breadcrumbDividerSize, 16px);
  --uiBreadcrumbIndent:  var(--breadcrumbIndent, 10px);
  margin-top: 10px;
  margin-bottom: 15px;
}

.breadcrumb__list{
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
  margin-bottom: 0;
}

.breadcrumb__group{
  display: inline-flex;
  align-items: center;
  padding-left: 0;
  margin-bottom: 0px;
}

.breadcrumb__group::before{
    display: none;
}

.breadcrumb__group:nth-of-type(n+2),
.breadcrumb__divider{
  margin-left: 5px;
}

.breadcrumb__divider{
  margin-left: var(--uiBreadcrumbIndent);
  font-size: var(--uiBreadcrumbDividerSize);
}

.breadcrumb__point.r-link,
.breadcrumb__point,
.breadcrumb__divider{
    line-height: 1.5;
    color: #4D4D4D;
}

/*
=====
SKIN
=====
*/

.breadcrumb{
  --uiBreadcrumbTextColor: var(--breadcrumbTextColor);
  --uiBreadcrumbTextColorActive: var(--breadcrumbTextColorActive);
  
  --breadcrumbDividerColor: var(--uiBreadcrumbTextColor);
  --rLinkTextColor: var(--uiBreadcrumbTextColor);
}

.breadcrumb_type2{
  --breadcrumbDividerSize: 20px;
}

.breadcrumb_type3{
  --breadcrumbDividerSize: 18px;
}

.breadcrumb_type4{
  --breadcrumbDividerSize: 14px;
}

.breadcrumb_type5{
  --breadcrumbDividerSize: 20px;
}

.breadcrumb_type6{
  --breadcrumbDividerSize: 14px;
}

.breadcrumb__point{
    font-size: 16px;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
    cursor: default;
}

.breadcrumb__point.r-link{
    color: #6a32ff;
    cursor: pointer;
}

.breadcrumb__point.r-link:hover{
    text-decoration: underline;
}

@media screen and (max-width: 767px){
    .breadcrumb__point{
        font-size: 12px;
    }

    .breadcrumb__group{
        margin-left: 0px !important;
    }

    .breadcrumb__divider{
        margin-left: 3px;
        margin-right: 3px;
    }
}

.footer-soc{
    padding-top: 30px;
    padding-bottom: 60px;
}

.footer-block__logo{
    width: 30%;
}

.footer-block__logo .logotype__img{
    margin-right: 5px;
    z-index: 1;
}

.footer-block__logo .logotype__text{
    display: flex;
    color: #000;
}

.footer-block__logo .logotype{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 26px;
    /* identical to box height, or 130% */

    text-align: justify;
    letter-spacing: 0.02em;

    color: #FFFFFF;
}

.footer__meta .container{
    padding: 30px 20px;
    margin-bottom: 0px;
}

.footer__meta{
    position: relative;
}

.footer__meta::before{
    content: '';
    top: 0;
    height: 1px;
    background: #C4C4C4;
    opacity: 0.2;
    position: absolute;
    left: 0;
    right: 0;
}

.footer-block__site-description{
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: 0.4;
    width: 40%;
}

.footer-block{
    display: flex;
    align-items: center;
    justify-content: space-between;
}


.footer-block__soc{
    text-align: right;
    width: 30%;
}

.footer-block__soc_item{
    margin-left: 10px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 19px;
    text-align: right;
    transition: 0.25s linear;
    color: #000;
}

.footer > .container{
    padding-bottom: 0;
    margin-bottom: 0;
}

.modal-overlay{
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    background-color: rgba(0, 0 , 0 , 0.9);
    z-index: 19999;
    overflow: auto;
    display: flex;
    flex-wrap: wrap;
}

.modal{
    max-width: 400px;
    position: relative;
    background: #fff;
    height: auto;
    display: inline-block;
    margin: auto;
}

.modal__close{
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    padding: 5px 10px;
    color: #000;
}

.modal__body{
    padding: 30px 40px;
    background-color: #fff;
}

.modal__title{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    line-height: 22px;
    padding-bottom: 25px;
    color: #000;
    position: relative;
    cursor: default;
}

.modal__title::before{
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0;
    bottom:10px;
    opacity: 0.5;
    display: block;
    background: #fff;
}

.modal__input{
    border: 1px solid #E5E5E5;
    padding-top: 0;
    box-sizing: border-box;
    line-height: 60px;
    height: 60px;

}

.modal__input{
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.02em;
}

.modal__area{
    min-height: 170px;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: 0.02em;
    margin-bottom: 30px;
    padding-top: 10px;
}

.modal__btn{
    text-align: right;
    transition: 0.25s linear;
}

.modal__form button{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    /* identical to box height, or 160% */

    text-decoration-line: underline;
    transition: 0.25s linear;
    color: #6a32ff;
}

.modal__form .mes{
    text-align: center;
    padding: 25px 0;
     font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    display: none;
}

.modal__close{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    z-index: 3;
}

.modal__btn_red button{
    background: #6a32ff;
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: justify;
    padding: 15px 0;
    color: #FFFFFF;
    width: 100%;
    text-align: center;
    text-decoration: none;
}

.modal_red{
    position: relative;
}


.modal__title,
.modal__form{
    position: relative;
    z-index: 2;
}

.authorization{
    display: flex;
    justify-content: center;
}

.authorization__item{
    color: #000;
    font-size: 35px;
}

.modal-container{
    display: none;
}

.header__menu-link_hover_black:hover{
    color: #fff;
}

.scroll-bar{
    position: fixed;
    right: -170px;
    top: calc(50% - 25px);
    transform: rotate(-90deg);
    width: 400px;
}

.scroll-bar__item{
    font-family: 'Roboto', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;

    color: #1C2635;

    opacity: 0.3;
    width: auto;
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px;
}

.scroll-bar__title,
.scroll-bar__circle{
    display: inline-block;
    overflow: hidden;
}

.scroll-bar__title{
    display: none;
}

.scroll-bar__item:not(.scroll-bar__item_active){

}

.scroll-bar__item:hover .scroll-bar__title{
    display: inline-block;
}

.scroll-bar__item:hover .scroll-bar__circle{
    display: none;
}

.scroll-bar__item:hover{
    width: auto;
}

.scroll-bar__item.scroll-bar__item_active{
    opacity: 1;
}

.scroll-bar__item.scroll-bar__item_active .scroll-bar__title{
    display: inline-block;
}

.scroll-bar__item.scroll-bar__item_active .scroll-bar__circle{
    display: none;
}


.main-previews{
    display: flex;

}

.main-previews__left{
    width: 50%;
    padding-right: 0;
}

.main-previews__right{
    width: 50%;
}

.main-previews__right{
    display: flex;
    flex-wrap: wrap;
    
    padding-left: 0;
}

.main-previews__right-item{
    width: 50%;
}

.preview{
    display: block;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    height: 400px;
    position: relative;
    background-position: center center;
}

.preview_standart{
    height: 200px;
}

.preview_standart{

}



.preview::before{
    position: absolute;
    top: 0;
    bottom: 5px;
    left: 0;
    right: 0;
    display: none;
    content: '';
    background-color: rgba(0,0,0,0.2);
}

.preview:hover::before{
    display: block;
}

.preview__body{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    text-align: center;
    background-color: rgba(0,0,0,0.9);
    padding: 25px 20px;
}

.preview__title,
.preview__description,
.preview__attr{
    display: block;
    color: #fff;
    font-weight: 400;
    font-family: 'Roboto', sans-serif;
}

.preview__title{
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-bottom: 10px;
}

.preview__description{
    padding-bottom: 10px;
}

.preview__attr{
    position: absolute;
    bottom: calc(100% - 10px);
    left: 0;
    right: 0;
}

.preview_standart .preview__title{
    padding-bottom: 3px;
    font-size: 14px;
}

.preview_standart .preview__description{
    padding-bottom: 0;
    font-size: 12px;
}

.preview_standart .preview__body{
    padding: 15px 5px;
}

.preview_mini .preview__title{
    padding-bottom: 3px;
    font-size: 14px;
}

.preview_mini .preview__description{
    padding-bottom: 0;
    font-size: 12px;
}

.preview_mini .preview__body{
    padding: 15px 5px;
    padding-bottom: 5px;
    background-color: rgba(0,0,0,0.6);
}

.preview_mini{
    height: 100%;
}

.preview_mini .preview__title{
    padding-bottom: 0;
    font-size: 11px;
}

.preview_mini .preview__description{
    display: none;
}

.attr-article_mini .attr-article__item{
    font-size: 8px;
}

.attr-article_mini .attr-article__item i{
    margin-right: 1px;
}

.preview_mini-sidebar .preview__body{
    position: relative;
    top: -5px;
    background-color: #000;
}

.preview_catalog .preview__body{
    background-color: #161b29;
    padding-top: 20px;
    position: static;
    left: auto;
    top: auto;
    min-height: 170px;
}

.preview_catalog .preview__attr{
    position: static;
    padding-top: 15px;
    padding-bottom: 15px;
}

.preview_catalog{
    height: 100%;
    background-color: #000;
}

.preview_catalog .preview__img{
    width: 100%;
    display: block;
}

.preview_catalog::before{
    display: none !important;
}

.attr-article{
    display: flex;
    justify-content: center;
}

.preview_catalog:hover .preview__title{
    text-decoration: underline;
}

.attr-article__item{
    background-color: #6a32ff;
    color: #fff;
    font-size: 14px;
    padding: 3px 5px;
    text-transform: uppercase;
    display: block;
    width: auto;
    margin-right: 5px;
}

.attr-article__item i{
    margin-right: 5px;
}

.attr-article_normal .attr-article__item{
    font-size: 10px;
    margin-right: 2px;
}

.attr-article_normal .attr-article__item i{
    margin-right: 2px;
}

.catalog-body{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.catalog-body__item {
    width: 24%;
    margin-bottom: 20px;
}

.catalog-body__item_full{
    width: 100%;
}

.catalog__btn-container{
    text-align: center;
}

.preview_catalog .preview__body{
    
}

.page-content-inner{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.page-content-inner__sidebar{
        width: 200px;
}

.page-content-inner__main{
    width: calc(100% - 220px);
    background-color: #fff;
    -webkit-box-shadow: 0 0.4rem 3.5rem rgba(0, 0, 0, .1);
    box-shadow: 0 0.4rem 3.5rem rgba(0, 0, 0, .1);
    padding: 20px;
    border-radius: 4px;
}

.sidebar-block{
    width: 100%;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #fff;
    -webkit-box-shadow: 0 0.4rem 3.5rem rgba(0, 0, 0, .1);
    box-shadow: 0 0.4rem 3.5rem rgba(0, 0, 0, .1);
    margin-bottom: 15px;
}

.sidebar-block__title{
    font-size: 18px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 5px;
    cursor: default;
    position: relative;
}

.sidebar-block__title-more{
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    position: absolute;
    display: inline-block;
    right: 0;
    bottom: 0;
    top: 0;
    color: #6a32ff;
    text-decoration: underline;
}

.sidebar-block__body{
    
}

.sidebar-block__elem{
    margin-bottom: 10px;
}

[data-visible-media="0"]{
    display: none !important;
}

.page-title{
    font-size: 30px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 5px;
    cursor: default;
    position: relative;
    color: #fff;
    line-height: 1;
    margin-bottom: 30px;
    color: #4D4D4D;
}


.page-title_margin_no{
    margin-bottom: 0;
}

.article-content__title{
    padding-right: 200px;
    position: relative;
}

.article-content__top-bar{
    position: relative;
    right: auto;
    top: auto;
    bottom: auto;
    cursor: default;
    margin-top: 0px;
    margin-bottom: 10px;
    display: block;
}

.top-bar{
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 5px;
    cursor: default;
    position: relative;
}

.top-bar__title{
    margin-right: 5px;
}

.top-bar__elem{
    opacity: 0.65;
    cursor: pointer;
    margin-right: 3px;
}

.top-bar__icon_vertical i{
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.top-bar__elem_active{
    opacity: 1;
}

.top-bar__elem:hover{
    opacity: 1;
}

.container-media__item{
    display: none;
}

[data-visible-media="1"]{
    display: block;
}

.article-content__bar-info{
    margin: 15px 0;
}

.info-bar{
    font-size: 16px;
    font-weight: 600;
    
    font-family: 'Roboto', sans-serif;
    margin-bottom: 5px;
    cursor: default;
    position: relative;
    cursor: default;
}

.info-bar__item{
    margin-right: 15px;
    opacity: 0.8;
}

.info-bar__item:hover{
    opacity: 1;
}

.info-bar__content a{
    color: #6a32ff;
}

.article-content__description{
    color: #4D4D4D;
}

.article-content__description::before{
    position: absolute;
    height: 1px;
    top: 0px;
    left: 0;
    right: 0;
    display: block;
    content: '';
    background: #fff;
    opacity: 0.3;
}

.content-text{
    font-size: 18px;
        font-family: 'Roboto', sans-serif;
}

.content-text h2,
.content-text h3{
    font-size: 25px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 5px;
    cursor: default;
    position: relative;
    color: #fff;
    line-height: 1;
    margin-bottom: 0;
    padding-bottom: 30px;
    margin-top: 30px;
}

.article-content__tags{
    margin: 25px 0;
    
}

.block-tags{
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
}

.block-tags__title{
    margin-right: 5px;
    font-weight: bold;
    text-transform: lowercase;
}

.block-tags__item{
    text-decoration: underline;
    text-transform: lowercase;
    color: #6a32ff!important;
}

.block-tags__item::after{
    content: ',';
    display: inline-block;
    margin-right: 2px;
}

.block-tags__item:nth-last-child::after{
    display: none;
}

.block-share{
    display: flex;
    align-items: center;
}

.block-share__title{
    font-size: 16px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    margin-right: 10px;
    cursor: default;
    position: relative;
    color: #4D4D4D;
}

.article-content__share{
    margin: 15px 0;
}

.gallery-item-history{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
}

.gallery-item-history__item{
    width: 150px;
    padding: 4px;
    border: 1px solid #808080;
    border-radius: 3px;
    height: 100%;
    margin-bottom: 15px;
}

.gallery-item-history__description{
    margin-top: 5px;
}

.gallery-item-history__link{
    font-size: 10px;
    display: block;
    text-align: center;
}

.gallery-item-history__preview{
    overflow: hidden;
    width: 140px;
    height: 140px;
}

.gallery-item-history__item .gallery-item-history__img{
    width: 100%;
    border-radius: 3px;
    border: 1px solid #ccc;
}

.content-image__img{
    border-radius: 3px;
    border: 1px solid #ccc;
    max-width: 100%;
    width: 100%;
}

.content-image__description{
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    cursor: default;
}

.content-image__title,
.content-video__title,
.content-event__title,
.content-table__title,
.content-image__title{
    padding-bottom: 0;
    font-size: 25px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 5px;
    cursor: default;
    position: relative;
    color: #fff;
    line-height: 1;
    margin-bottom: 5px;
}

.content-video__top-bar,
.content-image__top-bar,
.content-event__top-bar,
.content-table__top-bar,
.content-image__top-bar{
    margin-bottom: 5px;
}

.content-video,
.content-image,
.content-event,
.content-table,
.content-image{
    margin-top: 35px;
}

.event-anons{
    margin-top: 15px;
}

.event-message__video,
.event-message__audio{
    width: 100%;
}

.event-message__video{
    background: #000;
}

.event-message__audio{
    background: #fff;
}

.event-anons__media{
    max-width: 300px;
    min-width: 300px;
}

.event-anons__body{
    display: flex;
    justify-content: space-between;
    cursor: default;
}

.event-anons__title{
    padding-bottom: 0;
    font-size: 17px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 5px;
    cursor: default;
    position: relative;
    color: #fff;
    line-height: 1;
    margin-bottom: 5px;
}

.event-anons__text{
    padding-left: 10px;
    width: 100%;
}

.event-anons__content{
    font-size: 14px;
}

.event-anons__date{
    padding-bottom: 0;
    font-size: 20px;
    font-weight: 700;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 5px;
    cursor: default;
    position: relative;
    color: #fff;
    line-height: 1;
    margin-bottom: 5px;
    text-transform: uppercase;
}

table {width: 100%; border-collapse: collapse; max-width: 700px; margin-left: auto; margin-right: auto;}
table td {padding: 12px 16px;}
table thead tr {font-weight: bold; border-top: 1px solid #0084ff;}
table tr {border-bottom: 1px solid #e8e9eb;}
table {width: 100%; border-collapse: collapse;}
table thead tr {color: #ffffff; font-weight: bold; background: #0084ff; font-size: 14px;}
table tr th {
    border: 1px solid #339cff; 
    font-weight: 400; 
    font-size: 14px; 
    padding: 15px;
}
table tbody tr td,
table tbody tr th{border: 1px solid #e8e9eb; font-size: 14px;}
table tbody tr td:nth-child(1){
    width: 70px;
    text-align: center;
    padding-left: 0;
    padding-right: 0;
}
table tbody tr td.td-image{
    width: 75px;
}
table caption{
    caption-side: bottom;
    margin-top: 10px;
    font-size: 12px;
    cursor: default;
}

@media screen and (max-width:767px) {
    table tbody tr td{
        font-size: 10px;
        padding: 5px;
    }
}

@media screen and (max-width:650px) {
    .event-anons__body{
        display: block;
    }
    .event-anons__media{
        max-width: 100%;
    }

    .event-anons__date{
        text-align: center;
        margin-bottom: 10px;
    }
}

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

    .catalog-body__item{
            min-width: 225px;
    }
    .block__left{
        margin-right: 390px;
    }

    .header__menu-item_callback{
        margin-right: 10px;
    }

    .footer-block{
        display: block;
    }

    .footer-block__logo .logotype__text{
        justify-content: center;
        margin-bottom: 10px;
    }

    .footer-soc{
        display: flex;
        justify-content: space-between;
    }

    .footer-block__logo{
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .page-content-inner{
        flex-direction: column;
    }

    .page-content-inner__main{
        width: 100%;
    }

    .footer-block__logo .logotype{
        display: block;
        text-align: center;
    }

    .footer-block__site-description{
        width: 100%;
    }

    .footer-block__soc{
        margin-top: 10px;
        width: 100%;
        text-align: center;
    }

    .footer-block__soc_item{
        margin-left: 10px;
        margin-right: 10px;
    }

    .catalog__item{
        padding: 20px;
    }

    .catalog__title{
        font-size: 28px;
    }

    .page-content-inner__sidebar {
        width: 100%;
    }

    .sidebar-block__elem {
        margin-bottom: 10px;
        max-width: 225px;
        display: inline-block;
        width: 100%;
        background-color: #000;
    }
}

@media screen and (max-width: 1023px){
    .header__menu{
        display: flex;
        justify-content: flex-end;
    }

    .container{
        padding: 20px 5px;
    }

    .footer{
        padding-bottom: 50px;
    }
}

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

    .header__menu{
        justify-content: space-around;
    }

    .catalog__price{
        font-size: 26px;
    }

    .catalog__item{
        padding: 20px;
    }

    .catalog__price{
        font-size: 26px;
    }

    .catalog__description{
        font-size: 14px;
    }

    .catalog__callback{
        font-size: 18px;
    }

    .block__left {
        margin-right: 300px;
    }
}

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

    .info-bar__title_full{
        width: 50%;
        padding-right: 2px;
    }

    .info-bar__content_full{
        width: 50%;
        padding-left: 2px;
    }

    .mainpage__hello-title{
        font-size: 45px;
        line-height: 50px;
    }

    .company-block {
        position: relative;
        right: 0;
        top: 0;
        width: 100%;
        max-width: 390px;
        margin-left: auto;
        margin-right: auto;
        padding: 20px;
        margin-top: 15px;
    }

    .company-block__content{
        font-size: 16px;
        line-height: 25px;
    }

    .company-block__title{
        font-size: 30px;
    }

    .block__left{
        margin-right: 0;
        max-width: 100%;
    }

    .block__content p{
        padding-bottom: 5px;
    }
    .block__title {
        font-family: 'Roboto', sans-serif;
        font-style: normal;
        font-weight: 600;
        font-size: 24px;
        line-height: 29px;

    }

    .gallery__item {
        padding: 20px 25px;
        width: 50%;
    }

    .catalog__item{
        width: 100%;
        margin-bottom: 10px;
    }

    .catalog__item::before{
        opacity: 1;
    }

    .project_item{
        width: 50%;
        padding-right: 10px;
    }

    .catalog__title{
        line-height: 25px;
        font-size: 23px;
    }

    .catalog__description{
        line-height: 20px;
    }

    .sidebar-block__body{
        overflow: auto;
        display: flex;
        flex-direction: row;
        flex-grow: 0;
        flex-wrap: nowrap;
    }

    .block__title{
        font-size: 18px;
    }

    .header__menu{
        overflow: auto;
    }

    .footer__feedback{
        display: block;
        text-align: center;
    }

    .footer__feedback-left{
        padding-top: 0;
        padding-bottom: 20px;
    }

    .footer__title {
        font-size: 20px;
        line-height: 22px;
    }

    .project__title{
        padding-bottom: 5px;
    }

    .scroll-bar{
        right: -190px;
    }

    .header .logotype__text{
        display: flex;
    }

    .block__title{
        margin-bottom: 20px;
    }

    .header__icon.js-menu{
        position: absolute;
        right: 0;
        display: none;
    }

     .header__icon .icon__icon-close{
        display: none;
    }

    .header__icon.header__icon_no_active .icon__icon-close{
        display: block;
    }

    .header__icon.header__icon_no_active .icon__icon-menu{
        display: none;
    }


    .modal__input{
        height: 40px;
    }

    .modal__title{
        font-size: 20px;
        line-height: 22px;
    }

    .modal__body{
        padding: 30px;
    }

    .form_for_request__title {
        font-size: 25px;
        line-height: 26px;
        margin-bottom: 5px;
        display: block;
    }

    .form_for_request__pod-title{
        margin-left: 0;
        display: block;
    }

    .check-list{
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .check-list__item{
        width: 30%;
        margin-right: 0px;
        margin-bottom: 5px;
    }

    .check-list__label {
        font-size: 1.3rem;
        line-height: 1.5em;
        margin-bottom: .6rem;
        height: 100%;
        font-size: 10px;
        font-weight: 400;
        display: flex;
        align-items: center;
    }

    .article-content__top-bar {
        position: static;
        right: 0;
        top: 5px;
        bottom: 0;
        cursor: default;
        margin-bottom: 15px;
        display: block;
    }

    .page-title{
        margin-bottom: 15px;
    }

    .container-media{
        margin-left: -20px;
        margin-right: -20px;
    }

    .article-content__description{
        padding-top: 20px;
    }

    .header__menu{
        justify-content: space-around;
    }

    .sidebar-block__elem{
        min-width: 225px;
        margin-right: 5px;
    }

    .info-bar__item{
        display: flex;
        justify-content: space-between;
        margin-right: 0;
    }
    .article-content__title {
        padding-right: 0;
        position: relative;
    }

    .ya-share2__list_direction_horizontal > .ya-share2__item{
        margin-bottom: 5px !important;
    }

    .catalog-body__item {
        min-width: 225px;
        display: inline-block;
        vertical-align: top;
    }

    .catalog-body {
        display: block;
        vertical-align: top;
        text-align: center;
    }

    .main-previews__right-item{
        width: 100%;
    }

    .block__title .title{
        font-size: 25px;
    }

    .block__title .title-more{
        font-size: 20px;
    }

    .block__title{
        margin-left: 20px;
        margin-right: 20px;
    }
}

@media screen and (max-width: 1100px){
    .main-previews {
        display: flex;
        flex-direction: column;
    }

    .main-previews__left {
        width: 100%;
        padding-right: 0;
    }

    .main-previews__right{
        width: 100%;
    }

    .main-previews__right .preview_standart {
        height: 250px;
    }
}

@media screen and (max-width: 500px){
    .catalog-body__item{
        min-width: 100%;
    }

    .block__title .title-more{
        font-size: 16px;
    }
}

.user-preview_mini{
    line-height: 1.1;
    
}

.user-preview_mini .user-preview__balance{
    opacity: 0.8;
}

.user-preview_mini .user-preview__img{
    width: 30px;
    height: 30px;
}

.user-preview__balance{
    font-size: 10px;
}

.user-preview__balance-money{
    color: #0fdf15;
}

.user-preview__setting{
    margin-left: 15px;
}

.user-preview_parent{
    cursor: pointer;
    position: relative;
}

.user-preview__child{
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
}

.vertical-list .vertical-list__item .vertical-list__link{
    margin: 0;
    display: block;
    padding: 5px 5px;
    font-weight: 400;
    font-size: 12px;
    
}

.user-preview__child{
    display: none;
}

.user-preview:hover .user-preview__child{
    display: block;
}

.vertical-list .vertical-list__item .vertical-list__link i{
    min-width: 13px;
    text-align: center;
}

.content-block{
    background: #1d2435;
    padding: 15px 20px;
    margin-bottom: 25px;
}

.content-block__title{
    font-size: 40px;
    line-height: 40px;
    margin-bottom: 5px;
    padding-bottom: 0;
    color: #fff;
}

.content-block__description{
    margin-bottom: 30px;
    color: #fff;
    opacity: 0.6;
}

.balance-block{
    display: flex;
    justify-content: space-between;
}

.balance-block__column{
    width: 49%;
    color: #fff;
}


.balance-block__title{
    font-size: 24px;
    padding-bottom: 0px;
    line-height: 1.1;
    margin-bottom: 10px;
}

.balance-block__description{
    font-size: 12px;
    opacity: 0.8;
}

.balance-block__balance-money{
    display: block;
    text-align: center;
    font-size: 32px;
    margin: 50px 20px;
}

.balance-block__balance-money_green{
    color: #0fdf15;
}

.package-catalog{
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
}

.package-catalog__item{
    width: 200px;
    min-width: 200px;
    margin: 10px 5px;
}

.package{
    width: 100%;
    position: relative;
    cursor: default;
}

[data-modal-pay]{
    cursor: pointer;
}

.package__bg{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: 0;
}

.package__prev{
    -webkit-background-size: cover;
    background-size: cover;
    height: 200px;
    position: relative;
}

.package__prev-content{
    position: absolute;
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    padding: 5px;
    background-color: rgba(255,255,255,0.5);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.package__prev-title{
    color: #1d2435;
    font-weight: bold;
    opacity: 0.9;
}

.package__prev-list{
    font-size: 14px;
    color: #6a32ff;
    text-align: center;
    margin-top: 5px;
    font-weight: 600;
}

.package__prev-list-item{
}

.package__prev-list-item{

}

.package__prev-btn{
    padding: 2px 3px;
    font-size: 12px;
    line-height: 1;
    margin-top: 10px;
}

.package__prev-price{
    background-image: url('/uploads/price/price_bg.png');
    -webkit-background-size: cover;
    background-size: cover;
    height: 60px;
    width: 60px;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.package__prev-price_valute{
    font-weight: 400;
    font-size: 10px;
}

.package__body{
    color: #fff;
    padding-bottom: 50px;
}

.package__title{
    font-size: 20px;
    line-height: 1.1;
    margin: 10px 0 5px 0px;
}

.package__description{
    font-size: 12px;
    opacity: 0.7;
    margin-bottom: 5px;
}

.balance{
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
}

.balance__column{
    width: 50%;
    text-align: center;
}

.balance__money{
    color: #0fdf15;
}

.package__list{
    margin-bottom: 5px;
}

.package__list-item{
    font-size: 12px;
    padding-bottom: 3px;
    opacity: 0.9;
}

.puy__title{
    font-size: 12px;
    margin-bottom: 0;
    padding-top: 5px;
    opacity: 0.9;
}

.puy__body{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.puy__column{
    width: 50%;
}

.puy__title{
    opacity: 0.7;
}

.puy__money{
    color: #0fdf15;
    font-weight: 600;
}

.puy__valute{
    font-weight: 400;
}

.package__puy{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.package{
    height: 100%;
}

.pay-form__preview{
    padding: 10px 10px;
    border: 1px solid rgba(255,255,255,0.2);
}

.pay-form__title{
    color: #fff;
    line-height: 1;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
}

.input-number{
    display: flex;
    align-items: center;
}

.input-number__label{
    margin-right: 5px;
    font-size: 12px;
}

.input-number__input{
    color: #262e43;
}

.pay-form__type-pay{
    margin-top: 15px;
}

.pay-type{
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.pay-type__item{
    width: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 70px;
    flex-direction: column;
    cursor: pointer;
    background-color: #fff;
    margin-right: 3px;
    box-sizing: border-box;
}

.pay-type__item_active{
    outline: 2px solid #6a32ff;
}

.pay-type__item:last-child{
    margin-right: 0;
}

.pay-type__img{
    max-width: 25px;
    margin-bottom: 5px;
}

.pay-type__title{
    font-size: 10px;
    color: #262e43;
}

.pay-form__price{
    margin-top: 15px;
}

.total-pay{
    display: flex;
    justify-content: space-between;
    cursor: default;
}

.total-pay__column{
    width: 50%;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.total-pay__column_price{
    text-align: right;
}

.pay-form__btn{
    margin-top: 15px;
    display: flex;
    justify-content: center;
}

.btn-pay{
    padding: 10px 25px !important;
}

.history-package__info{
    margin-top: 10px;
    cursor: default;
    font-size: 12px;
    padding-bottom: 3px;
    opacity: 0.7;
    color: #fff;
}

.info__item{
    margin-bottom: 3px;
    display: flex;
    justify-content: space-between;
}

.info__column{
    width: 50%;
}

.info__column:nth-child(2){
    text-align: right;
}

.history-package{
    margin-bottom: 25px;
}

.content-block__null{
    text-align: center;
    opacity: 0.7;
    margin: 25px 0;
    color: #fff;
    font-size: 20px;
}

.paymant-catalog__item{
    margin-bottom: 35px;
}

.paymant-history{
    color: #fff;
    cursor: default;
}

.paymant-history__title{
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 3px;
}

.paymant-history__paymant{
    display: flex;

}

.paymant-history__title-paymant{
    margin-right: 10px;
}

.paymant-history__description{
    font-size: 12px;
}

.paymant-history__descr-item{
    margin-right: 10px;
}

.paymant-history__descr-item-title{
    font-weight: bold;
}

.paymant-history__descr-item-content{
    opacity: 0.7;
}

.paymant-history__paymant{
    margin-top: 4px;
}

.balance__credit{
    color: #0fdf15;
}

.balance_left{
    justify-content: flex-start;
}

.balance_big{
    font-weight: bold;
    font-size: 26px;
}

.balance__credit{
    margin-right: 10px;
}

.balance__valute{
    margin-left: 10px;
}

.paymant-form__title{
    line-height: 1.1;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 3px;
}

.paymant-form__description{
    margin-bottom: 2px;
    font-size: 12px;
    opacity: 0.5;
}

.paymant-form__curs,
.paymant-form__type,
.paymant-form__bank-account,
.paymant-form__paymant,
.paymant-form__commission,
.paymant-form__total-money
{
    margin-bottom: 25px;
}

.paymant-type{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

.paymant-type__item{
    width: 100%;
    max-width: 150px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100px;
    flex-direction: column;
    cursor: pointer;
    background-color: #fff;
    margin-right: 3px;
    box-sizing: border-box;
}

.paymant-type__img{
    max-width: 25px;
    margin-bottom: 15px;
}

.paymant-type__title{
    font-size: 12px;
    color: #262e43;
    padding: 0 5px;
}

.paymant-type__item_active{
    outline: 2px solid #6a32ff;
}

.input-sum-paymant-group__input{
        background: #1d2435;
        color: #0fdf15;
        width: 75px;
        text-align: right;
        border-bottom: 1px solid #fff;
        border-radius: 0;
}

.input-sum-paymant-group__input-wrap,
.input-sum-paymant-group__current_credits{
    color: #0fdf15;
}

.input-sum-paymant-group__money span ,
.commission-paymant__current-money span{
    font-weight: bold;
    text-decoration: underline;
}

.commission-paymant_commmision-val{
    text-decoration: underline;
    color: #cc1c47;
}

.commission-paymant__commmision-total-money span{
    color: #cc1c47;
    font-weight: bold;
    text-decoration: underline;
}

.total-money{
    display: flex;
    line-height: 1.1;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 3px;
}

.total-money__title{
    margin-right: 10px;
}

.total-money__val{
    color: #0fdf15;
}

.total-money__val span{
    text-decoration: underline;
}

.input-group-paymant-account{
    display: none;
}

.input-group-paymant-account_active{
    display: block;
}

.paymant-type__item_active{
    display: flex;
    outline: 2px solid #6a32ff;
}

.paymant-form__tab{
    display: none;
}

.paymant-form__tab_active{
    display: block;
}

.setting-form__section{
    margin-bottom: 30px;
}

.setting-form__section-title{
    font-weight: bold;
    font-size: 24px;
}

.setting-form__section-description{
    font-size: 12px;
    opacity: 0.5;
}

.setting-form__section-body{
    margin-top: 10px;
}

.setting-group-input{
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.setting-group-input__label{
    opacity: 0.7;
    font-size: 14px;
    margin-right: 20px;
    width: 200px;
}

.setting-group-input__input,
.referal-link__link{
    background-color: #1d2435;
    color: #fff;
    border: 1px solid #6227ff;
}

.referal-link{
    display: flex;
    align-items: center; 
}

.referal-link__title,
.referal-link__link{
    margin-right: 10px;
}

.referal-link__link{
    width: auto;
    display: inline-block;
}

.referal-link__link{
    min-width: 300px;
}

.referal-link__btn{
    margin-right: 15px;
}

.referal-link__success{
    font-size: 12px;
    color: #0fdf15;
    opacity: 0;
    transition: opacity 0.25s;
    cursor: default;
}

.referal-link__success_active{
    opacity: 1;
}

.referal-demo{
    margin-top: 25px;
    cursor: default;
}

.referal-demo__title{
    font-size: 24px;
    padding-bottom: 0px;
    line-height: 1.1;
    margin-bottom: 5px;
    font-weight: 700;
    letter-spacing: -.03em;
}

.referal-demo__description{
    font-size: 12px;
    opacity: 0.8;

}

.referal-demo__body{
    margin-top: 10px;
}

.referal-formula{
    display: flex;
    align-items: center;
}

.referal-formula__item{
    text-align: center;
}

.referal-formula__item_sign{
    font-size: 26px;
    padding: 0 10px;
}

.referal-formula__label{
    font-size: 10px;
    max-width: 100px;
    opacity: 0.6;
}

.referal-formula__item_green{
    color: #0fdf15;
}

.referal-formula__input{
    background: #1d2435;
    color: #0fdf15;
    width: 75px;
    text-align: right;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    text-align: center;
}

.accordion {
  width: 100%;
  max-width: 360px;
  margin: 0 auto 20px;
  background: #FFF;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.accordion .link {
  cursor: pointer;
  display: block;
  padding: 15px 15px 15px 42px;
  color: #4D4D4D;
  font-size: 14px;
  font-weight: 700;
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li:last-child .link { border-bottom: 0; }

.accordion li i {
  position: absolute;
  top: 16px;
  left: 12px;
  font-size: 18px;
  color: #595959;
  -webkit-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
  right: 12px;
  left: auto;
  font-size: 16px;
}

.accordion li.open .link { color: #6a32ff; }

.accordion li.open i { color: #6a32ff; }

.accordion li.open i.fa-chevron-down {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

/**
 * Submenu
 -----------------------------*/


.submenu {
  display: none;
  background: #444359;
  font-size: 14px;
}

.submenu li { border-bottom: 1px solid #4b4a5e; }

.submenu a {
  display: block;
  text-decoration: none;
  color: #d9d9d9;
  padding: 12px;
  padding-left: 42px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}

.more-next{
    color: #4D4D4D;
}

.more-next__content{
    width: 240px;
}

.more-next__body{
    display: flex;
    align-items: center;
}

.more-next__icon{
    font-size: 50px;
    padding: 10px;
}

.more-next__title{
    margin-bottom: 15px;
    font-weight: bold;
    cursor: pointer;
}

.article-content__next{
    float: right;
}

.more-next_right .more-next__title{
    text-align: right;
}

.article-content__more{
    margin-top: 30px;
}

.article-content__prev{
    float: left;
}