.wrap-content {
    width: 100%;
    max-width: 1200px;
    overflow-x: hidden;
    margin: auto;
    font-size: 14px;
    margin-top: 50px;
}

.wrap-content img {
    display: block;
    max-width: 100%;
    border-radius: 14px;
    margin: 30px auto;
}
.wrap-content h1, .wrap-content h2{
    width:100%;
}
.wrap-content figure{
    margin: auto;
    margin-bottom: 10px;
}
.wrap-content TABLE {
    max-width: 100%;
    border: 5px double;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 10px;
    border-collapse: collapse;
    display: inline-table;
}

.wrap-content TD, .wrap-content TH {
    padding: 5px;
    border: 1px solid;
    text-align: left;
    margin-bottom: 10px;

}
.wrap-content tbody{
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.wrap-content tr{
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}

.wrap-content ol, .wrap-content ul {
    list-style: auto;
    margin-left: 18px;
    width: 100%;
    margin-bottom: 10px;
}
.wrap-content li{
    list-style: auto;
}

.wrap-content p{
    margin-bottom: 10px;
}
.wrap-content h1,  .wrap-content h2{
    font-size: 36px;
    margin-bottom: 15px;
}
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

menu, ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: ""
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    color: inherit
}

input:-webkit-autofill, input:-webkit-autofill:focus, input:-webkit-autofill:hover, select:-webkit-autofill, select:-webkit-autofill:focus, select:-webkit-autofill:hover, textarea:-webkit-autofill, textarea:-webkit-autofill:focus, textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: #393939;
    -webkit-box-shadow: 0 0 0 1000px transparent inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

a {
    text-decoration: none;
    color: inherit;
    outline: none
}

img, video {
    display: block;
    width: 100%;
    height: auto
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

:focus {
    outline: none
}

:root {
    font-family: Proxima Nova Rg;
    font-weight: 700;
    color: #fff;
    height: 100%;
    font-size: .8333333333vw
}

@media (max-width: 768px) {
    :root {
        font-size: 16px
    }
}

@media (max-width: 430px) {
    :root {
        font-size: 3.7209302326vw
    }
}

html {
    scroll-behavior: smooth
}

html::-webkit-scrollbar {
    width: .5em
}

html::-webkit-scrollbar-thumb {
    background-color: #17c85d
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 100%;
    background-color: #212322
}

@font-face {
    font-family: Druk Wide Cyr;
    src: url(../fonts/DrukWideCyr-Bold.woff2) format("woff2"), url(../fonts/DrukWideCyr-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Druk Text Wide Cyr;
    src: url(../fonts/DrukTextWideCyr-Heavy.woff2) format("woff2"), url(../fonts/DrukTextWideCyr-Heavy.woff) format("woff");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Proxima Nova Rg;
    src: url(../fonts/ProximaNova-Regular.woff2) format("woff2"), url(../fonts/ProximaNova-Regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Proxima Nova Rg;
    src: url(../fonts/ProximaNova-Bold.woff2) format("woff2"), url(../fonts/ProximaNova-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

.btn {
    position: relative;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    height: 3.75em;
    min-width: 12.5em;
    padding: 0 .9375em;
    border: .125em solid #17c85d;
    -moz-border-radius: 6.25em;
    border-radius: 6.25em;
    cursor: pointer;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: background-color .3s ease-in-out, border .3s ease-in-out, -webkit-filter .3s ease-in-out;
    transition: background-color .3s ease-in-out, border .3s ease-in-out, -webkit-filter .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out, border .3s ease-in-out, filter .3s ease-in-out;
    transition: background-color .3s ease-in-out, border .3s ease-in-out, filter .3s ease-in-out;
    transition: background-color .3s ease-in-out, border .3s ease-in-out, filter .3s ease-in-out, -webkit-filter .3s ease-in-out
}

.btn, .btn:hover {
    background-color: #17c85d
}

.btn:after, .btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -moz-border-radius: 6.25em;
    border-radius: 6.25em;
    z-index: -1
}

.btn:before {
    border: 0 solid rgba(46, 204, 113, .1)
}

.btn:after {
    border: 0 solid rgba(46, 204, 113, .3)
}

.btn:hover:before {
    border: .9375em solid transparent
}

.btn:hover:after, .btn:hover:before {
    -webkit-transition: blur 1s ease, border .8s ease, -webkit-transform .5s ease;
    transition: blur 1s ease, border .8s ease, -webkit-transform .5s ease;
    -moz-transition: transform .5s ease, blur 1s ease, border .8s ease, -moz-transform .5s ease;
    transition: transform .5s ease, blur 1s ease, border .8s ease;
    transition: transform .5s ease, blur 1s ease, border .8s ease, -webkit-transform .5s ease, -moz-transform .5s ease
}

.btn:hover:after {
    border: 1.875em solid transparent
}

.btn span {
    margin: auto;
    font-family: Proxima Nova Rg;
    font-size: 1.5em;
    font-weight: 700;
    color: #fff;
    -webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out
}

.btn--brand {
    min-width: 27.875em;
    padding: 1em;
    min-height: 4.5em;
    border: 0;
    background: -moz-linear-gradient(174deg, #29f36d 44.33%, #5ffb90 98.56%);
    background: linear-gradient(276deg, #29f36d 44.33%, #5ffb90 98.56%)
}

.btn--brand span {
    text-transform: uppercase;
    font-size: 2.125em;
    color: #000
}

.btn--lg {
    min-width: 27.875em;
    padding: 1.5625em;
    min-height: 5.625em
}

.btn--lg span {
    text-transform: uppercase;
    font-size: 2em
}

.btn--lg:after, .btn--lg:before {
    display: none
}

.btn--lg:hover {
    background-color: #25aa5d;
    border: #25aa5d;
    -webkit-filter: drop-shadow(0 0 .625em #25AA5D);
    filter: drop-shadow(0 0 .625em #25AA5D)
}

.btn--brands {
    min-width: 20.875em;
    padding: 1.125em;
    min-height: 4.1875em
}

.btn--brands span {
    text-transform: uppercase;
    font-size: 1.5em
}

.btn--brands:after, .btn--brands:before {
    display: none
}

.btn--brands:hover {
    background-color: #25aa5d;
    border: #25aa5d;
    -webkit-filter: drop-shadow(0 0 .625em #25AA5D);
    filter: drop-shadow(0 0 .625em #25AA5D)
}

.btn--reg {
    background-color: #212322;
    margin-left: 2.1875em
}

.btn--contact {
    position: relative;
    min-width: 27.8125em;
    height: 5.625em;
    padding: 0;
    -webkit-transition: background-color .3s ease-in-out, border .3s ease-in-out, -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: background-color .3s ease-in-out, border .3s ease-in-out, -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out, border .3s ease-in-out, filter .3s ease-in-out, transform .3s ease-in-out, -moz-transform .3s ease-in-out;
    transition: background-color .3s ease-in-out, border .3s ease-in-out, filter .3s ease-in-out, transform .3s ease-in-out;
    transition: background-color .3s ease-in-out, border .3s ease-in-out, filter .3s ease-in-out, transform .3s ease-in-out, -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out, -moz-transform .3s ease-in-out
}

.btn--contact img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: .4375em;
    width: 4.875em;
    height: 4.875em
}

.btn--contact span {
    font-size: 2em;
    text-transform: uppercase
}

.btn--contact:after, .btn--contact:before {
    display: none
}

.btn--contact:hover {
    -webkit-transform: scale(1.1) rotate(.01deg);
    -moz-transform: scale(1.1) rotate(.01deg);
    -ms-transform: scale(1.1) rotate(.01deg);
    transform: scale(1.1) rotate(.01deg);
    background-color: #25aa5d;
    border: #25aa5d;
    -webkit-filter: drop-shadow(0 0 .625em #25AA5D);
    filter: drop-shadow(0 0 .625em #25AA5D)
}

.btn--cashout {
    position: relative;
    min-width: 38.6875em;
    height: 5.625em;
    -webkit-box-align: end;
    -moz-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0;
    -webkit-transition: background-color .3s ease-in-out, border .3s ease-in-out, -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: background-color .3s ease-in-out, border .3s ease-in-out, -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out, border .3s ease-in-out, filter .3s ease-in-out, transform .3s ease-in-out, -moz-transform .3s ease-in-out;
    transition: background-color .3s ease-in-out, border .3s ease-in-out, filter .3s ease-in-out, transform .3s ease-in-out;
    transition: background-color .3s ease-in-out, border .3s ease-in-out, filter .3s ease-in-out, transform .3s ease-in-out, -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out, -moz-transform .3s ease-in-out
}

.btn--cashout img {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: .4375em;
    width: 4.875em;
    height: 4.875em
}

.btn--cashout span {
    display: block;
    margin-right: 2em;
    font-size: 2em;
    text-transform: uppercase
}

.btn--cashout:after, .btn--cashout:before {
    display: none
}

.btn--cashout:hover {
    -webkit-transform: scale(1.05) rotate(.01deg);
    -moz-transform: scale(1.05) rotate(.01deg);
    -ms-transform: scale(1.05) rotate(.01deg);
    transform: scale(1.05) rotate(.01deg);
    background-color: #25aa5d;
    border: #25aa5d;
    -webkit-filter: drop-shadow(0 0 .625em #25AA5D);
    filter: drop-shadow(0 0 .625em #25AA5D)
}

@media (max-width: 768px) {
    .btn {
        display: -webkit-inline-box;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        height: 1.875em;
        min-width: 4.375em;
        padding: 0 .9375em;
        background-color: #17c85d;
        border: .125em solid #17c85d;
        -moz-border-radius: 6.25em;
        border-radius: 6.25em;
        cursor: pointer;
        -webkit-transition: background-color .5s ease-in-out, border .5s ease-in-out;
        -moz-transition: background-color .5s ease-in-out, border .5s ease-in-out;
        transition: background-color .5s ease-in-out, border .5s ease-in-out
    }

    .btn span {
        margin: auto;
        font-family: Proxima Nova Rg;
        font-size: .75em;
        font-weight: 700;
        color: #fff;
        -webkit-transition: color .5s ease-in-out;
        -moz-transition: color .5s ease-in-out;
        transition: color .5s ease-in-out
    }

    .btn--brand {
        min-width: 18.75em;
        padding: 1em;
        min-height: 3.75em
    }

    .btn--brand span {
        text-transform: uppercase;
        font-size: 1.375em;
        color: #000
    }

    .btn--lg {
        min-width: 18.625em;
        padding: 1em;
        min-height: 3.75em
    }

    .btn--lg span {
        text-transform: uppercase;
        font-size: 1.375em
    }

    .btn--brands {
        min-width: 18.625em;
        padding: 1em;
        min-height: 3.75em
    }

    .btn--brands span {
        text-transform: uppercase;
        font-size: 1.375em
    }

    .btn--reg {
        background-color: transparent;
        margin-left: 2.1875em
    }

    .btn--contact {
        position: relative;
        min-width: 20.8125em;
        height: 4.25em;
        padding: 0
    }

    .btn--contact img {
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: .375em;
        width: 3.625em;
        height: 3.625em
    }

    .btn--contact span {
        font-size: 1.5em;
        text-transform: uppercase
    }

    .btn--cashout {
        position: relative;
        min-width: 21.875em;
        height: 3.25em;
        -webkit-box-align: end;
        -moz-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 0
    }

    .btn--cashout img {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: .25em;
        width: 2.75em;
        height: 2.75em
    }

    .btn--cashout span {
        display: block;
        margin-right: 1.5em;
        font-size: 1.125em;
        text-transform: uppercase
    }
}

.container {
    max-width: 87.5em;
    width: 100%;
    margin: 0 auto
}

.container--brand {
    max-width: 83.125em
}

.container--header {
    max-width: 114.375em
}

@media (max-width: 768px) {
    .container {
        max-width: 23.75em
    }

    .container--header {
        max-width: 95%
    }
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 2.5em 0;
    background-color: transparent;
    -webkit-backdrop-filter: blure(0);
    backdrop-filter: blure(0);
    will-change: backdrop-filter;
    z-index: 10;
    -webkit-transition: padding .5s ease-in-out, background-color .5s ease-in-out, -webkit-backdrop-filter .5s ease-in-out;
    transition: padding .5s ease-in-out, background-color .5s ease-in-out, -webkit-backdrop-filter .5s ease-in-out;
    -moz-transition: padding .5s ease-in-out, background-color .5s ease-in-out, backdrop-filter .5s ease-in-out;
    transition: padding .5s ease-in-out, background-color .5s ease-in-out, backdrop-filter .5s ease-in-out;
    transition: padding .5s ease-in-out, background-color .5s ease-in-out, backdrop-filter .5s ease-in-out, -webkit-backdrop-filter .5s ease-in-out
}

.header--dark {
    background-color: #141313
}

.header.scroll {
    padding: 1em 0;
    background-color: hsla(0, 3%, 8%, .75);
    -webkit-backdrop-filter: blur(.875em);
    backdrop-filter: blur(.875em)
}

.header__wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header__logo {
    display: block;
    width: 16.875em;
    margin-left: .0625em
}

.header__open {
    display: none
}

.header__menu {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    margin-right: auto;
    margin-left: 6.25em
}

.header__menu_item a {
    position: relative;
    font-size: 1.5em;
    font-weight: 700;
    color: #fff;
    cursor: pointer
}

.header__menu_item a:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: .125em;
    background-color: #fff;
    bottom: 0;
    left: 0;
    -webkit-transition: width .5s ease-in-out, background-color .5s ease-in-out;
    -moz-transition: width .5s ease-in-out, background-color .5s ease-in-out;
    transition: width .5s ease-in-out, background-color .5s ease-in-out
}

.header__menu_item a:hover {
    color: #17c85d
}

.header__menu_item a:hover:before {
    width: 100%;
    background-color: #17c85d
}

.header__menu_item:not(:last-child) {
    margin-right: 2.1875em
}

@media (max-width: 768px) {
    .header, .header.scroll {
        padding: .5625em 0
    }

    .header__wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .header__menu {
        position: fixed;
        top: .25em;
        left: 50%;
        padding: 3.5625em 2.3125em 1.5em;
        margin: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-image: url(../img/menu_bg.svg);
        -moz-background-size: 100% 100%;
        background-size: 100% 100%;
        -webkit-transition: -webkit-transform .75s cubic-bezier(.85, .07, .17, .89) !important;
        transition: -webkit-transform .75s cubic-bezier(.85, .07, .17, .89) !important;
        -moz-transition: transform .75s cubic-bezier(.85, .07, .17, .89), -moz-transform .75s cubic-bezier(.85, .07, .17, .89) !important;
        transition: transform .75s cubic-bezier(.85, .07, .17, .89) !important;
        transition: transform .75s cubic-bezier(.85, .07, .17, .89), -webkit-transform .75s cubic-bezier(.85, .07, .17, .89), -moz-transform .75s cubic-bezier(.85, .07, .17, .89) !important;
        -webkit-transform: translateX(110%) translateX(-50%);
        -moz-transform: translateX(110%) translateX(-50%);
        -ms-transform: translateX(110%) translateX(-50%);
        transform: translateX(110%) translateX(-50%)
    }

    .header__menu.active {
        -webkit-transform: translateX(0) translateX(-50%);
        -moz-transform: translateX(0) translateX(-50%);
        -ms-transform: translateX(0) translateX(-50%);
        transform: translateX(0) translateX(-50%)
    }

    .header__logo {
        width: 8.4375em
    }

    .header__menu_item {
        width: 100%;
        overflow: hidden;
        margin-top: 1.25em
    }

    .header__menu_item a {
        display: inline-block;
        font-size: 1.5em;
        width: 100%
    }

    .header__menu_item a:before {
        display: none
    }

    .header__menu_item:not(:last-child) {
        border-bottom: .125em solid #fff;
        padding-bottom: 1.25em
    }

    .active .header__menu_item:nth-child(2) a {
        -webkit-transition: -webkit-transform .5s ease-in-out .9s;
        transition: -webkit-transform .5s ease-in-out .9s;
        -moz-transition: transform .5s ease-in-out .9s, -moz-transform .5s ease-in-out .9s;
        transition: transform .5s ease-in-out .9s;
        transition: transform .5s ease-in-out .9s, -webkit-transform .5s ease-in-out .9s, -moz-transform .5s ease-in-out .9s
    }

    .active .header__menu_item:nth-child(3) a {
        -webkit-transition: -webkit-transform .5s ease-in-out 1s;
        transition: -webkit-transform .5s ease-in-out 1s;
        -moz-transition: transform .5s ease-in-out 1s, -moz-transform .5s ease-in-out 1s;
        transition: transform .5s ease-in-out 1s;
        transition: transform .5s ease-in-out 1s, -webkit-transform .5s ease-in-out 1s, -moz-transform .5s ease-in-out 1s
    }

    .header__open_wrap {
        width: 11%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .header__open {
        margin: 0 .5em;
        display: block;
        position: relative;
        width: 1.5625em;
        height: 1.5625em;
        border: .0625em solid hsla(0, 0%, 100%, 0);
        cursor: pointer;
        z-index: 2;
        -webkit-transition: background-color .3s ease-in-out;
        -moz-transition: background-color .3s ease-in-out;
        transition: background-color .3s ease-in-out
    }

    .header__open_item {
        position: absolute;
        height: .125em;
        width: 1.5625em;
        background-color: #fff;
        -moz-border-radius: 6.25em;
        border-radius: 6.25em;
        -webkit-transition: opacity .5s ease-in-out, -webkit-transform .5s ease-in-out;
        transition: opacity .5s ease-in-out, -webkit-transform .5s ease-in-out;
        -moz-transition: transform .5s ease-in-out, opacity .5s ease-in-out, -moz-transform .5s ease-in-out;
        transition: transform .5s ease-in-out, opacity .5s ease-in-out;
        transition: transform .5s ease-in-out, opacity .5s ease-in-out, -webkit-transform .5s ease-in-out, -moz-transform .5s ease-in-out
    }

    .header__open_item:first-child {
        top: 0;
        left: 0;
        -webkit-transform: rotate(0) translateX(0) translateY(0);
        -moz-transform: rotate(0) translateX(0) translateY(0);
        -ms-transform: rotate(0) translateX(0) translateY(0);
        transform: rotate(0) translateX(0) translateY(0)
    }

    .active .header__open_item:first-child {
        -webkit-transform: rotate(45deg) translateY(.5625em) translateX(.40625em);
        -moz-transform: rotate(45deg) translateY(.5625em) translateX(.40625em);
        -ms-transform: rotate(45deg) translateY(.5625em) translateX(.40625em);
        transform: rotate(45deg) translateY(.5625em) translateX(.40625em)
    }

    .header__open_item:nth-child(2) {
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .active .header__open_item:nth-child(2) {
        opacity: 0
    }

    .header__open_item:nth-child(3) {
        bottom: 0;
        left: 0;
        -webkit-transform: rotate(0) translateX(0) translateY(0);
        -moz-transform: rotate(0) translateX(0) translateY(0);
        -ms-transform: rotate(0) translateX(0) translateY(0);
        transform: rotate(0) translateX(0) translateY(0)
    }

    .active .header__open_item:nth-child(3) {
        -webkit-transform: rotate(-45deg) translateY(-.53125em) translateX(.40625em);
        -moz-transform: rotate(-45deg) translateY(-.53125em) translateX(.40625em);
        -ms-transform: rotate(-45deg) translateY(-.53125em) translateX(.40625em);
        transform: rotate(-45deg) translateY(-.53125em) translateX(.40625em)
    }

    .header__menu {
        width: 95%;
        -webkit-box-ordinal-group: 2;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .header__login {
        margin-left: auto
    }

    .header__login, .header__reg {
        margin-right: .625em
    }

    .header__reg .btn {
        margin-left: 0
    }
}

.top {
    position: relative;
    padding: 21.25em 0 20em;
    -moz-background-size: 100%;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat
}

.top, .top__title {
    overflow: hidden
}

.top__title h1 {
    font-family: Druk Text Wide Cyr;
    line-height: 130%;
    font-size: 5em;
    font-weight: 900;
    color: #fff;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    text-transform: uppercase
}

.top__title h1 span {
    color: #17c85d
}

.top__text {
    overflow: hidden;
    margin-top: .875em
}

.top__text h2 {
    line-height: 120%;
    font-size: 3em;
    font-weight: 400;
    color: #fff;
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.top__text b {
    font-weight: 700
}

.top__btn {
    margin-top: 3.25em
}

.top__btn .btn {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0)
}

.top__elem {
    position: absolute
}

.top__elem_1 {
    width: 45.9375em;
    top: 16.875em;
    left: 50%;
    margin-left: 5em
}

.top__elem_2 {
    width: 6.8125em;
    top: 11.25em;
    left: 50%;
    margin-left: -21.25em;
    -webkit-animation: a 2s ease-in-out alternate infinite .5s;
    -moz-animation: a 2s ease-in-out alternate infinite .5s;
    animation: a 2s ease-in-out alternate infinite .5s
}

.top__elem_3 {
    width: 7.25em;
    top: 15.25em;
    left: 50%;
    margin-left: 43.75em;
    -webkit-animation: a 2s ease-in-out alternate infinite .25s;
    -moz-animation: a 2s ease-in-out alternate infinite .25s;
    animation: a 2s ease-in-out alternate infinite .25s
}

.top__elem_4 {
    width: 11.1875em;
    bottom: 3.375em;
    left: 50%;
    margin-left: -15em;
    -webkit-animation: a 2s ease-in-out alternate infinite;
    -moz-animation: a 2s ease-in-out alternate infinite;
    animation: a 2s ease-in-out alternate infinite
}

.top__light {
    width: 76.625em;
    left: 50%;
    top: 0;
    margin-left: -9.375em;
    z-index: -1
}

.top__smoke_1 {
    width: 50.8125em;
    top: 7.75em;
    left: 50%;
    margin-left: 10em;
    z-index: -1
}

.top__smoke_2 {
    width: 33.4375em;
    bottom: 2.125em;
    left: 50%;
    margin-left: 6.25em
}

@media (max-width: 768px) {
    .top {
        position: relative;
        padding: 7.5em 0 28.125em
    }

    .top__title h1 {
        text-align: center;
        font-size: 2.25em
    }

    .top__title h1 span {
        color: #17c85d
    }

    .top__text {
        margin-top: .375em
    }

    .top__text h2 {
        font-size: 1.5em;
        text-align: center
    }

    .top__btn {
        margin-top: 2.1875em;
        text-align: center
    }

    .top__elem {
        position: absolute
    }

    .top__elem_1 {
        width: 22.5em;
        top: auto;
        bottom: 5em;
        left: 50%;
        margin-left: -11.25em
    }

    .top__elem_2 {
        width: 2.75em;
        top: 23.5em;
        left: 50%;
        margin-left: -12.5em
    }

    .top__elem_3 {
        width: 2.625em;
        top: 19.5em;
        left: 50%;
        margin-left: 10em
    }

    .top__elem_4 {
        width: 4.25em;
        bottom: 1.125em;
        left: 50%;
        margin-left: -2.5em
    }

    .top__light {
        width: 33.75em;
        bottom: 0;
        margin-left: 0;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .top__light, .top__smoke_1 {
        left: 50%;
        top: auto;
        z-index: -1
    }

    .top__smoke_1 {
        width: 21.25em;
        bottom: 7em;
        margin-left: -8.75em
    }

    .top__smoke_2 {
        width: 15.3125em;
        bottom: 5em;
        left: 50%;
        margin-left: -13.75em
    }
}

.footer {
    position: relative;
    padding: 1.875em 0 6.25em
}

.footer:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: .25em;
    top: 0;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(46, 204, 113, 0)), color-stop(25%, rgba(46, 204, 113, .5)), color-stop(50%, #2ecc71), color-stop(75%, rgba(46, 204, 113, .5)), to(rgba(46, 204, 113, 0)));
    background: -moz-linear-gradient(left, rgba(46, 204, 113, 0), rgba(46, 204, 113, .5) 25%, #2ecc71 50%, rgba(46, 204, 113, .5) 75%, rgba(46, 204, 113, 0));
    background: linear-gradient(90deg, rgba(46, 204, 113, 0), rgba(46, 204, 113, .5) 25%, #2ecc71 50%, rgba(46, 204, 113, .5) 75%, rgba(46, 204, 113, 0))
}

.footer__logo {
    display: block;
    width: 17.3125em;
    margin: auto
}

.footer__menu {
    margin-top: 1em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2.5em
}

.footer__menu_item a {
    position: relative;
    font-size: 1.5em;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    -webkit-transition: color .5s ease-in-out;
    -moz-transition: color .5s ease-in-out;
    transition: color .5s ease-in-out
}

.footer__menu_item a:before {
    content: "";
    display: block;
    position: absolute;
    width: 0;
    height: .0625em;
    background-color: #fff;
    bottom: 0;
    left: 0;
    -webkit-transition: width .5s ease-in-out, background-color .5s ease-in-out;
    -moz-transition: width .5s ease-in-out, background-color .5s ease-in-out;
    transition: width .5s ease-in-out, background-color .5s ease-in-out
}

.footer__menu_item a:hover {
    color: #17c85d
}

.footer__menu_item a:hover:before {
    width: 100%;
    background-color: #17c85d
}

.footer__text {
    margin-top: 1.875em
}

.footer__text p {
    text-align: center;
    font-size: 1.5em;
    font-weight: 700;
    color: #fff
}

.footer__soc {
    margin-top: 1.25em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2.8125em
}

.footer__soc_item {
    width: 3.125em;
    display: block
}

.footer__policy {
    margin-top: 1.875em
}

.footer__policy a {
    display: block;
    text-align: center;
    font-size: 1.375em;
    font-weight: 400;
    line-height: 120%;
    color: #fff;
    text-decoration: underline
}

@media (max-width: 768px) {
    .footer {
        position: relative;
        padding: 2.1875em 0 2.8125em
    }

    .footer:before {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        height: .25em;
        top: 0;
        left: 0;
        background: -webkit-gradient(linear, left top, right top, from(rgba(46, 204, 113, 0)), color-stop(25%, rgba(46, 204, 113, .5)), color-stop(50%, #2ecc71), color-stop(75%, rgba(46, 204, 113, .5)), to(rgba(46, 204, 113, 0)));
        background: -moz-linear-gradient(left, rgba(46, 204, 113, 0), rgba(46, 204, 113, .5) 25%, #2ecc71 50%, rgba(46, 204, 113, .5) 75%, rgba(46, 204, 113, 0));
        background: linear-gradient(90deg, rgba(46, 204, 113, 0), rgba(46, 204, 113, .5) 25%, #2ecc71 50%, rgba(46, 204, 113, .5) 75%, rgba(46, 204, 113, 0))
    }

    .footer__logo {
        display: block;
        width: 13em;
        margin: auto
    }

    .footer__menu {
        margin-top: 1em;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: .9375em;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer__menu_item a {
        position: relative;
        font-size: 1.375em;
        font-weight: 700;
        color: #fff;
        cursor: pointer;
        -webkit-transition: color .5s ease-in-out;
        -moz-transition: color .5s ease-in-out;
        transition: color .5s ease-in-out
    }

    .footer__menu_item a:before {
        content: "";
        display: block;
        position: absolute;
        width: 0;
        height: .0625em;
        background-color: #fff;
        bottom: 0;
        left: 0;
        -webkit-transition: width .5s ease-in-out, background-color .5s ease-in-out;
        -moz-transition: width .5s ease-in-out, background-color .5s ease-in-out;
        transition: width .5s ease-in-out, background-color .5s ease-in-out
    }

    .footer__menu_item a:hover {
        color: #17c85d
    }

    .footer__menu_item a:hover:before {
        width: 100%;
        background-color: #17c85d
    }

    .footer__text {
        margin-top: 2.1875em
    }

    .footer__text p {
        text-align: center;
        font-size: 1.5em;
        font-weight: 700;
        color: #fff
    }

    .footer__soc {
        margin-top: 1.25em;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 2.8125em
    }

    .footer__soc_item {
        width: 3.125em;
        display: block
    }

    .footer__policy {
        margin-top: 2.1875em
    }

    .footer__policy a {
        display: block;
        text-align: center;
        font-size: 1.375em;
        font-weight: 400;
        line-height: 120%;
        color: #fff;
        text-decoration: underline
    }
}

.wrapper {
    position: relative;
    width: 100%;
    min-height: 100%;
    background-image: url(../img/bg.jpg);
    background-position: bottom;
    -moz-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    z-index: 1
}

.wrapper--brand {
    background-image: url(../img/bg_brand.jpg)
}

@media (max-width: 768px) {
    .wrapper {
        background-image: url(../img/bg_mob.jpg)
    }
}

.title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: .75em 0;
    background: #191a19
}

.title__group {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    will-change: transform;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.title__group--rev {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.title__text {
    margin: 0 2.625em
}

.title__text h3 {
    font-family: Druk Wide Cyr;
    font-size: 2em;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.title__icon {
    margin: 0 2.625em;
    width: 2.875em;
    -webkit-box-flex: 0;
    -moz-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media (max-width: 768px) {
    .title {
        padding: 1em 0
    }

    .title__text {
        margin: 0 1.375em
    }

    .title__text h3 {
        font-size: 1.5em
    }

    .title__icon {
        margin: 0 1.375em;
        width: 1.625em
    }
}

.offer {
    position: relative;
    padding: 0 0 15em;
    -moz-background-size: 100%;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    z-index: 1
}

.offer__title {
    margin-top: .625em;
    -webkit-transform: rotate(-1.51deg);
    -moz-transform: rotate(-1.51deg);
    -ms-transform: rotate(-1.51deg);
    transform: rotate(-1.51deg)
}

.offer__list {
    margin-top: 11.5625em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2.8125em
}

.offer__box {
    -moz-border-radius: 2.5em;
    border-radius: 2.5em;
    overflow: hidden;
    width: 27.1875em;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    cursor: pointer;
    -webkit-filter: drop-shadow(0 0 0 rgba(46, 204, 113, .8));
    filter: drop-shadow(0 0 0 rgba(46, 204, 113, .8));
    -webkit-transform: scale(1) perspective(1000px) rotateX(0);
    -moz-transform: scale(1) perspective(1000px) rotateX(0);
    transform: scale(1) perspective(1000px) rotateX(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -moz-transition: filter .3s ease-in-out, transform .3s ease-in-out, -moz-transform .3s ease-in-out;
    transition: filter .3s ease-in-out, transform .3s ease-in-out;
    transition: filter .3s ease-in-out, transform .3s ease-in-out, -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out, -moz-transform .3s ease-in-out
}

.offer__box:hover {
    -webkit-filter: drop-shadow(0 0 1.25em rgba(46, 204, 113, .8));
    filter: drop-shadow(0 0 1.25em rgba(46, 204, 113, .8));
    -webkit-transform: scale(1.05) perspective(900px) rotateX(10deg);
    -moz-transform: scale(1.05) perspective(900px) rotateX(10deg);
    transform: scale(1.05) perspective(900px) rotateX(10deg)
}

.offer__item {
    min-height: 100%;
    opacity: 0;
    -webkit-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%)
}

.offer__head {
    background-color: #17c85d;
    padding: 2.3125em 2.9375em;
    height: 9.375em
}

.offer__heading p {
    font-family: Druk Wide Cyr;
    font-size: 2em;
    font-weight: 700;
    color: #fff;
    line-height: 120%
}

.offer__body {
    background-color: #181918;
    padding: 1.75em 1.25em;
    height: 100%
}

.offer__text p {
    font-size: 1.5em;
    font-weight: 400;
    color: #fff;
    line-height: 120%
}

.offer__elem {
    position: absolute
}

.offer__elem_1 {
    width: 8.9375em;
    top: 12.375em;
    right: 50%;
    margin-right: 47.5em;
    -webkit-animation: a 2s ease-in-out alternate infinite;
    -moz-animation: a 2s ease-in-out alternate infinite;
    animation: a 2s ease-in-out alternate infinite
}

.offer__elem_2 {
    width: 8.9375em;
    bottom: 1.25em;
    left: 50%;
    margin-left: 43.75em;
    -webkit-animation: a 2s ease-in-out alternate infinite .5s;
    -moz-animation: a 2s ease-in-out alternate infinite .5s;
    animation: a 2s ease-in-out alternate infinite .5s
}

@media (max-width: 768px) {
    .offer {
        position: relative;
        padding: 0 0 7.5em
    }

    .offer__title {
        margin-top: 0
    }

    .offer__list {
        margin-top: 6.25em;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 2.8125em
    }

    .offer__box {
        -moz-border-radius: 1.875em;
        border-radius: 1.875em;
        width: 21.875em
    }

    .offer__item {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .offer__head {
        background-color: #17c85d;
        padding: 1.6875em 2.9375em;
        height: 7em
    }

    .offer__heading p {
        font-size: 1.5em
    }

    .offer__body {
        padding: 1.25em 1.125em
    }

    .offer__text p {
        font-size: 1.375em
    }

    .offer__elem {
        position: absolute
    }

    .offer__elem_1 {
        width: 6.875em;
        top: 4.0625em;
        right: 50%;
        margin-right: 6.875em;
        z-index: -1
    }

    .offer__elem_2 {
        width: 8.3125em;
        bottom: 1.25em;
        left: 50%;
        margin-left: 4.375em
    }
}

@-webkit-keyframes a {
    to {
        -webkit-transform: translateY(20%) rotate(.01deg);
        transform: translateY(20%) rotate(.01deg)
    }
}

@-moz-keyframes a {
    to {
        -moz-transform: translateY(20%) rotate(.01deg);
        transform: translateY(20%) rotate(.01deg)
    }
}

@keyframes a {
    to {
        -webkit-transform: translateY(20%) rotate(.01deg);
        -moz-transform: translateY(20%) rotate(.01deg);
        transform: translateY(20%) rotate(.01deg)
    }
}

.benefits {
    position: relative;
    padding: 0 0 12.5em;
    -moz-background-size: 100%;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    z-index: 1
}

.benefits__title {
    -webkit-transform: rotate(2.54deg);
    -moz-transform: rotate(2.54deg);
    -ms-transform: rotate(2.54deg);
    transform: rotate(2.54deg)
}

.benefits__list {
    margin-top: 15.875em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2.1875em
}

.benefits__extra_block {
    cursor: pointer;
    -webkit-filter: drop-shadow(0 0 0 rgba(46, 204, 113, .8));
    filter: drop-shadow(0 0 0 rgba(46, 204, 113, .8));
    -webkit-transform: scale(1) perspective(1000px) rotateX(0);
    -moz-transform: scale(1) perspective(1000px) rotateX(0);
    transform: scale(1) perspective(1000px) rotateX(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -moz-transition: filter .3s ease-in-out, transform .3s ease-in-out, -moz-transform .3s ease-in-out;
    transition: filter .3s ease-in-out, transform .3s ease-in-out;
    transition: filter .3s ease-in-out, transform .3s ease-in-out, -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out, -moz-transform .3s ease-in-out
}

.benefits__extra_block:hover {
    -webkit-filter: drop-shadow(0 0 1.25em rgba(46, 204, 113, .8));
    filter: drop-shadow(0 0 1.25em rgba(46, 204, 113, .8));
    -webkit-transform: scale(1.05) perspective(900px) rotateX(10deg);
    -moz-transform: scale(1.05) perspective(900px) rotateX(10deg);
    transform: scale(1.05) perspective(900px) rotateX(10deg)
}

.benefits__extra_block:first-child .benefits__item {
    background-image: url(../img/benefits/1.png)
}

.benefits__extra_block:nth-child(2) .benefits__item {
    background-image: url(../img/benefits/2.png)
}

.benefits__extra_block:nth-child(3) .benefits__item {
    background-image: url(../img/benefits/3.png)
}

.benefits__extra_block:nth-child(4) .benefits__item {
    background-image: url(../img/benefits/4.png)
}

.benefits__extra_block:nth-child(5) .benefits__item {
    background-image: url(../img/benefits/5.png)
}

.benefits__item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 27.6875em;
    height: 11.5em;
    padding-left: 14.375em;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: .2 ease-in-out;
    -moz-transition: .2 ease-in-out;
    transition: .2 ease-in-out;
    opacity: 0;
    -webkit-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%)
}

.benefits__text {
    margin: auto 0
}

.benefits__text p {
    font-size: 1.5em;
    line-height: 120%;
    font-weight: 700;
    color: #fff
}

@media (max-width: 768px) {
    .benefits {
        position: relative;
        padding: 0 0 5.625em
    }

    .benefits__list {
        margin-top: 7.5em;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 1.5625em
    }

    .benefits__item {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        width: 21.6875em;
        height: 9em;
        padding-left: 10.9375em;
        padding-right: .3125em;
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .benefits__text p {
        font-size: 1.375em;
        word-break: break-word;
        -ms-word-break: break-all;
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        hyphens: auto
    }

    .benefits__text p br.mb-n {
        display: none
    }
}

.comissions {
    position: relative;
    padding: 0 0 15em;
    -moz-background-size: 100%;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    z-index: 1
}

.comissions__title {
    margin-top: .625em;
    -webkit-transform: rotate(-1.51deg);
    -moz-transform: rotate(-1.51deg);
    -ms-transform: rotate(-1.51deg);
    transform: rotate(-1.51deg)
}

.comissions__list {
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
    margin-top: 11.5625em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2.8125em
}

.comissions__item {
    opacity: 0;
    -webkit-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    transform: translateX(-10%);
    -webkit-transform: scale(1) rotate(.01deg);
    -moz-transform: scale(1) rotate(.01deg);
    -ms-transform: scale(1) rotate(.01deg);
    transform: scale(1) rotate(.01deg)
}

.comissions__box {
    -moz-border-radius: 2.5em;
    border-radius: 2.5em;
    overflow: hidden;
    width: 27.1875em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 20.3125em;
    cursor: pointer;
    -webkit-filter: drop-shadow(0 0 0 rgba(46, 204, 113, .8));
    filter: drop-shadow(0 0 0 rgba(46, 204, 113, .8));
    -webkit-transform: scale(1) perspective(1000px) rotateX(0);
    -moz-transform: scale(1) perspective(1000px) rotateX(0);
    transform: scale(1) perspective(1000px) rotateX(0);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transition: -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out;
    transition: -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out;
    -moz-transition: filter .3s ease-in-out, transform .3s ease-in-out, -moz-transform .3s ease-in-out;
    transition: filter .3s ease-in-out, transform .3s ease-in-out;
    transition: filter .3s ease-in-out, transform .3s ease-in-out, -webkit-filter .3s ease-in-out, -webkit-transform .3s ease-in-out, -moz-transform .3s ease-in-out
}

.comissions__box:hover {
    -webkit-filter: drop-shadow(0 0 1.25em rgba(46, 204, 113, .8));
    filter: drop-shadow(0 0 1.25em rgba(46, 204, 113, .8));
    -webkit-transform: scale(1.05) perspective(900px) rotateX(10deg);
    -moz-transform: scale(1.05) perspective(900px) rotateX(10deg);
    transform: scale(1.05) perspective(900px) rotateX(10deg)
}

.comissions__head {
    background-color: #17c85d;
    padding: 2.3125em 2.9375em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 9.375em
}

.comissions__heading p {
    font-family: Druk Wide Cyr;
    font-size: 2em;
    font-weight: 700;
    color: #fff;
    line-height: 120%
}

.comissions__body {
    background-color: #181918;
    padding: 1.75em 1.25em;
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.comissions__text p {
    text-align: center;
    font-size: 1.5em;
    font-weight: 700;
    color: #fff;
    line-height: 120%
}

.comissions__elem {
    position: absolute
}

.comissions__elem_1 {
    width: 8.9375em;
    top: 12.375em;
    right: 50%;
    margin-right: 47.5em;
    -webkit-animation: a 2s ease-in-out alternate infinite .5s;
    -moz-animation: a 2s ease-in-out alternate infinite .5s;
    animation: a 2s ease-in-out alternate infinite .5s
}

.comissions__elem_2 {
    width: 8.9375em;
    bottom: 1.25em;
    left: 50%;
    margin-left: 43.75em;
    -webkit-animation: a 2s ease-in-out alternate infinite;
    -moz-animation: a 2s ease-in-out alternate infinite;
    animation: a 2s ease-in-out alternate infinite
}

@media (max-width: 768px) {
    .comissions {
        position: relative;
        padding: 0 0 7.5em
    }

    .comissions__title {
        margin-top: 0
    }

    .comissions__list {
        margin-top: 6.25em;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 2.8125em
    }

    .comissions__box {
        -moz-border-radius: 1.875em;
        border-radius: 1.875em;
        width: 21.875em;
        height: 15.3125em
    }

    .comissions__item {
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .comissions__head {
        padding: 2.5625em 2.9375em;
        min-height: 7em
    }

    .comissions__heading p {
        font-size: 1.5em
    }

    .comissions__body {
        background-color: #181918;
        padding: 1.75em 1.25em;
        height: 100%;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .comissions__text {
        width: 100%;
        margin: auto
    }

    .comissions__text p {
        text-align: left;
        font-size: 1.5em;
        font-weight: 700
    }

    .comissions__text p br {
        display: none
    }

    .comissions__elem {
        position: absolute
    }

    .comissions__elem_1 {
        width: 7.5em;
        top: 5.9375em;
        right: 50%;
        margin-right: 8.75em;
        z-index: 1
    }

    .comissions__elem_2 {
        width: 8.3125em;
        bottom: 2.5em;
        left: 50%;
        margin-left: 6.25em;
        z-index: -1
    }
}

.faq {
    position: relative;
    padding: 0 0 15em;
    -moz-background-size: 100%;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    z-index: 1
}

.faq__title {
    -webkit-transform: rotate(2.54deg);
    -moz-transform: rotate(2.54deg);
    -ms-transform: rotate(2.54deg);
    transform: rotate(2.54deg)
}

.faq__list {
    margin: 12.5em auto 0;
    max-width: 81.25em
}

.faq__item:not(:last-child) {
    margin-bottom: 1.875em
}

.faq__item_head {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-image: url(../img/faq/item.png);
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    background-color: #181918;
    padding: 1.5625em 2.5em;
    -moz-border-radius: 1.25em;
    border-radius: 1.25em;
    border-bottom: .25em solid #17c85d;
    -webkit-transition: background-color .5s ease-in-out, background-image .5s ease-in-out;
    -moz-transition: background-color .5s ease-in-out, background-image .5s ease-in-out;
    transition: background-color .5s ease-in-out, background-image .5s ease-in-out
}

.active .faq__item_head {
    background-color: #17c85d;
    background-image: none
}

.faq__item_arr {
    width: 2.5em;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: -webkit-transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out, -moz-transform .5s ease-in-out;
    transition: transform .5s ease-in-out;
    transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out, -moz-transform .5s ease-in-out
}

.active .faq__item_arr {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg)
}

.faq__item_title p {
    font-size: 1.5em;
    font-weight: 700;
    line-height: 120%;
    color: #fff
}

.faq__item_desc {
    padding: 1.625em 2.5em
}

.faq__item_desc p {
    font-size: 1.5em;
    font-weight: 400;
    line-height: 120%;
    color: #fff
}

.faq__elem {
    position: absolute
}

.faq__elem_1 {
    width: 13.5625em;
    top: 22.875em;
    right: 50%;
    margin-right: 43.75em;
    -webkit-animation: a 2s ease-in-out alternate infinite .5s;
    -moz-animation: a 2s ease-in-out alternate infinite .5s;
    animation: a 2s ease-in-out alternate infinite .5s
}

.faq__show {
    display: none
}

@media (max-width: 768px) {
    .faq {
        position: relative;
        padding: 0 0 6.25em;
        z-index: 1
    }

    .faq__title {
        -webkit-transform: rotate(2.54deg);
        -moz-transform: rotate(2.54deg);
        -ms-transform: rotate(2.54deg);
        transform: rotate(2.54deg)
    }

    .faq__list {
        margin: 5.625em auto 0;
        max-width: 21.75em
    }

    .faq__item:not(:last-child) {
        margin-bottom: 1em
    }

    .faq__item.hidden {
        display: none
    }

    .faq__item_head {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        background-image: url(../img/faq/item.png);
        -moz-background-size: 100% 100%;
        background-size: 100% 100%;
        background-color: #181918;
        padding: 1.5em 1.3125em;
        -moz-border-radius: 1.25em;
        border-radius: 1.25em;
        border-bottom: .25em solid #17c85d;
        -webkit-transition: background-color .5s ease-in-out, background-image .5s ease-in-out;
        -moz-transition: background-color .5s ease-in-out, background-image .5s ease-in-out;
        transition: background-color .5s ease-in-out, background-image .5s ease-in-out
    }

    .active .faq__item_head {
        background-color: #17c85d;
        background-image: none
    }

    .faq__item_arr {
        width: 1.375em;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg);
        -webkit-transition: -webkit-transform .5s ease-in-out;
        transition: -webkit-transform .5s ease-in-out;
        -moz-transition: transform .5s ease-in-out, -moz-transform .5s ease-in-out;
        transition: transform .5s ease-in-out;
        transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out, -moz-transform .5s ease-in-out
    }

    .active .faq__item_arr {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    .faq__item_title p {
        font-size: 1.375em
    }

    .faq__item_desc {
        padding: 1.375em .875em
    }

    .faq__item_desc p {
        font-size: 1em;
        line-height: 130%
    }

    .faq__elem {
        position: absolute
    }

    .faq__elem_1 {
        width: 13.5625em;
        top: 22.875em;
        right: 50%;
        margin-right: 43.75em
    }

    .faq__show {
        margin-top: 2.5em;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: .625em
    }

    .faq__show img {
        width: 1em;
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    .faq__show .dis {
        display: block
    }

    .faq__show .an {
        display: none
    }

    .faq__show p {
        text-transform: uppercase;
        font-size: 1em;
        font-weight: 700;
        line-height: 120%;
        color: #fff
    }

    .faq__show.active .dis {
        display: none
    }

    .faq__show.active .an {
        display: block
    }

    .faq__show.active img {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.accordion__head {
    cursor: pointer
}

.accordion__body {
    position: relative;
    overflow: hidden;
    height: 0;
    -webkit-transition: height .3s cubic-bezier(.85, .07, .17, .89), border-bottom .3s ease-in-out;
    -moz-transition: height .3s cubic-bezier(.85, .07, .17, .89), border-bottom .3s ease-in-out;
    transition: height .3s cubic-bezier(.85, .07, .17, .89), border-bottom .3s ease-in-out
}

.contact {
    position: relative;
    padding: 0 0 12.5em;
    -moz-background-size: 100%;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    z-index: 1
}

.contact__title {
    -webkit-transform: rotate(-1.51deg);
    -moz-transform: rotate(-1.51deg);
    -ms-transform: rotate(-1.51deg);
    transform: rotate(-1.51deg)
}

.contact__title .title__text h3 {
    text-wrap: nowrap
}

.contact__list {
    margin-top: 6.25em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 11.125em
}

.contact__box, .contact__item {
    width: 35.3125em
}

.contact__box {
    height: 35.3125em;
    padding: .625em 0 0 10.375em;
    -moz-background-size: 100% 100%;
    background-size: 100% 100%
}

.contact__item--1 .contact__box {
    background-image: url(../img/contact/pers_1.png)
}

.contact__item--2 .contact__box {
    background-image: url(../img/contact/pers_2.png)
}

.contact__name p {
    text-transform: uppercase;
    font-family: Druk Wide Cyr;
    font-size: 2.75em;
    font-weight: 700;
    color: #17c85d;
    line-height: 120%
}

.contact__post p {
    font-size: 2em;
    font-weight: 400;
    color: #fff;
    line-height: 120%
}

.contact__btn {
    text-align: center;
    margin-top: 1.5em
}

.contact__elem {
    position: absolute
}

.contact__elem_1 {
    width: 14.5em;
    top: 10.875em;
    right: 50%;
    margin-right: 43.75em;
    -webkit-animation: a 2s ease-in-out alternate infinite .5s;
    -moz-animation: a 2s ease-in-out alternate infinite .5s;
    animation: a 2s ease-in-out alternate infinite .5s
}

.contact__elem_2 {
    width: 9.4375em;
    bottom: 4.5625em;
    left: 50%;
    margin-left: 43.75em;
    -webkit-animation: a 2s ease-in-out alternate infinite;
    -moz-animation: a 2s ease-in-out alternate infinite;
    animation: a 2s ease-in-out alternate infinite
}

@media (max-width: 768px) {
    .contact {
        position: relative;
        padding: 0 0 5em
    }

    .contact__title {
        -webkit-transform: rotate(-1.51deg);
        -moz-transform: rotate(-1.51deg);
        -ms-transform: rotate(-1.51deg);
        transform: rotate(-1.51deg)
    }

    .contact__title .title__text h3 {
        text-wrap: nowrap
    }

    .contact__list {
        margin-top: 5em;
        -webkit-box-pack: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 2.75em
    }

    .contact__item, .contact__list {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .contact__item {
        width: 35.3125em;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contact__box {
        width: 20em;
        height: 20em;
        padding: .375em 0 0 5.875em;
        -moz-background-size: 100% 100%;
        background-size: 100% 100%
    }

    .contact__name p {
        text-transform: uppercase;
        font-family: Druk Wide Cyr;
        font-size: 1.5em
    }

    .contact__post p {
        font-size: 1.375em;
        font-weight: 400;
        color: #fff;
        line-height: 120%
    }

    .contact__btn {
        text-align: center;
        margin-top: 1em
    }

    .contact__elem {
        position: absolute
    }

    .contact__elem_2 {
        width: 6.25em;
        top: 4.625em;
        bottom: auto;
        left: 50%;
        right: auto;
        margin-left: -13.75em;
        z-index: -1
    }

    .contact__elem_1 {
        width: 6.25em;
        bottom: .625em;
        top: auto;
        left: 50%;
        margin-left: 10em
    }
}

.cashout {
    position: relative;
    padding: 0 0 11.5625em;
    -moz-background-size: 100%;
    background-size: 100%;
    background-position: top;
    background-repeat: no-repeat;
    z-index: 1
}

.cashout__title {
    -webkit-transform: rotate(2.54deg);
    -moz-transform: rotate(2.54deg);
    -ms-transform: rotate(2.54deg);
    transform: rotate(2.54deg)
}

.cashout__title .title__text h3 {
    text-wrap: nowrap
}

.cashout__list {
    margin-top: 12.5em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3em
}

.cashout__item {
    width: 18.625em;
    cursor: pointer;
    -webkit-filter: drop-shadow(0 0 0 rgba(46, 204, 113, .8));
    filter: drop-shadow(0 0 0 rgba(46, 204, 113, .8));
    -webkit-transition: -webkit-filter .3s ease-in-out;
    transition: -webkit-filter .3s ease-in-out;
    -moz-transition: filter .3s ease-in-out;
    transition: filter .3s ease-in-out;
    transition: filter .3s ease-in-out, -webkit-filter .3s ease-in-out
}

.cashout__item:hover {
    -webkit-filter: drop-shadow(0 0 .3125em rgba(46, 204, 113, .8));
    filter: drop-shadow(0 0 .3125em rgba(46, 204, 113, .8))
}

.cashout__btn {
    margin-top: 10em;
    text-align: center
}

.cashout__elem {
    position: absolute
}

.cashout__elem_1 {
    width: 13.375em;
    bottom: -5em;
    right: 50%;
    margin-right: 37.5em;
    -webkit-animation: a 2s ease-in-out alternate infinite;
    -moz-animation: a 2s ease-in-out alternate infinite;
    animation: a 2s ease-in-out alternate infinite
}

@media (max-width: 768px) {
    .cashout {
        padding: 0 0 5em
    }

    .cashout__list {
        margin-top: 5em;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 1.875em
    }

    .cashout__item {
        width: 10em
    }

    .cashout__item:last-child {
        margin: auto
    }

    .cashout__btn {
        margin-top: 5em;
        text-align: center
    }

    .cashout__elem {
        position: absolute
    }

    .cashout__elem_1 {
        width: 13.375em;
        bottom: -5em;
        right: 50%;
        margin-right: 37.5em
    }
}

.brand {
    padding: 9.375em 0 8.125em
}

.brand__breadcrumbs p {
    color: #fff;
    font-size: 1.5em;
    font-weight: 400
}

.brand__breadcrumbs p a {
    color: #17c85d
}

.brand__img {
    width: 40em;
    margin: 13.125em auto
}

.brand__title h2 {
    font-family: Druk Text Wide Cyr;
    font-size: 2em;
    color: #17c85d;
    text-transform: uppercase;
    font-weight: 700
}

.brand__text {
    margin-top: 1.25em
}

.brand__text p {
    font-size: 1.5em;
    color: #fff;
    font-weight: 400;
    line-height: 125%
}

.brand__list {
    margin-top: 3em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.brand__item {
    width: 40.8125em;
    background-image: url(../img/br_item.png);
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    background-color: #181918;
    padding: 1.875em 3.125em;
    border: .0625em solid #17c85d;
    -moz-border-radius: 2.5em;
    border-radius: 2.5em;
    overflow: hidden;
    margin-bottom: 1.5em
}

.brand__item_head p {
    font-family: Druk Text Wide Cyr;
    font-size: 2em;
    color: #17c85d;
    font-weight: 700
}

.brand__item_body {
    margin-top: 1.25em
}

.brand__item_body p {
    font-size: 1.5em;
    color: #fff;
    font-weight: 400;
    line-height: 125%
}

.brand__btn {
    margin-top: 4.375em;
    text-align: center
}

@media (max-width: 768px) {
    .brand {
        padding: 4.375em 0
    }

    .brand__breadcrumbs p {
        color: #fff;
        font-size: 1em;
        font-weight: 400
    }

    .brand__breadcrumbs p span {
        color: #17c85d
    }

    .brand__img {
        width: 21.25em;
        margin: 6em auto
    }

    .brand__title h2 {
        font-family: Druk Text Wide Cyr;
        font-size: 1.5em;
        color: #17c85d;
        text-transform: uppercase;
        font-weight: 700
    }

    .brand__text {
        margin-top: 1.25em
    }

    .brand__text p {
        font-size: 1.375em;
        color: #fff;
        font-weight: 400;
        line-height: 125%
    }

    .brand__list {
        margin-top: 3em;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .brand__item {
        width: 100%;
        background-image: url(../img/br_item.png);
        -moz-background-size: 100% 100%;
        background-size: 100% 100%;
        background-color: #181918;
        padding: 1.25em;
        border: .0625em solid #17c85d;
        -moz-border-radius: 1.875em;
        border-radius: 1.875em;
        overflow: hidden;
        margin-bottom: 1.5em
    }

    .brand__item_head p {
        font-family: Druk Text Wide Cyr;
        font-size: 1.5em;
        color: #17c85d;
        font-weight: 700
    }

    .brand__item_body {
        margin-top: 1em
    }

    .brand__item_body p {
        font-size: 1.375em;
        color: #fff;
        font-weight: 400;
        line-height: 125%
    }

    .brand__btn {
        margin-top: 2.25em
    }
}

.brands {
    padding: 5em 0
}

.brands__title {
    -webkit-transform: rotate(2.54deg);
    -moz-transform: rotate(2.54deg);
    -ms-transform: rotate(2.54deg);
    transform: rotate(2.54deg)
}

.brands__img {
    width: 46.5625em
}

.brands__card {
    margin-top: 6.875em;
    background-image: url(../img/br_item_lg.png);
    -moz-background-size: 100% 100%;
    background-size: 100% 100%;
    background-color: #181918;
    padding: 3.4375em 0 3.4375em 4.6875em;
    border: .0625em solid #17c85d;
    -moz-border-radius: 2.5em;
    border-radius: 2.5em;
    overflow: hidden
}

.brands__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.brands__logo {
    grid-area: 1/1/2/2
}

.brands__logo img {
    width: 20.1875em
}

.brands__content {
    margin-top: 1.875em;
    grid-area: 2/1/3/2
}

.brands__img {
    grid-area: 1/2/3/3
}

.brands__item:not(:last-child) {
    margin-bottom: 1.875em
}

.brands__item_head p {
    font-family: Druk Text Wide Cyr;
    font-size: 1.5em;
    color: #17c85d;
    font-weight: 700
}

.brands__item_body {
    margin-top: 1.25em
}

.brands__item_body p {
    font-size: 1.5em;
    color: #fff;
    font-weight: 400;
    line-height: 125%
}

.brands__btn {
    margin-top: 1.875em
}

@media (max-width: 768px) {
    .brands {
        padding: 4.375em 0
    }

    .brands__breadcrumbs p {
        color: #fff;
        font-size: 1em;
        font-weight: 400
    }

    .brands__breadcrumbs p span {
        color: #17c85d
    }

    .brands__card {
        background-image: url(../img/br_item_lg.png);
        -moz-background-size: 100%;
        background-size: 100%;
        background-repeat: repeat;
        background-color: #181918;
        padding: 2.25em 1.25em;
        border: .0625em solid #17c85d;
        -moz-border-radius: 1.875em;
        border-radius: 1.875em;
        overflow: hidden
    }

    .brands__grid {
        grid-template-columns: 1fr
    }

    .brands__logo {
        text-align: center;
        grid-area: 1/1/2/2
    }

    .brands__logo img {
        display: inline-block;
        width: 14.6875em
    }

    .brands__content {
        grid-area: 3/1/4/2
    }

    .brands__img {
        grid-area: 2/1/3/2;
        width: 100%
    }

    .brands__title h2 {
        font-family: Druk Text Wide Cyr;
        font-size: 1.5em;
        color: #17c85d;
        text-transform: uppercase;
        font-weight: 700
    }

    .brands__text {
        margin-top: 1.25em
    }

    .brands__text p {
        font-size: 1.375em;
        color: #fff;
        font-weight: 400;
        line-height: 125%
    }

    .brands__item {
        margin-bottom: 1.5em
    }

    .brands__item_head p {
        font-family: Druk Text Wide Cyr;
        font-size: 1.5em;
        color: #17c85d;
        font-weight: 700
    }

    .brands__item_body {
        margin-top: 1em
    }

    .brands__item_body p {
        font-size: 1.375em;
        color: #fff;
        font-weight: 400;
        line-height: 125%
    }

    .brands__btn {
        text-align: center;
        margin-top: 2.25em
    }
}