/*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

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

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

figcaption, figure, main {
    display: block
}

figure {
    margin: 1em 40px
}

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

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

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

b, strong {
    font-weight: inherit
}

b, strong {
    font-weight: bolder
}

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

dfn {
    font-style: italic
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

audio, video {
    display: inline-block
}

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

img {
    border-style: none
}

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

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

button, input {
    overflow: visible
}

button, select {
    text-transform: none
}

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

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

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

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

progress {
    display: inline-block;
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details, menu {
    display: block
}

summary {
    display: list-item
}

canvas {
    display: inline-block
}

template {
    display: none
}

[hidden] {
    display: none
}

* {
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0
}

input:not([type=checkbox]):not([type=radio]), select, textarea {
    -webkit-appearance: none;
    -moz-appearance: textfield;
    font-family: droid, sans-serif
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    appearance: none;
    margin: 0
}

input::-ms-clear {
    display: none
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: top
}

button {
    outline: 0
}

@font-face {
    font-family: avenir;
    src: url(../fonts/AvenirNextCyr-Bold.woff) format("woff"), url(../fonts/AvenirNextCyr-Bold.ttf) format("truetype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: avenir;
    src: url(../fonts/AvenirNextCyr-Medium.woff) format("woff"), url(../fonts/AvenirNextCyr-Medium.ttf) format("truetype");
    font-style: normal;
    font-weight: 500
}

@font-face {
    font-family: avenir;
    src: url(../fonts/AvenirNextCyr-Regular.woff) format("woff"), url(../fonts/AvenirNextCyr-Regular.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

@font-face {
    font-family: droid;
    src: url(../fonts/DroidSerif-Bold.woff) format("woff"), url(../fonts/DroidSerif-Bold.ttf) format("truetype");
    font-style: normal;
    font-weight: 700
}

@font-face {
    font-family: droid;
    src: url(../fonts/DroidSerif.woff) format("woff"), url(../fonts/DroidSerif.ttf) format("truetype");
    font-style: normal;
    font-weight: 400
}

html {
    font-size: 62.5%
}

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

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

body {
    height: 100%;
    font-family: droid, sans-serif;
    font-size: 1.6rem;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 100vh
}

.wrapper {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

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

.container {
    max-width: 140rem;
    width: 100%;
    margin: 0 auto
}

@media only screen and (max-width: 1200px) {
    .container {
        padding-left: 15px;
        padding-right: 15px
    }
}

.bg {
    background: #ebf3f0
}

.main {
    position: relative;
    padding-top: 15rem;
    height: 100%
}

@media only screen and (max-width: 1200px) {
    .main {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}

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

a, svg {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

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

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

.about {
    position: relative
}

.about__top {
    padding-bottom: 23rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 1200px) {
    .about__top {
        padding-bottom: 10rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.about__top-img {
    margin-right: 11.4rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70rem;
    flex: 0 0 70rem;
    overflow: hidden;
    border-radius: 1rem 20rem 1rem 20rem
}

@media only screen and (max-width: 1200px) {
    .about__top-img {
        margin-right: 0;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    .about__top-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        border-radius: 1rem 13rem 1rem 13rem
    }
}

.about__top-text {
    padding-top: 1.5rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media only screen and (max-width: 1200px) {
    .about__top-text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        width: 100%
    }
}

@media only screen and (max-width: 767px) {
    .about__top-text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.about__top-title {
    font-size: 4.2rem;
    margin-bottom: 2rem;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .about__top-title {
        font-size: 3rem
    }
}

.about__top-quotes {
    letter-spacing: .06em;
    font-family: avenir;
    font-style: italic;
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-bottom: 2.5rem;
    max-width: 47rem
}

.about__top-info {
    margin-bottom: 2.6rem
}

.about__top-bottom {
    padding-left: 1.6rem;
    position: relative;
    border-left: 4px solid #80c11e;
    max-width: 37rem;
    line-height: 2.5rem;
    font-size: 1.8rem;
    font-weight: 500;
    font-family: avenir
}

.about-media {
    position: relative;
    padding-top: 12rem;
    padding-bottom: 16rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 1200px) {
    .about-media {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media only screen and (max-width: 767px) {
    .about-media {
        padding-bottom: 11rem
    }
}

.about-media__info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin-right: 13rem
}

@media only screen and (max-width: 1200px) {
    .about-media__info {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-right: 0
    }
}

@media only screen and (max-width: 767px) {
    .about-media__info {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.about-media__video {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative
}

@media only screen and (max-width: 1200px) {
    .about-media__video {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    .about-media__video {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.about-media__video::before {
    content: '';
    position: absolute;
    top: 2.3rem;
    left: -2.3rem;
    bottom: -2.3rem;
    right: 2.3rem;
    background: #ebf3f0;
    border-radius: 1rem 20rem 0 20rem
}

@media only screen and (max-width: 767px) {
    .about-media__video::before {
        border-radius: 1rem 13rem 0 13rem
    }
}

.about-media__video-inner {
    position: relative;
    border-radius: 1rem 20rem 0 20rem;
    overflow: hidden;
    width: 70rem
}

@media only screen and (max-width: 767px) {
    .about-media__video-inner {
        width: 100%;
        border-radius: 1rem 13rem 0 13rem
    }
}

.about-media__video-box {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    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;
    opacity: 0;
    visibility: hidden
}

.about-media__video-inner.active .about-media__video-box {
    opacity: 1;
    visibility: visible
}

.about-media__video-holder {
    width: 100%
}

.about-media__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -5.5rem;
    margin-top: -5.5rem;
    width: 11rem;
    height: 11rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 4px solid #fff;
    background: #80c11e;
    cursor: pointer
}

@media only screen and (min-width: 1025px) {
    .about-media__btn:hover::before {
        -webkit-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.about-media__btn::before {
    content: '';
    position: absolute;
    top: -1rem;
    left: -1rem;
    bottom: -1rem;
    right: -1rem;
    border-radius: 50%;
    border: 2px solid rgba(255, 255, 255, .3);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.about-media__btn svg {
    fill: #fff
}

.add-comment {
    position: relative;
    margin-bottom: 5rem
}

.add-comment__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

@media only screen and (min-width: 1025px) {
    .add-comment__btn:hover .add-comment__icon {
        background: #80c11e
    }

    .add-comment__btn:hover .add-comment__icon::after, .add-comment__btn:hover .add-comment__icon::before {
        background: #fff
    }
}

.add-comment__icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4rem;
    flex: 0 0 4rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    position: relative;
    background: rgba(128, 193, 30, .1);
    margin-right: 1.6rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.active.add-comment .add-comment__icon::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.add-comment__icon::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background: #80c11e;
    width: 1rem;
    height: 2px;
    margin-left: -.5rem;
    margin-top: -1px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.add-comment__icon::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background: #80c11e;
    width: 2px;
    height: 1rem;
    margin-top: -.5rem;
    margin-left: -1px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.add-comment__text {
    font-size: 1.3rem;
    letter-spacing: .06em
}

.add-comment__body {
    margin-top: 2rem;
    display: none
}

.article {
    position: relative;
    max-width: 102rem;
    width: 100%;
    margin: 0 auto
}

.article__sliderNav {
    padding-left: .5rem;
    padding-right: .5rem;
    background: #fff;
    border-radius: 1rem;
    width: 73.6rem;
    margin: 0 auto;
    top: -4rem
}

@media only screen and (max-width: 767px) {
    .article__sliderNav {
        width: 100%
    }
}

.article__sliderNav .slick-slide {
    padding: 1rem .5rem;
    outline: 0
}

.article__sliderNav-item {
    height: 6.9rem;
    position: relative;
    cursor: pointer;
    outline: 0
}

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

@media only screen and (min-width: 1025px) {
    .article__sliderNav-item:hover::before {
        opacity: 0
    }
}

.article__sliderNav-item::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: .3;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.article__sliderNav-item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: .4rem;
    background: #80c11e;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 0
}

.slick-current .article__sliderNav-item::before {
    opacity: 0
}

.slick-current .article__sliderNav-item::after {
    opacity: 1
}

.article__sliderNav-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    outline: 0
}

.article__sliderFor-item {
    border-radius: 1rem 1rem 0 0;
    overflow: hidden
}

.article__date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 90rem;
    width: 100%;
    margin: 0 auto 2.2rem
}

@media only screen and (max-width: 767px) {
    .article__date {
        margin-bottom: 6rem
    }
}

.article__date-cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    padding-right: 1.8rem;
    border-right: 1px solid rgba(24, 43, 38, .1);
    line-height: 1.8rem;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-family: avenir;
    color: #182b26
}

.article__date-cell + .article__date-cell {
    padding-left: 1.8rem
}

.article__date-cell:last-child {
    border-right: 0
}

.article__content {
    max-width: 90rem;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 10rem
}

.article__top-img {
    margin-bottom: 4rem;
    border-radius: 1rem 1rem 0 0;
    overflow: hidden
}

.basket-list {
    position: relative;
    outline: 0;
    padding-right: 3rem
}

.basket-list-preloader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, .7);
    z-index: 3;
    display: none
}

.active-preloader .basket-list-preloader {
    display: block
}

.basket-item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 3rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid #efefef;
    padding-left: 1.5rem
}

.woocommerce .basket-item {
    padding-left: 3.4rem;
    padding-right: 3.4rem
}

.basket-item:last-child {
    border-bottom: 0
}

.basket-item__remove {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -1.7rem
}

.woocommerce .basket-item__remove {
    left: 1rem
}

@media only screen and (min-width: 1025px) {
    .basket-item__remove:hover svg {
        fill: red
    }
}

.basket-item__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 13.2rem;
    flex: 0 0 13.2rem;
    width: 13.2rem;
    height: 11.4rem;
    margin-right: 1.6rem
}

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

.basket-item__box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.basket-item__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: .7rem
}

.basket-item__title {
    text-decoration: none;
    color: #000;
    font-size: 1.6rem;
    line-height: 2.4rem;
    max-height: 4.8rem;
    overflow: hidden;
    letter-spacing: .02em;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 1.5rem
}

@media only screen and (min-width: 1025px) {
    .basket-item__title:hover {
        text-decoration: underline
    }
}

.basket-item__price {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: droid;
    font-size: 1.8rem;
    letter-spacing: .04em
}

.basket-item__weight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 2.5rem;
    color: rgba(0, 0, 0, .5);
    font-size: 1.4rem
}

.basket-item__weight-value {
    color: #000;
    margin-left: .8rem
}

.benefit {
    position: relative;
    padding-bottom: 23rem
}

@media only screen and (max-width: 1200px) {
    .benefit {
        padding-bottom: 10rem
    }
}

.benefit__title {
    text-align: center;
    margin-bottom: 3rem
}

@media only screen and (max-width: 1200px) {
    .benefit__title {
        margin-bottom: 3rem
    }
}

.benefit__nav {
    margin-bottom: 2rem;
    padding-left: 14rem;
    padding-right: 14rem
}

@media only screen and (max-width: 767px) {
    .benefit__nav {
        padding-left: 60px;
        padding-right: 60px
    }
}

.benefit__nav::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    height: 1px;
    border-bottom: 1px dotted #000;
    letter-spacing: 1rem
}

.benefit__nav-item {
    max-width: 5rem;
    height: 5rem;
    border-radius: 50%;
    border: 2px solid #80c11e;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    font-weight: 700;
    font-size: 1.5rem;
    letter-spacing: .08em;
    text-transform: uppercase;
    background: #fff;
    cursor: pointer;
    margin: 0 auto;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media only screen and (min-width: 1025px) {
    .benefit__nav-item:hover {
        background: #80c11e;
        color: #fff
    }
}

.slick-current .benefit__nav-item {
    background: #80c11e;
    color: #fff
}

.benefit__for-item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 767px) {
    .benefit__for-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.benefit__for-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70rem;
    flex: 0 0 70rem;
    margin-right: 7rem;
    overflow: hidden;
    border-radius: 1rem 20rem 0 20rem
}

@media only screen and (max-width: 1200px) {
    .benefit__for-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        margin-right: 5rem;
        border-radius: 1rem 12rem 0 12rem
    }
}

@media only screen and (max-width: 767px) {
    .benefit__for-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-right: 0;
        margin-bottom: 20px
    }
}

.benefit__for-info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.benefit__for-title {
    margin-bottom: 3.3rem;
    font-family: avenir;
    font-weight: 500;
    font-size: 3.2rem;
    line-height: 4.5rem
}

.benefit__triggers {
    position: relative;
    padding-top: 20rem;
    padding-bottom: 16.6rem;
    max-width: 113rem;
    width: 100%;
    margin: 0 auto
}

@media only screen and (max-width: 1200px) {
    .benefit__triggers {
        padding-top: 10rem;
        padding-bottom: 10rem
    }
}

.benefit__triggers-title {
    text-align: center;
    font-family: avenir;
    font-size: 3.2rem;
    margin-bottom: 5.8rem
}

.benefit__triggers-title span {
    color: #80c11e
}

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

.benefit__triggers-box {
    position: relative
}

.benefit__triggers-item {
    position: relative;
    width: 50%;
    padding-right: 15.8rem;
    text-align: right;
    margin-bottom: 3.4rem
}

@media only screen and (max-width: 767px) {
    .benefit__triggers-item {
        width: 100%;
        padding-right: 0;
        text-align: center
    }
}

.benefit__triggers-item:nth-child(even) {
    padding-right: 0;
    padding-left: 15.8rem;
    text-align: left
}

@media only screen and (max-width: 767px) {
    .benefit__triggers-item:nth-child(even) {
        padding-left: 0;
        text-align: center
    }
}

.benefit__triggers-itemCount {
    font-family: avenir;
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
    color: #80c11e
}

.benefit__triggers-itemTitle {
    letter-spacing: .04em;
    line-height: 2.2rem;
    margin-bottom: 1rem
}

.benefit__triggers-itemTitle p {
    margin: 0
}

.benefit__triggers-img {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 26.7rem;
    height: 61.1rem
}

@media only screen and (max-width: 767px) {
    .benefit__triggers-img {
        display: none
    }
}

.benefit-faq {
    background: #ebf3f0;
    padding-top: 14rem;
    padding-bottom: 4rem;
    position: relative
}

@media only screen and (max-width: 767px) {
    .benefit-faq {
        padding-top: 6rem
    }
}

.benefit-faq::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 14rem;
    background: url(../images/decor.png) center top/cover no-repeat;
    z-index: 2
}

.benefit-faq::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 14rem;
    background: url(../images/decor.png) center top/cover no-repeat;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    z-index: 1
}

.benefit-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 14rem;
    padding-bottom: 20rem
}

@media only screen and (max-width: 1200px) {
    .benefit-info {
        padding-top: 6rem;
        padding-bottom: 10rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.benefit-info__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 81rem;
    flex: 0 0 81rem;
    max-width: 81rem;
    width: 100%;
    margin-left: 8rem;
    margin-right: -7rem
}

@media only screen and (max-width: 1200px) {
    .benefit-info__img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: 20px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media only screen and (max-width: 767px) {
    .benefit-info__img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.benefit-info__text {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media only screen and (max-width: 1200px) {
    .benefit-info__text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media only screen and (max-width: 767px) {
    .benefit-info__text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.benefit-info__title {
    margin-bottom: 3rem;
    font-size: 3.2rem
}

.benefit-info__title span {
    color: #80c11e
}

.benefit-info__content {
    margin-bottom: 6rem
}

.bottom-section {
    position: relative;
    background: #ebf3f0;
    padding-top: 13rem;
    padding-bottom: 15.4rem
}

@media only screen and (max-width: 1200px) {
    .bottom-section {
        padding-top: 6rem;
        padding-bottom: 3rem
    }
}

.bottom-section::before {
    content: '';
    position: absolute;
    width: 182.7rem;
    height: 51.8rem;
    background: url(../images/decor3.png) center/100% 100% no-repeat;
    left: 50%;
    margin-left: -91.3rem;
    top: -8rem
}

@media only screen and (max-width: 1200px) {
    .bottom-section::before {
        display: none
    }
}

.bottom-section__title {
    margin-bottom: 5.4rem;
    padding-right: 19rem
}

@media only screen and (max-width: 767px) {
    .bottom-section__title {
        margin-bottom: 4.4rem;
        padding-right: 0
    }
}

.breadcrumb {
    list-style: none;
    padding: 0;
    max-width: 160rem;
    width: 100%;
    margin: 0 auto 5.3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
    z-index: 1
}

.about .breadcrumb {
    margin-bottom: 2rem
}

@media only screen and (max-width: 1200px) {
    .breadcrumb {
        display: none
    }
}

.breadcrumb li {
    margin-right: 7rem
}

.breadcrumb li:last-child {
    margin-right: 0
}

.breadcrumb a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #000;
    letter-spacing: .02em;
    font-family: avenir
}

@media only screen and (min-width: 1025px) {
    .breadcrumb a:hover {
        color: #80c11e
    }
}

.breadcrumb a::before {
    content: '';
    position: absolute;
    width: 4rem;
    height: 1px;
    background: #182b26;
    top: 50%;
    right: -5.5rem;
    opacity: .1
}

.breadcrumb span {
    display: block;
    position: relative;
    text-decoration: none;
    color: #000;
    letter-spacing: .02em;
    font-family: avenir;
    opacity: .5
}

@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
    .basket-item__box {
        overflow: auto
    }

    .our-team__item:hover .our-team__item-info {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }

    div.home-slider__triggers-item {
        padding: 0
    }

    button.search__form-btn {
        margin-bottom: 0
    }
}

.btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-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;
    outline: 0;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    font-size: 1.5rem;
    letter-spacing: .06em;
    font-family: droid, sans-serif;
    -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    border: 1px solid #e1eae8;
    background: #fff;
    height: 5.7rem;
    padding: 1rem 8.7rem;
    border-radius: 0 7rem 0 7rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.btn svg {
    fill: #fff;
    margin-right: 1.6rem
}

.btn--no-border {
    border-color: transparent
}

@media only screen and (min-width: 1025px) {
    .btn:hover {
        border-color: #80c11e;
        color: #80c11e
    }

    .btn:hover svg {
        fill: #80c11e
    }
}

.btn--green {
    background: #80c11e;
    border-color: #80c11e;
    color: #fff
}

@media only screen and (min-width: 1025px) {
    .btn--green:hover {
        background: 0 0
    }
}

.btn--transparent {
    background: 0 0;
    border-color: rgba(255, 255, 255, .2);
    color: #fff
}

.btn--transparent svg {
    fill: #fff
}

@media only screen and (min-width: 1025px) {
    .btn--transparent:hover {
        background: #fff;
        border-color: #80c11e;
        color: #80c11e
    }
}

.btn--borderGreen {
    border-color: #80c11e
}

.btn--100 {
    width: 100%
}

.btn > span {
    opacity: .5;
    margin-left: .5rem
}

.btn-2 {
    display: inline-block;
    text-align: center;
    outline: 0;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    font-size: 1.5rem;
    letter-spacing: .06em;
    font-family: droid, sans-serif;
    border-bottom: 1px solid #80c11e;
    padding-bottom: .6rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media only screen and (min-width: 1025px) {
    .btn-2:hover {
        color: #80c11e
    }
}

.card {
    position: relative;
    padding-bottom: 18rem
}

@media only screen and (max-width: 767px) {
    .card {
        margin-top: -5rem;
        padding-bottom: 0
    }
}

.card__top {
    background: #fff;
    margin-bottom: 1rem;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .05)
}

@media only screen and (max-width: 1200px) {
    .card__top {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 70rem;
        width: 100%;
        margin: 0 auto 1rem
    }
}

@media only screen and (max-width: 767px) {
    .card__top {
        margin-left: -15px;
        margin-right: -15px;
        width: auto
    }
}

.card__sliders {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 1200px) {
    .card__sliders {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

@media only screen and (max-width: 767px) {
    .card__sliders {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.card__sliderNav-counter {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.card__sliderNav-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10rem;
    flex: 0 0 10rem;
    width: 10rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media only screen and (max-width: 767px) {
    .card__sliderNav-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90vw;
        flex: 0 0 90vw;
        width: 90vw;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.card__sliderFor-item {
    vertical-align: top
}

.card__sliderNav {
    margin-right: -1px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .card__sliderNav {
        margin-right: 0
    }
}

.card__sliderNav .slick-slide {
    outline: 0
}

.card__sliderNav.slick-vertical .slick-slide {
    border: 0
}

.card__sliderFor-box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    position: relative;
    border-left: 1px solid #e5e5e5
}

@media only screen and (max-width: 767px) {
    .card__sliderFor-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        border-left: 0
    }
}

.card__label-box {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    z-index: 1
}

.card__sliderFor {
    width: 60rem
}

@media only screen and (max-width: 767px) {
    .card__sliderFor {
        width: 100vw
    }
}

.card__sliderNav-item {
    opacity: .3;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer;
    border: 1px solid transparent;
    vertical-align: top;
    border-bottom-color: #e5e5e5
}

@media only screen and (max-width: 767px) {
    .card__sliderNav-item {
        border-bottom-color: transparent
    }
}

@media only screen and (min-width: 1025px) {
    .card__sliderNav-item:hover {
        opacity: 1
    }
}

.slick-current .card__sliderNav-item {
    opacity: 1;
    border-color: #80c11e
}

.card__label {
    margin-bottom: 1.2rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f1f7f5;
    border-radius: 1rem;
    padding: 1.3rem 3rem 1.3rem 1.3rem
}

.card__label-holder {
    padding-left: .8rem
}

@media only screen and (min-width: 1025px) {
    .card__label-holder:hover .card__label-link {
        border-bottom-color: transparent
    }

    .card__label-holder:hover .card__label-hint {
        opacity: 1;
        visibility: visible
    }
}

.card__label-link {
    line-height: 1;
    font-size: 1.3rem;
    font-family: avenir;
    padding-bottom: .3rem;
    border-bottom: 1px dashed rgba(0, 0, 0, .2);
    color: rgba(24, 43, 38, .7);
    text-decoration: none;
    display: block;
    margin-top: .5rem;
    cursor: pointer
}

.card__sliderNav-counter {
    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;
    position: relative
}

@media only screen and (max-width: 767px) {
    .card__sliderNav-counter {
        display: none
    }
}

@media only screen and (min-width: 1025px) {
    .card__sliderNav-counter:hover .card__sliderNav-next {
        opacity: 1
    }
}

.card__sliderNav-counterValue {
    letter-spacing: .04em;
    font-size: 1.8rem;
    color: #6d817c;
    font-weight: 500;
    font-family: avenir
}

.card__sliderNav-next {
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.card__sliderNav-next.slick-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 1px;
    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;
    width: auto;
    height: auto;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    border: 0
}

@media only screen and (min-width: 1025px) {
    .card__sliderNav-next.slick-arrow:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.card__sliderNav-next.slick-arrow svg {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.card__info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 5rem 6rem 7rem 7rem;
    border-left: 1px solid #e5e5e5;
    margin-left: -1px;
    position: relative
}

@media only screen and (max-width: 1200px) {
    .card__info {
        padding: 3rem
    }
}

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

.card__title {
    font-family: avenir;
    font-size: 3.2rem;
    line-height: 4.5rem;
    font-weight: 500;
    margin-bottom: 2.7rem
}

.card__weight-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0 0 3.5rem;
    padding: 0
}

.card__weight-item {
    margin-right: .8rem
}

.card__weight-link {
    display: block;
    text-decoration: none;
    font-size: 1.3rem;
    font-family: avenir;
    font-weight: 500;
    color: #6d817c;
    border-radius: .8rem;
    border: 1px solid #e5f0ea;
    padding: .8rem 1.5rem
}

@media only screen and (min-width: 1025px) {
    .card__weight-link:hover {
        border-color: #80c11e
    }
}

.card__weight-link.active {
    border-color: #80c11e;
    color: #000
}

.card__descriptions {
    position: relative;
    margin-bottom: 6rem
}

.card__descriptions-list {
    position: relative;
    margin-bottom: 2rem;
    border-bottom: 1px dashed rgba(24, 43, 38, .2)
}

.card__descriptions-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px dashed rgba(24, 43, 38, .2);
    padding-top: 1.4rem;
    padding-bottom: 1.4rem
}

.card__descriptions-name {
    font-family: avenir;
    opacity: .6;
    font-size: 1.4rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 1rem
}

.card__descriptions-value {
    font-family: avenir;
    font-weight: 700;
    font-size: 1.4rem;
    text-align: right
}

.card__descriptions-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #80c11e;
    text-transform: uppercase;
    font-size: 1.2rem;
    font-family: avenir;
    font-weight: 500;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    position: relative;
    padding-left: 2rem;
    display: none
}

.card__descriptions-btn.show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.card__descriptions-btn::before {
    content: '';
    position: absolute;
    width: 1rem;
    height: 2px;
    background: #80c11e;
    left: 0;
    top: 50%;
    margin-top: -1px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.card__descriptions-btn::after {
    content: '';
    position: absolute;
    height: 1rem;
    width: 2px;
    background: #80c11e;
    left: .4rem;
    top: 50%;
    margin-top: -.5rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.card__descriptions-btn.show-all::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media only screen and (min-width: 1025px) {
    .card__descriptions-btn:hover {
        color: #000
    }

    .card__descriptions-btn:hover::after, .card__descriptions-btn:hover::before {
        background: #000
    }
}

.card__price-box {
    margin-bottom: 3.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.card__price {
    font-size: 2.2rem;
    letter-spacing: .04em;
    margin-right: 2rem
}

.card__price--new {
    color: #d82e2e
}

.card__price--old {
    opacity: .3;
    font-size: 1.8rem;
    text-decoration: line-through
}

.card__controls {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #ebf3f0;
    border-radius: 0 7rem 0 7rem;
    padding-left: 4.7rem
}

.card__btn {
    margin-left: 2.8rem;
    padding-left: 6rem;
    padding-right: 6rem
}

.card__tabs {
    background: #fff;
    border-radius: 1rem;
    overflow: hidden;
    -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .05)
}

@media only screen and (max-width: 767px) {
    .card__tabs {
        margin-left: -15px;
        margin-right: -15px;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.card__tabs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e5e5e5
}

.card__tabs-list li {
    width: 100%;
    border-right: 1px solid #e5e5e5
}

.card__tabs-list li:last-child {
    border-right: 0
}

.card__tabs-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-decoration: none;
    color: rgba(24, 43, 38, .5);
    background: #ebf3f0;
    padding: 3rem;
    position: relative;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.6rem;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 700;
    height: 100%
}

@media only screen and (max-width: 767px) {
    .card__tabs-list a {
        padding: 2rem 1.5rem
    }
}

.card__tabs-list a::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #80c11e;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.card__tabs-list a.active {
    background: #fff;
    color: #000
}

.card__tabs-list a.active::before {
    opacity: 1
}

.card__tabs-options {
    padding: 10rem 1.5rem 14rem
}

@media only screen and (max-width: 767px) {
    .card__tabs-options {
        padding: 3rem 1.5rem
    }
}

.card__tabs-item {
    max-width: 90rem;
    width: 100%;
    margin: 0 auto
}

.card__text {
    position: relative;
    margin-bottom: 3rem
}

.card__table-box {
    position: relative
}

.card__table-title {
    margin-bottom: 2rem;
    font-size: 2.4rem;
    font-family: avenir;
    font-weight: 500
}

.card__table {
    border: 1px solid #eaeef6
}

.card__table-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 2.2rem;
    padding-bottom: 2.2rem
}

.card__table-row:nth-child(even) {
    background: rgba(234, 243, 238, .6)
}

.card__table-cell {
    width: 100%;
    font-family: avenir;
    font-weight: 500;
    padding-right: 2rem;
    color: #182b26
}

@media only screen and (max-width: 767px) {
    .card__table-cell {
        padding-right: 1.5rem
    }
}

.card__table-cell:first-child {
    padding-left: 5rem;
    color: rgba(24, 43, 38, .6)
}

@media only screen and (max-width: 767px) {
    .card__table-cell:first-child {
        padding-left: 1.5rem
    }
}

.card__label-hint {
    position: absolute;
    left: calc(100% + 1.6rem);
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 2rem 2.5rem;
    border-radius: 1rem;
    width: 31rem;
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.4rem;
    background: #3d3d3d;
    -webkit-box-shadow: 0 10px 21px rgba(0, 0, 0, .08);
    box-shadow: 0 10px 21px rgba(0, 0, 0, .08);
    font-family: avenir;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media only screen and (max-width: 1200px) {
    .card__label-hint {
        left: auto;
        top: 0;
        -webkit-transform: none;
        transform: none;
        right: calc(100% + 1.6rem)
    }

    .active.card__label-holder .card__label-hint {
        opacity: 1;
        visibility: visible
    }
}

@media only screen and (max-width: 374px) {
    .card__label-hint {
        width: 24rem
    }
}

.card__label-hint::before {
    content: '';
    position: absolute;
    right: 100%;
    top: 50%;
    margin-top: -1rem;
    width: 0;
    height: 0;
    border-top: 1rem solid transparent;
    border-right: 1rem solid #000;
    border-bottom: 1rem solid transparent
}

@media only screen and (max-width: 1200px) {
    .card__label-hint::before {
        right: auto;
        top: 2rem;
        margin-top: 0;
        left: 100%;
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1)
    }
}

.card__label-hint p {
    margin: 0
}

.catalog {
    position: relative;
    padding-bottom: 17rem
}

.catalog__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 4rem;
    margin-left: -1rem
}

@media only screen and (max-width: 1200px) {
    .catalog__filter {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-left: -15px;
        margin-right: -15px;
        overflow-x: auto;
        padding-top: 1rem
    }
}

.catalog__filter-item {
    cursor: pointer;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 1rem;
    margin-bottom: 1.4rem;
    text-decoration: none;
    color: #000
}

.catalog__filter-inner {
    border: 2px solid transparent;
    background: #fff;
    border-radius: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    padding: 1.4rem 2.2rem
}

@media only screen and (min-width: 1025px) {
    .catalog__filter-inner:hover {
        border-color: #80c11e
    }
}

.catalog__filter-inner::after, .catalog__filter-inner::before {
    content: '';
    position: absolute
}

.catalog__filter-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3.9rem;
    flex: 0 0 3.9rem;
    width: 3.9rem;
    height: 2.9rem;
    margin-right: .7rem
}

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

.catalog__filter-text {
    font-size: 1.4rem;
    font-family: avenir;
    letter-spacing: .02em;
    font-weight: 500
}

.catalog__filter-input {
    display: none
}

.catalog__filter-input:checked + .catalog__filter-inner {
    border-color: #80c11e
}

.catalog__filter-input:checked + .catalog__filter-inner::before {
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: #80c11e;
    left: .8rem;
    top: -1rem
}

.catalog__filter-input:checked + .catalog__filter-inner::after {
    width: 1.2rem;
    height: .6rem;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 1.4rem;
    top: -.2rem
}

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

.certificates {
    position: relative;
    padding-top: 14rem;
    padding-bottom: 18rem
}

.certificates__title {
    margin-bottom: 4.5rem;
    text-align: center
}

.certificates__slider {
    max-width: 73.6rem;
    width: 100%;
    margin: 0 auto
}

@media only screen and (max-width: 767px) {
    .certificates__slider {
        margin-left: -15px;
        margin-right: -15px;
        width: auto
    }
}

.certificates__slider .slick-slide {
    padding-top: 6rem;
    padding-bottom: 4rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    position: relative;
    outline: 0
}

@media only screen and (max-width: 767px) {
    .certificates__slider .slick-slide {
        margin-left: 1rem;
        margin-right: 1rem
    }
}

.certificates__slider .slick-current {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .certificates__slider .slick-current {
        -webkit-transform: none;
        transform: none
    }
}

.certificates__item {
    position: relative
}

.certificates__item-text {
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    line-height: 2.5rem;
    height: 5rem;
    overflow: hidden;
    text-align: center;
    font-size: 1.5rem;
    letter-spacing: .04em
}

.slick-current .certificates__item-text {
    opacity: 1
}

.certificates__item-img {
    position: relative;
    margin-bottom: 3.5rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border: .5rem solid #ebf3f0;
    border-radius: 1rem
}

.slick-current .certificates__item-img {
    border-color: #fff;
    -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .1)
}

.certificates__item-btn {
    position: absolute;
    bottom: -2.4rem;
    left: 50%;
    margin-left: -2.4rem;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    border: .4rem solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #80c11e;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer;
    outline: 0
}

@media only screen and (min-width: 1025px) {
    .certificates__item-btn:hover {
        -webkit-transform: translateY(-.4rem);
        transform: translateY(-.4rem)
    }
}

.slick-current .certificates__item-btn {
    opacity: 1
}

.certificates__item-btn svg {
    fill: #fff;
    width: 2rem;
    height: 2rem
}

.comments {
    position: relative;
    padding-top: 10rem;
    border-top: 1px solid #e5e5e5;
    max-width: 90rem;
    width: 100%;
    margin: 0 auto
}

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

@media only screen and (max-width: 767px) {
    .comments__head {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.comments__title {
    padding-right: 2rem;
    font-size: 4.2rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .comments__title {
        text-align: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 20px
    }
}

.comments__btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.comments__list {
    position: relative;
    margin-bottom: 3rem
}

.comments__item {
    padding-top: 4rem;
    padding-bottom: 4rem;
    border-top: 1px dashed #e5e5e5;
    position: relative
}

.comments__item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.7rem
}

.comments__item-ava {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 9rem;
    flex: 0 0 9rem;
    width: 9rem;
    height: 9rem;
    border-radius: 50%;
    border: 1px solid #bbd7cb;
    padding: .4rem;
    margin-right: 2rem
}

.comments__item-ava img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.comments__item-info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.comments__item-date {
    font-size: 1.2rem;
    margin-bottom: 1.5rem;
    opacity: .5;
    font-family: avenir
}

.comments__item-name {
    font-size: 1.8rem;
    letter-spacing: .04em
}

.contacts {
    position: relative;
    padding-bottom: 16rem
}

@media only screen and (max-width: 767px) {
    .contacts {
        padding-bottom: 6rem
    }
}

.contacts__holder {
    border-radius: 1rem;
    background: #fff;
    padding-top: 4rem;
    padding-bottom: 5.3rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 767px) {
    .contacts__holder {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.contacts__cell {
    width: 100%;
    padding: 2.4rem 12rem 3rem
}

@media only screen and (max-width: 1200px) {
    .contacts__cell {
        padding: 2rem 15px
    }
}

.contacts__cell + .contacts__cell {
    border-left: 1px solid #e5e5e5
}

@media only screen and (max-width: 767px) {
    .contacts__cell + .contacts__cell {
        border-left: 0
    }
}

.contacts__cell-title {
    margin-bottom: 4.4rem;
    text-align: center;
    font-size: 2.4rem;
    line-height: 3.4rem;
    font-family: avenir;
    font-weight: 500
}

.contacts__operator {
    width: 9.1rem;
    height: 9.1rem;
    border-radius: 50%;
    overflow: hidden;
    padding: .3rem;
    border: 2px solid #80c11e;
    margin: 0 auto 2.4rem;
    position: relative
}

.contacts__operator::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    border: 3px solid #fff
}

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

.contacts__operator-name {
    font-size: 1.8rem;
    letter-spacing: .04em;
    margin-bottom: 1rem;
    text-align: center
}

.contacts__operator-position {
    opacity: .6;
    color: #38413e;
    letter-spacing: .06em;
    font-family: avenir;
    font-size: 1.4rem;
    text-align: center;
    margin-bottom: 2.5rem
}

.contacts__operator-list {
    padding-bottom: 5rem;
    margin-bottom: 5.5rem;
    border-bottom: 1px solid #e5e5e5
}

.contacts__operator-row {
    margin-bottom: 1rem;
    position: relative;
    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
}

.contacts__operator-row:last-child {
    margin-bottom: 0
}

.contacts__operator-icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3rem;
    flex: 0 0 3rem;
    width: 3rem;
    padding-right: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.contacts__operator-icon svg {
    fill: #bdcfcb
}

.contacts__operator-tel {
    font-family: avenir;
    letter-spacing: .02em;
    color: #182b26;
    text-decoration: none;
    line-height: 2.4rem;
    font-weight: 500
}

@media only screen and (min-width: 1025px) {
    .contacts__operator-tel:hover {
        color: #80c11e
    }
}

.contacts__operator-descriptions {
    text-align: center;
    font-size: 1.8rem;
    letter-spacing: .02em;
    margin-bottom: 3.7rem;
    line-height: 2.9rem;
    font-family: avenir
}

.contacts__operator-descriptions p {
    margin: 0
}

.contacts__operator-descriptions a {
    color: #80c11e;
    text-decoration: none
}

@media only screen and (min-width: 1025px) {
    .contacts__operator-descriptions a:hover {
        text-decoration: underline
    }
}

.contacts__operator-btn {
    text-align: center
}

.contacts__cell-titleForm {
    font-size: 3.2rem;
    text-align: center;
    color: #182b26;
    margin-bottom: 5.4rem
}

.decor-bottom {
    position: relative;
    height: 13.6rem;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .decor-bottom {
        display: none
    }
}

.decor-bottom::before {
    content: '';
    background: #ebf3f0;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 700rem;
    margin-left: -350rem;
    height: 700rem;
    border-radius: 50%
}

.decor-top {
    position: relative;
    height: 13.6rem;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .decor-top {
        display: none
    }
}

.decor-top::before {
    content: '';
    background: #ebf3f0;
    position: absolute;
    top: 0;
    left: 50%;
    width: 700rem;
    margin-left: -350rem;
    height: 700rem;
    border-radius: 50%
}

.decor {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

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

.decor::before {
    content: '';
    position: absolute;
    top: 13.6rem;
    left: 0;
    right: 0;
    bottom: 13.6rem;
    background: #ebf3f0
}

.decor::after {
    content: '';
    position: absolute;
    left: 50%;
    margin-left: -54.2rem;
    top: 6rem;
    width: 108.3rem;
    height: 16.8rem;
    background: url(../images/decor1.png) center/100% 100% no-repeat
}

.decor-box .decor::before {
    display: none
}

.decor--top::after {
    display: none
}

.decor--production::before {
    bottom: 32rem
}

.decor__inner::before {
    content: '';
    position: absolute;
    top: 20rem;
    left: 2.5rem;
    width: 36.7rem;
    bottom: 20.6rem;
    background: url(../images/decor2.png) center top/100% repeat-y;
    z-index: 1;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.decor__inner::after {
    content: '';
    position: absolute;
    top: 20rem;
    right: 2.5rem;
    width: 36.7rem;
    bottom: 20.6rem;
    background: url(../images/decor2.png) center top/100% repeat-y;
    z-index: 1
}

.decor__inner--production::after, .decor__inner--production::before {
    bottom: 32rem
}

.decor__inner--top::after, .decor__inner--top::before {
    top: 3rem
}

.decor__inner--bottom::after, .decor__inner--bottom::before {
    bottom: 0
}

.decor__faq {
    top: 19rem;
    left: 0;
    right: 0;
    position: absolute;
    height: 130rem;
    z-index: 1
}

.decor__faq::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 27.8rem;
    height: 100%;
    background: url(../images/faq.png) center top/100% repeat-y
}

.decor__faq::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 27.8rem;
    height: 100%;
    background: url(../images/faq.png) center top/100% repeat-y;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.decor-box {
    background: #ebf3f0;
    position: absolute;
    top: -628rem;
    left: 50%;
    width: 700rem;
    margin-left: -350rem;
    height: 700rem;
    border-radius: 50%;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .decor-box {
        height: auto;
        bottom: 0
    }
}

.decor-box--flex {
    height: auto;
    bottom: 0
}

.decor-box__inner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 72rem;
    max-width: 100vw;
    width: 100%;
    margin: 0 auto
}

.decor-box--flex .decor-box__inner {
    top: 613rem;
    height: auto
}

.decor-benefit {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

@media only screen and (max-width: 767px) {
    .decor-benefit {
        display: none
    }
}

.decor-benefit::before {
    content: '';
    position: absolute;
    top: 0;
    left: 2.5rem;
    width: 36.7rem;
    bottom: 0;
    background: url(../images/decor2.png) center top/100% repeat-y;
    z-index: 1;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.decor-benefit::after {
    content: '';
    position: absolute;
    top: 0;
    right: 2.5rem;
    width: 36.7rem;
    bottom: 0;
    background: url(../images/decor2.png) center top/100% repeat-y;
    z-index: 1
}

.delivery-payment {
    position: relative;
    padding-bottom: 20rem;
    overflow: hidden
}

@media only screen and (max-width: 1200px) {
    .delivery-payment {
        padding-bottom: 6rem
    }
}

.delivery-payment__nav {
    float: left;
    width: 38rem;
    border-right: 1px solid #e5e5e5;
    background: #fff;
    border-radius: 1rem 0 0 1rem;
    overflow: hidden;
    -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, .05);
    box-shadow: 0 10px 60px rgba(0, 0, 0, .05)
}

@media only screen and (max-width: 1200px) {
    .delivery-payment__nav {
        float: none;
        margin-bottom: 20px;
        width: 100%;
        border-radius: 1rem;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        border-right: 0
    }
}

.delivery-payment__options {
    overflow: hidden;
    -webkit-box-shadow: 0 10px 60px rgba(0, 0, 0, .05);
    box-shadow: 0 10px 60px rgba(0, 0, 0, .05)
}

@media only screen and (max-width: 1200px) {
    .delivery-payment__options {
        -webkit-box-shadow: none;
        box-shadow: none
    }
}

.delivery-payment__nav-list {
    list-style: none;
    padding: 0;
    margin: 0
}

@media only screen and (max-width: 1200px) {
    .delivery-payment__nav-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow-x: auto
    }
}

.delivery-payment__nav-list li {
    border-bottom: 1px solid #e5e5e5
}

@media only screen and (max-width: 1200px) {
    .delivery-payment__nav-list li {
        border-bottom: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

.delivery-payment__nav-list li:last-child {
    border-bottom: 0
}

.delivery-payment__nav-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    background: #ebf3f0;
    color: rgba(24, 43, 38, .5);
    padding: 2.7rem 5rem
}

@media only screen and (max-width: 767px) {
    .delivery-payment__nav-list a {
        padding: 2rem 4rem
    }
}

.delivery-payment__nav-list a.active {
    color: #000;
    background: #fff
}

.delivery-payment__nav-list a.active svg {
    fill: #80c11e
}

.delivery-payment__nav-list a svg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 1.4rem;
    fill: rgba(24, 43, 38, .5)
}

.delivery-payment__item {
    padding: 5rem 5rem 8rem;
    position: relative;
    background: #fff;
    border-radius: 0 1rem 1rem 1rem
}

.return-and-exchange-block {
    position: relative;
    padding-bottom: 20rem;
    overflow: hidden;
}

.return-and-exchange-content {
    max-width: 1020px;
    background: #fff;
    padding: 5rem 5rem 8rem;
    border-radius: 1rem 1rem 1rem 1rem;
    margin: 0 auto;
    letter-spacing: .02em;
    font-size: 1.8rem;
    font-weight: 500;
    font-family: avenir, sans-serif;
    line-height: 2.6rem;
    text-align: justify;
}

.return-and-exchange-content ul {
    list-style: none;
    margin: 0 0 2.5rem;
    padding: 0;
}

.return-and-exchange-content ul li {
    margin-bottom: 2rem;
    position: relative;
    padding-left: 2rem;
}

.return-and-exchange-content ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1rem;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #80c11e;
}

@media only screen and (max-width: 1200px) {
    .delivery-payment__item {
        border-radius: 0
    }
}

@media only screen and (max-width: 767px) {
    .delivery-payment__item {
        padding: 15px
    }
}

.delivery-payment__list-box {
    padding: 2rem 5rem 1rem 4rem
}

@media only screen and (max-width: 1200px) {
    .delivery-payment__list-box {
        padding: 0
    }
}

.delivery-payment__list-title {
    font-size: 2.4rem;
    font-weight: 500;
    font-family: avenir;
    margin-bottom: 3.5rem
}

.delivery-payment__list {
    position: relative
}

.delivery-payment__item-inner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 3.2em;
    padding-bottom: 3.2rem;
    border-top: 1px dashed rgba(24, 43, 38, .1)
}

.delivery-payment__item-icon {
    margin-right: 1.6rem;
    position: relative;
    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;
    padding: 1rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 7.6rem;
    flex: 0 0 7.6rem;
    max-width: 7.6rem;
    width: 7.6rem;
    height: 7.6rem;
    border-radius: 50%;
    border: 1px solid #80c11e
}

.delivery-payment__item-box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.delivery-payment__item-title {
    letter-spacing: .02em;
    font-size: 1.8rem;
    font-weight: 500;
    font-family: avenir;
    margin-bottom: 1.2rem
}

.dev {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.dev__text {
    color: #fff;
    font-family: avenir;
    font-size: 1.4rem;
    letter-spacing: .1em;
    margin-right: 1.7rem
}

@media only screen and (min-width: 1025px) {
    .dev:hover .lemon-icon {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%)
    }

    .dev:hover .lemon-icon-hover {
        -webkit-transform: translate(0, -100%);
        transform: translate(0, -100%)
    }
}

.lemon {
    width: 9.6rem;
    height: 1.4rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.lemon svg {
    width: 100%;
    height: 100%
}

.discount-slider {
    margin-bottom: 9rem;
    margin-top: -27.4rem;
    z-index: 1
}

@media only screen and (max-width: 767px) {
    .discount-slider {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: -15.4rem
    }
}

.discount-slider__inner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 46rem;
    padding: 3rem 21rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 1rem;
    position: relative
}

@media only screen and (max-width: 1200px) {
    .discount-slider__inner {
        padding-left: 30px;
        padding-right: 30px;
        border-radius: 0
    }
}

.discount-slider__inner::before {
    content: '';
    position: absolute;
    top: 1rem;
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    border: 4px solid #fff;
    border-radius: 1rem
}

@media only screen and (max-width: 767px) {
    .discount-slider__inner::before {
        border: 0
    }
}

.discount-slider__btn {
    position: relative
}

.discount-slider__title {
    font-size: 4.2rem;
    line-height: 5.9rem;
    font-weight: 700;
    margin-bottom: 3.6rem;
    max-width: 34.8rem
}

@media only screen and (max-width: 767px) {
    .discount-slider__title {
        font-size: 3rem;
        line-height: 4rem
    }
}

.download-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #e5e5e5;
    border-radius: 1rem;
    padding: 1.1rem 2.8rem;
    text-decoration: none;
    font-size: 1.5rem;
    color: #000
}

@media only screen and (min-width: 1025px) {
    .download-btn:hover {
        border-color: #80c11e
    }
}

.download-btn svg {
    fill: #80c11e;
    margin-right: 1rem
}

.error-page {
    position: relative;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 15px;
    padding-right: 15px
}

@media only screen and (max-width: 767px) {
    .error-page {
        min-height: 100vh;
        height: auto
    }
}

.error-page.main {
    padding-top: 80px;
    padding-bottom: 80px
}

.error-page__img {
    margin-bottom: 4.8rem
}

.error-page__title {
    font-size: 3.2rem;
    margin-bottom: 1rem;
    font-weight: 500;
    font-family: avenir
}

.error-page__descriptions {
    letter-spacing: .02em;
    margin-bottom: 3.2rem;
    font-family: avenir
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image::before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image, .fancybox-spaceball {
    background: 0 0;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe, .fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: 0
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-button--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0
}

.fancybox-caption {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .85)), color-stop(50%, rgba(0, 0, 0, .3)), color-stop(65%, rgba(0, 0, 0, .15)), color-stop(75.5%, rgba(0, 0, 0, .075)), color-stop(82.85%, rgba(0, 0, 0, .037)), color-stop(88%, rgba(0, 0, 0, .019)), to(transparent));
    background: linear-gradient(to top, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: fancybox-rotate 1s linear infinite;
    animation: fancybox-rotate 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@-webkit-keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes fancybox-rotate {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}

@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }
}

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0
}

.fancybox-share p {
    margin: 0;
    padding: 0
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}

.fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff
}

.fancybox-share__button:hover {
    text-decoration: none
}

.fancybox-share__button--fb {
    background: #3b5998
}

.fancybox-share__button--fb:hover {
    background: #344e86
}

.fancybox-share__button--pt {
    background: #bd081d
}

.fancybox-share__button--pt:hover {
    background: #aa0719
}

.fancybox-share__button--tw {
    background: #1da1f2
}

.fancybox-share__button--tw:hover {
    background: #0d95e8
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}

.fancybox-share__button svg path {
    fill: #fff
}

.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}

@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}

.faq {
    position: relative;
    max-width: 90rem;
    width: 100%;
    margin: 0 auto
}

.faq__list {
    position: relative;
    margin-bottom: 7rem
}

@media only screen and (max-width: 767px) {
    .faq__list {
        margin-bottom: 4rem
    }
}

.faq__item {
    margin-bottom: 1.6rem;
    background: #fff;
    border-radius: 1rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.faq__item.active {
    -webkit-box-shadow: 0 20px 70px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 70px rgba(0, 0, 0, .05)
}

@media only screen and (min-width: 1025px) {
    .faq__item:hover {
        -webkit-box-shadow: 0 20px 70px rgba(0, 0, 0, .05);
        box-shadow: 0 20px 70px rgba(0, 0, 0, .05)
    }
}

.faq__item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    padding: 1.8rem 2.3rem
}

.faq__item-btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4rem;
    flex: 0 0 4rem;
    width: 4rem;
    height: 4rem;
    position: relative;
    border-radius: 50%;
    background: rgba(128, 193, 30, .1);
    margin-right: 2.2rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.faq__item-btn::before {
    content: '';
    position: absolute;
    width: 1.2rem;
    height: 2px;
    background: #80c11e;
    left: 50%;
    top: 50%;
    margin-left: -.6rem;
    margin-top: -1px
}

.faq__item-btn::after {
    content: '';
    position: absolute;
    height: 1.2rem;
    width: 2px;
    background: #80c11e;
    left: 50%;
    top: 50%;
    margin-top: -.6rem;
    margin-left: -1px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.faq__item.active .faq__item-btn {
    background: #80c11e
}

.faq__item.active .faq__item-btn::after {
    background: #fff;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.faq__item-text {
    font-weight: 700;
    letter-spacing: .04em;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.faq__item-body {
    padding: 2.6rem 5rem 8rem 8rem;
    border-top: 1px solid #e5e5e5;
    display: none
}

@media only screen and (max-width: 767px) {
    .faq__item-body {
        padding-left: 15px;
        padding-right: 15px
    }
}

.js-show-all {
    display: none
}

.js-show-all.show {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.feedback {
    position: relative;
    max-width: 90rem;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 1rem
}

.feedback__title {
    font-size: 4.2rem;
    font-weight: 700;
    margin-bottom: 4rem
}

.feedback__box {
    margin-bottom: 5.5rem
}

.feedback__row {
    position: relative;
    margin-bottom: 3rem
}

.feedback__row--cell {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -2.3rem
}

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

.feedback__cell {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 2.3rem);
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 2.3rem);
    max-width: calc(50% - 2.3rem);
    width: 100%;
    position: relative;
    margin-left: 2.3rem
}

@media only screen and (max-width: 767px) {
    .feedback__cell {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 2.3rem);
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% - 2.3rem);
        max-width: calc(100% - 2.3rem);
        margin-bottom: 3rem
    }

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

.feedback__btn {
    max-width: 90rem;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 4rem
}

.footer {
    position: relative;
    background: #182b26;
    z-index: 1
}

.footer__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid #80c11e;
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

@media only screen and (max-width: 1200px) {
    .footer__nav {
        display: none
    }
}

.footer__nav-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.footer__nav-list a {
    display: block;
    padding: 3.7rem 3.5rem;
    text-decoration: none;
    color: #fff;
    font-size: 1.6rem;
    letter-spacing: .06em
}

@media only screen and (min-width: 1025px) {
    .footer__nav-list a:hover {
        color: #80c11e
    }
}

.footer__middle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 8.4rem 1.5rem 7.8rem
}

@media only screen and (max-width: 767px) {
    .footer__middle {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 4rem;
        padding-bottom: 1rem;
        text-align: center
    }
}

.footer__work {
    padding-top: 20px
}

.footer__cell {
    margin-left: 7.5rem;
    margin-right: 7.5rem;
    max-width: 19rem;
    width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 19rem;
    flex: 0 0 19rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.footer__cell:first-child {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media only screen and (max-width: 767px) {
    .footer__cell {
        display: block;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        margin-bottom: 30px
    }

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

.footer__cell--center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: none;
    width: auto;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

@media only screen and (max-width: 767px) {
    .footer__cell--center {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.footer__title {
    letter-spacing: .02em;
    font-family: avenir;
    font-size: 1.4rem;
    color: #fff;
    opacity: .3;
    margin-bottom: 1.2rem
}

.footer__tel {
    display: block;
    text-decoration: none;
    color: #fff;
    letter-spacing: .06em;
    font-size: 1.5rem;
    margin-bottom: 1.6rem
}

@media only screen and (min-width: 1025px) {
    .footer__tel:hover {
        color: #80c11e
    }
}

.footer__logo {
    margin-top: -1.8rem;
    width: 18.8rem;
    height: 6.8rem;
    background: url(../images/logo2.svg) center/100% 100% no-repeat;
    margin-bottom: 1.5rem
}

@media only screen and (max-width: 767px) {
    .footer__logo {
        margin-top: 0
    }
}

.footer__logo a {
    display: block;
    height: 100%
}

.footer__copy {
    margin-bottom: 2.7rem;
    font-size: 1.4rem;
    color: #fff;
    opacity: .3;
    font-family: avenir;
    text-align: center
}

.footer__row {
    margin-bottom: 2.6rem
}

.footer__schedule {
    color: #fff;
    letter-spacing: .06em;
    font-size: 1.5rem;
    line-height: 2.4rem
}

.footer__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 1.6rem 1.5rem;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.header {
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -83.9rem;
    width: 167.8rem;
    background: #fff;
    -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    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;
    border-radius: 0 0 10rem 10rem;
    padding: 2rem 4rem 2rem 5.4rem;
    z-index: 10
}

@media only screen and (max-width: 1200px) {
    .header {
        left: 0;
        margin-left: 0;
        width: 100%;
        border-radius: 0;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 15px;
        padding-right: 0
    }
}

.header__left {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__menu {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5.5rem;
    flex: 0 0 5.5rem;
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f2f9e8;
    cursor: pointer;
    margin-right: 5rem;
    border: 1px solid transparent;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media only screen and (max-width: 1200px) {
    .header__menu {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 7rem;
        flex: 0 0 7rem;
        width: 7rem;
        height: 7rem;
        margin-right: 0
    }
}

@media only screen and (min-width: 1025px) {
    .header__menu:hover {
        border-color: #80c11e;
        background: #fff
    }
}

.header__menu-line {
    width: 2rem;
    height: 2px;
    background: #80c11e;
    -webkit-transition: -webkit-transform .3s ease-in-out;
    transition: -webkit-transform .3s ease-in-out;
    transition: transform .3s ease-in-out;
    transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
    position: relative
}

.header__menu.active .header__menu-line {
    -webkit-transform: scale(0);
    transform: scale(0)
}

.header__menu-line:nth-child(2) {
    margin-top: 3px;
    margin-bottom: 3px
}

.header__menu-close {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -8px;
    margin-top: -8px;
    -webkit-transform: scale(0);
    transform: scale(0);
    fill: #80c11e
}

.header__menu.active .header__menu-close {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.header__nav {
    position: relative
}

@media only screen and (max-width: 1200px) {
    .header__nav {
        display: none
    }
}

.header__nav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.header__nav-list li {
    margin-right: 5rem
}

.header__nav-list li:last-child {
    margin-right: 0
}

.header__nav-list a {
    display: block;
    font-size: 1.5rem;
    letter-spacing: .06em;
    color: #000;
    text-decoration: none;
    padding-top: 2rem;
    padding-bottom: 2rem
}

@media only screen and (min-width: 1025px) {
    .header__nav-list a:hover {
        color: #80c11e
    }
}

.header__logo {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7.7rem;
    margin-top: -2.8rem;
    width: 15.4rem;
    height: 5.6rem;
    background: url(../images/logo.svg) center/100% 100% no-repeat
}

.header__logo a {
    display: block;
    height: 100%
}

.header__right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.header__contacts {
    position: relative;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: -2rem;
    margin-top: -2rem;
    z-index: 3
}

@media only screen and (max-width: 1200px) {
    .header__contacts {
        margin-top: 0;
        margin-bottom: 20px;
        display: block
    }
}

@media only screen and (min-width: 1025px) {
    .header__contacts:hover .header__tel-list {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    .header__contacts:hover .header__tel-current svg {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

.header__tel {
    padding-left: 5rem;
    padding-right: 5rem;
    margin-bottom: .8rem
}

@media only screen and (max-width: 1200px) {
    .header__tel {
        padding-left: 0;
        padding-right: 0
    }
}

.header__tel-current {
    display: block;
    position: relative;
    font-size: 1.5rem;
    letter-spacing: .06em;
    color: #000;
    text-decoration: none;
    padding-right: 2rem;
    margin-right: -2rem
}

@media only screen and (min-width: 1025px) {
    .header__tel-current:hover {
        color: #80c11e
    }
}

.header__tel-current svg {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2px;
    fill: #000
}

@media only screen and (max-width: 1200px) {
    .header__tel-current svg {
        display: none
    }
}

.header__tel-list {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    border-radius: 8px;
    list-style: none;
    z-index: 1;
    padding: 3rem 1rem;
    margin: 0;
    background: #fff;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity: 0;
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw)
}

@media only screen and (max-width: 1200px) {
    .header__tel-list {
        position: relative;
        top: auto;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        background: 0 0;
        padding: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-bottom: 20px
    }
}

.header__tel-list li {
    text-align: center;
    margin-bottom: 3rem
}

@media only screen and (max-width: 1200px) {
    .header__tel-list li {
        margin-bottom: 0;
        margin-top: 20px;
        text-align: left
    }
}

.header__tel-list li:last-child {
    margin-bottom: 0
}

.header__tel-list a {
    display: inline-block;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: .06em;
    color: #000
}

@media only screen and (min-width: 1025px) {
    .header__tel-list a:hover {
        color: #80c11e
    }
}

.header__callback {
    display: inline-block;
    color: #80c11e;
    font-size: 1.3rem;
    letter-spacing: .06em;
    cursor: pointer;
    border-bottom: 1px dashed #80c11e;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    padding-bottom: 3px
}

@media only screen and (min-width: 1025px) {
    .header__callback:hover {
        border-color: transparent
    }
}

.header__lang {
    border-left: 1px solid rgba(24, 43, 38, .1);
    position: relative
}

@media only screen and (max-width: 1200px) {
    .header__lang {
        border-left: 0
    }
}

.header__lang-current {
    width: 8.6rem;
    height: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.2rem;
    letter-spacing: .06em;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media only screen and (max-width: 1200px) {
    .header__lang-current {
        display: none
    }
}

@media only screen and (min-width: 1025px) {
    .header__lang-current:hover {
        color: #80c11e
    }
}

.header__lang-list {
    position: absolute;
    top: calc(100% + 2.6rem);
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    border-radius: 8px;
    overflow: hidden;
    background: #fff;
    list-style: none;
    z-index: 1;
    margin: 0;
    padding: 0;
    opacity: 0;
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw);
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.header__lang.active .header__lang-list {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

@media only screen and (max-width: 1200px) {
    .header__lang-list {
        border: 1px solid rgba(24, 43, 38, .1);
        position: relative;
        top: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        background: 0 0;
        margin-bottom: 20px
    }
}

.header__lang-list li {
    border-bottom: 1px solid rgba(24, 43, 38, .1)
}

@media only screen and (max-width: 1200px) {
    .header__lang-list li {
        border-bottom: 0;
        border-right: 1px solid rgba(24, 43, 38, .1)
    }
}

.header__lang-list li:last-child {
    border-bottom: 0
}

@media only screen and (max-width: 1200px) {
    .header__lang-list li:last-child {
        border-right: 0
    }
}

.header__lang-list a {
    display: block;
    color: rgba(24, 43, 38, .5);
    text-decoration: none;
    padding: 2rem;
    text-align: center;
    font-size: 1.2rem;
    letter-spacing: .06em
}

@media only screen and (min-width: 1025px) {
    .header__lang-list a:hover {
        color: #80c11e
    }
}

.header__lang-list a.active {
    background: rgba(235, 243, 240, .5);
    color: #80c11e
}

@media only screen and (max-width: 1200px) {
    .header__lang-list a.active {
        background: #fff
    }
}

.header__search {
    border-left: 1px solid rgba(24, 43, 38, .1);
    position: relative
}

@media only screen and (max-width: 1200px) {
    .header__search {
        border-left: 0
    }
}

.header__search-btn {
    width: 8.6rem;
    height: 6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    font-size: 1.2rem;
    letter-spacing: .06em;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media only screen and (max-width: 1200px) {
    .header__search-btn {
        display: none
    }
}

@media only screen and (min-width: 1025px) {
    .header__search-btn:hover svg {
        fill: #80c11e
    }
}

.header__search-form {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 40rem;
    padding-right: 2.3rem;
    background: #fff;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw);
    z-index: 3
}

.header__search.active .header__search-form {
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

@media only screen and (max-width: 1200px) {
    .header__search-form {
        position: relative;
        width: 100%;
        opacity: 1;
        -webkit-transform: none;
        transform: none;
        padding-right: 0
    }
}

.header__search-input {
    width: 100%;
    border: 0;
    border-bottom: 1px solid #80c11e;
    height: 100%;
    padding-left: 1.4rem;
    outline: 0;
    font-size: 1.3rem;
    border-radius: 0
}

@media only screen and (max-width: 1200px) {
    .header__search-input {
        height: 50px
    }
}

.header__search-input::-webkit-input-placeholder {
    color: rgba(125, 152, 146, .7)
}

.header__search-input:-ms-input-placeholder {
    color: rgba(125, 152, 146, .7)
}

.header__search-input::-ms-input-placeholder {
    color: rgba(125, 152, 146, .7)
}

.header__search-input::placeholder {
    color: rgba(125, 152, 146, .7)
}

.header__search-formBtn {
    position: absolute;
    top: 0;
    bottom: 1px;
    right: 0;
    width: 8.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    border: 0;
    background: #fff
}

@media only screen and (max-width: 1200px) {
    .header__search-formBtn {
        width: 50px
    }
}

@media only screen and (min-width: 1025px) {
    .header__search-formBtn:hover svg {
        fill: #80c11e
    }
}

.header__basket {
    border-left: 1px solid rgba(24, 43, 38, .1);
    position: relative;
    z-index: 3
}

.header__basket-btn {
    width: 8.6rem;
    height: 6rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer
}

.header__basket-btn.active svg {
    fill: #80c11e
}

@media only screen and (min-width: 1025px) {
    .header__basket-btn:hover svg {
        fill: #80c11e
    }
}

.header__basket-counter {
    position: absolute;
    width: 1.7rem;
    height: 1.7rem;
    font-size: .8rem;
    font-weight: 700;
    color: #fff;
    border-radius: 50%;
    background: #80c11e;
    text-align: center;
    line-height: 1.7rem;
    top: .8rem;
    right: 1.5rem
}

.header__basket-popup {
    position: absolute;
    top: calc(100% + .6rem);
    right: 0;
    background: #fff;
    z-index: 2;
    -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    width: 59.6rem;
    padding-left: 4.2rem;
    padding-right: 4.2rem;
    padding-bottom: 1rem;
    font-family: avenir;
    border-radius: 0 0 7rem 7rem;
    opacity: 0;
    -webkit-transform: translateX(200vw);
    transform: translateX(200vw);
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

@media only screen and (max-width: 767px) {
    .header__basket-popup {
        top: 100%;
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 0;
        border-radius: 0
    }
}

.header__basket-popup.active {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

.header__basket-head {
    padding-top: 2.4rem;
    padding-bottom: 2.4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #efefef
}

.header__basket-title {
    font-size: 2.4rem;
    opacity: .5;
    margin-right: 3rem
}

.header__counter-products {
    opacity: .5
}

.header__basket-list {
    max-height: 39rem;
    margin-right: -3rem
}

.woocommerce .header__basket-list {
    margin-right: 0;
    max-height: none
}

@media only screen and (max-width: 767px) {
    .header__basket-list {
        margin-right: -15px
    }
}

.header__basket-total {
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
    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;
    border-top: 1px solid #efefef
}

.header__basket-totalText {
    opacity: .5;
    margin-right: 2rem
}

.header__basket-totalValue {
    letter-spacing: .04em;
    font-size: 2.2rem;
    font-family: droid
}

.header__checkout-btn {
    border-radius: 0 0 7rem 7rem;
    margin-left: -3.2rem;
    margin-right: -3.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 767px) {
    .header__checkout-btn {
        border-radius: 0;
        margin-left: -20px;
        margin-right: -20px
    }
}

.header__basket-decor {
    position: absolute;
    right: 0;
    bottom: 100%;
    width: 8.7rem;
    height: 7.8rem
}

@media only screen and (max-width: 1200px) {
    .header__basket-decor {
        display: none
    }
}

.home-slider-box {
    position: relative
}

.home-slider__item-inner {
    height: 100vh;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-top: 15rem;
    padding-bottom: 15rem
}

.home-slider__item-inner::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, right top, from(rgba(18, 32, 29, .6)), color-stop(50%, rgba(18, 32, 29, .1)));
    background: linear-gradient(90deg, rgba(18, 32, 29, .6) 0, rgba(18, 32, 29, .1) 50%)
}

.home-slider__counter {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 6.6rem
}

@media only screen and (max-width: 1200px) {
    .home-slider__counter {
        display: none
    }
}

.home-slider__counter-current {
    font-size: 1.8rem;
    color: #fff;
    margin-right: 1.3rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.home-slider__counter-line {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 10rem;
    flex: 0 0 10rem;
    width: 10rem;
    position: relative;
    height: 1px;
    background: rgba(255, 255, 255, .2);
    margin-right: 1.3rem;
    overflow: hidden
}

.slick-current .home-slider__counter-line::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-animation: line 5s linear forwards;
    animation: line 5s linear forwards
}

.home-slider__counter-all {
    font-size: 1.8rem;
    color: #fff;
    margin-right: 1.3rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.home-slider__title {
    color: #fff;
    position: relative;
    font-size: 10rem;
    font-weight: 700;
    margin-bottom: 2rem
}

@media only screen and (max-width: 1200px) {
    .home-slider__title {
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .home-slider__title {
        font-size: 5rem
    }
}

.home-slider__descriptions {
    position: relative;
    font-size: 3.2rem;
    color: #fff;
    letter-spacing: .1em;
    margin-bottom: 8.7rem
}

@media only screen and (max-width: 1200px) {
    .home-slider__descriptions {
        text-align: center
    }
}

@media only screen and (max-width: 767px) {
    .home-slider__descriptions {
        font-size: 2.4rem;
        margin-bottom: 4rem
    }
}

.home-slider__btn {
    position: relative
}

@media only screen and (max-width: 1200px) {
    .home-slider__btn {
        text-align: center
    }
}

.home-slider__triggers {
    position: absolute;
    bottom: 3rem;
    right: 13.5rem;
    border-radius: 8rem;
    border: 1px solid rgba(255, 255, 255, .5);
    border-top: 0
}

@media only screen and (max-width: 1200px) {
    .home-slider__triggers {
        right: 3rem
    }
}

@media only screen and (max-width: 767px) {
    .home-slider__triggers {
        bottom: 6rem;
        right: auto;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.home-slider__triggers-title {
    font-size: 1.2rem;
    text-align: center;
    color: #fff;
    margin-top: -.6rem
}

.home-slider__triggers-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem 2rem 1.5rem
}

.home-slider__triggers-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5.3rem;
    flex: 0 0 5.3rem;
    width: 5.3rem;
    max-width: 5.3rem;
    height: 5.3rem;
    border-radius: 50%;
    background: #fff;
    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;
    padding: 1rem;
    margin-left: .3rem;
    margin-right: .3rem
}

.home-slider__btn-down {
    position: absolute;
    bottom: -.3rem;
    left: 50%;
    margin-left: -39.9rem;
    width: 79.8rem;
    height: 10.7rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 1200px) {
    .home-slider__btn-down {
        display: none
    }
}

@media only screen and (min-width: 1025px) {
    .home-slider__btn-down:hover .home-slider__btn-arrow {
        -webkit-transform: translateY(1rem);
        transform: translateY(1rem)
    }
}

.home-slider__btn-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -3px
}

@-webkit-keyframes line {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes line {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%)
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.info-slider {
    position: relative;
    margin-left: -.6rem;
    margin-right: -.6rem
}

.info-slider .slick-slide {
    margin-left: .6rem;
    margin-right: .6rem;
    padding-bottom: 8rem
}

@media only screen and (max-width: 767px) {
    .info-slider .slick-slide {
        padding-bottom: 10rem
    }
}

.info-slider__item {
    outline: 0
}

.info {
    position: relative
}

.info__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1
}

@media only screen and (max-width: 1200px) {
    .info__container {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.info__bg {
    padding-top: 20rem;
    padding-bottom: 5rem;
    background: #ebf3f0
}

@media only screen and (max-width: 1200px) {
    .info__bg {
        padding-top: 10rem
    }
}

.info__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 54.6rem;
    flex: 0 0 54.6rem;
    max-width: 54.6rem;
    width: 100%;
    margin-right: 15.3rem
}

@media only screen and (max-width: 1200px) {
    .info__img {
        margin-right: 0;
        margin-bottom: 20px
    }
}

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

.info__img img {
    width: 100%
}

.info__box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50rem;
    flex: 0 0 50rem;
    max-width: 50rem;
    width: 100%
}

@media only screen and (max-width: 1200px) {
    .info__box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%
    }
}

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

.info__title {
    margin-bottom: 2.5rem
}

.info__descriptions {
    margin-bottom: 4.2rem
}

.info__list {
    position: relative;
    margin-bottom: 4rem
}

.info__item {
    position: relative;
    padding-left: 5.7rem;
    font-size: 1.8rem;
    line-height: 2.5rem;
    margin-bottom: 3.3rem
}

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

.info__item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: 1px solid #80c11e
}

.info__item::after {
    content: '';
    position: absolute;
    left: 1.3rem;
    top: 1.4rem;
    width: 1.6rem;
    height: .8rem;
    border: 1px solid #80c11e;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    border-top: 0;
    border-right: 0
}

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

.info__triggers-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 21rem;
    flex: 0 0 21rem;
    max-width: 21rem;
    width: 100%;
    padding-right: 1rem
}

.info__triggers-title {
    font-size: 4.2rem;
    font-weight: 700;
    color: #80c11e;
    margin-bottom: 2rem
}

.info__triggers-text {
    line-height: 2.6rem;
    letter-spacing: .02em;
    font-family: avenir
}

.infotmations {
    position: relative
}

.infotmations__title {
    text-align: center;
    font-size: 3.2rem;
    font-weight: 700;
    margin-bottom: 3.7rem
}

.infotmations__title span {
    color: #80c11e
}

.infotmations__text {
    max-width: 117.2rem;
    width: 100%;
    margin: 0 auto;
    height: 13rem
}

.input-row {
    display: block;
    position: relative;
    margin-bottom: 3rem
}

.input-row:last-child {
    margin-bottom: 0
}

.input-label {
    display: block;
    font-family: avenir;
    font-size: 1.4rem;
    color: #6d817c;
    font-weight: 500;
    margin-bottom: 1.2rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.active-input .input-label {
    color: #80c11e
}

.input-label--required::after {
    content: '*';
    display: inline-block;
    color: red
}

.input-style {
    outline: 0;
    width: 100%;
    background: #f6faf8;
    border: 1px solid #e5f0ea;
    border-radius: .8rem;
    height: 6.3rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    font-family: droid, sans-serif;
    font-size: 1.5rem
}

.active-input .input-style {
    border-color: #80c11e
}

.input-style.error {
    border-color: #d82e2e
}

.input-style--icon {
    padding-left: 7rem
}

.input-style::-webkit-input-placeholder {
    color: #7d9892
}

.input-style:-ms-input-placeholder {
    color: #7d9892
}

.input-style::-ms-input-placeholder {
    color: #7d9892
}

.input-style::placeholder {
    color: #7d9892
}

.input-style__icon {
    position: absolute;
    left: 2.4rem;
    bottom: 1.6rem;
    width: 3.2rem;
    height: 3.2rem
}

.input-style__icon svg {
    width: 100%;
    height: 100%
}

.textarea-style {
    outline: 0;
    width: 100%;
    background: #f6faf8;
    border: 1px solid #e5f0ea;
    border-radius: .8rem;
    height: 12rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    padding: 2rem 2.4rem;
    resize: none;
    font-family: droid, sans-serif;
    font-size: 1.5rem
}

.textarea-style::-webkit-input-placeholder {
    color: #7d9892
}

.textarea-style:-ms-input-placeholder {
    color: #7d9892
}

.textarea-style::-ms-input-placeholder {
    color: #7d9892
}

.textarea-style::placeholder {
    color: #7d9892
}

.active-input .textarea-style {
    border-color: #80c11e
}

.textarea-style.error {
    border-color: #d82e2e
}

p.error {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    margin-top: 3px;
    font-size: 1.2rem;
    font-family: avenir;
    color: red
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside > .mCSB_container {
    margin-right: 3rem
}

.map__list .mCSB_inside > .mCSB_container {
    margin-right: 5px
}

.header__basket-list .mCSB_inside > .mCSB_container {
    margin-right: 0
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.map__list .mCSB_scrollTools {
    width: 5px
}

.header__basket-popup .mCSB_scrollTools {
    width: 3px
}

.mCSB_outside + .mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a + .mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 3px;
    height: 100%;
    margin: 0 auto
}

.map__list .mCSB_scrollTools .mCSB_draggerRail {
    width: 5px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 3px;
    height: 100%;
    margin: 0 auto;
    text-align: center
}

.map__list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 5px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonUp {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside > .mCSB_container {
    min-height: 100%
}

.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper > .mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #eaf2ef
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #80c11e
}

.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: .4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active {
    opacity: .9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75);
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==);
    background-repeat: repeat-y;
    opacity: .3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=)
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d-dark.mCSB_scrollTools, .mCS-3d.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    border-radius: 7px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    border-radius: 5px
}

.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical, .mCS-3d-thick.mCSB_scrollTools_vertical {
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal, .mCS-3d-thick.mCSB_scrollTools_horizontal {
    bottom: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, .2);
    box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, .05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, .9)
}

.map {
    margin-bottom: 9rem;
    background: #fff;
    border-radius: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

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

.map__box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 38rem;
    flex: 0 0 38rem;
    width: 38rem
}

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

.map__nav {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid rgba(24, 43, 38, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.map__nav-item {
    width: 100%;
    color: #182b26;
    opacity: .5;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-family: avenir;
    font-weight: 600;
    background: #ebf3f0;
    padding: 2rem;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media only screen and (min-width: 1025px) {
    .map__nav-item:hover {
        color: #80c11e
    }
}

.map__nav-item.active {
    background: #fff;
    opacity: 1
}

.map__holder {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media only screen and (max-width: 767px) {
    .map__holder {
        height: 300px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.map__list {
    height: 60rem
}

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

.map-item {
    border-bottom: 1px solid rgba(24, 43, 38, .1)
}

.map-item__head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2rem 3.4rem 2rem 4rem;
    cursor: pointer
}

.map-item__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 1rem
}

.map-item__logo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 1.3rem
}

.map-item.active .map-item__logo svg {
    fill: #80c11e
}

.map-item__logo svg {
    fill: #80c11e
}

.map-item__title-name {
    font-size: 2rem;
    font-family: avenir;
    font-weight: 500;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.map-item.active .map-item__title-name {
    color: #80c11e
}

.map-item__btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 3.2rem;
    flex: 0 0 3.2rem;
    width: 3.2rem;
    height: 3.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border: 1px solid transparent;
    background: rgba(128, 193, 30, .1);
    border-radius: 50%
}

.map-item.active .map-item__btn {
    border-color: #80c11e;
    background: #fff
}

.map-item.active .map-item__btn svg {
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1)
}

.map-item__body {
    padding: 0 4rem 2.7rem;
    display: none
}

.map-item.active .map-item__body {
    display: block
}

.map-item__cell {
    margin-bottom: 2.4rem
}

.map-item__cell:last-child {
    margin-bottom: 0
}

.map-item__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin-bottom: 1rem
}

.map-item__row-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 1rem;
    font-size: 1.4rem;
    color: rgba(24, 43, 38, .5)
}

.map-item__row-title svg {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 1rem;
    fill: #bdcfcb
}

.map-item__value {
    font-style: normal;
    text-decoration: none;
    color: #182b26;
    letter-spacing: .02em;
    font-family: avenir;
    line-height: 2.4rem;
    font-weight: 500
}

@media only screen and (min-width: 1025px) {
    a.map-item__value:hover {
        color: #80c11e
    }
}

.show-in-map {
    font-size: 1.3rem;
    color: #80c11e;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

@media only screen and (min-width: 1025px) {
    .show-in-map:hover span {
        border-color: transparent
    }
}

.show-in-map svg {
    fill: #80c11e;
    margin-left: 1rem
}

.show-in-map span {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-bottom: 1px dashed #80c11e
}

.gm-style .gm-style-iw-c {
    padding: 0 !important
}

.gm-style .gm-style-iw-d {
    width: 28.6rem !important;
    max-width: 28.6rem !important;
    overflow: hidden !important
}

.gm-style .gm-style-iw-d > div {
    width: 28.6rem !important
}

.map-popup {
    padding: 2rem 3rem;
    width: 28.6rem !important;
    font-family: avenir
}

.map-popup__title {
    margin-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: 500
}

.map-popup__name {
    letter-spacing: .02em;
    font-size: 1.2rem;
    line-height: 1.6rem;
    margin-bottom: 1.2rem
}

.map-popup__btn {
    font-size: 1.3rem;
    cursor: pointer;
    color: #80c11e;
    display: inline-block;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    font-weight: 500
}

@media only screen and (max-width: 1200px) {
    .map-popup__btn {
        display: none
    }
}

@media only screen and (min-width: 1025px) {
    .map-popup__btn:hover {
        text-decoration: underline
    }
}

.menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    min-height: 68rem;
    background: #ebf3f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 19rem 0 5rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 9
}

.menu.active {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@media only screen and (max-width: 1200px) {
    .menu {
        min-height: auto;
        bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.menu__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 144rem;
    width: 100%
}

@media only screen and (max-width: 1200px) {
    .menu__container {
        display: block;
        max-width: 100%;
        padding: 13rem 20px 30px;
        height: 100%;
        overflow-y: auto
    }
}

.menu__nav {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 44rem;
    flex: 0 0 44rem;
    max-width: 44rem;
    width: 100%;
    border-right: 1px solid rgba(0, 0, 0, .05)
}

@media only screen and (max-width: 1200px) {
    .menu__nav {
        border-right: 0;
        max-width: 100%;
        margin-bottom: 20px
    }
}

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

.menu__nav-list li {
    margin-bottom: 2.6rem
}

.menu__nav-list li:last-child {
    margin-bottom: 0
}

.menu__nav-list a {
    font-family: avenir;
    font-size: 2.4rem;
    line-height: 140%;
    color: #000;
    text-decoration: none;
    display: inline-block;
    position: relative
}

@media only screen and (max-width: 1200px) {
    .menu__nav-list a {
        font-weight: 500
    }
}

@media only screen and (min-width: 1025px) {
    .menu__nav-list a:hover {
        color: #80c11e
    }

    .menu__nav-list a:hover::before {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.menu__nav-list a.active {
    color: #80c11e
}

.menu__nav-list a.active::before {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.menu__nav-list a::before {
    content: '';
    position: absolute;
    width: 4.5rem;
    height: 1px;
    background: #80c11e;
    left: 0;
    bottom: 0;
    opacity: 0;
    -webkit-transform: translateX(-3rem);
    transform: translateX(-3rem);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.menu__research {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-left: 8.4rem
}

@media only screen and (max-width: 1200px) {
    .menu__research {
        display: none
    }
}

.menu__research-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 5rem;
    margin-left: -3rem
}

.menu__research-titleTop {
    font-size: 22px;
    color: #182b26;
    opacity: .5;
    font-family: avenir;
    margin-bottom: 3rem
}

.menu__research-item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(25% - 3rem);
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(25% - 3rem);
    max-width: calc(25% - 3rem);
    width: 100%;
    margin-left: 3rem;
    font-family: avenir
}

.menu__research-img {
    display: block;
    overflow: hidden;
    border-radius: 1rem 1rem 0 0;
    position: relative;
    margin-bottom: 1.7rem
}

.menu__research-date {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    font-size: 1.1rem;
    background: #182b26;
    padding: .8rem 1.8rem .6rem 1.1rem;
    border-radius: 0 3rem 0 0;
    font-family: avenir
}

.news .menu__research-date {
    font-size: 1.2rem;
    padding: 1.6rem 3.3rem
}

.menu__research-section {
    text-transform: uppercase;
    color: rgba(24, 43, 38, .5);
    font-size: 1.1rem;
    margin-bottom: 1.3rem
}

.menu__research-title {
    text-decoration: none;
    display: block;
    font-size: 1.6rem;
    line-height: 2.5rem;
    height: 5rem;
    overflow: hidden;
    color: #000;
    overflow: hidden
}

.menu__research-all {
    width: 100%
}

.news-page {
    position: relative;
    margin-bottom: 8rem
}

.news-page__nav.tabs-style {
    margin-bottom: 4.4rem
}

.news-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1.3rem;
    margin-bottom: 2rem
}

.news-list + .paginations {
    padding-bottom: 4rem
}

.news {
    position: relative;
    -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-radius: 0 0 1rem 1rem
}

.news-list .news {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(33.333% - 1.3rem);
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(33.333% - 1.3rem);
    max-width: calc(33.333% - 1.3rem);
    width: 100%;
    margin-left: 1.3rem;
    margin-bottom: 6rem
}

@media only screen and (max-width: 767px) {
    .news-list .news {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 1.3rem);
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(100% - 1.3rem);
        max-width: calc(100% - 1.3rem)
    }
}

@media only screen and (min-width: 1025px) {
    .news:hover {
        -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, .15);
        box-shadow: 0 20px 40px rgba(0, 0, 0, .15)
    }
}

.info-slider .news {
    -webkit-box-shadow: none;
    box-shadow: none
}

.news__label {
    position: absolute;
    right: 1rem;
    top: 1rem;
    text-decoration: none;
    color: #000;
    font-size: 1.2rem;
    font-family: avenir;
    background: #fff;
    padding: 1rem 4rem;
    border-radius: 0 3rem 0 3rem;
    z-index: 1
}

@media only screen and (min-width: 1025px) {
    .news__label:hover {
        color: #80c11e
    }
}

.news__img {
    display: block;
    position: relative;
    border-radius: 1rem 1rem 0 0;
    overflow: hidden;
    outline: 0
}

.news__bottom {
    padding: 3rem 3rem 4rem;
    position: relative;
    background: #fff;
    border-radius: 0 0 1rem 1rem
}

.news__title {
    display: block;
    letter-spacing: .04em;
    font-size: 2rem;
    line-height: 2.8rem;
    height: 5.6rem;
    overflow: hidden;
    color: #000;
    text-decoration: none;
    outline: 0
}

@media only screen and (min-width: 1025px) {
    .news__title:hover {
        color: #80c11e
    }
}

.news__btn-box {
    position: absolute;
    bottom: -3rem;
    right: .5rem;
    padding: 0 2.2rem .9rem
}

.news__btn-decor {
    position: absolute;
    bottom: 1px;
    right: 0;
    width: 10.2rem;
    height: 3rem
}

.news__btn {
    position: relative;
    width: 5.8rem;
    height: 5.8rem;
    border: 1px solid rgba(24, 43, 38, .1);
    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;
    border-radius: 50%;
    outline: 0
}

@media only screen and (min-width: 1025px) {
    .news__btn:hover {
        background: #80c11e;
        border-color: #80c11e
    }

    .news__btn:hover svg {
        fill: #fff
    }
}

.news__btn svg {
    fill: #000
}

.order-success {
    position: relative;
    text-align: center;
    padding-bottom: 16rem
}

@media only screen and (max-width: 767px) {
    .order-success {
        padding-bottom: 6rem
    }
}

.order-success__img {
    margin-bottom: 3.7rem
}

.order-success__title {
    font-weight: 700;
    font-size: 4.2rem;
    line-height: 5.9rem;
    max-width: 46rem;
    width: 100%;
    margin: 0 auto 1.7rem
}

.order-success__descriptions {
    letter-spacing: .02em;
    font-family: avenir;
    margin-bottom: 3.4rem
}

.our-production {
    position: relative
}

@media only screen and (max-width: 767px) {
    .our-production {
        background: #ebf3f0;
        padding-top: 30px
    }
}

.our-production__inner {
    position: relative;
    padding-bottom: 13.8rem;
    z-index: 1
}

.our-production__title {
    text-align: center;
    margin-bottom: 9rem
}

@media only screen and (max-width: 1200px) {
    .our-production__title {
        margin-bottom: 4rem
    }
}

.our-production__slider {
    max-width: 115rem;
    width: 100%;
    margin: 0 auto 13.8rem
}

.our-production__item {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (max-width: 1200px) {
    .our-production__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.our-production__item-img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 54.6rem;
    flex: 0 0 54.6rem;
    max-width: 54.6rem;
    width: 100%;
    margin-right: 7rem;
    border-radius: 50%;
    overflow: hidden
}

@media only screen and (max-width: 1200px) {
    .our-production__item-img {
        margin-right: 0;
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 767px) {
    .our-production__item-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.our-production__item-box {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media only screen and (max-width: 1200px) {
    .our-production__item-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%
    }
}

@media only screen and (max-width: 767px) {
    .our-production__item-box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.our-production__item-title {
    margin-bottom: 1.6rem;
    font-family: avenir;
    font-weight: 500;
    line-height: 4.5rem;
    font-size: 3.2rem
}

.our-production__item-descriptions {
    margin-bottom: 5.3rem;
    max-height: 29.3rem
}

.our-production__controls {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    border-radius: 0 7rem 0 7rem
}

.our-production__item-price {
    padding-left: 6.4rem;
    padding-right: 4.3rem;
    color: #80c11e;
    letter-spacing: .04em;
    font-size: 2rem
}

.our-production__btn {
    padding-left: 6.5rem;
    padding-right: 6.5rem
}

.our-production__stock {
    position: relative;
    margin-bottom: 5rem;
    border-radius: 1rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
    padding: 5.7rem 3.5rem 4rem
}

.our-production__stock::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(24, 43, 38, .9)
}

.our-production__stock::after {
    content: '';
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    bottom: 1.5rem;
    right: 1.5rem;
    border-radius: 1rem;
    border: 2px solid #80c11e;
    opacity: .7
}

.our-production__stock-label {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -10.6rem;
    width: 21.3rem;
    height: 3.4rem;
    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;
    z-index: 1
}

.our-production__stock-decor {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 21.3rem;
    height: 3.4rem
}

.our-production__stock-icon {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 1rem
}

.our-production__stock-icon svg {
    width: 1.8rem;
    height: 2.2rem
}

.our-production__stock-text {
    letter-spacing: .02em;
    font-family: avenir;
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 700;
    position: relative
}

.our-production__stock-title {
    position: relative;
    text-align: center;
    font-family: avenir;
    font-size: 2.4rem;
    line-height: 3.4rem;
    color: #fff;
    margin-bottom: 1rem
}

.our-production__stock-title span {
    color: #80c11e
}

.our-production__stock-descriptions {
    position: relative;
    margin-bottom: 1.5rem;
    color: #fff
}

.our-production__stock-descriptions.text-content {
    text-align: center
}

.our-production__stock-btn {
    position: relative;
    text-align: center;
    z-index: 1
}

.our-team {
    position: relative;
    background: #ebf3f0;
    padding-top: 14rem;
    padding-bottom: 14rem
}

@media only screen and (max-width: 1200px) {
    .our-team {
        padding-top: 6rem;
        padding-bottom: 6rem
    }
}

.our-team::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 14rem;
    background: url(../images/decor.png) center top/cover no-repeat;
    z-index: 1
}

.our-team::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 14rem;
    background: url(../images/decor.png) center top/cover no-repeat;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    z-index: 1
}

.our-team__inner {
    padding-top: 10rem;
    padding-bottom: 14.5rem
}

.our-team__inner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 2.5rem;
    width: 36.7rem;
    bottom: 0;
    background: url(../images/decor2.png) center top/100% repeat-y;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media only screen and (max-width: 1200px) {
    .our-team__inner::before {
        display: none
    }
}

.our-team__inner::after {
    content: '';
    position: absolute;
    top: 0;
    right: 2.5rem;
    width: 36.7rem;
    bottom: 0;
    background: url(../images/decor2.png) center top/100% repeat-y
}

@media only screen and (max-width: 1200px) {
    .our-team__inner::after {
        display: none
    }
}

.our-team__title {
    font-size: 4.2rem;
    margin-bottom: 4rem;
    padding-right: 18rem;
    font-weight: 700;
    z-index: 1
}

.our-team__slider {
    margin-left: -.6em;
    margin-right: -.6rem;
    z-index: 1
}

.our-team__slider .slick-slide {
    margin-left: .6em;
    margin-right: .6rem
}

.our-team__item {
    position: relative;
    background: #fff;
    border-radius: 1rem;
    overflow: hidden
}

@media only screen and (min-width: 1025px) {
    .our-team__item:hover .our-team__item-info {
        -webkit-transform: translateY(calc(-100% + 9rem));
        transform: translateY(calc(-100% + 9rem))
    }
}

.our-team__item-bottom {
    position: relative;
    height: 9rem
}

@media only screen and (max-width: 1440px) {
    .our-team__item-bottom {
        height: 8rem
    }
}

.our-team__item-info {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    padding: 2.4rem 1.5rem 2rem;
    background: #fff;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media only screen and (max-width: 1200px) {
    .our-team__item-info {
        -webkit-transform: translateY(calc(-100% + 8rem));
        transform: translateY(calc(-100% + 8rem))
    }
}

.our-team__item-name {
    letter-spacing: .04em;
    font-size: 1.6rem;
    margin-bottom: 1.2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.our-team__item-position {
    letter-spacing: .06em;
    font-size: 1.4rem;
    font-weight: 500;
    font-family: avenir;
    margin-bottom: 2rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.our-team__item-contacts {
    position: relative
}

.our-team__item-contact {
    text-decoration: none;
    color: #000;
    letter-spacing: .02em;
    font-weight: 500;
    font-family: avenir;
    line-height: 2.4rem
}

@media only screen and (min-width: 1025px) {
    .our-team__item-contact:hover {
        color: #80c11e
    }
}

.paginations {
    list-style: none;
    margin: 0;
    padding: 4rem 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.paginations li {
    margin-left: .8rem;
    margin-right: .8rem
}

.paginations li:first-child() {
    margin-right: 7rem
}

@media only screen and (max-width: 767px) {
    .paginations li:first-child() {
        margin-right: 1rem
    }

    .paginations li:first-child() a svg {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.paginations li:last-child() {
    margin-left: 7rem
}

@media only screen and (max-width: 767px) {
    .paginations li:last-child() {
        margin-left: 1rem
    }

    .paginations li:last-child() a svg {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}

.paginations a {
    display: block;
    text-decoration: none;
    width: 5.8rem;
    height: 5.8rem;
    line-height: 5.8rem;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    letter-spacing: .04em;
    color: #000
}

@media only screen and (max-width: 767px) {
    .paginations a {
        width: 4.5rem;
        height: 4.5rem;
        line-height: 4.8rem
    }
}

.paginations a.disabled {
    background: #e5e5e5;
    pointer-events: none
}

@media only screen and (min-width: 1025px) {
    .paginations a:hover {
        background: #80c11e;
        color: #fff
    }

    .paginations a:hover svg {
        fill: #fff
    }
}

.paginations span {
    display: block;
    text-align: center;
    line-height: 5.8rem;
    letter-spacing: .04em;
    height: 5.8rem
}

@media only screen and (max-width: 767px) {
    .paginations span {
        height: 4.5rem;
        line-height: 4.5rem
    }
}

.paginations__current {
    display: block;
    text-decoration: none;
    width: 5.8rem;
    height: 5.8rem;
    line-height: 5.8rem;
    text-align: center;
    border-radius: 50%;
    background: #80c11e;
    letter-spacing: .04em;
    color: #fff
}

@media only screen and (max-width: 767px) {
    .paginations__current {
        width: 4.5rem
    }
}

.popup {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    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;
    z-index: 11;
    -webkit-transform: translateX(100vw);
    transform: translateX(100vw);
    opacity: 0;
    -webkit-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out
}

.popup.active {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.popup__overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, .6)
}

.popup__box {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.4rem;
    flex: 0 0 58.4rem;
    max-width: 58.4rem;
    width: 100%;
    background: #fff;
    border-radius: .8rem
}

.popup--callback .popup__box {
    padding: 7rem
}

@media only screen and (max-width: 767px) {
    .popup--callback .popup__box {
        padding: 7rem 3rem
    }
}

.popup--callback-success .popup__box, .popup--review-success .popup__box {
    padding: 10rem
}

@media only screen and (max-width: 767px) {
    .popup--callback-success .popup__box, .popup--review-success .popup__box {
        padding: 7rem 3rem
    }
}

.popup--review .popup__box {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80rem;
    flex: 0 0 80rem;
    max-width: 80rem;
    padding: 5.8rem 6.6rem 5rem
}

@media only screen and (max-width: 767px) {
    .popup--review .popup__box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 5.8rem 3rem
    }
}

@media only screen and (max-width: 767px) {
    .popup__box {
        height: 100%;
        border-radius: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        overflow-y: auto
    }
}

.popup__close {
    cursor: pointer;
    border-radius: 50%;
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 5.6rem;
    height: 5.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: rgba(128, 193, 30, .1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media only screen and (min-width: 1025px) {
    .popup__close:hover {
        background: #80c11e
    }

    .popup__close:hover svg {
        fill: #fff
    }
}

.popup__close svg {
    fill: #80c11e
}

.popup__title {
    text-align: center;
    font-family: avenir;
    font-size: 3.2rem;
    margin-bottom: 3rem;
    font-weight: 500
}

.popup__form {
    position: relative
}

.popup__form-list {
    margin-bottom: 5rem
}

.popup__form-btn {
    text-align: center
}

.popup__icon {
    margin-bottom: 3rem;
    text-align: center
}

.popup__sub-title {
    text-align: center;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 3.4rem;
    font-family: avenir;
    max-width: 26rem;
    width: 100%;
    margin: 0 auto 1.5rem
}

.popup__descriptions {
    text-align: center;
    letter-spacing: .02em;
    line-height: 2.6rem
}

.popup-review {
    text-align: center
}

.popup-review__text {
    height: 25.2rem
}

.popup-review .review-slider__item-ava {
    margin: 0 auto 2.5rem
}

.popup-review .rate {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 1.3rem
}

.popup-review .review-slider__item-position {
    margin-bottom: 1rem
}

.popup-review .review-slider__item-body {
    text-align: left
}

.popup-review .review-slider__item-body {
    height: auto
}

.preloader {
    position: fixed;
    z-index: 100;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 1;
    background: #fff
}

.preloader.hide {
    opacity: 0;
    visibility: hidden
}

.product-list {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -1rem
}

@media only screen and (max-width: 767px) {
    .product-list {
        margin-left: 0
    }
}

.product-list-btn {
    text-align: center;
    padding-bottom: 11rem
}

@media only screen and (max-width: 767px) {
    .product-list-btn {
        padding-bottom: 6rem
    }
}

.product-list-btn--padding0 {
    padding-bottom: 0
}

.product {
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(25% - 1rem);
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(25% - 1rem);
    max-width: calc(25% - 1rem);
    margin-left: 1rem;
    margin-bottom: 8.7rem;
    background: #fff;
    outline: 0;
    border-radius: 1rem;
    -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    padding: 1rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media only screen and (max-width: 1200px) {
    .product {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.333% - 1rem);
        flex-grow: 0;
        flex-shrink: 0;
        flex-basis: calc(33.333% - 1rem);
        max-width: calc(33.333% - 1rem);
        margin-bottom: 6rem
    }
}

@media only screen and (max-width: 767px) {
    .product {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0
    }
}

@media only screen and (min-width: 1025px) {
    .product:hover {
        -webkit-box-shadow: 0 20px 40px rgba(0, 0, 0, .15);
        box-shadow: 0 20px 40px rgba(0, 0, 0, .15)
    }
}

.product__img {
    text-decoration: none;
    position: relative;
    display: block;
    border-radius: 1rem 1rem 0 0;
    overflow: hidden;
    text-align: center
}

.product__img > img {
    width: 100%
}

@media only screen and (max-width: 1200px) {
    .product__img > img {
        width: auto
    }
}

.product__label-box {
    position: absolute;
    top: 1rem;
    left: 1rem
}

.discount-slider .product__label-box {
    position: relative;
    top: auto;
    left: auto;
    margin-bottom: 2.6rem
}

.product__label {
    position: relative;
    background: #fff;
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    box-shadow: 0 10px 20px rgba(0, 0, 0, .1);
    border-radius: 4rem;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media only screen and (min-width: 1025px) {
    .product__label:hover .product__label-text {
        display: block
    }
}

.product__label-row {
    margin-bottom: .7rem
}

.product__label-row:last-child {
    margin-bottom: 0
}

.product__label-icon {
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    background: #fff;
    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;
    padding: .6rem
}

.product__label-text {
    font-weight: 500;
    letter-spacing: .02em;
    font-family: avenir;
    font-size: 1.2rem;
    padding-right: 1.8rem;
    display: none
}

@media only screen and (max-width: 767px) {
    .product__label-text {
        display: block
    }
}

.discount-slider .product__label-text {
    display: block
}

.product__label--discount .product__label-text {
    color: #d82e2e
}

.product__label--top .product__label-text {
    color: #d8942e
}

.product__label--gift .product__label-text {
    color: #80c11e
}

.card__label-box .product__label-text {
    display: block;
    padding-right: 0
}

.product__bottom {
    padding-top: 2.4rem
}

.product__title {
    display: block;
    text-decoration: none;
    font-family: avenir;
    line-height: 2.6rem;
    text-align: center;
    height: 5.2rem;
    overflow: hidden;
    margin-bottom: .9rem;
    color: #000
}

@media only screen and (min-width: 1025px) {
    .product__title:hover {
        color: #80c11e
    }
}

.product__price-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 2rem
}

.product__price {
    font-size: 1.8rem;
    letter-spacing: .04em
}

.product__price--new {
    color: #d82e2e;
    margin-right: 2rem
}

.product__price--old {
    opacity: .3;
    font-size: 1.6rem
}

.product__btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.product__btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 5.8rem;
    flex: 0 0 5.8rem;
    width: 5.8rem;
    height: 5.8rem;
    background: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border: 1px solid rgba(24, 43, 38, .1);
    cursor: pointer;
    margin-bottom: -3.6rem;
    position: relative
}

.product__btn.active {
    background: #80c11e;
    border-color: #80c11e
}

.product__btn.active svg {
    fill: #fff
}

@media only screen and (min-width: 1025px) {
    .product__btn:hover {
        background: #80c11e;
        border-color: #80c11e
    }

    .product__btn:hover svg {
        fill: #fff
    }
}

.product__btn svg {
    fill: rgba(24, 43, 38, .3)
}

.product__btn-decor {
    position: absolute;
    bottom: -3.6rem;
    left: 50%;
    width: 16.3rem;
    height: 3.6rem;
    margin-left: -8.2rem
}

.quantity {
    position: relative;
    width: 11rem;
    height: 4rem;
    background: #ebf3f0;
    border-radius: 3rem;
    padding: .7rem;
    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
}

.quantity__btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 2.6rem;
    flex: 0 0 2.6rem;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background: #fff;
    position: relative
}

.quantity__btn::before {
    content: '';
    position: absolute;
    background: #80c11e;
    width: 1rem;
    height: 2px;
    left: 50%;
    top: 50%;
    margin-left: -.5rem;
    margin-top: -1px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.quantity__btn--plus::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2px;
    height: 1rem;
    margin-left: -1px;
    margin-top: -.5rem;
    background: #80c11e;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media only screen and (min-width: 1025px) {
    .quantity__btn:hover {
        background: #80c11e
    }

    .quantity__btn:hover::after, .quantity__btn:hover::before {
        background: #fff
    }
}

.quantity__input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 100%;
    outline: 0;
    border: 0;
    background: 0 0;
    font-size: 1.6rem;
    font-weight: 700;
    font-family: avenir;
    color: #000;
    text-align: center;
    padding-left: .6rem;
    padding-right: .6rem
}

.rate[data-rate="0"] .rate__item, .rate[data-rate="1"] .rate__item:nth-child(n+2), .rate[data-rate="2"] .rate__item:nth-child(n+3), .rate[data-rate="3"] .rate__item:nth-child(n+4), .rate[data-rate="4"] .rate__item:nth-child(n+5), .rate[data-rate="5"] .rate__item:nth-child(n+6) {
    fill: #e0e0e0
}

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

.rate__item {
    margin-right: .5rem;
    fill: #d8942e;
    width: 1.9rem;
    height: 1.8rem
}

.rate__item svg {
    width: 100%;
    height: 100%
}

.rate__item:last-child {
    margin-right: 0
}

.rate--click .rate__item {
    cursor: pointer
}

.ration {
    position: relative;
    padding-top: 15.5rem;
    padding-bottom: 5rem
}

@media only screen and (max-width: 767px) {
    .ration {
        padding-top: 6rem
    }
}

.ration__title {
    text-align: center;
    max-width: 64rem;
    width: 100%;
    margin: 0 auto 5.4rem
}

.ration__tabs {
    margin-bottom: 7rem
}

@media only screen and (max-width: 767px) {
    .ration__tabs {
        margin-bottom: 4rem
    }
}

.ration__options {
    position: relative
}

.ration__tab-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media only screen and (max-width: 1200px) {
    .ration__tab-inner {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.ration__img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 72.2rem;
    flex: 0 0 72.2rem;
    margin-right: 10rem;
    position: relative;
    padding-left: 2.2rem;
    padding-bottom: 2.2rem
}

@media only screen and (max-width: 1200px) {
    .ration__img {
        margin-right: 0;
        margin-bottom: 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
        flex: 0 0 60%
    }
}

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

.ration__img::before {
    content: '';
    position: absolute;
    border-radius: 1.5rem 20rem 0 20rem;
    background: #ebf3f0;
    left: 0;
    bottom: 0;
    top: 2.2rem;
    right: 2.2rem
}

@media only screen and (max-width: 767px) {
    .ration__img::before {
        border-radius: 1.5rem 13rem 0 13rem
    }
}

.ration__img-inner {
    position: relative;
    border-radius: 1.5rem 20rem 0 20rem;
    overflow: hidden
}

@media only screen and (max-width: 767px) {
    .ration__img-inner {
        border-radius: 1.5rem 13rem 0 13rem
    }
}

.ration__img-inner img {
    width: 100%
}

.ration__info {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media only screen and (max-width: 1200px) {
    .ration__info {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 60%;
        flex: 0 1 60%;
        max-width: 60%
    }
}

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

.ration__tab-title {
    font-family: avenir;
    font-size: 3.2rem;
    line-height: 4.5rem;
    margin-bottom: 2rem;
    font-weight: 500
}

.ration__tab-text {
    margin-bottom: 4.8rem
}

.ration__tab-btn {
    position: relative
}

.review-slider-box {
    padding-top: 9rem;
    position: relative;
    max-width: 67rem;
    width: 100%;
    margin: 0 auto 29rem
}

@media only screen and (max-width: 767px) {
    .review-slider-box {
        padding-top: 4rem;
        margin-bottom: 16rem
    }
}

.review-slider {
    margin-right: -10rem;
    margin-left: -10rem
}

@media only screen and (max-width: 767px) {
    .review-slider {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

.review-slider .slick-slide {
    margin-right: 10rem;
    margin-left: 10rem
}

@media only screen and (max-width: 767px) {
    .review-slider .slick-slide {
        margin-right: 1rem;
        margin-left: 1rem
    }
}

.review-slider__title {
    text-align: center;
    margin-bottom: 8rem
}

.review-slider__item {
    background: #ebf3f0;
    border-radius: 1rem 15rem;
    padding: 5rem 7rem 3rem
}

@media only screen and (max-width: 767px) {
    .review-slider__item {
        border-radius: 1.5rem 6rem;
        padding: 20px
    }
}

.review-slider__item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 1.8rem
}

.review-slider__item-ava {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 9.1rem;
    flex: 0 0 9.1rem;
    width: 9.1rem;
    height: 9.1rem;
    border-radius: 50%;
    overflow: hidden;
    padding: .3rem;
    border: 2px solid #80c11e;
    margin-right: 2rem;
    position: relative
}

.review-slider__item-ava img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.review-slider__item-ava::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 50%;
    border: 3px solid #ebf3f0
}

.review-slider__item-holder {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    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
}

.review-slider__item-left {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding-right: 1rem
}

.review-slider__item-name {
    font-size: 1.8rem;
    letter-spacing: .04em;
    margin-bottom: 1rem
}

.review-slider__item-position {
    letter-spacing: .06em;
    font-size: 1.4rem;
    font-family: avenir
}

.review-slider__item-right {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.review-slider__item-date {
    font-family: avenir;
    opacity: .5;
    font-size: 1.2rem;
    margin-bottom: 1rem
}

.review-slider__rate {
    position: relative
}

.review-slider__item-body {
    height: 15.6rem;
    overflow: hidden;
    margin-bottom: 1.9rem
}

.review-slider__item-body--page {
    height: auto;
    margin-bottom: 0
}

.review-slider__item-btn {
    text-align: right
}

.review {
    position: relative;
    overflow: hidden;
    padding-bottom: 15rem
}

@media only screen and (max-width: 1200px) {
    .review {
        padding-bottom: 10rem
    }
}

.review__list-box {
    float: left;
    width: 91rem
}

@media only screen and (max-width: 1200px) {
    .review__list-box {
        float: none;
        width: 100%;
        margin-bottom: 40px
    }
}

.review__list {
    margin-bottom: 5rem
}

.review__item {
    background: #fff;
    border-radius: 1rem;
    margin-bottom: 2rem;
    position: relative;
    padding: 5rem 5rem 6rem 7rem
}

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

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

.review__form-box {
    float: right;
    width: 47rem
}

@media only screen and (max-width: 1200px) {
    .review__form-box {
        width: 60%;
        float: none;
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .review__form-box {
        width: 100%
    }
}

.review__form {
    background: #fff;
    border-radius: 1rem;
    padding: 4rem 4.3rem 3.5rem
}

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

.review__form-title {
    font-size: 2.4rem;
    font-family: avenir;
    font-weight: 500;
    margin-bottom: 1.5rem;
    text-align: center
}

.review__form-descriptions {
    letter-spacing: .02em;
    font-family: avenir;
    opacity: .5;
    padding-bottom: 3rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid #e5e5e5;
    text-align: center
}

.review__rowRate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4rem
}

.review__rowRate-title {
    font-size: 1.4rem;
    color: #6d817c;
    font-weight: 500;
    font-family: avenir;
    margin-right: 1rem
}

.review__rowRate-title span {
    color: #d82e2e
}

.review__rowRate-stars {
    position: relative
}

.review__form-avaBox {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 4rem
}

.review__form-avaHolder {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 2rem;
    position: relative
}

@media only screen and (min-width: 1025px) {
    .review__form-avaHolder:hover .review__form-avaRemove {
        opacity: 1
    }
}

.review__form-ava {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    overflow: hidden;
    border: 4px solid #fff;
    -webkit-box-shadow: 0 0 0 2px #eaedeb;
    box-shadow: 0 0 0 2px #eaedeb
}

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

.review__form-avaRemove {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1rem;
    margin-top: -1rem;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: red;
    display: none;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer
}

.review__form-avaRemove.active {
    display: block
}

.review__form-avaRemove::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1rem;
    height: 2px;
    background: #fff;
    margin-left: -.5rem;
    margin-top: -1px
}

.review__form-avaInfo {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.review__ava-descriptions {
    color: #6d817c;
    font-size: 1.2rem;
    font-weight: 500;
    font-family: avenir;
    margin-top: 2rem
}

.review__ava-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: .8rem;
    border: 1px solid #e5f0ea;
    padding: 1.2rem 3rem;
    cursor: pointer;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media only screen and (min-width: 1025px) {
    .review__ava-btn:hover {
        border-color: #80c11e
    }
}

.review__ava-btnText {
    letter-spacing: .06em;
    font-size: 1.5rem;
    margin-left: 1rem
}

.file-input {
    display: none
}

.search {
    position: relative
}

.search__form {
    width: 68rem;
    margin: 0 auto 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #80c11e;
    border-radius: 0 10rem 0 10rem;
    -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    position: relative;
    overflow: hidden;
    background: #fff
}

@media only screen and (max-width: 767px) {
    .search__form {
        width: 100%
    }
}

.search__input {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    height: 5.8rem;
    border: 0;
    outline: 0;
    padding-left: 6.4rem;
    padding-right: 2rem;
    font-size: 1.5rem;
    letter-spacing: .06em;
    background: 0 0
}

@media only screen and (max-width: 767px) {
    .search__input {
        padding-left: 3.4rem
    }
}

.search__input::-webkit-input-placeholder {
    color: #182b26
}

.search__input:-ms-input-placeholder {
    color: #182b26
}

.search__input::-ms-input-placeholder {
    color: #182b26
}

.search__input::placeholder {
    color: #182b26
}

.search__form-btn {
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    border-radius: 0 10rem 0 10rem;
    background: #80c11e;
    padding: 2rem 5rem;
    cursor: pointer;
    border: 1px solid #80c11e;
    margin-top: -1px;
    margin-right: -1px;
    margin-bottom: -1px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

@media only screen and (min-width: 1025px) {
    .search__form-btn:hover {
        background: #fff
    }

    .search__form-btn:hover svg {
        fill: #80c11e
    }
}

.search__form-btn svg {
    fill: #fff
}

.search__result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: avenir;
    color: rgba(24, 43, 38, .5);
    font-size: 1.4rem;
    margin-bottom: 6rem
}

.search__result-value {
    letter-spacing: .02em;
    color: #182b26;
    font-size: 1.5rem;
    font-weight: 500;
    margin-left: 1rem
}

.search__img {
    width: 16.4rem;
    height: 16.4rem;
    background: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto 3rem
}

.search__not-result {
    max-width: 48rem;
    width: 100%;
    margin: 0 auto;
    font-family: avenir;
    font-size: 2.4rem;
    line-height: 3.4rem;
    font-weight: 500;
    text-align: center;
    padding-bottom: 11rem
}

.slick-arrow {
    position: absolute;
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    box-shadow: 0 8px 30px rgba(0, 0, 0, .1);
    z-index: 1;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    background: #fff;
    border: 2px solid transparent;
    cursor: pointer;
    padding: 0
}

@media only screen and (min-width: 1025px) {
    .slick-arrow:hover {
        border-color: #80c11e
    }

    .slick-arrow:hover svg {
        fill: #80c11e
    }
}

.review-slider .slick-arrow {
    top: 50%;
    margin-top: -3.5rem
}

.review-slider .slick-arrow.slick-prev {
    left: -3.5rem
}

.review-slider .slick-arrow.slick-next {
    right: -3.5rem
}

.home-slider .slick-arrow {
    bottom: 13.7rem
}

@media only screen and (max-width: 1200px) {
    .home-slider .slick-arrow {
        bottom: 3rem
    }
}

.home-slider .slick-arrow.slick-prev {
    left: 13%
}

@media only screen and (max-width: 1200px) {
    .home-slider .slick-arrow.slick-prev {
        left: 3rem
    }
}

.home-slider .slick-arrow.slick-next {
    left: calc(13% + 9rem)
}

@media only screen and (max-width: 1200px) {
    .home-slider .slick-arrow.slick-next {
        left: 12rem
    }
}

@media only screen and (min-width: 1025px) {
    .home-slider .slick-arrow:hover {
        background: 0 0;
        border-color: rgba(255, 255, 255, .3)
    }

    .home-slider .slick-arrow:hover svg {
        fill: #fff
    }
}

.our-production__slider .slick-arrow {
    top: 50%;
    margin-top: -3.5rem
}

.our-production__slider .slick-arrow.slick-prev {
    left: -12.5rem
}

.our-production__slider .slick-arrow.slick-next {
    right: -12.5rem
}

.discount-slider .slick-arrow {
    top: 50%;
    margin-top: -3.5rem;
    background: 0 0;
    border: 1px solid #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media only screen and (min-width: 1025px) {
    .discount-slider .slick-arrow:hover {
        background: #fff
    }

    .discount-slider .slick-arrow:hover svg {
        fill: #80c11e
    }
}

.discount-slider .slick-arrow svg {
    fill: #fff
}

.discount-slider .slick-arrow.slick-prev {
    left: 4rem
}

.discount-slider .slick-arrow.slick-next {
    right: 4rem
}

.certificates__slider .slick-arrow {
    top: 14rem
}

.certificates__slider .slick-arrow.slick-disabled {
    opacity: 0;
    visibility: hidden
}

.certificates__slider .slick-arrow.slick-prev {
    left: -10rem
}

.certificates__slider .slick-arrow.slick-next {
    right: -10rem
}

.our-team__slider .slick-arrow {
    top: -9.5rem
}

.our-team__slider .slick-arrow.slick-prev {
    right: 8.6rem
}

.our-team__slider .slick-arrow.slick-next {
    right: .6rem
}

.info-slider .slick-arrow {
    top: -12rem
}

.info-slider .slick-arrow.slick-prev {
    right: 8.6rem
}

.info-slider .slick-arrow.slick-next {
    right: .6rem
}

.article__sliderFor .slick-arrow {
    top: 50%;
    margin-top: -3.5rem
}

.article__sliderFor .slick-arrow.slick-prev {
    left: 2rem
}

.article__sliderFor .slick-arrow.slick-next {
    right: 2rem
}

.card__sliderNav .slick-arrow.slick-prev {
    visibility: hidden
}

.benefit__nav .slick-arrow {
    top: 50%;
    margin-top: -3.5rem
}

.benefit__nav .slick-arrow.slick-prev {
    left: 0
}

.benefit__nav .slick-arrow.slick-next {
    right: 0
}

.slick-dots {
    position: absolute;
    bottom: -6rem;
    left: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0 1rem
}

@media only screen and (max-width: 1200px) {
    .home-slider .slick-dots {
        bottom: 20px
    }

    .home-slider .slick-dots button::before {
        background: #fff
    }

    .home-slider .slick-dots li.slick-active button::before {
        background: #fff
    }
}

@media only screen and (max-width: 767px) {
    .info-slider .slick-dots {
        bottom: 5rem
    }
}

.review-slider .slick-dots {
    bottom: -10rem
}

@media only screen and (max-width: 767px) {
    .review-slider .slick-dots {
        bottom: -5rem
    }
}

.discount-slider .slick-dots {
    bottom: 0;
    background: #fff;
    padding: 2.3rem 3.8rem 1rem;
    border-radius: 2rem 2rem 0 0;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.slick-dots li {
    margin-left: 1px;
    margin-right: 1px;
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.slick-dots li.slick-active button::before {
    left: 0;
    right: 0;
    background: #182b26
}

.slick-dots button {
    text-indent: -9999px;
    padding: 0;
    outline: 0;
    cursor: pointer;
    position: relative;
    width: 3.4rem;
    height: .8rem;
    border: 0;
    background: 0 0
}

.slick-dots button::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.3rem;
    right: 1.3rem;
    border-radius: 20px;
    background: rgba(24, 43, 38, .3);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

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

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

.review-slider .slick-list {
    overflow: visible
}

.slick-list:focus {
    outline: 0
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

.social {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.social__item {
    margin-left: .7em;
    margin-right: .7rem
}

.social__link {
    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;
    width: 4rem;
    height: 4rem;
    border: 1px solid rgba(196, 196, 196, .2);
    border-radius: 50%
}

@media only screen and (min-width: 1025px) {
    .social__link:hover {
        border-color: #fff;
        -webkit-transform: translateY(-.4rem);
        transform: translateY(-.4rem)
    }
}

.social__link svg {
    fill: #fff
}

.tabs-style {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0
}

@media only screen and (max-width: 767px) {
    .tabs-style {
        overflow-x: auto;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-left: -15px;
        margin-right: -15px
    }
}

.tabs-style li {
    margin-left: 3.6rem;
    margin-right: 3.6rem
}

@media only screen and (max-width: 767px) {
    .tabs-style li {
        margin-left: 2rem;
        margin-right: 2rem
    }
}

.tabs-style a {
    display: block;
    text-decoration: none;
    color: #182b26;
    opacity: .5;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 700;
    font-family: avenir;
    padding-bottom: .4rem;
    border-bottom: 2px solid transparent
}

@media only screen and (min-width: 1025px) {
    .tabs-style a:hover {
        opacity: 1
    }
}

.tabs-style a.active {
    opacity: 1;
    border-color: #80c11e
}

.tabs-style span {
    display: block;
    text-decoration: none;
    color: #182b26;
    text-align: center;
    letter-spacing: .1em;
    text-transform: uppercase;
    font-weight: 700;
    font-family: avenir;
    padding-bottom: .4rem;
    border-bottom: 2px solid #80c11e
}

.tab {
    display: none
}

.tab.active {
    display: block
}

.tabs-list:not(.card__tabs-list,.delivery-payment__nav-list) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.tabs-list:not(.card__tabs-list,.delivery-payment__nav-list) li {
    margin-left: 4rem;
    margin-right: 4rem
}

@media only screen and (max-width: 767px) {
    .tabs-list:not(.card__tabs-list,.delivery-payment__nav-list) li {
        margin-left: 2rem;
        margin-right: 2rem
    }
}

.tabs-list:not(.card__tabs-list,.delivery-payment__nav-list) a {
    display: block;
    text-decoration: none;
    color: #182b26;
    opacity: .5;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-family: avenir;
    font-weight: 500;
    padding-bottom: .5rem;
    border-bottom: 2px solid transparent
}

.tabs-list:not(.card__tabs-list,.delivery-payment__nav-list) a.active {
    opacity: 1;
    border-color: #80c11e
}

@media only screen and (min-width: 1025px) {
    .tabs-list:not(.card__tabs-list,.delivery-payment__nav-list) a:hover {
        opacity: 1
    }
}

.text-content {
    font-family: avenir;
    line-height: 2.6rem;
    letter-spacing: .02em;
    text-align: justify;
    font-weight: 500
}

@media only screen and (max-width: 767px) {
    .text-content {
        font-size: 14px
    }
}

.text-content p {
    margin: 0 0 2.5rem
}

.text-content p:last-child {
    margin-bottom: 0
}

.text-content ul {
    list-style: none;
    margin: 0 0 2.5rem;
    padding: 0
}

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

.text-content ul li {
    margin-bottom: 2rem;
    position: relative;
    padding-left: 2rem
}

.text-content ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1rem;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #80c11e
}

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

.text-content iframe {
    margin: 0 0 2.5rem;
    border: 0;
    max-width: 100%
}

@media only screen and (max-width: 767px) {
    .text-content iframe {
        width: 100%;
        height: 300px
    }
}

.text-content h1 {
    font-size: 5.2rem;
    line-height: 120%;
    margin: 0 0 3rem
}

.text-content h2 {
    font-size: 4.2rem;
    line-height: 140%;
    margin: 0 0 3rem
}

.text-content h3 {
    font-size: 3.2rem;
    line-height: 140%;
    margin: 0 0 3rem
}

.text-content h4 {
    font-size: 2.4rem;
    line-height: 140%;
    margin: 0 0 3rem
}

.text-content img {
    margin: 0 0 2.5rem
}

.text-content a {
    color: #80c11e
}

@media only screen and (min-width: 1025px) {
    .text-content a:hover {
        text-decoration: none
    }
}

.title {
    font-size: 5.2rem;
    line-height: 6.2rem;
    font-weight: 700
}

@media only screen and (max-width: 767px) {
    .title {
        font-size: 3.2rem;
        line-height: 4.2rem
    }
}

.title span {
    color: #80c11e
}

.title--page {
    text-align: center;
    margin-bottom: 4.6rem
}

.title--page-left {
    margin-bottom: 4.6rem
}

.title--small {
    font-size: 4.2rem;
    line-height: 5.9rem
}

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

.triggers {
    position: relative;
    padding-top: 5rem;
    padding-bottom: 20rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media only screen and (max-width: 1200px) {
    .triggers {
        padding-left: 20px;
        padding-right: 20px;
        padding-bottom: 6rem;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.triggers__item {
    position: relative;
    margin-left: 4rem;
    margin-right: 4rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 21rem;
    flex: 0 0 21rem;
    width: 21rem
}

@media only screen and (max-width: 1200px) {
    .triggers__item {
        margin-bottom: 3rem;
        margin-left: 3rem;
        margin-right: 3rem
    }
}

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

.triggers__icon {
    width: 12.4rem;
    height: 12.4rem;
    margin: 0 auto 1.2rem;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid #80c11e;
    padding: 2rem
}

.triggers__text {
    font-size: 1.8rem;
    line-height: 2.5rem;
    text-align: center;
    letter-spacing: .04em
}

.woocommerce {
    padding-bottom: 10rem;
    min-height: 80vh;
}

.woocommerce-checkout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-left: -1.5rem
}

@media only screen and (max-width: 1200px) {
    .woocommerce-checkout {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        max-width: 80%;
        width: 100%;
        margin: 0 auto
    }
}

@media only screen and (max-width: 767px) {
    .woocommerce-checkout {
        max-width: 100%
    }
}

.woo-col-1 {
    position: relative;
    padding: 3.5rem 7rem 6rem;
    background: #fff;
    border-radius: 1rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 1.5rem);
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    margin-left: 1.5rem
}

@media only screen and (max-width: 1200px) {
    .woo-col-1 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0;
        margin-bottom: 2rem
    }
}

@media only screen and (max-width: 767px) {
    .woo-col-1 {
        padding: 3rem 1rem
    }
}

.woo-col-2 {
    position: relative;
    background: #fff;
    border-radius: 1rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 1.5rem);
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(50% - 1.5rem);
    max-width: calc(50% - 1.5rem);
    margin-left: 1.5rem;
    border-top: .5rem solid #80c11e
}

@media only screen and (max-width: 1200px) {
    .woo-col-2 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0
    }
}

.woocommerce-billing-fields h3 {
    font-family: avenir;
    font-size: 2.4rem;
    font-weight: 400;
    margin: 0 0 4rem
}

.woocommerce form .form-row-first, .woocommerce form .form-row-last, .woocommerce-page form .form-row-first, .woocommerce-page form .form-row-last {
    width: 100%
}

.woocommerce form .form-row-first, .woocommerce-page form .form-row-first {
    float: none
}

.woocommerce form .form-row {
    padding: 0;
    margin: 0 0 2.6rem
}

.woocommerce form .form-row label {
    font-family: avenir;
    color: #6d817c;
    font-size: 1.4rem;
    line-height: 1;
    margin-bottom: 1.2rem
}

.woocommerce form .form-row#order_comments_field label {
    color: #182b26;
    margin-bottom: 2.7rem
}

.woocommerce form .form-row input.input-text {
    outline: 0;
    width: 100%;
    background: #f6faf8;
    border: 1px solid #e5f0ea;
    border-radius: .8rem;
    height: 6.3rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    padding-left: 2.4rem;
    padding-right: 2.4rem;
    font-family: droid, sans-serif
}

.active-input .woocommerce form .form-row input.input-text {
    border-color: #80c11e
}

.woocommerce form .form-row input.input-text.error {
    border-color: #d82e2e
}

.woocommerce form .form-row input.input-text--icon {
    padding-left: 7rem
}

.woocommerce form .form-row input.input-text::-webkit-input-placeholder {
    color: #7d9892
}

.woocommerce form .form-row input.input-text:-ms-input-placeholder {
    color: #7d9892
}

.woocommerce form .form-row input.input-text::-ms-input-placeholder {
    color: #7d9892
}

.woocommerce form .form-row input.input-text::placeholder {
    color: #7d9892
}

.woocommerce form .form-row input.input-text__icon {
    position: absolute;
    left: 2.4rem;
    bottom: 1.6rem;
    width: 3.2rem;
    height: 3.2rem
}

.woocommerce form .form-row input.input-text__icon svg {
    width: 100%;
    height: 100%
}

.woocommerce form .form-row textarea {
    outline: 0;
    width: 100%;
    background: #f6faf8;
    border: 1px solid #e5f0ea;
    border-radius: .8rem;
    height: 11.6rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    padding: 2.1rem 2.4rem;
    font-family: droid, sans-serif;
    resize: vertical
}

.active-input .woocommerce form .form-row textarea {
    border-color: #80c11e
}

.woocommerce form .form-row textarea.error {
    border-color: #d82e2e
}

.woocommerce form .form-row textarea--icon {
    padding-left: 7rem
}

.woocommerce form .form-row textarea::-webkit-input-placeholder {
    color: #7d9892
}

.woocommerce form .form-row textarea:-ms-input-placeholder {
    color: #7d9892
}

.woocommerce form .form-row textarea::-ms-input-placeholder {
    color: #7d9892
}

.woocommerce form .form-row textarea::placeholder {
    color: #7d9892
}

.woocommerce form .form-row textarea__icon {
    position: absolute;
    left: 2.4rem;
    bottom: 1.6rem;
    width: 3.2rem;
    height: 3.2rem
}

.woocommerce form .form-row textarea__icon svg {
    width: 100%;
    height: 100%
}

.select2-container .select2-selection--single {
    outline: 0;
    width: 100%;
    background: #f6faf8;
    border: 1px solid #e5f0ea;
    border-radius: .8rem;
    height: 6.3rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    padding-left: 2.4rem;
    position: relative;
    padding-right: 2.4rem
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: auto;
    bottom: 0;
    width: 6rem
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none
}

.select2-container--default .select2-selection--single .select2-selection__arrow::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.3rem;
    margin-top: -.3rem;
    width: .6rem;
    height: .6rem;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::before {
    -webkit-transform: rotate(135deg) scale(-1);
    transform: rotate(135deg) scale(-1)
}

.select2-dropdown {
    background: #f6faf8;
    border: 1px solid #e5f0ea
}

.select2-results__option {
    letter-spacing: .06em;
    font-size: 1.5rem;
    padding: 1rem 2.4rem
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 0;
    padding-right: 0;
    height: 100%;
    line-height: 6.1rem;
    font-size: 1.5rem;
    font-family: droid !important
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    outline: 0
}

#ship-to-different-address {
    margin: 0 0 3rem;
    padding-top: 5rem;
    padding-bottom: 5rem;
    border-bottom: 1px dashed #f5f5f5
}

.woocommerce-form__label-for-checkbox {
    display: block;
    position: relative;
    cursor: pointer
}

.woocommerce-form__label-for-checkbox .input-checkbox {
    display: none
}

.woocommerce-form__label-for-checkbox .input-checkbox:checked + span::before {
    background: #80c11e;
    border-color: #80c11e
}

.woocommerce-form__label-for-checkbox .input-checkbox:checked + span::after {
    opacity: 1
}

.woocommerce-form__label-for-checkbox > span {
    display: block;
    position: relative;
    padding-left: 3.6rem;
    font-family: avenir;
    font-size: 1.8rem;
    color: #182b26;
    line-height: 2.4rem;
    letter-spacing: .02em
}

.woocommerce-form__label-for-checkbox > span::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 2.4rem;
    width: 2.4rem;
    border-radius: .4rem;
    background: #f6faf8;
    border: 1px solid #e5f0ea;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.woocommerce-form__label-for-checkbox > span::after {
    content: '';
    position: absolute;
    width: 1.2rem;
    height: .7rem;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: .6rem;
    top: .7rem;
    opacity: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.woocommerce-checkout-review-order {
    padding-left: 3.4rem;
    padding-right: 3.4rem
}

.woocommerce-checkout-payment {
    font-weight: 500
}

.delivery-select, .woocommerce-privacy-policy-text {
    font-family: avenir;
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: #182b26;
    margin-bottom: 2rem;
    font-weight: 500
}

.delivery-select p, .woocommerce-privacy-policy-text p {
    margin: 0
}

.delivery-select a, .woocommerce-privacy-policy-text a {
    color: #80c11e;
    text-decoration: none
}

@media only screen and (min-width: 1025px) {
    .delivery-select a:hover, .woocommerce-privacy-policy-text a:hover {
        text-decoration: underline
    }
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: #fff
}

.woocommerce .button.alt {
    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;
    outline: 0;
    cursor: pointer;
    text-decoration: none;
    font-size: 1.5rem;
    letter-spacing: .06em;
    font-family: droid, sans-serif;
    -webkit-box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    box-shadow: 0 20px 60px rgba(0, 0, 0, .05);
    border: 1px solid #80c11e;
    background-color: #80c11e !important;
    background: #80c11e;
    color: #fff;
    height: 5.7rem;
    padding: 1rem 8.7rem;
    border-radius: 0 7rem 0 7rem;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    float: none !important;
    width: 100%
}

@media only screen and (min-width: 1025px) {
    .woocommerce .button.alt:hover {
        border-color: #80c11e;
        color: #80c11e !important;
        background: 0 0 !important
    }
}

.woocommerce-checkout #payment ul.payment_methods li input {
    display: none
}

.woocommerce-checkout #payment ul.payment_methods li input:checked + label::before {
    border-color: #80c11e
}

.woocommerce-checkout #payment ul.payment_methods li input:checked + label::after {
    opacity: 1
}

.woocommerce-checkout #payment ul.payment_methods li {
    line-height: 1;
    margin-bottom: 2.5rem
}

.wc_payment_method label {
    display: block;
    position: relative;
    cursor: pointer;
    line-height: 2.4rem;
    border-radius: 8px;
    padding-left: 3.6rem;
    letter-spacing: .02em;
    color: #6d817c;
    font-size: 1.8rem
}

.wc_payment_method label::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #f6faf8;
    border: 1px solid #e5f0ea;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.wc_payment_method label::after {
    content: '';
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    left: .6rem;
    top: .6rem;
    background: #80c11e;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 0
}

.delivery-select, .payment-label-unique {
    font-size: 1.6rem;
    letter-spacing: .04em;
    color: #182b26;
    margin-bottom: 2rem;
    font-family: avenir
}

.wc_payment_method label {
    font-family: avenir;
    font-weight: 500
}

.woocommerce-checkout #payment div.payment_box {
    background-color: #fff;
    font-family: avenir;
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: #182b26;
    margin-bottom: 2rem;
    padding: 0 0 0 3.6rem;
    margin: 1.5rem 0 0;
    font-weight: 500
}

.woocommerce-checkout #payment div.payment_box p {
    margin: 0
}

.woocommerce-checkout #payment div.payment_box::before {
    display: none
}

.woocommerce-checkout #payment ul.payment_methods {
    padding: 0
}

.woocommerce-shipping-methods {
    margin: 1.5rem 0 0 !important
}

.woocommerce-shipping-methods li {
    line-height: 1;
    margin-bottom: 2.5rem
}

.woocommerce-shipping-methods li > input {
    display: none
}

.woocommerce-shipping-methods li > input:checked + label::before {
    border-color: #80c11e !important
}

.woocommerce-shipping-methods li > input:checked + label::after {
    opacity: 1 !important
}

.delivery-descr {
    display: block;
    background-color: #fff;
    font-family: avenir;
    font-size: 1.3rem;
    line-height: 1.6rem;
    color: #182b26;
    margin-bottom: 2rem;
    padding: 0 0 0 3.6rem;
    margin: 1.5rem 0 0
}

.woocommerce ul#shipping_method li {
    margin-bottom: 2.5rem
}

.woocommerce ul#shipping_method li label:nth-of-type(1) {
    display: block;
    position: relative;
    cursor: pointer;
    line-height: 2.4rem;
    border-radius: 8px;
    padding-left: 3.6rem;
    letter-spacing: .02em;
    color: #6d817c;
    font-size: 1.8rem
}

.woocommerce ul#shipping_method li label:nth-of-type(1)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: #f6faf8;
    border: 1px solid #e5f0ea;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.woocommerce ul#shipping_method li label:nth-of-type(1)::after {
    content: '';
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 50%;
    left: .6rem;
    top: .6rem;
    background: #80c11e;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    opacity: 0
}

.woocommerce-error {
    display: none !important
}

div.woocommerce-info {
    border-top-color: #80c11e
}

.payment-logos {
    height: 50px;

    padding: 10px 20px;

    display: flex;
    align-items: center;
    justify-content: center;
}

#payment .payment-logos {
    width: 40%;
}

footer .payment-logos {
    width: 60%;
    margin-top: 10px;
}

@media all and (max-width: 767px) {
    footer .payment-logos {
        width: 40%;
        margin: 10px auto;
    }
}

.payment-logos img {
    object-fit: contain;
    width: 100%;
}

.payment-logo.visa {
    height: 50%;
}

.payment-logo.mastercard {
    height: 100%;
}

/* Контейнер для picture растягиваем на весь слайд */
.home-slider__bg-picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0; /* Под контентом */
}

/* Эффект background-size: cover для тега img */
.home-slider__bg-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

/* Корректируем родительский блок */
.home-slider__item-inner {
    position: relative;
    overflow: hidden;
    background-image: none !important; /* Отключаем старый фон */
}

/* Убеждаемся, что overlay (затемнение) из вашего CSS остается поверх картинки */
.home-slider__item-inner::before {
    z-index: 1;
    pointer-events: none;
}

/* Текст и кнопки поднимаем на самый верхний слой */
.home-slider__item-inner .container {
    position: relative;
    z-index: 2;
}