@charset "UTF-8";
/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
@-webkit-keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@-webkit-keyframes fade-in-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fade-in-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes fade-in-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-in-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px
}

body {
    margin: 0;
    background: #cee9ef
}

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

h1 {
    font-size: 2em
}

figure {
    margin: 1em 40px
}

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

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    font: inherit;
    text-decoration: none;
    color: inherit;
    border: 0;
    outline: 0;
    -webkit-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out
}

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

b, strong {
    font-weight: bolder
}

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, canvas, video {
    display: inline-block
}

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

img {
    border-style: none;
    max-width: 100%;
    height: auto
}

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

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

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
}

[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
}

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

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

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

textarea {
    overflow: auto
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

@font-face {
    font-family: 'Neucha';
    src: url(fonts/subset-Neucha.woff2) format("woff2"), url(fonts/subset-Neucha.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url(fonts/roboto-condensed-bold.woff2) format("woff2"), url(fonts/roboto-condensed-bold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url(fonts/roboto-condensed-regular.woff2) format("woff2"), url(fonts/roboto-condensed-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

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

body.fixed {
    overflow: hidden
}

@media screen and (min-width: 1260px) {
    .page {
        padding-top: 135px;
        font-size: 21px;
        line-height: 120%
    }
}

@media screen and (min-width: 1260px) {
    .page__wrapper {
        min-height: calc(100vh - 135px)
    }
}

@media (min-width: 768px) {
    .title {
        font-size: 35px
    }
}

@media (min-width: 1260px) {
    .title {
        font-size: 50px;
        line-height: 100%;
        letter-spacing: normal
    }
}

li, ul {
    list-style: none
}

h1, h2, h3, h4, h5, h6, li, p, ul {
    margin: 0;
    padding: 0
}

@media screen and (min-width: 768px) {
    .from-tablet {
        display: block
    }
}

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

@media screen and (min-width: 1260px) {
    .desktop-only {
        display: block
    }
}

@media screen and (min-width: 768px) {
    .h1 {
        font-size: 35px
    }
}

@media screen and (min-width: 1260px) {
    .h1 {
        font-size: 50px
    }
}

@media screen and (min-width: 768px) {
    .h2, .text-page h2 {
        font-size: 35px
    }
}

@media screen and (min-width: 1260px) {
    .h2, .text-page h2 {
        font-size: 40px
    }
}

@media screen and (min-width: 768px) {
    .h3, .text-page h3 {
        font-size: 30px
    }
}

@media screen and (min-width: 1260px) {
    .h3, .text-page h3 {
        font-size: 35px
    }
}

@media screen and (min-width: 1260px) {
    .text-page {
        font-size: 18px
    }
}

.text-page p {
    margin: 15px 0
}

@media screen and (min-width: 768px) {
    .text-page h2 {
        font-size: 35px;
        margin: 40px 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .text-page h2 {
        font-size: 40px
    }
}

@media screen and (min-width: 768px) {
    .text-page h3 {
        font-size: 30px;
        margin: 40px 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .text-page h3 {
        font-size: 35px
    }
}

@media screen and (min-width: 768px) {
    .text-page h4 {
        font-size: 25px;
        margin: 40px 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .text-page h4 {
        font-size: 30px
    }
}

@media screen and (min-width: 1260px) {
    .text-page img {
        margin: 30px 0
    }
}

.text-page a:not(.btn) {
    color: #00625e
}

.text-page b {
    font-weight: 600
}

@media screen and (min-width: 1260px) {
    .text-page ol {
        margin-bottom: 35px
    }
}

@media screen and (min-width: 1260px) {
    .text-page ul {
        margin-bottom: 35px
    }
}

@media screen and (min-width: 1260px) {
    .text-page ul li::before {
        top: 8px
    }
}

@media screen and (min-width: 768px) {
    .default-section {
        padding-bottom: 50px
    }
}

@media screen and (min-width: 1260px) {
    .default-section {
        padding-top: 25px;
        padding-bottom: 70px
    }
}

input[type=checkbox] + i, input[type=radio] + i {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 27px;
    font-style: normal
}

.input input:focus + .input__placeholder .input__star, .input input:not(:placeholder-shown) + .input__placeholder .input__star, .input textarea:focus + .input__placeholder .input__star, .input textarea:not(:placeholder-shown) + .input__placeholder .input__star {
    margin-left: 10px
}

@media screen and (min-width: 768px) {
    .btn {
        padding: 9px 20px
    }
}

@media screen and (min-width: 1260px) {
    .btn {
        min-height: 50px;
        padding: 11px 20px;
        font-size: 17px
    }
}

.nice-select .has-multiple span.current {
    border: 1px solid #ccc;
    background: #eee;
    padding: 0 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 3px;
    margin-right: 3px
}

@font-face {
    font-family: 'swiper-icons';
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
    font-weight: 400;
    font-style: normal
}

:root {
    --swiper-theme-color: #007aff
}

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

.swiper {
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    list-style: none;
    padding: 0
}

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

.swiper-wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

.swiper-pointer-events {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}

.swiper-pointer-events.swiper-vertical {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}

.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}

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

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

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

.swiper-backface-hidden .swiper-slide {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
    -webkit-perspective: 1200px;
    perspective: 1200px
}

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

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

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, .15)
}

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

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

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

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

.swiper-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode > .swiper-wrapper {
    -ms-scroll-snap-type: y mandatory;
    scroll-snap-type: y mandatory
}

.swiper-centered > .swiper-wrapper::before {
    content: '';
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 10000;
    -ms-flex-order: 9999;
    order: 9999
}

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
    height: 100%;
    width: var(--swiper-centered-offset-after)
}

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical > .swiper-wrapper::before {
    width: 100%;
    height: var(--swiper-centered-offset-after)
}

.swiper-centered > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: center center
}

.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-, .-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-, .air-datepicker-cell.-day-.-other-month-, .air-datepicker-cell.-year-.-other-decade- {
    color: var(--adp-color-other-month)
}

.air-datepicker-cell.-day-.-other-month-:hover, .air-datepicker-cell.-year-.-other-decade-:hover {
    color: var(--adp-color-other-month-hover)
}

.-selected-.air-datepicker-cell.-day-.-other-month-, .-selected-.air-datepicker-cell.-year-.-other-decade- {
    color: #fff;
    background: var(--adp-background-color-selected-other-month)
}

.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-, .-selected-.-focus-.air-datepicker-cell.-year-.-other-decade- {
    background: var(--adp-background-color-selected-other-month-focused)
}

.-in-range-.air-datepicker-cell.-day-.-other-month-, .-in-range-.air-datepicker-cell.-year-.-other-decade- {
    background-color: var(--adp-background-color-in-range);
    color: var(--adp-color)
}

.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-, .-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade- {
    background-color: var(--adp-background-color-in-range-focused)
}

.air-datepicker-cell.-day-.-other-month-:empty, .air-datepicker-cell.-year-.-other-decade-:empty {
    background: 0 0;
    border: 0
}

.air-datepicker-cell {
    -webkit-border-radius: var(--adp-cell-border-radius);
    border-radius: var(--adp-cell-border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -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
}

.air-datepicker-cell.-focus- {
    background: var(--adp-background-color-hover)
}

.air-datepicker-cell.-current-.-focus- {
    color: var(--adp-color)
}

.air-datepicker-cell.-current-, .air-datepicker-cell.-current-.-in-range- {
    color: var(--adp-color-current-date)
}

.air-datepicker-cell.-disabled- {
    cursor: default;
    color: var(--adp-color-disabled)
}

.air-datepicker-cell.-disabled-.-current-.-focus-, .air-datepicker-cell.-disabled-.-focus- {
    color: var(--adp-color-disabled)
}

.air-datepicker-cell.-disabled-.-in-range- {
    color: var(--adp-color-disabled-in-range)
}

.air-datepicker-cell.-in-range- {
    background: var(--adp-cell-background-color-in-range);
    -webkit-border-radius: 0;
    border-radius: 0
}

.air-datepicker-cell.-in-range-:hover {
    background: var(--adp-cell-background-color-in-range-hover)
}

.air-datepicker-cell.-range-from-, .air-datepicker-cell.-range-to- {
    border: 1px solid var(--adp-cell-border-color-in-range);
    background-color: var(--adp-cell-background-color-in-range);
    -webkit-border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius);
    border-radius: var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)
}

.air-datepicker-cell.-range-to- {
    -webkit-border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0;
    border-radius: 0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0
}

.air-datepicker-cell.-range-to-.-range-from- {
    -webkit-border-radius: var(--adp-cell-border-radius);
    border-radius: var(--adp-cell-border-radius)
}

.air-datepicker-cell.-selected- {
    border: 0
}

.air-datepicker-cell.-selected-, .air-datepicker-cell.-selected-.-current- {
    color: #fff;
    background: var(--adp-cell-background-color-selected)
}

.air-datepicker-cell.-selected-.-focus- {
    background: var(--adp-cell-background-color-selected-hover)
}

.air-datepicker-body {
    -webkit-transition: all var(--adp-transition-duration) var(--adp-transition-ease);
    -o-transition: all var(--adp-transition-duration) var(--adp-transition-ease);
    transition: all var(--adp-transition-duration) var(--adp-transition-ease)
}

.air-datepicker-body.-hidden- {
    display: none
}

.air-datepicker-body--day-names {
    display: grid;
    grid-template-columns:repeat(7, var(--adp-day-cell-width));
    margin: 8px 0 3px
}

.air-datepicker-body--day-name {
    color: var(--adp-day-name-color);
    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-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.air-datepicker-body--day-name.-clickable- {
    cursor: pointer
}

.air-datepicker-body--day-name.-clickable-:hover {
    color: var(--adp-day-name-color-hover)
}

.air-datepicker-body--cells {
    display: grid
}

.air-datepicker-body--cells.-days- {
    grid-template-columns:repeat(7, var(--adp-day-cell-width));
    grid-auto-rows: var(--adp-day-cell-height)
}

.air-datepicker-body--cells.-months- {
    grid-template-columns:repeat(3, 1fr);
    grid-auto-rows: var(--adp-month-cell-height)
}

.air-datepicker-body--cells.-years- {
    grid-template-columns:repeat(4, 1fr);
    grid-auto-rows: var(--adp-year-cell-height)
}

.air-datepicker-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid var(--adp-border-color-inner);
    min-height: var(--adp-nav-height);
    padding: var(--adp-padding);
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.-only-timepicker- .air-datepicker-nav {
    display: none
}

.air-datepicker-nav--action, .air-datepicker-nav--title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: var(--adp-border-radius);
    border-radius: var(--adp-border-radius)
}

.air-datepicker-nav--action {
    width: var(--adp-nav-action-size);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.air-datepicker-nav--action:hover {
    background: var(--adp-background-color-hover)
}

.air-datepicker-nav--action:active {
    background: var(--adp-background-color-active)
}

.air-datepicker-nav--action.-disabled- {
    visibility: hidden
}

.air-datepicker-nav--action svg {
    width: 32px;
    height: 32px
}

.air-datepicker-nav--action path {
    fill: none;
    stroke: var(--adp-nav-arrow-color);
    stroke-width: 2px
}

.air-datepicker-nav--title {
    padding: 0 8px
}

.air-datepicker-nav--title i {
    font-style: normal;
    color: var(--adp-nav-color-secondary);
    margin-left: .3em
}

.air-datepicker-nav--title:hover {
    background: var(--adp-background-color-hover)
}

.air-datepicker-nav--title:active {
    background: var(--adp-background-color-active)
}

.air-datepicker-nav--title.-disabled- {
    cursor: default;
    background: 0 0
}

.air-datepicker-buttons {
    display: grid;
    grid-auto-columns: 1fr;
    grid-auto-flow: column
}

.air-datepicker-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    color: var(--adp-btn-color);
    -webkit-border-radius: var(--adp-btn-border-radius);
    border-radius: var(--adp-btn-border-radius);
    cursor: pointer;
    height: var(--adp-btn-height);
    border: 0;
    background: 0 0
}

.air-datepicker-button:hover {
    color: var(--adp-btn-color-hover);
    background: var(--adp-btn-background-color-hover)
}

.air-datepicker-button:focus {
    color: var(--adp-btn-color-hover);
    background: var(--adp-btn-background-color-hover);
    outline: 0
}

.air-datepicker-button:active {
    background: var(--adp-btn-background-color-active)
}

.air-datepicker-button span {
    outline: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.air-datepicker-button span, .air-datepicker-time, .air-datepicker-time--current {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.air-datepicker-time {
    display: grid;
    grid-template-columns:-webkit-max-content 1fr;
    grid-template-columns:max-content 1fr;
    grid-column-gap: 12px;
    position: relative;
    padding: 0 var(--adp-time-padding-inner)
}

.-only-timepicker- .air-datepicker-time {
    border-top: none
}

.air-datepicker-time--current {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 14px;
    text-align: center
}

.air-datepicker-time--current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.air-datepicker-time--current-hours, .air-datepicker-time--current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
    position: relative;
    z-index: 1
}

.air-datepicker-time--current-hours:after, .air-datepicker-time--current-minutes:after {
    content: '';
    background: var(--adp-background-color-hover);
    -webkit-border-radius: var(--adp-border-radius);
    border-radius: var(--adp-border-radius);
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.air-datepicker-time--current-hours.-focus-:after, .air-datepicker-time--current-minutes.-focus-:after {
    opacity: 1
}

.air-datepicker-time--current-ampm {
    text-transform: uppercase;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: var(--adp-time-day-period-color);
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.air-datepicker-time--row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: -webkit-gradient(linear, left top, right top, from(var(--adp-time-track-color)), to(var(--adp-time-track-color))) left 50%/100% var(--adp-time-track-height) no-repeat;
    background: -webkit-linear-gradient(left, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
    background: -o-linear-gradient(left, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat;
    background: linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat
}

.air-datepicker-time--row:first-child {
    margin-bottom: 4px
}

.air-datepicker-time--row input[type=range] {
    background: 0 0;
    cursor: pointer;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none
}

.air-datepicker-time--row input[type=range]::-ms-tooltip {
    display: none
}

.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:hover::-ms-thumb {
    border-color: var(--adp-time-track-color-hover)
}

.air-datepicker-time--row input[type=range]:focus {
    outline: 0
}

.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]:focus::-ms-thumb {
    background: var(--adp-cell-background-color-selected);
    border-color: var(--adp-cell-background-color-selected)
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -webkit-transition: background var(--adp-transition-duration);
    -o-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -webkit-transition: background var(--adp-transition-duration);
    -o-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid var(--adp-time-track-color);
    background: #fff;
    cursor: pointer;
    -webkit-transition: background var(--adp-transition-duration);
    -o-transition: background var(--adp-transition-duration);
    transition: background var(--adp-transition-duration)
}

.air-datepicker-time--row input[type=range]::-webkit-slider-thumb {
    margin-top: calc(var(--adp-time-thumb-size) / 2 * -1)
}

.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track {
    border: 0;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.air-datepicker-time--row input[type=range]::-moz-range-track {
    border: 0;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.air-datepicker-time--row input[type=range]::-ms-track {
    border: 0;
    height: var(--adp-time-track-height);
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.air-datepicker-time--row input[type=range]::-ms-fill-lower {
    background: 0 0
}

.air-datepicker-time--row input[type=range]::-ms-fill-upper {
    background: 0 0
}

.air-datepicker {
    --adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    --adp-font-size: 14px;
    --adp-width: 246px;
    --adp-z-index: 100;
    --adp-padding: 4px;
    --adp-grid-areas: 'nav' 'body' 'timepicker' 'buttons';
    --adp-transition-duration: .3s;
    --adp-transition-ease: ease-out;
    --adp-transition-offset: 8px;
    --adp-background-color: #fff;
    --adp-background-color-hover: #f0f0f0;
    --adp-background-color-active: #eaeaea;
    --adp-background-color-in-range: rgba(92, 196, 239, .1);
    --adp-background-color-in-range-focused: rgba(92, 196, 239, .2);
    --adp-background-color-selected-other-month-focused: #8ad5f4;
    --adp-background-color-selected-other-month: #a2ddf6;
    --adp-color: #4a4a4a;
    --adp-color-secondary: #9c9c9c;
    --adp-accent-color: #4eb5e6;
    --adp-color-current-date: var(--adp-accent-color);
    --adp-color-other-month: #dedede;
    --adp-color-disabled: #aeaeae;
    --adp-color-disabled-in-range: #939393;
    --adp-color-other-month-hover: #c5c5c5;
    --adp-border-color: #dbdbdb;
    --adp-border-color-inner: #efefef;
    --adp-border-radius: 4px;
    --adp-border-color-inline: #d7d7d7;
    --adp-nav-height: 32px;
    --adp-nav-arrow-color: var(--adp-color-secondary);
    --adp-nav-action-size: 32px;
    --adp-nav-color-secondary: var(--adp-color-secondary);
    --adp-day-name-color: #ff9a19;
    --adp-day-name-color-hover: #8ad5f4;
    --adp-day-cell-width: 1fr;
    --adp-day-cell-height: 32px;
    --adp-month-cell-height: 42px;
    --adp-year-cell-height: 56px;
    --adp-pointer-size: 10px;
    --adp-poiner-border-radius: 2px;
    --adp-pointer-offset: 14px;
    --adp-cell-border-radius: 4px;
    --adp-cell-background-color-selected: #5cc4ef;
    --adp-cell-background-color-selected-hover: #45bced;
    --adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);
    --adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);
    --adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);
    --adp-btn-height: 32px;
    --adp-btn-color: var(--adp-accent-color);
    --adp-btn-color-hover: var(--adp-color);
    --adp-btn-border-radius: var(--adp-border-radius);
    --adp-btn-background-color-hover: var(--adp-background-color-hover);
    --adp-btn-background-color-active: var(--adp-background-color-active);
    --adp-time-track-height: 1px;
    --adp-time-track-color: #dedede;
    --adp-time-track-color-hover: #b1b1b1;
    --adp-time-thumb-size: 12px;
    --adp-time-padding-inner: 10px;
    --adp-time-day-period-color: var(--adp-color-secondary);
    --adp-mobile-font-size: 16px;
    --adp-mobile-nav-height: 40px;
    --adp-mobile-width: 320px;
    --adp-mobile-day-cell-height: 38px;
    --adp-mobile-month-cell-height: 48px;
    --adp-mobile-year-cell-height: 64px
}

.air-datepicker-overlay {
    --adp-overlay-background-color: rgba(0, 0, 0, .3);
    --adp-overlay-transition-duration: .3s;
    --adp-overlay-transition-ease: ease-out;
    --adp-overlay-z-index: 99
}

.air-datepicker {
    background: var(--adp-background-color);
    border: 1px solid var(--adp-border-color);
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    -webkit-border-radius: var(--adp-border-radius);
    border-radius: var(--adp-border-radius);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    display: grid;
    grid-template-columns:1fr;
    grid-template-rows:repeat(4, -webkit-max-content);
    grid-template-rows:repeat(4, max-content);
    grid-template-areas:var(--adp-grid-areas);
    font-family: var(--adp-font-family), sans-serif;
    font-size: var(--adp-font-size);
    color: var(--adp-color);
    width: var(--adp-width);
    position: absolute;
    -webkit-transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);
    -o-transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
    transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease);
    transition: opacity var(--adp-transition-duration) var(--adp-transition-ease), transform var(--adp-transition-duration) var(--adp-transition-ease), -webkit-transform var(--adp-transition-duration) var(--adp-transition-ease);
    z-index: var(--adp-z-index)
}

.air-datepicker:not(.-custom-position-) {
    opacity: 0
}

.air-datepicker.-from-top- {
    -webkit-transform: translateY(calc(var(--adp-transition-offset) * -1));
    -ms-transform: translateY(calc(var(--adp-transition-offset) * -1));
    transform: translateY(calc(var(--adp-transition-offset) * -1))
}

.air-datepicker.-from-right- {
    -webkit-transform: translateX(var(--adp-transition-offset));
    -ms-transform: translateX(var(--adp-transition-offset));
    transform: translateX(var(--adp-transition-offset))
}

.air-datepicker.-from-bottom- {
    -webkit-transform: translateY(var(--adp-transition-offset));
    -ms-transform: translateY(var(--adp-transition-offset));
    transform: translateY(var(--adp-transition-offset))
}

.air-datepicker.-from-left- {
    -webkit-transform: translateX(calc(var(--adp-transition-offset) * -1));
    -ms-transform: translateX(calc(var(--adp-transition-offset) * -1));
    transform: translateX(calc(var(--adp-transition-offset) * -1))
}

.air-datepicker.-active-:not(.-custom-position-) {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.air-datepicker.-active-.-custom-position- {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.air-datepicker.-inline- {
    border-color: var(--adp-border-color-inline);
    -webkit-box-shadow: none;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none
}

.air-datepicker.-inline- .air-datepicker--pointer, .air-datepicker.-is-mobile- .air-datepicker--pointer {
    display: none
}

.air-datepicker.-is-mobile- {
    --adp-font-size: var(--adp-mobile-font-size);
    --adp-day-cell-height: var(--adp-mobile-day-cell-height);
    --adp-month-cell-height: var(--adp-mobile-month-cell-height);
    --adp-year-cell-height: var(--adp-mobile-year-cell-height);
    --adp-nav-height: var(--adp-mobile-nav-height);
    --adp-nav-action-size: var(--adp-mobile-nav-height);
    position: fixed;
    width: var(--adp-mobile-width);
    border: 0
}

.air-datepicker.-is-mobile- * {
    -webkit-tap-highlight-color: transparent
}

.air-datepicker.-is-mobile-:not(.-custom-position-) {
    -webkit-transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
    -ms-transform: translate(-50%, calc(-50% + var(--adp-transition-offset)));
    transform: translate(-50%, calc(-50% + var(--adp-transition-offset)))
}

.air-datepicker.-is-mobile-.-active-:not(.-custom-position-) {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.air-datepicker.-custom-position- {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.air-datepicker-global-container {
    position: absolute;
    left: 0;
    top: 0
}

.air-datepicker--pointer, .air-datepicker--pointer:after {
    position: absolute;
    width: var(--adp-pointer-size);
    height: var(--adp-pointer-size)
}

.air-datepicker--pointer {
    --pointer-half-size: calc(var(--adp-pointer-size) / 2);
    z-index: -1
}

.air-datepicker--pointer:after {
    content: '';
    background: #fff;
    border-top: 1px solid var(--adp-border-color-inline);
    border-right: 1px solid var(--adp-border-color-inline);
    -webkit-border-top-right-radius: var(--adp-poiner-border-radius);
    border-top-right-radius: var(--adp-poiner-border-radius);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.-top-center- .air-datepicker--pointer, .-top-left- .air-datepicker--pointer, .-top-right- .air-datepicker--pointer, [data-popper-placement^=top] .air-datepicker--pointer {
    top: calc(100% - var(--pointer-half-size) + 1px)
}

.-top-center- .air-datepicker--pointer:after, .-top-left- .air-datepicker--pointer:after, .-top-right- .air-datepicker--pointer:after, [data-popper-placement^=top] .air-datepicker--pointer:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

.-right-bottom- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer, .-right-top- .air-datepicker--pointer, [data-popper-placement^=right] .air-datepicker--pointer {
    right: calc(100% - var(--pointer-half-size) + 1px)
}

.-right-bottom- .air-datepicker--pointer:after, .-right-center- .air-datepicker--pointer:after, .-right-top- .air-datepicker--pointer:after, [data-popper-placement^=right] .air-datepicker--pointer:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg)
}

.-bottom-center- .air-datepicker--pointer, .-bottom-left- .air-datepicker--pointer, .-bottom-right- .air-datepicker--pointer, [data-popper-placement^=bottom] .air-datepicker--pointer {
    bottom: calc(100% - var(--pointer-half-size) + 1px)
}

.-bottom-center- .air-datepicker--pointer:after, .-bottom-left- .air-datepicker--pointer:after, .-bottom-right- .air-datepicker--pointer:after, [data-popper-placement^=bottom] .air-datepicker--pointer:after {
    -webkit-transform: rotate(315deg);
    -ms-transform: rotate(315deg);
    transform: rotate(315deg)
}

.-left-bottom- .air-datepicker--pointer, .-left-center- .air-datepicker--pointer, .-left-top- .air-datepicker--pointer, [data-popper-placement^=left] .air-datepicker--pointer {
    left: calc(100% - var(--pointer-half-size) + 1px)
}

.-left-bottom- .air-datepicker--pointer:after, .-left-center- .air-datepicker--pointer:after, .-left-top- .air-datepicker--pointer:after, [data-popper-placement^=left] .air-datepicker--pointer:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.-bottom-left- .air-datepicker--pointer, .-top-left- .air-datepicker--pointer {
    left: var(--adp-pointer-offset)
}

.-bottom-right- .air-datepicker--pointer, .-top-right- .air-datepicker--pointer {
    right: var(--adp-pointer-offset)
}

.-bottom-center- .air-datepicker--pointer, .-top-center- .air-datepicker--pointer {
    left: calc(50% - var(--adp-pointer-size) / 2)
}

.-left-top- .air-datepicker--pointer, .-right-top- .air-datepicker--pointer {
    top: var(--adp-pointer-offset)
}

.-left-bottom- .air-datepicker--pointer, .-right-bottom- .air-datepicker--pointer {
    bottom: var(--adp-pointer-offset)
}

.-left-center- .air-datepicker--pointer, .-right-center- .air-datepicker--pointer {
    top: calc(50% - var(--adp-pointer-size) / 2)
}

.air-datepicker--navigation {
    grid-area: nav
}

.air-datepicker--content {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: var(--adp-padding);
    grid-area: body
}

.-only-timepicker- .air-datepicker--content, .slick-slide.slick-loading img {
    display: none
}

.air-datepicker--time {
    grid-area: timepicker
}

.air-datepicker--buttons {
    grid-area: buttons
}

.air-datepicker--buttons, .air-datepicker--time {
    padding: var(--adp-padding);
    border-top: 1px solid var(--adp-border-color-inner)
}

.air-datepicker-overlay {
    position: fixed;
    background: var(--adp-overlay-background-color);
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    opacity: 0;
    -webkit-transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
    -o-transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
    transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), left 0s, height 0s, width 0s;
    -webkit-transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
    -o-transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
    transition-delay: 0s, var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration), var(--adp-overlay-transition-duration);
    z-index: var(--adp-overlay-z-index)
}

.air-datepicker-overlay.-active- {
    opacity: 1;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
    -o-transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s;
    transition: opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease), height 0s, width 0s
}

.slick-list, .slick-slider {
    position: relative;
    display: block
}

.slick-slider {
    -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 {
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

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

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-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
}

.container, .list a, .slick-initialized .slick-slide, .slick-slide img {
    display: block
}

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

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

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

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

.container {
    position: relative;
    margin: 0 auto;
    padding: 0 20px;
    z-index: 5;
    width: 100%
}

@media screen and (min-width: 768px) {
    .container {
        max-width: 768px
    }
}

@media screen and (min-width: 1260px) {
    .container {
        max-width: 1260px;
        padding: 0 30px
    }
}

.page--scroll {
    overflow-y: hidden
}

.list {
    -webkit-border-radius: 30px;
    border-radius: 30px;
    padding: 30px;
    margin: 100px;
    width: 600px;
    background-color: #efefef;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.list a {
    margin-bottom: 20px;
    font-size: 30px;
    color: #171c8f;
    font-weight: 600
}

@font-face {
    font-family: 'Neucha';
    src: url(fonts/subset-Neucha.woff2) format("woff2"), url(fonts/subset-Neucha.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url(fonts/roboto-condensed-bold.woff2) format("woff2"), url(fonts/roboto-condensed-bold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url(fonts/roboto-condensed-regular.woff2) format("woff2"), url(fonts/roboto-condensed-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

:root {
    --app-height: 100%
}

.page {
    height: 100%;
    margin: 0;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    line-height: 145%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2a384e;
    padding: 80px 0 0;
    background: #cee9ef
}

@media screen and (min-width: 1260px) {
    .page {
        padding-top: 135px;
        font-size: 21px;
        line-height: 120%
    }
}

.page_form {
    padding: 0;
    background: #eaf6f9
}

.page_form .page__wrapper {
    min-height: 100vh
}

.page__wrapper {
    min-width: 320px;
    min-height: calc(100vh - 80px);
    overflow: hidden;
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #eaf6f9
}

@media screen and (min-width: 1260px) {
    .page__wrapper {
        min-height: calc(100vh - 135px)
    }
}

.title {
    font-weight: 800;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -.02em;
    color: #fff;
    text-align: center
}

@media (min-width: 768px) {
    .title {
        font-size: 35px
    }
}

@media (min-width: 1260px) {
    .title {
        font-size: 50px;
        line-height: 100%;
        letter-spacing: normal
    }
}

.text-hidden {
    font-size: 0;
    visibility: hidden;
    opacity: 0
}

.from-tablet {
    display: none
}

@media screen and (min-width: 768px) {
    .from-tablet {
        display: block
    }
}

.mobile-only, .no-csspointerevents .nice-select.open .nice-select-dropdown {
    display: block
}

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

.desktop-only {
    display: none
}

@media screen and (min-width: 1260px) {
    .desktop-only {
        display: block
    }
}

.h1 {
    font-family: "Neucha", sans-serif;
    color: #00625e;
    line-height: 1;
    font-weight: 400
}

.h2, .h3, .h4 {
    font-size: 25px
}

.h2, .h3, .h4, .text-page h2, .text-page h3, .text-page h4 {
    font-family: "Neucha", sans-serif;
    color: #00625e;
    font-weight: 400
}

.h1 {
    font-size: 30px
}

@media screen and (min-width: 768px) {
    .h1 {
        font-size: 35px
    }
}

@media screen and (min-width: 1260px) {
    .h1 {
        font-size: 50px
    }
}

.h2, .h3, .h4, .h5, .text-page h2, .text-page h3, .text-page h4 {
    line-height: 105%
}

@media screen and (min-width: 768px) {
    .h2, .text-page h2 {
        font-size: 35px
    }
}

@media screen and (min-width: 1260px) {
    .h2, .text-page h2 {
        font-size: 40px
    }
}

@media screen and (min-width: 768px) {
    .h3, .text-page h3 {
        font-size: 30px
    }
}

@media screen and (min-width: 1260px) {
    .h3, .text-page h3 {
        font-size: 35px
    }
}

.center {
    text-align: center
}

.ajax-loading {
    opacity: .5;
    pointer-events: none;
    cursor: wait
}

.text-page {
    font-size: 16px;
    line-height: 1.45;
    color: #2a384e
}

@media screen and (min-width: 1260px) {
    .text-page {
        font-size: 18px
    }
}

.text-page h2 {
    font-size: 30px;
    margin: 30px 0 10px
}

@media screen and (min-width: 768px) {
    .text-page h2 {
        font-size: 35px;
        margin: 40px 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .text-page h2 {
        font-size: 40px
    }
}

.text-page h3, .text-page h4 {
    font-size: 25px;
    margin: 20px 0 10px
}

@media screen and (min-width: 768px) {
    .text-page h3 {
        font-size: 30px;
        margin: 40px 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .text-page h3 {
        font-size: 35px
    }
}

.text-page h4 {
    font-size: 20px
}

@media screen and (min-width: 768px) {
    .text-page h4 {
        font-size: 25px;
        margin: 40px 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .text-page h4 {
        font-size: 30px
    }
}

.text-page img {
    display: block;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    margin: 20px 0
}

@media screen and (min-width: 1260px) {
    .text-page img {
        margin: 30px 0
    }
}

.text-page ol {
    counter-reset: leafCounter
}

@media screen and (min-width: 1260px) {
    .text-page ol {
        margin-bottom: 35px
    }
}

.text-page ol li {
    counter-increment: leafCounter
}

.text-page ol li::before, .text-page ul li::before {
    background: url(img/svg/list-item.svg) no-repeat center/contain;
    position: absolute;
    left: 0
}

.text-page ol li::before {
    content: counter(leafCounter);
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 1.45;
    width: 23px;
    height: 18px;
    top: 2px
}

.text-page ol, .text-page ul {
    margin: -4px 0 20px;
    padding: 0
}

@media screen and (min-width: 1260px) {
    .text-page ul {
        margin-bottom: 35px
    }
}

.text-page ol li, .text-page ul li {
    margin-bottom: 10px;
    padding-left: 32px;
    position: relative
}

.text-page ul li::before {
    content: '';
    width: 13px;
    height: 11px;
    top: 6px
}

@media screen and (min-width: 1260px) {
    .text-page ul li::before {
        top: 8px
    }
}

.default-section {
    padding: 18px 0 40px
}

@media screen and (min-width: 768px) {
    .default-section {
        padding-bottom: 50px
    }
}

@media screen and (min-width: 1260px) {
    .default-section {
        padding-top: 25px;
        padding-bottom: 70px
    }
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: solid 1px rgba(0, 98, 94, .5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    font-size: 17px;
    font-weight: 400;
    height: 50px;
    line-height: 1;
    outline: 0;
    padding-left: 20px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    color: rgba(0, 98, 94, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.input input:hover + .input__placeholder, .input textarea:hover + .input__placeholder, .nice-select.selected {
    color: #00625e
}

.nice-select.error {
    border-color: #ee765e
}

.nice-select:hover {
    color: #00625e;
    border-color: #00625e
}

.nice-select.open, .nice-select:active, .nice-select:focus {
    border-color: #00625e
}

.nice-select::after {
    content: "";
    width: 6px;
    height: 4px;
    background: url(img/svg/select.svg) no-repeat center/contain;
    position: absolute;
    right: 18px;
    top: calc(50% - 2px);
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.nice-select.open:after {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.nice-select.open .nice-select-dropdown {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .nice-select-dropdown {
    left: 0 !important;
    right: 0 !important
}

.nice-select.right {
    float: right
}

.nice-select.right .nice-select-dropdown {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .nice-select-dropdown {
    margin-top: 10px;
    background-color: #eaf6f9;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 36px 20px rgba(12, 79, 77, .1), 0 24px 12px rgba(12, 79, 77, .1), 0 10px 8px rgba(12, 79, 77, .1);
    box-shadow: 0 36px 20px rgba(12, 79, 77, .1), 0 24px 12px rgba(12, 79, 77, .1), 0 10px 8px rgba(12, 79, 77, .1);
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: -1px;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(.75) translateY(-20px);
    -ms-transform: scale(.75) translateY(-20px);
    transform: scale(.75) translateY(-20px);
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    z-index: 90;
    opacity: 0;
    width: calc(100% + 2px);
    font-size: 17px
}

.nice-select .list {
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 7px 20px 12px;
    max-height: 210px;
    overflow-y: auto;
    margin: 0;
    width: 100%;
    background: 0 0
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important
}

.nice-select .option {
    cursor: pointer;
    line-height: 1;
    list-style: none;
    outline: 0;
    padding: 8px 0;
    text-align: left;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    color: #00625e;
    border-bottom: 1px solid rgba(0, 98, 94, .2)
}

.nice-select .option:last-child {
    border-bottom: 0
}

.nice-select .option.selected {
    color: rgba(42, 56, 78, .6)
}

.nice-select .option.disabled, .no-csspointerevents .nice-select .nice-select-dropdown, input[type=checkbox], input[type=radio] {
    display: none
}

.nice-select .optgroup {
    font-weight: 700
}

.nice-select .list::-webkit-scrollbar {
    width: 0
}

.nice-select .has-multiple {
    white-space: inherit;
    height: auto;
    padding: 7px 12px;
    min-height: 36px;
    line-height: 22px
}

.nice-select .current {
    position: relative;
    top: -1px
}

.nice-select .current::after {
    content: '*';
    display: inline-block;
    font-size: 18px;
    line-height: 1.2;
    color: #ee765e;
    margin-left: 5px
}

.nice-select .has-multiple .multiple-options {
    display: block;
    line-height: 24px;
    padding: 0
}

.nice-select .nice-select-search-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    pointer-events: none;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.nice-select .nice-select-search {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #444;
    display: inline-block;
    vertical-align: middle;
    padding: 7px 12px;
    margin: 0 10px 0 0;
    width: 100%;
    min-height: 36px;
    line-height: 22px;
    height: auto;
    outline: 0 !important;
    font-size: 14px
}

a:hover {
    text-decoration: underline
}

input[type=checkbox] + i::before, input[type=radio] + i::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(img/svg/checkbox.svg) no-repeat center/contain;
    position: absolute;
    left: 0;
    top: 3px
}

input[type=radio] + i::before {
    background-image: url(img/svg/radio.svg)
}

input[type=checkbox]:checked + i::before {
    background-image: url(img/svg/checkbox-checked.svg)
}

input[type=radio]:checked + i::before {
    background-image: url(img/svg/radio-checked.svg)
}

input[type=email], input[type=password], input[type=tel], input[type=text] {
    height: 50px
}

input[type=email], input[type=password], input[type=tel], input[type=text], textarea {
    caret-color: #00625e;
    display: block;
    width: 100%;
    background: 0 0;
    border: 1px solid rgba(42, 56, 78, .6);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 17px;
    color: rgba(42, 56, 78, .6);
    line-height: 1.2;
    -webkit-transition: color .25s ease-in-out, border .25s ease-in-out, padding .25s ease-in-out;
    -o-transition: color .25s ease-in-out, border .25s ease-in-out, padding .25s ease-in-out;
    transition: color .25s ease-in-out, border .25s ease-in-out, padding .25s ease-in-out;
    padding: 13px 20px 12px;
    font-family: "Roboto Condensed", sans-serif
}

input[type=email]:focus, input[type=email]:hover, input[type=password]:focus, input[type=password]:hover, input[type=tel]:focus, input[type=tel]:hover, input[type=text]:focus, input[type=text]:hover, textarea:focus, textarea:hover {
    border-color: #00625e;
    color: #00625e
}

input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, textarea:focus {
    border-width: 2px;
    padding-left: 19px
}

input[type=email]:disabled, input[type=password]:disabled, input[type=tel]:disabled, input[type=text]:disabled, textarea:disabled {
    background: #fff;
    color: rgba(0, 98, 94, .2);
    border-color: rgba(0, 98, 94, .2)
}

textarea {
    height: 170px
}

.input {
    position: relative
}

.input input:focus + .input__placeholder, .input input:not(:placeholder-shown) + .input__placeholder, .input textarea:focus + .input__placeholder, .input textarea:not(:placeholder-shown) + .input__placeholder {
    padding: 0 10px 4px;
    background: #fff;
    color: rgba(0, 98, 94, .5);
    left: 10px;
    top: -13px;
    font-size: 15px;
    white-space: nowrap
}

.input input:disabled + .input__placeholder, .input textarea:disabled + .input__placeholder {
    color: rgba(0, 98, 94, .2)
}

.input__placeholder {
    display: inline-block;
    width: auto;
    pointer-events: none;
    position: absolute;
    left: 20px;
    top: 13px;
    max-width: calc(100% - 40px);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: rgba(42, 56, 78, .6);
    z-index: 10;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    font-size: 17px;
    line-height: 1.2
}

textarea + .input__placeholder {
    white-space: normal
}

.input__star {
    font-size: 18px;
    line-height: 1.2;
    color: #ee765e;
    margin-left: 5px
}

.input_error input, .input_error textarea {
    border-color: #ee765e !important
}

.input_error input:focus, .input_error input:hover, .input_error textarea:focus, .input_error textarea:hover {
    border-color: #ee765e !important
}

.input_error input:focus + .input__placeholder, .input_error input:not(:placeholder-shown) + .input__placeholder, .input_error textarea:focus + .input__placeholder, .input_error textarea:not(:placeholder-shown) + .input__placeholder {
    color: #ee765e
}

body:not(.user-is-tabbing) [role=button]:focus, body:not(.user-is-tabbing) button:focus, body:not(.user-is-tabbing) input:focus, body:not(.user-is-tabbing) input:focus + label, body:not(.user-is-tabbing) select:focus, body:not(.user-is-tabbing) textarea:focus {
    outline: 0 !important
}

.btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    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;
    min-height: 45px;
    font-family: "Neucha", sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .12em;
    line-height: 1;
    padding: 9px 13px;
    border: 0;
    -webkit-transition: -webkit-filter .25s ease-in-out;
    -o-transition: filter .25s ease-in-out;
    transition: filter .25s ease-in-out;
    transition: filter .25s ease-in-out, -webkit-filter .25s ease-in-out;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 121 50' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M86.0833 0.534204C70.2338 0.818294 -0.393606 -2.02261 0.718637 3.09102C-0.393606 19.0001 0.996697 24.6819 0.440576 29.2274C0.162515 30.9319 -0.393606 40.3069 0.440576 41.7274C0.440576 41.7274 0.440576 46.5569 0.996697 47.9774C2.387 52.8069 71.6241 47.9774 92.2006 49.966C94.1471 50.2501 117.504 50.8183 119.173 49.3978C121.953 46.841 119.729 39.7388 120.007 35.1933C120.841 21.5569 121.119 19.8524 120.563 7.92057C120.563 6.21602 120.285 4.22739 119.451 3.09102C118.616 2.23875 116.67 1.38648 115.558 1.10239C109.44 0.250113 91.9226 0.534204 86.0833 0.534204Z' fill='%2300625E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    font-weight: 400
}

@media screen and (min-width: 768px) {
    .btn {
        padding: 9px 20px
    }
}

.btn:disabled {
    background-image: url(img/svg/button-disabled.svg);
    cursor: default;
    color: rgba(255, 255, 255, .5)
}

.btn:disabled::after {
    opacity: .5
}

@media screen and (min-width: 1260px) {
    .btn {
        min-height: 50px;
        padding: 11px 20px;
        font-size: 17px
    }
}

.btn:active, .btn:hover {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 121 50' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M86.0833 0.534204C70.2338 0.818294 -0.393606 -2.02261 0.718637 3.09102C-0.393606 19.0001 0.996697 24.6819 0.440576 29.2274C0.162515 30.9319 -0.393606 40.3069 0.440576 41.7274C0.440576 41.7274 0.440576 46.5569 0.996697 47.9774C2.387 52.8069 71.6241 47.9774 92.2006 49.966C94.1471 50.2501 117.504 50.8183 119.173 49.3978C121.953 46.841 119.729 39.7388 120.007 35.1933C120.841 21.5569 121.119 19.8524 120.563 7.92057C120.563 6.21602 120.285 4.22739 119.451 3.09102C118.616 2.23875 116.67 1.38648 115.558 1.10239C109.44 0.250113 91.9226 0.534204 86.0833 0.534204Z' fill='%231E807C'/%3E%3C/svg%3E%0A")
}

.btn:hover {
    text-decoration: none
}

.btn:active {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

.btn_arrow::after {
    content: '';
    display: block;
    width: 13px;
    height: 9px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 13px;
    flex: 0 0 13px;
    margin-left: 9px;
    background: url(img/svg/button-arrow.svg) no-repeat center/contain;
    position: relative;
    top: 1px
}

.btn_small {
    background: #00625e;
    font-family: "Roboto Condensed", sans-serif;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    letter-spacing: 0;
    padding: 0 20px 3px;
    text-transform: none;
    min-height: 35px;
    font-size: 17px;
    -webkit-transition: -webkit-box-shadow .25s ease-in-out;
    -o-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out, -webkit-box-shadow .25s ease-in-out
}

.btn_small-white, .btn_small:hover {
    -webkit-box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    box-shadow: 0 1px 2px rgba(1, 78, 114, .1)
}

.btn_small:hover {
    background-image: none;
    background: #118e87
}

.btn_small-white {
    font-family: "Roboto Condensed", sans-serif;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    letter-spacing: 0;
    padding: 0 20px 3px;
    text-transform: none;
    min-height: 35px;
    font-size: 17px;
    -webkit-transition: -webkit-box-shadow .25s ease-in-out;
    -o-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out, -webkit-box-shadow .25s ease-in-out
}

.btn_small-white:hover, .btn_small:hover {
    -webkit-filter: none;
    filter: none
}

.btn_light, .btn_small-white, .btn_white {
    background: #fff;
    color: #00625e
}

.btn_light.btn_arrow::after, .btn_small-white.btn_arrow::after, .btn_white.btn_arrow::after {
    background-image: url(img/svg/button-arrow-green.svg);
    position: relative;
    top: 2px;
    -webkit-transition: background .25s ease-in-out;
    -o-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out
}

.btn_light {
    background: #f6fafc;
    -webkit-transition: -webkit-box-shadow .25s ease-in-out;
    -o-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out, -webkit-box-shadow .25s ease-in-out
}

.btn_light:hover, .btn_small-white:hover {
    -webkit-box-shadow: 0 3px 6px rgba(1, 78, 114, .2);
    box-shadow: 0 3px 6px rgba(1, 78, 114, .2);
    background-image: none
}

.btn__number {
    margin-left: 10px;
    opacity: .5
}

.error-message {
    display: block;
    margin: 0 0 30px;
    font-size: 17px
}

/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */
@keyframes scale-in-center {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1
    }
    to {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1
    }
}

@keyframes fade-in-down {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fade-in-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-30px);
        transform: translateX(-30px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fade-in {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade-out {
    0% {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 10px
}

body {
    margin: 0;
    background: #cee9ef
}

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

h1 {
    font-size: 2em
}

figure {
    margin: 1em 40px
}

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

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

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    font: inherit;
    text-decoration: none;
    color: inherit;
    border: 0;
    outline: 0;
    -webkit-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out
}

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

b, strong {
    font-weight: bolder
}

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, canvas, video {
    display: inline-block
}

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

img {
    border-style: none;
    max-width: 100%;
    height: auto
}

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

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

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
}

[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
}

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

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

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

textarea {
    overflow: auto
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}

@font-face {
    font-family: 'Neucha';
    src: url(fonts/subset-Neucha.woff2) format("woff2"), url(fonts/subset-Neucha.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url(fonts/roboto-condensed-bold.woff2) format("woff2"), url(fonts/roboto-condensed-bold.woff) format("woff");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Roboto Condensed';
    src: url(fonts/roboto-condensed-regular.woff2) format("woff2"), url(fonts/roboto-condensed-regular.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

:root {
    --app-height: 100%
}

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

body.fixed {
    overflow: hidden
}

.page {
    height: 100%;
    margin: 0;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 18px;
    line-height: 145%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2a384e;
    padding: 80px 0 0;
    background: #cee9ef
}

@media screen and (min-width: 1260px) {
    .page {
        padding-top: 135px;
        font-size: 21px;
        line-height: 120%
    }
}

.page_form {
    padding: 0;
    background: #eaf6f9
}

.page_form .page__wrapper {
    min-height: 100vh
}

.page__wrapper {
    min-width: 320px;
    min-height: calc(100vh - 80px);
    overflow: hidden;
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: #eaf6f9
}

@media screen and (min-width: 1260px) {
    .page__wrapper {
        min-height: calc(100vh - 135px)
    }
}

.title {
    font-weight: 800;
    font-size: 30px;
    line-height: 100%;
    letter-spacing: -.02em;
    color: #fff;
    text-align: center
}

@media (min-width: 768px) {
    .title {
        font-size: 35px
    }
}

@media (min-width: 1260px) {
    .title {
        font-size: 50px;
        line-height: 100%;
        letter-spacing: normal
    }
}

li, ul {
    list-style: none
}

h1, h2, h3, h4, h5, h6, li, p, ul {
    margin: 0;
    padding: 0
}

.text-hidden {
    font-size: 0;
    visibility: hidden;
    opacity: 0
}

.from-tablet {
    display: none
}

@media screen and (min-width: 768px) {
    .from-tablet {
        display: block
    }
}

.mobile-only, .no-csspointerevents .nice-select.open .nice-select-dropdown {
    display: block
}

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

.desktop-only, input[type=checkbox], input[type=radio] {
    display: none
}

@media screen and (min-width: 1260px) {
    .desktop-only {
        display: block
    }
}

.h1 {
    font-family: "Neucha", sans-serif;
    color: #00625e;
    line-height: 1;
    font-weight: 400
}

.h2, .h3, .h4 {
    font-size: 25px
}

.h2, .h3, .h4, .text-page h2, .text-page h3, .text-page h4 {
    font-family: "Neucha", sans-serif;
    color: #00625e;
    font-weight: 400
}

.h1 {
    font-size: 30px
}

@media screen and (min-width: 768px) {
    .h1 {
        font-size: 35px
    }
}

@media screen and (min-width: 1260px) {
    .h1 {
        font-size: 50px
    }
}

.h2, .h3, .h4, .h5, .text-page h2, .text-page h3, .text-page h4 {
    line-height: 105%
}

@media screen and (min-width: 768px) {
    .h2, .text-page h2 {
        font-size: 35px
    }
}

@media screen and (min-width: 1260px) {
    .h2, .text-page h2 {
        font-size: 40px
    }
}

@media screen and (min-width: 768px) {
    .h3, .text-page h3 {
        font-size: 30px
    }
}

@media screen and (min-width: 1260px) {
    .h3, .text-page h3 {
        font-size: 35px
    }
}

.center {
    text-align: center
}

.ajax-loading {
    opacity: .5;
    pointer-events: none;
    cursor: wait
}

.text-page {
    font-size: 16px;
    line-height: 1.45;
    color: #2a384e
}

@media screen and (min-width: 1260px) {
    .text-page {
        font-size: 18px
    }
}

.text-page p {
    margin: 15px 0
}

.text-page h2 {
    font-size: 30px;
    margin: 30px 0 10px
}

@media screen and (min-width: 768px) {
    .text-page h2 {
        font-size: 35px;
        margin: 40px 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .text-page h2 {
        font-size: 40px
    }
}

.text-page h3, .text-page h4 {
    font-size: 25px;
    margin: 20px 0 10px
}

@media screen and (min-width: 768px) {
    .text-page h3 {
        font-size: 30px;
        margin: 40px 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .text-page h3 {
        font-size: 35px
    }
}

.text-page h4 {
    font-size: 20px
}

@media screen and (min-width: 768px) {
    .text-page h4 {
        font-size: 25px;
        margin: 40px 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .text-page h4 {
        font-size: 30px
    }
}

.text-page img {
    display: block;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    margin: 20px 0
}

@media screen and (min-width: 1260px) {
    .text-page img {
        margin: 30px 0
    }
}

.text-page a:not(.btn) {
    color: #00625e
}

.text-page b {
    font-weight: 600
}

.text-page ol {
    counter-reset: leafCounter
}

@media screen and (min-width: 1260px) {
    .text-page ol {
        margin-bottom: 35px
    }
}

.text-page ol li {
    counter-increment: leafCounter
}

.text-page ol li::before, .text-page ul li::before {
    background: url(img/svg/list-item.svg) no-repeat center/contain;
    position: absolute;
    left: 0
}

.text-page ol li::before {
    content: counter(leafCounter);
    color: #fff;
    font-size: 15px;
    text-align: center;
    line-height: 1.45;
    width: 23px;
    height: 18px;
    top: 2px
}

.text-page ol, .text-page ul {
    margin: -4px 0 20px;
    padding: 0
}

@media screen and (min-width: 1260px) {
    .text-page ul {
        margin-bottom: 35px
    }
}

.text-page ol li, .text-page ul li {
    margin-bottom: 10px;
    padding-left: 32px;
    position: relative
}

.text-page ul li::before {
    content: '';
    width: 13px;
    height: 11px;
    top: 6px
}

@media screen and (min-width: 1260px) {
    .text-page ul li::before {
        top: 8px
    }
}

.default-section {
    padding: 18px 0 40px
}

@media screen and (min-width: 768px) {
    .default-section {
        padding-bottom: 50px
    }
}

@media screen and (min-width: 1260px) {
    .default-section {
        padding-top: 25px;
        padding-bottom: 70px
    }
}

a:hover {
    text-decoration: underline
}

input[type=checkbox] + i, input[type=radio] + i {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding-left: 27px;
    font-style: normal
}

input[type=checkbox] + i::before, input[type=radio] + i::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(img/svg/checkbox.svg) no-repeat center/contain;
    position: absolute;
    left: 0;
    top: 3px
}

input[type=radio] + i::before {
    background-image: url(img/svg/radio.svg)
}

input[type=checkbox]:checked + i::before {
    background-image: url(img/svg/checkbox-checked.svg)
}

input[type=radio]:checked + i::before {
    background-image: url(img/svg/radio-checked.svg)
}

input[type=email], input[type=password], input[type=tel], input[type=text] {
    height: 50px
}

input[type=email], input[type=password], input[type=tel], input[type=text], textarea {
    caret-color: #00625e;
    display: block;
    width: 100%;
    background: 0 0;
    border: 1px solid rgba(42, 56, 78, .6);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 17px;
    color: rgba(42, 56, 78, .6);
    line-height: 1.2;
    -webkit-transition: color .25s ease-in-out, border .25s ease-in-out, padding .25s ease-in-out;
    -o-transition: color .25s ease-in-out, border .25s ease-in-out, padding .25s ease-in-out;
    transition: color .25s ease-in-out, border .25s ease-in-out, padding .25s ease-in-out;
    padding: 13px 20px 12px;
    font-family: "Roboto Condensed", sans-serif
}

input[type=email]:focus, input[type=email]:hover, input[type=password]:focus, input[type=password]:hover, input[type=tel]:focus, input[type=tel]:hover, input[type=text]:focus, input[type=text]:hover, textarea:focus, textarea:hover {
    border-color: #00625e;
    color: #00625e
}

input[type=email]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, textarea:focus {
    border-width: 2px;
    padding-left: 19px
}

input[type=email]:disabled, input[type=password]:disabled, input[type=tel]:disabled, input[type=text]:disabled, textarea:disabled {
    background: #fff;
    color: rgba(0, 98, 94, .2);
    border-color: rgba(0, 98, 94, .2)
}

textarea {
    height: 170px
}

.input {
    position: relative
}

.input input:hover + .input__placeholder, .input textarea:hover + .input__placeholder {
    color: #00625e
}

.input input:focus + .input__placeholder, .input input:not(:placeholder-shown) + .input__placeholder, .input textarea:focus + .input__placeholder, .input textarea:not(:placeholder-shown) + .input__placeholder {
    padding: 0 10px 4px;
    background: #fff;
    color: rgba(0, 98, 94, .5);
    left: 10px;
    top: -13px;
    font-size: 15px;
    white-space: nowrap
}

.input input:focus + .input__placeholder .input__star, .input input:not(:placeholder-shown) + .input__placeholder .input__star, .input textarea:focus + .input__placeholder .input__star, .input textarea:not(:placeholder-shown) + .input__placeholder .input__star {
    margin-left: 10px
}

.input input:disabled + .input__placeholder, .input textarea:disabled + .input__placeholder {
    color: rgba(0, 98, 94, .2)
}

.input__placeholder {
    display: inline-block;
    width: auto;
    pointer-events: none;
    position: absolute;
    left: 20px;
    top: 13px;
    max-width: calc(100% - 40px);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    color: rgba(42, 56, 78, .6);
    z-index: 10;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    font-size: 17px;
    line-height: 1.2
}

textarea + .input__placeholder {
    white-space: normal
}

.input__star {
    font-size: 18px;
    line-height: 1.2;
    color: #ee765e;
    margin-left: 5px
}

.input_error input, .input_error textarea {
    border-color: #ee765e !important
}

.input_error input:focus, .input_error input:hover, .input_error textarea:focus, .input_error textarea:hover {
    border-color: #ee765e !important
}

.input_error input:focus + .input__placeholder, .input_error input:not(:placeholder-shown) + .input__placeholder, .input_error textarea:focus + .input__placeholder, .input_error textarea:not(:placeholder-shown) + .input__placeholder {
    color: #ee765e
}

body:not(.user-is-tabbing) [role=button]:focus, body:not(.user-is-tabbing) button:focus, body:not(.user-is-tabbing) input:focus, body:not(.user-is-tabbing) input:focus + label, body:not(.user-is-tabbing) select:focus, body:not(.user-is-tabbing) textarea:focus {
    outline: 0 !important
}

.btn {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    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;
    min-height: 45px;
    font-family: "Neucha", sans-serif;
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: .12em;
    line-height: 1;
    padding: 9px 13px;
    border: 0;
    -webkit-transition: -webkit-filter .25s ease-in-out;
    -o-transition: filter .25s ease-in-out;
    transition: filter .25s ease-in-out;
    transition: filter .25s ease-in-out, -webkit-filter .25s ease-in-out;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 121 50' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M86.0833 0.534204C70.2338 0.818294 -0.393606 -2.02261 0.718637 3.09102C-0.393606 19.0001 0.996697 24.6819 0.440576 29.2274C0.162515 30.9319 -0.393606 40.3069 0.440576 41.7274C0.440576 41.7274 0.440576 46.5569 0.996697 47.9774C2.387 52.8069 71.6241 47.9774 92.2006 49.966C94.1471 50.2501 117.504 50.8183 119.173 49.3978C121.953 46.841 119.729 39.7388 120.007 35.1933C120.841 21.5569 121.119 19.8524 120.563 7.92057C120.563 6.21602 120.285 4.22739 119.451 3.09102C118.616 2.23875 116.67 1.38648 115.558 1.10239C109.44 0.250113 91.9226 0.534204 86.0833 0.534204Z' fill='%2300625E'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
    font-weight: 400
}

@media screen and (min-width: 768px) {
    .btn {
        padding: 9px 20px
    }
}

.btn:disabled {
    background-image: url(img/svg/button-disabled.svg);
    cursor: default;
    color: rgba(255, 255, 255, .5)
}

.btn:disabled::after {
    opacity: .5
}

@media screen and (min-width: 1260px) {
    .btn {
        min-height: 50px;
        padding: 11px 20px;
        font-size: 17px
    }
}

.btn:active, .btn:hover {
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 121 50' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M86.0833 0.534204C70.2338 0.818294 -0.393606 -2.02261 0.718637 3.09102C-0.393606 19.0001 0.996697 24.6819 0.440576 29.2274C0.162515 30.9319 -0.393606 40.3069 0.440576 41.7274C0.440576 41.7274 0.440576 46.5569 0.996697 47.9774C2.387 52.8069 71.6241 47.9774 92.2006 49.966C94.1471 50.2501 117.504 50.8183 119.173 49.3978C121.953 46.841 119.729 39.7388 120.007 35.1933C120.841 21.5569 121.119 19.8524 120.563 7.92057C120.563 6.21602 120.285 4.22739 119.451 3.09102C118.616 2.23875 116.67 1.38648 115.558 1.10239C109.44 0.250113 91.9226 0.534204 86.0833 0.534204Z' fill='%231E807C'/%3E%3C/svg%3E%0A")
}

.btn:hover {
    text-decoration: none
}

.btn:active {
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: 100% 100%;
    background-size: 100%
}

.btn_arrow::after {
    content: '';
    display: block;
    width: 13px;
    height: 9px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 13px;
    flex: 0 0 13px;
    margin-left: 9px;
    background: url(img/svg/button-arrow.svg) no-repeat center/contain;
    position: relative;
    top: 1px
}

.btn_small {
    background: #00625e;
    font-family: "Roboto Condensed", sans-serif;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    letter-spacing: 0;
    padding: 0 20px 3px;
    text-transform: none;
    min-height: 35px;
    font-size: 17px;
    -webkit-transition: -webkit-box-shadow .25s ease-in-out;
    -o-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out, -webkit-box-shadow .25s ease-in-out
}

.btn_small-white, .btn_small:hover {
    -webkit-box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    box-shadow: 0 1px 2px rgba(1, 78, 114, .1)
}

.btn_small:hover {
    background-image: none;
    background: #118e87
}

.btn_small-white {
    font-family: "Roboto Condensed", sans-serif;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    letter-spacing: 0;
    padding: 0 20px 3px;
    text-transform: none;
    min-height: 35px;
    font-size: 17px;
    -webkit-transition: -webkit-box-shadow .25s ease-in-out;
    -o-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out, -webkit-box-shadow .25s ease-in-out
}

.btn_small-white:hover, .btn_small:hover {
    -webkit-filter: none;
    filter: none
}

.btn_light, .btn_small-white, .btn_white {
    background: #fff;
    color: #00625e
}

.btn_light.btn_arrow::after, .btn_small-white.btn_arrow::after, .btn_white.btn_arrow::after {
    background-image: url(img/svg/button-arrow-green.svg);
    position: relative;
    top: 2px;
    -webkit-transition: background .25s ease-in-out;
    -o-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out
}

.btn_light {
    background: #f6fafc;
    -webkit-transition: -webkit-box-shadow .25s ease-in-out;
    -o-transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out;
    transition: box-shadow .25s ease-in-out, -webkit-box-shadow .25s ease-in-out
}

.btn_light:hover, .btn_small-white:hover {
    -webkit-box-shadow: 0 3px 6px rgba(1, 78, 114, .2);
    box-shadow: 0 3px 6px rgba(1, 78, 114, .2);
    background-image: none
}

.btn__number {
    margin-left: 10px;
    opacity: .5
}

.error-message {
    display: block;
    margin: 0 0 30px;
    font-size: 17px
}

.nice-select {
    -webkit-tap-highlight-color: transparent;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    border: solid 1px rgba(0, 98, 94, .5);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    font-size: 17px;
    font-weight: 400;
    height: 50px;
    line-height: 1;
    outline: 0;
    padding-left: 20px;
    padding-right: 30px;
    position: relative;
    text-align: left !important;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto;
    color: rgba(0, 98, 94, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.nice-select.selected {
    color: #00625e
}

.nice-select.error {
    border-color: #ee765e
}

.nice-select:hover {
    color: #00625e;
    border-color: #00625e
}

.contactForm__input input:focus, .contactForm__input textarea:focus, .nice-select.open, .nice-select:active, .nice-select:focus {
    border-color: #00625e
}

.nice-select::after {
    content: "";
    width: 6px;
    height: 4px;
    background: url(img/svg/select.svg) no-repeat center/contain;
    position: absolute;
    right: 18px;
    top: calc(50% - 2px);
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.nice-select.open:after {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.nice-select.open .nice-select-dropdown {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}

.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}

.nice-select.disabled:after {
    border-color: #ccc
}

.nice-select.wide {
    width: 100%
}

.nice-select.wide .nice-select-dropdown {
    left: 0 !important;
    right: 0 !important
}

.nice-select.right {
    float: right
}

.nice-select.right .nice-select-dropdown {
    left: auto;
    right: 0
}

.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}

.nice-select.small:after {
    height: 4px;
    width: 4px
}

.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}

.nice-select .nice-select-dropdown {
    margin-top: 10px;
    background-color: #eaf6f9;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-shadow: 0 36px 20px rgba(12, 79, 77, .1), 0 24px 12px rgba(12, 79, 77, .1), 0 10px 8px rgba(12, 79, 77, .1);
    box-shadow: 0 36px 20px rgba(12, 79, 77, .1), 0 24px 12px rgba(12, 79, 77, .1), 0 10px 8px rgba(12, 79, 77, .1);
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: -1px;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(.75) translateY(-20px);
    -ms-transform: scale(.75) translateY(-20px);
    transform: scale(.75) translateY(-20px);
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    z-index: 90;
    opacity: 0;
    width: calc(100% + 2px);
    font-size: 17px
}

.nice-select .list {
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    padding: 7px 20px 12px;
    max-height: 210px;
    overflow-y: auto;
    margin: 0;
    width: 100%;
    background: 0 0
}

.nice-select .list:hover .option:not(:hover) {
    background-color: transparent !important
}

.nice-select .option {
    cursor: pointer;
    line-height: 1;
    list-style: none;
    outline: 0;
    padding: 8px 0;
    text-align: left;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    color: #00625e;
    border-bottom: 1px solid rgba(0, 98, 94, .2)
}

.nice-select .option:last-child {
    border-bottom: 0
}

.nice-select .option.selected {
    color: rgba(42, 56, 78, .6)
}

.nice-select .option.disabled, .no-csspointerevents .nice-select .nice-select-dropdown {
    display: none
}

.nice-select .optgroup {
    font-weight: 700
}

.nice-select .list::-webkit-scrollbar {
    width: 0
}

.nice-select .has-multiple {
    white-space: inherit;
    height: auto;
    padding: 7px 12px;
    min-height: 36px;
    line-height: 22px
}

.nice-select .has-multiple span.current {
    border: 1px solid #ccc;
    background: #eee;
    padding: 0 10px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    line-height: 24px;
    font-size: 14px;
    margin-bottom: 3px;
    margin-right: 3px
}

.nice-select .current {
    position: relative;
    top: -1px
}

.nice-select .current::after {
    content: '*';
    display: inline-block;
    font-size: 18px;
    line-height: 1.2;
    color: #ee765e;
    margin-left: 5px
}

.nice-select .has-multiple .multiple-options {
    display: block;
    line-height: 24px;
    padding: 0
}

.nice-select .nice-select-search-box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 5px;
    pointer-events: none;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.nice-select .nice-select-search {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #e8e8e8;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    color: #444;
    display: inline-block;
    vertical-align: middle;
    padding: 7px 12px;
    margin: 0 10px 0 0;
    width: 100%;
    min-height: 36px;
    line-height: 22px;
    height: auto;
    outline: 0 !important;
    font-size: 14px
}

._template {
    display: block
}

.about {
    position: relative;
    background: #cee9ef;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .about {
        padding-top: 50px;
        padding-bottom: 50px;
        text-align: left
    }

    .about .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (min-width: 1260px) {
    .about {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.about__image {
    width: 232px;
    height: 166px;
    display: inline-block;
    margin-bottom: 17px;
    position: relative
}

@media screen and (min-width: 400px) {
    .about__image {
        width: 287px;
        height: 205px
    }
}

@media screen and (min-width: 768px) {
    .about__image {
        width: 356px;
        height: 254px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 356px;
        flex: 0 0 356px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (min-width: 1260px) {
    .about__image {
        width: 499px;
        height: 356px;
        -ms-flex-preferred-size: 499px;
        flex-basis: 499px;
        margin-bottom: 0
    }
}

.about__bitmap {
    display: block;
    width: 100%;
    height: 100%;
    background: url(img/about/bitmap-m.png) no-repeat center/contain
}

@media screen and (min-width: 400px) {
    .about__bitmap {
        background-image: url(img/about/bitmap-m2.png)
    }
}

@media screen and (min-width: 768px) {
    .about__bitmap {
        background-image: url(img/about/bitmap-t.png)
    }
}

@media screen and (min-width: 1260px) {
    .about__bitmap {
        background-image: url(img/about/bitmap-d.png)
    }
}

.about__vector {
    position: absolute;
    left: -24px;
    top: 0;
    background: url(img/about/vector.svg) no-repeat center/contain;
    width: 275px;
    height: 170px
}

@media screen and (min-width: 400px) {
    .about__vector {
        width: 339px;
        height: 210px;
        left: -30px
    }
}

@media screen and (min-width: 768px) {
    .about__vector {
        width: 420px;
        height: 261px;
        left: -37px
    }
}

@media screen and (min-width: 1260px) {
    .about__vector {
        width: 588px;
        height: 365px;
        left: -52px
    }
}

@media screen and (min-width: 768px) {
    .about__text {
        margin-right: 48px
    }
}

@media screen and (min-width: 1260px) {
    .about__text {
        margin-right: 109px;
        margin-left: 101px;
        margin-top: 7px
    }
}

.about__title {
    margin-bottom: 14px;
    padding: 0 10px
}

@media screen and (min-width: 768px) {
    .about__title {
        padding: 0;
        margin-bottom: 12px;
        max-width: 300px
    }
}

@media screen and (min-width: 1260px) {
    .about__title {
        margin-bottom: 17px
    }
}

.about__content {
    font-size: 17px;
    line-height: 1.2;
    margin-bottom: 19px;
    color: #2a384e
}

.about__content p {
    margin-bottom: 15px
}

@media screen and (min-width: 768px) {
    .about__content {
        margin-bottom: 23px;
        max-width: 300px
    }
}

@media screen and (min-width: 1260px) {
    .about__content {
        margin-bottom: 30px;
        font-size: 20px;
        line-height: 1.25;
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .about__btn {
        min-height: 50px
    }
}

.aboutExperts {
    padding: 40px 0;
    text-align: center
}

@media screen and (min-width: 768px) {
    .aboutExperts {
        padding: 0 0 50px
    }
}

@media screen and (min-width: 1260px) {
    .aboutExperts {
        padding-bottom: 80px
    }
}

.aboutExperts__title {
    max-width: 300px;
    margin: 0 auto 20px
}

@media screen and (min-width: 768px) {
    .aboutExperts__title {
        margin-bottom: 30px;
        max-width: 100%
    }
}

@media screen and (min-width: 1260px) {
    .aboutExperts__title {
        margin-bottom: 45px
    }
}

.aboutExperts__icons {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (min-width: 768px) {
    .aboutExperts__icons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.aboutExperts__icon {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .aboutExperts__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 229px;
        flex: 0 0 229px;
        margin: 0 10px
    }
}

@media screen and (min-width: 1260px) {
    .aboutExperts__icon {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 380px;
        flex: 0 0 380px;
        margin: 0 15px
    }

    .aboutExperts__icon:nth-child(2) {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 400px;
        flex: 0 0 400px
    }

    .aboutExperts__icon:nth-child(2) .aboutExperts__icon-text {
        max-width: 400px
    }
}

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

.aboutExperts__icon-image {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .aboutExperts__icon-image {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .aboutExperts__icon-image {
        margin-bottom: 34px
    }
}

.aboutExperts__icon-image img {
    width: 216px;
    height: auto;
    display: block
}

@media screen and (min-width: 1260px) {
    .aboutExperts__icon-image img {
        width: 292px
    }
}

.aboutExperts__icon-title {
    font-size: 40px;
    font-family: "Neucha", sans-serif;
    color: #00625e;
    line-height: 1.05;
    margin-bottom: 9px;
    margin-top: -24px
}

@media screen and (min-width: 768px) {
    .aboutExperts__icon-title {
        margin-top: -30px
    }
}

@media screen and (min-width: 1260px) {
    .aboutExperts__icon-title {
        font-size: 70px;
        margin-top: -59px;
        margin-bottom: 13px
    }
}

.aboutExperts__icon-text {
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 1260px) {
    .aboutExperts__icon-text {
        font-size: 20px;
        line-height: 1.3;
        max-width: 300px;
        margin: 0 auto
    }
}

.aboutHistory {
    position: relative;
    background: #cee9ef;
    padding: 40px 0
}

@media screen and (min-width: 768px) {
    .aboutHistory {
        padding: 50px 0
    }
}

@media screen and (min-width: 1260px) {
    .aboutHistory {
        padding: 70px 0
    }
}

@media screen and (min-width: 768px) {
    .aboutHistory__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.aboutHistory__title {
    text-align: center;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .aboutHistory__title {
        margin-bottom: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 125px;
        flex: 0 0 125px;
        max-width: 125px;
        text-align: left;
        position: relative
    }

    .aboutHistory__title::after {
        content: '';
        display: block;
        width: 119px;
        height: 68px;
        position: absolute;
        bottom: 53px;
        left: 0;
        background: url(img/aboutHistory/tiger.svg) no-repeat center/contain
    }
}

@media screen and (min-width: 1260px) {
    .aboutHistory__title {
        -ms-flex-preferred-size: 205px;
        flex-basis: 205px;
        max-width: 205px;
        padding-top: 10px
    }

    .aboutHistory__title::after {
        width: 168px;
        height: 96px;
        bottom: 61px
    }
}

.aboutHistory__slider-container {
    position: relative;
    padding: 0 30px 0 15px
}

@media screen and (min-width: 360px) {
    .aboutHistory__slider-container {
        padding: 0 10px
    }
}

@media screen and (min-width: 768px) {
    .aboutHistory__slider-container {
        padding: 0 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 603px;
        flex: 0 0 603px;
        max-width: 603px
    }
}

@media screen and (min-width: 1260px) {
    .aboutHistory__slider-container {
        -ms-flex-preferred-size: 995px;
        flex-basis: 995px;
        max-width: 995px;
        padding-top: 12px
    }
}

.aboutHistory__slider-container::before {
    content: '';
    display: block;
    position: absolute;
    bottom: 52px;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(0, 98, 94, .5)
}

.aboutHistory__next, .aboutHistory__prev {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: calc(50% - 52px);
    width: 20px;
    height: 36px;
    background: url(img/aboutHistory/prev.svg) no-repeat center/contain;
    border: 0;
    padding: 0;
    z-index: 50;
    -webkit-transition: opacity .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

.aboutHistory__next {
    left: auto;
    right: 0;
    background-image: url(img/aboutHistory/next.svg)
}

.aboutHistory__next.slick-disabled, .aboutHistory__prev.slick-disabled {
    opacity: 0
}

.aboutHistory__date-wrapper, .aboutHistory__slider .slick-slide > div, .aboutHistory__slider .swiper-slide > div {
    height: 100%
}

.aboutHistory__date {
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    padding-bottom: 72px;
    position: relative
}

@media screen and (min-width: 360px) {
    .aboutHistory__date {
        padding-top: 10px;
        opacity: 1
    }
}

.aboutHistory__date::after {
    content: '';
    display: block;
    width: 1px;
    height: calc(100% - 64px);
    background: #00625e;
    opacity: .5;
    left: 14.5px;
    top: 0
}

.aboutHistory__date::after, .aboutHistory__dot, .aboutHistory__year {
    position: absolute;
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out
}

.aboutHistory__dot {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 7px solid #cee9ef;
    background: #00625e;
    left: 5px;
    bottom: 43px
}

.aboutHistory__year {
    left: 0;
    bottom: 0;
    font-size: 16px;
    line-height: 1.35;
    color: rgba(42, 56, 78, .6)
}

.aboutHistory__date-text {
    opacity: 0;
    font-size: 13px;
    line-height: 1.4;
    width: 160px
}

@media screen and (min-width: 360px) {
    .aboutHistory__date-text {
        width: 208px
    }
}

@media screen and (min-width: 400px) {
    .aboutHistory__date-text {
        width: 246px
    }
}

@media screen and (min-width: 768px) {
    .aboutHistory__date-text {
        width: 230px
    }
}

@media screen and (min-width: 1260px) {
    .aboutHistory__date-text {
        width: 337px;
        font-size: 16px;
        line-height: 1.45
    }
}

.aboutHistory__date-item {
    margin-bottom: 20px
}

.aboutHistory__date-item:last-child, .aboutQuality__text p:last-child, .aboutUs__text p:last-child {
    margin-bottom: 0
}

.aboutHistory__date-item_star, .aboutNatural {
    position: relative
}

.aboutHistory__date-item_star::before {
    content: '';
    display: block;
    width: 18px;
    height: 19px;
    background: url(img/aboutHistory/star.svg) no-repeat center/contain;
    position: absolute;
    left: -31px;
    top: 0
}

.aboutHistory__slider .slick-list {
    overflow: visible
}

@media screen and (min-width: 360px) {
    .aboutHistory__slider .slick-list {
        overflow: hidden
    }
}

.aboutHistory__slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform ease-in-out .25s;
    -o-transition: transform ease-in-out .25s;
    transition: transform ease-in-out .25s;
    transition: transform ease-in-out .25s, -webkit-transform ease-in-out .25s
}

@media screen and (min-width: 768px) {
    .aboutHistory__slider .slick-track {
        -webkit-transition: -webkit-transform ease-in-out .5s;
        -o-transition: transform ease-in-out .5s;
        transition: transform ease-in-out .5s;
        transition: transform ease-in-out .5s, -webkit-transform ease-in-out .5s
    }
}

.aboutHistory__slider .slick-slide, .aboutHistory__slider .swiper-slide {
    width: auto;
    height: auto
}

.aboutHistory__slider .slick-slide .aboutHistory__date, .aboutHistory__slider .swiper-slide .aboutHistory__date {
    width: 42px
}

@media screen and (min-width: 1260px) {
    .aboutHistory__slider .slick-slide .aboutHistory__date, .aboutHistory__slider .swiper-slide .aboutHistory__date {
        width: 54px
    }
}

.aboutHistory__slider .slick-slide .aboutHistory__date-text, .aboutHistory__slider .swiper-slide .aboutHistory__date-text {
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px)
}

.aboutHistory__slider .slick-current .aboutHistory__date, .aboutHistory__slider .swiper-slide-active .aboutHistory__date {
    padding-left: 75px;
    width: 250px;
    opacity: 1
}

.aboutHistory__slider .slick-current .aboutHistory__date::after, .aboutHistory__slider .swiper-slide-active .aboutHistory__date::after {
    width: 2px;
    opacity: 1;
    left: 24px;
    height: calc(100% - 52px)
}

@media screen and (min-width: 360px) {
    .aboutHistory__slider .slick-current .aboutHistory__date, .aboutHistory__slider .swiper-slide-active .aboutHistory__date {
        width: 283px
    }
}

@media screen and (min-width: 400px) {
    .aboutHistory__slider .slick-current .aboutHistory__date, .aboutHistory__slider .swiper-slide-active .aboutHistory__date {
        width: 322px
    }
}

@media screen and (min-width: 768px) {
    .aboutHistory__slider .slick-current .aboutHistory__date, .aboutHistory__slider .swiper-slide-active .aboutHistory__date {
        width: 315px
    }
}

@media screen and (min-width: 1260px) {
    .aboutHistory__slider .slick-current .aboutHistory__date, .aboutHistory__slider .swiper-slide-active .aboutHistory__date {
        width: 443px
    }
}

.aboutHistory__slider .slick-current .aboutHistory__date-text, .aboutHistory__slider .swiper-slide-active .aboutHistory__date-text {
    opacity: 1;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.aboutHistory__slider .slick-current .aboutHistory__year, .aboutHistory__slider .swiper-slide-active .aboutHistory__year {
    color: #00625e;
    font-size: 25px;
    bottom: -2px
}

.aboutHistory__slider .slick-current .aboutHistory__dot, .aboutHistory__slider .swiper-slide-active .aboutHistory__dot {
    width: 12px;
    height: 12px;
    left: 19px;
    bottom: 47px;
    border: 0;
    -webkit-box-shadow: 0 0 0 9px rgba(0, 98, 94, .3);
    box-shadow: 0 0 0 9px rgba(0, 98, 94, .3)
}

.aboutNatural {
    background: #cee9ef;
    padding: 40px 0;
    text-align: center
}

@media screen and (min-width: 768px) {
    .aboutNatural {
        padding: 50px 0;
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .aboutNatural {
        padding: 80px 0 54px
    }
}

@media screen and (min-width: 768px) {
    .aboutNatural__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media screen and (min-width: 1260px) {
    .aboutNatural__flex {
        padding: 0 102px
    }
}

.aboutNatural__image {
    margin: 0 20px 22px;
    position: relative
}

@media screen and (min-width: 360px) {
    .aboutNatural__image {
        margin: 0 35px 30px
    }
}

@media screen and (min-width: 400px) {
    .aboutNatural__image {
        margin: 0 auto 30px;
        max-width: 320px
    }
}

@media screen and (min-width: 768px) {
    .aboutNatural__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 362px;
        flex: 0 0 362px;
        margin-left: 35px;
        width: 362px;
        max-width: 100%
    }
}

@media screen and (min-width: 1260px) {
    .aboutNatural__image {
        -ms-flex-preferred-size: 463px;
        flex-basis: 463px;
        width: 463px;
        margin-left: 60px
    }
}

.aboutNatural__image img {
    width: 100%
}

.aboutNatural__image::after {
    content: '';
    display: block;
    background: url(img/aboutNatural/girl.png) no-repeat center/contain;
    width: 121px;
    height: 123px;
    position: absolute;
    bottom: -19px;
    right: -25px
}

@media screen and (min-width: 400px) {
    .aboutNatural__image::after {
        bottom: -20px;
        right: -30px
    }
}

@media screen and (min-width: 768px) {
    .aboutNatural__image::after {
        width: 165px;
        height: 167px;
        right: -52px;
        bottom: -76px
    }
}

@media screen and (min-width: 1260px) {
    .aboutNatural__image::after {
        width: 216px;
        height: 220px;
        right: -102px;
        bottom: -85px
    }
}

.aboutNatural__title {
    margin-bottom: 15px
}

@media screen and (min-width: 1260px) {
    .aboutNatural__title {
        margin-bottom: 25px
    }
}

.aboutNatural__text {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 20px
}

@media screen and (min-width: 1260px) {
    .aboutNatural__text {
        font-size: 18px;
        margin-bottom: 25px
    }
}

.aboutProducts {
    padding: 2px 0 68px;
    background: #eaf6f9 url(img/aboutProducts/bg.svg) no-repeat center/cover;
    position: relative;
    text-align: center
}

@media screen and (min-width: 768px) {
    .aboutProducts {
        text-align: left;
        padding-bottom: 115px
    }
}

@media screen and (min-width: 1260px) {
    .aboutProducts {
        -webkit-background-size: 2560px 2560px;
        background-size: 2560px;
        padding-bottom: 152px
    }
}

@media screen and (min-width: 768px) {
    .aboutProducts__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: -30px
    }
}

@media screen and (min-width: 1260px) {
    .aboutProducts__flex {
        padding: 0 26px 0 102px
    }
}

@media screen and (min-width: 768px) {
    .aboutProducts__content {
        padding-top: 28px
    }
}

@media screen and (min-width: 1260px) {
    .aboutProducts__content {
        padding-top: 64px;
        position: relative
    }

    .aboutProducts__content::before {
        content: '';
        display: block;
        position: absolute;
        width: 77px;
        height: 113px;
        left: -99px;
        top: 114px;
        background: url(img/aboutProducts/arrow.svg) no-repeat center/contain
    }
}

.aboutProducts__title {
    margin-bottom: 18px
}

@media screen and (min-width: 768px) {
    .aboutProducts__title {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .aboutProducts__title {
        margin-bottom: 31px
    }
}

.aboutProducts__button {
    position: absolute;
    bottom: -70px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}

@media screen and (min-width: 768px) {
    .aboutProducts__button {
        position: relative;
        bottom: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.aboutProducts__image {
    max-width: 350px;
    margin: 0 auto;
    position: relative
}

@media screen and (min-width: 768px) {
    .aboutProducts__image {
        width: 472px;
        max-width: 100%;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 472px;
        flex: 0 0 472px
    }
}

@media screen and (min-width: 1260px) {
    .aboutProducts__image {
        width: 699px;
        -ms-flex-preferred-size: 696px;
        flex-basis: 696px;
        margin-left: 51px;
        margin-top: 6px
    }
}

.aboutProducts__image::after {
    content: '';
    background: url(img/aboutProducts/back.svg) no-repeat center/contain;
    display: block;
    padding-top: 41.1714286%;
    position: relative
}

.aboutProducts__image img {
    position: absolute;
    width: 75.7142857%;
    left: 2px;
    top: 0
}

@media screen and (min-width: 1260px) {
    .aboutProducts__image img {
        left: 6px
    }

    .aboutProducts__image::before {
        content: '';
        display: block;
        width: 105px;
        height: 84px;
        position: absolute;
        left: -122px;
        bottom: 24px;
        background: url(img/aboutProducts/grass.svg) no-repeat center/contain
    }
}

.aboutQuality {
    position: relative;
    background: #eaf6f9;
    padding: 40px 0;
    text-align: center
}

@media screen and (min-width: 768px) {
    .aboutQuality {
        padding: 50px 0;
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .aboutQuality {
        padding: 70px 0
    }
}

@media screen and (min-width: 768px) {
    .aboutQuality__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (min-width: 1260px) {
    .aboutQuality__flex {
        padding-left: 102px
    }
}

.aboutQuality__image {
    margin: 0 20px 67px;
    position: relative
}

@media screen and (min-width: 360px) {
    .aboutQuality__image {
        margin: 0 35px 46px
    }
}

@media screen and (min-width: 400px) {
    .aboutQuality__image {
        max-width: 320px;
        margin: 0 auto 43px
    }
}

@media screen and (min-width: 768px) {
    .aboutQuality__image {
        max-width: 100%;
        width: 344px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 344px;
        flex: 0 0 344px;
        margin-right: 55px
    }
}

@media screen and (min-width: 1260px) {
    .aboutQuality__image {
        width: 515px;
        -ms-flex-preferred-size: 515px;
        flex-basis: 515px;
        margin-right: 100px
    }
}

.aboutQuality__image img {
    width: 100%;
    display: block
}

.aboutQuality__image::after {
    content: '';
    display: block;
    position: absolute;
    width: 162px;
    height: 178px;
    left: -6px;
    top: 32px;
    background: url(img/aboutQuality/svg.svg) no-repeat center/contain
}

@media screen and (min-width: 360px) {
    .aboutQuality__image::after {
        left: -21px;
        top: 43px
    }
}

@media screen and (min-width: 400px) {
    .aboutQuality__image::after {
        left: -46px;
        top: 63px
    }
}

@media screen and (min-width: 768px) {
    .aboutQuality__image::after {
        width: 229px;
        height: 251px;
        left: 18px;
        top: 128px
    }
}

@media screen and (min-width: 1260px) {
    .aboutQuality__image::after {
        width: 265px;
        height: 290px;
        left: -103px;
        top: 158px
    }
}

.aboutQuality__text p, .aboutQuality__title {
    margin-bottom: 15px
}

@media screen and (min-width: 360px) {
    .aboutQuality__title {
        max-width: 300px;
        margin: 0 auto 15px
    }
}

@media screen and (min-width: 400px) {
    .aboutQuality__title {
        max-width: 450px
    }
}

@media screen and (min-width: 768px) {
    .aboutQuality__title {
        max-width: 100%
    }
}

@media screen and (min-width: 1260px) {
    .aboutQuality__title {
        margin-bottom: 25px;
        line-height: 1;
        margin-top: -2px
    }
}

.aboutQuality__text {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 20px
}

@media screen and (min-width: 1260px) {
    .aboutQuality__text {
        font-size: 18px;
        margin-bottom: 25px
    }
}

.aboutUs {
    position: relative;
    background: #f6fafc;
    padding: 40px 0;
    text-align: center
}

@media screen and (min-width: 768px) {
    .aboutUs {
        padding: 50px 0;
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .aboutUs {
        padding: 80px 0 40px
    }
}

.aboutUs__flex {
    margin-top: 5px
}

@media screen and (min-width: 768px) {
    .aboutUs__flex {
        margin-top: -5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (min-width: 1260px) {
    .aboutUs__flex {
        padding: 0 52px
    }
}

.aboutUs__image {
    width: 253px;
    margin: 0 auto 12px;
    position: relative
}

@media screen and (min-width: 400px) {
    .aboutUs__image {
        width: 329px
    }
}

@media screen and (min-width: 768px) {
    .aboutUs__image {
        width: 334px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 334px;
        flex: 0 0 334px;
        margin-right: 41px
    }
}

@media screen and (min-width: 1260px) {
    .aboutUs__image {
        width: 492px;
        -ms-flex-preferred-size: 492px;
        flex-basis: 492px;
        margin-right: 71px
    }
}

.aboutUs__image img {
    width: 100%
}

.aboutUs__image::after {
    content: '';
    display: block;
    width: 79px;
    height: 78px;
    background: url(img/aboutUs/animal.svg) no-repeat center/contain;
    left: -2px;
    bottom: 5px;
    position: absolute
}

@media screen and (min-width: 400px) {
    .aboutUs__image::after {
        width: 102px;
        height: 100px
    }
}

@media screen and (min-width: 768px) {
    .aboutUs__image::after {
        width: 120px;
        height: 117px;
        bottom: -47px;
        left: 0
    }
}

@media screen and (min-width: 1260px) {
    .aboutUs__image::after {
        width: 164px;
        height: 161px;
        left: -52px;
        bottom: 0
    }

    .aboutUs__content {
        padding-top: 14px
    }
}

.aboutUs__text p, .aboutUs__title {
    margin-bottom: 15px
}

@media screen and (min-width: 1260px) {
    .aboutUs__title {
        margin-bottom: 34px
    }
}

.aboutUs__text {
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 1260px) {
    .aboutUs__text {
        font-size: 18px;
        max-width: 520px
    }
}

.aboutWelcome {
    background: #eaf6f9
}

@media screen and (min-width: 768px) {
    .aboutWelcome__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        padding-right: 53px
    }
}

@media screen and (min-width: 1260px) {
    .aboutWelcome__flex {
        padding: 0 102px
    }
}

.aboutWelcome__image {
    margin: 0 0 8px
}

@media screen and (min-width: 360px) {
    .aboutWelcome__image {
        margin: 0 15px 12px
    }
}

@media screen and (min-width: 400px) {
    .aboutWelcome__image {
        margin: 0 25px 21px
    }
}

@media screen and (min-width: 768px) {
    .aboutWelcome__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 392px;
        flex: 0 0 392px;
        width: 392px;
        margin: -36px 0 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .aboutWelcome__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 578px;
        flex: 0 0 578px;
        width: 578px;
        margin: -38px 0 0 20px;
        position: relative
    }

    .aboutWelcome__image::before {
        content: '';
        display: block;
        position: absolute;
        width: 88px;
        height: 98px;
        left: -16px;
        top: 102px;
        background: url(img/aboutWelcome/hearts.svg) no-repeat center/contain
    }

    .aboutWelcome__image::after {
        content: '';
        display: block;
        position: absolute;
        left: -93px;
        bottom: -64px;
        width: 166px;
        height: 155px;
        background: url(img/aboutWelcome/animal.svg) no-repeat center/contain
    }
}

.aboutWelcome__image img {
    width: 100%;
    height: auto
}

.aboutWelcome__title {
    text-align: center
}

@media screen and (min-width: 400px) {
    .aboutWelcome__title {
        font-size: 35px
    }
}

@media screen and (min-width: 768px) {
    .aboutWelcome__title {
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .aboutWelcome__title {
        font-size: 50px;
        margin-top: 12px;
        line-height: 1
    }
}

.arrows__next, .arrows__prev {
    cursor: pointer;
    width: 21px;
    height: 36px;
    border: 0;
    background: url(img/arrows/prev.svg) no-repeat center/contain
}

.arrows__next {
    width: 20px;
    background-image: url(img/arrows/next.svg)
}

.article {
    position: relative;
    line-height: 1.2
}

.article__image, .article__image img {
    display: block;
    -webkit-border-radius: 7px;
    border-radius: 7px
}

.article__image {
    margin-bottom: 14px;
    overflow: hidden;
    position: relative
}

.article__image::before {
    content: '';
    display: block;
    padding-top: 58.75%
}

@media screen and (min-width: 768px) {
    .article__image::before {
        padding-top: 63.15789%
    }
}

.article__image::after {
    content: '';
    display: block;
    width: 70px;
    height: 70px;
    right: 0;
    top: 0;
    background: url(img/article/corner.svg) no-repeat center/contain;
    position: absolute
}

@media screen and (min-width: 1260px) {
    .article__image::after {
        width: 90px;
        height: 90px
    }

    .article__image {
        margin-bottom: 19px
    }
}

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

.article__title {
    font-size: 20px;
    line-height: 1.35;
    display: block;
    color: #00625e
}

.articleDetail__reviewer a:hover, .article__category:hover, .article__title:hover, a.articleDetail__related-category:hover, a.articleDetail__related-title:hover {
    text-decoration: none;
    color: #2a384e
}

@media screen and (min-width: 1260px) {
    .article__title {
        font-size: 25px;
        line-height: 1.2
    }
}

.article__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 5px
}

.article__category {
    color: #00625e;
    margin-right: 15px
}

@media screen and (min-width: 1260px) {
    .article__category {
        margin-right: 20px
    }
}

.article__views {
    color: rgba(42, 56, 78, .6)
}

.article_catalog .article__image, .article_product .article__image {
    background: #cee9ef
}

.article_catalog .article__image::after, .article_product .article__image::after {
    display: none
}

.article_product .article__image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin: auto;
    display: block;
    -webkit-filter: drop-shadow(0 20px 20px rgba(8, 99, 97, .3)) drop-shadow(0 30px 5px rgba(8, 99, 97, .05));
    filter: drop-shadow(0 20px 20px rgba(8, 99, 97, .3)) drop-shadow(0 30px 5px rgba(8, 99, 97, .05))
}

@media (min-width: 480px) {
    .article_product .article__image img {
        -webkit-filter: drop-shadow(0 30px 30px rgba(8, 99, 97, .3)) drop-shadow(0 40px 10px rgba(8, 99, 97, .05));
        filter: drop-shadow(0 30px 30px rgba(8, 99, 97, .3)) drop-shadow(0 40px 10px rgba(8, 99, 97, .05))
    }
}

.article__discontinued {
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding: 7px 15px;
    background-color: #f1f9fa;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    color: #2a384e;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    font-family: "Roboto Condensed", sans-serif;
    width: auto;
    white-space: nowrap;
    z-index: 5
}

@media screen and (min-width: 768px) {
    .article__discontinued {
        left: 10px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media screen and (min-width: 1260px) {
    .article__discontinued {
        bottom: 15px;
        left: 15px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.articleDetail {
    display: block;
    background: #f6fafc;
    position: relative;
    padding-top: 71px
}

@media screen and (min-width: 360px) {
    .articleDetail {
        padding-bottom: 40px
    }
}

@media screen and (min-width: 768px) {
    .articleDetail {
        padding-top: 18px;
        padding-bottom: 50px
    }
}

@media screen and (min-width: 1260px) {
    .articleDetail {
        padding-top: 25px;
        padding-bottom: 70px
    }
}

.articleDetail .container {
    position: static
}

.articleDetail + .comments {
    padding-top: 0
}

.articleDetail__title {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .articleDetail__title {
        margin-bottom: 32px
    }
}

@media screen and (min-width: 1260px) {
    .articleDetail__title {
        max-width: 872px;
        margin-bottom: 41px
    }
}

@media screen and (min-width: 768px) {
    .articleDetail__content {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.articleDetail__main {
    margin: 0 -20px;
    background: #fff;
    padding: 21px 20px 20px
}

@media screen and (min-width: 360px) {
    .articleDetail__main {
        margin: 0;
        -webkit-border-radius: 7px;
        border-radius: 7px
    }
}

@media screen and (min-width: 768px) {
    .articleDetail__main {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 479px;
        flex: 0 0 479px;
        max-width: 479px;
        margin-right: 20px;
        padding: 20px 30px 22px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1260px) {
    .articleDetail__main {
        -ms-flex-preferred-size: 872px;
        flex-basis: 872px;
        max-width: 872px;
        margin-right: 50px;
        padding: 25px 50px 50px;
        position: relative
    }
}

.articleDetail__main .articleDetail__table-wrap {
    width: 100%;
    overflow-x: auto;
    position: relative;
    overflow-y: hidden
}

.articleDetail__main .articleDetail__table-wrap::-webkit-scrollbar {
    display: none
}

.articleDetail__main .articleDetail__scroll-wrap {
    width: 100%;
    overflow-x: auto;
    position: relative;
    overflow-y: hidden;
    margin-bottom: 15px;
    height: 10px
}

.articleDetail__main .articleDetail__scroll-wrap::-webkit-scrollbar {
    height: 3px;
    background-color: rgba(0, 98, 94, .2)
}

.articleDetail__main .articleDetail__scroll-wrap::-webkit-scrollbar-thumb {
    background-color: #00625e
}

.articleDetail__main table {
    border-collapse: collapse
}

.articleDetail__main table thead {
    font-weight: 600;
    background: rgba(1, 78, 114, .08)
}

.articleDetail__main table thead td:first-child {
    -webkit-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px
}

.articleDetail__main table thead td:last-child {
    -webkit-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px
}

.articleDetail__main table tr:nth-child(even) {
    background: rgba(1, 78, 114, .08);
    -webkit-border-radius: 7px;
    border-radius: 7px
}

.articleDetail__main table tr:nth-child(even) td:first-child {
    -webkit-border-top-left-radius: 7px;
    border-top-left-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    border-bottom-left-radius: 7px
}

.articleDetail__main table tr:nth-child(even) td:last-child {
    -webkit-border-top-right-radius: 7px;
    border-top-right-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
    border-bottom-right-radius: 7px
}

.articleDetail__main table td {
    padding: 15px 20px 7px
}

.articleDetail__main table td:not(:last-child) {
    border-right: 1px solid rgba(0, 98, 94, .2)
}

.articleDetail__main table tfoot {
    text-align: left;
    font-size: 13px;
    line-height: 1.4;
    color: rgba(42, 56, 78, .6)
}

.articleDetail__main table tfoot th {
    padding-top: 30px
}

@media screen and (min-width: 1260px) {
    .articleDetail__text {
        margin-top: -3px
    }
}

.articleDetail__topInfo {
    color: rgba(42, 56, 78, .6);
    font-size: 16px;
    line-height: 1.45;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 98, 94, .16);
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 768px) {
    .articleDetail__topInfo {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width: 1260px) {
    .articleDetail__topInfo {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-bottom: 14px;
        margin-bottom: 24px
    }
}

.articleDetail__reviewer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-bottom: 10px;
    color: #2a384e
}

@media screen and (min-width: 768px) {
    .articleDetail__reviewer {
        margin-bottom: 9px
    }
}

@media screen and (min-width: 1260px) {
    .articleDetail__reviewer {
        margin-bottom: 0;
        margin-right: 25px;
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
}

.articleDetail__reviewer b {
    font-weight: 400;
    margin-right: 4px
}

.articleDetail__views {
    margin-right: 15px
}

@media screen and (min-width: 1260px) {
    .articleDetail__date, .articleDetail__views {
        margin-right: 25px
    }
}

.articleDetail__controls {
    margin-top: 10px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px) {
    .articleDetail__controls {
        padding-left: 10px;
        -ms-flex-preferred-size: 165px;
        flex-basis: 165px;
        margin-left: auto;
        margin-top: 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.articleDetail__controls .like {
    margin-left: auto;
    position: relative;
    top: auto;
    right: auto;
    width: 35px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35px;
    flex: 0 0 35px;
    height: 35px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    box-shadow: 0 1px 2px rgba(1, 78, 114, .1)
}

.articleDetail__thumbDown, .articleDetail__thumbUp {
    border: 1px solid rgba(1, 78, 114, .08);
    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;
    margin-right: 10px;
    background: 0 0;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    padding: 6px 11px;
    font-size: 16px;
    color: #00625e;
    line-height: 1.45;
    font-family: "Roboto Condensed", sans-serif;
    cursor: pointer;
    -webkit-transition: border .25s ease-in-out, -webkit-box-shadow .25s ease-in-out;
    -o-transition: box-shadow .25s ease-in-out, border .25s ease-in-out;
    transition: box-shadow .25s ease-in-out, border .25s ease-in-out;
    transition: box-shadow .25s ease-in-out, border .25s ease-in-out, -webkit-box-shadow .25s ease-in-out
}

.articleDetail__thumbDown::before, .articleDetail__thumbUp::before {
    content: '';
    display: block;
    width: 16px;
    height: 15px;
    margin-right: 4px;
    background: url(img/articleDetail/thumb-up.svg) no-repeat center/contain;
    -webkit-transition: background .25s ease-in-out;
    -o-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out
}

.articleDetail__thumbDown.active, .articleDetail__thumbUp.active {
    -webkit-box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    border-color: transparent
}

.articleDetail__thumbUp.active::before {
    background-image: url(img/articleDetail/thumb-up-hover.svg)
}

@media (hover: hover) {
    .articleDetail__thumbDown:hover, .articleDetail__thumbUp:hover {
        -webkit-box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
        box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
        border-color: transparent
    }

    .articleDetail__thumbDown:hover::before, .articleDetail__thumbUp:hover::before {
        background-image: url(img/articleDetail/thumb-up-hover.svg)
    }
}

.articleDetail__thumbDown::before {
    background-image: url(img/articleDetail/thumb-down.svg)
}

.articleDetail__thumbDown.active::before {
    background-image: url(img/articleDetail/thumb-down-hover.svg)
}

@media (hover: hover) {
    .articleDetail__thumbDown:hover::before {
        background-image: url(img/articleDetail/thumb-down-hover.svg)
    }
}

.articleDetail__rec {
    margin: 0 -20px 15px;
    padding: 25px 20px 30px;
    background: url(img/articleDetail/rec-bg.svg) no-repeat center/100% 100%
}

@media screen and (min-width: 768px) {
    .articleDetail__rec {
        margin: 0 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .articleDetail__rec {
        float: right;
        margin: 0 0 30px 20px;
        max-width: 335px;
        padding: 23px 30px 27px
    }
}

.articleDetail__rec-head {
    font-family: "Neucha", sans-serif;
    font-size: 20px;
    line-height: 1;
    color: #00625e;
    padding-bottom: 10px;
    margin-bottom: 11px;
    position: relative;
    border-bottom: 1px solid rgba(0, 98, 94, .2)
}

@media screen and (min-width: 1260px) {
    .articleDetail__rec-head {
        font-size: 25px;
        padding-bottom: 17px;
        margin-bottom: 17px
    }
}

.articleDetail__rec-head::after {
    content: '';
    width: 81px;
    height: 75px;
    background: url(img/articleDetail/rec-figure.svg) no-repeat center/contain;
    position: absolute;
    right: 10px;
    top: -40px
}

@media screen and (min-width: 1260px) {
    .articleDetail__rec-head::after {
        width: 96px;
        height: 85px
    }
}

.articleDetail__rec-body {
    font-size: 13px;
    line-height: 1.4
}

@media screen and (min-width: 1260px) {
    .articleDetail__rec-body {
        font-size: 16px;
        line-height: 1.45
    }
}

.articleDetail__border p, .articleDetail__border_large p, .articleDetail__opinion-text p, .articleDetail__rec-body p, .articleDetail__ref-body p {
    margin: 0 0 1em
}

.articleDetail__border p:last-child, .articleDetail__border_large p:last-child, .articleDetail__opinion-text p:last-child, .articleDetail__rec-body p:last-child, .articleDetail__ref-body p:last-child {
    margin: 0
}

.articleDetail__ref {
    margin: 0 -20px 15px;
    padding: 25px 20px 30px;
    background: url(img/articleDetail/ref-bg.svg) no-repeat center/100% 100%
}

@media screen and (min-width: 768px) {
    .articleDetail__ref {
        margin: 0 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .articleDetail__ref {
        margin: 0 0 30px;
        padding: 25px 50px 25px 30px
    }
}

.articleDetail__ref-head {
    font-size: 25px;
    line-height: 1;
    font-family: "Neucha", sans-serif;
    color: #00625e;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 98, 94, .2);
    margin-bottom: 16px
}

@media screen and (min-width: 1260px) {
    .articleDetail__ref-head {
        font-size: 30px;
        margin-bottom: 20px
    }
}

.articleDetail__ref-body {
    padding-left: 63px;
    background: url(img/articleDetail/ref-figure.svg) no-repeat left 4px/48px;
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 1260px) {
    .articleDetail__ref-body {
        padding-left: 100px;
        -webkit-background-size: 70px 70px;
        background-size: 70px;
        font-size: 18px
    }
}

.articleDetail__opinion {
    margin: 0 -20px 20px;
    padding: 25px 20px;
    background: url(img/articleDetail/opinion-bg.svg) no-repeat center/100% 100%
}

@media screen and (min-width: 768px) {
    .articleDetail__opinion {
        margin: 0 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .articleDetail__opinion {
        margin: 0 0 30px;
        padding: 25px 50px 25px 30px
    }
}

.articleDetail__opinion-head {
    font-size: 25px;
    line-height: 1;
    font-family: "Neucha", sans-serif;
    color: #00625e;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 98, 94, .2);
    margin-bottom: 16px
}

@media screen and (min-width: 1260px) {
    .articleDetail__opinion-head {
        font-size: 30px;
        margin-bottom: 20px
    }
}

.articleDetail__opinion-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.articleDetail__opinion-photo {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 48px;
    flex: 0 0 48px;
    width: 48px;
    position: relative;
    margin-right: 15px;
    margin-top: 3px
}

@media screen and (min-width: 1260px) {
    .articleDetail__opinion-photo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 80px;
        flex: 0 0 80px;
        width: 80px;
        margin-right: 20px
    }
}

.articleDetail__opinion-photo img {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0
}

.articleDetail__opinion-photo::after {
    content: '';
    display: block;
    width: 27px;
    height: 24px;
    background: url(img/articleDetail/opinion-quotes.svg) no-repeat center/contain;
    position: absolute;
    right: -5px;
    bottom: -8px
}

@media screen and (min-width: 1260px) {
    .articleDetail__opinion-photo::after {
        width: 40px;
        height: 30px;
        bottom: -10px;
        right: -5px
    }
}

.articleDetail__opinion-text {
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 1260px) {
    .articleDetail__opinion-text {
        font-size: 18px
    }
}

.articleDetail__related {
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (min-width: 1260px) {
    .articleDetail__related {
        margin-bottom: 30px
    }
}

.articleDetail__related-item {
    border-top: 1px solid rgba(1, 78, 114, .08);
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (min-width: 768px) {
    .articleDetail__related-item {
        padding: 18px 0 19px
    }
}

.articleDetail__related-item:last-child {
    border-bottom: 1px solid rgba(1, 78, 114, .08)
}

.articleDetail__related-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 71px;
    flex: 0 0 71px;
    width: 71px;
    margin-right: 15px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 1260px) {
    .articleDetail__related-image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 172px;
        flex: 0 0 172px;
        width: 172px;
        margin-right: 40px;
        height: auto
    }
}

.articleDetail__related-image::before {
    content: '';
    display: block;
    padding-top: 97.1831%
}

@media screen and (min-width: 1260px) {
    .articleDetail__related-image::before {
        padding-top: 63.37209%
    }
}

.articleDetail__related-image img {
    left: 0;
    top: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0
}

.articleDetail__related-image_product {
    background: #cee9ef
}

.articleDetail__related-image_product img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-filter: drop-shadow(0 80.8503px 39.3252px rgba(12, 79, 77, .1)) drop-shadow(0 40.4646px 19.5828px rgba(12, 79, 77, .0760333)) drop-shadow(0 24.374px 11.8242px rgba(12, 79, 77, .0651589)) drop-shadow(0 15.6201px 7.63467px rgba(12, 79, 77, .0570895)) drop-shadow(0 10.1237px 4.99987px rgba(12, 79, 77, .05)) drop-shadow(0 6.37277px 3.18608px rgba(12, 79, 77, .0429105)) drop-shadow(0 3.66155px 1.85533px rgba(12, 79, 77, .0348411)) drop-shadow(0 1.61154px .82819px rgba(12, 79, 77, .0239667));
    filter: drop-shadow(0 80.8503px 39.3252px rgba(12, 79, 77, .1)) drop-shadow(0 40.4646px 19.5828px rgba(12, 79, 77, .0760333)) drop-shadow(0 24.374px 11.8242px rgba(12, 79, 77, .0651589)) drop-shadow(0 15.6201px 7.63467px rgba(12, 79, 77, .0570895)) drop-shadow(0 10.1237px 4.99987px rgba(12, 79, 77, .05)) drop-shadow(0 6.37277px 3.18608px rgba(12, 79, 77, .0429105)) drop-shadow(0 3.66155px 1.85533px rgba(12, 79, 77, .0348411)) drop-shadow(0 1.61154px .82819px rgba(12, 79, 77, .0239667))
}

.articleDetail__related-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.articleDetail__related-category {
    font-size: 13px;
    line-height: 1.4;
    color: rgba(42, 56, 78, .6);
    display: block;
    margin-bottom: 7px
}

a.articleDetail__related-title {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 15px;
    display: block
}

@media screen and (min-width: 768px) {
    a.articleDetail__related-title {
        margin-bottom: 18px
    }
}

@media screen and (min-width: 1260px) {
    a.articleDetail__related-title {
        font-size: 20px;
        line-height: 27px
    }
}

.articleDetail__related-button {
    margin-top: auto
}

.articleDetail__border {
    margin: 0 -20px 20px;
    background: url(img/articleDetail/text-bg-small.svg) no-repeat center/100% 100%;
    padding: 22px 20px 30px;
    color: #00625e;
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 768px) {
    .articleDetail__border {
        margin: 0 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .articleDetail__border {
        margin: 0 0 30px;
        padding: 25px 30px;
        font-size: 20px;
        line-height: 27px
    }
}

.articleDetail__border_large {
    margin: 0 -20px 16px;
    background: url(img/articleDetail/text-bg-large.svg) no-repeat center/100% 100%;
    padding: 21px 20px 30px;
    color: #00625e;
    font-size: 18px;
    line-height: 1.45;
    text-align: center
}

@media screen and (min-width: 768px) {
    .articleDetail__border_large {
        margin: 0 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .articleDetail__border_large {
        margin: 0 0 30px;
        padding: 40px 30px 35px;
        font-size: 25px;
        line-height: 1.2
    }
}

.articleDetail__reviewer-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 20px 0
}

@media screen and (min-width: 1260px) {
    .articleDetail__reviewer-info {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.articleDetail__reviewer-image {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 52px;
    flex: 0 0 52px;
    overflow: hidden;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    margin-left: 20px;
    top: 4px
}

@media screen and (min-width: 1260px) {
    .articleDetail__reviewer-image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 42px;
        flex: 0 0 42px;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        margin: 0 20px 0 0;
        top: 4px
    }
}

.articleDetail__reviewer-image::before {
    content: '';
    display: block;
    padding-top: 100%
}

.articleDetail__reviewer-image img {
    -o-object-fit: cover;
    object-fit: cover;
    margin: 0
}

.articleDetail__reviewer-text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 72px);
    flex: 0 0 calc(100% - 72px);
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

@media screen and (min-width: 1260px) {
    .articleDetail__reviewer-text {
        -ms-flex-preferred-size: calc(100% - 62px - 220px);
        flex-basis: calc(100% - 62px - 220px)
    }
}

.articleDetail__reviewer-name {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 1px
}

.articleDetail__reviewer-name a:hover {
    color: #2a384e;
    text-decoration: none
}

.articleDetail__reviewer-position {
    font-size: 13px;
    line-height: 1.4;
    color: rgba(42, 56, 78, .6)
}

.articleDetail__reviewer-button {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 13px
}

@media screen and (min-width: 1260px) {
    .articleDetail__reviewer-button {
        margin: 0 0 0 auto;
        position: relative;
        top: 4px
    }
}

.articleDetail__controls_bottom {
    background: #fff;
    padding-top: 20px;
    border-top: 1px solid rgba(1, 78, 114, .08);
    position: relative;
    top: 1px
}

@media screen and (min-width: 768px) {
    .articleDetail__controls_bottom {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-left: 0
    }
}

@media screen and (min-width: 1260px) {
    .articleDetail__controls_bottom {
        border: 0;
        padding: 0;
        position: absolute;
        bottom: 50px;
        right: 50px;
        top: auto
    }
}

.articleDetail__share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px) {
    .articleDetail__sidebar {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 229px;
        flex: 0 0 229px;
        max-width: 229px;
        position: relative
    }
}

@media screen and (min-width: 1260px) {
    .articleDetail__sidebar {
        -ms-flex-preferred-size: 277px;
        flex-basis: 277px;
        max-width: 277px
    }
}

.articleDetail__video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    background: #c4c4c4;
    margin: 25px 0
}

.articleDetail__reviewer-image img, .articleDetail__video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.likes {
    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
}

p.likes__quantity {
    margin: 0;
    white-space: nowrap
}

.articles {
    display: block;
    background: #f6fafc
}

.articles__title {
    margin-bottom: 22px
}

@media screen and (min-width: 768px) {
    .articles__title {
        margin-bottom: 15px
    }
}

@media screen and (min-width: 1260px) {
    .articles__title {
        margin-bottom: 21px
    }
}

.articles__filter {
    display: none
}

@media screen and (min-width: 768px) {
    .articles__filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid rgba(1, 78, 114, .08);
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .articles__filter {
        margin-bottom: 40px
    }
}

.articles__categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 20px 14px
}

@media screen and (min-width: 768px) {
    .articles__categories {
        padding: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.articles__category {
    font-size: 18px;
    line-height: 1.45;
    border-bottom: 1px solid rgba(0, 98, 94, .2);
    width: calc(100% - 22px);
    position: relative;
    margin-bottom: 6px
}

@media screen and (min-width: 768px) {
    .articles__category {
        font-size: 17px;
        color: #2a384e;
        padding: 0;
        margin-right: 20px;
        margin-bottom: 0;
        border: 0;
        width: auto
    }
}

@media screen and (min-width: 1260px) {
    .articles__category {
        font-size: 20px;
        margin-right: 30px
    }
}

.articles__category::after {
    content: '';
    position: absolute;
    right: -22px;
    top: 16px;
    width: 16px;
    height: 16px;
    background: url(img/articles/filter-arrow.svg) no-repeat center/contain
}

@media screen and (min-width: 768px) {
    .articles__category::after {
        opacity: 0;
        left: 0;
        top: auto;
        bottom: -1px;
        width: 100%;
        height: 1px;
        background: #00625e;
        -webkit-transition: height .25s ease-in-out, opacity .25s ease-in-out;
        -o-transition: height .25s ease-in-out, opacity .25s ease-in-out;
        transition: height .25s ease-in-out, opacity .25s ease-in-out
    }
}

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

.articles__category a {
    display: block;
    font-family: "Neucha", sans-serif;
    padding: 0 0 11px
}

@media screen and (min-width: 768px) {
    .articles__category a {
        padding: 0 0 16px
    }
}

.articles__category a:hover {
    text-decoration: none
}

@media (hover: hover) {
    .articles__category a:hover {
        color: #00625e
    }
}

.articles__category a:active, .articles__category_active, .articles__category_active span {
    color: #00625e
}

@media screen and (min-width: 768px) {
    .articles__category_active::after {
        opacity: 1;
        height: 3px
    }
}

.articles__age {
    background: #f6fafc;
    padding: 25px 20px
}

@media screen and (min-width: 768px) {
    .articles__age {
        padding: 0;
        margin-left: auto;
        position: relative
    }
}

.articles__age-trigger {
    display: block;
    cursor: default;
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 3px;
    font-weight: 600
}

@media screen and (min-width: 768px) {
    .articles__age-trigger {
        font-family: "Neucha", sans-serif;
        font-size: 17px;
        line-height: 1;
        margin-bottom: 0;
        font-weight: 400;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #00625e;
        padding: 3px 0 16px;
        cursor: pointer
    }

    .articles__age-trigger::after {
        content: '';
        display: block;
        width: 16px;
        height: 18px;
        background: url(img/articles/age-arrow.svg) no-repeat center/contain;
        margin-left: 6px
    }
}

@media screen and (min-width: 1260px) {
    .articles__age-trigger {
        font-size: 20px
    }
}

.articles__age-trigger:hover {
    text-decoration: none;
    color: #000
}

@media screen and (min-width: 768px) {
    .articles__filter-popup {
        display: none;
        background: #eaf6f9;
        -webkit-box-shadow: 0 36px 20px rgba(12, 79, 77, .1), 0 24px 12px rgba(12, 79, 77, .1), 0 10px 8px rgba(12, 79, 77, .1);
        box-shadow: 0 36px 20px rgba(12, 79, 77, .1), 0 24px 12px rgba(12, 79, 77, .1), 0 10px 8px rgba(12, 79, 77, .1);
        -webkit-border-radius: 7px;
        border-radius: 7px;
        position: absolute;
        right: 0;
        top: calc(100% - 9px);
        padding: 15px 20px
    }
}

.articles__filter-popup_active {
    display: block;
    z-index: 20;
    -webkit-animation: fade-in-down .25s ease-in-out;
    animation: fade-in-down .25s ease-in-out
}

.articles__popup-item:last-child .articles__radio::after {
    display: none
}

@media screen and (min-width: 768px) {
    .articles__popup-item input[type=radio] + i {
        padding-left: 0
    }

    .articles__popup-item input[type=radio] + i::before {
        display: none
    }
}

.articles__radio {
    position: relative;
    display: block;
    padding: 5px 0;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 768px) {
    .articles__radio {
        min-width: 150px;
        cursor: pointer
    }
}

@media screen and (min-width: 1260px) {
    .articles__radio {
        min-width: 214px
    }
}

.articles__radio::after {
    content: '';
    position: absolute;
    width: calc(100% - 26px);
    right: 0;
    bottom: -2px;
    height: 1px;
    background: rgba(1, 78, 114, .08)
}

@media screen and (min-width: 768px) {
    .articles__radio::after {
        width: 100%
    }
}

.articles__radio a:hover {
    text-decoration: none
}

.articles__radio input[type=radio]:checked + i, .filter__checkbox input:checked + i {
    color: #00625e
}

.articles__list {
    display: block;
    margin-bottom: -7px
}

@media screen and (min-width: 768px) {
    .articles__list {
        margin: 0 -10px -10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.articles__article {
    margin-bottom: 31px;
    -webkit-box-ordinal-group: 131;
    -ms-flex-order: 130;
    order: 130
}

@media screen and (min-width: 768px) {
    .articles__article {
        margin: 0 10px 30px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 20px);
        flex: 0 0 calc(50% - 20px)
    }
}

@media screen and (min-width: 1260px) {
    .articles__article {
        -ms-flex-preferred-size: calc(33.3333% - 30px);
        flex-basis: calc(33.3333% - 30px);
        margin: 0 15px 45px
    }
}

.articles__article .article__image::before {
    padding-top: 63.29286%
}

.articles__article:nth-child(1) {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10
}

.articles__article:nth-child(2) {
    -webkit-box-ordinal-group: 21;
    -ms-flex-order: 20;
    order: 20
}

.articles__article:nth-child(3) {
    -webkit-box-ordinal-group: 31;
    -ms-flex-order: 30;
    order: 30
}

.articles__article:nth-child(4) {
    -webkit-box-ordinal-group: 41;
    -ms-flex-order: 40;
    order: 40
}

.articles__article:nth-child(5) {
    -webkit-box-ordinal-group: 51;
    -ms-flex-order: 50;
    order: 50
}

.articles__article:nth-child(6) {
    -webkit-box-ordinal-group: 61;
    -ms-flex-order: 60;
    order: 60
}

.articles__article:nth-child(7) {
    -webkit-box-ordinal-group: 71;
    -ms-flex-order: 70;
    order: 70
}

.articles__article:nth-child(8) {
    -webkit-box-ordinal-group: 81;
    -ms-flex-order: 80;
    order: 80
}

.articles__article:nth-child(9) {
    -webkit-box-ordinal-group: 91;
    -ms-flex-order: 90;
    order: 90
}

.articles__article:nth-child(10) {
    -webkit-box-ordinal-group: 101;
    -ms-flex-order: 100;
    order: 100
}

.articles__article:nth-child(11) {
    -webkit-box-ordinal-group: 111;
    -ms-flex-order: 110;
    order: 110
}

.articles__article:nth-child(12) {
    -webkit-box-ordinal-group: 121;
    -ms-flex-order: 120;
    order: 120
}

.articles__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
    margin-bottom: 15px
}

@media screen and (min-width: 768px) {
    .articles__info {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .articles__info {
        margin-bottom: 30px
    }
}

.articles__info::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: rgba(1, 78, 114, .08)
}

.articles__info span {
    padding: 0 30px;
    background: #f6fafc;
    color: #2a384e;
    font-size: 13px;
    line-height: 1.4;
    position: relative
}

.articles__info span span {
    padding: 0
}

.articles__center {
    text-align: center
}

.articles__more::after {
    content: '';
    display: block;
    width: 9px;
    height: 14px;
    margin-left: 10px;
    background: url(img/articles/arrow.svg) no-repeat center/contain
}

.articles__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 12px 0 13px;
    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;
    background: rgba(255, 255, 255, .75);
    -webkit-box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    z-index: 200
}

@media screen and (min-width: 768px) {
    .articles__footer {
        display: none
    }
}

.articles__filter-button::after {
    content: '';
    display: block;
    width: 14px;
    height: 12px;
    margin-left: 10px;
    background: url(img/articles/filter.svg) no-repeat center/contain;
    position: relative;
    top: 1px
}

.articles__filter-mobile {
    display: block;
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    height: calc(100% - 80px);
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity .25s ease-in-out, z-index .25s ease-in-out, -webkit-transform .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out, z-index .25s ease-in-out, transform .25s ease-in-out;
    transition: opacity .25s ease-in-out, z-index .25s ease-in-out, transform .25s ease-in-out;
    transition: opacity .25s ease-in-out, z-index .25s ease-in-out, transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    background: #eaf6f9;
    overflow: auto;
    padding-bottom: 60px
}

@media screen and (min-width: 768px) {
    .articles__filter-mobile {
        display: none
    }
}

.articles__filter-mobile-active {
    opacity: 1;
    z-index: 10000;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    pointer-events: auto
}

.articles__filter-buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(255, 255, 255, .75);
    -webkit-box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    z-index: 20000;
    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: 12px 20px 13px;
    color: #00625e;
    font-size: 16px;
    line-height: 1.45
}

.articles__filter-buttons .btn {
    margin-right: 40px
}

.articles__filter-buttons a:hover, .breadcrumbs__item a:hover {
    text-decoration: none;
    color: #2a384e
}

.articles__sublist {
    background: url(img/articles/bg.svg) no-repeat center/100% 100%;
    padding: 10px 20px;
    margin: 0 -20px 33px
}

@media screen and (min-width: 360px) {
    .articles__sublist {
        margin: 0 0 30px
    }
}

@media screen and (min-width: 768px) {
    .articles__sublist {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 20px);
        flex: 0 0 calc(50% - 20px);
        margin: 0 10px 30px;
        padding: 10px 30px
    }
}

@media screen and (min-width: 1260px) {
    .articles__sublist {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.3333% - 30px);
        flex: 0 0 calc(33.3333% - 30px);
        margin: 0 15px 40px;
        padding: 12px 30px
    }
}

@media screen and (min-width: 768px) {
    .articles__sublist_cat1 {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }
}

@media screen and (min-width: 1260px) {
    .articles__sublist_cat1 {
        -webkit-box-ordinal-group: 26;
        -ms-flex-order: 25;
        order: 25
    }
}

@media (max-width: 360px) {
    .articles__sublist_cat2 .articles__sublist-image {
        right: 5px;
        top: -29px
    }
}

@media screen and (min-width: 768px) {
    .articles__sublist_cat2 {
        -webkit-box-ordinal-group: 71;
        -ms-flex-order: 70;
        order: 70
    }
}

@media (max-width: 360px) {
    .articles__sublist_cat3 .articles__sublist-image {
        right: 5px;
        top: -29px
    }
}

@media screen and (min-width: 768px) {
    .articles__sublist_cat3 {
        -webkit-box-ordinal-group: 126;
        -ms-flex-order: 125;
        order: 125
    }
}

.articles__sublist-header {
    border-bottom: 1px solid rgba(1, 78, 114, .08);
    padding: 13px 0 16px;
    position: relative
}

@media screen and (min-width: 1260px) {
    .articles__sublist-header {
        padding-top: 11px
    }
}

.articles__sublist-title {
    font-size: 25px;
    color: #00625e;
    line-height: 1;
    font-family: "Neucha", sans-serif
}

@media screen and (min-width: 1260px) {
    .articles__sublist-title {
        font-size: 30px
    }
}

.articles__sublist-image {
    position: absolute;
    right: -15px;
    top: -27px;
    width: 130px;
    height: 112px
}

@media screen and (min-width: 450px) {
    .articles__sublist-image {
        right: -5px;
        top: -28px
    }
}

@media screen and (min-width: 768px) {
    .articles__sublist-image {
        right: 0;
        top: -30px
    }
}

@media screen and (min-width: 1260px) {
    .articles__sublist-image {
        width: 151px;
        height: 130px;
        right: -16px;
        top: -40px
    }
}

.articles__sublist-items {
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 8px 0 6px
}

@media screen and (min-width: 768px) {
    .articles__sublist-items {
        padding-top: 4px
    }
}

.articles__sublist-item {
    padding: 10px 0 11px;
    font-size: 16px;
    color: #00625e;
    line-height: 1.45;
    display: block;
    border-top: 1px solid rgba(1, 78, 114, .08)
}

@media screen and (min-width: 768px) {
    .articles__sublist-item {
        padding: 8px 0 13px
    }
}

@media screen and (min-width: 1260px) {
    .articles__sublist-item {
        font-size: 18px
    }
}

.articles__sublist-item:first-child {
    border-top: none
}

.articles__sublist-item_hidden {
    display: none
}

.articlesLine {
    padding: 40px 0;
    background: #eaf6f9;
    position: relative
}

@media screen and (min-width: 768px) {
    .articlesLine {
        padding: 50px 0
    }
}

@media screen and (min-width: 1260px) {
    .articlesLine {
        padding: 70px 0
    }
}

.articlesLine__title {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .articlesLine__title {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .articlesLine__title {
        margin-bottom: 40px
    }
}

.articlesLine__flex {
    display: block
}

@media screen and (min-width: 768px) {
    .articlesLine__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.articlesLine__articles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 20px 20px;
    margin-left: -20px;
    margin-right: -20px
}

@media screen and (min-width: 768px) {
    .articlesLine__articles {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 23px 0 0;
        padding: 0;
        scroll-padding: 0;
        overflow: visible;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 250px);
        flex: 0 0 calc(100% - 250px)
    }
}

@media screen and (min-width: 1260px) {
    .articlesLine__articles {
        margin-right: 40px;
        -ms-flex-preferred-size: calc(100% - 406px);
        flex-basis: calc(100% - 406px)
    }
}

.articlesLine__article {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    margin-bottom: 30px
}

.articlesLine__article:last-child {
    margin-bottom: 0;
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .articlesLine__article {
        margin-bottom: 0;
        -ms-flex-preferred-size: 229px;
        flex-basis: 229px;
        margin-right: 20px
    }
}

@media screen and (min-width: 1260px) {
    .articlesLine__article {
        -ms-flex-preferred-size: 380px;
        flex-basis: 380px;
        margin-right: 30px
    }
}

.articlesLine__more {
    padding-top: 30px;
    border-top: 1px solid rgba(0, 98, 94, .1);
    position: relative
}

@media screen and (min-width: 360px) {
    .articlesLine__more {
        padding-left: 60px
    }

    .articlesLine__more::before {
        content: '';
        display: block;
        width: 37px;
        height: 124px;
        background: url(img/articlesLine/arrow.svg) no-repeat center/contain;
        position: absolute;
        left: 0;
        top: 22px
    }
}

@media screen and (min-width: 768px) {
    .articlesLine__more {
        padding-top: 0;
        padding-left: 60px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 227px;
        flex: 0 0 227px;
        border-top: none
    }

    .articlesLine__more::before {
        width: 45px;
        height: 147px;
        top: 17px
    }
}

@media screen and (min-width: 1260px) {
    .articlesLine__more {
        -ms-flex-preferred-size: 366px;
        flex-basis: 366px;
        padding-left: 100px;
        padding-top: 20px
    }

    .articlesLine__more::before {
        width: 66px;
        height: 221px;
        top: 40px;
        left: 10px
    }
}

.articlesLine__more-title {
    max-width: calc(100% - 90px);
    margin-bottom: 15px;
    color: #00625e
}

@media screen and (min-width: 768px) {
    .articlesLine__more-title {
        max-width: 100%;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .articlesLine__more-title {
        margin-bottom: 32px;
        font-size: 50px;
        line-height: 100%;
        max-width: 240px
    }
}

.articlesLine__animal {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 78px;
    height: 101px;
    background: url(img/articlesLine/decor-m.png) no-repeat center/contain
}

@media screen and (min-width: 360px) {
    .articlesLine__animal {
        right: 10px
    }
}

@media screen and (min-width: 768px) {
    .articlesLine__animal {
        display: none
    }
}

.articlesLine__moreBtn {
    text-align: center
}

@media screen and (min-width: 768px) {
    .articlesLine__moreBtn {
        margin-top: 30px
    }
}

.aside {
    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: 40px 0
}

@media screen and (min-width: 768px) {
    .aside {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media screen and (min-width: 1260px) {
    .aside {
        display: block;
        position: absolute;
        top: 215px;
        left: calc(50% + 322px);
        z-index: 10;
        padding: 0
    }
}

.aside__wrapper:last-child .aside__card {
    margin-bottom: 0
}

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

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

.aside__card {
    width: calc(100vw - 40px);
    margin: 0 auto 15px
}

@media screen and (min-width: 768px) {
    .aside__card {
        width: 354px;
        height: 100%;
        margin: 0 10px
    }
}

@media screen and (min-width: 1260px) {
    .aside__card {
        display: block;
        width: 278px;
        height: auto;
        margin: 0 0 15px;
        position: relative
    }
}

@media screen and (min-width: 768px) {
    .aside__cardInner {
        height: 100%
    }
}

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

.babyCalendar {
    display: block;
    background: #f6fafc
}

.babyCalendar__title {
    margin-bottom: 22px
}

@media screen and (min-width: 768px) {
    .babyCalendar__title {
        margin-bottom: 28px
    }
}

@media screen and (min-width: 1260px) {
    .babyCalendar__title {
        margin-bottom: 40px
    }
}

.babyCalendar__list {
    margin: 0 -20px 20px
}

@media screen and (min-width: 360px) {
    .babyCalendar__list {
        margin: 0 0 20px
    }
}

@media screen and (min-width: 768px) {
    .babyCalendar__list {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 1260px) {
    .babyCalendar__list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.babyCalendar__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    background: url(img/babyCalendar/bg.svg) no-repeat center/100% 100%;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    height: 200px;
    position: relative
}

@media screen and (min-width: 360px) {
    .babyCalendar__item {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 400px) {
    .babyCalendar__item {
        height: 180px
    }
}

@media screen and (min-width: 768px) {
    .babyCalendar__item {
        height: 200px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(50% - 10px)
    }
}

@media screen and (min-width: 1260px) {
    .babyCalendar__item {
        height: 215px;
        -ms-flex-preferred-size: 379px;
        flex-basis: 379px;
        margin-right: 30px;
        margin-bottom: 30px
    }

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

.babyCalendar__item::before {
    content: '';
    display: block;
    position: absolute;
    right: 22px;
    top: 37px;
    width: 133px;
    height: 133px;
    background: no-repeat center/contain
}

@media screen and (min-width: 360px) {
    .babyCalendar__item::before {
        right: 28px;
        top: 27px;
        width: 146px;
        height: 146px
    }
}

@media screen and (min-width: 400px) {
    .babyCalendar__item::before {
        top: 7px
    }
}

@media screen and (min-width: 768px) {
    .babyCalendar__item::before {
        top: 25px
    }
}

@media screen and (min-width: 1260px) {
    .babyCalendar__item::before {
        right: 20px;
        top: 40px;
        width: 146px;
        height: 146px
    }
}

.babyCalendar__item:hover {
    text-decoration: none
}

.babyCalendar__item:hover .btn {
    background: #00625e;
    color: #fff
}

.babyCalendar__item:hover .btn::after {
    background-image: url(img/babyCalendar/arrow.svg)
}

.babyCalendar__item_nobg {
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden
}

.babyCalendar__item_nobg .babyCalendar__item-content {
    background: url(img/babyCalendar/bg2.svg) no-repeat center/100% 100%
}

.babyCalendar__item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 206px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 206px;
    flex: 0 0 206px;
    padding: 23px 20px 30px;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 400px) {
    .babyCalendar__item-content {
        width: calc(100% - 178px);
        -ms-flex-preferred-size: calc(100% - 178px);
        flex-basis: calc(100% - 178px)
    }
}

@media screen and (min-width: 768px) {
    .babyCalendar__item-content {
        width: calc(100% - 140px);
        -ms-flex-preferred-size: calc(100% - 140px);
        flex-basis: calc(100% - 140px)
    }
}

@media screen and (min-width: 1260px) {
    .babyCalendar__item-content {
        padding: 25px 29px 30px;
        -ms-flex-preferred-size: calc(100% - 168px);
        flex-basis: calc(100% - 168px);
        width: calc(100% - 168px)
    }
}

.babyCalendar__item-title {
    font-size: 25px;
    line-height: 1;
    margin-bottom: 9px;
    color: #00625e;
    font-family: "Neucha", sans-serif
}

@media screen and (min-width: 1260px) {
    .babyCalendar__item-title {
        font-size: 35px;
        margin-bottom: 10px
    }
}

.babyCalendar__item-text {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 9px
}

.babyCalendar__item-button {
    margin-top: auto;
    -webkit-transition: background .25s ease-in-out, color .25s ease-in-out;
    -o-transition: background .25s ease-in-out, color .25s ease-in-out;
    transition: background .25s ease-in-out, color .25s ease-in-out
}

.babyCalendar__item-image {
    margin-left: -7px
}

@media screen and (min-width: 400px) {
    .babyCalendar__item-image {
        width: 185px
    }
}

@media screen and (min-width: 768px) {
    .babyCalendar__item-image {
        width: 147px
    }
}

@media screen and (min-width: 1260px) {
    .babyCalendar__item-image {
        width: 175px
    }
}

.babyCalendar__item-image img {
    height: 101%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.babyCalendar__item_bg2::before {
    background-image: url(img/babyCalendar/fig1.svg)
}

.babyCalendar__item_bg4::before {
    background-image: url(img/babyCalendar/fig2.svg)
}

.babyCalendar__item_bg6::before {
    background-image: url(img/babyCalendar/fig3.svg)
}

.babyCalendar__item_bg8::before {
    background-image: url(img/babyCalendar/fig4.svg)
}

.babyCalendar__item_bg10::before {
    background-image: url(img/babyCalendar/fig5.svg)
}

.babyCalendar__item_bg12::before {
    background-image: url(img/babyCalendar/fig6.svg)
}

.babyCalendar__item_bg14::before {
    background-image: url(img/babyCalendar/fig7.svg)
}

.babyCalendar__item_bg16::before {
    background-image: url(img/babyCalendar/fig8.svg)
}

.babyCalendar__item_bg18::before {
    background-image: url(img/babyCalendar/fig9.svg)
}

.babyCalendarDetail {
    background: #f6fafc
}

.babyCalendarDetail__title {
    margin-bottom: 22px
}

@media screen and (min-width: 768px) {
    .babyCalendarDetail__title {
        margin-bottom: 33px
    }
}

@media screen and (min-width: 1260px) {
    .babyCalendarDetail__title {
        margin-bottom: 40px
    }
}

@media screen and (min-width: 768px) {
    .babyCalendarDetail__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.babyCalendarDetail__main {
    background: #fff;
    margin: 0 -20px 40px;
    padding: 0 20px 40px
}

@media screen and (min-width: 360px) {
    .babyCalendarDetail__main {
        margin: 0 0 40px;
        -webkit-border-radius: 7px;
        border-radius: 7px
    }
}

@media screen and (min-width: 768px) {
    .babyCalendarDetail__main {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 479px;
        flex: 0 0 479px;
        width: 479px;
        margin: 0;
        padding: 0 30px 20px
    }
}

@media screen and (min-width: 1260px) {
    .babyCalendarDetail__main {
        -ms-flex-preferred-size: 872px;
        flex-basis: 872px;
        width: 872px;
        padding: 0 50px 40px
    }
}

.babyCalendarDetail__nav {
    position: relative;
    height: 60px;
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 768px) {
    .babyCalendarDetail__nav {
        height: 57px
    }
}

@media screen and (min-width: 1260px) {
    .babyCalendarDetail__nav {
        height: 71px;
        border-bottom: 1px solid rgba(0, 98, 94, .2);
        margin-bottom: 30px
    }
}

.babyCalendarDetail__prev {
    left: 0;
    padding-left: 23px
}

.babyCalendarDetail__next, .babyCalendarDetail__prev {
    position: absolute;
    top: 22px;
    font-weight: 600;
    color: #00625e;
    line-height: 21px
}

@media screen and (min-width: 1260px) {
    .babyCalendarDetail__next, .babyCalendarDetail__prev {
        top: 28px
    }
}

.babyCalendarDetail__next:hover, .babyCalendarDetail__prev:hover {
    color: #2a384e;
    text-decoration: none
}

.babyCalendarDetail__next::before, .babyCalendarDetail__prev::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
    background: url(img/babyCalendarDetail/prev.svg) no-repeat center/contain
}

.babyCalendarDetail__next::before {
    left: auto;
    right: 0;
    background-image: url(img/babyCalendarDetail/next.svg)
}

.babyCalendarDetail__next {
    left: auto;
    right: 0;
    padding-left: 0;
    padding-right: 23px
}

.babyCalendarDetail__info {
    background: #eaf6f9;
    margin: 0 -20px 30px;
    padding: 20px 20px 31px
}

@media screen and (min-width: 768px) {
    .babyCalendarDetail__info {
        margin: 0 -30px 30px;
        padding: 20px 30px 31px
    }
}

@media screen and (min-width: 1260px) {
    .babyCalendarDetail__info {
        margin: 0 0 40px;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        background: 0 0
    }
}

.babyCalendarDetail__block {
    margin-bottom: 35px
}

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

@media screen and (min-width: 1260px) {
    .babyCalendarDetail__block {
        width: 238px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 238px;
        flex: 0 0 238px;
        background: url(img/babyCalendarDetail/bg.svg) no-repeat center/100% 100%;
        margin-bottom: 0;
        padding: 25px 30px 29px
    }
}

.babyCalendarDetail__block-title {
    font-size: 25px;
    line-height: 1;
    font-family: "Neucha", sans-serif;
    color: #00625e;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 98, 94, .2);
    margin-bottom: 9px
}

@media screen and (min-width: 1260px) {
    .babyCalendarDetail__block-title {
        font-size: 30px;
        position: relative;
        padding-right: 80px;
        padding-bottom: 14px;
        margin-bottom: 14px
    }

    .babyCalendarDetail__block-title::after {
        content: '';
        display: block;
        position: absolute;
        right: 0
    }
}

.babyCalendarDetail__block-title_fig1::after {
    background: url(img/babyCalendarDetail/fig1.svg) no-repeat center/contain;
    width: 65px;
    height: 72px;
    top: -10px
}

.babyCalendarDetail__block-title_fig2::after {
    background: url(img/babyCalendarDetail/fig2.svg) no-repeat center/contain;
    width: 77px;
    height: 79px;
    top: -16px
}

.babyCalendarDetail__block-title_fig3::after {
    background: url(img/babyCalendarDetail/fig3.svg) no-repeat center/contain;
    width: 77px;
    height: 75px;
    top: -12px
}

.babyCalendarDetail__block-list {
    font-size: 18px;
    line-height: 1.45;
    margin: 0 !important
}

.babyCalendarDetail__block-line {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 0 !important;
    margin-bottom: 10px !important
}

@media screen and (min-width: 1260px) {
    .babyCalendarDetail__block-line {
        display: block;
        margin-bottom: 13px !important
    }
}

.babyCalendarDetail__block-line::before, .calendar + .footer .wave {
    display: none
}

.babyCalendarDetail__block-line:last-child {
    margin-bottom: 0 !important
}

@media screen and (min-width: 1260px) {
    .babyCalendarDetail__block-label {
        margin-bottom: 2px
    }
}

.babyCalendarDetail__block-value {
    font-weight: 700
}

@media screen and (min-width: 1260px) {
    .babyCalendarDetail__nav_bottom {
        margin-bottom: 0;
        border-bottom: none
    }
}

@media screen and (min-width: 768px) {
    .babyCalendarDetail__sidebar {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 229px;
        flex: 0 0 229px;
        width: 229px
    }
}

@media screen and (min-width: 1260px) {
    .babyCalendarDetail__sidebar {
        -ms-flex-preferred-size: 277px;
        flex-basis: 277px;
        width: 229px
    }
}

.banners {
    padding-bottom: 20px;
    padding-top: 20px;
    background: #f6fafc
}

@media screen and (min-width: 768px) {
    .banners {
        padding-bottom: 65px
    }
}

@media screen and (min-width: 1260px) {
    .banners {
        padding-top: 30px;
        padding-bottom: 65px
    }
}

.banners__swiper-container {
    position: relative
}

.banners__prev {
    left: -20px
}

.banners__next, .banners__prev {
    position: absolute;
    top: calc(50% - 13px);
    display: none
}

@media screen and (min-width: 768px) {
    .banners__next, .banners__prev {
        display: block
    }
}

@media screen and (min-width: 860px) {
    .banners__next, .banners__prev {
        left: -60px
    }
}

@media screen and (min-width: 1260px) {
    .banners__next, .banners__prev {
        left: -25px
    }
}

@media screen and (min-width: 1320px) {
    .banners__next, .banners__prev {
        left: -60px
    }
}

.banners__next {
    left: auto;
    right: -20px
}

@media screen and (min-width: 860px) {
    .banners__next {
        right: -60px
    }
}

@media screen and (min-width: 1260px) {
    .banners__next {
        right: -25px
    }
}

@media screen and (min-width: 1320px) {
    .banners__next {
        right: -60px
    }
}

.banners__swiper {
    margin-left: -20px;
    margin-right: -20px
}

@media screen and (min-width: 360px) {
    .banners__swiper {
        margin-left: 0;
        margin-right: 0
    }
}

.banners__images {
    margin-bottom: 50px
}

@media screen and (min-width: 360px) {
    .banners__images {
        -webkit-border-radius: 11px;
        border-radius: 11px;
        overflow: hidden
    }
}

@media screen and (min-width: 768px) {
    .banners__images {
        margin-bottom: 0
    }
}

.banners__image_d {
    display: none;
    height: 360px
}

@media screen and (min-width: 1260px) {
    .banners__image_d {
        display: block
    }
}

.banners__image_t {
    display: none;
    height: 300px
}

@media screen and (min-width: 768px) {
    .banners__image_t {
        display: block
    }
}

@media screen and (min-width: 1260px) {
    .banners__image_t {
        display: none
    }
}

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

@media screen and (min-width: 768px) {
    .banners__image_m {
        display: none
    }
}

.banners__texts {
    padding: 0;
    text-align: center
}

@media screen and (min-width: 768px) {
    .banners__texts {
        position: absolute;
        bottom: 27px;
        left: 40px;
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .banners__texts {
        bottom: 29px;
        left: 103px
    }
}

.banners__title {
    padding: 0 20px;
    margin-bottom: 14px
}

@media screen and (min-width: 450px) {
    .banners__title {
        padding: 0
    }
}

@media screen and (min-width: 768px) {
    .banners__title {
        max-width: 300px;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .banners__title {
        margin-bottom: 30px;
        max-width: 500px
    }
}

@media screen and (min-width: 768px) {
    .banners__title.white {
        color: #fff
    }
}

.banners__button {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .banners__button {
        margin-bottom: 32px
    }
}

@media screen and (min-width: 1260px) {
    .banners__button {
        margin-bottom: 30px
    }
}

.banners__small {
    font-size: 11px;
    line-height: 1.45;
    color: #2a384e
}

@media screen and (min-width: 768px) {
    .banners__small {
        color: #00625e;
        max-width: 430px
    }

    .banners__small.white {
        color: #fff
    }
}

.banners__pager {
    position: absolute;
    top: 265px;
    left: 0;
    z-index: 100;
    width: 100%
}

@media screen and (min-width: 768px) {
    .banners__pager {
        top: auto;
        bottom: -40px
    }
}

@media screen and (min-width: 1260px) {
    .banners__pager {
        bottom: -40px
    }
}

.banners__slide {
    overflow: hidden
}

@media screen and (min-width: 360px) {
    .banners__slide {
        -webkit-border-radius: 10px;
        border-radius: 10px
    }
}

@media (min-width: 767.5px) {
    .banners-btn-white {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 121 50' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M86.0833 0.534204C70.2338 0.818294 -0.393606 -2.02261 0.718637 3.09102C-0.393606 19.0001 0.996697 24.6819 0.440576 29.2274C0.162515 30.9319 -0.393606 40.3069 0.440576 41.7274C0.440576 41.7274 0.440576 46.5569 0.996697 47.9774C2.387 52.8069 71.6241 47.9774 92.2006 49.966C94.1471 50.2501 117.504 50.8183 119.173 49.3978C121.953 46.841 119.729 39.7388 120.007 35.1933C120.841 21.5569 121.119 19.8524 120.563 7.92057C120.563 6.21602 120.285 4.22739 119.451 3.09102C118.616 2.23875 116.67 1.38648 115.558 1.10239C109.44 0.250113 91.9226 0.534204 86.0833 0.534204Z' fill='%23ffffff'/%3E%3C/svg%3E%0A") !important;
        color: #00625e !important
    }

    .banners-btn-white::after {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 13 9' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.704 4.5l.53.53a.75.75 0 0 0 0-1.06l-.53.53zM.852 3.75a.75.75 0 0 0 0 1.5v-1.5zm8.2-2.962a.75.75 0 0 0-1.06 1.06l1.06-1.06zm-1.06 6.364a.75.75 0 0 0 1.06 1.06l-1.06-1.06zm0-5.304l3.182 3.182 1.06-1.06L9.053.788l-1.061 1.06zm3.182 2.122L7.992 7.152l1.06 1.06 3.183-3.182-1.061-1.06zm.53-.22H.852v1.5h10.852v-1.5z' fill='%2300625e'/%3E%3C/svg%3E%0A") !important
    }

    .banners-btn-white:active, .banners-btn-white:hover {
        background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 121 50' preserveAspectRatio='none' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M86.0833 0.534204C70.2338 0.818294 -0.393606 -2.02261 0.718637 3.09102C-0.393606 19.0001 0.996697 24.6819 0.440576 29.2274C0.162515 30.9319 -0.393606 40.3069 0.440576 41.7274C0.440576 41.7274 0.440576 46.5569 0.996697 47.9774C2.387 52.8069 71.6241 47.9774 92.2006 49.966C94.1471 50.2501 117.504 50.8183 119.173 49.3978C121.953 46.841 119.729 39.7388 120.007 35.1933C120.841 21.5569 121.119 19.8524 120.563 7.92057C120.563 6.21602 120.285 4.22739 119.451 3.09102C118.616 2.23875 116.67 1.38648 115.558 1.10239C109.44 0.250113 91.9226 0.534204 86.0833 0.534204Z' fill='%23e8e8e8'/%3E%3C/svg%3E%0A") !important
    }
}

.breadcrumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -20px 15px;
    padding: 0 20px
}

@media screen and (min-width: 768px) {
    .breadcrumbs {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .breadcrumbs {
        margin-bottom: 25px
    }
}

.breadcrumbs__container, .breadcrumbs__item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.breadcrumbs__container {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    white-space: nowrap;
    color: rgba(42, 56, 78, .6);
    font-size: 13px;
    line-height: 1.45;
    padding: 0;
    margin: 0;
    list-style: none
}

.breadcrumbs__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: auto
}

.breadcrumbs__sep {
    margin: 0 10px;
    width: 9px;
    height: 9px;
    background: url(img/breadcrumbs/arrow.svg) no-repeat center/contain;
    position: relative;
    top: 2px
}

@media screen and (min-width: 768px) {
    .breadcrumbs__sep {
        top: 1px
    }
}

.calendar {
    background: #f6fafc;
    padding-bottom: 0
}

@media screen and (min-width: 360px) {
    .calendar {
        padding-bottom: 40px
    }
}

@media screen and (min-width: 768px) {
    .calendar {
        padding-bottom: 50px
    }
}

@media screen and (min-width: 1260px) {
    .calendar {
        padding-bottom: 70px
    }
}

.calendar__title {
    margin-bottom: 21px
}

@media screen and (min-width: 768px) {
    .calendar__title {
        margin-bottom: 27px
    }
}

@media screen and (min-width: 1260px) {
    .calendar__title {
        margin-bottom: 40px
    }

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

.calendar__section {
    margin: 10px -20px 0;
    padding: 23px 20px 20px;
    position: relative;
    background: url(img/calendar/bg1.svg) no-repeat center/100% 100%
}

@media screen and (min-width: 360px) {
    .calendar__section {
        margin: 0 0 20px
    }

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

@media screen and (min-width: 400px) {
    .calendar__section {
        padding: 24px 21px
    }
}

@media screen and (min-width: 768px) {
    .calendar__section {
        padding: 20px 50px 25px 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 1260px) {
    .calendar__section {
        margin: 0 30px 0 0;
        padding: 24px 31px 32px 30px;
        display: block
    }
}

.calendar__section::after {
    content: '';
    display: block;
    position: absolute;
    background: no-repeat center/contain
}

.calendar__section:first-child::after {
    width: 139px;
    height: 88px;
    top: 27px;
    right: 9px;
    background-image: url(img/calendar/img1.svg)
}

@media screen and (min-width: 450px) {
    .calendar__section:first-child::after {
        width: 142px;
        height: 90px;
        top: 25px;
        right: 24px
    }
}

@media screen and (min-width: 768px) {
    .calendar__section:first-child::after {
        width: 106px;
        height: 82px;
        background-image: url(img/calendar/img1-t.svg);
        left: 33px;
        bottom: -13px;
        top: auto
    }
}

@media screen and (min-width: 1260px) {
    .calendar__section:first-child::after {
        width: 147px;
        height: 93px;
        background-image: url(img/calendar/img1.svg);
        left: 209px;
        top: 27px
    }
}

@media screen and (min-width: 360px) {
    .calendar__section:nth-child(2) {
        background-image: url(img/calendar/bg1.svg)
    }
}

@media screen and (min-width: 1260px) {
    .calendar__section:nth-child(2) {
        background-image: url(img/calendar/bg2.svg)
    }
}

.calendar__section:nth-child(2)::after {
    width: 115px;
    height: 65px;
    top: 31px;
    right: 34px;
    background-image: url(img/calendar/img2.svg)
}

@media screen and (min-width: 360px) {
    .calendar__section:nth-child(2)::after {
        width: 119px;
        height: 67px
    }
}

@media screen and (min-width: 450px) {
    .calendar__section:nth-child(2)::after {
        width: 131px;
        height: 74px;
        top: 26px;
        right: 45px
    }
}

@media screen and (min-width: 768px) {
    .calendar__section:nth-child(2)::after {
        width: 115px;
        height: 65px;
        left: 31px;
        bottom: -5px;
        top: auto
    }
}

@media screen and (min-width: 1260px) {
    .calendar__section:nth-child(2)::after {
        width: 125px;
        height: 70px;
        top: 33px;
        left: 213px
    }
}

@media screen and (min-width: 360px) {
    .calendar__section:nth-child(3) {
        background-image: url(img/calendar/bg1.svg)
    }
}

@media screen and (min-width: 1260px) {
    .calendar__section:nth-child(3) {
        background-image: url(img/calendar/bg3.svg);
        margin: 0
    }
}

.calendar__section:nth-child(3)::after {
    width: 90px;
    height: 80px;
    top: 16px;
    right: 34px;
    background-image: url(img/calendar/img3.svg)
}

@media screen and (min-width: 450px) {
    .calendar__section:nth-child(3)::after {
        top: 17px;
        right: 58px
    }
}

@media screen and (min-width: 768px) {
    .calendar__section:nth-child(3)::after {
        -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
        -ms-transform: matrix(-1, 0, 0, 1, 0, 0);
        transform: matrix(-1, 0, 0, 1, 0, 0);
        top: auto;
        left: 30px;
        bottom: 23px
    }
}

@media screen and (min-width: 1260px) {
    .calendar__section:nth-child(3)::after {
        width: 93px;
        height: 82px;
        left: 231px;
        top: 19px
    }
}

.calendar__section-head {
    border-bottom: 1px solid rgba(1, 78, 114, .08);
    margin-bottom: 20px;
    padding-bottom: 18px;
    position: relative
}

@media screen and (min-width: 768px) {
    .calendar__section-head {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 166px;
        flex: 0 0 166px;
        width: 166px;
        border-bottom: none;
        border-right: 1px solid rgba(1, 78, 114, .08);
        padding-bottom: 0;
        margin-bottom: 0;
        padding-top: 3px;
        margin-right: 52px
    }
}

@media screen and (min-width: 1260px) {
    .calendar__section-head {
        padding-bottom: 15px;
        margin-bottom: 30px;
        border-bottom: 1px solid rgba(1, 78, 114, .08);
        border-right: 0;
        width: 100%;
        padding-top: 0;
        margin-right: 0
    }
}

.calendar__head-title {
    font-size: 25px;
    line-height: 1;
    margin-bottom: 8px;
    font-family: "Neucha", sans-serif;
    color: #00625e
}

@media screen and (min-width: 1260px) {
    .calendar__head-title {
        font-size: 30px
    }
}

.calendar__head-weeks {
    color: #2a384e;
    font-size: 13px;
    line-height: 1.4
}

.calendar__weeks {
    display: grid;
    grid-template-columns:repeat(5, 1fr);
    grid-column-gap: calc((100% - 5 * 44px) / 4);
    grid-row-gap: 13px
}

@media screen and (min-width: 400px) {
    .calendar__weeks {
        grid-template-columns:repeat(auto-fill, 44px);
        grid-gap: 15px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 768px) {
    .calendar__weeks {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        padding-top: 5px
    }
}

@media screen and (min-width: 1260px) {
    .calendar__weeks {
        grid-template-columns:repeat(5, 1fr);
        grid-column-gap: 17px;
        grid-row-gap: 12px;
        padding-top: 0
    }
}

.calendar__week-link {
    width: 44px;
    height: 44px;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    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;
    font-size: 20px;
    font-family: "Neucha", sans-serif;
    line-height: 1;
    color: #00625e;
    -webkit-transition: color .25s ease-in-out, background .25s ease-in-out;
    -o-transition: color .25s ease-in-out, background .25s ease-in-out;
    transition: color .25s ease-in-out, background .25s ease-in-out
}

@media screen and (min-width: 1260px) {
    .calendar__week-link {
        width: 50px;
        height: 50px;
        font-size: 25px
    }
}

.calendar__week-link:hover {
    text-decoration: none
}

.calendar__week-link:active {
    background: #00625e;
    color: #fff
}

@media (hover: hover) {
    .calendar__week-link:hover {
        background: #00625e;
        color: #fff
    }
}

@media screen and (min-width: 360px) {
    .calendar + .footer .wave {
        display: block
    }
}

.calendarDetail {
    display: block;
    background: #f6fafc;
    position: relative;
    padding-top: 71px
}

@media screen and (min-width: 360px) {
    .calendarDetail {
        padding-bottom: 40px
    }
}

@media screen and (min-width: 768px) {
    .calendarDetail {
        padding-top: 18px;
        padding-bottom: 50px
    }
}

@media screen and (min-width: 1260px) {
    .calendarDetail {
        padding-top: 25px;
        padding-bottom: 70px
    }
}

.calendarDetail .container {
    position: static
}

.calendarDetail__title {
    margin-bottom: 20px
}

@media screen and (min-width: 400px) {
    .calendarDetail__title {
        font-size: 35px
    }
}

@media screen and (min-width: 768px) {
    .calendarDetail__title {
        margin-bottom: 30px
    }
}

@media screen and (min-width: 1260px) {
    .calendarDetail__title {
        margin-bottom: 40px;
        font-size: 50px
    }
}

@media screen and (min-width: 768px) {
    .calendarDetail__content {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.calendarDetail__main {
    margin: 0 -20px;
    background: #fff;
    padding: 0 20px 40px
}

@media screen and (min-width: 360px) {
    .calendarDetail__main {
        margin: 0;
        padding-bottom: 21px;
        -webkit-border-radius: 0 0 7px 7px;
        border-radius: 0 0 7px 7px
    }
}

@media screen and (min-width: 768px) {
    .calendarDetail__main {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 479px;
        flex: 0 0 479px;
        max-width: 479px;
        margin-right: 20px;
        padding: 0 30px 30px
    }
}

@media screen and (min-width: 1260px) {
    .calendarDetail__main {
        -ms-flex-preferred-size: 872px;
        flex-basis: 872px;
        max-width: 872px;
        margin-right: 50px;
        padding: 0 50px 41px
    }
}

.calendarDetail__info {
    background: #eaf6f9;
    margin: 0 -20px -2px;
    padding: 0 20px 33px
}

@media screen and (min-width: 360px) {
    .calendarDetail__info {
        -webkit-border-radius: 7px 7px 0 0;
        border-radius: 7px 7px 0 0
    }
}

@media screen and (min-width: 768px) {
    .calendarDetail__info {
        margin: 0 -30px -3px;
        padding: 0 30px 33px
    }
}

@media screen and (min-width: 1260px) {
    .calendarDetail__info {
        padding: 0 50px 32px;
        margin: 0 -50px -3px
    }
}

.calendarDetail__nav {
    position: relative;
    height: 60px;
    border-bottom: 1px solid rgba(0, 98, 94, .16);
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 360px) {
    .calendarDetail__nav {
        margin-bottom: 23px
    }
}

@media screen and (min-width: 400px) {
    .calendarDetail__nav {
        margin-bottom: 21px
    }
}

@media screen and (min-width: 768px) {
    .calendarDetail__nav {
        margin-bottom: 26px
    }
}

@media screen and (min-width: 1260px) {
    .calendarDetail__nav {
        margin-bottom: 29px;
        height: 71px
    }
}

.calendarDetail__prev {
    left: 0;
    padding-left: 23px
}

.calendarDetail__next, .calendarDetail__prev {
    position: absolute;
    top: 22px;
    font-weight: 600;
    color: #00625e;
    line-height: 21px
}

@media screen and (min-width: 1260px) {
    .calendarDetail__next, .calendarDetail__prev {
        top: 28px
    }
}

.calendarDetail__next:hover, .calendarDetail__prev:hover {
    color: #2a384e;
    text-decoration: none
}

.calendarDetail__next::before, .calendarDetail__prev::before {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
    background: url(img/calendarDetail/prev.svg) no-repeat center/contain
}

.calendarDetail__next::before {
    left: auto;
    right: 0;
    background-image: url(img/calendarDetail/next.svg)
}

.calendarDetail__next {
    left: auto;
    right: 0;
    padding-left: 0;
    padding-right: 23px
}

.calendarDetail__infoblock {
    display: block;
    position: relative;
    padding-left: 64px;
    margin-bottom: 13px
}

@media screen and (min-width: 768px) {
    .calendarDetail__infoblock {
        padding-left: 60px
    }
}

@media screen and (min-width: 1260px) {
    .calendarDetail__infoblock {
        padding-left: 91px
    }
}

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

.calendarDetail__infoblock:last-child .calendarDetail__block-text {
    border-bottom: none;
    padding-bottom: 0
}

.calendarDetail__infoblock::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    width: 48px;
    height: 51px;
    background: no-repeat center/contain
}

@media screen and (min-width: 768px) {
    .calendarDetail__infoblock::before {
        width: 40px;
        height: 43px
    }
}

@media screen and (min-width: 1260px) {
    .calendarDetail__infoblock::before {
        width: 64px;
        height: 68px
    }
}

.calendarDetail__infoblock_important::before {
    background-image: url(img/calendarDetail/important.svg)
}

.calendarDetail__infoblock_advice::before {
    background-image: url(img/calendarDetail/advice.svg)
}

.calendarDetail__infoblock_fact::before {
    background-image: url(img/calendarDetail/fact.svg)
}

.calendarDetail__block-title {
    font-size: 20px;
    line-height: 1;
    font-family: "Neucha", sans-serif;
    color: #00625e;
    margin-bottom: 4px
}

@media screen and (min-width: 1260px) {
    .calendarDetail__block-title {
        font-size: 25px;
        margin-bottom: 10px
    }
}

.calendarDetail__block-text {
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(1, 78, 114, .08);
    font-size: 13px;
    line-height: 1.4
}

@media screen and (min-width: 400px) {
    .calendarDetail__block-text {
        padding-bottom: 15px
    }
}

@media screen and (min-width: 768px) {
    .calendarDetail__block-text {
        padding-bottom: 17px
    }
}

@media screen and (min-width: 1260px) {
    .calendarDetail__block-text {
        font-size: 16px;
        line-height: 1.45;
        padding-bottom: 26px;
        margin-bottom: 18px
    }
}

.calendarDetail__nav_bottom {
    height: 55px;
    border: 0;
    margin: 0
}

.calendarDetail__nav_bottom .calendarDetail__next, .calendarDetail__nav_bottom .calendarDetail__prev {
    top: 15px
}

@media screen and (min-width: 360px) {
    .calendarDetail__nav_bottom {
        font-size: 16px;
        line-height: 1.45;
        height: 53px
    }
}

@media screen and (min-width: 1260px) {
    .calendarDetail__nav_bottom {
        height: 56px
    }
}

.calendarDetail__share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px) {
    .calendarDetail__sidebar {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 229px;
        flex: 0 0 229px;
        max-width: 229px;
        position: relative
    }
}

@media screen and (min-width: 1260px) {
    .calendarDetail__sidebar {
        -ms-flex-preferred-size: 277px;
        flex-basis: 277px;
        max-width: 277px
    }
}

.card {
    display: block;
    background-color: #fff;
    border: 1px solid rgba(1, 78, 114, .08);
    -webkit-box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    margin-bottom: 15px;
    position: relative
}

@media screen and (min-width: 768px) {
    .card {
        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: stretch;
        -ms-flex-pack: stretch;
        justify-content: stretch;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        height: 100%;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1260px) {
    .card {
        min-height: 425px
    }
}

.card--image .card__info {
    position: absolute
}

.card__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.card__link {
    display: block;
    text-decoration: none;
    position: relative;
    z-index: 5
}

.card__link:focus, .card__link:hover {
    text-decoration: none
}

@media screen and (min-width: 768px) {
    .card__link {
        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: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

.card__info {
    display: block;
    padding: 30px 30px 20px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .card__info {
        padding: 30px 30px 20px
    }
}

@media screen and (min-width: 1260px) {
    .card__info {
        padding: 30px 30px 20px
    }
}

.card__category {
    display: block;
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    font-family: "Roboto Condensed", sans-serif;
    color: rgba(42, 56, 78, .6)
}

.card__title {
    display: block;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 135%;
    font-family: "Neucha", sans-serif;
    color: #00625e
}

.card__title.white {
    color: #fff
}

.card__title.size22 {
    font-size: 22px
}

.card__image {
    display: block;
    width: 100%;
    height: 229px;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

.card__image--contain, .card__image--cover-desk {
    -webkit-background-size: contain;
    background-size: contain
}

@media screen and (min-width: 768px) {
    .card__image {
        height: 232px;
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
}

@media screen and (min-width: 1260px) {
    .card__image {
        height: 232px;
        background-position: center bottom
    }

    .card__image--cover-desk {
        -webkit-background-size: cover;
        background-size: cover
    }
}

.card__button {
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.catalog {
    display: block;
    background: #f6fafc
}

.catalog__title {
    margin-bottom: 22px
}

@media screen and (min-width: 768px) {
    .catalog__title {
        margin-bottom: 15px
    }
}

@media screen and (min-width: 1260px) {
    .catalog__title {
        margin-bottom: 21px
    }
}

.catalog__filter-top {
    display: none
}

@media screen and (min-width: 768px) {
    .catalog__filter-top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid rgba(1, 78, 114, .08);
        margin-bottom: 30px
    }
}

@media screen and (min-width: 1260px) {
    .catalog__filter-top {
        margin-bottom: 40px
    }
}

.catalog__filter-item {
    font-size: 17px;
    line-height: 1.2;
    color: #2a384e;
    padding: 0;
    margin-right: 20px;
    position: relative;
    font-family: "Neucha", sans-serif
}

@media screen and (min-width: 1260px) {
    .catalog__filter-item {
        font-size: 20px;
        line-height: 25px;
        margin-right: 30px
    }
}

.catalog__filter-item span {
    color: rgba(42, 56, 78, .6);
    -webkit-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out
}

.catalog__filter-item::after {
    content: '';
    opacity: 0;
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 1px;
    background: #00625e;
    -webkit-transition: height .25s ease-in-out, opacity .25s ease-in-out;
    -o-transition: height .25s ease-in-out, opacity .25s ease-in-out;
    transition: height .25s ease-in-out, opacity .25s ease-in-out
}

.catalog__filter-item:last-child {
    margin-right: 0
}

.catalog__filter-item a {
    display: block;
    padding: 0 0 17px
}

.catalog__filter-item a:hover, .filter__checkbox a:hover {
    text-decoration: none;
    color: #00625e
}

.catalog__filter-item a:hover span {
    color: rgba(0, 98, 94, .5)
}

.catalog__filter-item_active, .catalog__filter-item_active span, .catalog__text a, .filter__element_active-parent > label {
    color: #00625e
}

.catalog__filter-item_active::after {
    opacity: 1;
    height: 3px
}

@media screen and (min-width: 768px) {
    .catalog__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.catalog__filter-side {
    display: none
}

@media screen and (min-width: 768px) {
    .catalog__filter-side {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 208px;
        flex: 0 0 208px;
        margin-right: 41px;
        font-size: 13px;
        line-height: 1.4
    }
}

@media screen and (min-width: 1260px) {
    .catalog__filter-side {
        -ms-flex-preferred-size: 260px;
        flex-basis: 260px;
        margin-right: 47px;
        font-size: 16px;
        line-height: 1.35
    }
}

@media screen and (min-width: 768px) {
    .catalog__main {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 479px;
        flex: 1 0 479px
    }
}

@media screen and (min-width: 1260px) {
    .catalog__main {
        -ms-flex-preferred-size: 894px;
        flex-basis: 894px
    }
}

.catalog__products {
    margin: 0 -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (min-width: 768px) {
    .catalog__products {
        margin: 0 -10px
    }
}

@media screen and (min-width: 1260px) {
    .catalog__products {
        margin: 0 -15px
    }
}

.catalog__product {
    margin: 0 5px 20px;
    max-width: calc(50% - 10px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 10px);
    flex: 0 0 calc(50% - 10px)
}

@media screen and (min-width: 768px) {
    .catalog__product {
        margin: 0 10px 30px;
        max-width: calc(50% - 21px);
        -ms-flex-preferred-size: calc(50% - 21px);
        flex-basis: calc(50% - 21px)
    }
}

@media screen and (min-width: 1260px) {
    .catalog__product {
        margin: 0 15px 30px;
        max-width: calc(33.33% - 30px);
        -ms-flex-preferred-size: calc(33.33% - 30px);
        flex-basis: calc(33.33% - 30px)
    }
}

.catalog__center {
    margin-top: 20px
}

@media screen and (min-width: 1260px) {
    .catalog__center {
        margin-top: 30px
    }
}

.catalog__text {
    font-size: 13px;
    line-height: 1.4;
    color: rgba(42, 56, 78, .6);
    margin-top: 20px
}

@media screen and (min-width: 1260px) {
    .catalog__text {
        font-size: 16px;
        line-height: 1.45;
        margin-top: 30px
    }
}

.catalog__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 12px 0 13px;
    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;
    background: rgba(255, 255, 255, .75);
    -webkit-box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    z-index: 200
}

@media screen and (min-width: 768px) {
    .catalog__footer {
        display: none
    }
}

.catalog__filter-button::after {
    content: '';
    display: block;
    width: 14px;
    height: 12px;
    margin-left: 10px;
    background: url(img/catalog/filter-button.svg) no-repeat center/contain;
    position: relative;
    top: 1px
}

.filter__item {
    margin-bottom: 25px
}

@media screen and (min-width: 1260px) {
    .filter__item {
        margin-bottom: 30px
    }
}

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

.filter__label {
    color: #2a384e;
    margin-bottom: 15px;
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 768px) {
    .filter__label {
        margin-bottom: 10px;
        font-size: 13px;
        line-height: 1.4
    }
}

@media screen and (min-width: 1260px) {
    .filter__label {
        font-size: 16px;
        line-height: 1.45
    }
}

.filter__list {
    display: block;
    margin: -14px 0 0;
    padding: 0;
    list-style: none
}

@media screen and (min-width: 768px) {
    .filter__list {
        margin-top: -9px
    }
}

@media screen and (min-width: 1260px) {
    .filter__list {
        margin-top: -11px
    }
}

.filter__element {
    position: relative;
    display: block;
    padding: 6px 0 7px;
    font-size: 16px;
    line-height: 1.35
}

@media screen and (min-width: 768px) {
    .filter__element {
        font-size: 13px;
        line-height: 1.4;
        padding: 9px 0
    }
}

@media screen and (min-width: 1260px) {
    .filter__element {
        font-size: 16px;
        line-height: 1.35;
        padding: 10px 0
    }
}

.filter__element::after {
    content: '';
    width: calc(100% - 26px);
    right: 0;
    bottom: 0;
    height: 1px;
    background: rgba(1, 78, 114, .08);
    position: absolute
}

.comment:last-child::after, .filter__element:last-child::after {
    display: none
}

.filter__element > .filter__checkbox {
    display: block;
    padding-right: 16px
}

.filter__element.disabled {
    pointer-events: none;
    color: rgba(42, 56, 78, .6)
}

.filter__element.disabled .filter__arrow {
    background-image: url(img/catalog/filter-arrow-disabled.svg)
}

.filter__arrow {
    position: absolute;
    right: -5px;
    top: 7px;
    width: 26px;
    height: 26px;
    background: url(img/catalog/filter-arrow.svg) no-repeat center/16px;
    -webkit-transition: -webkit-transform .25s ease-in-out;
    -o-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    border: 0;
    cursor: pointer
}

.filter__element_parent {
    -webkit-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out
}

.filter__subelements {
    display: none;
    padding-left: 26px;
    padding-bottom: 4px
}

.filter__element_active-parent .filter__arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.filter__element_active-parent .filter__subelements {
    display: block;
    -webkit-animation: fade-in-down .25s ease-in-out;
    animation: fade-in-down .25s ease-in-out
}

.filter__subelement {
    margin-top: 12px
}

@media screen and (min-width: 768px) {
    .filter__subelement {
        margin-top: 10px
    }
}

@media screen and (min-width: 1260px) {
    .filter__subelement {
        margin-top: 11px
    }
}

.filter__checkbox input[type=checkbox] + i::before {
    top: 5px
}

@media screen and (min-width: 768px) {
    .filter__checkbox input[type=checkbox] + i::before {
        top: 2px
    }
}

a.filter__button {
    -webkit-appearance: none;
    width: 100%
}

.filter_mobile {
    display: block;
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    height: calc(100% - 80px);
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity .25s ease-in-out, z-index .25s ease-in-out, -webkit-transform .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out, z-index .25s ease-in-out, transform .25s ease-in-out;
    transition: opacity .25s ease-in-out, z-index .25s ease-in-out, transform .25s ease-in-out;
    transition: opacity .25s ease-in-out, z-index .25s ease-in-out, transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    background: #f6fafc
}

@media screen and (min-width: 768px) {
    .filter_mobile {
        display: none
    }
}

.filter_mobile-active {
    opacity: 1;
    z-index: 10000;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    pointer-events: auto
}

.filter__filters {
    display: block;
    padding-bottom: 70px;
    width: 100%;
    height: auto;
    max-height: 100%;
    overflow: auto
}

.filter__types {
    background: #eaf6f9;
    padding: 8px 20px 11px;
    margin-bottom: 27px
}

.filter__type {
    font-size: 16px;
    line-height: 1.45;
    color: #2a384e;
    border-bottom: 1px solid rgba(1, 78, 114, .08)
}

.filter__type span {
    color: rgba(42, 56, 78, .6)
}

.filter__type a {
    display: block;
    padding: 11px 0
}

.filter__type a:hover {
    text-decoration: none
}

.filter__type:last-child {
    border-bottom: 0
}

.filter__type_active {
    color: #00625e;
    font-weight: 600
}

.comments__auth a, .filter__type_active span {
    color: #00625e
}

.filter__items {
    padding: 0 20px
}

.filter__buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(255, 255, 255, .75);
    -webkit-box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    z-index: 20000;
    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;
    color: #00625e;
    font-size: 16px;
    line-height: 1.45;
    padding: 12px 40px 13px 20px
}

.filter__buttons .btn {
    margin-right: 40px
}

.filter__buttons a:not(.btn):hover {
    text-decoration: none;
    color: #2a384e
}

.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-target {
    position: relative;
    width: calc(100% - 17px);
    margin-left: 8.5px
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}

.noUi-connects {
    overflow: hidden;
    z-index: 0
}

.noUi-connect, .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform-style: flat;
    transform-style: flat
}

.noUi-horizontal .noUi-origin {
    height: 0
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

.noUi-touch-area {
    height: 100%;
    width: 100%
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    -webkit-transition: transform .3s;
    -webkit-transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.noUi-state-drag * {
    cursor: inherit !important
}

.noUi-horizontal {
    height: 18px
}

.noUi-horizontal .noUi-handle {
    width: 17px;
    height: 17px;
    right: -8.5px;
    top: 0
}

.noUi-target {
    height: 45px
}

.noUi-connects {
    display: block;
    width: 100%;
    height: 3px;
    background: rgba(0, 98, 94, .5);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    position: absolute;
    left: 0;
    top: 8px
}

.noUi-connect {
    background: #00625e
}

.noUi-draggable {
    cursor: ew-resize
}

.noUi-handle {
    border: 6px solid #00625e;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    cursor: default;
    outline: 0 !important
}

[disabled] .noUi-connect {
    background: #b8b8b8
}

[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
    cursor: not-allowed
}

.noUi-pips, .noUi-pips * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.noUi-pips {
    position: absolute;
    color: #999
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    position: absolute;
    background: #ccc
}

.noUi-marker-large, .noUi-marker-sub {
    background: #aaa
}

.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

.noUi-tooltip {
    display: block;
    position: absolute;
    color: #00625e;
    text-align: center;
    font-size: 18px;
    line-height: 1.2
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    top: 16px
}

.noUi-horizontal .noUi-origin > .noUi-tooltip {
    -webkit-transform: translate(50%, 0);
    -ms-transform: translate(50%, 0);
    transform: translate(50%, 0);
    left: auto;
    bottom: 10px
}

.catalog__error {
    margin: 0 5px 20px
}

@media screen and (min-width: 768px) {
    .catalog__error {
        margin: 0 10px 30px
    }
}

@media screen and (min-width: 1260px) {
    .catalog__error {
        margin: 0 15px 30px
    }
}

.cis, .filter__item {
    display: block
}

.filter__item .bx-ui-slider-track-container {
    padding: 10px 10px 30px
}

.filter__item .bx-ui-slider-track {
    position: relative;
    height: 3px;
    background: #7baead
}

.filter__item .bx-ui-slider-track.active .bx-ui-slider-pricebar-v, .filter__item .bx-ui-slider-track.active .bx-ui-slider-pricebar-vd {
    background-color: #00625e
}

.filter__item .bx-ui-slider-track.active .bx-ui-slider-handle {
    border-color: #00625e
}

.filter__item .bx-ui-slider-part {
    display: none;
    position: absolute;
    top: -30px;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    color: #7baead
}

.filter__item .bx-ui-slider-part.p1 {
    display: block;
    left: -4px
}

.filter__item .bx-ui-slider-part.p5 {
    display: block;
    right: -10px
}

.filter__item .bx-ui-slider-pricebar-vd {
    background: gray;
    z-index: 6
}

.filter__item .bx-ui-slider-pricebar-vn {
    background: #a8dff3;
    z-index: 7
}

.filter__item .bx-ui-slider-pricebar-v {
    background: gray;
    z-index: 8
}

.filter__item .bx-ui-slider-range {
    z-index: 9
}

.filter__item .bx-ui-slider-handle {
    position: absolute;
    top: -7px;
    width: 17px;
    height: 17px;
    background: #fff;
    border: 6px solid #00625e;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s
}

.filter__item .bx-ui-slider-handle.left {
    margin-left: -8px
}

.filter__item .bx-ui-slider-handle.left span {
    left: -3px
}

.filter__item .bx-ui-slider-handle.right {
    margin-right: -8px
}

.filter__item .bx-ui-slider-handle.right span {
    width: 17px;
    display: block;
    right: -5px
}

.filter__item .bx-ui-slider-handle span {
    position: absolute;
    top: 10px;
    font-family: "Roboto Condensed", sans-serif;
    line-height: normal;
    font-size: 17px;
    text-align: center;
    color: #00625e
}

.filter__item .bx-ui-slider-pricebar, .filter__item .bx-ui-slider-pricebar-v, .filter__item .bx-ui-slider-pricebar-vd, .filter__item .bx-ui-slider-range, .filter__item bx-ui-slider-pricebar-vn {
    position: absolute;
    top: 0;
    bottom: 0
}

.filter__item.disabled .bx-ui-slider-pricebar-v, .filter__item.disabled .bx-ui-slider-pricebar-vd, .filter__item.disabled .bx-ui-slider-pricebar-vn {
    background-color: gray
}

.filter__item.disabled .bx-ui-slider-handle {
    border-color: gray;
    pointer-events: none
}

.filter__item.disabled .bx-ui-slider-handle span {
    color: gray
}

.cis {
    padding: 35px 0;
    position: relative;
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .cis {
        padding: 50px 0;
        background-image: url(img/cis/bg.svg);
        background-position: center bottom;
        background-repeat: no-repeat
    }
}

@media screen and (min-width: 1260px) {
    .cis {
        padding-top: 70px;
        padding-bottom: 98px;
        background-image: url(img/cis/bg.svg);
        background-position: center bottom;
        background-repeat: no-repeat
    }
}

.cis__content {
    display: block
}

.cis__list {
    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
}

@media screen and (min-width: 768px) {
    .cis__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (min-width: 1260px) {
    .cis__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 100%;
        margin: 0
    }
}

.cis__item {
    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;
    width: 100%;
    margin-bottom: 40px
}

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

@media screen and (min-width: 768px) {
    .cis__item {
        width: 354px;
        margin-bottom: 50px
    }

    .cis__item:nth-child(2n+1) {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1260px) {
    .cis__item {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: 277px;
        margin-bottom: 0
    }
}

.cis__text {
    display: block;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 400;
    font-size: 25px;
    line-height: 100%;
    color: #00625e;
    font-family: "Neucha", sans-serif
}

@media screen and (min-width: 768px) {
    .cis__text {
        margin-bottom: 15px;
        font-size: 30px;
        line-height: 100%
    }
}

@media screen and (min-width: 1260px) {
    .cis__text {
        margin-bottom: 15px;
        font-size: 40px;
        line-height: 105%
    }
}

.cis__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 35px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding-left: 20px;
    padding-right: 43px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: #00625e;
    position: relative
}

.cis__link::after {
    content: "";
    display: block;
    width: 13px;
    height: 8px;
    background-image: url(img/cis/arrow.svg);
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 21px
}

.comments {
    background: #f6fafc;
    padding: 40px 0
}

@media screen and (min-width: 768px) {
    .comments {
        padding: 50px 0
    }
}

@media screen and (min-width: 1260px) {
    .comments {
        padding: 0 0 70px
    }
}

.comments__title {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .comments__title {
        margin-bottom: 27px
    }
}

@media screen and (min-width: 1260px) {
    .comments__title {
        margin-bottom: 43px
    }
}

.comments__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .comments__form {
        margin-bottom: 40px
    }
}

.comment__avatar, .comments__avatar {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    margin-right: 15px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 768px) {
    .comment__avatar, .comments__avatar {
        -ms-flex-preferred-size: 50px;
        flex-basis: 50px;
        margin-right: 20px
    }
}

.comment__avatar::before, .comments__avatar::before {
    content: '';
    display: block;
    padding-top: 100%
}

.comment__avatar img, .comments__avatar img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.comments__textarea {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 47px);
    flex: 0 0 calc(100% - 47px);
    border: 1px solid rgba(0, 98, 94, .5);
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding-bottom: 60px
}

@media screen and (min-width: 768px) {
    .comments__textarea {
        -ms-flex-preferred-size: calc(100% - 70px);
        flex-basis: calc(100% - 70px)
    }
}

@media screen and (min-width: 1260px) {
    .comments__textarea {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 803px;
        flex: 0 0 803px
    }
}

.comments__textarea textarea:focus + .input__placeholder, .comments__textarea textarea:not(:placeholder-shown) + .input__placeholder {
    background-color: #f6fafc;
    top: -9px
}

@media screen and (min-width: 768px) {
    .comments__textarea textarea:focus + .input__placeholder, .comments__textarea textarea:not(:placeholder-shown) + .input__placeholder {
        top: -10px
    }
}

.comments__textarea textarea {
    height: 160px;
    border: 0 !important;
    resize: none
}

@media screen and (min-width: 768px) {
    .comments__textarea textarea {
        height: 58px
    }
}

.comments__submit {
    position: absolute;
    left: 67px;
    bottom: 20px;
    -webkit-box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    box-shadow: 0 1px 2px rgba(1, 78, 114, .1)
}

@media screen and (min-width: 768px) {
    .comments__submit {
        left: 90px
    }
}

.comments__auth {
    background: url(img/comments/auth.svg) no-repeat center/100% 100%;
    margin: 0 -20px 30px;
    padding: 20px 100px 20px 20px;
    font-size: 13px;
    line-height: 1.4
}

@media screen and (min-width: 360px) {
    .comments__auth {
        margin: 0 0 30px;
        position: relative;
        padding-right: 130px
    }

    .comments__auth::after {
        content: '';
        display: block;
        width: 116px;
        height: 84px;
        background: url(img/comments/animal.svg) no-repeat center/contain;
        position: absolute;
        top: -10px;
        right: 19px
    }
}

@media screen and (min-width: 768px) {
    .comments__auth {
        font-size: 16px;
        line-height: 1.45
    }

    .comments__auth::after {
        top: calc(50% - 42px)
    }
}

@media screen and (min-width: 1260px) {
    .comments__auth {
        max-width: 873px
    }
}

.comments__list {
    display: block
}

@media screen and (min-width: 1260px) {
    .comments__center, .comments__info, .comments__list {
        max-width: 873px
    }
}

.comment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 1.45;
    padding-bottom: 19px;
    margin-bottom: 15px;
    position: relative
}

@media screen and (min-width: 768px) {
    .comment {
        padding-bottom: 15px
    }
}

@media screen and (min-width: 1260px) {
    .comment {
        padding-bottom: 20px;
        margin-bottom: 20px
    }
}

.comment::after {
    content: '';
    display: block;
    width: calc(100% - 47px);
    right: 0;
    height: 1px;
    bottom: 0;
    background: rgba(1, 78, 114, .08);
    position: absolute
}

@media screen and (min-width: 768px) {
    .comment::after {
        width: calc(100% - 70px)
    }
}

@media (hover: hover) {
    .comment:hover .comment__answer {
        opacity: 1
    }
}

.comment__content {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 47px);
    flex: 0 0 calc(100% - 47px);
    margin-top: -3px
}

@media screen and (min-width: 768px) {
    .comment__content {
        -ms-flex-preferred-size: 394px;
        flex-basis: 394px
    }
}

@media screen and (min-width: 1260px) {
    .comment__content {
        -ms-flex-preferred-size: 539px;
        flex-basis: 539px
    }
}

.comment__author {
    font-weight: 600;
    margin-bottom: 3px
}

@media screen and (min-width: 768px) {
    .comment__author {
        margin-bottom: 0
    }
}

.comment__actions {
    padding-left: 47px;
    margin-top: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (min-width: 768px) {
    .comment__actions {
        padding-left: 0;
        width: auto;
        margin-left: auto;
        margin-top: -4px
    }
}

.comment__answer {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    font-weight: 600;
    color: #00625e
}

@media screen and (min-width: 768px) {
    .comment__answer {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (hover: hover) {
    .comment__answer {
        opacity: 0;
        -webkit-transition: opacity .25s ease-in-out;
        -o-transition: opacity .25s ease-in-out;
        transition: opacity .25s ease-in-out
    }
}

.comment__date {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 10px;
    border: 0;
    color: rgba(42, 56, 78, .6)
}

@media screen and (min-width: 768px) {
    .comment__date {
        margin-right: 0;
        margin-left: 15px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.comment__dots {
    margin-left: auto;
    position: relative;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -ms-flex-item-align: end;
    align-self: flex-end;
    top: 2px
}

@media screen and (min-width: 768px) {
    .comment__dots {
        margin-left: 20px;
        top: 0
    }
}

.comment__trigger {
    width: 19px;
    height: 19px;
    display: block;
    border: 0;
    cursor: pointer;
    background: url(img/comments/dots.svg) no-repeat center/contain
}

@media (hover: hover) {
    .comment__trigger:hover {
        -webkit-filter: brightness(.8);
        filter: brightness(.8)
    }
}

.comment__popup {
    position: absolute;
    right: -19px;
    top: calc(100% + 6px);
    padding: 15px 20px;
    background: #eaf6f9;
    -webkit-box-shadow: 0 36px 20px rgba(12, 79, 77, .1), 0 24px 12px rgba(12, 79, 77, .1), 0 10px 8px rgba(12, 79, 77, .1);
    box-shadow: 0 36px 20px rgba(12, 79, 77, .1), 0 24px 12px rgba(12, 79, 77, .1), 0 10px 8px rgba(12, 79, 77, .1);
    -webkit-border-radius: 7px;
    border-radius: 7px;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 13px;
    line-height: 1.4;
    z-index: 20
}

.comment__popup::before {
    content: '';
    display: block;
    width: 32px;
    height: 10px;
    background: url(img/comments/triangle.svg) no-repeat center/contain;
    right: 13px;
    top: -10px;
    position: absolute
}

@media screen and (min-width: 768px) {
    .comment__popup {
        right: -23px
    }

    .comment__popup::before {
        right: 17px
    }
}

.comment__popup_active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: fade-in-down .25s ease-in-out;
    animation: fade-in-down .25s ease-in-out
}

.comment__popup-title {
    font-weight: 600;
    margin-bottom: 7px
}

.comment__popup-action {
    color: #00625e;
    margin-bottom: 7px;
    white-space: nowrap
}

.comment__popup-action:last-child, .consultations__filter-popup .consultations__category:last-child {
    margin-bottom: 0
}

.comment__popup-action:hover, .consultations__filter-buttons a:hover {
    text-decoration: none;
    color: #2a384e
}

.comment__children {
    padding-left: 20px;
    width: 100%
}

@media screen and (min-width: 360px) {
    .comment__children {
        padding-left: 47px
    }
}

@media screen and (min-width: 768px) {
    .comment__children {
        padding-left: 70px
    }
}

.comment__children .comments__submit {
    left: 20px
}

.comment__children .comment {
    margin: 10px 0 0;
    padding-bottom: 0
}

@media screen and (min-width: 768px) {
    .comment__children .comment {
        margin-top: 15px
    }
}

@media screen and (min-width: 1260px) {
    .comment__children .comment {
        margin-top: 20px
    }
}

.comment__children .comment::after {
    display: none
}

.consultations {
    background: #f6fafc
}

.consultations__title {
    margin-bottom: 22px
}

@media screen and (min-width: 768px) {
    .consultations__title {
        margin-bottom: 15px
    }
}

@media screen and (min-width: 1260px) {
    .consultations__title {
        margin-bottom: 21px
    }
}

.consultations__title_profile {
    margin-bottom: 22px
}

@media screen and (min-width: 768px) {
    .consultations__title_profile {
        margin-bottom: 26px
    }
}

@media screen and (min-width: 1260px) {
    .consultations__title_profile {
        margin-bottom: 40px
    }
}

@media screen and (min-width: 768px) {
    .consultations__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .consultations__main {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 416px;
        flex: 0 0 416px;
        width: 416px
    }
}

@media screen and (min-width: 1260px) {
    .consultations__main {
        -ms-flex-preferred-size: 790px;
        flex-basis: 790px;
        width: 790px
    }
}

.consultations__filter {
    display: none
}

@media screen and (min-width: 768px) {
    .consultations__filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-family: "Neucha", sans-serif;
        border-bottom: 1px solid rgba(1, 78, 114, .08);
        margin-bottom: 29px;
        max-height: 52px;
        overflow: hidden
    }
}

@media screen and (min-width: 1260px) {
    .consultations__filter {
        margin-bottom: 40px;
        max-height: 60px
    }
}

.consultations__filter_loaded {
    overflow: visible
}

.consultations__category, .consultations__category__experts {
    font-size: 17px;
    line-height: 1;
    border-bottom: 1px solid rgba(0, 98, 94, .2);
    width: calc(100% - 22px);
    position: relative;
    margin-bottom: 6px;
    white-space: nowrap;
    padding: 0 0 11px
}

@media screen and (min-width: 768px) {
    .consultations__category, .consultations__category__experts {
        padding: 0 0 18px;
        font-size: 17px;
        line-height: 1;
        color: #2a384e;
        margin-right: 20px;
        margin-bottom: 0;
        border: 0;
        width: auto
    }
}

@media screen and (min-width: 1260px) {
    .consultations__category, .consultations__category__experts {
        font-size: 20px;
        margin-right: 25px
    }
}

.consultations__category::after, .consultations__category__experts::after {
    content: '';
    position: absolute;
    right: -22px;
    top: 16px;
    width: 16px;
    height: 16px;
    background: url(img/consultations/filter-arrow.svg) no-repeat center/contain
}

@media screen and (min-width: 768px) {
    .consultations__category::after, .consultations__category__experts::after {
        left: 0;
        opacity: 0;
        top: auto;
        bottom: -1px;
        width: 100%;
        height: 1px;
        background: #00625e;
        -webkit-transition: height .25s ease-in-out, opacity .25s ease-in-out;
        -o-transition: height .25s ease-in-out, opacity .25s ease-in-out;
        transition: height .25s ease-in-out, opacity .25s ease-in-out
    }
}

.consultations__category:last-child, .consultations__category__experts:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.consultations__category:hover, .consultations__category__experts:hover {
    text-decoration: none
}

@media (hover: hover) {
    .consultations__category:hover, .consultations__category__experts:hover {
        color: #00625e
    }
}

.consultations__category:active, .consultations__category__experts:active, .consultations__category_active, .consultations__category_active span {
    color: #00625e
}

@media screen and (min-width: 768px) {
    .consultations__category_active::after {
        opacity: 1;
        height: 3px
    }
}

.consultations__other {
    background: #f6fafc;
    padding: 25px 20px;
    white-space: nowrap
}

@media screen and (min-width: 768px) {
    .consultations__other {
        padding: 0;
        margin-left: auto;
        position: relative
    }

    .consultations__other.consultations__other_active {
        color: #00625e
    }

    .consultations__other.consultations__other_active::after {
        content: '';
        position: absolute;
        right: 0;
        bottom: -1px;
        background: #00625e;
        width: 100%;
        height: 3px
    }
}

.consultations__other-trigger {
    display: block;
    cursor: default;
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 3px;
    font-weight: 600
}

@media screen and (min-width: 768px) {
    .consultations__other-trigger {
        font-family: "Neucha", sans-serif;
        font-size: 17px;
        line-height: 1;
        margin-bottom: 0;
        font-weight: 400;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        color: #00625e;
        padding: 0 0 12px;
        cursor: pointer
    }

    .consultations__other-trigger::after {
        content: '';
        display: block;
        width: 16px;
        height: 18px;
        background: url(img/consultations/arrow-down.svg) no-repeat center/contain;
        margin-left: 6px
    }
}

@media screen and (min-width: 1260px) {
    .consultations__other-trigger {
        font-size: 20px
    }
}

.consultations__other-trigger:hover {
    text-decoration: none;
    color: #000
}

@media screen and (min-width: 768px) {
    .consultations__filter-popup {
        display: none;
        background: #eaf6f9;
        -webkit-box-shadow: 0 36px 20px rgba(12, 79, 77, .1), 0 24px 12px rgba(12, 79, 77, .1), 0 10px 8px rgba(12, 79, 77, .1);
        box-shadow: 0 36px 20px rgba(12, 79, 77, .1), 0 24px 12px rgba(12, 79, 77, .1), 0 10px 8px rgba(12, 79, 77, .1);
        -webkit-border-radius: 7px;
        border-radius: 7px;
        position: absolute;
        right: 0;
        top: calc(100% - 9px);
        padding: 15px 20px
    }
}

.consultations__filter-popup .consultations__category {
    position: relative;
    display: block;
    padding: 5px 0;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1.45;
    font-family: "Roboto Condensed", sans-serif;
    color: #00625e
}

@media screen and (min-width: 768px) {
    .consultations__filter-popup .consultations__category {
        margin-right: 0;
        min-width: 150px;
        cursor: pointer
    }
}

@media screen and (min-width: 1260px) {
    .consultations__filter-popup .consultations__category {
        min-width: 214px
    }
}

.consultations__filter-popup .consultations__category::after {
    content: '';
    position: absolute;
    width: calc(100% - 26px);
    right: 0;
    bottom: -2px;
    height: 1px;
    background: rgba(0, 98, 94, .2);
    opacity: 1
}

@media screen and (min-width: 768px) {
    .consultations__filter-popup .consultations__category::after {
        width: 100%
    }
}

.consultations__filter-popup .consultations__category:last-child::after {
    display: none
}

.consultations__filter-popup .consultations__category:hover {
    color: #2a384e;
    text-decoration: none
}

.consultations__filter-popup .consultations__category_active {
    display: none
}

.consultations__filter-popup .consultations__category_active:last-child {
    display: block;
    height: 3px;
    background: #eaf6f9;
    color: #eaf6f9;
    position: relative;
    top: -7px;
    overflow: hidden;
    margin: -5px 0 -10px
}

.consultations__filter-popup_active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 20;
    -webkit-animation: fade-in-down .25s ease-in-out;
    animation: fade-in-down .25s ease-in-out;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    max-height: 80vh
}

.consultations__ask-expert {
    display: block;
    margin: 0 -20px 10px;
    background: url(img/consultations/bg1.svg) no-repeat center/100% 100%;
    padding: 25px 20px;
    position: relative
}

@media screen and (min-width: 360px) {
    .consultations__ask-expert {
        padding-right: 130px;
        margin: 0 0 10px
    }

    .consultations__ask-expert::before {
        content: '';
        width: 88px;
        height: 79px;
        position: absolute;
        right: 20px;
        top: 25px;
        background: url(img/consultations/figure1.svg) no-repeat center/contain
    }
}

@media screen and (min-width: 768px) {
    .consultations__ask-expert {
        padding: 25px 150px 29px 30px;
        margin-bottom: 20px
    }

    .consultations__ask-expert::before {
        width: 92px;
        height: 80px;
        right: 28px;
        top: 24px
    }
}

@media screen and (min-width: 1260px) {
    .consultations__ask-expert {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 30px 40px 27px;
        margin-bottom: 30px
    }

    .consultations__ask-expert::before {
        position: relative;
        right: auto;
        width: 68px;
        height: 61px;
        margin-right: 30px;
        top: -1px
    }
}

.consultations__ask-expert_hidden {
    display: none
}

.consultations__ask-title {
    font-family: "Neucha", sans-serif;
    color: #00625e;
    font-size: 25px;
    line-height: 1;
    margin-bottom: 10px
}

@media screen and (min-width: 768px) {
    .consultations__ask-title {
        margin-bottom: 8px
    }
}

@media screen and (min-width: 1260px) {
    .consultations__ask-title {
        font-size: 30px
    }
}

.consultations__ask-subtitle {
    color: rgba(42, 56, 78, .6);
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 17px
}

@media screen and (min-width: 360px) {
    .consultations__ask-subtitle {
        font-size: 13px
    }
}

@media screen and (min-width: 1260px) {
    .consultations__ask-subtitle {
        font-size: 16px;
        margin-bottom: 0
    }
}

.consultations__ask-button {
    padding: 9px 20px
}

@media screen and (min-width: 1260px) {
    .consultations__ask-button {
        margin-left: auto;
        position: relative;
        top: 4px
    }
}

.consultations__form {
    background: url(img/consultations/bg3.svg) no-repeat center/100% 100%;
    margin: 0 -20px 10px;
    padding: 25px 20px;
    display: none
}

@media screen and (min-width: 360px) {
    .consultations__form {
        margin: 0 0 10px
    }
}

@media screen and (min-width: 768px) {
    .consultations__form {
        padding: 25px 30px
    }
}

@media screen and (min-width: 1260px) {
    .consultations__form {
        padding: 40px;
        margin-bottom: 30px
    }
}

.consultations__form textarea {
    height: 140px
}

.consultations__form input, .consultations__form textarea {
    border-color: rgba(0, 98, 94, .5);
    color: #00625e
}

.consultations__form .input__placeholder, .consultations__select-wrapper .selected:hover + .input__placeholder {
    color: rgba(0, 98, 94, .5)
}

.consultations__form input:focus + .input__placeholder, .consultations__form input:not(:placeholder-shown) + .input__placeholder, .consultations__form textarea:focus + .input__placeholder, .consultations__form textarea:not(:placeholder-shown) + .input__placeholder {
    background: #eaf6f9;
    top: -10px
}

.consultations__form_active {
    display: block;
    -webkit-animation: fade-in-down .25s ease-in-out;
    animation: fade-in-down .25s ease-in-out
}

.consultations__form-title {
    font-size: 25px;
    font-family: "Neucha", sans-serif;
    line-height: 1;
    margin-bottom: 20px;
    color: #00625e
}

@media screen and (min-width: 768px) {
    .consultations__form-title {
        font-size: 30px;
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .consultations__form-title {
        font-size: 40px;
        margin-bottom: 30px
    }
}

.consultations__form-line {
    margin-bottom: 15px
}

@media screen and (min-width: 1260px) {
    .consultations__form-line {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px
    }

    .consultations__form-line .input {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

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

.consultations__select-wrapper {
    position: relative;
    margin-bottom: 15px
}

@media screen and (min-width: 1260px) {
    .consultations__select-wrapper {
        margin-bottom: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(50% - 10px)
    }
}

.consultations__select .current::after, .consultations__select-wrapper .current {
    display: none
}

.consultations__auth a, .consultations__select-wrapper:hover .input__placeholder {
    color: #00625e
}

.consultations__select-wrapper .selected .current {
    display: block;
    -webkit-animation: fade-in .25s ease-in-out;
    animation: fade-in .25s ease-in-out
}

.consultations__select + .input__placeholder {
    display: block
}

.consultations__select + .input__placeholder span {
    color: #ee765e
}

.consultations__select.selected + .input__placeholder {
    display: block;
    font-size: 13px;
    left: 10px;
    top: -9px;
    line-height: 1.2;
    background: #eaf6f9;
    padding: 0 10px
}

.consultations__form-finish {
    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
}

.consultations__checkbox {
    font-size: 14px;
    letter-spacing: -.03em;
    line-height: 1.2;
    color: rgba(42, 56, 78, .6)
}

.consultations__checkbox input[type=checkbox] + i::before, .contactForm__input_checkbox input[type=checkbox] + i::before {
    top: 1px
}

@media screen and (min-width: 360px) {
    .consultations__checkbox {
        font-size: 13px;
        line-height: 1.4;
        letter-spacing: 0
    }
}

.consultations__btn {
    white-space: nowrap;
    margin-left: 3px
}

@media screen and (min-width: 360px) {
    .consultations__btn {
        margin-left: 10px
    }
}

.consultations__auth {
    background: url(img/consultations/bg4.svg) no-repeat center/100% 100%;
    padding: 20px;
    margin: 0 -20px 10px;
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 360px) {
    .consultations__auth {
        margin: 0 0 10px;
        padding-right: 160px;
        position: relative
    }

    .consultations__auth::before {
        content: '';
        display: block;
        width: 126px;
        height: 72px;
        position: absolute;
        right: 20px;
        bottom: 20px;
        background: url(img/consultations/figure3.svg) no-repeat center/contain
    }
}

@media screen and (min-width: 768px) {
    .consultations__auth {
        padding-left: 30px
    }

    .consultations__auth::before {
        bottom: 10px
    }
}

@media screen and (min-width: 1260px) {
    .consultations__auth {
        padding-left: 40px;
        font-size: 18px;
        line-height: 1.45;
        padding-right: 180px;
        margin-bottom: 30px
    }

    .consultations__auth::before {
        width: 134px;
        height: 76px;
        right: 30px
    }
}

.consultations__sidebar {
    display: none
}

@media screen and (min-width: 768px) {
    .consultations__sidebar {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 292px;
        flex: 0 0 292px;
        width: 292px
    }
}

@media screen and (min-width: 1260px) {
    .consultations__sidebar {
        -ms-flex-preferred-size: 380px;
        flex-basis: 380px;
        width: 380px
    }
}

.consultations__interesting-place {
    margin: 20px 0
}

@media screen and (min-width: 768px) {
    .consultations__interesting-place {
        display: none
    }
}

.consultations__interesting {
    background: url(img/consultations/bg2.svg) no-repeat center/100% 100%;
    padding: 25px 20px;
    margin: 0 -20px
}

@media screen and (min-width: 360px) {
    .consultations__interesting {
        margin: 0
    }
}

@media screen and (min-width: 1260px) {
    .consultations__interesting {
        padding: 25px 32px 25px 30px
    }
}

.consultations__sidebar-title {
    position: relative;
    font-family: "Neucha", sans-serif;
    font-size: 25px;
    line-height: 1;
    color: #00625e;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(1, 78, 114, .08);
    margin-bottom: 10px
}

@media screen and (min-width: 1260px) {
    .consultations__sidebar-title {
        font-size: 30px;
        margin-bottom: 6px
    }
}

.consultations__sidebar-title::after {
    content: '';
    display: block;
    width: 130px;
    height: 112px;
    position: absolute;
    top: -43px;
    right: -15px;
    background: url(img/consultations/figure2.svg) no-repeat center/contain
}

@media screen and (min-width: 768px) {
    .consultations__sidebar-title::after {
        right: -23px
    }
}

@media screen and (min-width: 1260px) {
    .consultations__sidebar-title::after {
        width: 151px;
        height: 130px;
        top: -53px;
        right: -34px
    }
}

.consultations__sidebar-list {
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px
}

.consultations__sidebar-link {
    color: #00625e;
    padding: 10px 0;
    border-bottom: 1px solid rgba(1, 78, 114, .08);
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 1260px) {
    .consultations__sidebar-link {
        font-size: 18px;
        padding: 9px 0 12px;
        line-height: 1.45
    }
}

.consultations__sidebar-link:last-child {
    border-bottom: none
}

.consultations__sidebar-link:hover {
    color: #2a384e;
    text-decoration: none
}

.consultations__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 12px 0 13px;
    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;
    background: rgba(255, 255, 255, .75);
    -webkit-box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    z-index: 200
}

@media screen and (min-width: 768px) {
    .consultations__footer {
        display: none
    }
}

.consultations__filter-button::after {
    content: '';
    display: block;
    width: 14px;
    height: 12px;
    margin-left: 10px;
    background: url(img/consultations/filter.svg) no-repeat center/contain;
    position: relative;
    top: 1px
}

.consultations__filter-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    height: calc(100% - 80px);
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity .25s ease-in-out, z-index .25s ease-in-out, -webkit-transform .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out, z-index .25s ease-in-out, transform .25s ease-in-out;
    transition: opacity .25s ease-in-out, z-index .25s ease-in-out, transform .25s ease-in-out;
    transition: opacity .25s ease-in-out, z-index .25s ease-in-out, transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    background: #eaf6f9;
    overflow: auto;
    padding: 20px 20px 60px;
    font-family: "Neucha", sans-serif
}

.consultations__filter-mobile .consultations__category:nth-last-child(3) {
    border-bottom: none
}

.consultations__filter-mobile .consultations__other {
    display: none
}

@media screen and (min-width: 768px) {
    .consultations__filter-mobile {
        display: none
    }
}

.consultations__filter-mobile-active {
    opacity: 1;
    z-index: 10000;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    pointer-events: auto
}

.consultations__filter-buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(255, 255, 255, .75);
    -webkit-box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    z-index: 20000;
    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: 12px 20px 13px;
    color: #00625e;
    font-size: 16px;
    line-height: 1.45
}

.consultations__filter-buttons .btn {
    margin-right: 40px
}

@media screen and (min-width: 360px) {
    .question {
        margin: 0 0 10px
    }
}

@media screen and (min-width: 768px) {
    .question {
        padding: 22px 30px 20px;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .question {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 22px 40px 25px;
        margin-bottom: 30px
    }
}

@media screen and (min-width: 1260px) {
    .question__text {
        font-size: 18px;
        padding-bottom: 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

@media screen and (min-width: 1260px) {
    .question__info {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-left: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 35px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1260px) {
    .question__info-avatar {
        width: 20px;
        height: 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
        flex: 0 0 20px;
        margin-right: 10px
    }
}

@media screen and (min-width: 1260px) {
    .question__info-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 17px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .question__author {
        margin-right: 14px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 768px) {
    .question__date {
        margin-right: 18px
    }
}

.contactForm__email a, .contactForm__input_checkbox a, .editProfile__input:hover .input__placeholder {
    color: #00625e
}

@media screen and (min-width: 768px) {
    .question__answer {
        padding: 25px 30px;
        margin: 0 -30px
    }
}

@media screen and (min-width: 1260px) {
    .question__answer {
        margin: 25px 0 40px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        padding: 30px 40px 35px;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        position: relative
    }
}

@media screen and (min-width: 1260px) {
    .question__expert {
        margin-bottom: 30px
    }
}

@media screen and (min-width: 360px) {
    .question__expert-avatar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-left: 0;
        margin-right: 20px
    }
}

@media screen and (min-width: 1260px) {
    .question__expert-avatar {
        width: 70px;
        height: 70px;
        -ms-flex-preferred-size: 70px;
        flex-basis: 70px;
        margin-right: 35px
    }
}

@media screen and (min-width: 1260px) {
    .question__expert-name {
        font-size: 23px
    }
}

@media screen and (min-width: 1260px) {
    .question__expert-position {
        font-size: 16px;
        line-height: 1.45
    }
}

@media screen and (min-width: 1260px) {
    .question__answer-text {
        font-size: 18px;
        line-height: 1.45;
        border: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1260px) {
    .question__hide-answer {
        position: absolute;
        top: -60px;
        left: 0;
        background: #f6fafc
    }

    .question__hide-answer::after {
        content: '';
        display: block;
        width: 13px;
        height: 9px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 13px;
        flex: 0 0 13px;
        margin-left: 9px;
        background: url(img/svg/button-arrow-green.svg) no-repeat center/contain;
        position: relative;
        top: 1px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

.contactForm {
    padding-bottom: 0;
    background: #f6fafc
}

@media screen and (min-width: 768px) {
    .contactForm {
        padding-bottom: 50px
    }
}

@media screen and (min-width: 1260px) {
    .contactForm {
        padding-bottom: 70px
    }

    .contactForm__container {
        max-width: 995px;
        margin: 0 auto
    }
}

.contactForm__title {
    margin-bottom: 22px
}

@media screen and (min-width: 768px) {
    .contactForm__title {
        margin-bottom: 27px
    }
}

@media screen and (min-width: 1260px) {
    .contactForm__title {
        margin-bottom: 40px
    }
}

@media screen and (min-width: 768px) {
    .contactForm__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.contactForm__form {
    padding-bottom: 40px
}

.contactForm__form .input input:focus + .input__placeholder, .contactForm__form .input input:not(:placeholder-shown) + .input__placeholder, .contactForm__form .input textarea:focus + .input__placeholder, .contactForm__form .input textarea:not(:placeholder-shown) + .input__placeholder {
    background: #f6fafc
}

@media screen and (min-width: 768px) {
    .contactForm__form {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 395px;
        flex: 0 0 395px;
        margin-right: 41px;
        padding-bottom: 0
    }
}

@media screen and (min-width: 1260px) {
    .contactForm__form {
        -ms-flex-preferred-size: 500px;
        flex-basis: 500px;
        margin-right: 150px
    }
}

.contactForm__input {
    margin-bottom: 20px
}

.contactForm__input input, .contactForm__input textarea {
    border-color: rgba(0, 98, 94, .5)
}

.contactForm__input input:focus + .input__placeholder, .contactForm__input textarea:focus + .input__placeholder {
    color: #00625e
}

.contactForm__input .input__placeholder, .editProfile__input .selected:hover + .input__placeholder, .favourite__filter-item a:hover span {
    color: rgba(0, 98, 94, .5)
}

.contactForm__input_checkbox {
    margin-top: -5px;
    margin-bottom: 20px;
    display: block;
    font-size: 13px;
    color: rgba(42, 56, 78, .6);
    line-height: 1.4
}

.contactForm__select {
    margin-bottom: 20px
}

.contactForm__captcha {
    margin-bottom: 20px;
    width: 304px;
    height: 78px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.contactForm__captcha.error {
    border: 1px solid #ee765e
}

.contactForm__captcha img {
    display: block
}

.contactForm__about {
    position: relative;
    padding: 40px 20px 45px;
    margin: 0 -20px;
    background: #fff
}

@media screen and (min-width: 768px) {
    .contactForm__about {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 292px;
        flex: 0 0 292px;
        padding: 30px 0 0;
        margin: 0;
        background: 0 0
    }

    .contactForm__about .wave {
        display: none
    }
}

@media screen and (min-width: 1260px) {
    .contactForm__about {
        -ms-flex-preferred-size: 381px;
        flex-basis: 381px
    }
}

.contactForm__logo {
    width: 211px;
    display: block;
    margin-bottom: 18px
}

@media screen and (min-width: 1260px) {
    .contactForm__logo {
        width: 283px;
        margin-bottom: 40px
    }
}

.contactForm__address {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 20px
}

@media screen and (min-width: 1260px) {
    .contactForm__address {
        font-size: 18px
    }
}

.contactForm__email {
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 1260px) {
    .contactForm__email {
        font-size: 18px
    }
}

.contactForm__tel {
    font-size: 13px;
    line-height: 140%;
    margin-top: 45px;
    position: relative
}

@media screen and (min-width: 1260px) {
    .contactForm__tel {
        font-size: 18px;
        line-height: 145%;
        margin-top: 35px
    }
}

.contactForm__tel span {
    display: block;
    font-family: "Neucha", sans-serif;
    font-size: 30px;
    line-height: 100%;
    color: #00625e;
    margin-bottom: 5px
}

@media screen and (min-width: 1260px) {
    .contactForm__tel span {
        font-size: 45px
    }
}

.contactForm__tel::after {
    content: '';
    background-image: url(img/contactForm/tel.svg);
    -webkit-background-size: 60px 60px;
    background-size: 60px;
    display: block;
    position: absolute;
    top: -30px;
    left: 220px;
    width: 60px;
    height: 83px
}

@media screen and (min-width: 1260px) {
    .contactForm__tel::after {
        -webkit-background-size: 97px 97px;
        background-size: 97px;
        width: 97px;
        height: 134px;
        left: 300px;
        top: -55px
    }
}

.cookie {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    display: none;
    text-align: center;
    z-index: 20000
}

@media screen and (min-width: 450px) {
    .cookie {
        bottom: 20px
    }
}

@media screen and (min-width: 768px) {
    .cookie {
        text-align: left
    }

    .cookie .container {
        max-width: 100%
    }
}

@media screen and (min-width: 1260px) {
    .cookie .container {
        max-width: 1260px
    }
}

.cookie_visible {
    display: block
}

.cookie__bg {
    margin: 0 -20px;
    background: url(img/cookie/bg.svg) no-repeat center/100% 100%;
    padding: 20px;
    -webkit-filter: drop-shadow(0 1px 2px rgba(1, 78, 114, .1));
    filter: drop-shadow(0 1px 2px rgba(1, 78, 114, .1))
}

@media screen and (min-width: 450px) {
    .cookie__bg {
        margin: 0
    }
}

@media screen and (min-width: 768px) {
    .cookie__bg {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 20px 25px
    }
}

.cookie__text {
    margin-bottom: 15px;
    font-size: 13px;
    line-height: 1.4
}

@media screen and (min-width: 768px) {
    .cookie__text {
        margin-bottom: 0
    }
}

.cookie__more {
    color: #00625e;
    font-weight: 700
}

@media screen and (min-width: 768px) {
    .cookie__more {
        padding-right: 10px;
        background: url(img/cookie/arrow.svg) no-repeat right center/4px
    }

    .cookie__btn {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 120px;
        flex: 0 0 120px;
        margin-left: 25px
    }
}

@media (min-width: 960px) {
    .cookie__btn {
        margin-left: 30px
    }
}

@media screen and (min-width: 1260px) {
    .cookie__btn {
        margin-left: 50px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 130px;
        flex: 0 0 130px
    }
}

.editProfile {
    display: block;
    background: #f6fafc
}

@media screen and (min-width: 1260px) {
    .editProfile__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.editProfile__header {
    margin-bottom: 20px;
    padding-left: 95px;
    position: relative
}

@media screen and (min-width: 360px) {
    .editProfile__header {
        padding-left: 100px;
        margin-bottom: 30px
    }
}

@media screen and (min-width: 768px) {
    .editProfile__header {
        padding-left: 120px;
        margin-bottom: 40px
    }
}

@media screen and (min-width: 1260px) {
    .editProfile__header {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 262px;
        flex: 0 0 262px;
        padding: 0;
        margin-right: 30px
    }
}

.editProfile__avatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .editProfile__avatar {
        width: 90px;
        height: 90px
    }
}

@media screen and (min-width: 1260px) {
    .editProfile__avatar {
        position: relative;
        width: 170px;
        height: 170px;
        margin-bottom: 30px
    }
}

.editProfile__avatar::before {
    content: '';
    display: block;
    padding-top: 100%
}

.banner__image img, .editProfile__avatar img, .expert__image img, .header__trigger span img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.editProfile__avatar input {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px
}

.editProfile__avatar-label {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 98, 94, .7);
    color: #fff;
    padding: 3px 10px 0;
    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;
    font-size: 13px;
    line-height: 1.4;
    z-index: 5
}

@media screen and (min-width: 1260px) {
    .editProfile__avatar-label {
        font-size: 16px;
        line-height: 1.45;
        padding-bottom: 20px;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 98, 94, 0)), to(#00625e));
        background: -webkit-linear-gradient(top, rgba(0, 98, 94, 0) 0%, #00625e 100%);
        background: -o-linear-gradient(top, rgba(0, 98, 94, 0) 0%, #00625e 100%);
        background: linear-gradient(180deg, rgba(0, 98, 94, 0) 0%, #00625e 100%)
    }
}

.editProfile__avatar_empty .editProfile__avatar-label {
    background: 0 0;
    color: #00625e
}

@media screen and (min-width: 1260px) {
    .editProfile__avatar_empty .editProfile__avatar-label {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 0 0
    }
}

.editProfile__name {
    font-size: 30px;
    line-height: 1;
    font-family: "Neucha", sans-serif;
    margin-bottom: 15px;
    color: #00625e
}

@media screen and (min-width: 768px) {
    .editProfile__name {
        font-size: 35px;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .editProfile__name {
        font-size: 40px
    }

    .editProfile__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 292px);
        flex: 0 0 calc(100% - 292px)
    }
}

.editProfile__title {
    display: none
}

@media screen and (min-width: 360px) {
    .editProfile__title {
        display: block;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .editProfile__title {
        margin-bottom: 30px
    }
}

.editProfile__social {
    margin: 0 -20px 20px;
    background: url(img/editProfile/soc-bg.svg) no-repeat center/100% 100%;
    padding: 25px 20px
}

@media screen and (min-width: 360px) {
    .editProfile__social {
        margin: 0 0 20px
    }
}

@media screen and (min-width: 768px) {
    .editProfile__social {
        padding: 25px 320px 28px 30px;
        position: relative
    }

    .editProfile__social::before {
        content: '';
        display: block;
        width: 191px;
        height: 117px;
        position: absolute;
        right: 62px;
        top: 25px;
        background: url(img/editProfile/cow-t.svg) no-repeat center/contain
    }
}

@media screen and (min-width: 1260px) {
    .editProfile__social {
        padding: 25px 200px 25px 30px;
        max-width: 585px
    }

    .editProfile__social::before {
        width: 192px;
        height: 123px;
        background-image: url(img/editProfile/cow.svg);
        right: 29px;
        top: 19px
    }
}

.editProfile__social-text {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 15px
}

.editProfile__social-text b, .expertDetail__content b, .footer__text b {
    font-weight: 600
}

.editProfile__social-buttons {
    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: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (min-width: 360px) {
    .editProfile__social-buttons {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.editProfile__social-button_vk {
    margin-bottom: 10px;
    height: 35px;
    -webkit-transition: background .25s ease-in-out;
    -o-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out;
    background: #07f
}

.editProfile__social-button_vk:hover {
    background: #1a85ff
}

.editProfile__social-button_vk:active {
    background-color: #006be6
}

@media screen and (min-width: 360px) {
    .editProfile__social-button_vk {
        margin-right: 12px;
        padding: 0 12px 3px;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 135px;
        flex: 0 1 135px
    }
}

.editProfile__social-button_vk::before {
    content: '';
    display: block;
    width: 18px;
    height: 12px;
    background: url(img/editProfile/soc-vk.svg) no-repeat center/contain;
    margin-right: 10px
}

.editProfile__social-button_ok {
    background: #ed812b;
    height: 35px;
    -webkit-transition: background .25s ease-in-out;
    -o-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out
}

.editProfile__social-button_ok:hover {
    background: #ef8f43
}

.editProfile__social-button_ok:active {
    background-color: #eb7314
}

@media screen and (min-width: 360px) {
    .editProfile__social-button_ok {
        padding: 0 12px 3px;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 159px;
        flex: 0 1 159px
    }
}

.editProfile__social-button_ok::before {
    content: '';
    display: block;
    width: 11px;
    height: 18px;
    background: url(img/editProfile/soc-ok.svg) no-repeat center/contain;
    margin-right: 10px
}

.editProfile__social-button_checked {
    color: rgba(255, 255, 255, .5);
    position: relative
}

.editProfile__social-button_checked::before {
    opacity: .5
}

.editProfile__social-button_checked::after {
    content: '';
    display: block;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    right: -5px;
    bottom: -5px;
    width: 18px;
    height: 18px;
    background: url(img/editProfile/check.svg) no-repeat center/contain;
    -webkit-box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    box-shadow: 0 1px 2px rgba(1, 78, 114, .1)
}

@media screen and (min-width: 768px) {
    .editProfile__form {
        width: 478px
    }
}

@media screen and (min-width: 1260px) {
    .editProfile__form {
        width: 585px
    }
}

.editProfile__block {
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .editProfile__block {
        margin-bottom: 40px
    }
}

@media screen and (min-width: 1260px) {
    .editProfile__block {
        margin-bottom: 50px
    }
}

.editProfile__subtitle {
    font-size: 25px;
    line-height: 1;
    font-family: "Neucha", sans-serif;
    color: #00625e;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .editProfile__subtitle {
        font-size: 30px
    }
}

@media screen and (min-width: 1260px) {
    .editProfile__subtitle {
        font-size: 35px
    }
}

.editProfile__subtitle_even {
    margin-bottom: 10px
}

@media screen and (min-width: 768px) {
    .editProfile__subtitle_even {
        margin-bottom: 15px
    }
}

@media screen and (min-width: 1260px) {
    .editProfile__subtitle_even {
        margin-bottom: 20px
    }
}

.editProfile__input, .expertDetail__content p {
    margin-bottom: 15px
}

@media screen and (min-width: 768px) {
    .editProfile__input {
        margin-bottom: 20px
    }
}

.editProfile__input input, .formPage__input input {
    border-color: rgba(0, 98, 94, .5)
}

@media screen and (min-width: 768px) {
    .editProfile__input .input__placeholder {
        max-width: calc(100% - 10px)
    }
}

.editProfile__input input:not(:placeholder-shown), .formPage__input input:not(:placeholder-shown) {
    border-width: 2px;
    border-color: #00625e;
    color: #00625e
}

.editProfile__input .input__placeholder {
    color: rgba(0, 98, 94, .5);
    background: #f6fafc !important
}

.editProfile__children-container, .editProfile__input .current, .editProfile__input .nice-select .current::after {
    display: none
}

.editProfile__input .selected {
    border-width: 2px;
    border-color: #00625e
}

.editProfile__input .selected .current {
    display: block;
    -webkit-animation: fade-in .25s ease-in-out;
    animation: fade-in .25s ease-in-out
}

.editProfile__input .selected + .input__placeholder {
    display: block;
    font-size: 13px;
    left: 10px;
    top: -9px;
    line-height: 1.4;
    background: #eaf6f9;
    padding: 0 10px
}

.editProfile__children-container_active {
    display: block;
    -webkit-animation: fade-in-down .25s ease-in-out;
    animation: fade-in-down .25s ease-in-out
}

.editProfile__checkbox {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.45;
    display: block;
    position: relative;
    z-index: 80
}

.editProfile__inputGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -7.5px 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px) {
    .editProfile__inputGroup {
        margin: 0 -10px 20px;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.editProfile__inputGroup .editProfile__input {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 15px);
    flex: 0 0 calc(50% - 15px);
    margin: 0 7.5px 15px
}

@media screen and (min-width: 768px) {
    .editProfile__inputGroup .editProfile__input {
        -ms-flex-preferred-size: 133px;
        flex-basis: 133px;
        margin: 0 10px
    }
}

@media screen and (min-width: 1260px) {
    .editProfile__inputGroup .editProfile__input {
        -ms-flex-preferred-size: 168px;
        flex-basis: 168px
    }
}

.editProfile__inputGroup .editProfile__input_wide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 50px);
    flex: 0 0 calc(100% - 50px)
}

@media screen and (min-width: 768px) {
    .editProfile__inputGroup .editProfile__input_wide {
        -ms-flex-preferred-size: 133px;
        flex-basis: 133px
    }
}

@media screen and (min-width: 1260px) {
    .editProfile__inputGroup .editProfile__input_wide {
        -ms-flex-preferred-size: 168px;
        flex-basis: 168px
    }
}

.editProfile__inputGroup .editProfile__delete-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    background: url(img/editProfile/delete.svg) no-repeat center/contain;
    border: 0;
    margin: 0 7.5px 15px;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .editProfile__inputGroup .editProfile__delete-child {
        margin: 0 10px
    }
}

.editProfile__add-child {
    margin-bottom: 20px;
    display: none
}

@media screen and (min-width: 768px) {
    .editProfile__add-child {
        margin-bottom: 30px
    }
}

.editProfile__add-child::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background: url(img/editProfile/plus.svg) no-repeat center/contain
}

.editProfile__add-child_active {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-animation: fade-in-down .25s ease-in-out;
    animation: fade-in-down .25s ease-in-out
}

.editProfile__pregnancy-container {
    display: none
}

.editProfile__pregnancy-container_active {
    display: block;
    -webkit-animation: fade-in-down .25s ease-in-out;
    animation: fade-in-down .25s ease-in-out
}

.editProfile__delete-profile {
    color: rgba(42, 56, 78, .6);
    font-size: 16px;
    line-height: 1.45
}

.editProfile__delete-profile a {
    font-weight: 700;
    color: #00625e
}

.editProfile__save-container {
    text-align: center;
    height: 45px
}

@media screen and (min-width: 768px) {
    .editProfile__save-container {
        margin-left: -20px;
        width: 100vw
    }
}

@media screen and (min-width: 1260px) {
    .editProfile__save-container {
        width: auto;
        margin: 0 0 0 30px
    }
}

.editProfile__save {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.editProfile__save .btn {
    padding-left: 20px;
    padding-right: 20px
}

.editProfile__save_fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 20px 0;
    background: rgba(255, 255, 255, .75);
    -webkit-box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    z-index: 1000;
    -webkit-transition: background .25s ease-in-out, -webkit-box-shadow .25s ease-in-out;
    -o-transition: background .25s ease-in-out, box-shadow .25s ease-in-out;
    transition: background .25s ease-in-out, box-shadow .25s ease-in-out;
    transition: background .25s ease-in-out, box-shadow .25s ease-in-out, -webkit-box-shadow .25s ease-in-out
}

.editProfile__anchor {
    position: absolute;
    top: -90px
}

@media screen and (min-width: 1260px) {
    .editProfile__anchor {
        top: -85px
    }
}

.empty {
    background: #eaf6f9;
    text-align: center
}

@media screen and (min-width: 768px) {
    .empty {
        padding-bottom: 85px
    }
}

@media screen and (min-width: 1260px) {
    .empty {
        padding-bottom: 100px
    }
}

.empty__image {
    margin: 30px -35px 20px;
    max-width: calc(100% + 70px)
}

@media screen and (min-width: 360px) {
    .empty__image {
        max-width: calc(100% + 90px);
        margin: 30px -45px
    }
}

@media screen and (min-width: 450px) {
    .empty__image {
        max-width: 100%;
        margin: 30px 0
    }
}

@media screen and (min-width: 768px) {
    .empty__image {
        margin: 15px auto 30px;
        width: 570px
    }
}

@media screen and (min-width: 1260px) {
    .empty__image {
        width: 657px;
        margin: 30px auto 40px
    }
}

.empty__title {
    font-size: 30px;
    line-height: 1;
    color: #00625e;
    font-family: "Neucha", sans-serif;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .empty__title {
        font-size: 35px
    }
}

@media screen and (min-width: 1260px) {
    .empty__title {
        font-size: 40px
    }
}

.empty__text {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .empty__text {
        max-width: 550px;
        margin: 0 auto 25px
    }
}

@media screen and (min-width: 1260px) {
    .empty__text {
        max-width: 650px;
        font-size: 18px;
        line-height: 1.45
    }
}

.emptyPage__text a, .empty__text a, .faq__intro a {
    color: #00625e
}

.emptyPage {
    background: #eaf6f9;
    text-align: center
}

@media screen and (min-width: 768px) {
    .emptyPage {
        padding-bottom: 85px
    }
}

@media screen and (min-width: 1260px) {
    .emptyPage {
        padding-bottom: 100px
    }
}

.emptyPage__image {
    margin: 30px -35px 20px;
    max-width: calc(100% + 70px)
}

@media screen and (min-width: 360px) {
    .emptyPage__image {
        max-width: calc(100% + 90px);
        margin: 30px -45px
    }
}

@media screen and (min-width: 450px) {
    .emptyPage__image {
        max-width: 100%;
        margin: 30px 0
    }
}

@media screen and (min-width: 768px) {
    .emptyPage__image {
        margin: 15px auto 30px;
        width: 570px
    }
}

@media screen and (min-width: 1260px) {
    .emptyPage__image {
        width: 657px;
        margin: 30px auto 40px
    }
}

.emptyPage__title {
    font-size: 30px;
    line-height: 1;
    color: #00625e;
    font-family: "Neucha", sans-serif;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .emptyPage__title {
        font-size: 35px
    }
}

@media screen and (min-width: 1260px) {
    .emptyPage__title {
        font-size: 40px
    }
}

.emptyPage__text {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .emptyPage__text {
        max-width: 550px;
        margin: 0 auto 25px
    }
}

@media screen and (min-width: 1260px) {
    .emptyPage__text {
        max-width: 650px;
        font-size: 18px;
        line-height: 1.45
    }
}

.entryDetail {
    display: block;
    background: #f6fafc
}

.entryDetail .container {
    position: static
}

.entryDetail__title {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .entryDetail__title {
        margin-bottom: 32px
    }
}

@media screen and (min-width: 1260px) {
    .entryDetail__title {
        max-width: 872px;
        margin-bottom: 41px
    }
}

@media screen and (min-width: 768px) {
    .entryDetail__content {
        position: relative;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.entryDetail__main {
    margin: 0 -20px 40px;
    background: #fff;
    padding: 22px 20px 20px
}

@media screen and (min-width: 360px) {
    .entryDetail__main {
        margin: 0 0 40px;
        -webkit-border-radius: 7px;
        border-radius: 7px
    }
}

@media screen and (min-width: 768px) {
    .entryDetail__main {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 479px;
        flex: 0 0 479px;
        max-width: 479px;
        margin-right: 20px;
        padding: 20px 30px 22px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1260px) {
    .entryDetail__main {
        -ms-flex-preferred-size: 872px;
        flex-basis: 872px;
        max-width: 872px;
        margin-right: 50px;
        padding: 30px 50px 50px
    }
}

.entryDetail__text {
    padding-bottom: 7px
}

@media screen and (min-width: 1260px) {
    .entryDetail__text {
        padding-bottom: 20px;
        margin-top: -3px
    }
}

.entryDetail__share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px) {
    .entryDetail__sidebar {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 229px;
        flex: 0 0 229px;
        max-width: 229px;
        position: relative
    }
}

@media screen and (min-width: 1260px) {
    .entryDetail__sidebar {
        -ms-flex-preferred-size: 277px;
        flex-basis: 277px;
        max-width: 277px
    }
}

.entryDetail__terms {
    color: rgba(42, 56, 78, .6);
    font-size: 16px;
    line-height: 1.45;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 98, 94, .16);
    margin-bottom: 16px
}

@media screen and (min-width: 1260px) {
    .entryDetail__terms {
        padding-bottom: 20px;
        margin-bottom: 23px
    }
}

.entryDetail__terms_finished {
    padding-left: 17px;
    position: relative
}

@media screen and (min-width: 1260px) {
    .entryDetail__terms_finished {
        padding-left: 23px
    }
}

.entryDetail__terms_finished::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 4px;
    width: 12px;
    height: 14px;
    background: url(img/entryDetail/lock.svg) no-repeat center/contain
}

@media screen and (min-width: 1260px) {
    .entryDetail__terms_finished::before {
        width: 14px;
        height: 16px;
        top: 2px
    }
}

.entryDetail__info {
    font-size: 13px;
    line-height: 1.4;
    color: rgba(42, 56, 78, .6)
}

@media screen and (min-width: 1260px) {
    .entryDetail__info {
        font-size: 16px;
        line-height: 1.45
    }
}

.banner {
    background: #fff;
    border: 1px solid rgba(1, 78, 114, .08);
    -webkit-box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    -webkit-border-radius: 7px;
    border-radius: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 360px) {
    .banner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

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

.banner:hover {
    text-decoration: none
}

.banner:hover .banner__title, .registration__input.checkbox a:hover {
    color: #2a384e
}

.banner__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 20px
}

@media screen and (min-width: 360px) {
    .banner__content {
        padding: 0 20px 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 768px) {
    .banner__content {
        padding: 21px 20px 19px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media screen and (min-width: 1260px) {
    .banner__content {
        padding: 26px 30px 24px
    }
}

.banner__category {
    color: rgba(42, 56, 78, .6);
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 5px
}

.banner__title {
    color: #00625e;
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 1260px) {
    .banner__title {
        font-size: 18px
    }
}

.banner__image {
    position: relative
}

@media screen and (min-width: 360px) {
    .banner__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 52%;
        flex: 0 0 52%
    }
}

@media screen and (min-width: 768px) {
    .banner__image {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
}

.banner__image::before {
    content: '';
    display: block;
    padding-top: 83.57143%
}

.banner__button {
    display: none
}

@media screen and (min-width: 768px) {
    .banner__button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        bottom: 20px;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.expertDetail {
    background: #f6fafc
}

@media screen and (min-width: 1260px) {
    .expertDetail__container {
        max-width: 790px;
        margin: 0 auto
    }
}

@media screen and (min-width: 768px) {
    .expertDetail__container_main {
        background: #fff;
        padding: 38px 50px 40px;
        margin-bottom: 48px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        margin-top: 32px
    }
}

@media screen and (min-width: 1260px) {
    .expertDetail__container_main {
        padding: 40px 50px 45px;
        margin-bottom: 70px;
        margin-top: 23px
    }
}

.expertDetail__header {
    padding-bottom: 20px
}

@media screen and (min-width: 768px) {
    .expertDetail__header {
        padding: 0;
        position: relative
    }
}

.expertDetail__image {
    width: 80px;
    height: 80px;
    float: right;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 10px
}

@media screen and (min-width: 768px) {
    .expertDetail__image {
        position: absolute;
        right: 0;
        top: 2px;
        width: 140px;
        height: 140px;
        margin: 0;
        float: none
    }
}

.expertDetail__name {
    margin-bottom: 10px
}

@media screen and (min-width: 768px) {
    .expertDetail__name {
        max-width: 448px
    }
}

@media screen and (min-width: 1260px) {
    .expertDetail__name {
        font-size: 40px;
        max-width: 510px
    }
}

.expertDetail__regalia {
    font-size: 13px;
    line-height: 1.4;
    color: rgba(42, 56, 78, .6)
}

@media screen and (min-width: 768px) {
    .expertDetail__regalia {
        font-size: 16px;
        line-height: 1.45;
        max-width: 448px;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .expertDetail__regalia {
        font-size: 18px;
        max-width: 510px
    }
}

.expertDetail__ask {
    margin-top: 17px;
    margin-bottom: 20px;
    padding-left: 19px;
    padding-right: 19px
}

@media screen and (min-width: 360px) {
    .expertDetail__ask {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 400px) {
    .expertDetail__ask {
        margin-bottom: 0
    }
}

@media screen and (min-width: 768px) {
    .expertDetail__ask {
        margin-top: -3px;
        margin-bottom: 27px
    }
}

@media screen and (min-width: 1260px) {
    .expertDetail__ask {
        margin-bottom: 36px;
        margin-top: 2px
    }
}

.expertDetail__content {
    margin: 0 -20px 41px;
    padding: 22px 20px;
    background: #fff;
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 360px) {
    .expertDetail__content {
        margin: 0 0 40px;
        -webkit-border-radius: 0 0 7px 7px;
        border-radius: 0 0 7px 7px
    }
}

@media screen and (min-width: 768px) {
    .expertDetail__content {
        padding: 0;
        max-width: 448px;
        margin: 0
    }
}

@media screen and (min-width: 1260px) {
    .expertDetail__content {
        font-size: 18px;
        max-width: 510px;
        line-height: 1.45
    }
}

.expertDetail__bottom {
    color: rgba(42, 56, 78, .6);
    margin-bottom: 23px;
    font-size: 13px;
    line-height: 1.4
}

@media screen and (min-width: 1260px) {
    .expertDetail__bottom {
        font-size: 16px;
        line-height: 1.45;
        margin-bottom: 40px
    }
}

.expertDetail__social {
    border-top: 1px solid rgba(0, 98, 94, .16);
    padding-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.expertDetail__social-title {
    font-size: 16px;
    line-height: 1.45;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 30px
}

@media screen and (min-width: 768px) {
    .expertDetail__social-title {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto
    }
}

@media screen and (min-width: 1260px) {
    .expertDetail__social-title {
        font-size: 18px
    }
}

.expertDetail__link {
    width: 35px;
    height: 35px;
    background: no-repeat center/contain;
    margin-right: 10px
}

.expertDetail__link:last-child {
    margin-right: 0
}

.expertDetail__link_vk {
    background-image: url(img/expertDetail/soc-vk.svg)
}

.expertDetail__link_ok {
    background-image: url(img/expertDetail/soc-ok.svg)
}

.expertDetail__articles {
    margin-bottom: 40px
}

@media screen and (min-width: 768px) {
    .expertDetail__articles {
        margin-bottom: 50px
    }
}

.expertDetail__subtitle {
    font-size: 30px;
    line-height: 1;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .expertDetail__subtitle {
        font-size: 35px;
        margin-bottom: 26px
    }
}

@media screen and (min-width: 1260px) {
    .expertDetail__subtitle {
        font-size: 50px;
        margin-bottom: 40px;
        line-height: .95
    }
}

.expertDetail__swiper {
    margin: 0 -20px 25px;
    padding: 0 20px
}

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

@media screen and (min-width: 768px) {
    .expertDetail__swiper .swiper-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .expertDetail__swiper {
        margin-bottom: 15px
    }
}

@media screen and (min-width: 1260px) {
    .expertDetail__swiper {
        margin-bottom: 35px
    }
}

.expertDetail__article {
    margin-bottom: 30px
}

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

@media screen and (min-width: 768px) {
    .expertDetail__article {
        max-width: 350px;
        margin-right: 24px;
        margin-bottom: 0
    }

    .expertDetail__article:last-child {
        margin-right: 0
    }
}

@media screen and (min-width: 1260px) {
    .expertDetail__article {
        max-width: 380px;
        margin-right: 30px
    }
}

.expertDetail__center {
    text-align: center;
    position: relative
}

.expertDetail__center::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: rgba(1, 78, 114, .08)
}

.expertDetail__button-container {
    display: inline-block;
    padding: 0 30px;
    background: #f6fafc;
    position: relative
}

.experts {
    background: #f6fafc
}

.experts__title {
    margin-bottom: 21px
}

@media screen and (min-width: 768px) {
    .experts__title {
        margin-bottom: 27px
    }
}

@media screen and (min-width: 1260px) {
    .experts__title {
        margin-bottom: 40px
    }
}

.experts__list {
    margin: 0 -20px 20px
}

@media screen and (min-width: 360px) {
    .experts__list {
        margin: 0 0 20px
    }
}

@media screen and (min-width: 768px) {
    .experts__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1260px) {
    .experts__list {
        margin-bottom: -2px
    }
}

.experts__expert {
    margin: 0 0 10px
}

@media screen and (min-width: 768px) {
    .experts__expert {
        margin: 0 20px 20px 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px)
    }

    .experts__expert:nth-child(2n) {
        margin: 0 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .experts__expert {
        margin: 0 30px 30px 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.33% - 20px);
        flex: 0 0 calc(33.33% - 20px);
        max-width: calc(33.33% - 20px)
    }

    .experts__expert:nth-child(2n) {
        margin: 0 30px 30px 0
    }

    .experts__expert:nth-child(3n) {
        margin: 0 0 30px
    }
}

.expert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background: url(img/experts/bg.svg) no-repeat center/100% 100%;
    -webkit-transition: background .25s ease-in-out;
    -o-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out;
    padding: 20px
}

@media screen and (min-width: 360px) {
    .expert {
        padding: 25px 20px
    }
}

@media screen and (min-width: 1260px) {
    .expert {
        padding: 23px 30px 20px
    }
}

.expert:hover {
    text-decoration: none
}

@media (hover: hover) {
    .expert:hover {
        background-image: url(img/experts/bg-hover.svg)
    }

    .expert:hover .expert__btn {
        background: #00625e;
        color: #fff
    }
}

.expert__image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    max-width: 60px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 20px;
    position: relative
}

@media screen and (min-width: 768px) {
    .expert__image {
        -ms-flex-preferred-size: 80px;
        flex-basis: 80px;
        max-width: 80px;
        margin-right: 25px
    }
}

@media screen and (min-width: 1260px) {
    .expert__image {
        position: relative;
        top: 2px
    }
}

.expert__image::before {
    content: '';
    display: block;
    padding-top: 100%
}

.expert__content {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    max-width: calc(100% - 80px);
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (min-width: 768px) {
    .expert__content {
        max-width: calc(100% - 105px)
    }
}

.expert__name {
    font-size: 20px;
    line-height: 1;
    font-family: "Neucha", sans-serif;
    margin-bottom: 5px;
    color: #00625e
}

@media screen and (min-width: 360px) {
    .expert__name {
        font-size: 25px
    }
}

@media screen and (min-width: 768px) {
    .expert__name {
        margin-bottom: 7px
    }
}

.expert__text {
    font-size: 13px;
    line-height: 1.4;
    color: rgba(42, 56, 78, .6);
    margin-bottom: 12px
}

@media screen and (min-width: 360px) {
    .expert__text {
        margin-bottom: 13px
    }
}

@media screen and (min-width: 1260px) {
    .expert__text {
        font-size: 16px;
        line-height: 1.45;
        margin-bottom: 19px;
        -webkit-line-clamp: 2;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden
    }
}

.expert__btn {
    -webkit-transition: background .25s ease-in-out, color .25s ease-in-out;
    -o-transition: background .25s ease-in-out, color .25s ease-in-out;
    transition: background .25s ease-in-out, color .25s ease-in-out
}

.faq {
    display: block;
    background: #f6fafc
}

.faq__answer p, .faq__title {
    margin-bottom: 10px
}

@media screen and (min-width: 1260px) {
    .faq__title {
        margin-bottom: 21px
    }
}

.faq__intro {
    font-size: 16px;
    line-height: 145%
}

@media screen and (min-width: 1260px) {
    .faq__intro {
        font-size: 18px
    }
}

.faq__chapters {
    margin-top: 10px;
    position: relative
}

@media screen and (min-width: 400px) {
    .faq__chapters {
        margin-top: 20px
    }
}

@media screen and (min-width: 768px) {
    .faq__chapters {
        margin-top: 30px
    }

    .faq__chapters::before {
        content: '';
        background-image: url(img/faq/koala.svg);
        background-repeat: no-repeat;
        -webkit-background-size: 106px 106px;
        background-size: 106px;
        display: block;
        width: 106px;
        height: 94px;
        position: absolute;
        right: 100px;
        top: -85px
    }
}

@media screen and (min-width: 1260px) {
    .faq__chapters {
        margin-top: 40px
    }

    .faq__chapters::before {
        width: 138px;
        height: 122px;
        -webkit-background-size: 138px 138px;
        background-size: 138px;
        top: -110px
    }
}

.faq__chapter {
    background-image: url(img/faq/bg1.svg)
}

.faq__ask, .faq__chapter {
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    padding: 25px 20px;
    margin-bottom: 20px
}

@media screen and (min-width: 1260px) {
    .faq__ask, .faq__chapter {
        padding: 50px;
        margin-bottom: 50px
    }
}

.faq__el {
    margin-top: 22px
}

.faq__el:not(:last-child)::after {
    content: '';
    display: block;
    height: 1px;
    width: auto;
    background-color: rgba(0, 98, 94, .2);
    margin-left: 30px;
    margin-top: 12px
}

@media screen and (min-width: 1260px) {
    .faq__el:not(:last-child)::after {
        margin-left: 56px;
        margin-right: 30px;
        margin-top: 35px
    }

    .faq__el {
        margin-top: 40px
    }
}

.faq__question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 20px;
    line-height: 100%;
    color: #2a384e;
    cursor: pointer;
    margin-bottom: 10px
}

.faq__question::before {
    content: '';
    height: 22px;
    min-width: 22px;
    display: block;
    background-image: url(img/faq/show.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 22px 22px;
    background-size: 22px;
    margin-right: 10px;
    cursor: pointer
}

.faq__answer a, .faq__question.active {
    color: #00625e
}

.faq__question.active::before {
    background-image: url(img/faq/hide.svg)
}

@media screen and (min-width: 1260px) {
    .faq__question {
        font-size: 25px
    }

    .faq__question::before {
        height: 28px;
        width: 28px;
        -webkit-background-size: 28px 28px;
        background-size: 28px;
        margin-right: 30px
    }
}

.faq__answer {
    display: block;
    overflow: hidden;
    max-height: 0;
    -webkit-transition: .5s ease-out;
    -o-transition: .5s ease-out;
    transition: .5s ease-out;
    font-size: 16px;
    line-height: 145%;
    font-family: "Roboto Condensed", sans-serif;
    margin-left: 30px
}

.faq__answer.show {
    max-height: 100vh;
    -webkit-transition: .5s ease-in;
    -o-transition: .5s ease-in;
    transition: .5s ease-in
}

@media screen and (min-width: 1260px) {
    .faq__answer {
        font-size: 18px;
        margin-left: 56px
    }
}

.faq__ask {
    background-image: url(img/faq/bg2.svg);
    position: relative
}

@media screen and (min-width: 450px) {
    .faq__ask::after {
        content: '';
        background-image: url(img/faq/boy.svg);
        background-repeat: no-repeat;
        -webkit-background-size: 143px 143px;
        background-size: 143px;
        display: block;
        width: 143px;
        height: 109px;
        position: absolute;
        right: 20px;
        bottom: 0
    }
}

@media screen and (min-width: 768px) {
    .faq__ask {
        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
    }

    .faq__ask::after {
        right: 300px;
        width: 163px;
        height: 124px;
        -webkit-background-size: 163px 163px;
        background-size: 163px
    }
}

@media screen and (min-width: 1260px) {
    .faq__ask::after {
        right: 350px;
        width: 238px;
        height: 182px;
        -webkit-background-size: 238px 238px;
        background-size: 238px
    }
}

@media screen and (min-width: 768px) {
    .faq__ask-text {
        width: 210px;
        margin-left: 62px
    }
}

@media screen and (min-width: 1260px) {
    .faq__ask-text {
        width: 470px
    }
}

.faq__button {
    margin-top: 20px
}

@media screen and (min-width: 768px) {
    .faq__button {
        margin-right: 62px;
        margin-top: 0;
        height: 45px
    }
}

.favourite {
    display: block;
    background: #f6fafc
}

.favourite__title {
    margin-bottom: 22px
}

@media screen and (min-width: 768px) {
    .favourite__title {
        margin-bottom: 5px
    }
}

@media screen and (min-width: 1260px) {
    .favourite__title {
        margin-bottom: 7px
    }
}

.favourite__filter {
    display: none
}

@media screen and (min-width: 768px) {
    .favourite__filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid rgba(1, 78, 114, .08);
        margin-bottom: 30px
    }
}

@media screen and (min-width: 1260px) {
    .favourite__filter {
        margin-bottom: 40px
    }
}

.favourite__categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 20px 14px
}

@media screen and (min-width: 768px) {
    .favourite__categories {
        padding: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.favourite__filter-item {
    border-bottom: 1px solid rgba(0, 98, 94, .2);
    font-family: "Neucha", sans-serif;
    width: calc(100% - 22px);
    position: relative;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 6px
}

@media screen and (min-width: 768px) {
    .favourite__filter-item {
        font-size: 17px;
        line-height: 1.2;
        color: #2a384e;
        padding: 0;
        margin-right: 20px;
        position: relative;
        border-bottom: none;
        width: auto;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1260px) {
    .favourite__filter-item {
        font-size: 20px;
        line-height: 25px;
        margin-right: 30px
    }
}

.favourite__filter-item span {
    color: rgba(42, 56, 78, .6);
    -webkit-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out
}

.favourite__filter-item:last-child {
    border-bottom: none;
    margin-right: 0
}

.favourite__filter-item::after {
    content: '';
    position: absolute;
    right: -22px;
    top: 16px;
    width: 16px;
    height: 16px;
    background: url(img/favourite/filter-arrow.svg) no-repeat center/contain
}

@media screen and (min-width: 768px) {
    .favourite__filter-item::after {
        opacity: 0;
        position: absolute;
        left: 0;
        top: auto;
        bottom: -1px;
        width: 100%;
        height: 1px;
        background: #00625e;
        -webkit-transition: height .25s ease-in-out, opacity .25s ease-in-out;
        -o-transition: height .25s ease-in-out, opacity .25s ease-in-out;
        transition: height .25s ease-in-out, opacity .25s ease-in-out
    }
}

.favourite__filter-item a {
    display: block;
    padding: 11px 0
}

@media screen and (min-width: 768px) {
    .favourite__filter-item a {
        padding: 11px 0 17px
    }
}

.favourite__filter-item a:hover {
    text-decoration: none;
    color: #00625e
}

.favourite__empty-text a, .favourite__filter-item_active, .favourite__filter-item_active span, .feedback__dump a, .footer__menu li a {
    color: #00625e
}

@media screen and (min-width: 768px) {
    .favourite__filter-item_active::after {
        opacity: 1;
        height: 3px
    }
}

.favourite__list {
    display: block;
    margin-bottom: -7px
}

@media screen and (min-width: 768px) {
    .favourite__list {
        margin: 0 -10px -10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.favourite__result {
    margin-bottom: 31px;
    -webkit-box-ordinal-group: 131;
    -ms-flex-order: 130;
    order: 130
}

@media screen and (min-width: 768px) {
    .favourite__result {
        margin: 0 10px 30px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.3333% - 20px);
        flex: 0 0 calc(33.3333% - 20px)
    }
}

@media screen and (min-width: 1260px) {
    .favourite__result {
        -ms-flex-preferred-size: calc(33.3333% - 30px);
        flex-basis: calc(33.3333% - 30px);
        margin: 0 15px 45px
    }
}

.favourite__result .article__image::before {
    padding-top: 63.29286%
}

.favourite__empty {
    display: block;
    text-align: center
}

.favourite__empty-image {
    margin: 0 -35px 20px;
    max-width: calc(100% + 70px)
}

@media screen and (min-width: 360px) {
    .favourite__empty-image {
        max-width: calc(100% + 90px);
        margin: 30px -45px
    }
}

@media screen and (min-width: 450px) {
    .favourite__empty-image {
        max-width: 100%;
        margin: 30px 0
    }
}

@media screen and (min-width: 768px) {
    .favourite__empty-image {
        margin: 0 auto 30px;
        width: 570px
    }
}

@media screen and (min-width: 1260px) {
    .favourite__empty-image {
        width: 657px;
        margin-bottom: 40px
    }
}

.favourite__empty-title {
    font-size: 30px;
    line-height: 1;
    color: #00625e;
    font-family: "Neucha", sans-serif;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .favourite__empty-title {
        font-size: 35px
    }
}

@media screen and (min-width: 1260px) {
    .favourite__empty-title {
        font-size: 40px
    }
}

.favourite__empty-text {
    font-size: 17px;
    line-height: 1.3;
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .favourite__empty-text {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1260px) {
    .favourite__empty-text {
        margin-bottom: 30px;
        font-size: 20px;
        line-height: 27px
    }
}

.favourite__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 12px 0 13px;
    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;
    background: rgba(255, 255, 255, .75);
    -webkit-box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    z-index: 200
}

@media screen and (min-width: 768px) {
    .favourite__footer {
        display: none
    }
}

.favourite__filter-button::after {
    content: '';
    display: block;
    width: 14px;
    height: 12px;
    margin-left: 10px;
    background: url(img/favourite/filter.svg) no-repeat center/contain;
    position: relative;
    top: 1px
}

.favourite__filter-mobile {
    display: block;
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    height: calc(100% - 80px);
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity .25s ease-in-out, z-index .25s ease-in-out, -webkit-transform .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out, z-index .25s ease-in-out, transform .25s ease-in-out;
    transition: opacity .25s ease-in-out, z-index .25s ease-in-out, transform .25s ease-in-out;
    transition: opacity .25s ease-in-out, z-index .25s ease-in-out, transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    background: #eaf6f9;
    overflow: auto;
    padding-bottom: 60px
}

@media screen and (min-width: 768px) {
    .favourite__filter-mobile {
        display: none
    }
}

.favourite__filter-mobile-active {
    opacity: 1;
    z-index: 10000;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    pointer-events: auto
}

.favourite__filter-buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(255, 255, 255, .75);
    -webkit-box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    z-index: 20000;
    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: 12px 20px 13px;
    color: #00625e;
    font-size: 17px;
    line-height: 1.2
}

.favourite__filter-buttons .btn {
    margin-right: 40px
}

.favourite__filter-buttons a:hover {
    text-decoration: none;
    color: #2a384e
}

.feedback {
    display: block;
    background: #f6fafc;
    padding: 40px 0
}

@media screen and (min-width: 768px) {
    .feedback {
        padding-top: 50px;
        padding-bottom: 30px
    }
}

@media screen and (min-width: 1260px) {
    .feedback {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.feedback__content {
    display: block
}

@media screen and (min-width: 1260px) {
    .feedback__content {
        width: 892px
    }
}

.feedback__title {
    font-family: "Neucha", sans-serif;
    color: #00625e;
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: left
}

@media screen and (min-width: 768px) {
    .feedback__title {
        margin-bottom: 25px;
        font-size: 35px
    }
}

@media screen and (min-width: 1260px) {
    .feedback__title {
        margin-bottom: 40px;
        font-size: 50px
    }
}

.feedback__inner {
    display: block
}

.feedback__form {
    display: block;
    margin-bottom: 40px
}

.feedback__message {
    display: block
}

.feedback__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.feedback__wrapper:hover .feedback__reply {
    visibility: visible;
    opacity: 1
}

.feedback__answer {
    padding-left: 45px
}

@media screen and (min-width: 768px) {
    .feedback__answer {
        padding-left: 65px
    }
}

.feedback__left {
    display: block;
    margin-right: 15px
}

@media screen and (min-width: 768px) {
    .feedback__left {
        margin-right: 20px
    }
}

.feedback__icon {
    display: block;
    width: 32px;
    height: 32px;
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

@media screen and (min-width: 768px) {
    .feedback__icon {
        width: 50px;
        height: 50px
    }
}

.feedback__right {
    display: block;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.feedback__data {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(1, 78, 114, .08)
}

@media screen and (min-width: 768px) {
    .feedback__data {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.feedback__field {
    display: block;
    width: 100%;
    min-height: 110px;
    border: 1px solid rgba(0, 98, 94, .5);
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 16px 20px 65px;
    position: relative
}

.feedback__field.active {
    border-color: #00625e;
    -webkit-box-shadow: 0 0 0 1px #00625e;
    box-shadow: 0 0 0 1px #00625e
}

@media screen and (min-width: 768px) {
    .feedback__field {
        min-height: 120px
    }
}

.feedback__button, .feedback__textarea {
    border: 0;
    font-weight: 400;
    font-family: "Roboto Condensed", sans-serif;
    color: #00625e
}

.feedback__textarea {
    display: block;
    padding: 0;
    background-color: transparent;
    resize: none;
    font-style: normal;
    width: 100%;
    font-size: 16px;
    line-height: 1.45;
    height: 30px
}

.feedback__textarea.auto {
    overflow-y: hidden
}

.feedback__button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 127px;
    height: 35px;
    background: #fff;
    -webkit-box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    -webkit-border-radius: 7px;
    border-radius: 7px;
    outline: 0;
    font-size: 17px;
    line-height: 1;
    padding-left: 20px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    pointer-events: none
}

.feedback__button.active {
    pointer-events: auto;
    background-color: #00625e;
    color: #fff
}

.feedback__button.active .feedback__arrow {
    stroke: #fff
}

.feedback__button.active:hover {
    opacity: .85
}

@media screen and (min-width: 1260px) {
    .feedback__button {
        cursor: pointer
    }
}

.feedback__arrow {
    display: block;
    position: relative;
    top: 2px;
    margin-left: 10px;
    stroke: #00625e
}

.feedback__formTitle {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 16px;
    line-height: 1.45;
    background: #f6fafc;
    color: rgba(0, 98, 94, .5);
    position: absolute;
    top: 16px;
    left: 20px;
    pointer-events: none;
    -webkit-transition: .15s;
    -o-transition: .15s;
    transition: .15s
}

.feedback__formTitle.active {
    font-size: 13px;
    line-height: 1.4;
    left: 10px;
    top: -7px;
    padding: 0 10px
}

.feedback__comment {
    margin-bottom: 15px
}

.feedback__comment:last-child .feedback__data {
    border: 0;
    padding-bottom: 0
}

.feedback__comment--with-answers .feedback__data {
    border: 0
}

.feedback__comment--with-answers .feedback__answer:last-child .feedback__wrapper {
    border-bottom: 1px solid rgba(1, 78, 114, .08)
}

@media screen and (min-width: 768px) {
    .feedback__comment--with-answers .feedback__answer .feedback__descr {
        width: 330px
    }
}

@media screen and (min-width: 1260px) {
    .feedback__comment--with-answers .feedback__answer .feedback__descr {
        width: 490px
    }
}

@media screen and (min-width: 768px) {
    .feedback__descr {
        width: 395px
    }
}

@media screen and (min-width: 1260px) {
    .feedback__descr {
        width: 560px
    }
}

.feedback__name, .feedback__text {
    display: block;
    font-weight: 700;
    font-size: 16px;
    line-height: 145%;
    color: #2a384e
}

.feedback__text {
    margin-bottom: 5px;
    font-style: normal;
    font-weight: 400
}

.feedback__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px) {
    .feedback__info {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 200px
    }
}

.feedback__date {
    display: block;
    font-size: 16px;
    line-height: 145%;
    color: rgba(42, 56, 78, .6);
    margin-right: 10px;
    white-space: nowrap
}

@media screen and (min-width: 768px) {
    .feedback__date {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 0 0 0 15px
    }
}

.feedback__reply {
    display: block;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 145%;
    font-family: "Roboto Condensed", sans-serif;
    color: #00625e;
    background-color: transparent;
    border: 0;
    padding: 0;
    outline: 0
}

@media screen and (min-width: 768px) {
    .feedback__reply {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin: 0
    }
}

@media screen and (min-width: 1260px) {
    .feedback__reply {
        cursor: pointer;
        visibility: hidden;
        opacity: 0;
        -webkit-transition: .15s;
        -o-transition: .15s;
        transition: .15s
    }

    .feedback__reply:hover {
        opacity: .85
    }
}

.feedback__more {
    display: block;
    width: 30px;
    height: 30px;
    margin-left: auto;
    background-image: url(img/feedback/dots.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-color: transparent;
    border: 0;
    outline: 0;
    cursor: default;
    position: relative
}

@media screen and (min-width: 768px) {
    .feedback__more {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin: 0 0 0 8px
    }
}

@media screen and (min-width: 1260px) {
    .feedback__more {
        cursor: pointer
    }
}

.feedback__more .message {
    top: 30px;
    right: -22px
}

.feedback__next {
    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-top: 20px
}

.feedback__nextText {
    display: block;
    width: 100%;
    text-align: center;
    position: relative;
    margin-bottom: 10px
}

.feedback__nextText::before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    width: 100%;
    height: 1px;
    background-color: rgba(1, 78, 114, .08)
}

.feedback__nextText span {
    display: inline-block;
    vertical-align: top;
    padding: 0 30px;
    font-size: 13px;
    line-height: 1.4;
    background: #f6fafc;
    color: #2a384e;
    position: relative
}

@media screen and (min-width: 768px) {
    .feedback__nextText {
        margin-bottom: 15px
    }
}

.feedback__upload::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.feedback__popup {
    display: block
}

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

.feedback__popupItem {
    display: block;
    margin-bottom: 7px;
    text-align: left;
    font-family: "Roboto Condensed", sans-serif
}

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

.feedback__popupText, .feedback__popupTitle {
    display: block;
    font-weight: 700;
    font-size: 13px;
    line-height: 140%;
    color: #2a384e
}

.feedback__popupText {
    font-weight: 400;
    color: #00625e
}

.feedback__dump, .feedback__dump::after {
    display: block;
    background-repeat: no-repeat
}

.feedback__dump {
    padding: 20px 130px 20px 20px;
    border: 1px solid #eaf6f9;
    color: #2a384e;
    background-color: transparent;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 13px;
    line-height: 1.4;
    position: relative;
    background-image: url(img/feedback/dump.svg)
}

.feedback__dump::after {
    content: "";
    width: 116px;
    height: 84px;
    background-image: url(img/feedback/decor.svg);
    background-position: center top;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-80%);
    -ms-transform: translateY(-80%);
    transform: translateY(-80%);
    right: 20px
}

@media screen and (min-width: 1260px) {
    .feedback__dump {
        padding: 20px 30px;
        font-size: 18px;
        line-height: 145%
    }

    .feedback__dump:after {
        display: none
    }
}

.feedingMenu {
    margin: 20px 0 40px;
    display: block
}

.feedingMenu .feedingMenu__days {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 0
}

@media screen and (min-width: 1260px) {
    .feedingMenu .feedingMenu__days {
        max-width: 296px;
        border-bottom: none;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.feedingMenu .feedingMenu__days .feedingMenu__day, .feedingMenu__weeks .feedingMenu__week {
    padding-left: 0;
    font-family: "Neucha", sans-serif;
    font-size: 18px;
    line-height: 145%;
    margin-bottom: 0;
    cursor: pointer
}

.feedingMenu .feedingMenu__days .feedingMenu__day::before, .feedingMenu__weeks .feedingMenu__week::before {
    content: none
}

.feedingMenu .feedingMenu__days .feedingMenu__day.active-day {
    color: #00625e;
    border-bottom: 2px solid #00625e;
    padding-bottom: 20px
}

.feedingMenu__period {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid rgba(0, 98, 94, .2);
    margin-bottom: 25px
}

@media screen and (min-width: 1260px) {
    .feedingMenu__period {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 20px
    }
}

.feedingMenu__weeks {
    position: relative;
    margin-bottom: 0
}

.feedingMenu__weeks .feedingMenu__week {
    color: #00625e;
    line-height: 1.45;
    margin-bottom: 5px
}

@media screen and (min-width: 1260px) {
    .feedingMenu__weeks .feedingMenu__week {
        padding-left: 20px
    }
}

.feedingMenu__dropdown {
    margin-bottom: 10px;
    position: relative
}

@media screen and (min-width: 1260px) {
    .feedingMenu__dropdown {
        margin-bottom: 0;
        width: 105px
    }
}

.feedingMenu__dropdown .feedingMenu__dropdown-menu {
    position: absolute;
    left: 0;
    top: 45px;
    background-color: #fff;
    padding-top: 5px;
    z-index: 1;
    width: 100%;
    display: none
}

.feedingMenu__dropdown.active-week .feedingMenu__dropdown-select {
    border-bottom: 1px solid rgba(0, 98, 94, .2)
}

.feedingMenu__dropdown.active-week .feedingMenu__dropdown-select::after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    margin-top: 7px
}

@media screen and (min-width: 1260px) {
    .feedingMenu__dropdown.active-week .feedingMenu__dropdown-select {
        border-bottom: none
    }
}

.feedingMenu__dropdown-select {
    font-family: "Neucha", sans-serif;
    color: #00625e;
    font-size: 18px;
    line-height: 1.45;
    position: relative;
    padding-bottom: 10px;
    border-bottom: 1px solid transparent;
    cursor: pointer
}

.feedingMenu__dropdown-select::after {
    content: url(img/toc/arrow.svg);
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (min-width: 1260px) {
    .feedingMenu__dropdown-select {
        border-bottom: none
    }

    .feedingMenu__dropdown-select::after {
        top: 3px;
        right: 15px
    }
}

.feedingMenu__sub {
    font-size: 13px;
    line-height: 140%;
    color: rgba(42, 56, 78, .6)
}

.feedingMenu__table {
    margin-bottom: 20px;
    display: none
}

.feedingMenu__table.active-table, .footer__link img {
    display: block
}

.feedingMenu__table-row {
    padding: 20px 30px
}

.feedingMenu__table-row:nth-child(odd) {
    background: rgba(0, 98, 94, .08);
    -webkit-border-radius: 7px;
    border-radius: 7px
}

@media screen and (min-width: 1260px) {
    .feedingMenu__table-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.feedingMenu__time {
    font-size: 18px;
    line-height: 145%;
    color: #00625e;
    margin-bottom: 10px;
    white-space: nowrap
}

@media screen and (min-width: 1260px) {
    .feedingMenu__time {
        margin-right: 20px;
        font-size: 25px;
        line-height: 130%;
        margin-bottom: 0
    }

    .feedingMenu__food {
        width: 80%
    }
}

.footer {
    position: relative;
    background: #fff;
    padding: 30px 0;
    line-height: 1.2;
    margin-top: auto
}

@media screen and (min-width: 768px) {
    .footer {
        padding: 37px 0
    }
}

.footer_padding {
    padding-bottom: 80px
}

@media screen and (min-width: 768px) {
    .footer_padding {
        padding-bottom: 37px
    }
}

.footer__top {
    margin-bottom: 15px
}

@media screen and (min-width: 768px) {
    .footer__top {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 40px
    }
}

@media screen and (min-width: 1260px) {
    .footer__top {
        padding-left: 103px;
        margin-bottom: 37px
    }
}

.footer__text {
    font-size: 13px;
    line-height: 1.4;
    color: #2a384e
}

@media screen and (min-width: 768px) {
    .footer__text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 266px;
        flex: 0 0 266px;
        margin-right: 48px
    }
}

@media screen and (min-width: 1260px) {
    .footer__text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 379px;
        flex: 0 0 379px;
        margin-right: 133px
    }
}

@media screen and (min-width: 768px) {
    .footer__text b {
        display: block;
        margin-bottom: 2px
    }
}

.footer__menu {
    display: none
}

@media screen and (min-width: 768px) {
    .footer__menu {
        display: block;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
        font-size: 13px;
        line-height: 1.4
    }
}

@media screen and (min-width: 1260px) {
    .footer__menu {
        -webkit-column-gap: 30px;
        -moz-column-gap: 30px;
        column-gap: 30px
    }
}

.footer__menu li {
    margin-bottom: 3px
}

@media screen and (min-width: 768px) {
    .footer__bottom {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media screen and (min-width: 1260px) {
    .footer__bottom {
        padding-left: 103px
    }
}

.footer__contacts {
    margin-bottom: 15px
}

@media screen and (min-width: 360px) {
    .footer__contacts {
        margin-bottom: 24px
    }
}

@media screen and (min-width: 768px) {
    .footer__contacts {
        margin-bottom: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 266px;
        flex: 0 0 266px;
        margin-right: 48px
    }
}

@media screen and (min-width: 1260px) {
    .footer__contacts {
        position: relative;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 381px;
        flex: 0 0 381px;
        margin-right: 130px
    }

    .footer__contacts::before {
        content: '';
        display: block;
        width: 49px;
        height: 50px;
        position: absolute;
        left: -69px;
        top: 7px;
        background: url(img/footer/head.svg) no-repeat center/contain
    }
}

.footer__tel {
    font-size: 35px;
    font-family: "Neucha", sans-serif;
    margin-bottom: 5px;
    color: #00625e;
    display: block
}

@media screen and (min-width: 768px) {
    .footer__tel {
        font-size: 30px
    }
}

@media screen and (min-width: 1260px) {
    .footer__tel {
        font-size: 35px;
        margin-bottom: 1px
    }
}

.footer__tel:hover {
    text-decoration: none;
    color: #2a384e
}

.footer__tel-info {
    color: #2a384e;
    font-size: 13px;
    line-height: 1.4
}

.footer__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 350px
}

@media screen and (min-width: 400px) {
    .footer__social {
        max-width: 280px
    }
}

@media screen and (min-width: 768px) {
    .footer__social {
        max-width: 350px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.footer__social-title {
    font-size: 13px;
    line-height: 1.4
}

@media screen and (min-width: 768px) {
    .footer__social-title {
        margin-right: 20px
    }
}

@media screen and (min-width: 1260px) {
    .footer__social-title {
        margin-right: 33px
    }
}

.footer__social-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.footer__link {
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    margin-left: 10px
}

@media screen and (min-width: 768px) {
    .formPage {
        position: relative
    }

    .formPage::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: calc(50vw - 364px);
        height: 100%;
        background: #cee9ef
    }
}

.formPage__info {
    position: relative;
    background: #cee9ef;
    padding: 12px 20px 30px;
    margin: 0 -20px;
    scrollbar-color: #eaf6f9 #eaf6f9
}

@media screen and (min-width: 768px) {
    .formPage__info {
        padding: 0;
        position: fixed;
        left: calc(50vw - 384px + 20px);
        margin: 0;
        top: 0;
        width: 302px;
        height: 100vh;
        z-index: 1;
        background: #cee9ef;
        overflow: auto
    }
}

@media screen and (min-width: 1260px) {
    .formPage__info {
        width: 580px;
        left: calc(50vw - 630px);
        padding-left: 134px
    }
}

.formPage__info::-webkit-scrollbar {
    width: 5px
}

.formPage__info::-webkit-scrollbar-track {
    background: #eaf6f9
}

.formPage__info::-webkit-scrollbar-thumb, .formPage__info::-webkit-scrollbar-thumb:hover {
    background: #eaf6f9
}

@media screen and (min-width: 768px) {
    .formPage__info-content {
        padding: 30px 0;
        position: relative;
        width: 100%;
        min-height: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .formPage__info-content::after {
        content: '';
        display: block;
        width: 8px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: #eaf6f9 url(img/formPage/wave-d.svg) repeat-y center/8px auto
    }
}

.formPage__logo {
    display: block;
    width: 58px;
    height: 55px;
    margin: 0 auto 33px;
    -webkit-filter: drop-shadow(0 6.85659px 6.85659px rgba(81, 129, 150, .25));
    filter: drop-shadow(0 6.85659px 6.85659px rgba(81, 129, 150, .25));
    background: url(img/formPage/logo.svg) no-repeat center/contain
}

@media screen and (min-width: 768px) {
    .formPage__logo {
        width: 63px;
        height: 60px;
        margin: 0 0 30px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 60px;
        flex: 0 0 60px
    }
}

@media screen and (min-width: 1260px) {
    .formPage__logo {
        width: 94px;
        height: 90px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 90px;
        flex: 0 0 90px;
        margin-bottom: 40px
    }
}

.formPage__title {
    font-size: 30px;
    line-height: 1;
    font-family: "Neucha", sans-serif;
    color: #00625e;
    margin-bottom: 10px;
    font-weight: 400
}

@media screen and (min-width: 360px) {
    .formPage__title {
        max-width: calc(100% - 175px)
    }
}

@media screen and (min-width: 768px) {
    .formPage__title {
        max-width: 220px;
        margin-bottom: 15px;
        font-size: 35px;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media screen and (min-width: 1260px) {
    .formPage__title {
        font-size: 50px;
        line-height: .95;
        margin-bottom: 15px;
        max-width: 320px
    }
}

.formPage__image {
    display: none
}

@media screen and (min-width: 360px) {
    .formPage__image {
        position: absolute;
        right: 0;
        bottom: 30px;
        display: block;
        width: 171px;
        height: auto
    }
}

@media screen and (min-width: 768px) {
    .formPage__image {
        position: relative;
        width: auto;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 183px;
        flex: 0 0 183px;
        height: 183px;
        bottom: auto;
        right: auto;
        margin-bottom: 40px
    }
}

@media screen and (min-width: 1260px) {
    .formPage__image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 253px;
        flex: 0 0 253px;
        height: 253px
    }
}

.formPage__text {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 10px
}

@media screen and (min-width: 360px) {
    .formPage__text {
        max-width: calc(100% - 175px)
    }
}

@media screen and (min-width: 768px) {
    .formPage__text {
        font-size: 18px;
        margin-bottom: 17px;
        max-width: 100%
    }
}

@media screen and (min-width: 1260px) {
    .formPage__text {
        font-size: 25px;
        margin-bottom: 20px
    }
}

.formPage__info-btn {
    position: relative
}

@media screen and (min-width: 768px) {
    .formPage__info-filler {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-bottom: 90px
    }
}

@media screen and (min-width: 768px) and (max-height: 700px) {
    .formPage__info-filler {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1260px) {
    .formPage__info-filler {
        margin-bottom: 130px
    }
}

@media screen and (min-width: 1260px) and (max-height: 900px) {
    .formPage__info-filler {
        margin-bottom: 0
    }
}

.formPage__form {
    position: relative;
    margin: 0 -20px;
    padding: 30px 20px 40px
}

@media screen and (min-width: 768px) {
    .formPage__form {
        min-height: 100vh;
        padding: 78px 0 78px 70px;
        margin-left: 302px;
        margin-right: 0;
        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: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .formPage__form .wave {
        display: none
    }
}

@media screen and (min-width: 1260px) {
    .formPage__form {
        margin-left: 543px;
        max-width: 555px;
        padding-top: 128px;
        padding-bottom: 120px
    }
}

.formPage__form .socAuth__social-title {
    max-width: 330px
}

@media screen and (min-width: 768px) {
    .formPage__form .socAuth__social-title {
        line-height: 1.4;
        font-size: 13px
    }
}

@media screen and (min-width: 1260px) {
    .formPage__form .socAuth__social-title {
        font-size: 16px;
        line-height: 1.45;
        max-width: 330px
    }
}

.formPage__form, .formPage__form .socAuth__or span {
    background: #eaf6f9
}

@media screen and (min-width: 768px) {
    .formPage__form .socAuth__or {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .formPage__form .socAuth__or {
        margin-bottom: 30px
    }
}

.formPage__input {
    margin-bottom: 15px
}

@media screen and (min-width: 1260px) {
    .formPage__input {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 768px) {
    .formPage__input .input__placeholder {
        max-width: calc(100% - 10px)
    }
}

.formPage__input .input__placeholder {
    color: rgba(0, 98, 94, .5);
    background: #eaf6f9 !important
}

.formPage__children-container, .formPage__input .current, .formPage__input .nice-select .current::after {
    display: none
}

.formPage__checkbox_agreement a, .formPage__input:hover .input__placeholder, .message a, .popup__text a {
    color: #00625e
}

.formPage__input .selected {
    border-width: 2px;
    border-color: #00625e
}

.formPage__input .selected:hover + .input__placeholder {
    color: rgba(0, 98, 94, .5)
}

.formPage__input .selected .current {
    display: block;
    -webkit-animation: fade-in .25s ease-in-out;
    animation: fade-in .25s ease-in-out
}

.formPage__input .selected + .input__placeholder {
    display: block;
    font-size: 15px;
    left: 10px;
    top: -9px;
    line-height: 1.2;
    background: #eaf6f9;
    padding: 0 10px
}

.formPage__children-container_active {
    display: block;
    -webkit-animation: fade-in-down .25s ease-in-out;
    animation: fade-in-down .25s ease-in-out
}

.formPage__checkbox {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.45;
    display: block;
    position: relative;
    z-index: 80
}

.formPage__checkbox_agreement {
    font-size: 13px;
    line-height: 1.4;
    margin-top: 20px;
    margin-bottom: 15px;
    color: rgba(42, 56, 78, .6)
}

@media screen and (min-width: 1260px) {
    .formPage__checkbox_agreement {
        margin-bottom: 20px
    }
}

.formPage__inputGroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -7.5px 5px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px) {
    .formPage__inputGroup {
        margin: 0 -10px
    }
}

@media screen and (min-width: 1260px) {
    .formPage__inputGroup {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 20px
    }
}

.formPage__inputGroup .formPage__input {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 15px);
    flex: 0 0 calc(50% - 15px);
    margin: 0 7.5px 15px
}

@media screen and (min-width: 768px) {
    .formPage__inputGroup .formPage__input {
        -ms-flex-preferred-size: 168px;
        flex-basis: 168px;
        margin: 0 10px 15px
    }
}

@media screen and (min-width: 1260px) {
    .formPage__inputGroup .formPage__input {
        -ms-flex-preferred-size: 135px;
        flex-basis: 135px;
        margin-bottom: 0
    }
}

.formPage__inputGroup .formPage__input_wide {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 50px);
    flex: 0 0 calc(100% - 50px)
}

@media screen and (min-width: 768px) {
    .formPage__inputGroup .formPage__input_wide {
        -ms-flex-preferred-size: 316px;
        flex-basis: 316px
    }
}

@media screen and (min-width: 1260px) {
    .formPage__inputGroup .formPage__input_wide {
        -ms-flex-preferred-size: 135px;
        flex-basis: 135px
    }
}

.formPage__inputGroup .formPage__input_full {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 15px);
    flex: 0 0 calc(100% - 15px)
}

@media screen and (min-width: 768px) {
    .formPage__inputGroup .formPage__input_full {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 20px);
        flex: 0 0 calc(100% - 20px)
    }
}

@media screen and (min-width: 1260px) {
    .formPage__inputGroup .formPage__input_full {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 20px);
        flex: 0 0 calc(50% - 20px)
    }
}

.formPage__inputGroup .formPage__delete-child {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20px;
    flex: 0 0 20px;
    width: 20px;
    height: 20px;
    background: url(img/formPage/delete.svg) no-repeat center/contain;
    border: 0;
    margin: 0 7.5px 15px;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .formPage__inputGroup .formPage__delete-child {
        margin: 0 10px 15px
    }
}

@media screen and (min-width: 1260px) {
    .formPage__inputGroup .formPage__delete-child {
        margin: 0 10px
    }
}

.formPage__add-child {
    margin-bottom: 20px;
    display: none
}

@media screen and (min-width: 768px) {
    .formPage__add-child {
        margin-bottom: 30px;
        -ms-flex-item-align: start;
        align-self: flex-start
    }
}

.formPage__add-child::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background: url(img/formPage/plus.svg) no-repeat center/contain
}

.formPage__add-child_active {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-animation: fade-in-down .25s ease-in-out;
    animation: fade-in-down .25s ease-in-out
}

.formPage__pregnancy-container {
    display: none
}

.formPage__pregnancy-container_active {
    display: block;
    -webkit-animation: fade-in-down .25s ease-in-out;
    animation: fade-in-down .25s ease-in-out
}

.formPage__submit_large {
    width: 100%
}

.formPage__link {
    font-size: 16px;
    line-height: 1.45;
    color: #00625e
}

.formPage__link:hover {
    text-decoration: none;
    color: #2a384e
}

.formPage__submit-line {
    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;
    position: relative;
    z-index: 1
}

.formPage__submit-line .formPage__link {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

@media screen and (min-width: 768px) {
    .formPage__submit-line .formPage__link {
        -webkit-box-flex: 1;
        -ms-flex: auto;
        flex: auto
    }
}

.formPage__submit-line .btn {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%
}

@media screen and (min-width: 768px) {
    .formPage__submit-line .btn {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 220px;
        flex: 0 0 220px
    }
}

@media screen and (min-width: 1260px) {
    .formPage__submit-line .btn {
        -ms-flex-preferred-size: 260px;
        flex-basis: 260px
    }
}

.formPage__submit-line_special {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.formPage__submit-line_special .btn {
    width: 100%;
    margin-bottom: 15px
}

@media screen and (min-width: 360px) {
    .formPage__submit-line_special {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .formPage__submit-line_special .formPage__link {
        fleX: 0 0 calc(50% - 20px)
    }

    .formPage__submit-line_special .btn {
        width: auto;
        margin-bottom: 0
    }
}

@media screen and (min-width: 768px) {
    .formPage__submit-line_special .formPage__link {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%
    }
}

.formPage__form-text {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 20px
}

@media screen and (min-width: 1260px) {
    .formPage__form-text {
        font-size: 18px
    }
}

.gallery {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
    background: #f6fafc
}

@media screen and (min-width: 768px) {
    .gallery {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media screen and (min-width: 1260px) {
    .gallery {
        padding-top: 67px;
        padding-bottom: 70px
    }
}

.gallery__title {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .gallery__title {
        margin-bottom: 27px
    }
}

@media screen and (min-width: 1260px) {
    .gallery__title {
        margin-bottom: 34px
    }
}

.gallery__swiper-container {
    position: relative
}

.gallery__next, .gallery__prev {
    display: none
}

@media screen and (min-width: 768px) {
    .gallery__next, .gallery__prev {
        display: block;
        position: absolute;
        left: -20px;
        top: calc(50% - 17px)
    }
}

@media screen and (min-width: 860px) {
    .gallery__next, .gallery__prev {
        left: -60px
    }
}

@media screen and (min-width: 1260px) {
    .gallery__next, .gallery__prev {
        left: -25px
    }
}

@media screen and (min-width: 1320px) {
    .gallery__next, .gallery__prev {
        left: -60px
    }
}

.gallery__next {
    left: auto;
    right: -20px
}

@media screen and (min-width: 860px) {
    .gallery__next {
        right: -60px
    }
}

@media screen and (min-width: 1260px) {
    .gallery__next {
        right: -25px
    }
}

@media screen and (min-width: 1320px) {
    .gallery__next {
        right: -60px
    }
}

@media screen and (min-width: 768px) {
    .gallery__swiper {
        margin-bottom: 22px
    }
}

@media screen and (min-width: 1260px) {
    .gallery__swiper {
        margin-bottom: 32px
    }
}

.gallery__slide {
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    position: relative
}

.gallery__slide::before {
    content: '';
    display: block;
    padding-top: 77.08333%
}

@media screen and (min-width: 768px) {
    .gallery__slide::before {
        padding-top: 68.26087%
    }

    .gallery__slide {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.gallery__slide img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.gallery__pager {
    display: none !important
}

@media screen and (min-width: 768px) {
    .gallery__pager {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.good {
    background: #f6fafc;
    padding: 18px 0 20px
}

@media screen and (min-width: 360px) {
    .good {
        padding-bottom: 40px
    }
}

@media screen and (min-width: 768px) {
    .good {
        padding-bottom: 50px
    }
}

@media screen and (min-width: 1260px) {
    .good {
        padding-top: 25px;
        padding-bottom: 70px
    }
}

.good__content {
    position: relative
}

@media screen and (min-width: 1260px) {
    .good__content {
        width: 870px;
        margin-top: 37px
    }
}

@media screen and (min-width: 768px) {
    .good__inner {
        min-height: 290px;
        width: 354px;
        margin-left: auto
    }

    .good__inner.show {
        min-height: 360px
    }

    .good__inner.show .good__slides {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 1260px) {
    .good__inner {
        width: 410px;
        min-height: 420px
    }

    .good__inner.show {
        min-height: 510px
    }
}

.good__head {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .good__head {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .good__head {
        margin-bottom: 30px
    }
}

.good__title {
    font-family: "Neucha", sans-serif;
    color: #00625e;
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .good__title {
        font-size: 35px
    }
}

@media screen and (min-width: 1260px) {
    .good__title {
        font-size: 40px
    }
}

.good__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 145%
}

.good__descr {
    color: rgba(42, 56, 78, .6)
}

.good__link {
    text-decoration: none;
    margin-left: 50%;
    margin-bottom: 30px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.good__link--desktop {
    display: none
}

.good__link::after {
    width: 8px;
    height: 14px;
    background: url(img/good/button-arrow-down.svg) no-repeat center/contain;
    top: 3px
}

@media screen and (min-width: 768px) {
    .good__link {
        margin-left: 0;
        margin-right: 20px;
        margin-bottom: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .good__link--desktop {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .good__link--mobile {
        display: none
    }
}

.good__slider {
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .good__slider {
        position: absolute;
        top: 0;
        left: 0
    }
}

.good__slides {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .good__slides {
        display: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

@media screen and (min-width: 1260px) {
    .good__slides {
        margin-bottom: 0
    }
}

.good__slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 243px;
    background: #cee9ef;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    position: relative
}

@media screen and (min-width: 360px) {
    .good__slide {
        height: 304px
    }
}

@media screen and (min-width: 450px) {
    .good__slide {
        height: 350px
    }
}

@media screen and (min-width: 768px) {
    .good__slide {
        width: 74px;
        height: 74px;
        margin: 0 5px;
        cursor: pointer;
        -webkit-transition: .1s;
        -o-transition: .1s;
        transition: .1s;
        border: 3px solid transparent
    }

    .good__slide:hover {
        border: 3px solid #a4d3de
    }

    .good__slide.active {
        border: 3px solid #00625e
    }

    .good__slide .good__discontinued {
        display: none
    }
}

@media screen and (min-width: 1260px) {
    .good__slide {
        width: 74px;
        height: 74px;
        margin: 0 7px
    }
}

.good__pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px) {
    .good__pagination {
        display: none
    }
}

.good__paginationItem {
    display: block;
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0 7px;
    border: 1px solid #00625e
}

.good__paginationItem.swiper-pagination-bullet-active {
    background-color: #00625e
}

.good__image {
    max-height: 100%;
    max-width: 100%;
    -webkit-filter: drop-shadow(0 95.9469px 46.668px rgba(12, 79, 77, .1)) drop-shadow(0 48.0203px 23.2393px rgba(12, 79, 77, .0760333)) drop-shadow(0 28.9252px 14.0321px rgba(12, 79, 77, .0651589)) drop-shadow(0 18.5368px 9.06024px rgba(12, 79, 77, .0570895)) drop-shadow(0 12.014px 5.93345px rgba(12, 79, 77, .05)) drop-shadow(0 7.5627px 3.78099px rgba(12, 79, 77, .0429105)) drop-shadow(0 4.34524px 2.20176px rgba(12, 79, 77, .0348411)) drop-shadow(0 1.91245px .98283px rgba(12, 79, 77, .0239667));
    filter: drop-shadow(0 95.9469px 46.668px rgba(12, 79, 77, .1)) drop-shadow(0 48.0203px 23.2393px rgba(12, 79, 77, .0760333)) drop-shadow(0 28.9252px 14.0321px rgba(12, 79, 77, .0651589)) drop-shadow(0 18.5368px 9.06024px rgba(12, 79, 77, .0570895)) drop-shadow(0 12.014px 5.93345px rgba(12, 79, 77, .05)) drop-shadow(0 7.5627px 3.78099px rgba(12, 79, 77, .0429105)) drop-shadow(0 4.34524px 2.20176px rgba(12, 79, 77, .0348411)) drop-shadow(0 1.91245px .98283px rgba(12, 79, 77, .0239667))
}

@media screen and (min-width: 768px) {
    .good__image {
        max-height: 80%;
        max-width: 80%
    }
}

@media screen and (min-width: 1260px) {
    .good__image {
        -webkit-filter: drop-shadow(0 95.9469px 46.668px rgba(12, 79, 77, .1)) drop-shadow(0 48.0203px 23.2393px rgba(12, 79, 77, .0760333)) drop-shadow(0 28.9252px 14.0321px rgba(12, 79, 77, .0651589)) drop-shadow(0 18.5368px 9.06024px rgba(12, 79, 77, .0570895)) drop-shadow(0 12.014px 5.93345px rgba(12, 79, 77, .05)) drop-shadow(0 7.5627px 3.78099px rgba(12, 79, 77, .0429105)) drop-shadow(0 4.34524px 2.20176px rgba(12, 79, 77, .0348411)) drop-shadow(0 1.91245px .98283px rgba(12, 79, 77, .0239667));
        filter: drop-shadow(0 95.9469px 46.668px rgba(12, 79, 77, .1)) drop-shadow(0 48.0203px 23.2393px rgba(12, 79, 77, .0760333)) drop-shadow(0 28.9252px 14.0321px rgba(12, 79, 77, .0651589)) drop-shadow(0 18.5368px 9.06024px rgba(12, 79, 77, .0570895)) drop-shadow(0 12.014px 5.93345px rgba(12, 79, 77, .05)) drop-shadow(0 7.5627px 3.78099px rgba(12, 79, 77, .0429105)) drop-shadow(0 4.34524px 2.20176px rgba(12, 79, 77, .0348411)) drop-shadow(0 1.91245px .98283px rgba(12, 79, 77, .0239667))
    }
}

.good__active {
    display: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 243px;
    background: #cee9ef;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .good__active {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 326px;
        height: 283px;
        margin-bottom: 10px
    }
}

@media screen and (min-width: 1260px) {
    .good__active {
        width: 410px;
        height: 425px;
        margin-bottom: 15px
    }
}

.good__picture {
    display: none;
    max-height: 100%;
    max-width: 100%;
    -webkit-filter: drop-shadow(0 95.9469px 46.668px rgba(12, 79, 77, .1)) drop-shadow(0 48.0203px 23.2393px rgba(12, 79, 77, .0760333)) drop-shadow(0 28.9252px 14.0321px rgba(12, 79, 77, .0651589)) drop-shadow(0 18.5368px 9.06024px rgba(12, 79, 77, .0570895)) drop-shadow(0 12.014px 5.93345px rgba(12, 79, 77, .05)) drop-shadow(0 7.5627px 3.78099px rgba(12, 79, 77, .0429105)) drop-shadow(0 4.34524px 2.20176px rgba(12, 79, 77, .0348411)) drop-shadow(0 1.91245px .98283px rgba(12, 79, 77, .0239667));
    filter: drop-shadow(0 95.9469px 46.668px rgba(12, 79, 77, .1)) drop-shadow(0 48.0203px 23.2393px rgba(12, 79, 77, .0760333)) drop-shadow(0 28.9252px 14.0321px rgba(12, 79, 77, .0651589)) drop-shadow(0 18.5368px 9.06024px rgba(12, 79, 77, .0570895)) drop-shadow(0 12.014px 5.93345px rgba(12, 79, 77, .05)) drop-shadow(0 7.5627px 3.78099px rgba(12, 79, 77, .0429105)) drop-shadow(0 4.34524px 2.20176px rgba(12, 79, 77, .0348411)) drop-shadow(0 1.91245px .98283px rgba(12, 79, 77, .0239667))
}

@media screen and (min-width: 768px) {
    .good__picture {
        display: block
    }
}

@media screen and (min-width: 1260px) {
    .good__picture {
        -webkit-filter: drop-shadow(0 95.9469px 46.668px rgba(12, 79, 77, .1)) drop-shadow(0 48.0203px 23.2393px rgba(12, 79, 77, .0760333)) drop-shadow(0 28.9252px 14.0321px rgba(12, 79, 77, .0651589)) drop-shadow(0 18.5368px 9.06024px rgba(12, 79, 77, .0570895)) drop-shadow(0 12.014px 5.93345px rgba(12, 79, 77, .05)) drop-shadow(0 7.5627px 3.78099px rgba(12, 79, 77, .0429105)) drop-shadow(0 4.34524px 2.20176px rgba(12, 79, 77, .0348411)) drop-shadow(0 1.91245px .98283px rgba(12, 79, 77, .0239667));
        filter: drop-shadow(0 95.9469px 46.668px rgba(12, 79, 77, .1)) drop-shadow(0 48.0203px 23.2393px rgba(12, 79, 77, .0760333)) drop-shadow(0 28.9252px 14.0321px rgba(12, 79, 77, .0651589)) drop-shadow(0 18.5368px 9.06024px rgba(12, 79, 77, .0570895)) drop-shadow(0 12.014px 5.93345px rgba(12, 79, 77, .05)) drop-shadow(0 7.5627px 3.78099px rgba(12, 79, 77, .0429105)) drop-shadow(0 4.34524px 2.20176px rgba(12, 79, 77, .0348411)) drop-shadow(0 1.91245px .98283px rgba(12, 79, 77, .0239667))
    }
}

.good__text {
    display: block;
    margin-bottom: 30px;
    padding: 25px 22px 20px;
    background-image: url(img/good/text-bg.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    color: #00625e;
    text-align: center;
    font-size: 13px;
    line-height: 140%
}

@media screen and (min-width: 360px) {
    .good__text {
        font-size: 16px;
        line-height: 145%
    }
}

@media screen and (min-width: 768px) {
    .good__text {
        padding: 30px;
        text-align: left
    }
}

.good__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

@media screen and (min-width: 768px) {
    .good__list {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.good__item {
    margin: 0 6px 10px
}

.good__icon {
    height: 52px
}

.good__discontinued {
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 7px 15px;
    background-color: #f1f9fa;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    color: #2a384e;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    font-family: "Roboto Condensed", sans-serif;
    z-index: 5
}

@media screen and (min-width: 400px) {
    .good__discontinued {
        white-space: nowrap
    }
}

.bx-ios .good__picture, .bx-mac .good__picture {
    -webkit-filter: drop-shadow(0 95.9469px 46.668px rgba(12, 79, 77, .4)) !important;
    filter: drop-shadow(0 95.9469px 46.668px rgba(12, 79, 77, .4)) !important
}

@media screen and (min-width: 1260px) {
    .bx-ios .good__picture, .bx-mac .good__picture {
        -webkit-filter: drop-shadow(0 95.9469px 46.668px rgba(12, 79, 77, .4)) !important;
        filter: drop-shadow(0 95.9469px 46.668px rgba(12, 79, 77, .4)) !important
    }
}

.bx-ios .good__image, .bx-mac .good__image {
    -webkit-filter: drop-shadow(0 95.9469px 46.668px rgba(12, 79, 77, .4)) !important;
    filter: drop-shadow(0 95.9469px 46.668px rgba(12, 79, 77, .4)) !important
}

@media screen and (min-width: 1260px) {
    .bx-ios .good__image, .bx-mac .good__image {
        -webkit-filter: drop-shadow(0 95.9469px 46.668px rgba(12, 79, 77, .4)) !important;
        filter: drop-shadow(0 95.9469px 46.668px rgba(12, 79, 77, .4)) !important
    }
}

.header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 300;
    padding: 10px 0;
    background: #cee9ef
}

@media screen and (min-width: 1260px) {
    .header {
        padding: 17px 22px
    }
}

.header .container {
    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;
    height: 100%;
    width: 100%
}

@media screen and (min-width: 768px) {
    .header .container {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 200%
    }
}

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

.header_fixed {
    position: fixed;
    -webkit-box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    box-shadow: 0 1px 2px rgba(1, 78, 114, .1)
}

.header_fixed:hover {
    z-index: 500
}

.header_fixed .header__progress {
    display: block
}

@media screen and (min-width: 768px) {
    .header_fixed {
        -webkit-animation: fade-in-down .25s ease-in-out both;
        animation: fade-in-down .25s ease-in-out both
    }
}

@media screen and (min-width: 1260px) {
    .header_fixed .header__logo {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 117px;
        flex: 0 0 117px;
        margin-right: 37px;
    }

    .header_fixed, .header_fixed .header__logo-img {
        height: 75px
    }

    .header_fixed .header__nav {
        margin-right: 30px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 720px;
        flex: 0 0 720px;
        margin-top: 7px
    }

    .header_fixed .header__buttons {
        -webkit-box-flex: 0;
        margin-top: -1px;
        -ms-flex: 0 0 69px;
        flex: 0 0 69px;
        margin-left: 10px
    }

    .header_fixed .header__nav_search .header__menu, .header_fixed .header__search {
        display: none
    }

    .header_fixed .header__button_search {
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45px;
        flex: 0 0 45px;
        margin-top: -1px;
        margin-left: auto;
        position: relative;
        z-index: 11
    }

    .header_fixed .header__nav_search {
        position: absolute;
        right: 30px;
        top: -1px;
        width: calc(100% - 165px);
        margin: 0;
        z-index: 30;
        background: #cee9ef;
        height: calc(100% + 10px)
    }

    .header_fixed .header__nav_search .header__search, .header_fixed .header__nav_search .header__search-cancel {
        display: block
    }
}

.header__logo {
    -webkit-filter: drop-shadow(0 6.85659px 6.85659px rgba(81,129,150,.25));
    filter: drop-shadow(0 6.85659px 6.85659px rgba(81,129,150,.25));
    position: relative;
    top: 2px;
    z-index: 2;
}

@media screen and (min-width: 768px) {
    .header__logo {
        margin-right: 39px;
    }
}

@media screen and (min-width: 1260px) {
    .header__logo {
        margin-right: 65px;
        top: 0;
    }
}

.header__logo_hidden {
    opacity: 0;
    z-index: -1
}

@media screen and (min-width: 768px) {
    .header__logo_hidden {
        opacity: 1;
        z-index: 2
    }
}

.header__logo-img {
    height: 55px
}

@media screen and (min-width: 1260px) {
    .header__logo-img {
        height: 96px
    }
}

@media (max-width: 767.5px) {
    .header__nav {
        position: absolute;
        left: 0;
        width: 100%;
        height: calc(100% + 10px);
        top: 0;
        background: #cee9ef;
        padding: 0 20px
    }
}

@media screen and (min-width: 768px) {
    .header__nav {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
}

@media screen and (min-width: 1260px) {
    .header__nav {
        display: block;
        margin-right: 55px;
        margin-top: 3px
    }
}

.header__search {
    opacity: 0
}

.header__search ::-webkit-input-placeholder {
    color: #00625e
}

.header__search ::-moz-placeholder {
    color: #00625e
}

.header__search :-ms-input-placeholder {
    color: #00625e
}

.header__search :-moz-placeholder {
    color: #00625e
}

@media screen and (min-width: 768px) {
    .header__search {
        opacity: 1;
        display: block;
        margin-right: 29px;
        position: relative
    }
}

@media screen and (min-width: 1260px) {
    .header__search {
        display: block;
        margin-right: 0;
        margin-bottom: 16px
    }
}

.header__search input {
    display: block;
    width: 100%;
    background: #fff;
    height: 40px;
    padding: 10px 10px 10px 50px;
    border: 0;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    font-size: 16px;
    line-height: 1.45;
    font-family: "Roboto Condensed", sans-serif;
    color: #00625e;
    -webkit-appearance: none
}

@media screen and (min-width: 1260px) {
    .header__search input {
        padding-top: 12px;
        padding-bottom: 13px;
        height: 45px
    }
}

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

.header__search .header__search-submit {
    position: absolute;
    left: 19px;
    top: 10px;
    padding: 0;
    width: 19px;
    height: 19px;
    border: 0;
    background: url(img/header/search.svg) no-repeat center/contain
}

@media screen and (min-width: 1260px) {
    .header__search .header__search-submit {
        top: 13px;
        left: 18px
    }
}

.header__menu {
    display: none;
    position: absolute;
    right: 0;
    top: -10px;
    width: 320px;
    height: var(--app-height);
    background: #eaf6f9;
    z-index: 10;
    padding: 80px 20px 10px
}

@media screen and (min-width: 768px) {
    .header__menu {
        left: auto;
        right: 0;
        padding-top: 77px
    }
}

@media screen and (min-width: 1260px) {
    .header__menu {
        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;
        position: static;
        top: 0;
        height: auto;
        padding: 0;
        background: 0 0;
        width: calc(100% + 244px);
    }
}

.header__menu_visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: fade-in-down .25s ease-in-out both;
    animation: fade-in-down .25s ease-in-out both;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (min-width: 768px) {
    .header__menu_visible {
        -webkit-animation: fade-in .25s ease-in-out both;
        animation: fade-in .25s ease-in-out both
    }
}

@media screen and (min-width: 1260px) {
    .header__menu_visible {
        -webkit-animation: none;
        animation: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.header__menu-bg {
    content: '';
    display: block;
    width: calc(100vw - 320px);
    right: 100%;
    height: var(--app-height);
    top: 0;
    background: rgba(0, 98, 94, .3);
    position: absolute
}

@media screen and (min-width: 1260px) {
    .header__menu-bg {
        display: none
    }
}

.header__menu-item {
    display: block;
    position: relative
}

.header__menu-item::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% - 24px);
    height: 1px;
    background: rgba(0, 98, 94, .2)
}

@media screen and (min-width: 1260px) {
    .header__menu-item::after {
        display: none
    }

    .header__menu-item_static {
        position: static
    }
}

.header__menu-item_active .header__menu-link span::after {
    height: 2px;
    background: #00625e
}

.header__menu-link {
    font-size: 20px;
    line-height: 1;
    color: #00625e;
    padding: 22px 0 11px;
    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;
    font-family: "Neucha", sans-serif
}

.header__menu-link:hover {
    text-decoration: none
}

@media screen and (min-width: 1260px) {
    .header__menu-link {
        padding: 0 0 2px;
        white-space: nowrap
    }

    .header__menu-link span {
        position: relative
    }

    .header__menu-link span::after {
        content: '';
        display: block;
        position: absolute;
        bottom: -11px;
        left: 0;
        width: 100%;
        height: .5px;
        background: rgba(0, 98, 94, .2);
        -webkit-transition: height .25s ease-in-out, background .25s ease-in-out;
        -o-transition: height .25s ease-in-out, background .25s ease-in-out;
        transition: height .25s ease-in-out, background .25s ease-in-out
    }

    .header__menu-link:hover span::after {
        height: 2px;
        background: #00625e
    }
}

.header__menu-item_parent .header__menu-link::after {
    content: '';
    display: block;
    width: 4px;
    height: 7px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4px;
    flex: 0 0 4px;
    background: url(img/header/arrow.svg) no-repeat center/contain
}

@media screen and (min-width: 1260px) {
    .header__menu-item_parent .header__menu-link::after {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
        margin-left: 11px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 7px;
        flex: 0 0 7px
    }

    .header__menu-item_parent:hover .header__submenu {
        display: block;
        -webkit-animation: fade-in-down .25s ease-in-out both .0001s;
        animation: fade-in-down .25s ease-in-out both .0001s
    }

    .header__menu-item_parent:hover .grandmenu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.header__menu-item_active-parent {
    position: absolute;
    left: 0;
    top: 70px;
    width: 100%;
    height: calc(var(--app-height) - 80px);
    background: #eaf6f9;
    padding: 10px 20px;
    overflow: auto;
    z-index: 50
}

@media screen and (min-width: 768px) {
    .header__menu-item_active-parent {
        height: var(--app-height)
    }
}

.header__menu-item_active-parent::after {
    top: 65px;
    left: 44px;
    width: calc(100% - 64px)
}

@media screen and (min-width: 768px) {
    .header__menu-item_active-parent::after {
        top: 70px;
        width: calc(100% - 135px)
    }
}

.header__menu-item_active-parent .header__menu-link {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-bottom: 25px
}

@media screen and (min-width: 768px) {
    .header__menu-item_active-parent .header__menu-link {
        margin-bottom: 27px
    }
}

.header__menu-item_active-parent .header__menu-link span {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(100% - 24px);
    flex: 0 0 calc(100% - 24px)
}

.header__menu-item_active-parent .header__menu-link::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.header__menu-item_active-parent .header__submenu {
    display: block;
    padding-left: 24px
}

.header__menu-item_help .header__menu-link span {
    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
}

.header__menu-item_help .header__menu-link span::before {
    content: '';
    display: block;
    width: 12px;
    height: 11px;
    background: url(img/header/help.svg) no-repeat center/contain;
    margin-left: 10px;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.header__submenu {
    display: none
}

@media screen and (min-width: 1260px) {
    .header__submenu {
        position: absolute;
        left: -20px;
        top: calc(100% + 15px);
        width: auto;
        height: auto;
        background: #eaf6f9;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        padding: 15px 40px 20px 20px;
        white-space: nowrap;
        -webkit-box-shadow: 0 36px 20px rgba(12, 79, 77, .1), 0 24px 12px rgba(12, 79, 77, .1), 0 10px 8px rgba(12, 79, 77, .1);
        box-shadow: 0 36px 20px rgba(12, 79, 77, .1), 0 24px 12px rgba(12, 79, 77, .1), 0 10px 8px rgba(12, 79, 77, .1)
    }

    .header__submenu::before {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        top: -20px;
        width: 100%;
        height: 20px
    }
}

.header__submenu_active {
    display: block;
    -webkit-animation: fade-in-down .25s ease-in-out both .0001s;
    animation: fade-in-down .25s ease-in-out both .0001s
}

.header__submenu_profile {
    position: absolute;
    right: -50px;
    left: auto;
    top: calc(100% + 15px);
    width: auto;
    height: auto;
    background: #eaf6f9;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    padding: 15px 20px 20px;
    white-space: nowrap;
    -webkit-box-shadow: 0 36px 20px rgba(12, 79, 77, .1), 0 24px 12px rgba(12, 79, 77, .1), 0 10px 8px rgba(12, 79, 77, .1);
    box-shadow: 0 36px 20px rgba(12, 79, 77, .1), 0 24px 12px rgba(12, 79, 77, .1), 0 10px 8px rgba(12, 79, 77, .1)
}

.header__submenu_profile::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -20px;
    width: 100%;
    height: 20px
}

@media screen and (min-width: 1260px) {
    .header__submenu_profile {
        right: 0
    }
}

.header__submenu_profile .header__submenu-item {
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative;
    padding-left: 23px
}

.header__submenu_profile .header__submenu-item img {
    position: absolute;
    left: 0;
    top: 6px
}

.header__submenu_profile .header__submenu-item::after {
    content: '';
    display: block;
    width: 100%;
    height: .5px;
    background: rgba(0, 98, 94, .2);
    position: absolute;
    left: 0;
    bottom: 0;
    -webkit-transition: height .25s ease-in-out, background .25s ease-in-out;
    -o-transition: height .25s ease-in-out, background .25s ease-in-out;
    transition: height .25s ease-in-out, background .25s ease-in-out
}

.header__submenu_profile .header__submenu-item:last-child {
    padding-bottom: 0
}

.header__submenu_profile .header__submenu-item:last-child::after {
    bottom: -10px;
    background: 0 0
}

@media screen and (min-width: 1260px) {
    .header__submenu_profile .header__submenu-item {
        margin-bottom: 10px
    }

    .header__submenu_profile .header__submenu-item:hover {
        text-decoration: none
    }

    .header__submenu_profile .header__submenu-item:hover::after {
        height: 1.5px;
        background-color: #00625e
    }
}

.header__submenu_profile .header__submenu-item:last-child {
    margin-bottom: 0
}

.header__submenu-item {
    display: block;
    margin-bottom: 15px
}

@media screen and (min-width: 1260px) {
    .header__submenu-item {
        padding-bottom: 10px;
        position: relative;
        margin-bottom: 10px
    }

    .header__submenu-item::after {
        content: '';
        display: block;
        width: calc(100% + 20px);
        height: .5px;
        background: rgba(0, 98, 94, .2);
        position: absolute;
        left: 0;
        bottom: 0;
        -webkit-transition: height .25s ease-in-out, background .25s ease-in-out;
        -o-transition: height .25s ease-in-out, background .25s ease-in-out;
        transition: height .25s ease-in-out, background .25s ease-in-out
    }

    .header__submenu-item:last-child {
        padding-bottom: 0
    }

    .header__submenu-item:last-child::after {
        bottom: -10px;
        background: 0 0
    }

    .header__submenu-item:hover {
        text-decoration: none
    }

    .header__submenu-item:hover::after {
        height: 1.5px;
        background-color: #00625e
    }
}

.header__submenu-item:last-child {
    margin-bottom: 0
}

.header__submenu-link {
    color: #00625e;
    font-size: 16px;
    line-height: 1.35
}

.header__submenu-link:hover {
    text-decoration: none
}

.header__submenu-link_red {
    color: #ee765e
}

.header__buttons {
    position: absolute;
    z-index: 10;
    right: 0;
    top: 50%;
    width: 100%
}

@media screen and (min-width: 768px) {
    .header__buttons {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        position: relative;
        top: auto;
        right: auto;
        width: auto
    }
}

@media screen and (min-width: 1260px) {
    .header__buttons {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 165px;
        flex: 0 0 165px;
        margin-top: 3px
    }
}

.header__button {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #a4d3de no-repeat center;
    border: 0;
    cursor: pointer;
    -webkit-transition: background .25s ease-in-out;
    -o-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out;
    color: #00625e;
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 768px) {
    .header__button {
        font-size: 18px
    }
}

.header__button:active {
    background-color: #91cad7
}

.header__button:hover {
    text-decoration: none
}

@media (hover: hover) {
    .header__button:hover {
        background-color: #b7dce5
    }
}

@media screen and (min-width: 1260px) {
    .header__button {
        width: 45px;
        height: 45px
    }
}

.header__button_search {
    position: absolute;
    left: 20px;
    top: calc(50% - 20px);
    background-image: url(img/header/search.svg);
    background-position-y: calc(50% + 1px);
    background-position-x: calc(50% + 1px)
}

@media screen and (min-width: 768px) {
    .header__button_search {
        display: none
    }
}

@media screen and (min-width: 1260px) {
    .header__button_search {
        position: relative;
        left: 0;
        top: 0
    }
}

.header__button_search-hidden {
    display: none
}

@media screen and (min-width: 768px) {
    .header__button_search-hidden {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.header__button_likes {
    position: absolute;
    left: 70px;
    top: calc(50% - 20px);
    background-image: url(img/header/heart.svg);
    background-position-y: calc(50% + 2px)
}

.header__button_likes .message {
    left: -11px
}

.header__button_likes .message__corner {
    left: 14px
}

@media screen and (min-width: 768px) {
    .header__button_likes {
        left: 0;
        position: relative;
        top: 0
    }

    .header__button_likes .message, .header__button_likes .message__corner {
        left: auto
    }
}

@media screen and (min-width: 1260px) {
    .header__button_likes {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.header__button_menu {
    position: absolute;
    right: 20px;
    top: calc(50% - 20px);
    background-image: url(img/header/menu.svg)
}

@media screen and (min-width: 768px) {
    .header__button_menu {
        left: 0;
        position: relative;
        top: 0;
        z-index: 500;
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }
}

@media screen and (min-width: 1260px) {
    .header__button_menu {
        display: none
    }
}

.header__button_profile {
    position: absolute;
    right: 70px;
    top: calc(50% - 20px);
    background-image: url(img/header/default-avatar.svg);
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .header__button_profile {
        right: 0;
        position: relative;
        top: 0
    }
}

@media screen and (min-width: 1260px) {
    .header__button_profile {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

.header__button_login {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 9px 19px;
    width: auto;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    display: none;
    position: absolute;
    right: 230px;
    top: -20px
}

@media screen and (min-width: 768px) {
    .header__button_login {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        top: 0;
        right: 210px
    }
}

@media screen and (min-width: 1260px) {
    .header__button_login {
        display: block;
        position: relative;
        right: 0
    }
}

.header__button_login-visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 10;
    -webkit-animation: fade-in-down .25s ease-in-out both;
    animation: fade-in-down .25s ease-in-out both
}

@media screen and (min-width: 768px) {
    .header__button_login-visible {
        -webkit-animation: fade-in .25s ease-in-out both;
        animation: fade-in .25s ease-in-out both
    }
}

@media screen and (min-width: 1260px) {
    .header__button_login-visible {
        -webkit-animation: none;
        animation: none
    }
}

.header__button_logout {
    background-image: url(img/header/logout.svg)
}

@media screen and (min-width: 768px) {
    .header__button_logout {
        display: none
    }
}

@media screen and (min-width: 1260px) {
    .header__button_logout {
        display: block;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

.header__button_close, .header__button_close-filter {
    background-image: url(img/header/close.svg)
}

.header__button_close-filter {
    z-index: 10;
    display: none
}

.header__button_close-active {
    display: block;
    -webkit-animation: fade-in .25s ease-in-out;
    animation: fade-in .25s ease-in-out
}

.header__button-trigger {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media (min-width: 768px) and (max-width: 1260px) {
    body.fixed .header__button_likes, body.fixed .header__button_profile {
        display: none
    }
}

.header__search-cancel {
    position: absolute;
    cursor: pointer;
    right: 10px;
    top: 10px;
    width: 21px;
    height: 21px;
    min-width: 21px;
    max-width: 21px;
    padding: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #eaf6f9 url(img/header/search-cancel.svg) no-repeat center;
    -webkit-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;
    display: none;
    border: 0
}

@media screen and (min-width: 1260px) {
    .header__search-cancel {
        top: 12px
    }
}

.header__search-cancel:active {
    background-color: #cee9ef
}

@media (hover: hover) {
    .header__search-cancel:hover {
        background-color: #cee9ef
    }
}

.header__search input:not(:placeholder-shown) + button + .header__search-cancel {
    display: block
}

@media (max-width: 767.5px) {
    .header__nav_search {
        display: block;
        z-index: 500;
        background: #cee9ef
    }

    .header__nav_search .header__search {
        opacity: 1;
        top: 10px;
        position: absolute;
        width: calc(100% - 40px);
        left: 20px
    }

    .header__nav_search .header__search-cancel {
        display: block;
        position: absolute
    }
}

.header__search-results {
    display: block;
    z-index: 200;
    padding: 15px 20px;
    position: absolute;
    left: -20px;
    top: calc(100% + 20px);
    width: calc(100% + 40px);
    background: #eaf6f9;
    -webkit-box-shadow: 0 36px 20px rgba(12, 79, 77, .1), 0 24px 12px rgba(12, 79, 77, .1), 0 10px 8px rgba(12, 79, 77, .1);
    box-shadow: 0 36px 20px rgba(12, 79, 77, .1), 0 24px 12px rgba(12, 79, 77, .1), 0 10px 8px rgba(12, 79, 77, .1);
    font-size: 16px;
    line-height: 1.45;
    max-height: calc(var(--app-height) - 80px);
    overflow: auto
}

@media screen and (min-width: 768px) {
    .header__search-results {
        top: calc(100% + 10px);
        width: 100%;
        left: 0;
        -webkit-border-radius: 7px;
        border-radius: 7px
    }
}

.header__search-group {
    border-bottom: 1px solid rgba(0, 98, 94, .2);
    padding-bottom: 15px;
    margin-bottom: 15px
}

.header__search-title {
    font-weight: 600;
    color: #2a384e;
    margin-bottom: 10px
}

.header__search-link {
    display: block;
    margin-bottom: 10px;
    color: #00625e
}

.header__search-link:last-child {
    margin-bottom: 0
}

.header__search-all {
    display: block;
    font-weight: 600;
    color: #00625e
}

.grandmenu {
    white-space: normal
}

@media screen and (min-width: 1260px) {
    .grandmenu {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        width: 995px;
        left: 134px;
        top: calc(100% + 1px);
        padding-top: 19px
    }
}

.grandmenu__col {
    color: #00625e;
    font-size: 18px;
    line-height: 1.45
}

.grandmenu__col:first-child {
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(0, 98, 94, .2);
    margin-bottom: 12px
}

@media screen and (min-width: 1260px) {
    .grandmenu__col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 235px;
        flex: 0 0 235px;
        margin-left: 20px;
        max-width: 235px;
        font-size: 16px;
        line-height: 1.45
    }

    .grandmenu__col:first-child {
        margin-left: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 190px;
        flex: 0 0 190px;
        max-width: 190px;
        border: 0;
        margin-bottom: 0;
        padding-bottom: 0
    }
}

.grandmenu__types {
    margin-bottom: 18px
}

@media screen and (min-width: 1260px) {
    .grandmenu__types {
        margin-bottom: 20px
    }
}

.grandmenu__category {
    margin-bottom: 15px
}

@media screen and (min-width: 1260px) {
    .grandmenu__category {
        margin-bottom: 8px;
        padding-bottom: 10px;
        border-bottom: 1px solid rgba(0, 98, 94, .2)
    }
}

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

@media screen and (min-width: 1260px) {
    .grandmenu__category:last-child {
        margin-bottom: 0
    }
}

.grandmenu__category_parent .grandmenu__title {
    position: relative
}

.grandmenu__category_parent .grandmenu__title::after {
    content: '';
    display: block;
    width: 4px;
    height: 7px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 4px;
    flex: 0 0 4px;
    background: url(img/header/arrow.svg) no-repeat center/contain;
    position: absolute;
    right: 6px;
    top: calc(50% - 0px);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media screen and (min-width: 1260px) {
    .grandmenu__category_parent .grandmenu__title::after {
        display: none
    }
}

.grandmenu__children {
    display: none
}

@media screen and (min-width: 1260px) {
    .grandmenu__children {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.grandmenu__category_active-parent .grandmenu__children {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-animation: fade-in-down .25s ease-in-out both;
    animation: fade-in-down .25s ease-in-out both;
    margin-top: 5px
}

@media screen and (min-width: 1260px) {
    .grandmenu__category_type {
        margin-bottom: 8px;
        padding-bottom: 11px
    }
}

.grandmenu__category_type .grandmenu__item {
    font-size: 16px;
    line-height: 1.35;
    margin: 0
}

@media screen and (min-width: 1260px) {
    .grandmenu__category_type .grandmenu__item {
        font-size: 16px;
        line-height: 1.45;
        display: block
    }
}

.grandmenu__title {
    display: block;
    font-size: 16px;
    line-height: 1.35
}

@media screen and (min-width: 1260px) {
    .grandmenu__title {
        font-weight: 600;
        letter-spacing: -.01em;
        padding-right: 10px
    }
}

.grandmenu__title:hover {
    text-decoration: none
}

@media screen and (min-width: 1260px) {
    .grandmenu__title:hover {
        text-decoration: none;
        color: #2a384e
    }
}

.grandmenu__item {
    font-size: 16px;
    line-height: 1.45;
    margin-top: 10px
}

@media screen and (min-width: 1260px) {
    .grandmenu__item {
        margin-top: 10px
    }
}

.grandmenu__item:hover, .registration__input a:hover {
    text-decoration: none
}

@media screen and (min-width: 1260px) {
    .grandmenu__item:hover {
        text-decoration: none;
        color: #2a384e
    }
}

.grandmenu__sub {
    color: rgba(0, 98, 94, .5);
    display: inline
}

.grandmenu__sub::before {
    content: '⋅ '
}

@media screen and (min-width: 1260px) {
    .grandmenu__sub {
        display: block;
        font-size: 13px;
        line-height: 1.4
    }

    .grandmenu__sub::before {
        display: none
    }
}

.grandmenu__col_condensed .grandmenu__item {
    margin-top: 5px
}

.header__progress {
    position: absolute;
    height: 2px;
    width: 100%;
    top: 100%;
    left: 0;
    display: none;
    background: #f6fafc
}

@media screen and (min-width: 768px) {
    .header__progress {
        background: #eaf6f9;
        height: 4px
    }
}

@media screen and (min-width: 1260px) {
    .header__progress {
        height: 5px
    }
}

.header__progress_toc {
    top: calc(100% + 51px)
}

@media screen and (min-width: 768px) {
    .header__progress_toc {
        top: 100%
    }
}

.header__progress-done {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: #00625e
}

.header__link {
    font-size: 16px;
    line-height: 1.45;
    color: #00625e
}

.header__link:hover {
    color: #2a384e;
    text-decoration: none
}

@media screen and (min-width: 768px) {
    .header__link {
        font-size: 18px;
        line-height: 1.45
    }
}

.header__link_register {
    margin-left: 20px;
    display: none;
    position: absolute;
    right: 130px;
    top: -11px
}

@media screen and (min-width: 768px) {
    .header__link_register {
        top: 8px;
        right: 100px
    }
}

@media screen and (min-width: 1260px) {
    .header__link_register {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        right: 0;
        top: 0;
        margin-right: 0;
        display: block;
        position: relative
    }
}

.header__link_register-visible {
    display: block;
    z-index: 10;
    -webkit-animation: fade-in-down .25s ease-in-out both;
    animation: fade-in-down .25s ease-in-out both
}

@media screen and (min-width: 768px) {
    .header__link_register-visible {
        -webkit-animation: fade-in .25s ease-in-out both;
        animation: fade-in .25s ease-in-out both
    }
}

@media screen and (min-width: 1260px) {
    .header__link_register-visible {
        -webkit-animation: none;
        animation: none
    }

    .header_anonymous.header_fixed .header__logo {
        margin-right: 37px;
    }
}

.header__menu-bg + .header__menu-item_bottom {
    margin-top: auto
}

.header__menu-item_bottom {
    color: #00625e;
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 10px
}

@media screen and (min-width: 1260px) {
    .header__menu-item_bottom {
        display: none
    }
}

.header__profile {
    width: 55px;
    position: absolute;
    right: 70px;
    top: -20px
}

@media screen and (min-width: 768px) {
    .header__profile {
        position: relative;
        right: 0;
        top: 0
    }
}

@media screen and (min-width: 1260px) {
    .header__profile {
        width: 69px
    }
}

.header__trigger {
    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;
    width: 100%;
    cursor: pointer
}

.header__trigger span {
    display: block;
    position: relative;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 8px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40px;
    flex: 0 0 40px
}

@media screen and (min-width: 1260px) {
    .header__trigger span {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45px;
        flex: 0 0 45px;
        margin-right: 18px
    }
}

.header__trigger span::before {
    content: '';
    display: block;
    padding-top: 100%
}

.header__trigger::after {
    content: '';
    displaY: block;
    width: 7px;
    height: 6px;
    background: url(img/header/profile-arrow.svg) no-repeat center/contain
}

.hotline {
    background: #eaf6f9;
    position: relative;
    padding: 37px 0 41px
}

@media screen and (min-width: 360px) {
    .hotline {
        padding-bottom: 45px
    }
}

@media screen and (min-width: 768px) {
    .hotline {
        padding: 30px 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .hotline {
        padding: 40px 0
    }
}

.hotline__flex {
    position: relative;
    display: block
}

@media screen and (min-width: 768px) {
    .hotline__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 657px
    }
}

@media screen and (min-width: 1260px) {
    .hotline__flex {
        max-width: 935px;
        margin: 0 auto;
        left: -31px
    }
}

.hotline__title {
    margin-bottom: 20px
}

@media screen and (min-width: 360px) {
    .hotline__title {
        margin-bottom: 15px
    }
}

@media screen and (min-width: 768px) {
    .hotline__title {
        margin-bottom: 0;
        margin-top: 23px
    }
}

@media screen and (min-width: 1260px) {
    .hotline__title {
        margin-top: 36px
    }
}

.hotline__contacts {
    max-width: 200px
}

@media screen and (min-width: 768px) {
    .hotline__contacts {
        max-width: 100%;
        margin-top: 23px
    }
}

@media screen and (min-width: 1260px) {
    .hotline__contacts {
        margin-top: 36px
    }
}

.hotline__tel {
    margin-bottom: 7px;
    display: block;
    color: #00625e
}

@media screen and (min-width: 768px) {
    .hotline__tel {
        margin-bottom: 15px
    }
}

@media screen and (min-width: 1260px) {
    .hotline__tel {
        margin-bottom: 10px
    }
}

.hotline__tel:hover {
    text-decoration: none;
    color: #2a384e
}

.hotline__hint {
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 1260px) {
    .hotline__hint {
        font-size: 18px
    }
}

.hotline__animal {
    position: absolute;
    right: -10px;
    bottom: -1px;
    width: 92px;
    height: 121px;
    background: url(img/hotline/figure-mobile.svg) no-repeat center right/contain
}

@media screen and (min-width: 360px) {
    .hotline__animal {
        width: calc(100% - 190px);
        top: -37px;
        height: calc(100% + 80px);
        background-image: url(img/hotline/figure.svg)
    }
}

@media screen and (min-width: 768px) {
    .hotline__animal {
        position: relative;
        top: auto;
        width: 180px;
        height: 123px;
        right: 5px;
        margin-top: -6px
    }
}

@media screen and (min-width: 1260px) {
    .hotline__animal {
        width: 252px;
        height: 171px;
        right: 10px
    }
}

.info {
    display: block;
    padding: 40px 0;
    background: #fff
}

@media screen and (min-width: 1260px) {
    .info {
        padding-top: 70px;
        padding-bottom: 70px
    }

    .info__content {
        width: 872px
    }
}

@media screen and (min-width: 768px) {
    .info__row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .info__col:first-child {
        width: 310px
    }

    .info__col:last-child {
        width: 350px
    }
}

@media screen and (min-width: 1260px) {
    .info__col:first-child {
        width: 410px
    }

    .info__col:last-child {
        width: 410px
    }
}

.info__block {
    display: block;
    margin-bottom: 30px
}

@media screen and (min-width: 1260px) {
    .info__block {
        margin-bottom: 50px
    }
}

.info__title {
    display: block;
    margin-bottom: 10px;
    font-family: "Neucha", sans-serif;
    color: #00625e;
    font-weight: 400;
    font-size: 25px;
    line-height: 100%
}

@media screen and (min-width: 1260px) {
    .info__title {
        font-size: 30px;
        line-height: 100%
    }
}

.info__descr {
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: #2a384e
}

@media screen and (min-width: 1260px) {
    .info__descr {
        font-size: 18px;
        line-height: 145%;
        color: #2a384e
    }
}

.info__tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 10px 0;
    border-bottom: 1px solid rgba(1, 78, 114, .08)
}

.info__tr:first-child {
    padding-top: 5px
}

.info__tr:last-child {
    border: 0
}

.info__td {
    font-weight: 400;
    font-size: 16px;
    line-height: 145%;
    color: #2a384e
}

@media screen and (min-width: 1260px) {
    .info__td {
        font-size: 18px
    }
}

.info__name {
    text-align: left
}

.info__count {
    font-weight: 700;
    text-align: right
}

.info__steps {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .info__steps {
        margin-bottom: 40px
    }
}

.info__item, .info__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal
}

.info__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (min-width: 768px) {
    .info__list--three .info__item {
        width: 220px
    }
}

@media screen and (min-width: 1260px) {
    .info__list--three .info__item {
        width: 270px
    }

    .info__list--three .info__text {
        padding: 0 !important
    }
}

.info__item {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 50%
}

@media screen and (min-width: 768px) {
    .info__item {
        width: 160px
    }
}

@media screen and (min-width: 1260px) {
    .info__item {
        width: 196px
    }

    .info__item:first-child .info__text {
        padding: 0 20px
    }

    .info__item:last-child .info__text {
        padding: 0 20px
    }
}

.info__icon {
    display: block;
    width: 134px;
    margin-bottom: 6px
}

@media screen and (min-width: 768px) {
    .info__icon {
        width: 142px
    }
}

.info__text {
    display: block;
    text-align: center;
    font-weight: 400;
    font-size: 13px;
    line-height: 140%;
    color: #2a384e
}

@media screen and (min-width: 360px) {
    .info__text {
        font-size: 16px;
        line-height: 1.45
    }
}

.info__text b {
    font-family: "Neucha", sans-serif;
    color: #00625e;
    font-size: 20px;
    display: block
}

.info__ps, .info__text span {
    display: block;
    color: rgba(42, 56, 78, .6)
}

.info__text span {
    margin-top: 10px;
    font-size: .87em;
    line-height: 1.2em
}

.info__ps {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 120%;
    padding-left: 20px;
    position: relative
}

.info__ps::before {
    content: "*";
    position: absolute;
    top: 0;
    left: 0
}

@media screen and (min-width: 768px) {
    .info__ps {
        font-size: 13px;
        line-height: 140%;
        padding-left: 0
    }

    .info__ps::before {
        left: -20px
    }
}

.juice, .kasha {
    display: block
}

@media screen and (min-width: 360px) {
    .juice .useful__more::before {
        top: 12px
    }
}

.kasha .interestingShow:first-child::after {
    background-image: none
}

.kasha__title {
    font-size: 30px;
    line-height: 100%;
    font-family: "Neucha", sans-serif
}

@media screen and (min-width: 768px) {
    .kasha__title {
        font-size: 45px
    }
}

@media screen and (min-width: 1260px) {
    .kasha__title {
        font-size: 50px
    }
}

.kasha__title--blue {
    color: #00625e;
    text-align: left
}

.kasha__title--blue .kasha__title--blue-decor {
    color: #00625e;
    display: block
}

.kvLanding {
    position: relative;
    padding-top: 0;
    padding-bottom: 20px;
    text-align: center;
    background-color: #f6fafc
}

@media screen and (min-width: 400px) {
    .kvLanding {
        padding-top: 20px
    }
}

@media screen and (min-width: 768px) {
    .kvLanding {
        padding-top: 30px;
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .kvLanding {
        padding-bottom: 35px
    }
}

.kvLanding__content {
    position: relative
}

.kvLanding__bannerImage {
    height: 240px;
    margin: 0 -20px
}

@media screen and (min-width: 400px) {
    .kvLanding__bannerImage {
        margin: 0;
        -webkit-border-radius: 11px;
        border-radius: 11px;
        overflow: hidden
    }
}

@media screen and (min-width: 768px) {
    .kvLanding__bannerImage {
        height: 300px
    }
}

@media screen and (min-width: 1260px) {
    .kvLanding__bannerImage {
        height: 360px
    }
}

.kvLanding__bannerImage img {
    display: block;
    height: 100%;
    width: 728px;
    max-width: none;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 768px) {
    .kvLanding__bannerImage img {
        width: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }

    .kvLanding__bannerContent {
        position: absolute;
        top: 65px;
        left: 40px
    }
}

@media screen and (min-width: 1260px) {
    .kvLanding__bannerContent {
        left: 100px
    }
}

.kvLanding__title {
    font-size: 30px;
    line-height: 100%;
    margin-top: 25px;
    color: #00625e;
    text-align: center
}

@media screen and (min-width: 768px) {
    .kvLanding__title {
        width: 240px;
        margin-top: 0;
        font-size: 35px;
        line-height: 100%;
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .kvLanding__title {
        width: 350px;
        font-size: 50px;
        line-height: 100%
    }
}

.kvLanding__button {
    margin-top: 20px;
    background-color: transparent
}

@media screen and (min-width: 1260px) {
    .kvLanding__button {
        margin-top: 30px
    }
}

.kvLanding__note {
    font-size: 11px;
    line-height: 140%;
    color: rgba(42, 56, 78, .6);
    margin-top: 20px
}

@media screen and (min-width: 768px) {
    .kvLanding__note {
        color: rgba(255, 255, 255, .6);
        width: 375px
    }
}

@media screen and (min-width: 1260px) {
    .kvLanding__note {
        line-height: 145%
    }
}

.lKasha, .like {
    display: block
}

@media screen and (min-width: 768px) {
    .lKasha .kvLanding__bannerContent {
        top: 45px
    }
}

@media screen and (min-width: 1260px) {
    .lKasha .kvLanding__bannerContent {
        top: 35px
    }
}

@media screen and (min-width: 768px) {
    .lKasha .kvLanding__title {
        font-size: 30px;
        color: #fff
    }
}

@media screen and (min-width: 1260px) {
    .lKasha .kvLanding__title {
        font-size: 40px
    }
}

@media screen and (min-width: 768px) {
    .lKasha .btn.kvLanding__button {
        color: #00625e;
        background-image: url("data:image/svg+xml,%3Csvg width='144' height='45' viewBox='0 0 144 45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M102.61 0.477715C83.8098 0.731765 0.0331128 -1.80874 1.35243 2.76417C0.0331128 16.991 1.68226 22.072 1.0226 26.1368C0.692772 27.6611 0.0331128 36.0447 1.0226 37.315C1.0226 37.315 1.0226 41.6338 1.68226 42.9041C3.33141 47.2229 85.459 42.9041 109.866 44.6824C112.175 44.9365 139.881 45.4446 141.86 44.1743C145.158 41.8879 142.519 35.5366 142.849 31.4718C143.839 19.2774 144.169 17.7531 143.509 7.08302C143.509 5.55872 143.179 3.78037 142.19 2.76417C141.2 2.00202 138.891 1.23987 137.572 0.985815C130.316 0.223665 109.537 0.477715 102.61 0.477715Z' fill='white'/%3E%3C/svg%3E%0A")
    }

    .lKasha .btn.btn_arrow::after {
        background-image: url("data:image/svg+xml,%3Csvg width='13' height='9' viewBox='0 0 13 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.45049 0.787541C9.1576 0.494648 8.68273 0.494648 8.38983 0.787541C8.09694 1.08043 8.09694 1.55531 8.38983 1.8482L10.2915 3.74985L1.25 3.74985C0.835786 3.74985 0.5 4.08564 0.5 4.49985C0.5 4.91406 0.835786 5.24985 1.25 5.24985L10.2915 5.24985L8.38983 7.1515C8.09694 7.44439 8.09694 7.91927 8.38983 8.21216C8.68273 8.50505 9.1576 8.50505 9.45049 8.21216L12.6325 5.03018C12.9254 4.73729 12.9254 4.26241 12.6325 3.96952L9.45049 0.787541Z' fill='%2300625E'/%3E%3C/svg%3E%0A")
    }
}

.like {
    position: absolute;
    width: 20px;
    height: 15px;
    right: 12px;
    top: 15px;
    border: 0;
    background: url(img/like/empty-white.svg) no-repeat center;
    -webkit-transition: background-image .25s ease-in-out;
    -o-transition: background-image .25s ease-in-out;
    transition: background-image .25s ease-in-out;
    z-index: 10;
    cursor: pointer;
    padding: 0;
    -webkit-appearance: none
}

.like .message {
    top: 17px;
    right: -22px
}

.like_green {
    background-image: url(img/like/empty-green.svg)
}

.like_full {
    background-image: url(img/like/full-white.svg)
}

.like_full.like_green {
    background-image: url(img/like/full-green.svg)
}

.links {
    display: block;
    padding-top: 36px;
    padding-bottom: 40px;
    text-align: center;
    position: relative;
    background: #f6fafc
}

@media screen and (min-width: 360px) {
    .links {
        padding-top: 29px
    }
}

@media screen and (min-width: 768px) {
    .links {
        padding-top: 47px;
        padding-bottom: 50px;
        text-align: left
    }

    .links .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (min-width: 1260px) {
    .links {
        padding-top: 65px;
        padding-bottom: 70px
    }

    .links .container {
        padding-left: 132px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.links__link {
    padding-top: 10px;
    margin-bottom: 17px
}

.links__link:nth-last-child(2) {
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .links__link {
        margin-bottom: 0;
        padding-top: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 249px;
        flex: 0 0 249px
    }
}

@media screen and (min-width: 1260px) {
    .links__link {
        margin-right: 30px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 277px;
        flex: 0 0 277px
    }
}

.links__subtitle {
    font-size: 25px;
    line-height: 1;
    font-family: "Neucha", sans-serif;
    color: #00625e;
    display: block;
    margin-bottom: 13px
}

@media screen and (min-width: 768px) {
    .links__subtitle {
        font-size: 30px;
        margin-bottom: 15px
    }
}

@media screen and (min-width: 1260px) {
    .links__subtitle {
        font-size: 35px
    }
}

.links__button {
    -webkit-box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    box-shadow: 0 1px 2px rgba(1, 78, 114, .1)
}

@media screen and (min-width: 1260px) {
    .links__animal {
        display: block;
        width: 236px;
        height: 147px;
        position: absolute;
        right: 72px;
        bottom: -3px;
        background: url(img/links/animal.svg) no-repeat center/contain
    }
}

.message {
    position: absolute;
    right: -11px;
    top: calc(100% + 17px);
    width: 230px;
    height: auto;
    padding: 15px 20px;
    font-size: 13px;
    line-height: 1.4;
    text-align: left;
    color: #2a384e;
    background: #eaf6f9;
    -webkit-box-shadow: 0 36px 20px rgba(12, 79, 77, .1), 0 24px 12px rgba(12, 79, 77, .1), 0 10px 8px rgba(12, 79, 77, .1);
    box-shadow: 0 36px 20px rgba(12, 79, 77, .1), 0 24px 12px rgba(12, 79, 77, .1), 0 10px 8px rgba(12, 79, 77, .1);
    -webkit-border-radius: 7px;
    border-radius: 7px;
    display: none;
    cursor: default;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.message_active {
    display: block;
    -webkit-animation: fade-in-down .25s ease-in-out;
    animation: fade-in-down .25s ease-in-out
}

.message_hide {
    -webkit-animation: fade-out .25s ease-in-out;
    animation: fade-out .25s ease-in-out
}

.message__corner {
    display: block;
    position: absolute;
    background: url(img/message/triangle.svg) no-repeat center/contain;
    width: 32px;
    height: 10px;
    right: 17px;
    top: -10px
}

.news {
    background: #eaf6f9
}

.news__title {
    margin-bottom: 22px
}

@media screen and (min-width: 768px) {
    .news__title {
        margin-bottom: 27px
    }
}

@media screen and (min-width: 1260px) {
    .news__title {
        margin-bottom: 42px
    }
}

.news__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .news__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -27px
    }
}

@media screen and (min-width: 1260px) {
    .news__list {
        margin-bottom: -37px
    }
}

.news__item {
    margin-bottom: 33px;
    position: relative
}

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

@media screen and (min-width: 768px) {
    .news__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.3333% - 40px / 3);
        flex: 0 0 calc(33.3333% - 40px / 3);
        margin-right: 20px;
        margin-bottom: 30px
    }

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

@media screen and (min-width: 1260px) {
    .news__item {
        -ms-flex-preferred-size: calc(33.3333% - 20px);
        flex-basis: calc(33.3333% - 20px);
        margin-right: 30px;
        margin-bottom: 39px
    }

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

.news__image {
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    display: block;
    margin-bottom: 12px
}

@media screen and (min-width: 1260px) {
    .news__image {
        margin-bottom: 18px
    }
}

.news__image::before {
    content: '';
    display: block;
    padding-top: 63.2928571%
}

.news__image::after {
    content: '';
    display: block;
    width: 83px;
    height: 83px;
    right: -53px;
    top: -41px;
    background: rgba(42, 56, 78, .6);
    opacity: .6;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    position: absolute
}

@media screen and (min-width: 1260px) {
    .news__image::after {
        width: 100px;
        height: 100px;
        right: -50px;
        top: -50px
    }
}

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

.news__date {
    color: rgba(42, 56, 78, .6);
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 5px
}

@media screen and (min-width: 1260px) {
    .news__date {
        margin-bottom: 7px
    }
}

.news__name {
    display: block;
    font-size: 18px;
    line-height: 1.45;
    color: #00625e
}

@media screen and (min-width: 1260px) {
    .news__name {
        font-size: 25px;
        line-height: 1.2
    }
}

.news__name:hover {
    text-decoration: none;
    color: #2a384e
}

.newsArchive {
    background: #f6fafc;
    position: relative;
    padding: 40px 0
}

@media screen and (min-width: 768px) {
    .newsArchive {
        padding: 50px 0
    }
}

@media screen and (min-width: 1260px) {
    .newsArchive {
        padding: 70px 0
    }
}

.newsArchive__title {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .newsArchive__title {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .newsArchive__title {
        margin-bottom: 40px
    }
}

.newsArchive__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 -20px 10px
}

@media screen and (min-width: 360px) {
    .newsArchive__list {
        margin: 0 0 10px
    }
}

@media screen and (min-width: 768px) {
    .newsArchive__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: 0
    }
}

.newsArchive__item {
    margin-bottom: 10px;
    padding: 20px;
    background: url(img/newsArchive/bg.svg) no-repeat center/100% 100%;
    -webkit-transition: background .25s ease-in-out;
    -o-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out
}

@media screen and (min-width: 768px) {
    .newsArchive__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(50% - 10px);
        margin-right: 20px;
        margin-bottom: 20px;
        padding: 25px 30px;
        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: 186px
    }

    .newsArchive__item:nth-child(2n) {
        margin-right: 0
    }
}

@media screen and (min-width: 1260px) {
    .newsArchive__item {
        -ms-flex-preferred-size: calc(33.3333% - 20px);
        flex-basis: calc(33.3333% - 20px);
        margin: 0 30px 30px 0
    }

    .newsArchive__item:nth-child(2n) {
        margin: 0 30px 30px 0
    }

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

.newsArchive__item:hover {
    background-image: url(img/newsArchive/bg-hover.svg);
    text-decoration: none
}

.newsArchive__item:hover .newsArchive__button {
    background: #00625e;
    color: #fff
}

.newsArchive__item:hover .newsArchive__button::after, .question__show-answer:hover::after {
    background-image: url(img/svg/button-arrow.svg)
}

.newsArchive__name {
    font-size: 16px;
    line-height: 1.45;
    color: #00625e;
    display: block;
    margin-bottom: 10px
}

@media screen and (min-width: 360px) {
    .newsArchive__name {
        font-size: 18px;
        margin-bottom: 20px
    }
}

.newsArchive__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px) {
    .newsArchive__bottom {
        margin-top: auto
    }
}

.newsArchive__button {
    margin-right: 20px;
    -webkit-transition: background .25s ease-in-out, color .25s ease-in-out;
    -o-transition: background .25s ease-in-out, color .25s ease-in-out;
    transition: background .25s ease-in-out, color .25s ease-in-out
}

.newsArchive__date {
    font-size: 16px;
    line-height: 1.45;
    color: rgba(42, 56, 78, .6)
}

.novelties {
    position: relative;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 86px;
    background: #f6fafc
}

@media screen and (min-width: 768px) {
    .novelties {
        padding-top: 50px;
        padding-bottom: 96px
    }
}

@media screen and (min-width: 1260px) {
    .novelties {
        padding-top: 70px;
        padding-bottom: 72px
    }

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

    .novelties__header {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 276px;
        flex: 0 0 276px;
        margin-right: 30px;
        text-align: left;
        padding-top: 30px
    }
}

.novelties__title {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .novelties__title .from-tablet {
        display: inline
    }

    .novelties__title {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .novelties__title {
        margin-bottom: 30px
    }
}

.novelties__button {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

@media screen and (min-width: 1260px) {
    .novelties__button {
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

.novelties__products {
    padding: 0 20px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 -20px
}

@media screen and (min-width: 768px) {
    .novelties__products {
        padding-bottom: 20px;
        overflow: visible
    }
}

@media screen and (min-width: 1260px) {
    .novelties__products {
        padding: 0;
        margin: 0;
        scroll-padding: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.novelties__product {
    scroll-snap-align: start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 190px;
    flex: 0 0 190px
}

@media screen and (min-width: 768px) {
    .novelties__product {
        -ms-flex-preferred-size: 229px;
        flex-basis: 229px;
        margin-right: 20px
    }
}

@media screen and (min-width: 1260px) {
    .novelties__product {
        -ms-flex-preferred-size: 278px;
        flex-basis: 278px;
        margin-right: 30px
    }
}

.novelties__product:last-child {
    margin-right: 0
}

@media (max-width: 767px) {
    .novelties__product .product__image {
        height: 195px
    }
}

.novelties__animal {
    display: none
}

@media screen and (min-width: 1260px) {
    .novelties__animal {
        display: block;
        position: absolute;
        left: 42px;
        bottom: -76px;
        width: 234px;
        height: 203px;
        background: url(img/novelties/animal.svg) no-repeat center/contain
    }
}

.novelties__fly, .pauch .pauch_br {
    display: none
}

@media screen and (min-width: 1260px) {
    .novelties__fly {
        display: block;
        position: absolute;
        left: 272px;
        bottom: -20px;
        width: 28px;
        height: 29px;
        background: url(img/novelties/fly.svg) no-repeat center/contain
    }
}

.page404 {
    background: #eaf6f9;
    text-align: center
}

@media screen and (min-width: 768px) {
    .page404 {
        padding-bottom: 85px
    }
}

@media screen and (min-width: 1260px) {
    .page404 {
        padding-bottom: 100px
    }
}

.page404__image {
    margin: 30px -40px;
    max-width: calc(100% + 80px)
}

@media screen and (min-width: 360px) {
    .page404__image {
        margin: 30px -20px 40px;
        max-width: calc(100% + 40px)
    }
}

@media screen and (min-width: 450px) {
    .page404__image {
        margin: 30px 0 40px;
        max-width: 100%
    }
}

@media screen and (min-width: 768px) {
    .page404__image {
        margin: 15px auto 40px;
        width: 604px
    }
}

@media screen and (min-width: 1260px) {
    .page404__image {
        margin: 30px auto 40px;
        max-width: 790px
    }
}

.page404__title {
    font-size: 30px;
    line-height: 1;
    color: #00625e;
    font-family: "Neucha", sans-serif;
    margin-bottom: 20px
}

@media screen and (min-width: 360px) {
    .page404__title {
        max-width: 350px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width: 768px) {
    .page404__title {
        font-size: 35px;
        max-width: 400px
    }
}

@media screen and (min-width: 1260px) {
    .page404__title {
        font-size: 40px
    }
}

.pager {
    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
}

.pager__item {
    width: 10px;
    height: 10px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #00625e;
    margin: 0 3px;
    -webkit-transition: background .25s ease-in-out;
    -o-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out;
    cursor: pointer
}

@media screen and (min-width: 768px) {
    .pager__item {
        width: 15px;
        height: 15px;
        margin: 0 7px
    }
}

.pager__item_active {
    background: #00625e
}

@media screen and (min-width: 768px) {
    .pauch .pauch_br {
        display: block
    }
}

.popup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: rgba(0, 98, 94, .3)
}

.popup__content, .popup_visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.popup_visible {
    -webkit-animation: fade-in .25s ease-in-out;
    animation: fade-in .25s ease-in-out
}

.popup_visible .popup__content {
    -webkit-animation: fade-in-center .25s ease-in-out;
    animation: fade-in-center .25s ease-in-out
}

.popup__content {
    background: url(img/popup/popup.svg) no-repeat center/100% 100%;
    padding: 30px 20px;
    -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: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: center;
    max-width: calc(100% - 40px)
}

@media screen and (min-width: 360px) {
    .popup__content {
        padding: 30px 35px 40px
    }
}

@media screen and (min-width: 768px) {
    .popup__content {
        padding: 40px 40px 43px;
        width: 420px
    }
}

@media screen and (min-width: 1260px) {
    .popup__content {
        padding: 38px 67px 43px;
        width: 476px
    }
}

.popup__img {
    height: 104px;
    display: block;
    margin-bottom: 10px
}

@media screen and (min-width: 360px) {
    .popup__img {
        height: 111px;
        margin-bottom: 23px
    }
}

@media screen and (min-width: 768px) {
    .popup__img {
        height: 121px;
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .popup__img {
        height: 132px;
        margin-bottom: 30px
    }
}

.popup__title {
    margin-bottom: 10px;
    font-size: 25px;
    line-height: 1;
    font-family: "Neucha", sans-serif;
    color: #00625e
}

@media screen and (min-width: 360px) {
    .popup__title {
        font-size: 30px
    }
}

@media screen and (min-width: 768px) {
    .popup__title {
        font-size: 35px
    }
}

@media screen and (min-width: 1260px) {
    .popup__title {
        font-size: 40px
    }
}

.popup__text {
    font-size: 17px;
    line-height: 1.3;
    margin-bottom: 15px
}

@media screen and (min-width: 1260px) {
    .popup__text {
        font-size: 20px;
        line-height: 27px;
        margin-bottom: 20px
    }
}

.popup__br {
    display: none
}

@media screen and (min-width: 360px) {
    .popup__br {
        display: block
    }
}

.popup__buttons {
    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
}

.popup__buttons .btn {
    margin: 0 5px
}

.popup__cancel::after, .popup__close::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 10px;
    position: relative;
    top: 1px
}

.popup__close::after {
    background: url(img/popup/close.svg) no-repeat center/contain
}

.popup__cancel::after {
    background: url(img/popup/cancel.svg) no-repeat center/contain
}

@media screen and (min-width: 360px) {
    .popup_social .popup__title {
        font-size: 25px
    }
}

@media screen and (min-width: 768px) {
    .popup_social .popup__title {
        font-size: 30px
    }
}

.product {
    position: relative
}

.product .like {
    top: 10px;
    right: 8px
}

@media screen and (min-width: 1260px) {
    .product .like {
        top: 16px;
        right: 11px
    }
}

.product__info {
    display: block;
    text-align: center;
    color: #00625e
}

.product__info:hover, .production__link:hover {
    text-decoration: none;
    color: #2a384e
}

.product__image {
    background: #cee9ef;
    -webkit-transition: background .25s ease-in-out;
    -o-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out;
    position: relative;
    display: block;
    margin-bottom: 10px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width: 768px) {
    .product__image {
        margin-bottom: 15px;
        height: 236px
    }
}

@media screen and (min-width: 1260px) {
    .product__image {
        margin-bottom: 20px;
        height: 286px
    }
}

.product__image::after {
    content: '';
    display: block;
    position: absolute;
    right: 20px;
    bottom: 20px;
    opacity: 0;
    width: 28px;
    height: 12px;
    background: url(img/product/arrow.svg) no-repeat center/contain;
    -webkit-transition: right .25s ease-in-out, opacity .25s ease-in-out;
    -o-transition: right .25s ease-in-out, opacity .25s ease-in-out;
    transition: right .25s ease-in-out, opacity .25s ease-in-out
}

.product__image img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin-top: auto;
    display: block
}

@supports ((-webkit-filter:grayscale(1)) or (filter:grayscale(1))) or (-webkit-filter:grayscale(1)) {
    .product__image img {
        -webkit-filter: drop-shadow(0 20px 20px rgba(8, 99, 97, .3)) drop-shadow(0 30px 5px rgba(8, 99, 97, .05));
        filter: drop-shadow(0 20px 20px rgba(8, 99, 97, .3)) drop-shadow(0 30px 5px rgba(8, 99, 97, .05))
    }
}

@media (min-width: 480px) {
    @supports ((-webkit-filter:grayscale(1)) or (filter:grayscale(1))) or (-webkit-filter:grayscale(1)) {
        .product__image img {
            -webkit-filter: drop-shadow(0 30px 30px rgba(8, 99, 97, .3)) drop-shadow(0 40px 10px rgba(8, 99, 97, .05));
            filter: drop-shadow(0 30px 30px rgba(8, 99, 97, .3)) drop-shadow(0 40px 10px rgba(8, 99, 97, .05))
        }
    }
}

.product__title {
    display: block;
    font-size: 13px;
    line-height: 1.4
}

@media screen and (min-width: 768px) {
    .product__title {
        font-size: 16px;
        line-height: 1.35
    }
}

@media screen and (min-width: 1260px) {
    .product__title {
        font-size: 18px;
        line-height: 1.35
    }
}

@media (hover: hover) {
    .product__info:hover .product__image {
        background: #a4d3de
    }

    .product__info:hover .product__image::after {
        opacity: 1;
        right: 15px
    }
}

.product__discontinued {
    position: absolute;
    bottom: 10px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 7px 15px;
    background-color: #f1f9fa;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
    color: #2a384e;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    font-family: "Roboto Condensed", sans-serif;
    width: calc(100% - 20px)
}

@media screen and (min-width: 400px) {
    .product__discontinued {
        width: auto;
        white-space: nowrap
    }
}

@media screen and (min-width: 768px) {
    .product__discontinued {
        left: 10px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@media screen and (min-width: 1260px) {
    .product__discontinued {
        bottom: 15px;
        left: 15px;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none
    }
}

@supports ((-webkit-filter:grayscale(1)) or (filter:grayscale(1))) or (-webkit-filter:grayscale(1)) {
    .bx-ios .product__image img, .bx-mac .product__image img {
        -webkit-filter: drop-shadow(0 20px 20px rgba(8, 99, 97, .4)) !important;
        filter: drop-shadow(0 20px 20px rgba(8, 99, 97, .4)) !important
    }
}

@media (min-width: 480px) {
    @supports ((-webkit-filter:grayscale(1)) or (filter:grayscale(1))) or (-webkit-filter:grayscale(1)) {
        .bx-ios .product__image img, .bx-mac .product__image img {
            -webkit-filter: drop-shadow(0 30px 30px rgba(8, 99, 97, .4)) !important;
            filter: drop-shadow(0 30px 30px rgba(8, 99, 97, .4)) !important
        }
    }
}

.production {
    background: #cee9ef;
    padding-top: 36px;
    padding-bottom: 40px;
    position: relative;
    text-align: center
}

@media screen and (min-width: 768px) {
    .production {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

@media screen and (min-width: 1260px) {
    .production {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.production__title {
    margin-bottom: 26px
}

@media screen and (min-width: 768px) {
    .production__title {
        margin-bottom: 25px
    }
}

.production__types {
    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: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (min-width: 768px) {
    .production__types {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: 0 -10px 20px
    }
}

@media screen and (min-width: 1260px) {
    .production__types {
        margin: 0 -15px 36px
    }
}

.production__type {
    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;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    margin-bottom: 32px
}

@media screen and (min-width: 768px) {
    .production__type {
        margin: 0 10px
    }
}

@media screen and (min-width: 1260px) {
    .production__type {
        margin: 0 15px
    }
}

.production__type:nth-child(1) .production__vector {
    top: 120px;
    left: -50px;
    width: 91px
}

@media screen and (min-width: 360px) {
    .production__type:nth-child(1) .production__vector {
        left: -65px
    }
}

@media screen and (min-width: 768px) {
    .production__type:nth-child(1) .production__vector {
        left: -62px;
        top: 136px;
        width: 78px
    }
}

@media screen and (min-width: 1260px) {
    .production__type:nth-child(1) .production__vector {
        top: 221px;
        left: -16px;
        width: 96px
    }
}

.production__type:nth-child(1) .production__vector_additional {
    left: -13px;
    top: 56px
}

.production__type:nth-child(1) .production__image::after {
    content: url(img/production/shadow1-m.png)
}

@media screen and (min-width: 1260px) {
    .production__type:nth-child(1) .production__image::after {
        content: url(img/production/shadow1.png)
    }
}

.production__type:nth-child(2) .production__vector {
    display: none
}

@media screen and (min-width: 360px) {
    .production__type:nth-child(2) .production__vector {
        display: block;
        top: -12px;
        right: -54px;
        width: 189px
    }
}

@media screen and (min-width: 768px) {
    .production__type:nth-child(2) .production__vector {
        left: -117px;
        top: 11px;
        width: 142px
    }
}

@media screen and (min-width: 1260px) {
    .production__type:nth-child(2) .production__vector {
        top: 33px;
        left: -194px;
        width: 235px
    }
}

.production__type:nth-child(2) .production__vector_additional {
    top: 83px;
    left: -53px
}

.production__type:nth-child(2) .production__image::after {
    content: url(img/production/shadow2-m.png)
}

@media screen and (min-width: 1260px) {
    .production__type:nth-child(2) .production__image::after {
        content: url(img/production/shadow2.png)
    }
}

.pauch .production__type:nth-child(1) .production__vector, .production__type:nth-child(3) .production__vector {
    display: none
}

@media screen and (min-width: 360px) {
    .production__type:nth-child(3) .production__vector {
        display: block;
        top: -25px;
        left: -73px;
        width: 185px
    }
}

@media screen and (min-width: 768px) {
    .production__type:nth-child(3) .production__vector {
        top: 3px;
        left: -61px;
        width: 135px
    }
}

@media screen and (min-width: 1260px) {
    .production__type:nth-child(3) .production__vector {
        top: 24px;
        left: -88px;
        width: 224px
    }
}

.production__type:nth-child(3) .production__image::after {
    content: url(img/production/shadow3-m.png)
}

@media screen and (min-width: 1260px) {
    .production__type:nth-child(3) .production__image::after {
        content: url(img/production/shadow3.png)
    }
}

.production__vector {
    position: absolute
}

.production__vector_additional {
    display: none
}

@media screen and (min-width: 1260px) {
    .production__vector_additional {
        display: block;
        position: absolute
    }
}

.production__image {
    width: 230px;
    margin-bottom: 16px;
    position: relative;
    z-index: 1
}

.production__image::after {
    position: absolute;
    left: 0;
    top: -4px;
    z-index: 0;
    width: 230px
}

@media screen and (min-width: 768px) {
    .production__image {
        margin-bottom: 19px
    }
}

@media screen and (min-width: 1260px) {
    .production__image {
        width: 380px;
        margin-bottom: 26px
    }
}

.production__image img {
    display: block
}

.production__age {
    font-family: "Neucha", sans-serif;
    color: #00625e;
    font-size: 15px;
    line-height: 100%;
    margin-bottom: 10px
}

.production__age span {
    background: url(img/production/age-bg.svg);
    -webkit-background-size: 100% 30px;
    background-size: 100% 30px;
    background-repeat: no-repeat;
    padding: 2px 13px;
    margin-left: auto;
    margin-right: auto;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    z-index: 1
}

@media screen and (min-width: 1260px) {
    .production__age {
        font-size: 20px;
        margin-bottom: 15px
    }
}

.production__subtitle {
    font-size: 25px;
    font-family: "Neucha", sans-serif;
    display: block;
    margin-bottom: 11px
}

@media screen and (min-width: 1260px) {
    .production__subtitle {
        font-size: 35px;
        margin-bottom: 16px
    }
}

.production__description {
    max-width: 245px;
    text-align: center;
    color: rgba(42, 56, 78, .6);
    font-size: 13px;
    line-height: 1.4
}

.production__link {
    color: #00625e
}

.profile {
    display: block;
    background: #f6fafc
}

@media screen and (min-width: 1260px) {
    .profile__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.profile__header {
    margin-bottom: 20px;
    padding-left: 95px;
    position: relative
}

@media screen and (min-width: 360px) {
    .profile__header {
        padding-left: 100px;
        margin-bottom: 30px
    }
}

@media screen and (min-width: 768px) {
    .profile__header {
        padding-left: 120px
    }
}

@media screen and (min-width: 1260px) {
    .profile__header {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 262px;
        flex: 0 0 262px;
        padding: 0;
        margin-right: 30px
    }
}

.profile__avatar {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden
}

@media screen and (min-width: 768px) {
    .profile__avatar {
        width: 90px;
        height: 90px
    }
}

@media screen and (min-width: 1260px) {
    .profile__avatar {
        position: relative;
        width: 170px;
        height: 170px;
        margin-bottom: 30px
    }
}

.profile__avatar::before {
    content: '';
    display: block;
    padding-top: 100%
}

.profile__avatar img, .promotion__image img, .promotionsArchive__item-image img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.profile__name {
    font-size: 30px;
    line-height: 1;
    font-family: "Neucha", sans-serif;
    margin-bottom: 15px;
    color: #00625e;
    height: 30px
}

@media screen and (min-width: 768px) {
    .profile__name {
        font-size: 35px;
        margin-bottom: 20px;
        height: 35px
    }
}

@media screen and (min-width: 1260px) {
    .profile__name {
        font-size: 40px;
        height: unset
    }

    .profile__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 292px);
        flex: 0 0 calc(100% - 292px)
    }
}

.profile__child {
    background: #fff;
    margin-left: -20px;
    margin-right: -20px;
    padding: 25px 20px 20px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    margin-bottom: 20px
}

@media screen and (min-width: 360px) {
    .profile__child {
        margin: 0 0 20px
    }
}

@media screen and (min-width: 768px) {
    .profile__child {
        padding: 25px 30px 25px 309px;
        position: relative
    }
}

@media screen and (min-width: 1260px) {
    .profile__child {
        margin-bottom: 30px;
        padding: 30px 50px 35px 309px
    }
}

@media screen and (min-width: 360px) {
    .profile__child_empty {
        margin: 0
    }
}

@media screen and (min-width: 768px) {
    .profile__child_empty {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .profile__child_empty {
        margin-bottom: 30px;
        padding-bottom: 30px
    }
}

.profile__child_empty .profile__child-text {
    margin-bottom: 15px
}

.profile__child_empty .profile__border {
    display: none
}

@media screen and (min-width: 1260px) {
    .profile__child_empty .profile__border {
        display: block
    }

    .profile__child_empty .profile__border rect {
        rx: 7px
    }
}

.profile__child-age {
    background: url(img/profile/children-bg.svg) no-repeat center/100% 100%;
    padding: 25px 100px 25px 20px;
    position: relative;
    margin-bottom: 20px;
    font-size: 30px;
    line-height: 1;
    font-family: "Neucha", sans-serif;
    color: #00625e
}

@media screen and (min-width: 768px) {
    .profile__child-age {
        width: 249px;
        height: 137px;
        position: absolute;
        left: 30px;
        top: 25px
    }
}

.profile__child-age b {
    font-weight: 400
}

@media screen and (min-width: 768px) {
    .profile__child-age b {
        font-size: 60px;
        line-height: 95%;
        display: block
    }
}

.profile__child-age::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 20px;
    right: 10px;
    width: 92px;
    height: 92px;
    background: url(img/profile/children-empty.svg) no-repeat center/contain
}

@media screen and (min-width: 360px) {
    .profile__child-age::after {
        right: 20px
    }
}

@media screen and (min-width: 768px) {
    .profile__child-age::after {
        background-image: url(img/profile/children-full-d.svg);
        width: 141px;
        height: 129px;
        right: -2px;
        bottom: -26px
    }
}

.profile__child-age_empty {
    background: rgba(1, 78, 114, .08);
    height: 1px;
    padding: 0
}

@media screen and (min-width: 768px) {
    .profile__child-age_empty {
        height: 167px;
        background: 0 0
    }
}

.profile__child-age_empty::after {
    bottom: -7px;
    right: 0;
    width: 80px;
    height: 80px
}

@media screen and (min-width: 768px) {
    .profile__child-age_empty::after {
        width: 100%;
        height: 100%;
        background: url(img/profile/children-empty-t.svg) no-repeat center/contain
    }
}

.profile__child-name {
    font-size: 25px;
    line-height: 1;
    font-family: "Neucha", sans-serif;
    margin-bottom: 14px;
    color: #00625e;
    padding-right: 100px
}

@media screen and (min-width: 768px) {
    .profile__child-name {
        padding-right: 0;
        font-size: 30px;
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(1, 78, 114, .08);
        margin-bottom: 20px
    }
}

.profile__child-text {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 20px
}

.profile__buttons {
    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
}

@media screen and (min-width: 360px) {
    .profile__buttons {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .profile__child-btn {
        margin-right: 20px
    }
}

.profile__child-edit {
    font-size: 16px;
    color: rgba(42, 56, 78, .6);
    line-height: 1.45
}

.profile__child-edit:hover, .registration__input.checkbox a {
    color: #00625e;
    text-decoration: none
}

.profile__border {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    fill: none;
    z-index: 0;
    pointer-events: none
}

.profile__add-child {
    background: #f6fafc;
    margin: 20px 0;
    padding: 25px 20px;
    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;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (min-width: 768px) {
    .profile__add-child {
        margin-left: 20px;
        margin-right: 20px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 1260px) {
    .profile__add-child {
        padding: 25px 50px 20px;
        margin: 30px 0
    }
}

.profile__add-child-text {
    font-size: 13px;
    line-height: 1.4;
    color: rgba(42, 56, 78, .6);
    margin-bottom: 15px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .profile__add-child-text {
        text-align: left;
        max-width: 370px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1260px) {
    .profile__add-child-text {
        max-width: 510px;
        font-size: 16px;
        line-height: 1.45
    }
}

.profile__add-child-button::after {
    content: '';
    width: 10px;
    height: 10px;
    background: url(img/profile/plus.svg) no-repeat center/contain;
    margin-left: 10px;
    position: relative;
    top: 1px
}

@media screen and (min-width: 1260px) {
    .profile__add-child-button {
        position: relative;
        top: -5px
    }
}

.profile__pregnancy {
    background: #eaf6f9;
    margin: 0 -20px 40px;
    padding: 25px 20px 20px;
    -webkit-border-radius: 7px;
    border-radius: 7px
}

@media screen and (min-width: 360px) {
    .profile__pregnancy {
        margin: 0 0 40px
    }
}

@media screen and (min-width: 768px) {
    .profile__pregnancy {
        padding: 25px 30px 30px 309px;
        position: relative
    }
}

@media screen and (min-width: 1260px) {
    .profile__pregnancy {
        padding: 30px 50px 35px 309px;
        margin-bottom: 60px
    }

    .profile__pregnancy_empty {
        padding-bottom: 33px
    }
}

.profile__pregnancy_empty .profile__pregnancy-text {
    margin-bottom: 15px
}

.profile__pregnancy_empty .profile__border {
    display: none
}

@media screen and (min-width: 1260px) {
    .profile__pregnancy_empty .profile__border {
        display: block
    }

    .profile__pregnancy_empty .profile__border rect {
        rx: 7px
    }
}

.profile__pregnancy-title {
    font-size: 25px;
    line-height: 1;
    margin-bottom: 15px;
    font-family: "Neucha", sans-serif;
    color: #00625e;
    padding-right: 100px
}

@media screen and (min-width: 768px) {
    .profile__pregnancy-title {
        padding-bottom: 15px;
        border-bottom: 1px solid rgba(1, 78, 114, .08);
        font-size: 30px;
        padding-right: 0;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .profile__pregnancy-title {
        font-size: 35px
    }
}

.profile__pregnancy-term {
    background: url(img/profile/calendar-bg.svg) no-repeat center/100% 100%;
    padding: 21px 100px 15px 20px;
    position: relative;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .profile__pregnancy-term {
        position: absolute;
        left: 30px;
        top: 25px;
        width: 249px;
        height: 155px;
        padding: 24px 30px 15px;
        margin: 0
    }
}

.profile__pregnancy-term b {
    font-weight: 400
}

@media screen and (min-width: 768px) {
    .profile__pregnancy-term b {
        display: block;
        font-size: 60px;
        line-height: .95
    }
}

.profile__pregnancy-term::after {
    content: '';
    display: block;
    position: absolute;
    bottom: 11px;
    right: 0;
    width: 123px;
    height: 120px;
    background: url(img/profile/calendar-full-m.svg) no-repeat center/contain
}

@media screen and (min-width: 360px) {
    .profile__pregnancy-term::after {
        background-image: url(img/profile/calendar-full-i.svg);
        right: 30px
    }
}

@media screen and (min-width: 768px) {
    .profile__pregnancy-term::after {
        background-image: url(img/profile/calendar-full-t.svg);
        width: 129px;
        height: 114px;
        bottom: 21px;
        right: 20px
    }
}

@media screen and (min-width: 1260px) {
    .profile__pregnancy-term::after {
        width: 162px;
        height: 142px
    }
}

.profile__pregnancy-term_empty {
    background: rgba(1, 78, 114, .08);
    height: 1px;
    padding: 0
}

@media screen and (min-width: 768px) {
    .profile__pregnancy-term_empty {
        height: 169px;
        background: 0 0
    }
}

.profile__pregnancy-term_empty::after {
    bottom: 14px;
    right: 11px;
    width: 85px;
    height: 87px;
    background-image: url(img/profile/calendar-empty-m.svg)
}

@media screen and (min-width: 768px) {
    .profile__pregnancy-term_empty::after {
        width: 100%;
        height: 100%;
        bottom: 0;
        right: 0;
        background-image: url(img/profile/calendar-empty-t.svg)
    }
}

.profile__pregnancy-week {
    font-size: 30px;
    line-height: 1;
    font-family: "Neucha", sans-serif;
    color: #00625e;
    margin-bottom: 7px
}

.profile__pregnancy-trimester {
    font-size: 16px;
    color: rgba(42, 56, 78, .6);
    line-height: 1.45
}

.profile__pregnancy-text {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 20px
}

.profile__pregnancy-btn:not(:last-child) {
    white-space: nowrap;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 223px;
    flex: 0 1 223px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px
}

@media screen and (min-width: 360px) {
    .profile__pregnancy-btn:not(:last-child) {
        margin-right: 20px
    }
}

.profile__pregnancy-edit {
    font-size: 16px;
    line-height: 1.45;
    color: rgba(42, 56, 78, .6)
}

.profile__pregnancy-edit:hover, .searchResults__filter-item a:hover {
    text-decoration: none;
    color: #00625e
}

.profile__subtitle {
    font-size: 30px;
    line-height: 1;
    color: #00625e;
    font-family: "Neucha", sans-serif;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .profile__subtitle {
        font-size: 35px
    }
}

.profile__consultations {
    margin-bottom: 40px
}

@media screen and (min-width: 1260px) {
    .profile__consultations {
        margin-bottom: 70px
    }
}

.profile__consultations .question {
    margin-bottom: 15px
}

.profile__consultations-empty {
    margin: 0 -20px 40px;
    background: url(img/profile/empty-bg.svg) no-repeat center/100% 100%;
    padding: 25px 20px
}

@media screen and (min-width: 360px) {
    .profile__consultations-empty {
        margin: 0 0 40px
    }
}

@media screen and (min-width: 768px) {
    .profile__consultations-empty {
        padding: 25px 30px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width: 1260px) {
    .profile__consultations-empty {
        padding: 25px 40px;
        margin-bottom: 60px
    }
}

.profile__all-wrapper {
    text-align: center;
    margin: 20px -20px 0;
    position: relative
}

.profile__all-wrapper::before {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background: rgba(1, 78, 114, .08)
}

.profile__all {
    display: inline-block;
    padding: 0 30px;
    background: #f6fafc;
    color: #2a384e;
    position: relative;
    z-index: 2
}

.profile__btn {
    padding-left: 20px;
    padding-right: 20px
}

.profile__btn span {
    margin-left: 10px;
    opacity: .5
}

.profile__consultations-empty-text {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 768px) {
    .profile__consultations-empty-text {
        margin: 0;
        max-width: 400px
    }
}

@media screen and (min-width: 1260px) {
    .profile__consultations-empty-text {
        max-width: 100%;
        font-size: 18px
    }
}

@media screen and (min-width: 768px) {
    .profile__consultations-empty-text b {
        display: block
    }

    .profile__consultations-empty-buttons {
        margin-top: 10px
    }
}

@media screen and (min-width: 1260px) {
    .profile__consultations-empty-buttons {
        margin-top: 0
    }
}

.profile__consultations-btn::after {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    background: url(img/profile/plus-white.svg) no-repeat center/contain;
    margin-left: 10px
}

@media screen and (min-width: 768px) {
    .profile__favourite-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.profile__favourite-item {
    margin-bottom: 30px
}

.profile__favourite-item:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .profile__favourite-item {
        margin: 0 20px 0 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.3333% - 40px / 3);
        flex: 0 0 calc(33.3333% - 40px / 3)
    }
}

@media screen and (min-width: 1260px) {
    .profile__favourite-item {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.3333% - 55px / 3);
        flex: 0 0 calc(33.3333% - 55px / 3)
    }

    .profile__favourite-item .article__title {
        font-size: 18px;
        line-height: 1.45
    }
}

.profile__favourite-empty {
    margin: 0 -20px 40px;
    background: url(img/profile/empty-bg.svg) no-repeat center/100% 100%;
    padding: 25px 20px;
    position: relative
}

@media screen and (min-width: 360px) {
    .profile__favourite-empty {
        margin: 0 0 40px
    }
}

@media screen and (min-width: 768px) {
    .profile__favourite-empty {
        padding: 28px 250px 25px 30px
    }

    .profile__favourite-empty::before {
        content: '';
        display: block;
        width: 157px;
        height: 148px;
        position: absolute;
        right: 50px;
        bottom: 20px;
        background: url(img/profile/fav-image.svg) no-repeat center/contain
    }
}

@media screen and (min-width: 1260px) {
    .profile__favourite-empty {
        padding: 25px 344px 25px 40px
    }

    .profile__favourite-empty::after {
        right: 70px;
        bottom: 20px
    }
}

.profile__favourite-empty-text {
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 1260px) {
    .profile__favourite-empty-text {
        font-size: 18px
    }
}

.promo {
    display: block;
    background: #eaf6f9;
    padding: 40px 0 0
}

@media screen and (min-width: 768px) {
    .promo {
        padding-top: 50px
    }
}

@media screen and (min-width: 1260px) {
    .promo {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.promo__content {
    display: block
}

.promo__title {
    font-family: "Neucha", sans-serif;
    color: #00625e;
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: left
}

@media screen and (min-width: 768px) {
    .promo__title {
        margin-bottom: 25px;
        font-size: 35px
    }
}

@media screen and (min-width: 1260px) {
    .promo__title {
        margin-bottom: 40px;
        font-size: 50px
    }
}

.promo__wrapper {
    overflow: visible !important
}

@media screen and (min-width: 768px) {
    .promo__wrapper {
        overflow: hidden !important
    }
}

.promo__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media screen and (min-width: 1260px) {
    .promo__list {
        overflow: hidden
    }
}

.promo__item {
    width: 190px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px
}

@media screen and (min-width: 768px) {
    .promo__item {
        width: 167px;
        margin-right: 20px
    }
}

@media screen and (min-width: 1260px) {
    .promo__item {
        width: 278px;
        margin-right: 30px
    }
}

@media screen and (min-width: 768px) {
    .promo__item .product__image {
        height: 152px
    }
}

@media screen and (min-width: 1260px) {
    .promo__item .product__image {
        height: 286px
    }
}

.promotions {
    background: #eaf6f9
}

@media (max-width: 359px) {
    .promotions_empty {
        padding-bottom: 0
    }

    .promotions_empty + .promotionsArchive .wave {
        display: none
    }
}

.promotions__title {
    margin-bottom: 22px
}

@media screen and (min-width: 768px) {
    .promotions__title {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .promotions__title {
        margin-bottom: 40px
    }
}

.promotions__swiper-container {
    position: relative
}

@media screen and (min-width: 768px) {
    .promotions__swiper-container {
        margin-bottom: 20px
    }
}

.promotions__swiper .swiper-wrapper {
    display: block
}

@media screen and (min-width: 768px) {
    .promotions__swiper .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.promotions__next, .promotions__prev {
    display: none
}

@media screen and (min-width: 768px) {
    .promotions__next, .promotions__prev {
        display: block;
        position: absolute;
        left: -20px;
        top: 55px
    }
}

@media screen and (min-width: 860px) {
    .promotions__next, .promotions__prev {
        left: -60px
    }
}

@media screen and (min-width: 1260px) {
    .promotions__next, .promotions__prev {
        left: -25px;
        top: 105px
    }
}

@media screen and (min-width: 1320px) {
    .promotions__next, .promotions__prev {
        left: -60px
    }
}

.promotions__next {
    left: auto;
    right: -20px
}

@media screen and (min-width: 860px) {
    .promotions__next {
        right: -60px
    }
}

@media screen and (min-width: 1260px) {
    .promotions__next {
        right: -25px
    }
}

@media screen and (min-width: 1320px) {
    .promotions__next {
        right: -60px
    }
}

.promotion {
    margin-bottom: 30px
}

@media screen and (min-width: 450px) {
    .promotion {
        margin-bottom: 33px
    }
}

@media screen and (min-width: 768px) {
    .promotion {
        margin-bottom: 0;
        margin-right: 20px;
        width: calc(50% - 10px)
    }
}

@media screen and (min-width: 1260px) {
    .promotion {
        margin-right: 30px;
        width: calc(50% - 15px)
    }
}

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

.promotion__image {
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    position: relative;
    margin-bottom: 12px;
    display: block
}

@media screen and (min-width: 1260px) {
    .promotion__image {
        margin-bottom: 20px
    }
}

.promotion__image::before {
    content: '';
    display: block;
    padding-top: 41.175%
}

@media screen and (min-width: 450px) {
    .promotion__text {
        position: relative;
        padding-right: 160px
    }
}

.promotion__title {
    font-size: 18px;
    line-height: 1.45;
    color: #00625e;
    display: block;
    margin-bottom: 12px
}

.promotion__title:hover {
    color: #2a384e;
    text-decoration: none
}

@media screen and (min-width: 450px) {
    .promotion__title {
        margin-bottom: 7px
    }
}

@media screen and (min-width: 1260px) {
    .promotion__title {
        font-size: 25px;
        padding-right: 20px;
        margin-bottom: 10px;
        line-height: 1.2
    }
}

.promotion__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.promotion__date {
    color: rgba(42, 56, 78, .6);
    font-size: 13px;
    line-height: 1.4;
    margin-right: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

@media screen and (min-width: 450px) {
    .promotion__date {
        font-size: 16px;
        line-height: 1.45
    }
}

@media screen and (min-width: 768px) {
    .promotion__date {
        font-size: 13px;
        line-height: 1.4
    }
}

@media screen and (min-width: 1260px) {
    .promotion__date {
        font-size: 16px;
        line-height: 1.45
    }
}

@media screen and (min-width: 450px) {
    .promotion__button {
        position: absolute;
        right: 0;
        top: 3px
    }
}

.promotions__empty {
    margin: 0 -20px;
    background: url(img/promotions/empty-bg.svg) no-repeat center/100% 100%;
    padding: 20px;
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 360px) {
    .promotions__empty {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .promotions__empty::after {
        content: '';
        display: block;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 126px;
        flex: 0 0 126px;
        width: 126px;
        height: 72px;
        background: url(img/promotions/empty.svg) no-repeat center/contain;
        margin-top: -5px
    }
}

@media screen and (min-width: 450px) {
    .promotions__empty::after {
        margin-top: -26px
    }
}

@media screen and (min-width: 768px) {
    .promotions__empty {
        padding: 20px 160px 20px 30px;
        position: relative
    }

    .promotions__empty::after {
        position: absolute;
        top: -19px;
        right: 30px;
        margin: 0
    }
}

@media screen and (min-width: 1260px) {
    .promotions__empty {
        max-width: 721px;
        margin: 0 auto;
        font-size: 18px;
        line-height: 1.45
    }

    .promotions__empty::after {
        width: 134px;
        height: 76px;
        top: -20px
    }
}

.promotions__empty-text {
    padding-right: 3px
}

.promotionsArchive {
    position: relative;
    background: #f6fafc;
    padding: 40px 0
}

@media screen and (min-width: 768px) {
    .promotionsArchive {
        padding: 50px 0
    }
}

@media screen and (min-width: 1260px) {
    .promotionsArchive {
        padding: 70px 0
    }
}

.promotionsArchive__title, .qualityPopup__content img, .qualityPopup__content p {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .promotionsArchive__title {
        margin-bottom: 26px
    }
}

@media screen and (min-width: 1260px) {
    .promotionsArchive__title {
        margin-bottom: 40px
    }
}

.promotionsArchive__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .promotionsArchive__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -12px
    }
}

@media screen and (min-width: 1260px) {
    .promotionsArchive__list {
        margin-bottom: -11px
    }
}

.promotionsArchive__promotion {
    margin-bottom: 32px
}

@media screen and (min-width: 450px) {
    .promotionsArchive__promotion {
        margin-bottom: 42px
    }
}

.promotionsArchive__promotion:last-child, .qualityPopup__content img:last-child, .qualityPopup__content p:last-child, .question__answer-text p:last-child {
    margin-bottom: 0
}

@media screen and (min-width: 768px) {
    .promotionsArchive__promotion {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.3333% - 40px / 3);
        flex: 0 0 calc(33.3333% - 40px / 3);
        margin: 0 20px 32px 0
    }

    .promotionsArchive__promotion:nth-child(3n) {
        margin: 0 0 30px
    }
}

@media screen and (min-width: 1260px) {
    .promotionsArchive__promotion {
        margin-bottom: 42px
    }
}

.promotionsArchive__item-title:hover, .promotionsArchive__promotion:hover {
    text-decoration: none;
    color: #2a384e
}

.promotionsArchive__item-image {
    position: relative;
    display: block;
    margin-bottom: 13px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden
}

.promotionsArchive__item-image::before {
    content: '';
    display: block;
    padding-top: 41.07143%
}

@media screen and (min-width: 360px) {
    .promotionsArchive__item-image::before {
        padding-top: 48.28571%
    }
}

@media screen and (min-width: 450px) {
    .promotionsArchive__item-image::before {
        padding-top: 41.13636%
    }
}

.promotionsArchive__item-title {
    display: block;
    font-size: 18px;
    line-height: 1.45;
    color: #00625e
}

@media screen and (min-width: 1260px) {
    .promotionsArchive__item-title {
        font-size: 25px;
        line-height: 1.2
    }
}

.qualityNumbers {
    position: relative;
    background: #f6fafc;
    padding: 40px 0
}

@media screen and (min-width: 768px) {
    .qualityNumbers {
        padding: 50px 0
    }
}

@media screen and (min-width: 1260px) {
    .qualityNumbers {
        padding: 48px 0
    }
}

.qualityNumbers__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 10px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .qualityNumbers__flex {
        text-align: left;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        gap: 20px
    }
}

@media screen and (min-width: 1260px) {
    .qualityNumbers__flex {
        gap: 30px
    }
}

.qualityNumbers__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 5px);
    flex: 0 0 calc(50% - 5px)
}

@media screen and (min-width: 768px) {
    .qualityNumbers__item {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 33.33%;
        flex: 0 1 33.33%
    }
}

@media screen and (min-width: 1260px) {
    .qualityNumbers__item {
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.qualityNumbers__item_cow {
    background: url(img/qualityNumbers/cow.svg) no-repeat center bottom/contain
}

@media screen and (min-width: 360px) {
    .qualityNumbers__item_cow {
        margin-top: 3px;
        max-width: 157px;
        margin-left: 6px
    }
}

@media screen and (min-width: 768px) {
    .qualityNumbers__item_cow {
        display: none
    }
}

@media screen and (min-width: 1260px) {
    .qualityNumbers__item_cow {
        display: block;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 237px;
        flex: 0 0 237px;
        margin-right: 29px;
        max-width: 237px;
        margin-left: 12px;
        margin-top: 0;
        position: relative;
        top: -8px
    }
}

.qualityNumbers__title {
    font-family: "Neucha", sans-serif;
    color: #00625e;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 8px
}

@media screen and (min-width: 360px) {
    .qualityNumbers__title {
        margin-bottom: 10px
    }
}

@media screen and (min-width: 768px) {
    .qualityNumbers__title {
        font-size: 25px
    }
}

@media screen and (min-width: 1260px) {
    .qualityNumbers__title {
        margin-bottom: 12px
    }
}

.qualityNumbers__title b {
    display: block;
    margin-top: 2px;
    font-size: 30px;
    font-weight: 400
}

@media screen and (min-width: 360px) {
    .qualityNumbers__title b {
        font-size: 35px;
        margin-top: 0
    }
}

@media screen and (min-width: 768px) {
    .qualityNumbers__title b {
        margin-top: 5px
    }
}

@media screen and (min-width: 1260px) {
    .qualityNumbers__title b {
        font-size: 50px;
        margin-top: 8px
    }
}

.qualityNumbers__text {
    color: rgba(42, 56, 78, .6);
    font-size: 13px;
    line-height: 1.4
}

@media screen and (min-width: 768px) {
    .qualityNumbers__text {
        font-size: 16px;
        line-height: 1.45
    }
}

@media screen and (min-width: 1260px) {
    .qualityNumbers__text {
        font-size: 18px;
        max-width: 270px
    }
}

.qualityNumbers__sub {
    font-weight: 400;
    font-size: 11px;
    line-height: 145%;
    color: rgba(42, 56, 78, .6);
    text-align: center;
    display: block;
    margin-top: 20px
}

@media screen and (min-width: 768px) {
    .qualityNumbers__sub {
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .qualityNumbers__sub {
        max-width: 892px;
        margin-left: auto
    }
}

.qualityPopup {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    display: none;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    background: rgba(0, 98, 94, .3)
}

.qualityPopup_active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: fade-in .25s ease-in-out;
    animation: fade-in .25s ease-in-out
}

.qualityPopup_active .popup__content {
    -webkit-animation: fade-in-center .25s ease-in-out;
    animation: fade-in-center .25s ease-in-out
}

.qualityPopup__content {
    background: url(img/qualityPopup/popup.svg) no-repeat center/100% 100%;
    width: 280px;
    height: 383px;
    margin-top: 126px;
    max-height: calc(100vh - 136px);
    min-height: 100px;
    padding: 30px 20px;
    overflow: auto;
    scrollbar-color: transparent transparent
}

.qualityPopup__content::-webkit-scrollbar {
    width: 0
}

.qualityPopup__content::-webkit-scrollbar-track {
    -webkit-box-shadow: none
}

@media screen and (min-width: 360px) {
    .qualityPopup__content {
        width: 350px;
        height: 520px
    }
}

@media screen and (min-width: 768px) {
    .qualityPopup__content {
        width: 604px;
        height: 640px;
        max-height: calc(100vh - 80px);
        padding: 40px;
        margin-top: 74px;
        min-height: 120px
    }
}

@media screen and (min-width: 1260px) {
    .qualityPopup__content {
        padding: 50px 75px;
        width: 636px;
        height: 720px;
        max-height: calc(100vh - 40px);
        margin-top: 40px;
        min-height: 150px
    }
}

.qualityPopup__close-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 0
}

.qualityPopup__close-wrapper {
    display: block;
    max-width: 1260px;
    margin: 0 auto;
    position: relative
}

.qualityPopup__close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    background: url(img/qualityPopup/close.svg) no-repeat center/contain;
    border: 0;
    padding: 0;
    cursor: pointer
}

@media screen and (min-width: 1260px) {
    .qualityPopup__close {
        width: 45px;
        height: 45px;
        top: 15px
    }
}

.qualityPopup__content {
    font-size: 13px;
    line-height: 1.4
}

@media screen and (min-width: 360px) {
    .qualityPopup__content {
        font-size: 16px;
        line-height: 1.45
    }
}

.qualityPopup__title {
    font-family: "Neucha", sans-serif;
    color: #00625e;
    font-size: 25px;
    margin-bottom: 10px
}

@media screen and (min-width: 360px) {
    .qualityPopup__title {
        font-size: 30px
    }
}

@media screen and (min-width: 768px) {
    .qualityPopup__title {
        font-size: 35px;
        margin-bottom: 15px
    }
}

.qualityScheme {
    position: relative;
    background: #cee9ef;
    padding: 40px 0
}

@media screen and (min-width: 360px) {
    .qualityScheme {
        background: #cee9ef url(img/qualityScheme/line-m1.svg) no-repeat center 200px/352px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme {
        background: #cee9ef url(img/qualityScheme/line-m2.svg) no-repeat center 250px/440px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme {
        background: #cee9ef url(img/qualityScheme/line-t.svg) no-repeat center 150px/740px;
        padding: 50px 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme {
        background: #cee9ef url(img/qualityScheme/line-d.svg) no-repeat center 208px/1201px;
        padding: 70px 0;
        z-index: 70
    }

    .qualityScheme .wave:last-child {
        bottom: 0;
        top: auto
    }

    .qualityScheme .container {
        z-index: 52
    }
}

.qualityScheme__title {
    text-align: center;
    margin-bottom: 20px;
    height: 60px
}

@media screen and (min-width: 450px) {
    .qualityScheme__title {
        max-width: 440px;
        margin: 0 auto 20px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__title {
        text-align: left;
        max-width: 330px;
        margin: 0 0 71px;
        height: 70px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__title {
        max-width: 500px;
        margin-bottom: 17px;
        height: 95px
    }
}

@media screen and (min-width: 360px) {
    .qualityScheme__br {
        display: none
    }
}

.qualityScheme__scheme {
    position: relative;
    display: block
}

@media screen and (min-width: 360px) {
    .qualityScheme__scheme {
        max-width: 350px;
        margin: 0 auto;
        padding-bottom: 50px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__scheme {
        max-width: 380px;
        padding-bottom: 23px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__scheme {
        max-width: 100%;
        padding-bottom: 0
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__scheme {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-bottom: 16px
    }
}

.qualityScheme__step, .qualityScheme__step-img {
    display: block;
    position: relative;
    margin-bottom: 40px
}

.qualityScheme__step-img {
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    width: 280px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step-img {
        margin-left: 0;
        margin-right: 0
    }
}

.qualityScheme__step-img img {
    display: block
}

.qualityScheme__number {
    width: 59px;
    height: 47px;
    background: url(img/qualityScheme/leaf.svg) no-repeat center/contain;
    position: absolute;
    color: #fff;
    padding: 5px 0 5px 3px;
    font-size: 30px;
    line-height: 37px;
    text-align: center
}

.qualityScheme__step-content {
    width: 280px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 360px) {
    .qualityScheme__step-content {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step-content {
        width: 100%
    }
}

.qualityScheme__step-title {
    font-family: "Neucha", sans-serif;
    color: #00625e;
    line-height: 1;
    font-size: 25px;
    margin-bottom: 10px
}

@media screen and (min-width: 768px) {
    .qualityScheme__step-title {
        font-size: 30px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step-title {
        margin-bottom: 15px
    }
}

.qualityScheme__step-text {
    color: #2a384e;
    opacity: .8;
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 15px
}

.qualityScheme__step_01 {
    height: 433px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_01 {
        padding-left: 20px;
        margin-bottom: 60px;
        height: 411px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_01 {
        padding-left: 0;
        height: 387px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_01 {
        padding-left: 85px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 102px;
        height: 226px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_01 {
        padding-left: 0;
        margin-left: 112px;
        height: 226px;
        margin-top: 79px;
        margin-bottom: 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_01 .qualityScheme__step-content {
        width: 330px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_01 .qualityScheme__step-content {
        width: 100%
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_01 .qualityScheme__step-content {
        width: 297px
    }
}

.qualityScheme__step_01 .qualityScheme__step-img {
    padding-right: 25px;
    padding-left: 5px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_01 .qualityScheme__step-img {
        padding-left: 0;
        padding-right: 30px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_01 .qualityScheme__step-img {
        padding: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 268px;
        flex: 0 0 268px;
        margin-right: 21px;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_01 .qualityScheme__step-img {
        -ms-flex-preferred-size: 268px;
        flex-basis: 268px;
        margin-right: 30px
    }
}

.qualityScheme__step_01 .qualityScheme__number {
    left: -10px;
    top: -10px
}

.qualityScheme__step_02 {
    height: 354px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_02 {
        height: 363px;
        padding-left: 30px;
        margin-bottom: 78px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_02 {
        padding-left: 0;
        margin-bottom: 61px;
        height: 338px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_02 {
        padding-left: 126px;
        margin-bottom: 88px;
        height: 330px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_02 {
        padding-left: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 368px;
        flex: 0 0 368px;
        margin-bottom: 57px;
        height: 363px;
        margin-left: 103px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.qualityScheme__step_02 .qualityScheme__step-img {
    padding-right: 10px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_02 .qualityScheme__step-img {
        width: 287px;
        padding-right: 0
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_02 .qualityScheme__step-img {
        margin-bottom: 29px
    }
}

.qualityScheme__step_02 .qualityScheme__number {
    left: -10px;
    top: -10px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_02 .qualityScheme__step-content {
        width: 290px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_02 .qualityScheme__step-content {
        width: 100%
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_02 .qualityScheme__step-content {
        width: 440px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_02 .qualityScheme__step-content {
        width: 100%
    }

    .qualityScheme__step_02 .qualityScheme__step-title {
        width: 330px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_02 .qualityScheme__step-text {
        width: 275px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_02 .qualityScheme__step-text {
        width: 100%
    }
}

.qualityScheme__step_03 {
    height: 357px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_03 {
        padding-left: 20px;
        margin-bottom: 60px;
        height: 368px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_03 {
        padding-left: 0;
        height: 342px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_03 {
        padding-left: 47px;
        margin-bottom: 87px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        height: 200px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_03 {
        display: block;
        height: 389px;
        padding-left: 0;
        margin-left: 102px;
        margin-bottom: 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.qualityScheme__step_03 .qualityScheme__step-img {
    padding-right: 10px;
    width: 285px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_03 .qualityScheme__step-img {
        width: 290px;
        padding-right: 0
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_03 .qualityScheme__step-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 297px;
        flex: 0 0 297px;
        width: 297px;
        margin-right: 30px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_03 .qualityScheme__step-img {
        margin-bottom: 23px
    }
}

.qualityScheme__step_03 .qualityScheme__number {
    right: -10px;
    bottom: -10px
}

.qualityScheme__step_03 .qualityScheme__step-content {
    width: 290px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_03 .qualityScheme__step-content {
        width: 292px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_03 .qualityScheme__step-content {
        width: 100%
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_03 .qualityScheme__step-content {
        padding-top: 10px;
        width: 292px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_03 .qualityScheme__step-content {
        padding-top: 0;
        width: 338px
    }
}

.qualityScheme__step_04 {
    height: 226px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_04 {
        padding-left: 30px;
        margin-bottom: 62px;
        height: 204px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_04 {
        padding-left: 0;
        margin-bottom: 64px;
        height: 181px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_04 {
        padding-left: 125px;
        margin-bottom: 125px;
        height: 189px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_04 {
        width: 284px;
        padding-left: 0;
        margin-left: 175px;
        height: 196px;
        margin-bottom: 0;
        margin-top: 73px;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

.qualityScheme__step_04 .qualityScheme__number {
    top: 38px;
    right: 0
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_04 .qualityScheme__number {
        top: 21px;
        right: 29px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_04 .qualityScheme__number {
        top: 11px;
        right: 32px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_04 .qualityScheme__number {
        top: 1px;
        right: 162px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_04 .qualityScheme__number {
        right: -114px
    }
}

.qualityScheme__step_04 .qualityScheme__step-text {
    width: 198px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_04 .qualityScheme__step-text {
        width: 100%
    }

    .qualityScheme__step_04 .qualityScheme__step-content {
        width: 231px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_04 .qualityScheme__step-content {
        width: 290px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_04 .qualityScheme__step-content {
        width: 300px
    }
}

.qualityScheme__step_05 {
    height: 354px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_05 {
        height: 364px;
        padding-left: 20px;
        margin-bottom: 61px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_05 {
        padding-left: 0;
        margin-bottom: 62px;
        height: 340px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_05 {
        padding-left: 37px;
        margin-bottom: 95px;
        height: 191px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_05 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
        display: block;
        width: 369px;
        height: 378px;
        margin-left: 200px;
        padding-left: 0;
        margin-bottom: 6px
    }
}

.qualityScheme__step_05 .qualityScheme__step-img {
    padding-right: 10px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_05 .qualityScheme__step-img {
        width: 290px;
        padding-right: 0
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_05 .qualityScheme__step-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 307px;
        flex: 0 0 307px;
        width: 307px;
        margin-right: 30px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_05 .qualityScheme__step-img {
        margin-bottom: 28px
    }
}

.qualityScheme__step_05 .qualityScheme__number {
    left: -10px;
    top: -10px
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_05 .qualityScheme__step-title {
        width: 300px
    }
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_05 .qualityScheme__step-content {
        width: 290px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_05 .qualityScheme__step-content {
        width: 380px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_05 .qualityScheme__step-content {
        width: 330px;
        padding-top: 5px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_05 .qualityScheme__step-content {
        width: 100%;
        padding-top: 0
    }
}

.qualityScheme__step_06 {
    height: 223px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_06 {
        padding-left: 30px;
        margin-bottom: 61px;
        z-index: 5;
        height: 177px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_06 {
        padding-left: 0;
        margin-bottom: 60px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_06 {
        padding-left: 125px;
        margin-bottom: 85px;
        height: 182px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_06 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        margin-top: 102px;
        margin-left: 106px;
        padding-left: 0;
        height: 167px;
        width: 417px
    }
}

.qualityScheme__step_06 .qualityScheme__step-text {
    width: 190px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_06 .qualityScheme__step-text {
        width: 210px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_06 .qualityScheme__step-text {
        width: 100%
    }
}

.qualityScheme__step_06 .qualityScheme__number {
    right: 30px;
    top: 51px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_06 .qualityScheme__number {
        top: 0;
        right: -19px
    }
}

@media (min-width: 380px) {
    .qualityScheme__step_06 .qualityScheme__number {
        right: 1px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_06 .qualityScheme__number {
        right: 41px;
        top: 12px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_06 .qualityScheme__number {
        right: 201px;
        top: 2px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_06 .qualityScheme__number {
        right: 0
    }
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_06 .qualityScheme__step-content {
        width: 261px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_06 .qualityScheme__step-content {
        width: 296px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_06 .qualityScheme__step-content {
        width: 300px
    }
}

.qualityScheme__step_07 {
    height: 249px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_07 {
        height: 203px;
        padding-left: 30px;
        margin-bottom: 134px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_07 {
        padding-left: 0;
        margin-bottom: 78px;
        height: 178px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_07 {
        padding-left: 249px;
        margin-bottom: 81px;
        height: 189px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_07 {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7;
        margin-left: 308px;
        width: 294px;
        height: 213px;
        padding-left: 0;
        margin-bottom: 0;
        margin-right: 118px
    }
}

.qualityScheme__step_07 .qualityScheme__step-text {
    width: 210px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_07 .qualityScheme__step-text {
        width: 100%
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_07 .qualityScheme__step-text {
        width: 256px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_07 .qualityScheme__step-text {
        width: 354px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_07 .qualityScheme__step-text {
        width: 100%
    }
}

.qualityScheme__step_07 .qualityScheme__step-img {
    position: absolute;
    bottom: -18px;
    right: 34px;
    width: 94px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_07 .qualityScheme__step-img {
        width: 105px;
        right: 66px;
        bottom: -102px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_07 .qualityScheme__step-img {
        right: 30px;
        bottom: -60px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_07 .qualityScheme__step-img {
        width: 136px;
        height: 133px;
        left: 43px;
        bottom: -75px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_07 .qualityScheme__step-img {
        width: 155px;
        height: 151px;
        left: -238px;
        bottom: -73px
    }
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_07 .qualityScheme__step-content {
        width: 300px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_07 .qualityScheme__step-content {
        width: 310px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_07 .qualityScheme__step-content {
        width: 100%
    }
}

.qualityScheme__step_07 .qualityScheme__number {
    right: -24px;
    top: -87px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_07 .qualityScheme__number {
        opacity: 0
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_07 .qualityScheme__number {
        opacity: 1;
        right: 10px;
        top: -73px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_07 .qualityScheme__number {
        right: -4px;
        top: -88px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_07 .qualityScheme__number {
        right: 28px;
        top: -96px
    }
}

.qualityScheme__step_08 {
    margin-bottom: 0;
    height: 384px
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_08 {
        margin-left: 30px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_08 {
        margin-left: 0
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_08 {
        padding-left: 249px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_08 {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8;
        width: 419px;
        height: 370px;
        padding-left: 0;
        margin-top: 86px
    }
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_08 .qualityScheme__step-img {
        width: 290px;
        margin-bottom: 18px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_08 .qualityScheme__step-img {
        width: 307px;
        margin-bottom: 30px
    }
}

.qualityScheme__step_08 .qualityScheme__number {
    left: 0;
    bottom: -10px;
    opacity: 0
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_08 .qualityScheme__number {
        opacity: 1
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_08 .qualityScheme__number {
        left: -10px
    }
}

@media screen and (min-width: 360px) {
    .qualityScheme__step_08 .qualityScheme__step-content {
        width: 320px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__step_08 .qualityScheme__step-content {
        width: 380px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__step_08 .qualityScheme__step-content {
        width: 437px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__step_08 .qualityScheme__step-text {
        width: 340px
    }
}

.qualityScheme__figures {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.qualityScheme__fig {
    position: absolute
}

@media screen and (min-width: 450px) {
    .qualityScheme__fig_01 {
        top: 20px;
        right: -2px;
        width: 116px;
        height: 113px;
        background: url(img/qualityScheme/fig1.png) no-repeat center/contain
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__fig_01 {
        width: 145px;
        height: 141px;
        right: 188px;
        top: -181px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__fig_01 {
        width: 177px;
        height: 172px;
        left: 485px;
        top: -139px
    }
}

@media screen and (min-width: 360px) {
    .qualityScheme__fig_02 {
        top: 775px;
        left: 207px;
        width: 100px;
        height: 116px;
        background: url(img/qualityScheme/fig2.svg) no-repeat center/contain
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__fig_02 {
        top: 703px;
        left: 262px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__fig_02 {
        width: 120px;
        height: 139px;
        left: 500px;
        top: 572px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__fig_02 {
        left: 609px;
        top: 315px
    }
}

@media screen and (min-width: 360px) {
    .qualityScheme__fig_03 {
        top: 840px;
        left: 100px;
        width: 86px;
        height: 49px;
        background: url(img/qualityScheme/fig3.svg) no-repeat center/contain
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__fig_03 {
        top: 776px;
        left: 145px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__fig_03 {
        top: 666px;
        left: 401px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__fig_03 {
        top: 410px;
        left: 737px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__fig_04 {
        background: url(img/qualityScheme/fig4.svg) no-repeat center/contain;
        top: 372px;
        right: 80px;
        width: 108px;
        height: 98px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__fig_04 {
        top: 590px;
        left: 436px
    }
}

.qualityScheme__fig_05 {
    background: url(img/qualityScheme/fig5.svg) no-repeat center/contain;
    width: 183px;
    height: 187px;
    top: 1323px;
    right: -60px
}

@media screen and (min-width: 360px) {
    .qualityScheme__fig_05 {
        top: 1408px;
        right: -52px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__fig_05 {
        top: 1296px;
        right: -49px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__fig_05 {
        width: 252px;
        height: 204px;
        top: 1060px;
        right: 104px;
        background-image: url(img/qualityScheme/fig5-t.svg)
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__fig_05 {
        top: 534px;
        right: 108px
    }
}

.qualityScheme__fig_06 {
    background: url(img/qualityScheme/fig6.svg) no-repeat center/contain;
    width: 98px;
    height: 117px;
    top: 2032px;
    right: 0
}

@media screen and (min-width: 360px) {
    .qualityScheme__fig_06 {
        width: 113px;
        height: 134px;
        top: 2108px;
        right: 5px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__fig_06 {
        width: 123px;
        height: 146px;
        top: 1961px;
        right: 22px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__fig_06 {
        width: 154px;
        height: 183px;
        right: 128px;
        top: 1680px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__fig_06 {
        left: 431px;
        top: 960px
    }
}

.qualityScheme__fig_07 {
    background: url(img/qualityScheme/fig7.svg) no-repeat center/contain;
    width: 72px;
    height: 115px;
    top: 2320px;
    right: -2px
}

@media screen and (min-width: 360px) {
    .qualityScheme__fig_07 {
        width: 79px;
        height: 127px;
        top: 2425px;
        right: 26px
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__fig_07 {
        top: 2223px;
        right: -9px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__fig_07 {
        width: 103px;
        height: 167px;
        top: 1977px;
        left: 128px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__fig_07 {
        width: 118px;
        height: 189px;
        top: 1270px;
        left: 170px
    }

    .qualityScheme__fig_08 {
        width: 105px;
        height: 85px;
        top: 1367px;
        left: 468px;
        background: url(img/qualityScheme/fig8.svg) no-repeat center/contain
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__fig_09 {
        background: url(img/qualityScheme/fig9.svg) no-repeat center/contain;
        top: 1526px;
        right: 51px;
        width: 137px;
        height: 81px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__fig_09 {
        right: 146px;
        top: 1163px
    }
}

@media screen and (min-width: 360px) {
    .qualityScheme__fig_10 {
        background: url(img/qualityScheme/fig10.svg) no-repeat center/contain;
        width: 108px;
        height: 116px;
        right: 16px;
        bottom: 0
    }
}

@media screen and (min-width: 450px) {
    .qualityScheme__fig_10 {
        right: 27px
    }
}

@media screen and (min-width: 768px) {
    .qualityScheme__fig_10 {
        width: 150px;
        height: 160px;
        left: 38px;
        bottom: 36px
    }
}

@media screen and (min-width: 1260px) {
    .qualityScheme__fig_10 {
        left: auto;
        right: 129px;
        bottom: -70px
    }
}

.qualityStart {
    text-align: center
}

@media screen and (min-width: 768px) {
    .qualityStart {
        text-align: left
    }

    .qualityStart__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

@media screen and (min-width: 1260px) {
    .qualityStart__flex {
        padding: 0 102px
    }
}

.qualityStart__image {
    max-width: 340px;
    margin: 0 auto 15px;
    position: relative;
    padding-top: 2px
}

@media screen and (min-width: 768px) {
    .qualityStart__image {
        margin: -22px 0 0;
        width: 300px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        max-width: 100%
    }
}

@media screen and (min-width: 1260px) {
    .qualityStart__image {
        width: 394px;
        -ms-flex-preferred-size: 394px;
        flex-basis: 394px;
        margin-top: -20px
    }
}

.qualityStart__image img {
    margin: 0 20px;
    width: calc(100% - 40px);
    display: block
}

@media screen and (min-width: 768px) {
    .qualityStart__image img {
        margin: 0;
        width: 100%
    }
}

.qualityStart__image::after {
    content: '';
    display: block;
    width: 67px;
    height: 69px;
    background: url(img/qualityStart/stamp.svg) no-repeat center/contain;
    position: absolute;
    right: 4px;
    bottom: 2px
}

@media screen and (min-width: 360px) {
    .qualityStart__image::after {
        width: 84px;
        height: 86px;
        right: 0;
        bottom: 3px
    }
}

@media screen and (min-width: 768px) {
    .qualityStart__image::after {
        width: 109px;
        height: 113px;
        right: -70px;
        bottom: 13px
    }
}

@media screen and (min-width: 1260px) {
    .qualityStart__image::after {
        width: 142px;
        height: 147px;
        right: -82px;
        bottom: 7px
    }
}

@media screen and (min-width: 768px) {
    .qualityStart__content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 303px;
        flex: 0 0 303px
    }
}

@media screen and (min-width: 1260px) {
    .qualityStart__content {
        -ms-flex-preferred-size: 463px;
        flex-basis: 463px;
        padding-top: 10px
    }
}

.qualityStart__title {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .qualityStart__title {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .qualityStart__title {
        margin-bottom: 30px;
        line-height: 1
    }
}

.question {
    margin: 0 -20px 10px;
    background: #fff;
    padding: 22px 20px 20px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden
}

@media screen and (min-width: 360px) {
    .question {
        margin: 0 0 10px
    }
}

@media screen and (min-width: 768px) {
    .question {
        padding: 22px 30px 20px;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .question {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        padding: 22px 40px 25px;
        margin-bottom: 30px
    }
}

.question__text {
    font-size: 16px;
    line-height: 1.45;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(1, 78, 114, .08);
    margin-bottom: 20px
}

@media screen and (min-width: 1260px) {
    .question__text {
        font-size: 18px;
        line-height: 1.45;
        padding-bottom: 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        width: 100%;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
}

.question__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 20px
}

@media screen and (min-width: 1260px) {
    .question__info {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-left: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        height: 35px;
        margin-bottom: 0
    }
}

.question__info-avatar {
    width: 32px;
    height: 32px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 32px;
    flex: 0 0 32px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 15px
}

@media screen and (min-width: 1260px) {
    .question__info-avatar {
        width: 20px;
        height: 20px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20px;
        flex: 0 0 20px;
        margin-right: 10px
    }
}

.question__expert-avatar img, .question__info-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.question__info-content {
    font-size: 13px;
    line-height: 1.4;
    color: rgba(42, 56, 78, .6);
    position: relative;
    top: -3px
}

@media screen and (min-width: 1260px) {
    .question__info-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 16px;
        line-height: 1.45;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        top: 0
    }

    .question__author {
        margin-right: 14px;
        margin-bottom: 0
    }
}

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

.question__date {
    margin-right: 18px;
    position: relative
}

.question__date::after {
    content: '.';
    position: absolute;
    right: -9px;
    bottom: 0
}

@media screen and (min-width: 768px) {
    .question__date {
        margin-right: 18px
    }
}

.question__category {
    color: #00625e
}

.question__category:hover, .searchResults__filter-buttons a:hover {
    text-decoration: none;
    color: #2a384e
}

.question__answer {
    margin: 0 -20px;
    background: #eaf6f9;
    padding: 24px 20px 18px;
    display: none
}

@media screen and (min-width: 768px) {
    .question__answer {
        padding: 25px 30px;
        margin: 0 -30px
    }
}

@media screen and (min-width: 1260px) {
    .question__answer {
        margin: 25px 0 40px;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        padding: 30px 40px 35px;
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
        position: relative
    }
}

.question__expert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 10px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (min-width: 1260px) {
    .question__expert {
        margin-bottom: 30px
    }
}

.question__expert-avatar {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    width: 50px;
    height: 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50px;
    flex: 0 0 50px;
    margin-left: auto;
    overflow: hidden;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

@media screen and (min-width: 360px) {
    .question__expert-avatar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-left: 0;
        margin-right: 20px
    }
}

@media screen and (min-width: 1260px) {
    .question__expert-avatar {
        width: 70px;
        height: 70px;
        -ms-flex-preferred-size: 70px;
        flex-basis: 70px;
        margin-right: 35px
    }
}

.question__expert-info {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.question__expert-name {
    font-size: 20px;
    line-height: 1;
    font-family: "Neucha", sans-serif;
    color: #00625e;
    margin-bottom: 5px
}

@media screen and (min-width: 1260px) {
    .question__expert-name {
        font-size: 25px
    }
}

.question__expert-position {
    font-size: 13px;
    line-height: 1.4;
    color: rgba(42, 56, 78, .6)
}

@media screen and (min-width: 1260px) {
    .question__expert-position {
        font-size: 16px;
        line-height: 1.45
    }
}

.question__answer-text {
    font-size: 16px;
    line-height: 1.45;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(1, 78, 114, .08);
    margin-bottom: 20px
}

.question__answer-text p {
    margin-bottom: 1em
}

@media screen and (min-width: 1260px) {
    .question__answer-text {
        font-size: 18px;
        line-height: 1.45;
        border: 0;
        padding-bottom: 0;
        margin-bottom: 0
    }
}

.question__show-answer {
    -webkit-transition: background .25s ease-in-out, color .25s ease-in-out;
    -o-transition: background .25s ease-in-out, color .25s ease-in-out;
    transition: background .25s ease-in-out, color .25s ease-in-out
}

.question__show-answer::after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.question__show-answer:hover {
    background-color: #00625e;
    color: #fff
}

.question__show-answer_no-hover {
    pointer-events: none
}

.question__hide-answer {
    background: #cee9ef;
    color: #00625e;
    display: none
}

@media screen and (min-width: 1260px) {
    .question__hide-answer {
        position: absolute;
        top: -60px;
        left: 0;
        background: #f6fafc
    }

    .question__hide-answer::after {
        content: '';
        display: block;
        width: 13px;
        height: 9px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 13px;
        flex: 0 0 13px;
        margin-left: 9px;
        background: url(img/svg/button-arrow-green.svg) no-repeat center/contain;
        position: relative;
        top: 1px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}

.question_active {
    padding-bottom: 0;
    -webkit-box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    box-shadow: 0 1px 2px rgba(1, 78, 114, .1)
}

.question_active .question__show-answer {
    display: none
}

.question_active .question__answer {
    display: block;
    -webkit-animation: fade-in-down .25s ease-in-out;
    animation: fade-in-down .25s ease-in-out
}

.question_active .question__hide-answer {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-animation: fade-in .25s ease-in-out;
    animation: fade-in .25s ease-in-out
}

.registration {
    background: #f6fafc
}

@media screen and (min-width: 450px) {
    .registration + .gallery .wave {
        display: none
    }
}

.registration__flex {
    background: #fff;
    margin: 0 -20px;
    position: relative;
    padding: 40px 20px
}

@media screen and (min-width: 360px) {
    .registration__flex {
        margin: 0;
        -webkit-border-radius: 7px;
        border-radius: 7px;
        padding: 30px 20px
    }

    .registration__flex .wave {
        display: none
    }

    .registration__flex::before {
        content: '';
        width: 147px;
        height: 146px;
        background: url(img/registration/figure-m.svg) no-repeat center/contain;
        position: absolute;
        right: 30px;
        top: 70px;
        display: none
    }
}

@media screen and (min-width: 768px) {
    .registration__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 40px
    }

    .registration__flex::before {
        display: none
    }
}

@media screen and (min-width: 1260px) {
    .registration__flex {
        padding: 60px 102px
    }

    .registration__flex::before {
        display: block;
        background-image: url(img/registration/figure-d.svg);
        width: 247px;
        height: 245px;
        left: 440px;
        top: auto;
        bottom: 55px
    }
}

.registration__text {
    text-align: left;
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .registration__text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 251px;
        flex: 0 0 251px;
        margin-right: 82px
    }
}

@media screen and (min-width: 1260px) {
    .registration__text {
        -ms-flex-preferred-size: 345px;
        flex-basis: 345px;
        max-width: 345px;
        margin-right: 272px;
        margin-bottom: 0
    }
}

.registration__title {
    margin-bottom: 15px
}

@media screen and (min-width: 360px) {
    .registration__title {
        padding: 0
    }
}

@media screen and (min-width: 450px) {
    .registration__title {
        max-width: 240px
    }
}

@media screen and (min-width: 1260px) {
    .registration__title {
        margin-bottom: 17px
    }
}

.registration__content {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 18px;
    color: #2a384e
}

@media screen and (min-width: 1260px) {
    .registration__content {
        font-size: 18px;
        line-height: 1.45;
        margin-bottom: 24px;
        max-width: 290px
    }
}

.registration__form .socAuth__social-title {
    font-size: 13px;
    line-height: 1.4
}

@media screen and (min-width: 768px) {
    .registration__form {
        padding-top: 11px
    }
}

@media screen and (min-width: 1260px) {
    .registration__form {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 380px;
        flex: 0 0 380px
    }
}

.registration__input {
    margin-bottom: 15px;
    color: rgba(42, 56, 78, .6);
    font-size: 13px;
    line-height: 1.4;
    display: block
}

@media screen and (min-width: 1260px) {
    .registration__input {
        margin-bottom: 20px
    }
}

.registration__input a {
    color: #00625e;
    text-decoration: underline
}

.registration__input.checkbox {
    margin-top: -5px
}

@media screen and (min-width: 360px) {
    .registration__input.checkbox {
        margin-top: -2px
    }
}

@media screen and (min-width: 768px) {
    .registration__input.checkbox {
        margin-top: -7px
    }
}

@media screen and (min-width: 1260px) {
    .registration__input.checkbox {
        margin-top: -11px
    }
}

.registration__submit-line {
    margin-top: 16px;
    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
}

@media screen and (min-width: 360px) {
    .registration__submit-line {
        margin-top: 22px
    }
}

.registration__login {
    font-size: 13px;
    color: #2a384e;
    line-height: 1.4;
    margin-right: 20px
}

@media screen and (min-width: 1260px) {
    .registration__login {
        font-size: 16px;
        line-height: 1.45
    }
}

.registration__login a {
    color: #00625e;
    display: block;
    text-decoration: none
}

.responsibility {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #eaf6f9;
    text-align: center;
    z-index: 1
}

@media screen and (min-width: 768px) {
    .responsibility {
        text-align: left;
        padding-top: 50px;
        padding-bottom: 50px
    }

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

@media screen and (min-width: 1260px) {
    .responsibility {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

.responsibility__image {
    width: 226px;
    height: 128px;
    margin-bottom: 16px;
    position: relative;
    display: inline-block
}

@media screen and (min-width: 400px) {
    .responsibility__image {
        width: 296px;
        height: 167px;
        margin-bottom: 18px
    }
}

@media screen and (min-width: 768px) {
    .responsibility__image {
        width: 352px;
        height: 199px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 352px;
        flex: 0 0 352px;
        margin-right: 84px
    }
}

@media screen and (min-width: 1260px) {
    .responsibility__image {
        width: 464px;
        height: 283px;
        -ms-flex-preferred-size: 464px;
        flex-basis: 464px;
        margin-right: 151px;
        margin-left: 100px;
        margin-bottom: 0
    }
}

.responsibility__bitmap {
    width: 100%;
    height: 100%;
    background: url(img/responsibility/image-m.png) no-repeat center/contain
}

@media screen and (min-width: 400px) {
    .responsibility__bitmap {
        background-image: url(img/responsibility/image-m2.png)
    }
}

@media screen and (min-width: 768px) {
    .responsibility__bitmap {
        background-image: url(img/responsibility/image-t.png)
    }
}

@media screen and (min-width: 1260px) {
    .responsibility__bitmap {
        background-image: url(img/responsibility/image-d.png)
    }
}

.responsibility__vector {
    width: 284px;
    height: 149px;
    background: url(img/responsibility/vector-m.svg) no-repeat center/contain;
    position: absolute;
    left: -30px;
    top: 0
}

@media screen and (min-width: 400px) {
    .responsibility__vector {
        width: 370px;
        height: 194px;
        left: -38px;
        background-image: url(img/responsibility/vector-m2.svg)
    }
}

@media screen and (min-width: 768px) {
    .responsibility__vector {
        width: 441px;
        height: 233px;
        left: -44px;
        background-image: url(img/responsibility/vector-t.svg)
    }
}

@media screen and (min-width: 1260px) {
    .responsibility__vector {
        width: 545px;
        height: 289px;
        left: 5px;
        background-image: url(img/responsibility/vector-d.svg)
    }
}

@media screen and (min-width: 768px) {
    .responsibility__text {
        margin-top: -2px
    }
}

.responsibility__title {
    margin-bottom: 15px
}

@media screen and (min-width: 1260px) {
    .responsibility__title {
        margin-bottom: 20px
    }
}

.responsibility__description {
    font-size: 16px;
    line-height: 1.45;
    color: #2a384e;
    margin-bottom: 17px
}

@media screen and (min-width: 768px) {
    .responsibility__description {
        margin-bottom: 23px
    }
}

@media screen and (min-width: 1260px) {
    .responsibility__description {
        max-width: 380px;
        margin-bottom: 32px;
        font-size: 18px
    }
}

@media screen and (min-width: 768px) {
    .responsibility__button {
        min-height: 50px
    }
}

.responsibility__cloud {
    display: none
}

@media screen and (min-width: 1260px) {
    .responsibility__cloud {
        display: block;
        position: absolute;
        width: 106px;
        height: 35px;
        background: url(img/responsibility/cloud.svg) no-repeat center/contain;
        top: 2px;
        left: 948px
    }
}

.retail {
    position: relative;
    padding: 40px 0;
    background-color: #f6fafc
}

@media screen and (min-width: 768px) {
    .retail {
        padding: 50px 0
    }
}

@media screen and (min-width: 1260px) {
    .retail {
        padding: 70px 0
    }
}

.retail__title {
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 100%;
    text-align: center
}

@media screen and (min-width: 768px) {
    .retail__title {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .retail__title {
        margin-bottom: 40px;
        font-size: 50px;
        line-height: 100%
    }
}

@media screen and (min-width: 768px) {
    .retail__list {
        width: 768px;
        margin: 0 auto;
        padding: 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .retail__list {
        width: 1260px;
        padding: 0 30px
    }
}

.retail__list .swiper-wrapper {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

@media screen and (min-width: 768px) {
    .retail__list.swiper {
        overflow: visible
    }

    .retail__list .swiper-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        row-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        flex-direction: row;
    }
}

@media screen and (min-width: 1260px) {
    .retail__list .swiper-wrapper {
        row-gap: 28px;
        -webkit-column-gap: 28px;
        -moz-column-gap: 28px;
        column-gap: 28px
    }
}

.retail__listItem {
    display: block;
    width: 240px;
    margin: 0 auto;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (min-width: 450px) {
    .retail__listItem {
        width: 305px
    }
}

@media screen and (min-width: 768px) {
    .retail__listItem {
        width: 229px;
        margin: 0
    }
}

@media screen and (min-width: 1260px) {
    .retail__listItem {
        width: 278px
    }
}

@media screen and (min-width: 768px) {
    .retail__listItem:active, .retail__listItem:focus, .retail__listItem:hover {
        -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .15);
        box-shadow: 0 5px 30px rgba(0, 0, 0, .15)
    }
}

.retail__listItem img {
    display: block
}

.searchResults {
    display: block;
    background: #f6fafc
}

.searchResults__title {
    margin-bottom: 22px
}

@media screen and (min-width: 768px) {
    .searchResults__title {
        margin-bottom: 5px
    }
}

@media screen and (min-width: 1260px) {
    .searchResults__title {
        margin-bottom: 7px
    }
}

.searchResults__filter {
    display: none
}

@media screen and (min-width: 768px) {
    .searchResults__filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        border-bottom: 1px solid rgba(1, 78, 114, .08);
        margin-bottom: 30px
    }
}

@media screen and (min-width: 1260px) {
    .searchResults__filter {
        margin-bottom: 40px
    }
}

.searchResults__categories {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 20px 14px
}

@media screen and (min-width: 768px) {
    .searchResults__categories {
        padding: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.searchResults__filter-item {
    border-bottom: 1px solid rgba(0, 98, 94, .2);
    font-family: "Neucha", sans-serif;
    width: calc(100% - 22px);
    position: relative;
    font-size: 20px;
    line-height: 1;
    margin-bottom: 6px
}

@media screen and (min-width: 768px) {
    .searchResults__filter-item {
        font-size: 17px;
        line-height: 1.2;
        color: #2a384e;
        padding: 0;
        margin-right: 20px;
        position: relative;
        border-bottom: none;
        width: auto;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1260px) {
    .searchResults__filter-item {
        font-size: 20px;
        line-height: 25px;
        margin-right: 30px
    }
}

.searchResults__filter-item span {
    color: rgba(42, 56, 78, .6);
    -webkit-transition: color .25s ease-in-out;
    -o-transition: color .25s ease-in-out;
    transition: color .25s ease-in-out
}

.searchResults__filter-item:last-child {
    border-bottom: none;
    margin-right: 0
}

.searchResults__filter-item::after {
    content: '';
    position: absolute;
    right: -22px;
    top: 16px;
    width: 16px;
    height: 16px;
    background: url(img/searchResults/filter-arrow.svg) no-repeat center/contain
}

@media screen and (min-width: 768px) {
    .searchResults__filter-item::after {
        opacity: 0;
        position: absolute;
        left: 0;
        top: auto;
        bottom: -1px;
        width: 100%;
        height: 1px;
        background: #00625e;
        -webkit-transition: height .25s ease-in-out, opacity .25s ease-in-out;
        -o-transition: height .25s ease-in-out, opacity .25s ease-in-out;
        transition: height .25s ease-in-out, opacity .25s ease-in-out
    }
}

.searchResults__filter-item a {
    display: block;
    padding: 11px 0
}

@media screen and (min-width: 768px) {
    .searchResults__filter-item a {
        padding: 11px 0 17px
    }
}

.searchResults__filter-item a:hover span {
    color: rgba(0, 98, 94, .5)
}

.searchResults__empty-text a, .searchResults__filter-item_active, .searchResults__filter-item_active span, .tvorog .kvLanding__bannerContent .kvLanding__note {
    color: #00625e
}

@media screen and (min-width: 768px) {
    .searchResults__filter-item_active::after {
        opacity: 1;
        height: 3px
    }
}

.searchResults__list {
    display: block;
    margin-bottom: -7px
}

@media screen and (min-width: 768px) {
    .searchResults__list {
        margin: 0 -10px -10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.searchResults__result {
    margin-bottom: 31px;
    -webkit-box-ordinal-group: 131;
    -ms-flex-order: 130;
    order: 130
}

@media screen and (min-width: 768px) {
    .searchResults__result {
        margin: 0 10px 30px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(33.3333% - 20px);
        flex: 0 0 calc(33.3333% - 20px)
    }
}

@media screen and (min-width: 1260px) {
    .searchResults__result {
        -ms-flex-preferred-size: calc(33.3333% - 30px);
        flex-basis: calc(33.3333% - 30px);
        margin: 0 15px 45px
    }
}

.searchResults__result .article__image::before {
    padding-top: 63.29286%
}

.searchResults__empty {
    display: block;
    text-align: center
}

.searchResults__empty-image {
    margin: 0 -35px 20px;
    max-width: calc(100% + 70px)
}

@media screen and (min-width: 360px) {
    .searchResults__empty-image {
        max-width: calc(100% + 90px);
        margin: 30px -45px
    }
}

@media screen and (min-width: 450px) {
    .searchResults__empty-image {
        max-width: 100%;
        margin: 30px 0
    }
}

@media screen and (min-width: 768px) {
    .searchResults__empty-image {
        margin: 0 auto 30px;
        width: 570px
    }
}

@media screen and (min-width: 1260px) {
    .searchResults__empty-image {
        width: 657px;
        margin-bottom: 40px
    }
}

.searchResults__empty-title {
    font-size: 30px;
    line-height: 1;
    color: #00625e;
    font-family: "Neucha", sans-serif;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .searchResults__empty-title {
        font-size: 35px
    }
}

@media screen and (min-width: 1260px) {
    .searchResults__empty-title {
        font-size: 40px
    }
}

.searchResults__empty-text {
    font-size: 16px;
    line-height: 1.45;
    margin-bottom: 30px
}

@media screen and (min-width: 768px) {
    .searchResults__empty-text {
        margin-bottom: 0
    }
}

@media screen and (min-width: 1260px) {
    .searchResults__empty-text {
        margin-bottom: 30px;
        font-size: 18px;
        line-height: 1.45
    }
}

.searchResults__footer {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding: 12px 0 13px;
    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;
    background: rgba(255, 255, 255, .75);
    -webkit-box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    z-index: 200
}

@media screen and (min-width: 768px) {
    .searchResults__footer {
        display: none
    }
}

.searchResults__filter-button::after, .share__done::after {
    content: '';
    display: block;
    margin-left: 10px;
    position: relative;
    top: 1px
}

.searchResults__filter-button::after {
    background: url(img/searchResults/filter.svg) no-repeat center/contain;
    width: 14px;
    height: 12px
}

.searchResults__filter-mobile {
    display: block;
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    height: calc(100% - 80px);
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity .25s ease-in-out, z-index .25s ease-in-out, -webkit-transform .25s ease-in-out;
    -o-transition: opacity .25s ease-in-out, z-index .25s ease-in-out, transform .25s ease-in-out;
    transition: opacity .25s ease-in-out, z-index .25s ease-in-out, transform .25s ease-in-out;
    transition: opacity .25s ease-in-out, z-index .25s ease-in-out, transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
    background: #eaf6f9;
    overflow: auto;
    padding-bottom: 60px
}

@media screen and (min-width: 768px) {
    .searchResults__filter-mobile {
        display: none
    }
}

.searchResults__filter-mobile-active {
    opacity: 1;
    z-index: 10000;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    pointer-events: auto
}

.searchResults__filter-buttons {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: rgba(255, 255, 255, .75);
    -webkit-box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    box-shadow: 0 -3px 13px rgba(1, 78, 114, .2);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    z-index: 20000;
    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: 12px 20px 13px;
    color: #00625e;
    font-size: 16px;
    line-height: 1.45
}

.searchResults__filter-buttons .btn {
    margin-right: 40px
}

.sellers {
    display: block;
    background: #eaf6f9;
    padding: 40px 0
}

@media screen and (min-width: 768px) {
    .sellers {
        padding-top: 50px;
        padding-bottom: 30px
    }
}

@media screen and (min-width: 1260px) {
    .sellers {
        padding-top: 70px;
        padding-bottom: 40px
    }
}

.sellers__content {
    display: block
}

.sellers__title {
    font-family: "Neucha", sans-serif;
    color: #00625e;
    font-size: 30px;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: left
}

@media screen and (min-width: 768px) {
    .sellers__title {
        margin-bottom: 25px;
        font-size: 35px
    }
}

@media screen and (min-width: 1260px) {
    .sellers__title {
        margin-bottom: 40px;
        font-size: 50px
    }
}

.sellers__wrapper {
    overflow: visible !important
}

@media screen and (min-width: 768px) {
    .sellers__wrapper {
        overflow: hidden !important
    }
}

.sellers__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px) {
    .sellers__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 760px
    }
}

@media screen and (min-width: 1260px) {
    .sellers__list {
        width: 1022px
    }
}

.sellers__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
    width: 240px;
    background-color: #fff;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden
}

@media screen and (min-width: 400px) {
    .sellers__item {
        width: 305px
    }
}

@media screen and (min-width: 768px) {
    .sellers__item {
        width: 230px;
        margin-right: 20px;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .sellers__item {
        width: 278px;
        margin-right: 30px;
        margin-bottom: 30px
    }

    .sellers__item:hover {
        -webkit-box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
        box-shadow: 0 1px 2px rgba(1, 78, 114, .1)
    }
}

.sellers__image {
    display: block;
    width: 100%;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden
}

.share {
    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;
    border-top: 1px solid rgba(1, 78, 114, .08);
    padding-top: 20px
}

@media screen and (min-width: 1260px) {
    .share {
        padding-top: 30px
    }
}

.share__soc {
    display: block;
    width: 35px;
    height: 35px;
    margin-right: 10px
}

.share__soc_vk {
    background: url(img/share/soc-vk.svg) no-repeat center/contain
}

.share__soc_ok {
    background: url(img/share/soc-ok.svg) no-repeat center/contain
}

.share__copy {
    margin-left: 21px
}

@media screen and (min-width: 360px) {
    .share__copy {
        margin-left: 0
    }
}

.share__done::after {
    width: 13px;
    height: 13px;
    background: url(img/share/done.svg) no-repeat center/contain
}

.snack {
    display: block
}

@media screen and (min-width: 360px) {
    .snack .useful__more::before {
        top: 12px
    }
}

.socAuth__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 10px
}

.socAuth__social-title {
    font-size: 13px;
    line-height: 1.4;
    margin-right: 20px;
    max-width: 210px;
    position: relative;
    top: -4px
}

@media screen and (min-width: 360px) {
    .socAuth__social-title {
        font-size: 16px;
        line-height: 1.45
    }
}

.socAuth__social-buttons, .socAuth__social-buttons a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.socAuth__social-buttons a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 36px;
    flex: 0 0 36px;
    width: 36px;
    height: 35px;
    -webkit-transition: background .25s ease-in-out;
    -o-transition: background .25s ease-in-out;
    transition: background .25s ease-in-out
}

.socAuth__vk {
    margin-right: 10px;
    background: #07f
}

.socAuth__vk:hover {
    background: #1a85ff
}

.socAuth__vk:active {
    background: #006be6
}

.socAuth__vk::before {
    content: '';
    display: block;
    width: 18px;
    height: 12px;
    background: url(img/socAuth/soc-vk.svg) no-repeat center/contain
}

.socAuth__ok {
    background: #ed812b
}

.socAuth__ok:hover {
    background: #ef8f43
}

.socAuth__ok:active {
    background: #eb7314
}

.socAuth__ok::before {
    content: '';
    display: block;
    width: 11px;
    height: 18px;
    background: url(img/socAuth/soc-ok.svg) no-repeat center/contain
}

.socAuth__or {
    text-align: center;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .socAuth__or {
        margin-bottom: 15px
    }
}

@media screen and (min-width: 1260px) {
    .socAuth__or {
        margin-bottom: 20px
    }
}

.socAuth__or::before, .summary__info::before {
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    top: 9px;
    background: rgba(1, 78, 114, .08)
}

.socAuth__or span, .summary__info span {
    padding: 0 30px;
    font-size: 13px;
    line-height: 1.4;
    position: relative
}

.socAuth__or span {
    display: inline-block;
    background: #fff
}

.summary__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    position: relative;
    margin-bottom: 15px
}

@media screen and (min-width: 768px) {
    .summary__info {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .summary__info {
        margin-bottom: 30px
    }
}

.summary__info::before {
    top: 50%
}

.summary__info span {
    background: #f6fafc;
    color: #2a384e
}

.summary__info span span {
    padding: 0
}

.summary__center {
    text-align: center
}

.summary__more {
    pointer-events: none
}

.summary__more::after {
    content: '';
    display: block;
    width: 9px;
    height: 14px;
    margin-left: 10px;
    background: url(img/summary/arrow.svg) no-repeat center/contain
}

.toc {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 51px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #eaf6f9
}

@media screen and (min-width: 768px) {
    .toc {
        top: 0;
        left: 0;
        height: auto;
        display: block;
        padding: 0;
        background: 0 0;
        position: relative;
        width: auto
    }
}

.toc__links {
    display: none;
    background: #fff;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: auto;
    -webkit-box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    padding: 8px 20px;
    z-index: 100;
    overflow: auto;
    max-height: calc(100vh - 131px)
}

@media screen and (min-width: 768px) {
    .toc__links {
        display: block;
        position: relative;
        top: 0;
        background: 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        max-height: 10000em
    }
}

.toc_active .toc__links {
    display: block;
    -webkit-animation: fade-in-down .25s ease-in-out;
    animation: fade-in-down .25s ease-in-out
}

@media screen and (min-width: 768px) {
    .toc_active .toc__links {
        -webkit-animation: none;
        animation: none
    }
}

.toc_active .toc__title::after {
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.toc_fixed {
    position: fixed;
    top: 80px;
    z-index: 301;
    -webkit-box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
    box-shadow: 0 1px 2px rgba(1, 78, 114, .1)
}

@media screen and (min-width: 768px) {
    .toc_fixed {
        -webkit-animation: none;
        animation: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        z-index: 0;
        position: relative;
        top: auto
    }
}

@media screen and (min-width: 1260px) {
    .toc_fixed {
        top: auto
    }
}

.toc_bottom {
    position: absolute;
    bottom: 0;
    top: auto;
    left: 0
}

.toc__title {
    font-size: 20px;
    line-height: 1;
    font-family: "Neucha", sans-serif;
    color: #00625e;
    padding-right: 21px;
    position: relative
}

@media screen and (min-width: 768px) {
    .toc__title {
        padding-right: 0;
        cursor: default;
        font-size: 25px;
        margin-bottom: 3px;
        position: relative;
        top: -2px;
        display: block
    }
}

@media screen and (min-width: 1260px) {
    .toc__title {
        font-size: 35px;
        margin-bottom: 10px
    }
}

.toc__item a:hover, .toc__title:hover {
    text-decoration: none
}

.toc__title::after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background: url(img/toc/arrow.svg) no-repeat right center/16px;
    position: absolute;
    right: 0;
    top: calc(50% - 8px);
    -webkit-transition: -webkit-transform .25s ease-in-out;
    -o-transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out;
    transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out
}

@media screen and (min-width: 768px) {
    .toc__title::after {
        display: none
    }
}

.toc__time {
    color: rgba(42, 56, 78, .6);
    font-size: 13px;
    line-height: 1.4
}

@media screen and (min-width: 768px) {
    .toc__time {
        margin-top: 4px
    }
}

@media screen and (min-width: 1260px) {
    .toc__time {
        font-size: 16px;
        line-height: 1.45;
        margin-top: 9px
    }
}

.toc__item {
    padding: 7px 0 8px;
    border-bottom: 1px solid rgba(1, 78, 114, .08);
    color: #00625e;
    font-size: 16px;
    line-height: 1.45
}

@media screen and (min-width: 768px) {
    .toc__item {
        font-size: 13px;
        line-height: 1.4;
        padding: 5px 0 7px
    }
}

@media screen and (min-width: 1260px) {
    .toc__item {
        font-size: 16px;
        line-height: 1.45;
        padding: 6px 0 8px
    }
}

.toc__item:last-child {
    border-bottom: none
}

@media (hover: hover) {
    .toc__item a:hover {
        color: #2a384e
    }
}

.toc__h2 + .toc__h3, .toc__h2 + .toc__h4 {
    margin-top: -2px;
    background: #fff
}

@media screen and (min-width: 768px) {
    .toc__h2 + .toc__h3, .toc__h2 + .toc__h4 {
        background: #f6fafc
    }
}

.toc__h3 + .toc__h2, .toc__h4 + .toc__h2 {
    border-top: 1px solid rgba(1, 78, 114, .08);
    margin-top: 2px
}

.toc__h3 {
    border: 0;
    padding: 0 0 8px 20px
}

.toc__h4 {
    padding: 0 0 8px 40px
}

.toc__item_active {
    color: #2a384e
}

.tvorog {
    display: block
}

@media screen and (min-width: 768px) {
    .tvorog .kvLanding__bannerContent {
        top: 40px
    }
}

@media screen and (min-width: 768px) {
    .tvorog .kvLanding__bannerContent .kvLanding__note {
        width: 520px
    }
}

.useful {
    background: #f6fafc
}

@media screen and (min-width: 768px) {
    .useful {
        padding-top: 0;
        padding-bottom: 50px
    }
}

@media screen and (min-width: 1260px) {
    .useful {
        padding-top: 33px;
        padding-bottom: 70px
    }
}

@media screen and (min-width: 768px) {
    .useful__title {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .useful__title {
        margin-bottom: 43px
    }
}

@media screen and (min-width: 768px) {
    .useful__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (min-width: 768px) {
    .useful__articles {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 23px 0 0;
        padding: 0;
        scroll-padding: 0;
        overflow: visible;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 250px);
        flex: 0 0 calc(100% - 250px)
    }
}

@media screen and (min-width: 1260px) {
    .useful__articles {
        margin-right: 40px;
        -ms-flex-preferred-size: calc(100% - 406px);
        flex-basis: calc(100% - 406px)
    }
}

@media screen and (min-width: 768px) {
    .useful__article {
        margin-bottom: 0;
        -ms-flex-preferred-size: 229px;
        flex-basis: 229px;
        margin-right: 20px
    }
}

@media screen and (min-width: 1260px) {
    .useful__article {
        -ms-flex-preferred-size: 380px;
        flex-basis: 380px;
        margin-right: 30px
    }
}

@media screen and (min-width: 360px) {
    .useful__more {
        padding-left: 60px
    }

    .useful__more::before {
        content: '';
        display: block;
        width: 37px;
        height: 124px;
        background: url(img/useful/arrow.svg) no-repeat center/contain;
        position: absolute;
        left: 0;
        top: 42px
    }
}

@media screen and (min-width: 768px) {
    .useful__more {
        padding-top: 0;
        padding-left: 60px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 227px;
        flex: 0 0 227px;
        border-top: none
    }

    .useful__more::before {
        width: 45px;
        height: 147px;
        top: 17px
    }
}

@media screen and (min-width: 1260px) {
    .useful__more {
        -ms-flex-preferred-size: 366px;
        flex-basis: 366px;
        padding-left: 90px;
        padding-top: 17px
    }

    .useful__more::before {
        width: 66px;
        height: 221px;
        top: 32px;
        left: -4px
    }
}

@media screen and (min-width: 768px) {
    .useful__more-title {
        max-width: 100%;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .useful__more-title {
        margin-bottom: 32px
    }
}

@media screen and (min-width: 360px) {
    .useful__animal {
        right: 10px
    }
}

@media screen and (min-width: 768px) {
    .useful__animal {
        display: none
    }
}

.useful3 {
    position: relative;
    padding-top: 40px;
    padding-bottom: 12px;
    background: #eaf6f9
}

@media screen and (min-width: 768px) {
    .useful3 {
        padding: 50px 0
    }
}

@media screen and (min-width: 1260px) {
    .useful3 {
        padding: 70px 0
    }
}

.useful3__title {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .useful3__title {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .useful3__title {
        margin-bottom: 43px
    }
}

.useful3__flex {
    display: block
}

@media screen and (min-width: 768px) {
    .useful3__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.useful3__articles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 20px 30px;
    margin-left: -20px;
    margin-right: -20px
}

@media screen and (min-width: 768px) {
    .useful3__articles {
        margin: 0 23px 0 0;
        padding: 0;
        scroll-padding: 0;
        overflow: visible
    }
}

@media screen and (min-width: 1260px) {
    .useful3__articles {
        margin-right: 40px
    }
}

.useful3__article {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px
}

@media screen and (min-width: 768px) {
    .useful3__article {
        -ms-flex-preferred-size: 229px;
        flex-basis: 229px;
        margin-right: 20px
    }
}

@media screen and (min-width: 1260px) {
    .useful3__article {
        -ms-flex-preferred-size: 380px;
        flex-basis: 380px;
        margin-right: 30px
    }
}

.useful3__article:last-child {
    margin-right: 0
}

.useful3__more {
    padding-top: 30px;
    border-top: 1px solid rgba(0, 98, 94, .1);
    position: relative
}

@media screen and (min-width: 360px) {
    .useful3__more {
        padding-left: 60px
    }

    .useful3__more::before {
        content: '';
        display: block;
        width: 37px;
        height: 124px;
        background: url(img/useful3/arrow.svg) no-repeat center/contain;
        position: absolute;
        left: 0;
        top: 42px
    }
}

@media screen and (min-width: 768px) {
    .useful3__more {
        padding-top: 0;
        padding-left: 60px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 227px;
        flex: 0 0 227px;
        border-top: none
    }

    .useful3__more::before {
        width: 45px;
        height: 147px;
        top: 17px
    }
}

@media screen and (min-width: 1260px) {
    .useful3__more {
        -ms-flex-preferred-size: 366px;
        flex-basis: 366px;
        padding-left: 90px;
        padding-top: 17px
    }

    .useful3__more::before {
        width: 66px;
        height: 221px;
        top: 32px;
        left: -4px
    }
}

.useful3__more-title {
    max-width: calc(100% - 100px);
    margin-bottom: 15px
}

@media screen and (min-width: 768px) {
    .useful3__more-title {
        max-width: 100%;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .useful3__more-title {
        margin-bottom: 32px
    }
}

.useful3__animal {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 78px;
    height: 101px;
    background: url(img/useful3/animal.svg) no-repeat center/contain
}

@media screen and (min-width: 360px) {
    .useful3__animal {
        right: 10px
    }
}

@media screen and (min-width: 768px) {
    .useful3__animal {
        display: none
    }
}

.water {
    display: block
}

.wave {
    position: absolute;
    left: 0;
    top: -7.8px;
    min-width: 100vw;
    z-index: 50
}

.wave, .wfood {
    display: block
}

.allJuices, .wfood .sellersJuices {
    position: relative
}

@media screen and (min-width: 1260px) {
    .wfood .sellersJuices::after {
        content: url(img/wfood/animal.svg);
        position: absolute;
        bottom: -5px;
        right: calc(50% - 600px)
    }
}

.allJuices {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 86px;
    background: #eaf6f9
}

@media screen and (min-width: 768px) {
    .allJuices {
        padding-top: 50px;
        padding-bottom: 96px
    }
}

@media screen and (min-width: 1260px) {
    .allJuices {
        padding-top: 70px;
        padding-bottom: 72px
    }

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

    .allJuices__header {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 276px;
        flex: 0 0 276px;
        margin-right: 30px;
        text-align: left;
        padding-top: 30px
    }
}

.allJuices__title {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .allJuices__title .from-tablet {
        display: inline
    }

    .allJuices__title {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .allJuices__title {
        margin-bottom: 30px
    }
}

.allJuices__button {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 206px
}

@media screen and (min-width: 768px) {
    .allJuices__button {
        width: 219px
    }
}

@media screen and (min-width: 1260px) {
    .allJuices__button {
        position: relative;
        top: 0;
        left: 0;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        width: 245px
    }
}

.allJuices__products {
    padding: 0 20px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 -20px
}

@media screen and (min-width: 768px) {
    .allJuices__products {
        padding-bottom: 20px;
        overflow: visible
    }
}

@media screen and (min-width: 1260px) {
    .allJuices__products {
        padding: 0;
        margin: 0;
        scroll-padding: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.allJuices__product {
    scroll-snap-align: start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 190px;
    flex: 0 0 190px
}

@media screen and (min-width: 768px) {
    .allJuices__product {
        -ms-flex-preferred-size: 229px;
        flex-basis: 229px;
        margin-right: 20px
    }
}

@media screen and (min-width: 1260px) {
    .allJuices__product {
        -ms-flex-preferred-size: 278px;
        flex-basis: 278px;
        margin-right: 30px
    }
}

.allJuices__product:last-child {
    margin-right: 0
}

@media (max-width: 767px) {
    .allJuices__product .product__image {
        height: 195px
    }
}

.allJuices__animal {
    display: none
}

@media screen and (min-width: 1260px) {
    .allJuices__animal {
        display: block;
        position: absolute;
        left: 0;
        bottom: -72px;
        width: 234px;
        height: 203px;
        background: url(img/juice/allJuices/animal.svg) no-repeat center/contain
    }
}

.natural {
    background-color: #f6fafc;
    padding: 40px 0;
    position: relative
}

@media screen and (min-width: 768px) {
    .natural {
        padding: 50px 0
    }
}

@media screen and (min-width: 1260px) {
    .natural {
        padding: 70px 0
    }
}

.natural .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .natural .container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.natural__text {
    font-family: "Neucha", sans-serif;
    font-size: 30px;
    line-height: 100%;
    text-align: center;
    color: #00625e;
    margin-bottom: 20px;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 400px) {
    .natural__text {
        max-width: 350px
    }
}

@media screen and (min-width: 450px) {
    .natural__text {
        max-width: 440px
    }
}

@media screen and (min-width: 768px) {
    .natural__text {
        font-size: 25px;
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .natural__text {
        font-size: 35px;
        max-width: 641px
    }
}

.natural__sub {
    display: block;
    font-family: primaryFont;
    font-size: 13px;
    line-height: 140%;
    color: rgba(42, 56, 78, .6);
    margin-top: 10px
}

@media screen and (min-width: 1260px) {
    .natural__sub {
        margin-top: 20px
    }
}

.natural__icons {
    width: 237px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 400px) {
    .natural__icons {
        width: 309px
    }
}

@media screen and (min-width: 768px) {
    .natural__icons {
        width: 264px
    }
}

@media screen and (min-width: 1260px) {
    .natural__icons {
        width: 285px
    }
}

.natural__icon--natural {
    width: 159px;
    height: 91px
}

@media screen and (min-width: 400px) {
    .natural__icon--natural {
        width: 212px;
        height: 121px
    }
}

@media screen and (min-width: 768px) {
    .natural__icon--natural {
        width: 181px;
        height: 103px
    }
}

@media screen and (min-width: 1260px) {
    .natural__icon--natural {
        width: 187px;
        height: 125px
    }
}

.natural__icon--nosugar {
    width: 57px;
    height: 91px
}

@media screen and (min-width: 400px) {
    .natural__icon--nosugar {
        width: 76px;
        height: 121px
    }
}

@media screen and (min-width: 768px) {
    .natural__icon--nosugar {
        width: 65px;
        height: 103px
    }
}

@media screen and (min-width: 1260px) {
    .natural__icon--nosugar {
        width: 78px;
        height: 125px
    }
}

.sellersJuices {
    display: block;
    background: #f6fafc;
    padding: 40px 0;
    position: relative
}

@media screen and (min-width: 768px) {
    .sellersJuices {
        padding-top: 50px;
        padding-bottom: 30px
    }
}

@media screen and (min-width: 1260px) {
    .sellersJuices {
        padding-top: 70px;
        padding-bottom: 40px
    }
}

.sellersJuices__content, .tryit__image img {
    display: block
}

.sellersJuices__title {
    font-family: "Neucha", sans-serif;
    color: #00625e;
    font-size: 35px;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 20px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .sellersJuices__title {
        margin-bottom: 25px;
        font-size: 35px
    }
}

@media screen and (min-width: 1260px) {
    .sellersJuices__title {
        margin-bottom: 40px;
        font-size: 50px
    }
}

.sellersJuices__wrapper {
    overflow: visible !important
}

@media screen and (min-width: 768px) {
    .sellersJuices__wrapper {
        overflow: hidden !important
    }
}

.sellersJuices__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media screen and (min-width: 768px) {
    .sellersJuices__list {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 760px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media screen and (min-width: 1260px) {
    .sellersJuices__list {
        width: 100%
    }
}

.sellersJuices__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 10px;
    width: 240px;
    background-color: #fff;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden
}

@media screen and (min-width: 400px) {
    .sellersJuices__item {
        width: 305px
    }
}

@media screen and (min-width: 768px) {
    .sellersJuices__item {
        width: 230px;
        margin-right: 20px;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .sellersJuices__item {
        width: 278px;
        margin-right: 29px;
        margin-bottom: 30px
    }

    .sellersJuices__item:nth-child(4n) {
        margin-right: 0
    }

    .sellersJuices__item:last-child {
        margin-right: 0
    }

    .sellersJuices__item:hover {
        -webkit-box-shadow: 0 1px 2px rgba(1, 78, 114, .1);
        box-shadow: 0 1px 2px rgba(1, 78, 114, .1)
    }
}

.sellersJuices__image {
    display: block;
    width: 100%;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden
}

.tryit {
    background: #cee9ef;
    padding-top: 36px;
    padding-bottom: 40px;
    position: relative;
    text-align: center
}

.tryit .container {
    padding: 0
}

@media screen and (min-width: 768px) {
    .tryit {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .tryit .container {
        padding: 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .tryit {
        padding-top: 70px;
        padding-bottom: 70px;
        background-image: url(img/juice/tryit/bg.svg);
        background-repeat: no-repeat;
        background-position: calc(50% - 20px) 160px
    }

    .tryit .container {
        padding: 0 30px
    }
}

.tryit__title {
    margin-bottom: 26px;
    font-size: 35px;
    width: 280px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 768px) {
    .tryit__title {
        margin-bottom: 25px;
        width: 100%
    }
}

@media screen and (min-width: 1260px) {
    .tryit__title {
        font-size: 50px;
        margin-bottom: 50px
    }
}

.tryit__types {
    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: 30px
}

@media screen and (min-width: 768px) {
    .tryit__types {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: 0 -10px 25px
    }
}

@media screen and (min-width: 1260px) {
    .tryit__types {
        margin: 0 -15px 36px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.tryit__type {
    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;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

@media screen and (min-width: 360px) {
    .tryit__type.swiper-slide {
        width: auto
    }
}

@media screen and (min-width: 768px) {
    .tryit__type {
        margin: 0 10px
    }
}

@media screen and (min-width: 1260px) {
    .tryit__type {
        margin: 0 15px
    }
}

.tryit__type:nth-child(1) .tryit__subtitle {
    margin-top: -60px
}

@media screen and (min-width: 768px) {
    .tryit__type:nth-child(1) .tryit__subtitle {
        margin-top: -50px
    }
}

@media screen and (min-width: 1260px) {
    .tryit__type:nth-child(1) .tryit__subtitle {
        margin-top: -100px
    }

    .tryit__type:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media screen and (min-width: 360px) {
    .tryit__type:nth-child(2) .tryit__subtitle {
        margin-top: -70px
    }
}

@media screen and (min-width: 768px) {
    .tryit__type:nth-child(2) .tryit__subtitle {
        margin-top: -65px
    }
}

@media screen and (min-width: 1260px) {
    .tryit__type:nth-child(2) .tryit__subtitle {
        margin-top: -100px
    }
}

.tryit__type:nth-child(2) .tryit__image {
    width: 220px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 1260px) {
    .tryit__type:nth-child(2) .tryit__image {
        width: 380px;
        margin-left: 0
    }
}

.tryit__type:nth-child(2) .tryit__link {
    width: 205px
}

@media screen and (min-width: 1260px) {
    .tryit__type:nth-child(2) .tryit__link {
        width: 380px
    }

    .tryit__type:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.tryit__type:nth-child(3) .tryit__subtitle {
    margin-top: -60px
}

@media screen and (min-width: 768px) {
    .tryit__type:nth-child(3) .tryit__subtitle {
        margin-top: -50px
    }
}

@media screen and (min-width: 1260px) {
    .tryit__type:nth-child(3) .tryit__subtitle {
        margin-top: -110px
    }

    .tryit__type:nth-child(3) .tryit__image {
        width: 390px
    }

    .tryit__type:nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.tryit__vector_additional {
    display: none
}

@media screen and (min-width: 1260px) {
    .tryit__vector_additional {
        display: block;
        position: absolute
    }
}

.tryit__image {
    width: 205px;
    position: relative;
    z-index: 1
}

.tryit__image::after {
    position: absolute;
    left: 0;
    top: -4px;
    z-index: 0;
    width: 230px
}

@media screen and (min-width: 1260px) {
    .tryit__image {
        width: 380px
    }
}

.tryit__subtitle {
    font-size: 25px;
    font-family: "Neucha", sans-serif;
    display: block;
    margin-top: -45px
}

@media screen and (min-width: 1260px) {
    .tryit__subtitle {
        font-size: 40px;
        margin-bottom: 16px
    }
}

.tryit__description {
    max-width: 245px;
    text-align: center;
    color: rgba(42, 56, 78, .6);
    font-size: 13px;
    line-height: 1.4
}

.tryit__link {
    color: #00625e
}

.tryit__link:hover {
    text-decoration: none;
    color: #2a384e
}

.useful {
    padding-top: 20px;
    padding-bottom: 40px;
    background: #eaf6f9;
    position: relative
}

@media screen and (min-width: 768px) {
    .useful {
        padding-top: 40px;
        padding-bottom: 50px
    }
}

@media screen and (min-width: 1260px) {
    .useful {
        padding-top: 33px;
        padding-bottom: 70px
    }
}

.useful__title {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .useful__title {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .useful__title {
        margin-bottom: 43px
    }
}

.useful__flex {
    display: block
}

@media screen and (min-width: 768px) {
    .useful__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.useful__articles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 20px 30px;
    margin-left: -20px;
    margin-right: -20px
}

@media screen and (min-width: 768px) {
    .useful__articles {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 23px 0 0;
        padding: 0;
        scroll-padding: 0;
        overflow: visible;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 250px);
        flex: 0 0 calc(100% - 250px)
    }
}

@media screen and (min-width: 1260px) {
    .useful__articles {
        margin-right: 40px;
        -ms-flex-preferred-size: calc(100% - 406px);
        flex-basis: calc(100% - 406px)
    }
}

.useful__article {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    margin-bottom: 30px
}

.useful__article:last-child {
    margin-bottom: 0;
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .useful__article {
        margin-bottom: 0;
        -ms-flex-preferred-size: 229px;
        flex-basis: 229px;
        margin-right: 20px
    }
}

@media screen and (min-width: 1260px) {
    .useful__article {
        -ms-flex-preferred-size: 380px;
        flex-basis: 380px;
        margin-right: 30px
    }
}

.useful__more {
    padding-top: 30px;
    border-top: 1px solid rgba(0, 98, 94, .1);
    position: relative
}

@media screen and (min-width: 360px) {
    .useful__more {
        padding-left: 60px
    }

    .useful__more::before {
        content: '';
        display: block;
        width: 37px;
        height: 124px;
        background: url(img/useful/arrow.svg) no-repeat center/contain;
        position: absolute;
        left: 0;
        top: 42px
    }
}

@media screen and (min-width: 768px) {
    .useful__more {
        padding-top: 0;
        padding-left: 60px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 227px;
        flex: 0 0 227px;
        border-top: none
    }

    .useful__more::before {
        width: 45px;
        height: 147px;
        top: 17px
    }
}

@media screen and (min-width: 1260px) {
    .useful__more {
        -ms-flex-preferred-size: 366px;
        flex-basis: 366px;
        padding-left: 90px;
        padding-top: 17px
    }

    .useful__more::before {
        width: 66px;
        height: 221px;
        top: 32px;
        left: -4px
    }
}

.useful__more-title {
    max-width: calc(100% - 100px);
    margin-bottom: 15px
}

@media screen and (min-width: 768px) {
    .useful__more-title {
        max-width: 100%;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .useful__more-title {
        margin-bottom: 32px
    }
}

.useful__animal {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 78px;
    height: 101px;
    background: url(img/useful/animal.svg) no-repeat center/contain
}

@media screen and (min-width: 360px) {
    .useful__animal {
        right: 10px
    }
}

@media screen and (min-width: 768px) {
    .useful__animal {
        display: none
    }
}

.welcome {
    position: relative;
    background: #eaf6f9;
    padding-top: 10px;
    padding-bottom: 40px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .welcome {
        padding-top: 15px;
        padding-bottom: 20px;
        text-align: left
    }

    .welcome .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.welcome__image {
    width: 245px;
    height: 166px;
    display: inline-block;
    margin-bottom: 0;
    position: relative
}

@media screen and (min-width: 400px) {
    .welcome__image {
        width: 280px;
        height: 190px
    }
}

@media screen and (min-width: 768px) {
    .welcome__image {
        width: 343px;
        height: 254px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 356px;
        flex: 0 0 356px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (min-width: 1260px) {
    .welcome__image {
        width: 521px;
        height: 356px;
        -ms-flex-preferred-size: 499px;
        flex-basis: 499px;
        margin-bottom: 0
    }
}

.welcome__bitmap {
    display: block;
    width: 100%;
    height: 100%;
    background: url(img/juice/welcome/bitmap-m.png) no-repeat center/contain
}

@media screen and (min-width: 400px) {
    .welcome__bitmap {
        background-image: url(img/juice/welcome/bitmap-m2.png)
    }
}

@media screen and (min-width: 768px) {
    .welcome__bitmap {
        background-image: url(img/juice/welcome/bitmap-t.png)
    }
}

@media screen and (min-width: 1260px) {
    .welcome__bitmap {
        background-image: url(img/juice/welcome/bitmap-d.png)
    }
}

.welcome__decor {
    position: absolute;
    right: -20px;
    top: 85px;
    background: url(img/juice/welcome/vector.svg) no-repeat center/contain;
    width: 80px;
    height: 72px
}

@media screen and (min-width: 400px) {
    .welcome__decor {
        width: 99px;
        height: 88px;
        right: -30px;
        top: 95px
    }
}

@media screen and (min-width: 768px) {
    .welcome__decor {
        width: 108px;
        height: 106px;
        right: -47px;
        top: 125px
    }
}

@media screen and (min-width: 1260px) {
    .welcome__decor {
        width: 136px;
        height: 134px;
        right: -52px;
        top: 200px
    }
}

@media screen and (min-width: 768px) {
    .welcome__text {
        margin-right: 48px
    }
}

@media screen and (min-width: 1260px) {
    .welcome__text {
        margin-right: 0;
        margin-left: 101px;
        margin-top: 7px;
        width: 400px
    }
}

.welcome__title {
    margin-bottom: 20px;
    padding: 0 20px
}

@media screen and (min-width: 400px) {
    .welcome__title {
        width: 345px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width: 768px) {
    .welcome__title {
        padding: 0;
        margin-bottom: 20px;
        max-width: 300px
    }
}

@media screen and (min-width: 1260px) {
    .welcome__title {
        margin-bottom: 30px;
        margin-left: 0;
        max-width: 400px
    }
}

@media screen and (min-width: 768px) {
    .welcome__btn {
        min-height: 50px
    }
}

.introKasha {
    position: relative;
    padding: 20px 0 40px;
    text-align: center;
    background-color: #f6fafc
}

@media screen and (min-width: 768px) {
    .introKasha {
        padding: 15px 0 50px;
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .introKasha {
        padding: 35px 0 70px
    }
}

.introKasha__content {
    position: relative
}

@media screen and (min-width: 768px) {
    .introKasha__content {
        width: 540px;
        padding-top: 7px
    }
}

@media screen and (min-width: 1260px) {
    .introKasha__content {
        width: 760px;
        padding-top: 0;
        margin-left: 200px
    }

    .introKasha__content::before {
        content: '';
        display: block;
        width: 111px;
        height: 194px;
        position: absolute;
        bottom: 0;
        left: -170px;
        background-image: url(img/kasha/introKasha/decor1.png);
        -webkit-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat
    }
}

.introKasha__content::after {
    content: '';
    display: block;
    width: 120px;
    height: 121px;
    margin: 20px auto 0;
    background-image: url(img/kasha/introKasha/decor2.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (min-width: 768px) {
    .introKasha__content::after {
        position: absolute;
        top: 0;
        right: -190px;
        width: 131px;
        height: 131px;
        margin: 0
    }
}

@media screen and (min-width: 1260px) {
    .introKasha__content::after {
        width: 182px;
        height: 183px;
        right: -235px
    }
}

.introKasha__title {
    font-size: 25px;
    line-height: 100%
}

@media screen and (min-width: 400px) {
    .introKasha__title {
        font-size: 30px;
        line-height: 100%
    }
}

@media screen and (min-width: 768px) {
    .introKasha__title {
        font-size: 25px;
        line-height: 100%;
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .introKasha__title {
        font-size: 30px;
        line-height: 100%
    }
}

.introKasha__text {
    margin-top: 15px;
    font-size: 16px;
    line-height: 145%
}

@media screen and (min-width: 768px) {
    .introKasha__text {
        margin-top: 10px
    }
}

@media screen and (min-width: 1260px) {
    .introKasha__text {
        margin-top: 20px
    }
}

.introKasha__sub {
    margin-top: 10px;
    font-size: 13px;
    line-height: 140%;
    color: rgba(42, 56, 78, .6)
}

.kashaArticles {
    padding: 40px 0;
    background: #eaf6f9;
    position: relative
}

@media screen and (min-width: 768px) {
    .kashaArticles {
        padding: 50px 0
    }
}

@media screen and (min-width: 1260px) {
    .kashaArticles {
        padding: 70px 0
    }
}

.kashaArticles__title {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .kashaArticles__title {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .kashaArticles__title {
        margin-bottom: 40px
    }
}

.kashaArticles__flex, .kashaShops__listItem img {
    display: block
}

@media screen and (min-width: 768px) {
    .kashaArticles__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.kashaArticles__articles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 20px 30px;
    margin-left: -20px;
    margin-right: -20px
}

@media screen and (min-width: 768px) {
    .kashaArticles__articles {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 23px 0 0;
        padding: 0;
        scroll-padding: 0;
        overflow: visible;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 250px);
        flex: 0 0 calc(100% - 250px)
    }
}

@media screen and (min-width: 1260px) {
    .kashaArticles__articles {
        margin-right: 40px;
        -ms-flex-preferred-size: calc(100% - 406px);
        flex-basis: calc(100% - 406px)
    }
}

.kashaArticles__article {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    margin-bottom: 30px
}

.kashaArticles__article:last-child {
    margin-bottom: 0;
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .kashaArticles__article {
        margin-bottom: 0;
        -ms-flex-preferred-size: 229px;
        flex-basis: 229px;
        margin-right: 20px
    }
}

@media screen and (min-width: 1260px) {
    .kashaArticles__article {
        -ms-flex-preferred-size: 380px;
        flex-basis: 380px;
        margin-right: 30px
    }
}

.kashaArticles__more {
    padding-top: 30px;
    border-top: 1px solid rgba(0, 98, 94, .1);
    position: relative
}

@media screen and (min-width: 360px) {
    .kashaArticles__more {
        padding-left: 60px
    }

    .kashaArticles__more::before {
        content: '';
        display: block;
        width: 37px;
        height: 124px;
        background: url(img/kasha/kashaArticles/arrow.svg) no-repeat center/contain;
        position: absolute;
        left: 0;
        top: 22px
    }
}

@media screen and (min-width: 768px) {
    .kashaArticles__more {
        padding-top: 0;
        padding-left: 60px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 227px;
        flex: 0 0 227px;
        border-top: none
    }

    .kashaArticles__more::before {
        width: 45px;
        height: 147px;
        top: 17px
    }
}

@media screen and (min-width: 1260px) {
    .kashaArticles__more {
        -ms-flex-preferred-size: 366px;
        flex-basis: 366px;
        padding-left: 100px;
        padding-top: 20px
    }

    .kashaArticles__more::before {
        width: 66px;
        height: 221px;
        top: 40px;
        left: 10px
    }
}

.kashaArticles__more-title {
    max-width: calc(100% - 90px);
    margin-bottom: 15px;
    color: #00625e
}

@media screen and (min-width: 768px) {
    .kashaArticles__more-title {
        max-width: 100%;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .kashaArticles__more-title {
        margin-bottom: 32px;
        font-size: 50px;
        line-height: 100%;
        max-width: 240px
    }
}

.kashaArticles__animal {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 78px;
    height: 101px;
    background: url(img/kasha/kashaArticles/decor-m.png) no-repeat center/contain
}

@media screen and (min-width: 360px) {
    .kashaArticles__animal {
        right: 10px
    }
}

@media screen and (min-width: 768px) {
    .kashaArticles__animal {
        display: none
    }
}

.kashaShops {
    padding: 40px 0;
    background-color: #f6fafc
}

@media screen and (min-width: 768px) {
    .kashaShops {
        padding: 50px 0
    }
}

@media screen and (min-width: 1260px) {
    .kashaShops {
        padding: 70px 0
    }
}

.kashaShops__title {
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 100%;
    text-align: center
}

@media screen and (min-width: 768px) {
    .kashaShops__title {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .kashaShops__title {
        margin-bottom: 40px;
        font-size: 50px;
        line-height: 100%
    }
}

@media screen and (min-width: 768px) {
    .kashaShops__list {
        width: 768px;
        margin: 0 auto;
        padding: 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .kashaShops__list {
        width: 1260px;
        padding: 0 30px
    }
}

@media screen and (min-width: 768px) {
    .kashaShops__list.swiper {
        overflow: visible
    }

    .kashaShops__list .swiper-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        row-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

@media screen and (min-width: 1260px) {
    .kashaShops__list .swiper-wrapper {
        row-gap: 28px;
        -webkit-column-gap: 28px;
        -moz-column-gap: 28px;
        column-gap: 28px
    }
}

.kashaShops__listItem {
    display: block;
    width: 240px;
    margin: 0 auto;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (min-width: 450px) {
    .kashaShops__listItem {
        width: 305px
    }
}

@media screen and (min-width: 768px) {
    .kashaShops__listItem {
        width: 229px;
        margin: 0
    }
}

@media screen and (min-width: 1260px) {
    .kashaShops__listItem {
        width: 278px
    }
}

@media screen and (min-width: 768px) {
    .kashaShops__listItem:active, .kashaShops__listItem:focus, .kashaShops__listItem:hover {
        -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .15);
        box-shadow: 0 5px 30px rgba(0, 0, 0, .15)
    }
}

.kashaProduct {
    padding: 40px 0
}

@media screen and (min-width: 768px) {
    .kashaProduct {
        padding: 50px 0
    }
}

@media screen and (min-width: 1260px) {
    .kashaProduct {
        padding: 70px 0
    }
}

.kashaProduct__title {
    font-size: 35px;
    line-height: 100%
}

@media screen and (min-width: 768px) {
    .kashaProduct__title {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .kashaProduct__title {
        font-size: 50px;
        line-height: 100%
    }
}

.kashaProduct__kashas {
    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;
    row-gap: 30px
}

@media screen and (min-width: 768px) {
    .kashaProduct__kashas {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.kashaProduct__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 260px
}

@media screen and (min-width: 768px) {
    .kashaProduct__item {
        width: 167px
    }
}

@media screen and (min-width: 1260px) {
    .kashaProduct__item {
        width: 278px
    }
}

.kashaProduct__item:active, .kashaProduct__item:focus, .kashaProduct__item:hover {
    text-decoration: none
}

.kashaProduct__item:active .kashaProduct__itemImage, .kashaProduct__item:focus .kashaProduct__itemImage, .kashaProduct__item:hover .kashaProduct__itemImage {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.kashaProduct__itemImage {
    -webkit-filter: drop-shadow(0 50px 10px rgba(12, 79, 77, .2));
    filter: drop-shadow(0 50px 10px rgba(12, 79, 77, .2));
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (min-width: 768px) {
    .kashaProduct__itemImage {
        width: 206px
    }
}

@media screen and (min-width: 1260px) {
    .kashaProduct__itemImage {
        width: 287px
    }
}

.kashaProduct__itemTitle {
    position: relative;
    margin-top: 20px;
    padding: 9px 15px 4px;
    font-size: 22px;
    line-height: 100%;
    letter-spacing: .02em;
    text-transform: uppercase;
    color: #fff;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat
}

@media screen and (min-width: 768px) {
    .kashaProduct__itemTitle {
        font-size: 17px;
        line-height: 100%;
        white-space: nowrap
    }
}

@media screen and (min-width: 1260px) {
    .kashaProduct__itemTitle {
        font-size: 22px;
        line-height: 100%
    }
}

.kashaProduct__itemTitle--1 {
    background-image: url(img/kasha/kashaProduct/title1.svg)
}

.kashaProduct__itemTitle--2 {
    background-image: url(img/kasha/kashaProduct/title2.svg)
}

.kashaProduct__itemTitle--3 {
    background-image: url(img/kasha/kashaProduct/title3.svg)
}

.kashaProduct__itemTitle--4 {
    background-image: url(img/kasha/kashaProduct/title4.svg)
}

.kashaProduct__button {
    margin-top: 40px;
    text-align: center
}

@media screen and (min-width: 768px) {
    .kashaProduct__button {
        margin-top: 30px
    }
}

@media screen and (min-width: 1260px) {
    .kashaProduct__button {
        margin-top: 45px
    }
}

.kvKasha {
    position: relative;
    padding-top: 0;
    padding-bottom: 20px;
    text-align: center;
    background-color: #f6fafc
}

@media screen and (min-width: 400px) {
    .kvKasha {
        padding-top: 20px
    }
}

@media screen and (min-width: 768px) {
    .kvKasha {
        padding-top: 30px;
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .kvKasha {
        padding-bottom: 35px
    }
}

.kvKasha__content {
    position: relative
}

.kvKasha__bannerImage {
    height: 240px;
    margin: 0 -20px;
    background-image: url(img/kasha/kvKasha/banner-m.jpg);
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat
}

@media screen and (min-width: 400px) {
    .kvKasha__bannerImage {
        margin: 0;
        -webkit-border-radius: 11px;
        border-radius: 11px
    }
}

@media screen and (min-width: 768px) {
    .kvKasha__bannerImage {
        height: 300px;
        background-image: url(img/kasha/kvKasha/banner-t.jpg)
    }
}

@media screen and (min-width: 1260px) {
    .kvKasha__bannerImage {
        height: 360px;
        background-image: url(img/kasha/kvKasha/banner-d.jpg)
    }
}

@media screen and (min-width: 768px) {
    .kvKasha__bannerContent {
        position: absolute;
        top: 65px;
        left: 40px
    }
}

@media screen and (min-width: 1260px) {
    .kvKasha__bannerContent {
        left: 100px
    }
}

.kvKasha__title {
    font-size: 30px;
    line-height: 100%;
    margin-top: 25px;
    color: #00625e;
    text-align: center
}

@media screen and (min-width: 768px) {
    .kvKasha__title {
        width: 300px;
        margin-top: 0;
        font-size: 35px;
        line-height: 100%;
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .kvKasha__title {
        width: 480px;
        font-size: 50px;
        line-height: 100%
    }
}

.kvKasha__button {
    margin-top: 20px;
    background-color: transparent
}

@media screen and (min-width: 1260px) {
    .kvKasha__button {
        margin-top: 30px
    }
}

.lKashaArticles {
    padding-top: 30px;
    background-color: #f6fafc
}

@media screen and (min-width: 1260px) {
    .lKashaArticles {
        padding-top: 50px
    }
}

.lKashaKv, .lKashaSlider__image img {
    display: block
}

.lKashaRetail {
    background: #eaf6f9
}

@media screen and (min-width: 1260px) {
    .lKashaRetail.retail {
        padding: 50px 0
    }
}

.prodLKasha {
    position: relative;
    background: #f6fafc;
    padding: 20px 0
}

@media screen and (min-width: 1260px) {
    .prodLKasha {
        padding: 40px 0
    }
}

.prodLKasha__title {
    text-align: center;
    margin-bottom: 20px
}

@media screen and (min-width: 1260px) {
    .prodLKasha__title {
        margin-bottom: 35px
    }
}

.prodLKasha__content {
    margin: 0 -25px
}

@media screen and (min-width: 360px) {
    .prodLKasha__content {
        margin: 0
    }
}

@media screen and (min-width: 768px) {
    .prodLKasha__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 20px
    }
}

@media screen and (min-width: 1260px) {
    .prodLKasha__content {
        gap: 30px
    }
}

.prodLKasha__card {
    background-image: url(img/lKasha/prodLKasha/bg.svg);
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    padding: 0 25px 40px;
    text-align: center
}

.prodLKasha__card:first-child {
    background-image: url(img/lKasha/prodLKasha/bg-1.svg)
}

@media screen and (min-width: 768px) {
    .prodLKasha__card {
        padding: 0 20px 40px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media screen and (min-width: 1260px) {
    .prodLKasha__card {
        margin-bottom: 0;
        max-width: 380px;
        padding: 0 40px 40px
    }
}

.prodLKasha__pic {
    max-width: 261px;
    margin: 0 auto;
    height: auto;
    padding-top: 25px;
}

@media screen and (min-width: 768px) {
    .prodLKasha__pic {
        max-width: 261px;
        margin: 0 auto;
        height: 230px;
    }
}

@media screen and (min-width: 1260px) {
    .prodLKasha__pic {
        max-width: 100%;
        margin-bottom: -55px;
        height: 370px;
    }
}

.prodLKasha__text {
    font-size: 16px;
    line-height: 145%;
    color: #2a384e;
    margin-top: -60px;
    margin-bottom: 20px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media screen and (min-width: 768px) {
    .prodLKasha__text {
        margin-top: -20px
    }
}

@media screen and (min-width: 1260px) {
    .prodLKasha__text {
        margin-top: 0;
        flex-grow: 0;
        margin-bottom: auto;
    }
}

.prodLKasha__btn {
    margin-top: 20px;
}

.lKashaSlider {
    background: #cee9ef;
    padding-top: 36px;
    padding-bottom: 40px;
    position: relative;
    text-align: center
}

.lKashaSlider .container {
    padding: 0
}

@media screen and (min-width: 768px) {
    .lKashaSlider {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .lKashaSlider .container {
        padding: 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .lKashaSlider {
        padding-top: 70px;
        padding-bottom: 0;
        background-image: url(img/lKasha/lKashaSlider/bg.svg);
        background-repeat: no-repeat;
        background-position: calc(50% - 480px) 180px
    }

    .lKashaSlider .container {
        padding: 0
    }
}

.lKashaSlider__title {
    margin-bottom: 26px;
    font-size: 35px;
    width: 280px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 768px) {
    .lKashaSlider__title {
        margin-bottom: 50px;
        width: 100%
    }
}

@media screen and (min-width: 1260px) {
    .lKashaSlider__title {
        font-size: 50px;
        margin-bottom: 50px
    }
}

.lKashaSlider__types {
    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: 30px
}

@media screen and (min-width: 768px) {
    .lKashaSlider__types {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: 0 -10px 25px
    }
}

@media screen and (min-width: 1260px) {
    .lKashaSlider__types {
        margin: 0 -15px 70px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.lKashaSlider__type {
    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;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

@media screen and (min-width: 360px) {
    .lKashaSlider__type.swiper-slide {
        width: auto
    }
}

@media screen and (min-width: 768px) {
    .lKashaSlider__type {
        margin: 0 10px
    }
}

@media screen and (min-width: 1260px) {
    .lKashaSlider__type {
        margin: 0 5px
    }
}

.lKashaSlider__vector_additional {
    display: none
}

@media screen and (min-width: 1260px) {
    .lKashaSlider__vector_additional {
        display: block;
        position: absolute
    }
}

.lKashaSlider__image {
    width: 205px;
    height: 230px;
    position: relative;
    z-index: 1
}

.lKashaSlider__image::after {
    position: absolute;
    left: 0;
    top: -4px;
    z-index: 0;
    width: 230px
}

@media screen and (min-width: 1260px) {
    .lKashaSlider__image {
        width: 380px;
        height: 350px
    }
}

.lKashaSlider__subtitle {
    font-size: 25px;
    font-family: "Neucha", sans-serif;
    display: block;
    margin-top: -45px
}

@media screen and (min-width: 1260px) {
    .lKashaSlider__subtitle {
        font-size: 40px;
        margin-bottom: 16px
    }
}

.lKashaSlider__description {
    max-width: 245px;
    text-align: center;
    color: rgba(42, 56, 78, .6);
    font-size: 13px;
    line-height: 1.4
}

.lKashaSlider__link {
    color: #00625e
}

.lKashaSlider__link:hover {
    text-decoration: none;
    color: #2a384e
}

.lKashaSlider__swiper-container {
    position: relative
}

.lKashaSlider__next, .lKashaSlider__prev {
    display: none
}

@media screen and (min-width: 768px) {
    .lKashaSlider__next, .lKashaSlider__prev {
        position: absolute;
        left: -20px;
        top: calc(50% - 17px)
    }
}

@media screen and (min-width: 860px) {
    .lKashaSlider__next, .lKashaSlider__prev {
        left: -60px
    }
}

@media screen and (min-width: 1260px) {
    .lKashaSlider__next, .lKashaSlider__prev {
        left: -25px;
        display: block
    }
}

@media screen and (min-width: 1320px) {
    .lKashaSlider__next, .lKashaSlider__prev {
        left: -60px
    }
}

.lKashaSlider__next {
    left: auto;
    right: -20px
}

@media screen and (min-width: 860px) {
    .lKashaSlider__next {
        right: -60px
    }
}

@media screen and (min-width: 1260px) {
    .lKashaSlider__next {
        right: -25px
    }
}

@media screen and (min-width: 1320px) {
    .lKashaSlider__next {
        right: -60px
    }
}

@media screen and (min-width: 1260px) {
    .pauch .natural {
        padding-bottom: 0
    }
}

.pauch .natural .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .pauch .natural .container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media screen and (min-width: 1260px) {
    .pauch .natural .container::before {
        content: url(img/pauch/natural/decor.svg);
        margin-right: 50px
    }
}

.pauch .novelties {
    background: #eaf6f9
}

.pauch .production {
    background-image: url(img/wfood/production/bg-m.jpg);
    background-repeat: no-repeat;
    background-position: center bottom
}

@media screen and (min-width: 768px) {
    .pauch .production {
        background-image: url(img/wfood/production/bg-t.jpg)
    }
}

@media screen and (min-width: 1260px) {
    .pauch .production {
        background-image: url(img/pauch/production/bg-d.jpg);
        padding-top: 50px;
        padding-bottom: 30px
    }
}

.pauch .production__type:nth-child(1) .production__image::after, .pauch .production__type:nth-child(1)::before, .pauch .production__type:nth-child(2) .production__image::after, .tvorog .production__type:nth-child(1) .production__image::after, .tvorog .production__type:nth-child(2) .production__image::after, .tvorog .production__type:nth-child(3) .production__image::after, .wfood .production__type:nth-child(1) .production__image::after, .wfood .production__type:nth-child(2) .production__image::after, .wfood .production__type:nth-child(3) .production__image::after {
    content: none
}

@media screen and (min-width: 768px) {
    .pauch .production__type:nth-child(1) .production__vector {
        display: block;
        top: 0;
        left: -100px
    }
}

.pauch .production__type:nth-child(2) .production__vector {
    display: none
}

.pauch .production__type:nth-child(2)::before {
    content: url(img/wfood/production/chang-m.svg);
    position: absolute;
    top: 80px;
    right: -50px;
    z-index: 10
}

@media screen and (min-width: 1260px) {
    .pauch .production__type:nth-child(2)::before {
        content: url(img/pauch/production/decor.svg);
        right: calc(50% + 140px);
        top: unset;
        bottom: -70px
    }
}

.pauch .production__subtitle {
    margin-top: -80px;
    line-height: 120%
}

@media screen and (min-width: 1260px) {
    .pauch .production__subtitle {
        margin-top: -100px
    }
}

.pauch .production__types {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media screen and (min-width: 1260px) {
    .pauch .production__image {
        margin-bottom: 0
    }
}

.pauch .welcome {
    background-color: #f6fafc;
    padding-bottom: 0
}

@media screen and (min-width: 768px) {
    .pauch .welcome {
        background-image: url(img/pauch/welcome/kv-t.jpg);
        -webkit-background-size: 768px 768px;
        background-size: 768px;
        background-repeat: no-repeat;
        background-position: center 30px;
        padding-bottom: 40px
    }
}

@media screen and (min-width: 1260px) {
    .pauch .welcome {
        -webkit-background-size: 1200px 1200px;
        background-size: 1200px;
        background-image: url(img/pauch/welcome/kv-d.jpg);
        padding-bottom: 20px
    }
}

@media screen and (min-width: 768px) {
    .pauch .welcome .btn_arrow::after {
        background: url(img/pauch/welcome/button-arrow.svg);
        background-repeat: no-repeat;
        background-position: center;
        -webkit-background-size: contain;
        background-size: contain
    }
}

@media screen and (min-width: 360px) {
    .pauch .welcome__text {
        margin-top: 20px
    }
}

.pauch .welcome__image {
    width: 100%;
    height: 240px;
    display: inline-block;
    margin-bottom: 0;
    position: relative
}

@media screen and (min-width: 768px) {
    .pauch .welcome__image {
        height: 300px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 356px;
        flex: 0 0 356px;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

@media screen and (min-width: 1260px) {
    .pauch .welcome__image {
        width: 521px;
        height: 356px;
        -ms-flex-preferred-size: 499px;
        flex-basis: 499px;
        margin-bottom: 0
    }
}

.pauch .welcome__bitmap {
    display: block;
    width: 100%;
    height: 100%;
    background: url(img/pauch/welcome/kv-m.jpg) no-repeat center/contain
}

@media screen and (min-width: 768px) {
    .pauch .welcome__bitmap {
        display: none
    }
}

.pauch .welcome__title {
    padding: 0
}

@media screen and (min-width: 768px) {
    .pauch .welcome__title {
        color: #fff
    }
}

@media screen and (min-width: 1260px) {
    .pauch .welcome__title {
        width: 500px;
        max-width: 500px
    }
}

@media screen and (min-width: 768px) {
    .pauch .welcome__text {
        margin-right: auto;
        margin-left: 30px
    }
}

@media screen and (min-width: 1260px) {
    .pauch .welcome__text {
        margin-right: auto;
        margin-left: 60px
    }
}

@media screen and (min-width: 768px) {
    .pauch .welcome__btn {
        background-image: url(img/pauch/welcome/btn.svg);
        color: #00625e
    }
}

.pauch {
    display: block
}

.pauch .wfoodRetail.wfoodRetail {
    background-color: #f6fafc
}

.pauch .wfoodRetail.wfoodRetail::before {
    top: unset;
    bottom: 0;
    left: 47%
}

.allSnaks {
    position: relative;
    text-align: center;
    padding-top: 0;
    padding-bottom: 86px;
    background: #eaf6f9
}

@media screen and (min-width: 768px) {
    .allSnaks {
        padding-top: 10px;
        padding-bottom: 96px
    }
}

@media screen and (min-width: 1260px) {
    .allSnaks {
        padding-top: 30px;
        padding-bottom: 110px
    }
}

.allSnaks__title {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .allSnaks__title .from-tablet {
        display: inline
    }

    .allSnaks__title {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .allSnaks__title {
        margin-bottom: 30px
    }
}

.allSnaks__button {
    position: absolute;
    top: calc(100% + 10px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 206px
}

@media screen and (min-width: 768px) {
    .allSnaks__button {
        width: 219px
    }
}

@media screen and (min-width: 1260px) {
    .allSnaks__button {
        width: 245px;
        top: calc(100% + 30px)
    }
}

.allSnaks__products {
    padding: 0 20px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 -20px
}

@media screen and (min-width: 768px) {
    .allSnaks__products {
        padding-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .allSnaks__products {
        padding: 0;
        margin: 0;
        scroll-padding: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.allSnaks__product {
    scroll-snap-align: start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 190px;
    flex: 0 0 190px
}

@media screen and (min-width: 768px) {
    .allSnaks__product {
        -ms-flex-preferred-size: 229px;
        flex-basis: 229px;
        margin-right: 20px
    }
}

@media screen and (min-width: 1260px) {
    .allSnaks__product {
        -ms-flex-preferred-size: 278px;
        flex-basis: 278px;
        margin-right: 30px
    }
}

.allSnaks__product:last-child {
    margin-right: 0
}

@media (max-width: 767px) {
    .allSnaks__product .product__image {
        height: 195px
    }
}

.allSnaks__animal {
    display: none
}

@media screen and (min-width: 1260px) {
    .allSnaks__animal {
        display: block;
        position: absolute;
        right: 0;
        bottom: -170px;
        width: 234px;
        height: 203px;
        background: url(img/snack/allSnaks/animal.svg) no-repeat center/contain
    }
}

.allSnaks__swiper-container {
    position: relative
}

.allSnaks__next, .allSnaks__prev {
    display: none
}

@media screen and (min-width: 768px) {
    .allSnaks__next, .allSnaks__prev {
        display: block;
        position: absolute;
        left: -20px;
        top: 110px
    }
}

@media screen and (min-width: 860px) {
    .allSnaks__next, .allSnaks__prev {
        left: -60px
    }
}

@media screen and (min-width: 1260px) {
    .allSnaks__next, .allSnaks__prev {
        display: none
    }
}

.allSnaks__next {
    left: auto;
    right: -20px
}

@media screen and (min-width: 860px) {
    .allSnaks__next {
        right: -60px
    }
}

@media screen and (min-width: 1260px) {
    .allSnaks__next {
        right: -25px
    }
}

@media screen and (min-width: 1320px) {
    .allSnaks__next {
        right: -60px
    }
}

@media screen and (min-width: 768px) {
    .allSnaks__swiper {
        margin-bottom: 22px
    }
}

@media screen and (min-width: 1260px) {
    .allSnaks__swiper {
        margin-bottom: 32px
    }
}

.allSnaks__slide {
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    position: relative
}

.allSnaks__slide::before {
    content: '';
    display: block;
    padding-top: 77.08333%
}

@media screen and (min-width: 768px) {
    .allSnaks__slide::before {
        padding-top: 68.26087%
    }

    .allSnaks__slide {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.allSnaks__slide img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.snackKv {
    padding: 265px 0 40px;
    background-image: url(img/snack/snackKv/bg-m.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    text-align: center;
    background-color: #f6fafc
}

@media screen and (min-width: 400px) {
    .snackKv {
        background-image: url(img/snack/snackKv/bg-m2.png);
        background-position: center 20px;
        padding-top: 285px
    }
}

@media screen and (min-width: 768px) {
    .snackKv {
        background-image: url(img/snack/snackKv/bg-t.png);
        padding-top: 58px;
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .snackKv {
        background-image: url(img/snack/snackKv/bg-d.jpg);
        -webkit-background-size: 1200px 1200px;
        background-size: 1200px;
        height: 400px;
        padding-top: 60px
    }
}

@media screen and (min-width: 400px) {
    .snackKv__wrap {
        max-width: 440px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (min-width: 768px) {
    .snackKv__wrap {
        width: 310px;
        margin-left: 40px
    }
}

@media screen and (min-width: 1260px) {
    .snackKv__wrap {
        max-width: 500px;
        width: 445px;
        margin-left: 103px
    }
}

.snackKv__title {
    margin-bottom: 20px
}

@media screen and (min-width: 1260px) {
    .snackKv__title {
        margin-bottom: 30px
    }
}

.snackKv__text {
    font-size: 11px;
    line-height: 145%
}

@media screen and (min-width: 768px) {
    .snackKv__text {
        color: #00625e;
        font-size: 11px;
        line-height: 145%
    }
}

.snackMaking {
    background-image: url(img/snack/snackMaking/bg-m.jpg);
    background-position: center 50px;
    background-repeat: no-repeat;
    background-color: #f6fafc
}

@media screen and (min-width: 400px) {
    .snackMaking {
        background-position: center top
    }
}

@media screen and (min-width: 768px) {
    .snackMaking {
        background-image: url(img/snack/snackMaking/bg-t.png);
        padding-top: 40px;
        background-position: center 80px
    }
}

@media screen and (min-width: 1260px) {
    .snackMaking {
        background-image: url(img/snack/snackMaking/bg-d.png);
        padding-top: 30px;
        background-position: center 120px
    }
}

.snackMaking__title {
    text-align: center;
    max-width: 440px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 768px) {
    .snackMaking__title {
        max-width: 100%
    }
}

@media screen and (min-width: 1260px) {
    .snackMaking__title {
        width: 980px
    }
}

.snackMaking__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 190px;
    counter-reset: item;
    margin-bottom: 30px
}

@media screen and (min-width: 400px) {
    .snackMaking__list {
        max-width: 440px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 180px
    }
}

@media screen and (min-width: 768px) {
    .snackMaking__list {
        max-width: 100%;
        height: auto;
        margin-top: 200px
    }
}

@media screen and (min-width: 1260px) {
    .snackMaking__list {
        margin-top: 248px
    }
}

.snackMaking__item {
    width: 50%;
    font-size: 13px;
    color: #00625e;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 20px;
    padding: 0 5px
}

.snackMaking__item span {
    display: block;
    font-family: "Neucha", sans-serif;
    font-size: 25px;
    margin-bottom: 5px
}

.snackMaking__item::before {
    counter-increment: item;
    content: counter(item);
    display: block;
    width: 32px;
    height: 27px;
    background-image: url(img/snack/snackMaking/leaf.svg);
    background-position: center top;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    font-size: 20px;
    line-height: 100%;
    padding-top: 3px;
    font-family: 'Neucha';
    margin-bottom: 14px;
    text-align: center
}

@media screen and (min-width: 400px) {
    .snackMaking__item {
        padding: 0 15px
    }
}

@media screen and (min-width: 768px) {
    .snackMaking__item {
        width: 25%;
        text-align: left;
        padding: 0 15px 0 0
    }

    .snackMaking__item::before {
        margin-left: 0
    }
}

@media screen and (min-width: 1260px) {
    .snackMaking__item {
        font-size: 18px;
        padding-right: 45px;
        margin-bottom: 30px
    }

    .snackMaking__item span {
        font-size: 35px
    }
}

.snackMaking__item--1 {
    margin-bottom: 210px
}

@media screen and (min-width: 400px) {
    .snackMaking__item--1 {
        margin-bottom: 190px
    }
}

@media screen and (min-width: 768px) {
    .snackMaking__item--1 {
        margin-bottom: 0
    }
}

.trySnack {
    background: #cee9ef;
    padding-top: 36px;
    padding-bottom: 40px;
    position: relative;
    text-align: center
}

.trySnack .container {
    padding: 0
}

@media screen and (min-width: 768px) {
    .trySnack {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .trySnack .container {
        padding: 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .trySnack {
        padding-top: 70px;
        padding-bottom: 70px;
        background-image: url(img/snack/trySnack/bg.svg);
        background-repeat: no-repeat;
        background-position: calc(50% - 250px) 135px
    }

    .trySnack .container {
        padding: 0 30px
    }
}

.trySnack__title {
    margin-bottom: 26px;
    font-size: 35px;
    width: 280px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 768px) {
    .trySnack__title {
        margin-bottom: 50px;
        width: 100%
    }
}

@media screen and (min-width: 1260px) {
    .trySnack__title {
        font-size: 50px;
        margin-bottom: 50px
    }
}

.trySnack__types {
    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: 30px
}

@media screen and (min-width: 768px) {
    .trySnack__types {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: 0 -10px 25px
    }
}

@media screen and (min-width: 1260px) {
    .trySnack__types {
        margin: 0 -15px 36px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.trySnack__type {
    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;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}

@media screen and (min-width: 360px) {
    .trySnack__type.swiper-slide {
        width: auto
    }
}

@media screen and (min-width: 768px) {
    .trySnack__type {
        margin: 0 10px
    }
}

@media screen and (min-width: 1260px) {
    .trySnack__type {
        margin: 0 5px
    }
}

.trySnack__type:nth-child(2) .trySnack__image {
    width: 220px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 1260px) {
    .trySnack__type:nth-child(2) .trySnack__image {
        width: 380px;
        margin-left: 0
    }
}

.trySnack__type:nth-child(2) .trySnack__link {
    width: 205px
}

@media screen and (min-width: 1260px) {
    .trySnack__type:nth-child(2) .trySnack__link {
        width: 380px
    }

    .trySnack__type:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .trySnack__type:nth-child(3) .trySnack__image {
        width: 390px
    }

    .trySnack__type:nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}

.trySnack__vector_additional {
    display: none
}

@media screen and (min-width: 1260px) {
    .trySnack__vector_additional {
        display: block;
        position: absolute
    }
}

.trySnack__image {
    width: 205px;
    height: 230px;
    position: relative;
    z-index: 1
}

.trySnack__image::after {
    position: absolute;
    left: 0;
    top: -4px;
    z-index: 0;
    width: 230px
}

@media screen and (min-width: 1260px) {
    .trySnack__image {
        width: 380px;
        height: 350px
    }
}

.trySnack__image img {
    display: block
}

.trySnack__subtitle {
    font-size: 25px;
    font-family: "Neucha", sans-serif;
    display: block;
    margin-top: -45px
}

@media screen and (min-width: 1260px) {
    .trySnack__subtitle {
        font-size: 40px;
        margin-bottom: 16px
    }
}

.trySnack__description {
    max-width: 245px;
    text-align: center;
    color: rgba(42, 56, 78, .6);
    font-size: 13px;
    line-height: 1.4
}

.trySnack__link {
    color: #00625e
}

.trySnack__link:hover {
    text-decoration: none;
    color: #2a384e
}

.trySnack__swiper-container {
    position: relative
}

.trySnack__next, .trySnack__prev {
    display: none
}

@media screen and (min-width: 768px) {
    .trySnack__next, .trySnack__prev {
        position: absolute;
        left: -20px;
        top: calc(50% - 17px)
    }
}

@media screen and (min-width: 860px) {
    .trySnack__next, .trySnack__prev {
        left: -60px
    }
}

@media screen and (min-width: 1260px) {
    .trySnack__next, .trySnack__prev {
        left: -25px;
        display: block
    }
}

@media screen and (min-width: 1320px) {
    .trySnack__next, .trySnack__prev {
        left: -60px
    }
}

.trySnack__next {
    left: auto;
    right: -20px
}

@media screen and (min-width: 860px) {
    .trySnack__next {
        right: -60px
    }
}

@media screen and (min-width: 1260px) {
    .trySnack__next {
        right: -25px
    }
}

@media screen and (min-width: 1320px) {
    .trySnack__next {
        right: -60px
    }
}

.introTvorog {
    position: relative;
    padding: 20px 0 40px;
    text-align: center;
    background-color: #f6fafc
}

@media screen and (min-width: 768px) {
    .introTvorog {
        padding: 15px 0 50px;
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .introTvorog {
        padding: 35px 0 70px
    }
}

.introTvorog__content {
    position: relative
}

@media screen and (min-width: 768px) {
    .introTvorog__content {
        width: 540px;
        padding-top: 7px
    }
}

@media screen and (min-width: 1260px) {
    .introTvorog__content {
        width: 760px;
        padding-top: 0;
        margin-left: 200px
    }

    .introTvorog__content::before {
        content: '';
        display: block;
        width: 111px;
        height: 194px;
        position: absolute;
        bottom: -80px;
        left: -170px;
        background-image: url(img/tvorog/introTvorog/decor1.svg);
        -webkit-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat
    }
}

.introTvorog__content::after {
    content: '';
    display: block;
    width: 120px;
    height: 121px;
    margin: 20px auto 0;
    background-image: url(img/tvorog/introTvorog/decor2.svg);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (min-width: 768px) {
    .introTvorog__content::after {
        position: absolute;
        top: 0;
        right: -190px;
        width: 131px;
        height: 131px;
        margin: 0
    }
}

@media screen and (min-width: 1260px) {
    .introTvorog__content::after {
        width: 182px;
        height: 183px;
        right: -235px
    }
}

.introTvorog__title {
    font-size: 25px;
    line-height: 100%;
    margin-bottom: 20px
}

@media screen and (min-width: 400px) {
    .introTvorog__title {
        font-size: 30px;
        line-height: 100%
    }
}

@media screen and (min-width: 768px) {
    .introTvorog__title {
        font-size: 25px;
        line-height: 100%;
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .introTvorog__title {
        font-size: 30px;
        line-height: 100%
    }
}

.introTvorog__text {
    margin-top: 15px;
    font-size: 16px;
    line-height: 145%;
    text-align: left
}

@media screen and (min-width: 768px) {
    .introTvorog__text {
        margin-top: 10px
    }
}

@media screen and (min-width: 1260px) {
    .introTvorog__text {
        margin-top: 20px
    }
}

.tvorog .novelties {
    background-color: #eaf6f9
}

.tvorog .product__image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.tvorog .product__image img {
    -webkit-filter: none;
    filter: none
}

@media screen and (min-width: 1260px) {
    .tvorog .production {
        background-image: url(img/tvorog/production/bg.svg);
        background-repeat: no-repeat;
        background-position: calc(50% - 480px) 180px
    }

    .tvorog .production__title {
        margin-bottom: 50px
    }
}

.tvorog .production__subtitle {
    margin-top: -70px
}

@media screen and (min-width: 768px) {
    .tvorog .production__type:nth-child(2) .production__subtitle {
        margin-top: -83px
    }
}

@media screen and (min-width: 1260px) {
    .tvorog .production__type:nth-child(2) .production__subtitle {
        margin-top: -95px
    }
}

@media screen and (min-width: 768px) {
    .tvorog .production__type:nth-child(3) .production__subtitle {
        margin-top: -55px
    }
}

@media screen and (min-width: 1260px) {
    .tvorog .production__type:nth-child(3) .production__subtitle {
        margin-top: -50px
    }

    .tvorog .production__image, .tvorog .production__types {
        margin-bottom: 0
    }
}

.tvorogInfo {
    background: #f6fafc;
    padding: 40px 0;
    position: relative
}

@media screen and (min-width: 768px) {
    .tvorogInfo {
        padding: 50px 0
    }
}

@media screen and (min-width: 1260px) {
    .tvorogInfo {
        padding: 70px 0
    }
}

.tvorogInfo__pic {
    margin-bottom: 20px
}

@media screen and (min-width: 360px) {
    .tvorogInfo__pic {
        margin-bottom: 30px
    }
}

.tvorogInfo__content:first-child .tvorogInfo__text {
    text-align: center
}

@media screen and (min-width: 768px) {
    .tvorogInfo__content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .tvorogInfo__content:first-child .tvorogInfo__text {
        text-align: left
    }

    .tvorogInfo__content:last-child .tvorogInfo__title {
        position: relative
    }

    .tvorogInfo__content:last-child .tvorogInfo__title::after {
        content: '';
        background-image: url(img/tvorog/tvorogInfo/decor2.svg);
        background-repeat: no-repeat;
        display: block;
        width: 80px;
        height: 72px;
        -webkit-background-size: 80px 72px;
        background-size: 80px 72px;
        position: absolute;
        right: 20px;
        top: 120px
    }
}

@media screen and (min-width: 1260px) {
    .tvorogInfo__content:last-child .tvorogInfo__title {
        width: 350px
    }

    .tvorogInfo__content:last-child .tvorogInfo__title::after {
        width: 110px;
        height: 99px;
        -webkit-background-size: 110px 99px;
        background-size: 110px 99px;
        right: -100px;
        top: 30px
    }
}

.tvorogInfo__title {
    margin-bottom: 15px
}

@media screen and (min-width: 768px) {
    .tvorogInfo__title {
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .tvorogInfo__title {
        margin-bottom: 25px
    }
}

.tvorogInfo__text li, .tvorogInfo__text p {
    font-size: 16px;
    line-height: 145%
}

@media screen and (min-width: 1260px) {
    .tvorogInfo__text li, .tvorogInfo__text p {
        font-size: 18px
    }
}

@media screen and (min-width: 768px) {
    .tvorogInfo__text {
        width: 355px
    }
}

@media screen and (min-width: 1260px) {
    .tvorogInfo__text {
        width: 585px
    }
}

.tvorogInfo__text sub {
    font-size: 13px;
    line-height: 140%;
    color: rgba(42, 56, 78, .6);
    display: block;
    text-align: left;
    position: relative;
    margin-left: 60px;
    margin-top: 10px;
    margin-bottom: 40px
}

.tvorogInfo__text sub::before {
    content: '';
    width: 38px;
    height: 40px;
    background-image: url(img/tvorog/tvorogInfo/sub.svg);
    display: block;
    position: absolute;
    top: 18px;
    left: -60px
}

@media screen and (min-width: 360px) {
    .tvorogInfo__text sub::before {
        top: 5px
    }
}

@media screen and (min-width: 768px) {
    .tvorogInfo__text sub {
        margin-bottom: 50px
    }
}

@media screen and (min-width: 1260px) {
    .tvorogInfo__text sub {
        font-size: 16px;
        margin-top: 20px;
        margin-bottom: 65px
    }
}

.tvorogInfo__block {
    margin: 0 -20px;
    padding: 30px 20px;
    background-image: url(img/tvorog/tvorogInfo/bg.svg);
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%
}

.tvorogInfo__block h2, .tvorogInfo__block p {
    margin-left: 32px
}

@media screen and (min-width: 360px) {
    .tvorogInfo__block {
        margin: 0;
        padding: 30px
    }
}

.tvorogInfo__pic {
    text-align: center
}

@media screen and (min-width: 768px) {
    .tvorogInfo__pic {
        width: 310px
    }
}

@media screen and (min-width: 1260px) {
    .tvorogInfo__pic {
        width: 650px;
        position: relative
    }

    .tvorogInfo__pic img {
        width: 463px;
        margin-left: auto
    }

    .tvorogInfo__pic::after {
        content: url(img/tvorog/tvorogInfo/decor.svg);
        position: absolute;
        top: 150px;
        left: 0
    }
}

.tvorogKv {
    display: block
}

.tvorogArticles {
    padding-top: 30px;
    background-color: #f6fafc
}

@media screen and (min-width: 1260px) {
    .tvorogArticles {
        padding-top: 50px
    }
}

.tvorogRetail {
    background: #eaf6f9
}

@media screen and (min-width: 1260px) {
    .tvorogRetail.retail {
        padding: 50px 0
    }
}

.introWater {
    position: relative;
    padding: 20px 0 40px;
    text-align: center;
    background-color: #f6fafc
}

@media screen and (min-width: 768px) {
    .introWater {
        padding: 15px 0 50px;
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .introWater {
        padding: 35px 0 70px
    }
}

.introWater__content {
    position: relative
}

@media screen and (min-width: 768px) {
    .introWater__content {
        width: 500px;
        padding-top: 7px
    }
}

@media screen and (min-width: 1260px) {
    .introWater__content {
        width: 620px;
        padding-top: 0;
        margin-left: 220px
    }

    .introWater__content::before {
        content: '';
        display: block;
        width: 163px;
        height: 155px;
        position: absolute;
        bottom: 0;
        left: -220px;
        background-image: url(img/water/introWater/decor1.png);
        -webkit-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat
    }
}

.introWater__content::after {
    content: '';
    display: block;
    width: 220px;
    height: 101px;
    margin: 20px auto 0;
    background-image: url(img/water/introWater/decor2.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat
}

@media screen and (min-width: 768px) {
    .introWater__content::after {
        position: absolute;
        top: 0;
        right: -230px;
        width: 220px;
        height: 101px;
        margin: 0
    }
}

@media screen and (min-width: 1260px) {
    .introWater__content::after {
        width: 286px;
        height: 134px;
        right: -360px
    }
}

.introWater__title {
    font-size: 25px;
    line-height: 100%
}

@media screen and (min-width: 400px) {
    .introWater__title {
        font-size: 30px;
        line-height: 100%
    }
}

@media screen and (min-width: 768px) {
    .introWater__title {
        font-size: 25px;
        line-height: 100%;
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .introWater__title {
        font-size: 30px;
        line-height: 100%
    }
}

.introWater__text {
    margin-top: 15px;
    font-size: 16px;
    line-height: 145%
}

@media screen and (min-width: 768px) {
    .introWater__text {
        margin-top: 10px
    }
}

@media screen and (min-width: 1260px) {
    .introWater__text {
        margin-top: 20px
    }
}

.introWater__sub {
    margin-top: 10px;
    font-size: 13px;
    line-height: 140%;
    color: rgba(42, 56, 78, .6)
}

.kvWater {
    position: relative;
    padding-top: 0;
    padding-bottom: 20px;
    text-align: center;
    background-color: #f6fafc
}

@media screen and (min-width: 400px) {
    .kvWater {
        padding-top: 20px
    }
}

@media screen and (min-width: 768px) {
    .kvWater {
        padding-top: 30px;
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .kvWater {
        padding-bottom: 35px
    }
}

.kvWater__content {
    position: relative
}

.kvWater__bannerImage {
    height: 240px;
    margin: 0 -20px;
    background-image: url(img/water/kvWater/banner-m.jpg);
    -webkit-background-size: auto 100%;
    background-size: auto 100%;
    background-position: center top;
    background-repeat: no-repeat
}

@media screen and (min-width: 400px) {
    .kvWater__bannerImage {
        margin: 0;
        -webkit-border-radius: 11px;
        border-radius: 11px
    }
}

@media screen and (min-width: 768px) {
    .kvWater__bannerImage {
        height: 300px;
        background-image: url(img/water/kvWater/banner-t.jpg)
    }
}

@media screen and (min-width: 1260px) {
    .kvWater__bannerImage {
        height: 360px;
        background-image: url(img/water/kvWater/banner-d.jpg)
    }
}

@media screen and (min-width: 768px) {
    .kvWater__bannerContent {
        position: absolute;
        top: 65px;
        left: 40px
    }
}

@media screen and (min-width: 1260px) {
    .kvWater__bannerContent {
        left: 100px
    }
}

.kvWater__title {
    font-size: 30px;
    line-height: 100%;
    margin-top: 25px;
    color: #00625e;
    text-align: center
}

@media screen and (min-width: 768px) {
    .kvWater__title {
        width: 300px;
        margin-top: 0;
        font-size: 35px;
        line-height: 100%;
        text-align: left
    }
}

@media screen and (min-width: 1260px) {
    .kvWater__title {
        width: 540px;
        font-size: 50px;
        line-height: 100%
    }
}

.kvWater__button {
    margin-top: 20px;
    background-color: transparent
}

@media screen and (min-width: 1260px) {
    .kvWater__button {
        margin-top: 30px
    }
}

.waterArticles {
    padding: 40px 0;
    background: #eaf6f9;
    position: relative
}

@media screen and (min-width: 768px) {
    .waterArticles {
        padding: 50px 0
    }
}

@media screen and (min-width: 1260px) {
    .waterArticles {
        padding: 70px 0
    }
}

.waterArticles__title {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .waterArticles__title {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .waterArticles__title {
        margin-bottom: 40px
    }
}

.waterArticles__flex {
    display: block
}

@media screen and (min-width: 768px) {
    .waterArticles__flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.waterArticles__articles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0 20px 30px;
    margin-left: -20px;
    margin-right: -20px
}

@media screen and (min-width: 768px) {
    .waterArticles__articles {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin: 0 23px 0 0;
        padding: 0;
        scroll-padding: 0;
        overflow: visible;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(100% - 250px);
        flex: 0 0 calc(100% - 250px)
    }
}

@media screen and (min-width: 1260px) {
    .waterArticles__articles {
        margin-right: 40px;
        -ms-flex-preferred-size: calc(100% - 406px);
        flex-basis: calc(100% - 406px)
    }
}

.waterArticles__article {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    margin-bottom: 30px
}

.waterArticles__article:last-child {
    margin-bottom: 0;
    margin-right: 0
}

@media screen and (min-width: 768px) {
    .waterArticles__article {
        margin-bottom: 0;
        -ms-flex-preferred-size: 229px;
        flex-basis: 229px;
        margin-right: 20px
    }
}

@media screen and (min-width: 1260px) {
    .waterArticles__article {
        -ms-flex-preferred-size: 380px;
        flex-basis: 380px;
        margin-right: 30px
    }
}

.waterArticles__more {
    padding-top: 30px;
    border-top: 1px solid rgba(0, 98, 94, .1);
    position: relative
}

@media screen and (min-width: 360px) {
    .waterArticles__more {
        padding-left: 60px
    }

    .waterArticles__more::before {
        content: '';
        display: block;
        width: 37px;
        height: 124px;
        background: url(img/water/waterArticles/arrow.svg) no-repeat center/contain;
        position: absolute;
        left: 0;
        top: 22px
    }
}

@media screen and (min-width: 768px) {
    .waterArticles__more {
        padding-top: 0;
        padding-left: 60px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 227px;
        flex: 0 0 227px;
        border-top: none
    }

    .waterArticles__more::before {
        width: 45px;
        height: 147px;
        top: 17px
    }
}

@media screen and (min-width: 1260px) {
    .waterArticles__more {
        -ms-flex-preferred-size: 366px;
        flex-basis: 366px;
        padding-left: 100px;
        padding-top: 20px
    }

    .waterArticles__more::before {
        width: 66px;
        height: 221px;
        top: 40px;
        left: 10px
    }
}

.waterArticles__more-title {
    max-width: calc(100% - 90px);
    margin-bottom: 15px;
    color: #00625e
}

@media screen and (min-width: 768px) {
    .waterArticles__more-title {
        max-width: 100%;
        margin-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .waterArticles__more-title {
        margin-bottom: 32px;
        font-size: 50px;
        line-height: 100%;
        max-width: 240px
    }
}

.waterArticles__animal {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 78px;
    height: 101px;
    background: url(img/water/waterArticles/decor-m.png) no-repeat center/contain
}

@media screen and (min-width: 360px) {
    .waterArticles__animal {
        right: 10px
    }
}

@media screen and (min-width: 768px) {
    .waterArticles__animal {
        display: none
    }
}

.waterProducts {
    position: relative;
    text-align: center;
    padding: 40px 0;
    background: #eaf6f9
}

@media screen and (min-width: 768px) {
    .waterProducts {
        padding: 50px 0
    }
}

@media screen and (min-width: 1260px) {
    .waterProducts {
        padding: 70px 0
    }
}

.waterProducts__title {
    margin-bottom: 20px
}

@media screen and (min-width: 768px) {
    .waterProducts__title .from-tablet {
        display: inline
    }

    .waterProducts__title {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .waterProducts__title {
        margin-bottom: 40px
    }
}

.waterProducts__products {
    padding: 0 20px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin: 0 -20px
}

@media screen and (min-width: 768px) {
    .waterProducts__products {
        padding-bottom: 20px
    }
}

@media screen and (min-width: 1260px) {
    .waterProducts__products {
        padding: 0;
        margin: 0;
        scroll-padding: 0;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

.waterProducts__product {
    scroll-snap-align: start;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 190px;
    flex: 0 0 190px
}

@media screen and (min-width: 768px) {
    .waterProducts__product {
        -ms-flex-preferred-size: 229px;
        flex-basis: 229px;
        margin-right: 20px
    }
}

@media screen and (min-width: 1260px) {
    .waterProducts__product {
        -ms-flex-preferred-size: 278px;
        flex-basis: 278px;
        margin-right: 30px
    }
}

.waterProducts__product:last-child {
    margin-right: 0
}

@media (max-width: 767px) {
    .waterProducts__product .product__image {
        height: 195px
    }
}

.waterProducts__swiper-container {
    position: relative
}

.waterProducts__next, .waterProducts__prev {
    display: none
}

@media screen and (min-width: 768px) {
    .waterProducts__next, .waterProducts__prev {
        display: block;
        position: absolute;
        left: -20px;
        top: 110px
    }
}

@media screen and (min-width: 860px) {
    .waterProducts__next, .waterProducts__prev {
        left: -60px
    }
}

@media screen and (min-width: 1260px) {
    .waterProducts__next, .waterProducts__prev {
        display: none
    }
}

.waterProducts__next {
    left: auto;
    right: -20px
}

@media screen and (min-width: 860px) {
    .waterProducts__next {
        right: -60px
    }
}

@media screen and (min-width: 1260px) {
    .waterProducts__next {
        right: -25px
    }
}

@media screen and (min-width: 1320px) {
    .waterProducts__next {
        right: -60px
    }
}

@media screen and (min-width: 768px) {
    .waterProducts__swiper {
        margin-bottom: 22px
    }
}

@media screen and (min-width: 1260px) {
    .waterProducts__swiper {
        margin-bottom: 32px
    }
}

.waterProducts__slide {
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 240px;
    flex: 0 0 240px;
    position: relative
}

.waterProducts__slide::before {
    content: '';
    display: block;
    padding-top: 77.08333%
}

@media screen and (min-width: 768px) {
    .waterProducts__slide::before {
        padding-top: 68.26087%
    }

    .waterProducts__slide {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.waterProducts__slide img {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.waterShops {
    position: relative;
    padding: 40px 0;
    background-color: #f6fafc
}

@media screen and (min-width: 768px) {
    .waterShops {
        padding: 50px 0
    }
}

@media screen and (min-width: 1260px) {
    .waterShops {
        padding: 70px 0
    }
}

.waterShops__title {
    margin-bottom: 20px;
    font-size: 35px;
    line-height: 100%;
    text-align: center
}

@media screen and (min-width: 768px) {
    .waterShops__title {
        margin-bottom: 25px
    }
}

@media screen and (min-width: 1260px) {
    .waterShops__title {
        margin-bottom: 40px;
        font-size: 50px;
        line-height: 100%
    }
}

@media screen and (min-width: 768px) {
    .waterShops__list {
        width: 768px;
        margin: 0 auto;
        padding: 0 20px
    }
}

@media screen and (min-width: 1260px) {
    .waterShops__list {
        width: 1260px;
        padding: 0 30px
    }
}

@media screen and (min-width: 768px) {
    .waterShops__list.swiper {
        overflow: visible
    }

    .waterShops__list .swiper-wrapper {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        row-gap: 20px;
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px
    }
}

@media screen and (min-width: 1260px) {
    .waterShops__list .swiper-wrapper {
        row-gap: 28px;
        -webkit-column-gap: 28px;
        -moz-column-gap: 28px;
        column-gap: 28px
    }
}

.waterShops__listItem {
    display: block;
    width: 240px;
    margin: 0 auto;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    overflow: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

@media screen and (min-width: 450px) {
    .waterShops__listItem {
        width: 305px
    }
}

@media screen and (min-width: 768px) {
    .waterShops__listItem {
        width: 229px;
        margin: 0
    }
}

@media screen and (min-width: 1260px) {
    .waterShops__listItem {
        width: 278px
    }
}

@media screen and (min-width: 768px) {
    .waterShops__listItem:active, .waterShops__listItem:focus, .waterShops__listItem:hover {
        -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, .15);
        box-shadow: 0 5px 30px rgba(0, 0, 0, .15)
    }
}

.waterShops__listItem img, .wfoodKv {
    display: block
}

.wfood .natural {
    background-color: #f6fafc;
    padding: 40px 0;
    position: relative
}

@media screen and (min-width: 768px) {
    .wfood .natural {
        padding: 50px 0
    }
}

@media screen and (min-width: 1260px) {
    .wfood .natural {
        padding: 70px 0
    }
}

.wfood .natural .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

@media screen and (min-width: 768px) {
    .wfood .natural .container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.wfood .natural__text {
    font-family: "Neucha", sans-serif;
    font-size: 30px;
    line-height: 100%;
    text-align: center;
    color: #00625e;
    margin-bottom: 20px;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 400px) {
    .wfood .natural__text {
        max-width: 350px
    }
}

@media screen and (min-width: 450px) {
    .wfood .natural__text {
        max-width: 440px
    }
}

@media screen and (min-width: 768px) {
    .wfood .natural__text {
        max-width: none;
        font-size: 25px;
        text-align: left;
        margin: 0
    }
}

@media screen and (min-width: 1260px) {
    .wfood .natural__text {
        font-size: 35px;
        max-width: 630px
    }
}

.wfood .natural__sub {
    display: block;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 13px;
    line-height: 140%;
    color: rgba(42, 56, 78, .6);
    margin-top: 10px
}

@media screen and (min-width: 1260px) {
    .wfood .natural__sub {
        margin-top: 20px;
        width: 410px
    }
}

.wfood .natural__iconBlock {
    width: 256px;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width: 768px) {
    .wfood .natural__iconBlock {
        width: 288px;
        margin: 0 20px 0 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

@media screen and (min-width: 1260px) {
    .wfood .natural__iconBlock {
        width: 426px;
        margin-right: 90px
    }
}

.wfood .natural__iconBlock img {
    display: block;
    height: auto
}

.wfood .novelties {
    background-color: #eaf6f9
}

.wfood .product__image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.wfood .product__image img {
    -webkit-filter: none;
    filter: none
}

.wfood .novelties__animal {
    left: 210px;
    bottom: -76px;
    width: 190px;
    height: 122px;
    background: url(img/wfood/novelties/animal.svg) no-repeat center/contain
}

.wfood .production {
    background-image: url(img/wfood/production/bg-m.jpg);
    background-repeat: no-repeat;
    background-position: center bottom
}

@media screen and (min-width: 768px) {
    .wfood .production {
        background-image: url(img/wfood/production/bg-t.jpg)
    }
}

@media screen and (min-width: 1260px) {
    .wfood .production {
        background-image: url(img/wfood/production/bg-d.jpg)
    }

    .wfood .production__title {
        margin-bottom: 50px
    }
}

.wfood .production__type:nth-child(1) .production__vector {
    display: none
}

@media screen and (min-width: 1260px) {
    .wfood .production__type:nth-child(1) .production__vector {
        display: block;
        margin-top: -200px
    }
}

.wfood .production__type:nth-child(1)::before {
    content: url(img/wfood/production/penguin-m.svg);
    position: absolute;
    top: 130px;
    left: -30px
}

@media screen and (min-width: 768px) {
    .wfood .production__type:nth-child(1)::before {
        left: auto;
        right: 10px;
        z-index: 10
    }
}

@media screen and (min-width: 1260px) {
    .wfood .production__type:nth-child(1)::before {
        content: url(img/wfood/production/penguin-d.svg);
        right: -40px;
        top: 80px
    }
}

.wfood .production__type:nth-child(1) .production__vector_additional {
    left: 50px;
    bottom: 70px;
    top: auto
}

.wfood .production__type:nth-child(2) .production__vector {
    display: none
}

.wfood .production__type:nth-child(2)::before {
    content: url(img/wfood/production/chang-m.svg);
    position: absolute;
    top: 120px;
    right: -20px;
    z-index: 10
}

@media screen and (min-width: 1260px) {
    .wfood .production__type:nth-child(2)::before {
        content: url(img/wfood/production/chang-d.svg);
        right: -110px;
        top: 180px
    }
}

.wfood .production__type:nth-child(3) .production__subtitle {
    margin-top: -70px
}

.wfood .production__type:nth-child(3) .production__vector {
    display: none
}

@media screen and (min-width: 768px) {
    .wfood .production__type:nth-child(3) .production__subtitle {
        margin-top: -50px
    }
}

@media screen and (min-width: 1260px) {
    .wfood .production__type:nth-child(3) .production__subtitle {
        margin-top: -100px
    }
}

.wfood .production__subtitle {
    margin-top: -50px
}

@media screen and (min-width: 1260px) {
    .wfood .production__subtitle {
        margin-top: -100px
    }
}

.wfoodArticles.wfoodArticles {
    padding-top: 20px;
    background-color: #f6fafc
}

@media screen and (min-width: 1260px) {
    .wfoodArticles.wfoodArticles {
        padding-top: 35px
    }
}

.wfoodRetail.wfoodRetail {
    background-color: #eaf6f9
}

@media screen and (min-width: 1260px) {
    .wfoodRetail.wfoodRetail::before {
        content: '';
        position: absolute;
        top: -66px;
        left: 50%;
        -webkit-transform: translateX(calc(-50% + 500px));
        -ms-transform: translateX(calc(-50% + 500px));
        transform: translateX(calc(-50% + 500px));
        width: 137px;
        height: 141px;
        background-image: url(img/wfood/wfoodRetail/decor.png);
        -webkit-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat;
        z-index: 60
    }
}

.lKasha .kvLanding {
    padding-top: 20px !important;
}

.lKasha .kvLanding__content {
    display: block;
}

.lKasha .kvLanding__bannerImage {
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
    background-image: url(/local/templates/frutonyanya/img/lKasha/lKashaKv/banner-m-new.webp);
    height: 45vw;
    width: 100%;
    border-radius: 11px !important;
    overflow: hidden !important
}

.lKasha .prodLKasha__content {
    width: 100%;
    margin: 0;
}

.lKasha .prodLKasha__card {
    width: 100%;
}

.lKasha .lKashaArticles,
.lKasha .lKashaSlider {
    display: none;
}

@media screen and (min-width: 768px) {
    .lKasha .kvLanding {
        padding-top: 130px !important;
    }

    .lKasha .kvLanding__bannerImage {
        background-image: url(/local/templates/frutonyanya/img/lKasha/lKashaKv/banner-t-new.webp);
        height: auto;
        width: auto;
        aspect-ratio: 1456 / 600;
        background-size: 100% auto;
    }

    .lKasha .prodLKasha__content {
        width: auto;
        margin: 0;
    }

    .lKasha .prodLKasha__card {
        flex: 1 1 0;
    }
}

@media screen and (min-width: 1260px) {
    .lKasha .kvLanding {
        padding-top: 30px !important;
    }

    .lKasha .kvLanding__bannerImage {
        background-image: url(/local/templates/frutonyanya/img/lKasha/lKashaKv/banner-d-new3.png);
        height: 360px;
        aspect-ratio: unset;
        background-size: cover;
        background-position: 0 -25px;
        margin: 0 -113px !important;
    }

    .lKasha .prodLKasha__card {
        max-width: none;
    }
}