@font-face {
    font-family: 'Roboto';
    src: url(../fonts/roboto-medium-webfont.woff2) format('woff2'),url(../fonts/roboto-medium-webfont.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

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

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

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

@font-face {
    font-family: 'Roboto';
    src: url(../fonts/roboto-black-webfont.woff2) format('woff2'),url(../fonts/roboto-black-webfont.woff) format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Styrene B LC';
    src: url(../fonts/StyreneB-Medium-Cy-Web.woff2) format('woff2'),url(../fonts/StyreneB-Medium-Cy-Web.woff) format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Styrene B LC';
    src: url(../fonts/StyreneB-Bold-Cy-Web.woff2) format('woff2'),url(../fonts/StyreneB-Bold-Cy-Web.woff) format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

/*!
 * Bootstrap v2.3.2
 *
 * Copyright 2013 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
    *zoom:1}

.clearfix:before,.clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin: 0;
    padding: 0
}

ol,ul {
    list-style: none
}

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

audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom:1}

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

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:focus {
    outline: 0
}

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

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic
}

form {
    margin: 0;
    padding: 0
}

button,input,select,textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}

button,input {
    *overflow: visible;
    line-height: normal
}

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

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

label,select,button,input[type=button],input[type=reset],input[type=submit],input[type=radio],input[type=checkbox] {
    cursor: pointer
}

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

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

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

* {
    outline: 0;
    box-sizing: border-box
}

:focus {
    outline: 0
}

a:focus,input:focus,select:focus,textarea:focus {
    outline: 0
}

input,textarea,button {
    outline: 0;
    -webkit-appearance: none
}

.clearfix:before,.clearfix:after,.list:before,.list:after {
    content: "";
    display: table
}

.clearfix:after,.list:after {
    clear: both
}

.clearfix,.list {
    zoom:1}

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

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

.slick-list:focus {
    outline: 0
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

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

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

.slick-list:focus {
    outline: 0
}

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

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

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

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

.slick-track:after {
    clear: both
}

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

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

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

.slick-slide img {
    display: block
}

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

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

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

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

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

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

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: 0!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace
}

.mfp-close:hover,.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,.mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0,0,0,.6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation:landscape),screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left:0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform:scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

@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-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size)/44*27);
    height: var(--swiper-navigation-size);
    margin-top: calc(0px - (var(--swiper-navigation-size)/2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color,var(--swiper-theme-color))
}

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

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000000
}

.swiper-button-lock {
    display: none
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--swiper-theme-color))
}

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

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

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

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

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

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

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

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

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

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

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

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

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

.swiper-pagination-white {
    --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
    display: none
}

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

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

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

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

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

.swiper-scrollbar-lock {
    display: none
}

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

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

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

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

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

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

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

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

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

.swiper-container-cube {
    overflow: visible
}

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

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

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

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

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

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

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-container-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px)
}

.swiper-container-flip {
    overflow: visible
}

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

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

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

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

:root {
    --main-bg-color: #ffffff;
    --main-color: #333333;
    --second-color: #8E8E93;
    --article-color: #000000;
    --link-color: #12A2BF;
    --link-color-light: #4AC4D7;
    --label-color: #12A2BF;
    --active-color: #E31235;
    --servise-success: #1DA444;
    --servise-warning: #FFA41C;
    --article-title-color: #4F1F68;
    --button-dark-bg: #12A2BF;
    --button-dark-color: #ffffff;
    --button-dark-hover: #1095AF;
    --button-light-bg: #E6F7F9;
    --button-light-color: #12A2BF;
    --button-light-hover: #D1EDF4;
    --button-main-guide-bg: #4AC4D7;
    --button-main-guide-color: #ffffff;
    --button-main-guide-hover: #12A2BF;
    --button-red-guide-bg: #E21235;
    --button-red-guide-color: #ffffff;
    --button-red-guide-hover: #bd0f2c;
    --main-guide-blue: #4AC4D7;
    --secondary-guide-grey: #86868A;
    --accent-guide-red: #E21235;
    --error-guide-color: #E21235;
    --active-guide-color: #1484FF;
    --ocean-guide-color: #EEFAFC;
    --font-Styrene: "Styrene B LC", Roboto, Arial, sans-serif;
    --disabled-color: #C6C6CA;
    --article-aside: 315px;
    --article-container: 830px;
    --article-indent: 50px;
    --article-container-mobile: 335px
}

@media (max-width: 1279px) {
    :root {
        --article-indent:30px
    }
}

html {
    box-sizing: border-box;
    scroll-behavior: smooth
}

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

body {
    font-size: 16px;
    line-height: 1.37;
    font-family: Roboto,Arial,Helvetica,sans-serif;
    background-color: var(--main-bg-color);
    color: var(--main-color);
    font-weight: 400;
    display: flex;
    flex-flow: column nowrap;
    min-height: 100vh;
    min-width: 320px
}

body.menu-overflow {
    overflow: hidden
}

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

.hidden {
    overflow: hidden
}

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

.container {
    width: 100%;
    max-width: calc(1260px + 70px*2);
    padding: 0 70px;
    margin: 0 auto
}

#mobile_detect,#tablet_detect {
    display: none;
    width: 1px;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0
}

.nowrap {
    white-space: nowrap
}

.button {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    vertical-align: top;
    font-size: 16px;
    line-height: 22px;
    color: var(--main-color);
    text-decoration: none;
    padding: 10px 25px;
    height: 48px;
    text-align: center;
    white-space: nowrap;
    border: 0;
    margin: 0;
    font-family: 'Roboto',Arial,Helvetica,sans-serif;
    font-weight: 500;
    background: var(--main-bg-color);
    border-radius: 4px;
    position: relative;
    transition: background-color .15s ease-in-out
}

.button--dark {
    background: var(--button-main-guide-bg);
    color: var(--button-main-guide-color)
}

.button--dark:hover {
    background-color: var(--button-main-guide-hover)
}

.button--light {
    background: var(--button-light-bg);
    color: var(--button-light-color)
}

.button--light:hover {
    background-color: var(--button-light-hover)
}

.button--red {
    background: var(--button-red-guide-bg);
    color: var(--button-red-guide-color)
}

.button--red:hover {
    background-color: var(--button-red-guide-hover)
}

.button--100 {
    width: 100%
}

.input-hld {
    margin: 0 0 24px;
    position: relative
}

.text-input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    background: 0 0;
    padding: 12px 16px;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Roboto',Arial,Helvetica,sans-serif;
    font-weight: 400;
    color: var(--main-color);
    margin: 0;
    border: 1px solid #dfdee2;
    height: 48px;
    border-radius: 4px;
    position: relative
}

.text-input::-webkit-input-placeholder {
    color: #8e8e93
}

.text-input:-moz-placeholder,.text-input::-moz-placeholder {
    color: #8e8e93;
    opacity: 1
}

.text-input:-ms-input-placeholder {
    color: #8e8e93
}

.text-input.text-input--overlabel {
    background: 0 0;
    height: 56px;
    padding-top: 25px;
    padding-bottom: 5px;
    z-index: 1
}

.input-label {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 16px;
    line-height: 22px;
    color: var(--secondary-guide-grey);
    transition: font-size .15s ease,line-height .15s ease,top .15s ease
}

.text-input--overlabel:focus~.input-label,.text-input--overlabel.with-val~.input-label {
    font-size: 14px;
    line-height: 20px;
    top: 6px
}

.text-input.error {
    border-color: var(--error-guide-color)
}

.text-input[disabled] {
    color: var(--disabled-color)
}

.text-input--overlabel[disabled]~.input-label {
    color: var(--disabled-color)
}

.input-hld label.error {
    display: block;
    font-size: 14px;
    line-height: 20px;
    margin-top: 4px;
    color: var(--error-guide-color);
    cursor: default
}

.clear-input {
    display: none;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 5;
    margin: 0;
    padding: 0;
    border: 0;
    background: url(../img/input-clear.svg) no-repeat center center;
    font-size: 0;
    color: transparent;
    overflow: hidden
}

.text-input.with-val.with-clear.error {
    padding-right: 30px
}

.text-input.with-val.with-clear.error~.clear-input {
    display: block
}

@keyframes loadingRotate {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

.input-hld.loading:before {
    content: "";
    width: 20px;
    height: 20px;
    background: url(../img/input-loading.svg) no-repeat 0 0;
    position: absolute;
    top: 18px;
    right: 18px;
    transform-origin: 50% 50%;
    animation: loadingRotate 2s linear 0s infinite
}

.checkbox {
    display: inline-flex;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.43;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    position: relative
}

.checkbox>i {
    width: 18px;
    height: 18px;
    border: 2px solid #b0b0b4;
    background: #fff;
    border-radius: 2px;
    flex: 0 0 18px;
    position: relative;
    margin: 1px 8px 0 0
}

.checkbox:hover>i {
    border-color: #9b9b9f
}

.checkbox>input:focus-visible~i:before {
    content: "";
    box-sizing: border-box;
    width: 32px;
    height: 32px;
    border-radius: 6px;
    border: 2px solid #1484ff;
    position: absolute;
    top: calc(50% - 16px);
    left: calc(50% - 16px)
}

.checkbox:active>i {
    border-color: #86868a
}

.checkbox>input:checked~i {
    background: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0H2C0.89 0 0 0.9 0 2V16C0 17.1 0.89 18 2 18H16C17.11 18 18 17.1 18 16V2C18 0.9 17.11 0 16 0ZM7 14L2 9L3.41 7.59L7 11.17L14.59 3.58L16 5L7 14Z' fill='%23E21235'/%3E%3C/svg%3E") no-repeat center center;
    border-color: transparent!important
}

.checkbox:hover>input:checked~i {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0H2C0.89 0 0 0.9 0 2V16C0 17.1 0.89 18 2 18H16C17.11 18 18 17.1 18 16V2C18 0.9 17.11 0 16 0ZM7 14L2 9L3.41 7.59L7 11.17L14.59 3.58L16 5L7 14Z' fill='%23BC0F2C'/%3E%3C/svg%3E")
}

.checkbox:active>input:checked~i {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 0H2C0.89 0 0 0.9 0 2V16C0 17.1 0.89 18 2 18H16C17.11 18 18 17.1 18 16V2C18 0.9 17.11 0 16 0ZM7 14L2 9L3.41 7.59L7 11.17L14.59 3.58L16 5L7 14Z' fill='%23980C24'/%3E%3C/svg%3E")
}

.checkbox>span {
    flex-basis: calc(100% - 30px)
}

.checkbox a {
    text-decoration: underline
}

.checkbox a:hover {
    text-decoration: none
}

.checkbox>input.error~i {
    border-color: var(--error-guide-color)
}

.checkbox>span.error-mess {
    display: none;
    position: absolute;
    top: 100%;
    left: 33px;
    right: 0;
    margin-top: 2px;
    color: var(--error-guide-color)
}

.checkbox>input.error~span.error-mess {
    display: block
}

.checkbox>label.error {
    flex: 1 0 100%;
    order: 5;
    padding-left: 26px
}

.page-section h1,.container h2 {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.29;
    letter-spacing: .1px;
    margin: 0 0 1.14em;
    font-family: 'Styrene B LC',Arial,Helvetica,sans-serif
}

.container h2.h2--mini {
    font-weight: 500;
    font-size: 24px
}

body>.page-container {
    overflow: hidden;
    padding: 0;
    padding-bottom: 65px
}

body>.page-container--sticky {
    overflow: visible
}

.grid {
    display: grid;
    grid-gap: 28px;
    grid-template-columns: repeat(12,1fr)
}

.grid__col_3 {
    grid-column: span 3
}

.grid__col_4 {
    grid-column: span 4
}

.grid__col_6 {
    grid-column: span 6
}

.grid__col_8 {
    grid-column: span 8
}

.article-carousel {
    position: relative
}

.article-carousel__inner {
    overflow: hidden
}

.article-carousel .swiper-slide {
    width: 401px
}

.title-with-button {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

.title-with-button .button {
    min-width: 225px;
    height: 40px;
    margin-left: 32px
}

.mobile-all {
    display: none
}

.mobile-all .button {
    height: 40px;
    margin-top: 15px
}

.slick-arrow,.swiper-button {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../img/slider/arrow-left.svg) no-repeat center center #fff;
    box-shadow: 0 1px 20px rgba(4,6,28,.1);
    padding: 0;
    margin: 0;
    border: 0;
    border-radius: 50%;
    color: transparent;
    font-size: 0;
    position: absolute;
    top: calc(50% - 20px);
    z-index: 10
}

.slick-prev,.swiper-button_prev {
    background-image: url(../img/slider/arrow-right.svg);
    left: -16px
}

.slick-next,.swiper-button_next {
    right: -16px
}

.slick-arrow.slick-disabled,.swiper-button-disabled {
    display: none!important
}

.slick-dots {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 16px
}

.slick-dots li {
    margin: 0;
    padding: 0 6px;
    height: 2px
}

.slick-dots button {
    display: block;
    background-color: #dfdee2;
    border-radius: 2px;
    border: 0;
    width: 32px;
    height: 2px;
    font-size: 0;
    margin: 0
}

.swiper-notification {
    display: none
}

li.slick-active button {
    background-color: #333
}

.article-carousel .swiper-button {
    top: 90px
}

.article-carousel.article-carousel--news .swiper-button {
    top: 35px
}

.swiper-slider.swiper-container-initialized .grid {
    display: flex;
    grid-gap: 0
}

.page-section+.page-section {
    margin-top: 56px
}

@media (max-width: 1035px) {
    #tablet_detect {
        display:block
    }

    .container {
        max-width: 800px;
        padding: 0 16px
    }

    .grid {
        grid-gap: 20px
    }

    .article-carousel .swiper-slide {
        width: 276px
    }

    body>.page-container {
        padding-bottom: 65px
    }

    .article-carousel .swiper-button {
        top: 56px
    }
}

@media (max-width: 767px) {
    #tablet_detect {
        display:none
    }

    #mobile_detect {
        display: block
    }

    .text-input {
        height: 40px;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 16px
    }

    .container {
        max-width: 375px;
        padding-left: 20px;
        padding-right: 20px
    }

    .page-section h1,.container h2 {
        font-size: 24px;
        margin-bottom: .625em
    }

    .container h2.h2--mini {
        font-weight: 700
    }

    .article-carousel__inner {
        overflow: visible
    }

    .article-carousel .swiper-button {
        display: none!important
    }

    .title-with-button .button {
        display: none
    }

    .mobile-all {
        display: block
    }

    .grid_all {
        grid-template-columns: 1fr
    }

    .grid_all .article-item__img {
        margin-left: -65px;
        margin-right: -65px;
        max-width: none
    }

    .grid_all .article-item__img img {
        height: auto
    }

    .grid_all .article-item__title {
        min-height: auto
    }

    .slick-dots {
        margin-top: 19px
    }

    .slick-dots li {
        margin: 0;
        height: 6px;
        padding: 0 3px;
        text-align: center
    }

    .slick-dots button {
        display: block;
        border-radius: 50%;
        width: 6px;
        height: 6px;
        font-size: 0;
        margin: 0;
        border: 0;
        padding: 0
    }
}

@media (max-width: 465px) {
    .grid_all .article-item__img {
        width:calc(100vw - var(--scrollbarWidth));
        min-width: 320px;
        margin-left: min(calc((50vw - 167px - var(--scrollbarWidth)/2)*(-1)),0px);
        border-radius: 0
    }
}

@media (max-width: 375px) {
    .grid_all .article-item__img {
        margin-left:-20px
    }
}

*+.other-articles {
    margin-top: 36px
}

body.dark-page {
    background-color: #232423
}

body.dark-page>.page-container {
    padding-bottom: 150px
}

.dark-page .page-header__logo hr {
    background-color: #fff
}

.dark-page .search__button {
    background-color: #4d4d4d
}

.dark-page .search__button:hover {
    background-color: #5a5a5a
}

.dark-page .account__button {
    background-image: url(../img/account/account-icon--white.svg);
    color: #fff
}

.dark-page .main-menu a {
    color: #fff
}

.dark-page .main-menu a:hover {
    color: rgba(255,255,255,.5)
}

.dark-page .breadcrumbs__list a {
    color: rgba(255,255,255,.5)
}

.dark-page .breadcrumbs__list li:last-child span {
    color: #fff
}

.dark-page .article-goods__slide {
    color: #fff
}

.dark-page .slick-arrow,.dark-page .swiper-button {
    background-color: #4d4d4d;
    box-shadow: 0 1px 20px rgba(4,6,28,.1);
    background-image: url(../img/slider/arrow-left--white.svg)
}

.dark-page .slick-prev,.dark-page .swiper-button_prev {
    background-image: url(../img/slider/arrow-right--white.svg)
}

.dark-page .container h2 {
    color: #fff
}

.dark-page .article-item__title {
    color: #fff
}

.dark-page .article-item__info {
    color: rgba(255,255,255,.5)
}

.dark-page .article-item__time::before {
    background-image: url(../img/article-item/time-icon-grey.svg)
}

.dark-page .article-item__views::before {
    background-image: url(../img/article-item/views-icon-grey.svg)
}

.dark-page .article-item__good::before {
    background-image: url(../img/article-item/re-good-icon-grey.svg)
}

.dark-page .article-item__wow::before {
    background-image: url(../img/article-item/re-wow-icon-grey.svg)
}

.dark-page .article-item__neutral::before {
    background-image: url(../img/article-item/re-neu-icon-grey.svg)
}

.dark-page .article-item__comments::before {
    background-image: url(../img/article-item/comment-icon-grey.svg)
}

@media (max-width: 767px) {
    .dark-page .main-menu {
        background-color:#232423
    }

    .dark-page .open-menu span,.dark-page .open-menu span:before,.dark-page .open-menu span:after {
        background-color: #fff
    }
}

.top-creative {
    background: red
}

.top-creative .container {
    max-width: 900px;
    padding: 0
}

.top-creative a {
    display: block
}

.top-creative picture,.top-creative img {
    display: block;
    max-width: 100%
}

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

@media screen and (max-width: 767px) {
    .top-creative {
        position:absolute;
        top: 0;
        left: 0;
        right: 0;
        min-width: 320px;
        z-index: 505
    }

    .top-creative .container {
        max-width: 375px
    }
}

.page-header {
    padding: 24px 0 0;
    margin: 0 0 35px
}

.page-header .container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center
}

.page-header__logo {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin-top: 0
}

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

.page-header__logo-mvideo img {
    width: 114px;
    margin-top: 3px
}

.page-header__logo-click img {
    width: 123px
}

.page-header__logo hr {
    width: 1px;
    height: 26px;
    color: #dfdee2;
    background: #dfdee2;
    margin: 0 8px;
    border: 0
}

.page-header .search {
    flex: 1 1 auto;
    margin: 0 10px 0 18px;
    max-width: 725px
}

.page-header__write {
    margin-right: 24px
}

.open-menu {
    width: 24px;
    height: 24px;
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 24px;
    left: calc(50% - 167px);
    display: none
}

.top-creative~.page-header .open-menu {
    top: calc(24px + 72px)
}

.open-menu span {
    display: block;
    position: absolute;
    top: 11px;
    left: 50%;
    margin-left: -8px;
    width: 16px;
    height: 2px;
    background: #333;
    border-radius: 3px;
    transition: background .15s
}

.open-menu span:before,.open-menu span:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #333
}

.open-menu span:before {
    top: -5px;
    transition: top .15s linear .15s,transform .15s linear 0s
}

.open-menu span:after {
    bottom: -5px;
    transition: bottom .15s linear .15s,transform .15s linear 0s
}

.open-menu.close-mode span {
    background: 0 0
}

.open-menu.close-mode span:before {
    top: 0;
    transform: rotate(45deg);
    transition: top .15s linear 0s,transform linear .15s .15s
}

.open-menu.close-mode span:after {
    bottom: 0;
    transform: rotate(-45deg);
    transition: bottom .15s linear 0s,transform .15s linear .15s
}

@media (max-width: 1035px) {
    .page-header {
        padding:27px 0 0;
        margin: 0 0 30px
    }
}

@media (max-width: 767px) {
    .page-header {
        padding:23px 0 0;
        margin: 0 0 32px
    }

    .top-creative~.page-header {
        padding-top: clamp(calc(23px + 62px),calc(23px + 19.2vw),calc(23px + 72px))
    }

    .page-header .container {
        flex-flow: row wrap;
        justify-content: center
    }

    .page-header__logo {
        margin-top: 0;
        justify-content: center
    }

    .page-header__logo-mvideo img {
        width: 105px
    }

    .page-header__logo-click img {
        width: 117px
    }

    .page-header__logo hr {
        margin: 0 6px
    }

    .page-header .search {
        flex: 1 1 100%;
        margin: 16px 0 0;
        order: 5
    }

    .page-header__write {
        flex: 1 1 100%;
        margin: 24px 0 0
    }

    .page-header__write .button {
        width: 100%;
        height: 40px;
        padding-top: 5px;
        padding-bottom: 5px
    }

    .page-header .account {
        position: absolute;
        top: 24px;
        right: calc(50% - 164px)
    }

    .top-creative~.page-header .account {
        top: calc(24px + 72px)
    }

    .open-menu {
        display: block;
        z-index: 510
    }
}

@media (max-width: 380px) {
    .page-header .account {
        right:20px
    }

    .open-menu {
        left: 20px
    }

    .page-header__logo hr {
        margin: 0 10px
    }
}

@media (max-width: 375px) {
    .top-creative~.page-header .open-menu,.top-creative~.page-header .account {
        top:max(84px,calc(24px + 19.2vw))
    }
}

@media (max-width: 370px) {
    .page-header__logo {
        width:220px
    }
}

.page-footer {
    background: var(--main-color);
    color: var(--main-bg-color);
    padding: 60px 0 80px;
    margin-top: auto
}

.page-footer__top,.page-footer__bottom {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: space-between
}

.page-footer__left {
    flex: 1 1 auto;
    padding-right: 50px
}

.page-footer__right {
    flex: 0 0 32%
}

.page-footer__left .page-footer__menu {
    max-width: 620px;
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(3,auto);
    grid-row-gap: 22px;
    grid-column-gap: 50px;
    grid-template-columns: 230px auto
}

.page-footer__top .page-footer__right a {
    text-decoration: underline
}

.page-footer__top .page-footer__right a:hover {
    text-decoration: none
}

.page-footer__bottom {
    margin-top: 35px;
    align-items: flex-end
}

.page-footer__bottom .page-footer__menu {
    display: block;
    max-width: 310px
}

.page-footer__bottom .page-footer__menu li+li {
    margin-top: 22px
}

.page-footer__logoside {
    max-width: 620px;
    display: grid;
    grid-template-columns: 230px 1fr;
    grid-column-gap: 50px;
    align-items: end
}

.page-footer__download p {
    margin: 0
}

.page-footer__download-list {
    margin: 30px 0 23px;
    padding: 0;
    list-style: none outside;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

.page-footer__download-list li+li {
    margin-left: 16px
}

.page-footer__download-link {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../img/page-footer/icon-app.svg) no-repeat center center;
    border-radius: 50%;
    font-size: 0;
    color: transparent
}

.page-footer__download-link--gp {
    background-image: url(../img/page-footer/icon-gp.svg)
}

.page-footer__download-link--hw {
    background-image: url(../img/page-footer/icon-hw.svg)
}

.page-footer__download-link--rus {
    background-image: url(../img/page-footer/icon-rus.svg)
}

.page-footer__download-qr img {
    display: block
}

@media (max-width: 1035px) {
    .page-footer {
        padding:60px 0
    }

    .page-footer__right {
        flex-basis: 280px
    }

    .page-footer__left .page-footer__menu,.page-footer__logoside {
        grid-template-columns: 160px 1fr
    }
}

@media (max-width: 767px) {
    .page-footer {
        padding:25px 0 50px
    }

    .page-footer__top,.page-footer__bottom {
        flex-flow: column nowrap;
        justify-content: flex-start;
        align-items: stretch
    }

    .page-footer__left {
        padding: 0;
        flex: 0 1 auto
    }

    .page-footer__right {
        flex: 0 1 auto;
        margin-top: 30px
    }

    .page-footer__left .page-footer__menu,.page-footer__logoside {
        display: block
    }

    .page-footer__menu li+li {
        margin-top: 22px
    }

    .page-footer .socials ul {
        margin: 0 0 30px
    }

    .page-footer__bottom {
        margin-top: 30px;
        position: relative;
        padding-bottom: 70px
    }

    .page-footer__bottom .page-footer__right {
        margin-top: 0
    }

    .page-footer__bottom .page-footer__menu li+li {
        margin-top: 12px
    }

    .page-footer__download {
        margin-top: 30px
    }

    .page-footer__download-list {
        margin: 0
    }

    .page-footer__download-list li+li {
        margin-left: 12px
    }

    .page-footer__download-link {
        width: 40px;
        height: 40px
    }

    .page-footer__logoside .logo {
        position: absolute;
        bottom: 0;
        left: 0
    }

    .page-footer__logoside .logo img {
        display: block;
        width: 106px
    }

    .page-footer__download-qr {
        display: none
    }
}

.article>.survey {
    margin: 35px 0
}

.survey__wrapper {
    max-width: var(--article-container);
    margin-right: calc(var(--article-indent) + var(--article-aside))
}

.survey .ays-poll-main {
    margin: 0!important;
    width: auto!important;
    max-width: none
}

.survey__wrapper .survey__form,.survey .ays-poll-main>form {
    max-width: 723px;
    margin: 0 auto
}

.survey__inner,.survey .ays-poll-main {
    width: auto!important;
    background: #e8f6f9!important;
    padding: 15px 15px 20px!important;
    color: var(--article-color);
    font-family: var(--font-Styrene);
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: .1px;
    border-radius: 10px!important
}

.survey .ays-poll-main .box-apm.choosing-poll,.survey .results-apm {
    border-radius: 0!important;
    padding: 0
}

.survey .ays-poll-main.poll_turquoise .box-apm.choosing-poll {
    background: 0 0!important
}

.survey .ays-poll-main .box-apm>div {
    margin: 0
}

.survey .ays-poll-main .box-apm .ays-poll-vote-message {
    margin-bottom: 10px
}

.survey__question,.survey .ays-poll-main .box-apm .ays_question {
    margin: 0 0 10px;
    text-align: left
}

.survey .ays_question * {
    font-family: var(--font-Styrene)!important
}

.survey .ays_question p {
    text-align: left!important
}

.survey__answer,.survey .apm-choosing label.ays_label_poll {
    display: block;
    padding: 12px 12px 12px 40px!important;
    position: relative;
    border-radius: 4px;
    background: #b9ecf1!important;
    font-weight: 700!important;
    height: 100%;
    align-items: flex-start!important;
    margin: 0
}

.survey .choosing-poll>.apm-answers>.apm-choosing {
    margin-bottom: 0!important
}

.survey .apm-choosing input {
    display: none
}

.ays-poll-main.poll_turquoise .box-apm.choosing-poll label.ays_label_poll * {
    color: var(--article-color)!important;
    width: auto!important
}

.survey .ays-poll-main.poll_turquoise .box-apm.choosing-poll label.ays_label_poll:hover {
    background: #b9ecf1!important
}

.survey__answer+.survey__answer,.survey .apm-answers .apm-choosing+.apm-choosing {
    margin-top: 10px
}

.survey .choosing-poll>.apm-answers>.apm-choosing+.apm-choosing {
    margin-top: 10px!important
}

.survey__answer>span::before,.survey .apm-answers .apm-choosing label.ays_label_poll::before {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 12px;
    border: 4px solid #fff;
    background: #fff
}

.survey__answer>input:checked~span::before,.survey .apm-answers .apm-choosing input:checked~label.ays_label_poll::before {
    background: #000
}

.survey .ays-poll-main .ays-poll-btn {
    background-color: var(--button-main-guide-bg)!important;
    border-radius: 4px;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Roboto',Arial,Helvetica,sans-serif;
    font-weight: 500!important
}

.survey div.ays-poll-main div.answer-percent-res {
    background: var(--button-main-guide-bg)!important;
    max-width: 100%;
    min-width: 1%;
    height: 16px;
    padding: 0 3px;
    line-height: 16px;
    margin-bottom: 12px;
    border-radius: 5px;
    text-align: right;
    font-size: 12px;
    transition: 1s ease-out!important
}

@media screen and (max-width: 1035px) {
    .survey__wrapper {
        max-width:none;
        margin-right: 0
    }
}

@media screen and (min-width: 768px) {
    .survey__wrapper .survey__question,.survey .survey__wrapper .ays-poll-main .box-apm .ays_question {
        margin-bottom:17px
    }

    .survey__wrapper .survey__answers,.survey__wrapper .apm-answers {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: max(3.8%,20px)
    }

    .survey__wrapper .survey__answer+.survey__answer,.survey__wrapper .apm-answers .apm-choosing+.apm-choosing {
        margin-top: 0
    }

    .survey__wrapper .choosing-poll>.apm-answers>.apm-choosing+.apm-choosing {
        margin-top: 0!important
    }
}

@media screen and (max-width: 636px) {
    .survey__inner,.survey:not(.main-survey) .ays-poll-main {
        margin-left:min(calc((50vw - 167px - var(--scrollbarWidth)/2)*(-1)),0px)!important;
        border-radius: 0!important;
        padding-left: 0!important;
        padding-right: 0!important;
        width: calc(100vw - var(--scrollbarWidth))!important
    }

    .survey__form,.survey__wrapper .survey__form,.survey .ays-poll-main>form {
        max-width: 335px;
        margin: 0 auto
    }
}

@media screen and (max-width: 375px) {
    .survey__inner,.survey:not(.main-survey) .ays-poll-main {
        margin-left:-20px!important;
        padding-left: 20px!important;
        padding-right: 20px!important
    }
}

.pagination {
    display: block;
    margin-top: 30px
}

.pagination li {
    display: inline-block
}

.pagination li .page-numbers {
    display: inline-block;
    min-width: 48px;
    height: 48px;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    padding: 10px;
    line-height: 28px;
    margin: 0 2px
}

.pagination li a.page-numbers:hover {
    background: #f5f5f6
}

.pagination li .page-numbers.current {
    border: 1px solid #333
}

.pagination li .next.page-numbers,.pagination li .prev.page-numbers {
    font-size: 0
}

.pagination li .next.page-numbers:before,.pagination li .prev.page-numbers:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 14px;
    margin-top: 7px;
    background: url(../img/next.svg) no-repeat center
}

.pagination li .prev.page-numbers:before {
    background: url(../img/back.svg) no-repeat center
}

.pagination+.button {
    display: none
}

@media only screen and (max-width: 767px) {
    .pagination li .page-numbers {
        min-width:38px;
        height: 38px;
        line-height: 24px;
        padding: 6px;
        margin: 0 1px
    }
}

#popup-share {
    min-height: 214px
}

#popup-auto {
    min-height: 269px
}

.popup__wrapper {
    position: relative;
    width: 400px;
    margin: auto;
    padding: 40px 32px;
    background-color: #fff;
    border-radius: 16px;
    font-size: 16px
}

.popup .mfp-close {
    position: absolute;
    top: 16px;
    right: 50%;
    transform: translateX(50%);
    z-index: 35;
    margin-top: 0;
    margin-right: -172px;
    font-size: 0;
    background-color: transparent;
    border-radius: 0;
    border: 0;
    width: 24px;
    height: 24px
}

.popup .mfp-close::after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    background-image: url(../img/close.svg);
    background-repeat: no-repeat
}

.popup__title {
    font-size: 24px;
    line-height: 1.33;
    color: var(--main-color);
    font-weight: 500;
    margin-bottom: 16px;
    text-align: left
}

.popup__subtitle {
    margin-bottom: 25px;
    text-align: left
}

.popup__subtitle--mini {
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: .2px
}

#popup-auto .popup__title,#popup-auto .popup__subtitle {
    text-align: center
}

.popup .article-share {
    width: 248px;
    margin: 0 auto;
    text-align: left
}

.popup .article-share.article-share--auto {
    width: 324px
}

.popup__checkbox {
    margin: 23px auto 0;
    max-width: 290px
}

.more-code {
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    color: var(--secondary-guide-grey)
}

.more-code__get {
    font-size: 14px;
    line-height: 20px;
    font-family: Roboto,Arial,Helvetica,sans-serif;
    background: 0 0;
    border: 0;
    margin: 0;
    padding: 0;
    color: var(--active-guide-color);
    display: inline-block;
    vertical-align: top
}

.mfp-container {
    padding: 0!important
}

#popup-like,#popup-talk {
    display: none
}

.popup-article {
    position: fixed;
    z-index: 1000;
    right: 20px;
    bottom: 20px;
    width: 360px;
    background-color: #fff;
    border-radius: 8px
}

.popup-article__wrapper {
    width: 360px;
    padding: 24px 24px 14px;
    background-color: #fff;
    border-radius: 8px;
    font-size: 16px;
    box-shadow: 0 1px 20px rgb(4 6 28/10%)
}

.popup-article__title {
    font-family: Roboto,Arial,Helvetica,sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 8px
}

.popup-article__text {
    font-size: 14px;
    line-height: 1.43
}

.popup-article__box {
    display: flex;
    margin-left: -8px
}

.popup-article__link {
    position: relative;
    display: inline-block;
    padding: 10px 8px;
    font-size: 14px;
    line-height: 1.42
}

.popup-article__link-write {
    margin-right: 8px;
    color: var(--main-guide-blue)
}

.popup-article__link-talk {
    padding-right: 17px
}

.popup-article__link-talk::after {
    position: absolute;
    content: "";
    top: 10px;
    right: 7px;
    width: 5px;
    height: 22px;
    background-image: url(../img/promo/arrow2.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.popup-article__line {
    display: none
}

@media screen and (max-width: 767px) {
    .popup__wrapper {
        width:317px
    }

    .popup .mfp-close {
        margin-right: -137px
    }

    .popup .article-share.article-share--auto {
        width: 248px
    }

    #popup-auto {
        min-height: 100vh;
        min-height: 100dvh;
        background: #fff
    }

    #popup-auto .mfp-close {
        right: 25px;
        margin-right: 0
    }

    #popup-auto .popup__wrapper {
        border-radius: 0;
        max-width: 375px;
        width: auto;
        padding: 55px 20px
    }

    #popup-auto .popup__form {
        max-width: 270px;
        margin: 0 auto
    }

    #popup-auto .text-input {
        border-top-color: transparent;
        border-left-color: transparent;
        border-right-color: transparent;
        border-radius: 0;
        padding-right: 0;
        padding-left: 0
    }

    #popup-auto .text-input.with-val.with-clear.error {
        padding-right: 30px
    }

    #popup-auto .clear-input {
        right: 0
    }

    #popup-auto .input-label {
        left: 0
    }

    #popup-auto .input-hld--text {
        max-width: 240px;
        margin-left: auto;
        margin-right: auto
    }

    #popup-auto .button-hld {
        text-align: center
    }

    #popup-auto .button-hld .button--100 {
        width: auto;
        height: 40px;
        padding-top: 6px;
        padding-bottom: 6px
    }

    #popup-like,#popup-talk {
        display: none
    }

    .popup-article {
        width: 100%;
        right: 50%;
        bottom: 0;
        transform: translate(50%);
        border-radius: 8px 8px 0 0;
        height: 0;
        background-color: #fff;
        box-shadow: 0 0 16px rgba(0,0,0,.15);
        transform-origin: bottom center
    }

    #popup-like {
        transition: all .3s ease-in-out
    }

    #popup-talk {
        transition: all .5s ease-in-out
    }

    .popup-article::before {
        position: absolute;
        content: "";
        top: -20px;
        left: 0;
        right: 0;
        height: 20px
    }

    .popup-article.popup-article--active {
        height: 178px
    }

    .popup-article__wrapper {
        position: relative;
        width: 100%;
        border-radius: 8px 8px 0 0;
        box-shadow: none;
        margin: 0 auto;
        padding: 24px 16px 24px;
        height: auto
    }

    .popup-article__title {
        margin-bottom: 16px
    }

    .popup-article__text {
        margin-bottom: 8px
    }

    .popup-article__line {
        display: block;
        position: absolute;
        top: 12px;
        left: 50%;
        transform: translateX(-50%);
        width: 38px;
        height: 4px;
        border-radius: 2px;
        background-color: #dddde1
    }
}

@media screen and (max-width: 363px) {
    .popup-article.popup-article--talk.popup-article--active {
        height:200px
    }
}

@media screen and (max-width: 347px) {
    .popup-article.popup-article--talk.popup-article--active {
        height:225px
    }
}

@media screen and (max-width: 340px) {
    .popup-article.popup-article--like.popup-article--active {
        height:200px
    }
}

.search {
    position: relative;
    display: block
}

.search__button {
    font-size: 0;
    color: transparent;
    position: absolute;
    top: 4px;
    right: 4px;
    width: 40px;
    height: 40px;
    padding: 0;
    background-image: url(../img/search/search-icon.svg);
    background-position: center center;
    background-repeat: no-repeat
}

.search__input {
    padding-right: 47px
}

@media (max-width: 767px) {
    .search__button,.dark-page .search__button {
        width:30px;
        height: 30px;
        background: url(../img/search/search-icon_grey.svg) no-repeat center center;
        top: 5px;
        right: 5px
    }

    .search__button:hover,.dark-page .search__button:hover {
        background-color: transparent
    }

    .search__input {
        padding-right: 35px;
        border-color: var(--second-color)
    }
}

.socials p {
    margin: 0
}

.socials ul {
    margin: 12px 0;
    padding: 0;
    list-style: none outside;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

.socials li+li {
    margin-left: 12px
}

.socials__link {
    display: block;
    width: 40px;
    height: 40px;
    background: url(../img/socials/vk-icon.svg) no-repeat center center #474747;
    border-radius: 50%;
    font-size: 0;
    color: transparent
}

.socials__link_in {
    background-image: url(../img/socials/in-icon.svg)
}

.socials__link_yt {
    background-image: url(../img/socials/yt-icon.svg)
}

.socials__link_fb {
    background-image: url(../img/socials/fb-icon.svg)
}

.socials__link_ok {
    background-image: url(../img/socials/ok-icon.svg)
}

.socials__link_tw {
    background-image: url(../img/socials/tw-icon.svg)
}

.socials__link_tg {
    background-image: url(../img/socials/tg-icon.svg)
}

.main-stories {
    margin: 45px 0;
    position: relative
}

.main-stories .swiper-slide {
    width: 230px
}

.story {
    width: 230px;
    height: 340px;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px;
    display: flex;
    flex-flow: column wrap;
    align-items: stretch;
    justify-content: flex-end;
    position: relative;
    color: #fff;
    cursor: pointer;
    background: no-repeat center center/cover
}

.story::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50%;
    background: linear-gradient(0deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.37) 58.85%,transparent 100%)
}

.story>* {
    position: relative
}

.story__tag {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .2px;
    background: #e31235;
    border-radius: 4px;
    padding: 4px 10px;
    max-width: calc(100% - 30px);
    width: min-content
}

.story__title {
    font-family: var(--font-Styrene);
    font-size: 21px;
    font-weight: 700;
    line-height: 1.19;
    letter-spacing: .2px
}

.story-item .button.button--buy {
    background: #e21235;
    position: relative;
    z-index: 99
}

.story-item__container.story-item__container-product {
    background: #fff
}

.story-product__img {
    height: 45em;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 12em;
    left: 0;
    right: 0
}

.story-product__cost {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.story-product__cost .story-product__cost-new {
    font-size: 7em;
    color: #000;
    font-weight: 700
}

.story-product__cost .story-product__cost-old {
    color: #86868a;
    font-size: 4em;
    text-decoration: line-through
}

.story-product__title {
    font-size: 4em;
    color: #000;
    font-weight: 700;
    padding-top: .5em
}

.story-product__raiting {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.story-product__raiting .story-product__raiting-stars {
    color: #e21235;
    font-size: 4em;
    font-weight: 700;
    display: flex;
    align-items: center
}

.story-product__raiting .story-product__raiting-stars:before {
    content: "";
    display: block;
    width: 1.2em;
    height: 1em;
    background: url(../img/star.svg) no-repeat center;
    background-size: contain;
    margin-top: 3px
}

.story-product__raiting .story-product__raiting-reviews {
    color: #86868a;
    font-size: 3em
}

.story-item__button {
    position: relative;
    z-index: 99
}

.story-item__tag {
    position: relative;
    z-index: 10
}

@media (max-width: 767px) {
    .main-stories {
        margin:25px 0 0
    }

    .main-stories .swiper-slide {
        width: 106px
    }

    .story {
        width: 106px;
        height: 158px;
        padding: 5px;
        border-radius: 8px
    }

    .story__tag {
        font-size: 8px;
        line-height: 10px;
        max-width: calc(100% - 10px);
        top: 5px;
        left: 5px;
        padding: 4px
    }

    .story__title {
        font-size: 12px;
        line-height: 1;
        letter-spacing: .2px
    }

    .main-stories .swiper-button {
        display: none!important
    }
}

.stories {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.62);
    z-index: 1000;
    display: flex;
    font-size: min(min(1.33vw,.73vh),10px)
}

.stories * {
    -webkit-user-select: none;
    user-select: none
}

.stories--hidden {
    top: -200%;
    opacity: 0
}

.stories__container {
    flex: 1 1 100%;
    margin: auto 0
}

.stories__slider {
    position: relative;
    width: 75.6em;
    margin: 0 auto
}

.stories__wrapper {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content: flex-start;
    width: calc(var(--groups)*75.6em + (var(--groups) - 1)*60px);
    transition: transform .3s ease-in-out 0s;
    transform: translateX(calc(var(--group)*-75.6em + var(--group)*-60px))
}

.stories__slider--noanim .stories__wrapper {
    transition: transform .0000001s linear 0s
}

.stories__slide {
    width: 75.6em;
    position: relative
}

.stories__slide+.stories__slide {
    margin-left: 60px
}

.stories__group {
    height: 112em;
    position: relative;
    overflow: hidden;
    border-radius: 1em;
    background: #fff
}

.stories__group::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.2);
    z-index: 10
}

.stories__slide--active .stories__group::after {
    display: none
}

.story-item {
    position: absolute;
    top: -2px;
    left: -2px;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    background: no-repeat center center;
    background-size: cover;
    opacity: 0
}

.story-item--active {
    opacity: 1;
    z-index: 1
}

.stories-pagination {
    position: absolute;
    top: 4.5em;
    left: 4.5em;
    right: 4.5em;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: center;
    gap: 2em;
    z-index: 5
}

.stories-pagination__item {
    flex: 1 1 100%;
    height: .6em;
    border-radius: .3em;
    background: rgba(223,222,226,.6);
    overflow: hidden
}

@keyframes storyTime {
    0% {
        width: 0%
    }

    to {
        width: 100%
    }
}

.stories-pagination__item::before {
    content: "";
    display: block;
    height: 100%;
    background: #f5f5f5;
    width: 0%
}

.stories-pagination__item--active::before {
    animation: storyTime var(--speed) linear 0s forwards
}

.stories-pagination__item--done::before {
    width: 100%;
    animation-name: none
}

.stories__button {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: url(../img/story/story-arrow.svg) no-repeat center center #fff;
    box-shadow: 0 1px 20px rgba(4,6,28,.1);
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: calc(50% - 20px);
    transform-origin: center center
}

.stories__button--disabled {
    display: none
}

.stories__button--prev {
    left: -50px
}

.stories__button--next {
    right: -50px;
    transform: scaleX(-1)
}

.stories__close {
    display: none;
    width: 4em;
    height: 4em;
    background: url(../img/story/story-close.svg) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 8em;
    right: 4.5em;
    border: 0;
    margin: 0;
    padding: 0;
    z-index: 5
}

.stories__slide--active .stories__close {
    display: block
}

.story-item__container {
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
    justify-content: flex-end;
    padding: calc(3.8em + 2px) calc(4.5em + 2px);
    background: linear-gradient(0deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.37) 58.85%,transparent 100%);
    background-size: 100% 51%;
    background-position: bottom center;
    background-repeat: no-repeat;
    color: #fff;
    position: relative
}

.story-item__container>:not(.story-item__tag) {
    width: 100%
}

.story-item__container>:last-child {
    margin-bottom: 0
}

.story-item__nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.story-item__nav>* {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    background: 0 0
}

.story-item__prev {
    left: 0
}

.story-item__next {
    right: 0
}

.story-item__title,.story-item__poll .range_poll .ays_question>p {
    font-size: 4.8em!important;
    font-weight: 700;
    line-height: 1.07;
    margin: 0;
    font-family: var(--font-Styrene)
}

.story-item__poll .range_poll .ays_question>p {
    margin: 0 0 1em
}

.story-item__text {
    font-size: 3.6em;
    font-weight: 500;
    line-height: 1.22
}

.story-item__container *+.story-item__text {
    margin-top: 1em
}

.story-item__tag {
    position: absolute;
    top: 4em;
    left: 1.875em;
    border-radius: .3em;
    background: #e31235;
    font-size: 2.4em;
    font-weight: 500;
    line-height: 1;
    padding: .5em 1em;
    width: min-content;
    max-width: calc(100% - 3.75em)
}

.story-item .button {
    font-size: 4em;
    line-height: 1;
    padding: .2em;
    height: 2.9em;
    border-radius: .2em
}

.story-item__button {
    margin-top: 3.6em
}

.story-item__buttons {
    margin-top: 3.6em;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 4em
}

.story-item__poll,.story-slider,.story-poll,.story-item__test {
    margin-top: 3.6em
}

.story-item__poll .ays-poll-main {
    width: 100%;
    max-width: none;
    margin: 0!important;
    padding: 0
}

.ays-poll-main .box-apm>div {
    margin: 0
}

.story-slider,.story-item__poll .range_poll .apm-answers,.story-item__poll .range_poll .results-apm {
    border-radius: 1em;
    background: rgba(240,240,240,.5);
    padding: 4.8em 2em;
    position: relative
}

.story-item__poll .range_poll .results-apm {
    padding-top: 3.8em;
    padding-bottom: 3.8em
}

.story-slider__bar,.story-item__poll .range_poll .apm-range,.story-item__poll .answer-percent_range_res {
    height: 2em;
    border-radius: 1em;
    background: #d9d9d9;
    position: relative
}

.story-item__poll .answer-percent_range_res {
    height: 4em;
    border-radius: 3em
}

.story-item__poll .range-poll>.results-apm {
    display: block
}

.story-item__poll .answer-title.flex-apm {
    font-size: inherit;
    display: block
}

.story-item__poll .range-poll>.results-apm input[type=range] {
    width: 100%
}

.story-item__poll .resPoint {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center
}

.story-item__poll .resPoint .range_type_val {
    flex: 1 1 100%;
    font-size: 3em;
    line-height: 1.33;
    color: #4f1f68;
    font-weight: 700
}

.story-slider__drag {
    width: 8.2em;
    height: 8.2em;
    border-radius: 50%;
    background: url(../img/story/story-icon1.svg) no-repeat center center;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    top: -3.1em;
    left: 0
}

.story-item__poll .range_poll .box-apm {
    width: 100%;
    border: 0;
    background: 0 0;
    padding: 0!important
}

.story-item__poll .range_poll .ays_question>p {
    color: #fff;
    text-align: left!important
}

.story-item__poll .range_poll .apm-range {
    margin-bottom: 0!important
}

.story-item__poll .range_poll .avgText {
    display: none
}

.story-item__poll .range_poll .resPoint span:not(.range_type_val) {
    display: none
}

.story-item__poll .range_poll .apm_range {
    -webkit-appearance: none!important;
    width: 100%;
    background: 0 0
}

.story-item__poll .range_poll .apm_range::-webkit-slider-thumb {
    -webkit-appearance: none
}

.story-item__poll .range_poll .apm_range:focus {
    outline: 0
}

.story-item__poll .range_poll .apm_range::-ms-track {
    width: 100%;
    cursor: pointer;
    background: 0 0;
    border-color: transparent;
    color: transparent
}

.story-item__poll .range_poll .apm_range::-webkit-slider-thumb {
    width: 8.2em;
    height: 8.2em;
    border-radius: 50%;
    background: url(../img/story/story-icon1.svg) no-repeat center center;
    background-size: contain;
    cursor: pointer;
    margin-top: 0;
    -webkit-appearance: none
}

.story-item__poll .range_poll .apm_range[disabled]::-webkit-slider-thumb {
    display: none
}

.story-item__poll .range_poll .apm_range::-moz-range-thumb {
    width: 8.2em;
    height: 8.2em;
    border-radius: 50%;
    background: url(../img/story/story-icon1.svg) no-repeat center center;
    background-size: contain;
    cursor: pointer
}

.story-item__poll .range_poll .apm_range[disabled]::-moz-range-thumb {
    display: none;
    opacity: 0;
    cursor: default
}

.story-item__poll .range_poll .apm_range::-ms-thumb {
    width: 8.2em;
    height: 8.2em;
    border-radius: 50%;
    background: url(../img/story/story-icon1.svg) no-repeat center center;
    background-size: contain;
    cursor: pointer
}

.story-item__poll .range_poll .apm_range[disabled]::-ms-thumb {
    display: none
}

.story-item__poll .range_poll .range-value {
    display: none
}

.story-poll,.story-item__poll .box-apm.versus-poll {
    border-radius: 1em;
    background: rgba(240,240,240,.5);
    padding: 2em!important;
    text-align: center;
    position: relative;
    border: 0;
    width: auto
}

.story-poll__title,.story-item__poll .versus-poll .ays_question>p {
    font-size: 4em!important;
    font-weight: 700;
    line-height: 1.28;
    margin: 0 0 .4em;
    color: #fff
}

.story-poll__buttons,.story-item__poll .apm-versus {
    display: grid;
    grid-template-columns: 1fr 1em 1fr;
    padding: 0
}

.story-item__poll .apm-versus {
    grid-template-columns: 1fr 1fr;
    position: relative
}

.story-item__poll .apm-versus::after {
    display: none!important
}

.story-item__poll .apm-versus .apm-versus-answer {
    margin: 0!important;
    transition: none;
    height: auto
}

.story-poll__button,.story-item__poll .apm-versus .apm-simple-label {
    display: block;
    background: 0 0;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 12.7em;
    position: relative
}

.story-item__poll .apm-versus .apm-simple-label {
    display: block!important;
    background: 0 0!important;
    padding: 0!important;
    border: 0!important
}

.story-item__poll .apm-versus .apm-simple-label>span {
    font-size: 8.2em!important;
    color: #fff!important;
    background-color: transparent!important
}

.story-poll__icon {
    display: block;
    width: 8.2em;
    height: 8.2em;
    background: url(../img/story/story-icon2.svg) no-repeat center center;
    background-size: contain
}

.story-item__poll .apm-versus .apm-simple-label>span>img {
    display: block!important;
    width: 1em!important;
    height: 1em!important;
    position: absolute;
    top: calc(50% - .5em);
    left: calc(50% - .5em);
    margin: 0!important
}

.story-poll__button .story-poll__icon {
    position: absolute;
    top: calc(50% - 4.1em);
    left: calc(50% - 4.1em)
}

.story-poll__icon--2 {
    background-image: url(../img/story/story-icon3.svg)
}

.story-poll__sep {
    position: relative;
    border-radius: 1em;
    background: #4f1f68
}

.story-item__poll .apm-versus::before {
    content: "";
    display: block;
    border-radius: 1em;
    background: #4f1f68;
    height: 12.7em;
    width: 1em;
    position: absolute;
    top: 0;
    left: calc(50% - .5em)
}

.story-poll__results table {
    width: 100%;
    border-collapse: collapse
}

.story-poll__result {
    display: flex;
    flex-flow: row nowrap;
    height: 12.7em;
    align-items: center;
    justify-content: center;
    color: #4f1f68;
    position: relative
}

.story-poll__result .story-poll__icon {
    margin-right: 1em;
    flex: 0 0 8.2em
}

.story-poll__result span {
    font-size: 4.7em;
    font-weight: 700;
    line-height: 1
}

.story-poll__result .story-poll__sep {
    position: absolute;
    top: 0;
    right: -1em;
    bottom: 0;
    width: 1em
}

.story-poll__results td:first-child .story-poll__result {
    margin-right: 1em
}

.story-poll__results td:last-child .story-poll__result {
    margin-left: 1em
}

.story-item__poll .vs_poll .results-apm {
    padding: 0
}

.story-item__poll .vs_poll .results-apm .answer-title.flex-apm {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    font-size: 2.6em;
    color: #fff!important
}

.story-item__poll .vs_poll .results-apm .answer-title.flex-apm span {
    color: #fff!important
}

.story-item__poll .results-apm .answer-percent {
    height: .6em;
    margin: .3em 0 0;
    padding: 0 .15em;
    font-size: 2em;
    line-height: 1.2;
    border-radius: .25em;
    background: #4f1f68!important;
    color: transparent!important
}

.story-item__poll .results-apm .answer-percent+.answer-title.flex-apm {
    margin-top: .65em
}

.story-test {
    border-radius: 1em;
    background: rgba(240,240,240,.5);
    padding: 2em 3.5em 3.5em;
    text-align: center;
    position: relative
}

.story-test__title {
    font-size: 4em;
    font-style: normal;
    font-weight: 700;
    line-height: 1.28;
    margin: 0 0 .5em
}

.story-test__var {
    display: block;
    color: #4f1f68;
    font-size: 4em;
    font-weight: 700;
    line-height: 1.28
}

.story-test__var+.story-test__var {
    margin-top: .875em
}

.story-test__var>span {
    padding: .375em;
    border-radius: .25em;
    background: #d9d9d9;
    display: block
}

.story-test__var--right>span {
    background: rgba(18,162,191,.2)
}

.story-test__var--wrong>span {
    background: rgb(227,18,53,.2)
}

.story-item__video video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 75.6em;
    height: 112em;
    transform: translate(-50%,-50%);
    width: 100em;
    height: 135em
}

.story-item__video--yt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

iframe.story-item__yt {
    display: block;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0
}

@media (orientation: portrait) {
    .stories__button {
        display:none
    }
}

.authors {
    margin-top: 56px
}

.author-item {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 16px;
    max-width: 280px;
    cursor: pointer
}

.author-item__img {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    flex: 0 0 76px;
    margin-right: 13px;
    background: no-repeat center center;
    background-size: cover
}

.editor-item__info {
    flex: 1 1 auto
}

.author-item__name {
    font-weight: 700;
    font-family: 'Styrene B LC',Arial,Helvetica,sans-serif
}

.author-item__name a {
    color: var(--link-color)
}

.author-item__descr {
    margin: 4px 0 0;
    font-size: 14px
}

.author-item__num {
    font-size: 14px;
    color: var(--second-color);
    margin: 8px 0 0;
    padding: 0 0 0 18px;
    position: relative
}

.author-item__num:before {
    content: "";
    width: 12px;
    height: 15px;
    background: url(../img/authors/article-icon.svg) no-repeat 0 0;
    position: absolute;
    top: 2px;
    left: 0
}

@media (max-width: 1035px) {
    .authors .grid__col {
        grid-column:span 6
    }
}

@media (max-width: 767px) {
    .authors .grid__col {
        grid-column:span 12
    }

    .author-item {
        max-width: 100%
    }
}

.breadcrumbs {
    margin-bottom: 33px
}

.breadcrumbs__list {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 0
}

.breadcrumbs__list a {
    color: var(--second-color);
    text-decoration: none
}

.breadcrumbs__list li>a,.breadcrumbs__list li>span {
    font-size: 14px;
    line-height: 1.43;
    font-weight: 400
}

.breadcrumbs__list li {
    padding-right: 8px;
    display: inline
}

.breadcrumbs__list li:last-child span {
    color: var(--main-color)
}

.breadcrumbs__list li+li::before {
    content: "";
    display: inline-block;
    vertical-align: top;
    width: 17px;
    height: 20px;
    background: url(../img/breadcrumbs-icon.svg) no-repeat left top 8px
}

@media screen and (max-width: 767px) {
    .breadcrumbs {
        margin-bottom:20px
    }
}

.contacts-socials {
    background: var(--button-light-bg);
    border-radius: 8px;
    padding: 56px 50px;
    text-align: center
}

.contacts-socials h2 {
    margin-bottom: 1.5em
}

.contacts-socials__list {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: center
}

.contacts-socials__list li+li {
    margin-left: 24px
}

.contacts-socials__link {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background: #4c6c91
}

.contacts-socials__link:before {
    content: "";
    width: 60px;
    height: 60px;
    display: block;
    background: url(../img/contacts-socials/vk-icon.svg) no-repeat center center
}

.contacts-socials__link--fb {
    background: #3b5998
}

.contacts-socials__link--fb:before {
    background-image: url(../img/contacts-socials/fb-icon.svg)
}

.contacts-socials__link--in {
    background: linear-gradient(234.93deg,#fd1d1d -2.09%,#e1306c 9.49%,#c13584 47.91%,#833ab4 64.41%,#5851db 86.07%,#405de6 108.27%)
}

.contacts-socials__link--in:before {
    background-image: url(../img/contacts-socials/in-icon.svg)
}

.contacts-socials__link--ok {
    background: #f68634
}

.contacts-socials__link--ok:before {
    background-image: url(../img/contacts-socials/ok-icon.svg)
}

.contacts-socials__link--yt {
    background: red
}

.contacts-socials__link--yt:before {
    background-image: url(../img/contacts-socials/yt-icon.svg)
}

.contacts-socials__link--tw {
    background: #1d9bf0
}

.contacts-socials__link--tw:before {
    background-image: url(../img/contacts-socials/tw-icon.svg)
}

@media (max-width: 767px) {
    .contacts-socials {
        padding:32px 15px
    }

    .contacts-socials h2 {
        margin-bottom: 1.5em
    }

    .contacts-socials__list li+li {
        margin-left: 16px
    }

    .contacts-socials__link {
        width: 32px;
        height: 32px
    }

    .contacts-socials__link:before {
        transform-origin: 0 0;
        transform: scale(.53)
    }
}

.editors {
    margin-top: 56px
}

.editor-item {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 16px
}

.editor-item__img {
    width: 76px;
    height: 76px;
    border-radius: 50%;
    flex: 0 0 76px;
    margin-right: 13px;
    background: no-repeat center center;
    background-size: cover
}

.editor-item__info {
    flex: 1 1 auto
}

.editor-item__name {
    font-weight: 500;
    margin: 0 0 4px
}

.editor-item__job {
    font-size: 12px;
    letter-spacing: .2px;
    color: var(--second-color)
}

.editor-item__mail {
    margin: 8px 0 0;
    font-size: 14px;
    font-weight: 500
}

.editor-item__mail a {
    color: var(--link-color)
}

.editor-item__contacts {
    display: flex;
    flex-flow: row nowrap;
    margin: 8px 0 0
}

.editor-item__contact {
    width: 16px;
    height: 16px;
    background: url(../img/editors/vk-icon.svg) no-repeat center center;
    margin: 0 8px 0 0
}

.editor-item__contact--fb {
    background-image: url(../img/editors/fb-icon.svg)
}

.editor-item__contact--tg {
    background-image: url(../img/editors/tg-icon.svg)
}

.editor-item__contact--in {
    background-image: url(../img/editors/in-icon.svg)
}

.editor-item__contact--tw {
    background-image: url(../img/editors/tw-icon.svg)
}

@media (max-width: 1035px) {
    .editors .grid__col {
        grid-column:span 6
    }
}

@media (max-width: 767px) {
    .editors .grid__col_4 {
        grid-column:span 12
    }
}

.error-block h1 {
    margin-bottom: 12px
}

.error-block .page-text {
    max-width: 550px
}

.error-block__buttons {
    margin-top: 5px
}

.error-block__buttons .button {
    margin: 20px 20px 0 0;
    height: 40px;
    line-height: 18px
}

.main-menu {
    margin: 0 0 45px;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: var(--second-color)
}

.main-menu__outer {
    position: relative
}

.main-menu__list {
    overflow: hidden
}

.main-menu__list .swiper-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.main-menu__list.swiper-container-initialized .swiper-wrapper {
    justify-content: flex-start
}

.main-menu__item {
    margin-right: 32px;
    white-space: nowrap
}

.main-menu__item--main {
    display: none
}

.main-menu__list .swiper-slide {
    width: auto
}

.main-menu__item:last-child {
    margin-right: 0
}

.main-menu a {
    text-decoration: none;
    color: inherit;
    transition: color .15s ease
}

.main-menu a:hover {
    color: var(--main-color)
}

.main-menu .slick-slider .main-menu__item a {
    margin-left: 32px
}

.main-menu .slick-slide:first-child .main-menu__item a {
    margin-left: 0
}

.main-menu img {
    display: inline-block;
    vertical-align: top
}

.main-menu__outer .swiper-button {
    display: none!important
}

@media (min-width: 1034px),(max-width:767px) {
    .main-menu__outer .swiper-button {
        display:none!important
    }
}

@media (max-width: 1035px) and (min-width:768px) {
    .main-menu__outer {
        overflow:hidden
    }

    .main-menu__list {
        overflow: visible auto;
        scrollbar-width: none
    }

    .main-menu__list::-webkit-scrollbar {
        height: 0
    }

    .main-menu__list .swiper-wrapper {
        display: block;
        white-space: nowrap;
        width: fit-content
    }

    .main-menu__item:not(.main-menu__item--main) {
        display: inline-block;
        vertical-align: top;
        margin-right: 20px
    }

    .main-menu__item:last-child {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .main-menu {
        position:fixed;
        top: 0;
        left: 0;
        bottom: 0;
        background: var(--main-bg-color);
        width: 100%;
        margin: 0 0 0 -100%;
        z-index: 500;
        font-size: 20px;
        line-height: 1.1;
        color: var(--main-color);
        font-family: 'Styrene B LC',Arial,Helvetica,sans-serif;
        transition: margin-left .3s;
        padding-top: 50px
    }

    .top-creative~.main-menu {
        padding-top: calc(50px + 72px)
    }

    .main-menu.open-mode {
        margin-left: 0
    }

    .main-menu .container {
        overflow-y: auto;
        height: 100%;
        padding: 0;
        max-width: 100%
    }

    .main-menu__outer {
        padding: 30px 20px 50px;
        margin: 0 auto;
        max-width: 375px
    }

    .main-menu__list .swiper-wrapper {
        display: block
    }

    .main-menu__item {
        margin: 0;
        white-space: normal
    }

    .main-menu__item+.main-menu__item {
        margin-top: 48px
    }

    .main-menu__item--image {
        display: none
    }

    .main-menu__item--main {
        display: block;
        margin-bottom: 48px
    }

    .main-menu__item--active {
        font-weight: 700
    }
}

@media (max-width: 767px) and (max-height:680px) {
    .main-menu__item+.main-menu__item {
        margin-top:30px
    }

    .main-menu__item--main {
        margin-bottom: 30px
    }
}

.new {
    display: flex;
    flex-flow: row nowrap;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
    color: var(--main-color);
    cursor: pointer
}

.new__img {
    width: 88px;
    flex: 0 0 88px;
    margin-right: 12px
}

.new__img img {
    display: block;
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 8px
}

.new__descr {
    margin-top: -2px;
    flex: 1 1 auto
}

.new__date {
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px;
    margin: 0 0 8px
}

.new__text {
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    max-height: 80px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-family: 'Styrene B LC',Arial,Helvetica,sans-serif
}

.tags {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 0 0 12px -12px;
    padding: 0;
    list-style: none outside;
    max-width: calc(100% + 12px);
    overflow: hidden
}

h2+.tags {
    margin-top: 56px
}

.tags>li {
    margin: 0 0 12px 12px
}

.tags a {
    display: inline-block;
    vertical-align: top;
    font-family: Roboto,Arial,Helvetica,sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--button-light-color);
    background: var(--button-light-bg);
    border-radius: 4px;
    padding: 6px 16px;
    border: 0;
    transition: background-color .15s ease-in-out;
    white-space: nowrap
}

.tags a:hover {
    background: var(--button-light-hover)
}

.tags-item__num {
    opacity: .64;
    margin-left: 5px
}

.tags a.tags-item_active {
    background-color: var(--button-light-color);
    color: var(--main-bg-color)
}

@media (max-width: 767px) {
    h2+.tags {
        margin-top:32px
    }
}

.user-rating {
    margin: 40px 0 0;
    font-size: 16px;
    line-height: 19px
}

.user-rating table {
    width: 100%;
    border-collapse: collapse
}

.user-rating__item {
    cursor: pointer
}

.user-rating td {
    text-align: left;
    vertical-align: middle;
    height: 112px;
    border-bottom: 1px solid rgb(51,51,51,.3)
}

.user-rating tr:first-child td {
    border-top: 1px solid rgb(51,51,51,.3)
}

.user-rating .user-rating__num {
    width: 7%;
    text-align: center;
    padding: 20px 10px
}

.user-rating .user-rating__photo {
    width: 64px
}

.user-rating .user-rating__photo i {
    display: block;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: no-repeat center center;
    background-size: cover
}

.user-rating__descr {
    width: fit-content
}

.user-rating .user-rating__info {
    padding: 15px 24px
}

.user-rating__name {
    font-weight: 500;
    word-wrap: break-word;
    max-width: 500px
}

.user-rating__text {
    opacity: .5;
    font-size: 14px;
    margin-top: 5px;
    max-width: 490px;
    word-wrap: break-word
}

.user-rating__stat {
    width: 1%;
    padding-right: 35px;
    white-space: nowrap
}

.user-rating__stat>div {
    padding: 4px 0 4px 32px;
    background: url(../img/authors/icon-like.svg) no-repeat left center
}

.user-rating__stat .user-rating__bonus {
    background-image: url(../img/authors/icon-mclub.svg)
}

.user-rating__stat .user-rating__article {
    background-image: url(../img/authors/icon-pub.svg)
}

.user-rating__stat .user-rating__view {
    background-image: url(../img/authors/icon-view.svg)
}

@media (max-width: 1035px) {
    .user-rating__name,.user-rating__text {
        max-width:360px
    }

    .user-rating__stat {
        padding-right: 25px
    }

    .user-rating__stat:last-child {
        padding-right: 0
    }
}

@media (max-width: 767px) {
    .user-rating table,.user-rating tbody,.user-rating tr,.user-rating td {
        display:block
    }

    .user-rating {
        counter-reset: rating;
        font-size: 14px
    }

    .user-rating tr {
        border-bottom: 1px solid rgb(51,51,51,.3);
        padding: 25px 0;
        position: relative;
        counter-increment: rating;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        align-items: flex-start
    }

    .user-rating tr:first-child {
        border-top: 1px solid rgb(51,51,51,.3)
    }

    .user-rating td {
        height: auto;
        border: 0
    }

    .user-rating tr:first-child td {
        border: 0
    }

    .user-rating .user-rating__photo {
        position: absolute;
        top: 25px;
        left: 0
    }

    .user-rating .user-rating__num {
        display: none
    }

    .user-rating .user-rating__info {
        padding: 0 0 0 80px;
        min-height: 65px;
        margin: 0 0 8px;
        flex: 1 1 100%
    }

    .user-rating__name,.user-rating__text {
        max-width: 100%
    }

    .user-rating__name {
        font-size: 16px
    }

    .user-rating__name:before {
        content: counter(rating)'. '
    }

    .user-rating .user-rating__stat {
        display: inline-block;
        vertical-align: top;
        width: auto;
        padding: 0;
        margin: 8px 24px 0 0
    }

    .user-rating .user-rating__stat:last-child {
        margin-right: 0
    }
}

.account {
    position: relative;
    margin-left: auto
}

.account__button {
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--main-color);
    margin: 0;
    padding: 20px 0 0;
    border: 0;
    appearance: none;
    font-family: 'Roboto',Arial,Helvetica,sans-serif;
    background: url(../img/account/account-icon.svg) no-repeat top center;
    width: 48px
}

.account__img {
    position: relative
}

.account__img img {
    display: block;
    width: 48px;
    height: 48px;
    object-fit: cover;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.account__marker {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--accent-guide-red);
    border: 2px solid #fff;
    position: absolute;
    top: -2px;
    right: -2px
}

.account__info {
    position: absolute;
    display: none;
    top: 48px;
    right: 0;
    z-index: 20;
    opacity: 1;
    min-width: 219px;
    padding-top: 15px;
    max-width: 300px;
    transition: opacity .4s ease-in-out
}

.account__wrapper {
    position: relative;
    min-width: 219px;
    padding: 16px;
    box-shadow: 0 1px 20px rgba(4,6,28,.1);
    border-radius: 8px;
    background-color: var(--main-bg-color)
}

.account__wrapper::before {
    position: absolute;
    top: -9px;
    right: 18px;
    z-index: 21;
    content: "";
    width: 14px;
    height: 10px;
    background-image: url(../img/account/account-tail.svg);
    background-repeat: no-repeat
}

.account__list li:first-child {
    margin-bottom: 12px
}

.account__list li+li:not(.with-ugc) {
    margin-top: 12px
}

.account__name {
    font-weight: 500;
    word-wrap: break-word
}

.account__auto {
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: .2px;
    color: var(--second-color);
    margin-bottom: 11px
}

.account__lk,.account__out {
    border: 0;
    background: url(../img/account/icon-profile.svg) no-repeat left center;
    border-radius: 0;
    font-size: 14px;
    line-height: 1.43;
    color: var(--main-guide-blue);
    padding: 0 0 0 24px;
    margin: 0
}

.account__out {
    background-image: url(../img/account/icon-exit.svg)
}

.account__ugc {
    display: block;
    font-size: 14px;
    line-height: 20px;
    color: var(--main-color);
    padding: 14px 14px 14px 44px;
    white-space: nowrap;
    background: url(../img/account/icon-ugc-pub.svg) no-repeat left 8px top 50%;
    border-radius: 8px
}

.account__ugc--work {
    background-image: url(../img/account/icon-ugc-work.svg)
}

.account__ugc--reject {
    background-image: url(../img/account/icon-ugc-rej.svg)
}

.account__ugc:hover {
    background-color: var(--ocean-guide-color)
}

@media (max-width: 767px) {
    .account__button {
        width:24px;
        padding-top: 24px;
        font-size: 0;
        line-height: 0;
        color: transparent;
        background-position: center center
    }

    .account__img {
        width: 32px;
        height: 32px;
        margin-top: -2px
    }

    .account__img img {
        width: 32px;
        height: 32px
    }

    .account__marker {
        width: 8px;
        height: 8px;
        border-width: 1px;
        top: 0;
        right: 0
    }

    .account__info {
        top: 32px
    }

    .account__wrapper:before {
        right: 9px
    }
}

.article-author {
    width: var(--article-aside);
    flex-shrink: 0;
    color: var(--main-color)
}

.article-author__img {
    width: 76px;
    margin-bottom: 6px;
    flex-shrink: 0
}

.article-author__img img {
    display: block;
    width: 100%;
    height: 76px;
    border-radius: 50%;
    object-fit: cover
}

.article-author__info {
    font-size: 14px;
    line-height: 20px
}

.article-author__name {
    display: block;
    width: fit-content;
    font-family: 'Styrene B LC',Arial,sans-serif;
    color: var(--main-color);
    font-size: 16px;
    line-height: 22px;
    font-weight: 700;
    margin-bottom: 4px
}

.article-author__amount {
    position: relative;
    display: block;
    color: var(--second-color);
    padding-left: 17px;
    margin-top: 8px
}

.article-author__info span::before {
    position: absolute;
    content: "";
    top: 2px;
    left: 0;
    width: 12px;
    height: 15px;
    background-image: url(../img/icon-list.svg)
}

.article-author--small,.article-author--default {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

.article-author.article-author--default {
    align-items: center
}

.article-author--small .article-author__img,.article-author--default .article-author__img {
    margin-right: 15px;
    margin-bottom: 0
}

.article-author--small .article-author__img {
    width: 54px
}

.article-author--small .article-author__img img {
    height: 54px
}

.article-author--default .article-author__name {
    color: var(--link-color)
}

.article-author--small .article-author__name {
    font-family: 'Styrene B LC',Arial,sans-serif;
    font-weight: 500;
    color: var(--main-color);
    margin-bottom: 4px
}

.article-author--small .article-author__text {
    font-weight: 400;
    color: var(--second-color);
    font-size: 14px;
    line-height: 1.43
}

@media screen and (max-width: 1035px) {
    .article-author__img {
        width:52px
    }

    .article-author__img img {
        height: 52px
    }

    .article-author__text,.article-author--small .article-author__text {
        font-size: 12px;
        line-height: 1.33;
        letter-spacing: .2px
    }
}

@media screen and (max-width: 767px) {
    .article-author {
        max-width:var(--artice-container-mobile);
        width: auto;
        display: flex;
        flex-flow: row nowrap;
        align-items: flex-start;
        justify-content: flex-start
    }

    .article-author__img {
        width: 76px;
        margin-right: 15px;
        margin-bottom: 0
    }

    .article-author__img img {
        height: 76px
    }

    .article-author__text,.article-author--small .article-author__text {
        font-size: 14px;
        line-height: 1.43;
        letter-spacing: normal
    }
}

.article-block {
    position: relative;
    margin-bottom: 1.37em
}

.article-block+.article-goods,.article-block+.article-hits,.article-block+.article-like-share,.article-block+.article-tag,.article-block+.mainpage-section,.article-block+.article-comment {
    margin-top: 56px
}

.article-block__wrapper {
    max-width: var(--article-container);
    margin-right: calc(var(--article-indent) + var(--article-aside))
}

.article-block__wrapper>p,.article-block__wrapper>h3,.article-block__wrapper>h4,.article-block__wrapper>h5,.article-block__wrapper>h6 {
    margin-bottom: 1.37em
}

.article-block__container {
    position: relative
}

.article-block h2 {
    font-family: 'Styrene B LC',Arial,sans-serif;
    font-size: 24px;
    line-height: 1.33;
    font-weight: 500;
    color: var(--article-color);
    margin-bottom: 32px;
    margin-top: 56px
}

.article-block__img {
    max-width: var(--article-container);
    margin-top: 32px;
    margin-bottom: 32px
}

.article-block__img img {
    border-radius: 10px
}

.article-block__imghld {
    max-width: var(--article-container);
    position: relative
}

.article-block__imghld:before {
    content: "";
    display: block;
    padding-top: 66.67%
}

.article-block__img .article-block__imghld img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain
}

.article-block img {
    display: block;
    max-width: 100%;
    height: auto
}

.article-block p {
    color: var(--article-color)
}

.article-block__side {
    position: absolute;
    top: 0;
    width: var(--article-aside);
    right: 70px;
    z-index: 2
}

.article-block__wrapper .slick-dots {
    list-style: none;
    margin: 16px 0 0
}

@media screen and (max-width: 1035px) {
    .article-block__wrapper {
        max-width:768px;
        margin-right: 0
    }

    .article-block__img {
        max-width: 768px
    }

    .article-block__side {
        display: none
    }
}

@media screen and (max-width: 767px) {
    .article-block+.article-goods,.article-block+.article-hits,.article-block+.article-like-share,.article-block+.article-tag,.article-block+.mainpage-section,.article-block+.article-comment {
        margin-top:48px
    }

    .article-block h2 {
        font-weight: 700;
        margin-bottom: 24px;
        margin-top: 48px
    }

    .article-block__img {
        margin: 24px -20px
    }

    .article-block__img img {
        margin: 0 auto
    }

    .article-block__side {
        display: block;
        position: static;
        margin-top: 48px;
        width: auto
    }
}

@media screen and (max-width: 636px) {
    .article-block__img {
        width:calc(100vw - var(--scrollbarWidth));
        min-width: 320px;
        margin-left: min(calc((50vw - 167px - var(--scrollbarWidth)/2)*(-1)),0px);
        margin-right: 0
    }

    .article-block__img img {
        border-radius: 0
    }
}

@media screen and (max-width: 375px) {
    .article-block__img {
        margin-left:-20px
    }
}

.article-comment__wrapper {
    max-width: var(--article-container);
    margin-right: calc(var(--article-indent) + var(--article-aside))
}

.article-comment__inner {
    display: flex;
    flex-shrink: 0;
    margin-bottom: 36px
}

.article-comment__img {
    width: 45px;
    height: 45px;
    margin-right: 12px;
    border-radius: 50%;
    flex-shrink: 0
}

.article-comment__img img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 50%
}

.article-comment__info {
    min-width: 0;
    word-wrap: break-word
}

.article-comment__name {
    position: relative;
    display: flex;
    align-items: center
}

.article-comment__name p {
    line-height: 24px;
    font-weight: 500;
    color: var(--main-color);
    margin: 0;
    padding: 0;
    min-width: 0
}

.article-comment__name div {
    margin-left: 16px;
    line-height: 1;
    margin-bottom: -2px
}

.article-comment__name .editor-mark {
    margin: 0 0 0 15px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px;
    color: #7c7c80;
    padding-left: 20px;
    background: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 10L11 13L10 8L14 5H9L7 0L5 5H0L4 8L3 13L7 10Z' fill='%2386868A'/%3E%3C/svg%3E%0A") no-repeat left center
}

.article-comment__time {
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: .02px;
    color: var(--second-color);
    margin-bottom: 8px
}

.article-comment__text {
    margin-bottom: 4px
}

.article-comment .article-title {
    display: inline-block;
    position: relative;
    padding-right: 16px
}

.article-comment .article-title span {
    position: absolute;
    top: 1px;
    left: 100%;
    color: var(--second-color)
}

.article-comment__link {
    color: var(--link-color);
    font-weight: 500;
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: .2px
}

.article-comment ul ul {
    margin-left: 57px
}

.article-comment__note {
    margin-bottom: 10px
}

.article-comment__in .button.button--light {
    width: 100%;
    max-width: var(--article-container);
    margin-bottom: 36px
}

.article-comment__more .button {
    width: 100%
}

.article-comment__form-text {
    width: 100%;
    max-width: var(--article-container);
    min-height: 88px;
    border: 1px solid #dfdee2;
    border-radius: 4px;
    background-color: var(--main-bg-color);
    padding: 13px 16px;
    color: var(--main-color);
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 22px;
    font-family: 'Roboto',Arial,Helvetica,sans-serif;
    font-weight: 400;
    resize: none
}

.article-comment__form-text::placeholder {
    color: var(--second-color)
}

.article-comment__form-text::-webkit-input-placeholder {
    color: var(--second-color)
}

.article-comment__form-text:-moz-placeholder,.article-comment__form-text::-moz-placeholder {
    color: var(--second-color)
}

.article-comment__form-text:-ms-input-placeholder {
    color: var(--second-color)
}

.article-comment__form-wrapper {
    display: flex;
    justify-content: space-between
}

.article-comment__form-wrapper .button {
    margin-bottom: 36px
}

.article-comment__form .article-comment__inner {
    align-items: center;
    max-width: 500px
}

.article-comment__form .article-comment__img {
    width: 32px;
    height: 32px
}

.article-comment__form .article-comment__name {
    font-size: 14px;
    line-height: 1.43;
    font-weight: 400
}

.article-comment__form .article-comment__name p {
    font-size: 14px;
    line-height: 1;
    font-weight: 400;
    margin-bottom: 0;
    min-width: 0;
    word-wrap: break-word
}

.article-comment__form .article-comment__name div {
    margin-left: 12px;
    margin-bottom: -2px
}

.article-comment__form .article-comment__link {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: .2px
}

.article-comment__out {
    margin-bottom: 36px
}

.article-comment__text a {
    color: var(--link-color);
    text-decoration: underline
}

.article-comment__text a:hover {
    text-decoration: none
}

@media screen and (max-width: 1035px) {
    .article-comment__wrapper {
        max-width:none;
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .article-comment ul ul {
        margin-left:20px
    }

    .article-comment__form-wrapper {
        flex-direction: column
    }
}

.article-content {
    padding-top: 40px;
    padding-bottom: 40px;
    font-size: 16px;
    line-height: 22px
}

.article-content h2 {
    font-family: 'Styrene B LC',Arial,sans-serif;
    font-size: 24px;
    line-height: 1.33;
    font-weight: 500;
    color: var(--article-color);
    margin: 0
}

.article-content ul {
    list-style: none;
    margin: 10px 0 0;
    padding: 0
}

.article-content li+li {
    margin-top: 9px
}

.article-content a {
    color: var(--link-color);
    font-weight: 500
}

@media screen and (max-width: 1035px) {
    .article-content {
        padding-top:0;
        padding-bottom: 0
    }
}

@media screen and (min-width: 768px) {
    .article-content ul {
        display:block!important
    }
}

@media screen and (max-width: 767px) {
    .article-content {
        margin-top:20px
    }

    .article-content h2 {
        width: fit-content;
        padding-right: 26px;
        position: relative;
        cursor: pointer
    }

    .article-content h2::before {
        content: "";
        width: 14px;
        height: 10px;
        background: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.50209 1.21723C1.20095 0.857109 0.664885 0.809291 0.304759 1.11043C-0.0553669 1.41157 -0.103185 1.94763 0.197955 2.30776L6.18726 9.47024C6.20639 9.49399 6.22696 9.51691 6.24896 9.53886C6.31969 9.60975 6.40047 9.66579 6.48708 9.70661C6.60224 9.76107 6.72636 9.78785 6.85002 9.78778C6.97368 9.78785 7.0978 9.76107 7.21296 9.70661C7.29957 9.66579 7.38035 9.60975 7.45108 9.53886C7.47308 9.51691 7.49365 9.49399 7.51278 9.47024L13.5021 2.30776C13.8032 1.94763 13.7554 1.41157 13.3953 1.11043C13.0352 0.809291 12.4991 0.857109 12.198 1.21723L6.85002 7.61271L1.50209 1.21723Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat 0 0;
        position: absolute;
        right: 0;
        top: calc(50% - 2px);
        transform: rotate(0deg);
        transform-origin: center center;
        transition: transform .2s linear
    }

    .article-content.opened h2::before {
        transform: rotate(180deg)
    }

    .article-content ul {
        display: none
    }
}

.article-creative {
    display: flex;
    flex-flow: column nowrap;
    align-items: stretch;
    justify-content: center;
    height: 280px;
    border-radius: 8px;
    padding: 28px 35px;
    color: #fff;
    position: relative;
    overflow: hidden;
    background: no-repeat center center;
    background-size: cover;
    cursor: pointer
}

h1.article-creative {
    justify-content: flex-end;
    cursor: default
}

.page-section .article-creative {
    margin-bottom: 56px
}

.article-creative__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.29;
    letter-spacing: .1px;
    position: relative;
    max-width: 60%;
    font-family: 'Styrene B LC',Arial,Helvetica,sans-serif
}

h1.article-creative .article-creative__title {
    font-size: 36px;
    line-height: 1.22;
    letter-spacing: normal
}

.article-creative__subtitle {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.4;
    margin: 8px 0 0;
    position: relative;
    max-width: 60%;
    font-family: 'Styrene B LC',Arial,Helvetica,sans-serif
}

.article-creative--rubric .article-creative__title {
    max-width: 400px
}

@media (max-width: 1035px) {
    .article-creative {
        height:207px;
        background-size: cover;
        padding-left: 30px;
        padding-right: 30px
    }

    .article-creative__title,.article-creative__subtitle {
        max-width: 70%
    }

    .page-section .article-creative {
        margin-bottom: 32px
    }
}

@media (max-width: 767px) {
    .article-creative {
        height:280px;
        justify-content: flex-end;
        padding: 16px 12px;
        background-position: right -110px center;
        background-size: auto 100%
    }

    h1.article-creative {
        height: 250px;
        padding: 20px
    }

    .article-creative.article-creative--rubric {
        height: 358px;
        background-position: right calc(50% - 20px) center
    }

    .article-creative:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(.28deg,rgba(63,43,6,.5) 12.1%,rgba(65,45,6,0) 50.03%)
    }

    .article-creative.article-creative--rubric:before {
        background: linear-gradient(180deg,transparent 59.33%,rgba(0,0,0,.8) 90.42%)
    }

    .article-creative__title {
        font-size: 24px;
        max-width: 100%
    }

    h1.article-creative .article-creative__title {
        font-size: 28px
    }

    .article-creative__subtitle {
        font-size: 16px;
        font-weight: 400;
        margin-top: 4px;
        max-width: 100%
    }
}

.article-expert {
    border-radius: 10px;
    background: #f5f5f5;
    padding: 35px 10px 10px;
    position: relative;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 14px;
    color: var(--main-color);
    line-height: 20px
}

*+.article-expert {
    margin-top: 35px
}

.article-expert__pre {
    position: absolute;
    top: 10px;
    left: 10px;
    right: 10px;
    font-family: 'Styrene B LC',Arial,sans-serif
}

.article-expert__img {
    width: 64px;
    flex-shrink: 0;
    margin-right: 10px
}

.article-expert__img img {
    display: block;
    height: 64px;
    object-fit: cover;
    border-radius: 50%
}

.article-expert__name {
    font-family: 'Styrene B LC',Arial,sans-serif;
    font-weight: 700
}

.article-expert__text {
    margin-top: 4px
}

@media screen and (max-width: 1035px) {
    .article-expert__text {
        font-size:12px;
        line-height: 1.33;
        letter-spacing: .2px
    }
}

@media screen and (max-width: 767px) {
    *+.article-expert {
        margin-top:22px
    }

    .article-expert__text {
        font-size: 14px;
        line-height: 1.43;
        letter-spacing: normal
    }
}

.article-features {
    margin: 25px 0;
    color: var(--article-color);
    font-size: 16px;
    line-height: 21px
}

.article--user-new .article-features {
    margin: 45px 0
}

.article-features__wrapper {
    max-width: var(--article-container);
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 28px;
    align-items: start;
    margin-right: calc(var(--article-indent) + var(--article-aside))
}

.article-features__block {
    border-radius: 10px;
    background: #e8f6f9;
    padding: 16px 16px 28px
}

.article-features__block>* {
    max-width: 284px
}

.article-features .article-features__title {
    margin: 0 auto 20px;
    font-family: var(--font-Styrene);
    letter-spacing: .1px;
    font-weight: 700;
    font-size: inherit;
    line-height: inherit
}

.article-features__block ul {
    margin: 0 auto;
    padding: 0;
    list-style: none outside
}

.article-features__block li {
    padding-left: 15px;
    position: relative
}

.article-features__block li+li {
    margin-top: 10px
}

.article-features__block li::before {
    content: "+";
    position: absolute;
    top: 0;
    left: 0;
    font-weight: 700
}

.article-features__block.minus li::before {
    content: "-"
}

@media screen and (max-width: 1035px) {
    .article-features__wrapper {
        max-width:none;
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .article-features__wrapper {
        grid-template-columns:1fr;
        grid-gap: 17px
    }

    .article-features__block {
        border-radius: 22px;
        padding: 16px 22px
    }

    .article-features .article-features__title {
        margin-bottom: 10px
    }

    .article-features__block li+li {
        margin-top: 5px
    }
}

.article-gallery {
    margin: 32px 0
}

.article-gallery__wrapper {
    max-width: var(--article-container);
    margin-right: calc(var(--article-indent) + var(--article-aside))
}

.article-block .article-gallery__wrapper {
    max-width: none;
    margin-right: 0
}

.article-gallery__slider {
    position: relative
}

.article-gallery__slide {
    vertical-align: top
}

.article-gallery__slide-wrapper {
    max-width: var(--article-container);
    position: relative
}

.article-gallery__slide-wrapper:before {
    content: "";
    display: block;
    padding-top: 66.67%
}

.article-gallery__slide-wrapper img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: contain
}

.article-gallery__slider .slick-arrow {
    top: calc(50% - 20px - 9px)
}

.article-gallery__slider .slick-prev {
    left: -20px
}

.article-gallery__slider .slick-next {
    right: -20px
}

.article-gallerytext__slider {
    margin: 14px 0 0;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px
}

.article-gallerytext__slide-source {
    line-height: 14px;
    font-style: italic
}

*+.article-gallerytext__slide-source {
    margin-top: 16px
}

@media screen and (max-width: 1035px) {
    .article-gallery__wrapper,.article-gallery__slide-wrapper {
        max-width:none;
        margin-right: 0
    }

    .article-gallery__slider .slick-arrow {
        display: none!important
    }
}

@media screen and (max-width: 767px) {
    .article-gallery {
        margin-top:24px;
        margin-bottom: 24px
    }

    .article-gallery__wrapper {
        margin: 0 -20px;
        overflow: hidden
    }

    .article-gallery__slide {
        max-width: 768px
    }

    .article-gallery__slide-wrapper {
        max-width: 768px
    }

    .article-gallerytext__slide-wrapper {
        max-width: 375px;
        margin: 0 auto;
        padding: 0 20px
    }

    .article-block .article-gallery .containerrr {
        padding-left: 0;
        padding-right: 0
    }

    .article-block .article-gallery__wrapper {
        margin: 0 -20px
    }
}

@media screen and (max-width: 636px) {
    .article .article-gallery .container,.article--user .article-gallery .containerrr {
        width:auto;
        max-width: none
    }

    .article-gallery__slide-wrapper img {
        border-radius: 0
    }

    .article-block .article-gallery__wrapper {
        width: calc(100vw - var(--scrollbarWidth));
        min-width: 320px;
        margin-left: min((50vw - 167px - var(--scrollbarWidth)/2)*-1,0px);
        margin-right: 0
    }
}

@media screen and (max-width: 375px) {
    .article-block .article-gallery__wrapper {
        margin-left:-20px
    }
}

.article-goods {
    margin-bottom: 56px
}

.article-goods--inside:not(:first-child),.article--user .article-goods:not(:first-child) {
    margin-top: 56px
}

.article-goods__wrapper {
    width: 100%
}

.article-goods--inside .article-goods__wrapper,.article--user .article-goods__wrapper {
    max-width: var(--article-container);
    width: auto;
    margin-right: calc(var(--article-indent) + var(--article-aside))
}

.article-goods__slide-wrapper {
    width: 146px;
    display: block
}

.article-goods__title {
    font-size: 14px;
    line-height: 1.43;
    margin-bottom: 12px;
    height: 60px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

.article-goods__img {
    width: 146px;
    height: 146px;
    margin-bottom: 12px
}

.article-goods__img img {
    display: block;
    width: 100%;
    height: auto
}

.article-goods__info {
    vertical-align: baseline;
    margin-bottom: 16px
}

.article-goods__rating {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    margin-right: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.43;
    color: var(--active-color)
}

.article-goods__rating::before {
    position: absolute;
    content: "";
    top: 3px;
    left: 0;
    width: 14px;
    height: 13px;
    background-image: url(../img/icon-star.svg);
    background-repeat: no-repeat
}

.article-goods__comments {
    display: inline-block;
    font-size: 14px;
    line-height: 1.43;
    color: var(--second-color)
}

.article-goods__price {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 16px
}

.article-goods__slider {
    margin: 0 -10px
}

.article-goods__slider:not(.article-goods__slider--inside):not(.article-goods__slider--user) .slick-list {
    padding-right: 4.7%
}

.article-goods__slider .slick-track {
    margin-left: 0
}

.article-goods__slider .slick-slide {
    padding: 0 10px
}

.article-goods__slider .slick-prev {
    left: -20px
}

.article-goods__slider .slick-next {
    right: -20px
}

.article-goods__slider .button {
    background-color: var(--active-color);
    color: #fff;
    width: 100%;
    max-width: 145px
}

.article-goods__slider--user .button {
    background-color: var(--button-main-guide-bg)
}

.article-goods__slider--user .button:hover {
    background-color: var(--button-main-guide-hover)
}

.article-goods__compare {
    margin-top: 33px
}

.article-goods__compare .button {
    width: 100%;
    max-width: 315px
}

@media screen and (max-width: 1035px) {
    .article-goods__slider .slick-prev,.article-goods__slider .slick-next {
        top:11px
    }

    .article-goods__slider .slick-list {
        padding: 0 15% 0 0!important
    }

    .article-goods--inside .article-goods__wrapper,.article--user .article-goods__wrapper {
        max-width: none;
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .article-goods__wrapper {
        overflow:hidden
    }

    .article-goods__slider .slick-list {
        padding: 0 0 0 0!important
    }

    .article-goods--inside {
        margin-bottom: 48px
    }

    .article-goods--inside:not(:first-child) {
        margin-top: 48px
    }
}

.article-header {
    margin-bottom: 35px
}

.article--user .article-header {
    margin-bottom: 40px
}

.article-header__wrapper {
    position: relative
}

.article-header__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px
}

.article-header__left {
    margin-right: 10px;
    flex: 0 0 auto
}

.article-header__left a {
    position: relative;
    display: inline-block;
    color: var(--main-color);
    padding: 0 16px
}

.article-header__left a::after {
    position: absolute;
    content: "";
    top: 3px;
    right: -2px;
    width: 2px;
    height: 16px;
    background-color: var(--main-color)
}

.article-header__left a:first-child {
    padding-left: 0
}

.article-header__left a:last-child {
    padding-right: 0
}

.article-header__left a:last-child::after {
    display: none
}

.article-header__update {
    color: #8e8e93
}

.article-header__right {
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px 30px;
    margin-right: -10px
}

.article-header__right>span {
    position: relative;
    display: inline-block;
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: .2px;
    font-weight: 500;
    color: var(--second-color);
    padding: 0 0 0 24px
}

.article-header__right>*,.article-header__right .article-like-share__button {
    margin-right: 10px;
    margin-left: 10px
}

.article-header__right>span.article-header__reaction {
    padding-left: 22px
}

.article-header__reaction.active {
    color: #12a2bf
}

.article-header__reaction.active .article-like-share__svg {
    --icon-color: #12A2BF;
    --icon-color-bg: #12A2BF
}

.article-header__right span::before {
    position: absolute;
    content: "";
    top: -2px;
    left: -1px;
    width: 20px;
    height: 20px;
    background: no-repeat center center
}

.article-header__right span.article-header__time::before {
    background-image: url(../img/icon-time.svg)
}

.article-header__right span.article-header__views::before {
    background-image: url(../img/icon-eye.svg)
}

.article-header__right span.article-header__like::before {
    background-image: url(../img/icon-heart.svg)
}

.article-header__right span.article-header__comments::before {
    background-image: url(../img/icon-message.svg)
}

.article-header__right svg {
    display: block;
    position: absolute;
    left: 0;
    top: calc(50% - 11px);
    transform-origin: left center;
    transform: scale(.8)
}

.article-header__right .article-like-share__button {
    width: 16px;
    height: 20px
}

.article-header__right .article-like-share__button.active .article-like-share__svg {
    --icon-color: #12A2BF;
    --icon-color-bg: #12A2BF
}

.article-header__right .article-like-share__button span {
    display: none
}

.article-header__title {
    margin: 0 0 22px;
    max-width: var(--article-container)
}

.article--user .article-header__title {
    position: static
}

.article-header__top .article-header__title {
    display: none
}

.article-header__title h1 {
    font-family: 'Styrene B LC',Arial,sans-serif;
    font-size: 28px;
    line-height: 1.14;
    font-weight: 700;
    color: var(--main-color)!important
}

.article--user .article-header__title h1 {
    color: var(--main-color)
}

.article-header__title p {
    font-family: 'Styrene B LC',Arial,sans-serif;
    font-size: 24px;
    line-height: 1.33;
    font-weight: 500;
    color: var(--main-color)!important;
    margin: 12px 0 0
}

.article-header__img {
    position: relative;
    height: auto;
    overflow: hidden;
    border-radius: 10px
}

.article-header__img img {
    display: block;
    width: 100%;
    height: auto
}

.article-header__label {
    position: absolute;
    top: 20px;
    left: 24px;
    padding: 4px 8px;
    background-color: #e31235;
    color: #fff;
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: .2px;
    font-weight: 500
}

@media screen and (max-width: 1035px) {
    .article-header__title h1 {
        font-size:28px;
        line-height: 1.29
    }

    .article-header__title p {
        margin-top: 8px
    }

    .article-header__title {
        max-width: none
    }

    .article-header__update {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .article-header {
        margin-bottom:25px
    }

    .article .article-header .container {
        max-width: 100%
    }

    .article--user .article-header .container {
        padding: 0
    }

    .article-header__top {
        display: block;
        margin-bottom: 0;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
        max-width: 335px
    }

    .article-header__left {
        margin-bottom: 20px;
        margin-right: 0;
        font-size: 14px
    }

    .article-header__left a {
        font-size: 14px;
        line-height: 1.43;
        margin-bottom: 20px
    }

    .article-header__left a::after {
        height: 14px
    }

    .article-description__wrapper .article-header__title {
        display: none
    }

    .article--user .article-description__wrapper .article-header__title {
        display: block
    }

    .article-header__top .article-header__title {
        display: block
    }

    .article-header__title h1 {
        color: var(--main-color)!important
    }

    .article-header__title p {
        font-size: 20px;
        line-height: 1.4;
        color: var(--main-color)!important;
        margin-top: 12px
    }

    .article-header__right {
        margin: 24px -5px 22px;
        justify-content: space-between;
        gap: 5px 0
    }

    .article-header__right>*,.article-header__right .article-like-share__button {
        margin-right: 5px;
        margin-left: 5px
    }

    .article-header__img {
        margin: 0 -20px;
        border-radius: 0
    }

    .article-header__img img {
        margin: 0 auto
    }

    .article-header__img::after {
        display: none
    }

    .article-header__label {
        display: none
    }
}

@media screen and (max-width: 375px) {
    .article-header__title h1 {
        font-size:24px
    }
}

.article-hits {
    margin-bottom: 56px
}

.article-hits__slide-wrapper {
    width: 200px;
    display: block
}

.article-hits__label {
    display: inline-block;
    color: var(--label-color);
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    padding: 4px 8px;
    margin-bottom: 4px;
    border: 1px solid var(--label-color);
    border-radius: 4px
}

.article-hits__img {
    position: relative;
    width: 160px;
    height: 160px;
    margin-bottom: 8px
}

.article-hits__img img {
    display: block;
    width: 100%;
    height: auto
}

.article-hits__discount {
    position: absolute;
    right: -24px;
    bottom: 0;
    z-index: 5;
    width: 47px;
    height: 32px;
    text-align: center
}

.article-hits__discount span {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 2px;
    font-size: 14px;
    line-height: 32px;
    font-weight: 700;
    font-style: italic;
    color: var(--button-dark-color);
    transform: rotate(-10deg)
}

.article-hits__download {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 24px;
    height: 24px;
    background-image: url(../img/icon-download.svg);
    background-repeat: no-repeat
}

.article-hits__subtitle {
    margin-bottom: 4px;
    height: 20px
}

.article-hits__subtitle p {
    font-size: 14px;
    line-height: 1.43;
    color: var(--second-color)
}

.article-hits__title {
    font-size: 14px;
    line-height: 1.43;
    margin-bottom: 4px;
    height: 40px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.article-hits__info {
    vertical-align: baseline;
    margin-bottom: 8px
}

.article-hits__rating {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    margin-right: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.43;
    color: var(--active-color)
}

.article-hits__rating::before {
    position: absolute;
    content: "";
    top: 3px;
    left: 0;
    width: 14px;
    height: 13px;
    background-image: url(../img/icon-star.svg);
    background-repeat: no-repeat
}

.article-hits__comments {
    display: inline-block;
    font-size: 14px;
    line-height: 1.43;
    color: var(--second-color)
}

.article-hits__price-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 2px
}

.article-hits__price {
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    margin-right: 4px
}

.article-hits__price-old {
    font-size: 14px;
    line-height: 1.43;
    text-decoration: line-through;
    color: var(--second-color)
}

.article-hits__bonus {
    position: relative;
    padding-left: 28px;
    font-size: 14px;
    line-height: 1.43;
    color: var(--second-color);
    margin-bottom: 14px
}

.article-hits__bonus::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    top: -2px;
    left: 0;
    background-image: url(../img/m-club.svg);
    background-repeat: no-repeat
}

.article-hits__bonus span {
    color: var(--active-color)
}

.article-hits__slider {
    margin: 0 -10px
}

.article-hits__slider .slick-track {
    margin-left: 0
}

.article-hits__slider .slick-slide {
    padding: 0 10px
}

.article-hits__slider .slick-prev {
    left: -20px
}

.article-hits__slider .slick-next {
    right: -20px
}

.article-hits .button {
    background-color: var(--active-color);
    width: 100%;
    max-width: 145px
}

@media screen and (max-width: 1035px) {
    .article-hits__slider .slick-prev,.article-hits__slider .slick-next {
        top:50px
    }

    .article-hits__slider .slick-list {
        padding: 0 15% 0 0!important
    }

    .article-hits__slide-wrapper {
        width: 180px
    }
}

@media screen and (max-width: 767px) {
    .article-hits__wrapper {
        overflow:hidden
    }

    .article-hits__slide-wrapper {
        width: 100%;
        max-width: 192px
    }

    .article-hits__slider {
        margin: 0 -6px
    }

    .article-hits__slider .slick-slide {
        padding: 0 6px
    }

    .article-hits__slider .slick-list {
        padding: 0 40% 0 0!important
    }

    .article-hits__price {
        font-size: 16px;
        line-height: 1.37;
        font-weight: 700;
        margin-right: 6px
    }

    .article-hits__title {
        max-width: 190px
    }

    .article-hits__discount {
        right: -12px
    }
}

.article>.article-insert {
    margin: 56px 0
}

.article-insert__wrapper {
    max-width: var(--article-container);
    background-color: #e8f6f9;
    border-radius: 8px;
    margin-right: calc(var(--article-indent) + var(--article-aside))
}

.article-insert__inner {
    max-width: 376px;
    margin: 0 auto
}

.article-insert__title {
    font-family: 'Styrene B LC',Arial,sans-serif;
    color: var(--main-color);
    font-weight: 700;
    margin-bottom: 8px
}

.article-insert__content {
    display: flex;
    align-items: stretch
}

.article-insert__info {
    padding: 20px;
    max-width: 376px;
    margin: 0 auto
}

.article-insert__img+.article-insert__info {
    margin: 0 auto 0 0
}

.article-insert__img {
    flex-shrink: 0;
    width: 220px;
    height: auto;
    margin-right: 36px;
    overflow: hidden;
    border-radius: 8px 0 0 8px
}

.article-insert__img img {
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 8px 0 0 8px
}

.article-insert__text {
    font-size: 14px;
    line-height: 1.43;
    color: var(--article-color);
    margin-bottom: 10px
}

.article-insert__link {
    font-size: 12px;
    line-height: 1.33;
    color: var(--link-color);
    letter-spacing: .2px;
    font-weight: 500;
    display: inline-block;
    vertical-align: top
}

.article-insert__title:last-child,.article-insert__text:last-child {
    margin-bottom: 0
}

.article-insert.article-insert--side {
    margin-bottom: 13px
}

.article-insert.article-insert--side .container {
    padding: 0
}

.article-insert.article-insert--side .article-insert__wrapper {
    max-width: 248px;
    margin: 0;
    width: auto;
    min-width: auto
}

.article-insert.article-insert--side .article-insert__title {
    font-size: 14px
}

.article-insert.article-insert--side .article-insert__content {
    display: block;
    align-items: center;
    flex-direction: column
}

.article-insert.article-insert--side .article-insert__img {
    flex-shrink: 0;
    width: 100%;
    max-width: 248px;
    height: auto;
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    margin-right: 0
}

.article-insert.article-insert--side .article-insert__img img {
    border-radius: 0;
    height: auto
}

.article-insert.article-insert--side .article-insert__text {
    font-size: 12px;
    line-height: 1.33;
    margin-bottom: 8px;
    letter-spacing: .2px
}

.article-insert.article-insert--side .article-insert__info {
    padding: 12px
}

@media screen and (max-width: 1150px) {
    .article-insert__img {
        margin-right:10px
    }
}

@media screen and (max-width: 1035px) {
    .article-insert__wrapper {
        max-width:768px;
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .article-insert {
        margin:0 auto
    }

    .article>.article-insert {
        margin-top: 48px;
        margin-bottom: 48px
    }

    .article-insert__wrapper {
        border-radius: 0;
        margin: 0 -20px
    }

    .article-insert__info {
        padding: 16px 20px;
        max-width: 100%
    }

    .article-insert__title {
        font-size: 16px;
        margin-bottom: 14px;
        letter-spacing: .2px
    }

    .article-insert__text {
        font-size: 16px;
        line-height: 1.37;
        letter-spacing: .2px;
        margin-bottom: 14px
    }

    .article-insert__content {
        flex-direction: column
    }

    .article-insert__img+.article-insert__info {
        margin: 0
    }

    .article-insert__img {
        width: 100%;
        margin-right: 0;
        border-radius: 0
    }

    .article-insert__img img {
        display: block;
        width: 100%;
        height: 156px;
        min-height: 156px;
        border-radius: 0
    }

    .article-insert.article-insert--side {
        margin-left: -20px;
        margin-right: -20px;
        margin-top: 50px;
        margin-bottom: 50px
    }

    .article-insert.article-insert--side .article-insert__wrapper {
        max-width: none
    }

    .article-insert.article-insert--side .article-insert__info {
        padding: 16px 20px
    }

    .article-insert.article-insert--side .article-insert__img {
        max-width: none;
        border-radius: 0
    }

    .article-insert.article-insert--side .article-insert__img img {
        height: 156px;
        object-fit: cover
    }

    .article-insert.article-insert--side .article-insert__title {
        font-size: 16px
    }

    .article-insert.article-insert--side .article-insert__text {
        font-size: 16px;
        line-height: 1.37;
        letter-spacing: .2px;
        margin-bottom: 14px
    }
}

@media screen and (max-width: 636px) {
    .article-insert__wrapper,.article-insert.article-insert--side .article-insert__wrapper {
        width:calc(100vw - var(--scrollbarWidth));
        min-width: 320px;
        margin-left: min(calc((50vw - 167px - var(--scrollbarWidth)/2)*(-1)),0px);
        margin-right: 0
    }

    .article-insert.article-insert--side .container {
        padding-left: 20px;
        padding-right: 20px
    }

    .article-insert__info,.article-insert__img+.article-insert__info {
        max-width: 375px;
        margin-left: auto;
        margin-right: auto
    }
}

@media screen and (max-width: 375px) {
    .article-insert__wrapper,.article-insert.article-insert--side .article-insert__wrapper {
        margin-left:-20px
    }
}

.article-item {
    display: block;
    color: var(--main-color);
    font-size: 16px;
    max-width: 401px;
    cursor: pointer
}

.article-item>* {
    display: block
}

.article-item__img {
    position: relative;
    display: block;
    max-width: 100%;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 0 10px
}

.article-item__img img {
    display: block;
    max-width: 100%;
    width: 100%;
    height: 223px;
    object-fit: cover
}

.article-item__partner,.article-item__video {
    position: absolute;
    top: 16px;
    left: 16px;
    max-width: calc(100% - 32px);
    background: #e31235;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px;
    padding: 4px 8px;
    min-width: 85px;
    text-align: center;
    border-radius: 4px
}

.article-item__video {
    background: var(--link-color)
}

.article-item__info {
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px;
    color: var(--link-color);
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    gap: 5px
}

.article-item__info:last-child {
    justify-content: flex-start;
    gap: 5px 30px
}

.article-item__title {
    font-weight: 700;
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Styrene B LC',Arial,Helvetica,sans-serif;
    margin: 4px 0 10px;
    min-height: 4.2em
}

.article-item__subtitle {
    font-weight: 500;
    line-height: 1.37;
    margin: -4px 0 10px;
    font-family: 'Styrene B LC',Arial,Helvetica,sans-serif
}

.article-item__icon {
    display: inline-block;
    padding-left: 20px;
    position: relative;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .2px
}

.article-item__icon::before {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    background: no-repeat center center;
    top: calc(50% - 8px);
    left: 0
}

.article-item__time::before {
    background-image: url(../img/article-item/time-icon-color.svg)
}

.article-item__good::before {
    background-image: url(../img/article-item/re-good-icon-color.svg)
}

.article-item__wow::before {
    background-image: url(../img/article-item/re-wow-icon-color.svg)
}

.article-item__neutral::before {
    background-image: url(../img/article-item/re-neu-icon-color.svg)
}

.article-item__comments::before {
    background-image: url(../img/article-item/comment-icon-color.svg)
}

.article-item__views::before {
    background-image: url(../img/article-item/views-icon-color.svg)
}

.article-item__medium {
    height: 340px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding: 20px 30px 20px 42%;
    max-width: none;
    color: #fff;
    background: no-repeat center center
}

.article-medium-slider .grid__col:nth-child(2) .article-item__medium {
    padding-left: 30px;
    padding-right: 42%
}

.article-item__medium .article-item__inner {
    height: 100%;
    display: flex;
    position: relative
}

.article-item__medium .article-item__title {
    margin: auto;
    flex: 1 1 100%;
    color: #fff;
    font-family: var(--font-Styrene);
    font-size: clamp(20px,2.16vw,28px);
    font-weight: 700;
    line-height: 1.14;
    letter-spacing: .2px;
    max-height: 7.98em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical
}

.article-item__medium .article-item__top,.article-item__medium .article-item__bottom {
    position: absolute;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .2px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between
}

.article-item__medium .article-item__top {
    top: 0
}

.article-item__medium .article-item__bottom {
    bottom: 0
}

.article-item__medium .article-item__tag,.article-item__medium .article-item__comments {
    color: inherit
}

.article-item__medium .article-item__time::before {
    background-image: url(../img/article-item/time-icon.svg)
}

.article-item__medium .article-item__good::before {
    background-image: url(../img/article-item/re-good-icon.svg)
}

.article-item__medium .article-item__wow::before {
    background-image: url(../img/article-item/re-wow-icon.svg)
}

.article-item__medium .article-item__neutral::before {
    background-image: url(../img/article-item/re-neu-icon.svg)
}

.article-item__medium .article-item__comments::before {
    background-image: url(../img/article-item/comment-icon.svg)
}

.article-item__medium .article-item__views::before {
    background-image: url(../img/article-item/views-icon.svg)
}

.article-item__medium .article-item__top .article-item__views {
    display: none
}

.article-item_comment:before {
    content: "";
    display: block;
    height: 1px;
    width: 116px;
    background: #dfdee2;
    margin: 0 0 16px
}

.comment-articles .grid__col_4:nth-child(1) .article-item_comment:before,.comment-articles .grid__col_4:nth-child(2) .article-item_comment:before,.comment-articles .grid__col_4:nth-child(3) .article-item_comment:before {
    display: none
}

.article-item_comment .article-item__title {
    font-weight: 700;
    font-size: 14px;
    line-height: 1.43
}

.article-item_comment .article-item__comments {
    margin-top: 8px;
    margin-left: 3px
}

.article-item__search {
    max-width: none;
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    font-size: 14px
}

.article-item__search+.article-item__search {
    margin-top: 56px
}

.article-item__search .article-item__img {
    flex: 0 0 267px;
    margin: 0 57px 0 0
}

.article-item__search .article-item__img img {
    height: 165px
}

.article-item__search .article-item__img--with-product .article-item__product {
    left: 0
}

@media (min-width: 1036px) {
    .article-item__search .article-item__img--with-product>img {
        object-position:top 50% left calc(50% + 3px)
    }
}

.article-item__search .article-item__descr {
    overflow: hidden;
    flex: 1 1 auto;
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
    align-content: flex-start
}

.article-item__search .article-item__descr>* {
    flex: 1 1 100%
}

.article-item__search .article-item__title {
    font-size: 1.71em;
    line-height: 1.33;
    margin: 0 0 8px;
    order: 0;
    min-height: 1.33em
}

.article-item__search .article-item__info {
    justify-content: flex-start;
    margin: 0 -12px 16px 0;
    order: 1;
    gap: 5px 20px
}

.article-item__search .article-item__info .article-item__comments {
    margin-left: 0;
    margin-right: 32px
}

.article-item__search .article-item__text {
    max-height: 76px;
    overflow: hidden;
    order: 2;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    white-space: normal
}

.article-item__search .article-item__text[data-lines="3"] {
    -webkit-line-clamp: 3;
    max-height: 57px
}

.article-item__search .article-item__text[data-lines="1"] {
    -webkit-line-clamp: 1;
    max-height: 19px
}

.article-item__img--with-product>img {
    position: relative;
    object-position: left center
}

.article-item__img--with-product:before,.article-item__img--with-product .article-item__img-info {
    z-index: 1
}

.article-item__img--with-product .article-item__product {
    position: absolute;
    top: 15px;
    bottom: 15px;
    left: 50px;
    width: 190px
}

.article-item__img.article-item__img--with-product .article-item__product img {
    height: 100%;
    object-fit: contain
}

.article-item__author {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
    margin: -3px 0 12px;
    overflow: hidden
}

.article-item__author img {
    display: block;
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50%;
    margin-right: 8px
}

@media (max-width: 1292px) {
    .article-item__info:last-child {
        grid-gap:5px 20px
    }
}

@media (max-width: 1035px) {
    .article-item {
        font-size:13px
    }

    .article-item__subtitle,.article-item__title {
        font-weight: 700
    }

    .article-item__info,.article-item__search .article-item__info {
        gap: 5px
    }

    .article-item__info:last-child {
        gap: 5px 15px
    }

    .article-item__medium {
        height: 206px;
        padding: 15px 20px 15px 180px;
        background-size: cover
    }

    .article-medium-slider .grid__col:nth-child(2) .article-item__medium {
        padding-left: 20px;
        padding-right: 180px
    }

    .article-item__medium .article-item__title {
        font-size: 16px
    }

    .article-item__medium .article-item__top .article-item__views {
        display: block
    }

    .article-item__medium .article-item__top .article-item__time,.article-item__medium .article-item__bottom .article-item__views {
        display: none
    }

    .article-item__search .article-item__img {
        margin: 0 30px 0 0
    }

    .article-item__search .article-item__text {
        max-height: 70px
    }

    .article-item__search .article-item__text[data-lines="3"] {
        max-height: 53px
    }

    .article-item__search .article-item__text[data-lines="1"] {
        max-height: 18px
    }

    .article-item__img img,.article-carousel__inner .article-item__img img {
        height: 148px
    }

    .article-item__img--with-product>img {
        object-position: 0 50%
    }

    .article-item__img--with-product .article-item__product {
        width: 170px;
        left: 13px;
        top: 12px;
        bottom: 12px
    }

    .article-item__search .article-item__img--with-product .article-item__product {
        left: 25px
    }

    .article-item__partner,.article-item__video {
        min-width: auto
    }
}

@media (max-width: 767px) {
    .article-medium-slider {
        margin-left:-65px;
        margin-right: -65px
    }

    .article-medium-slider .grid {
        gap: 20px
    }

    .article-item__medium,.article-medium-slider .grid__col:nth-child(2) .article-item__medium {
        padding-left: 0;
        padding-right: 0
    }

    .article-item__medium .article-item__inner {
        max-width: 175px;
        margin-left: 48%;
        margin-right: 20px
    }

    .article-medium-slider .grid__col:nth-child(2) .article-item__inner {
        margin-left: 65px;
        margin-right: 20px
    }

    .article-item__img img,.article-item__search .article-item__img img {
        width: 100%;
        height: 180px
    }

    .article-carousel__inner .article-item__img img {
        height: 160px
    }

    .article-item__img-info {
        opacity: 1;
        bottom: 8px;
        right: 8px;
        left: 8px
    }

    .article-item_comment {
        width: 180px
    }

    .article-item__search {
        display: block;
        max-width: 324px
    }

    .article-item__search+.article-item__search {
        margin-top: 32px
    }

    .article-item__search .article-item__img {
        margin: 0 -65px 16px;
        max-width: none
    }

    .article-item__search .article-item__img--with-product .article-item__product {
        left: 15px
    }

    .article-item__search .article-item__img img {
        height: auto
    }

    .article-item__search .article-item__descr {
        height: auto;
        display: block
    }

    .article-item__search .article-item__info {
        display: flex;
        margin: 0 0 12px;
        flex-flow: row nowrap;
        justify-content: space-between
    }

    .article-item__search .article-item__info .article-item__tag+.article-item__tag {
        display: none
    }

    .article-item__search .article-item__info .article-item__comments {
        margin-left: 20px;
        margin-right: 0
    }

    .article-item__search .article-item__info .article-item__comments>span {
        display: none
    }

    .article-item__search .article-item__title {
        margin: 0;
        font-size: 1.25em;
        line-height: 1.4
    }

    .article-item__search .article-item__text {
        display: none
    }

    .article-item__img--with-product>img {
        object-position: 50% 50%
    }

    .article-item__img--with-product .article-item__product {
        top: 15px;
        bottom: 15px;
        left: 4%;
        width: 64%
    }
}

@media (max-width: 465px) {
    .article-medium-slider {
        width:100vw;
        min-width: 320px;
        margin-left: calc((50vw - 187px + 20px)*(-1))
    }

    .article-item__medium {
        border-radius: 0
    }

    .article-medium-slider .grid__col:nth-child(2) .article-item__inner {
        margin-left: calc(50vw - 187px + 20px)
    }

    .article-item__search .article-item__img {
        width: calc(100vw - var(--scrollbarWidth));
        min-width: 320px;
        margin-left: min(calc((50vw - 167px - var(--scrollbarWidth)/2)*(-1)),0px);
        border-radius: 0
    }
}

@media (max-width: 375px) {
    .article-medium-slider {
        margin-left:-20px
    }

    .article-medium-slider .grid__col:nth-child(2) .article-item__inner {
        margin-left: 20px
    }

    .article-item__search .article-item__img {
        margin-left: -20px
    }
}

.article-like-share {
    margin-bottom: 56px
}

.article-like-share__list {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 35px 25px;
    margin: 0 -10px
}

.article-like-share__list>li {
    margin: 0 10px
}

.article-like-share__button {
    display: inline-flex;
    flex-flow: row nowrap;
    align-items: center;
    font-family: Roboto,Arial,Helvetica,sans-serif;
    color: #8e8e93;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: .2px;
    border: 0;
    margin: 0;
    padding: 0;
    background: 0 0;
    cursor: pointer;
    white-space: nowrap;
    position: relative
}

.article-like-share__button svg {
    display: block
}

.article-like-share__button span {
    margin-left: 4px
}

.article-like-share__svg {
    --icon-color: #8E8E93;
    --icon-color-bg: transparent
}

.article-like-share__list .article-like-share__button.active {
    color: #12a2bf
}

.article-like-share__list .article-like-share__button.active .article-like-share__svg {
    --icon-color: #12A2BF;
    --icon-color-bg: #12A2BF
}

@media screen and (max-width: 767px) {
    .article-like-share__list {
        justify-content:space-between;
        gap: 25px 10px
    }
}

.article-more {
    position: absolute;
    top: 0;
    z-index: 2;
    width: 231px;
    right: calc(70px + var(--article-aside) - 231px)
}

.article-more__wrapper {
    width: 231px
}

.article-more__title,.article-more__subtitle {
    font-family: 'Styrene B LC',Arial,sans-serif;
    color: var(--article-color);
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 1.43
}

.article-more__content {
    position: relative;
    cursor: pointer
}

.article-more__img {
    margin: 0 0 17px
}

.article-more__img img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
    border-radius: 8px
}

.article-more__date {
    font-size: 12px;
    line-height: 1.33;
    font-weight: 300;
    letter-spacing: .2px;
    margin-bottom: 2px;
    color: var(--main-color)
}

.article-more__subtitle {
    margin: 0;
    white-space: normal;
    color: #39393d
}

.article-more__subtitle a {
    color: inherit
}

.article-more__slide {
    margin-bottom: 20px
}

@media screen and (max-width: 1035px) {
    .article-more {
        display:none
    }
}

@media screen and (max-width: 767px) {
    .article-more {
        display:block;
        width: auto
    }

    .article-more__slider .slick-list {
        padding: 0 24% 0 0!important
    }

    .article-more {
        position: static;
        margin-top: 48px
    }

    .article-more__wrapper {
        width: 100%
    }

    .article-more__slider {
        margin: 0 -20px 0 -6px
    }

    .article-more__slide-wrapper {
        width: 260px;
        padding: 0 6px
    }

    .article-more__subtitle {
        margin: 0
    }

    .article-more__content {
        display: flex;
        align-items: flex-start
    }

    .article-more__img {
        flex-shrink: 0;
        width: 88px;
        margin-right: 12px;
        margin-bottom: 0
    }

    .article-more__img img {
        height: 100px;
        object-fit: cover;
        border-radius: 8px
    }

    .article-more__date {
        margin-bottom: 8px
    }

    .article-more__subtitle {
        max-height: 80px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        white-space: normal
    }
}

.article-outer-img {
    margin: 32px 0
}

.article-outer-holder {
    max-width: var(--article-container);
    margin-right: calc(var(--article-indent) + var(--article-aside))
}

.article-outer-img img {
    display: block;
    max-width: 100%;
    border-radius: 10px
}

.article-outer-img__descr {
    max-width: none
}

.article-outer-img__text {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: .2px;
    margin-top: 16px
}

.article-outer-img__source {
    font-size: 12px;
    line-height: 14px;
    letter-spacing: .2px;
    font-style: italic;
    margin-top: 16px
}

@media screen and (max-width: 1035px) {
    .article-outer-holder {
        max-width:none;
        margin-right: 0
    }

    .article-outer-img__descr {
        max-width: none
    }
}

@media screen and (max-width: 767px) {
    .article-outer-img {
        margin:24px 0
    }

    .article-outer-holder {
        margin: 0 -20px
    }

    .article-outer-img__descr {
        max-width: 100%;
        padding: 0 20px
    }

    .article-outer-img__text,.article-outer-img__source {
        margin-top: 12px
    }
}

@media screen and (max-width: 636px) {
    .article .article-outer-img .container,.article--user .article-outer-img .containerrr {
        max-width:none
    }

    .article-outer-img__descr {
        max-width: 375px;
        margin-left: auto;
        margin-right: auto
    }

    .article-outer-img img {
        border-radius: 0
    }
}

.article-post {
    margin: 45px 0
}

.article-post__wrapper {
    max-width: var(--article-container);
    margin-right: calc(var(--article-indent) + var(--article-aside))
}

@media (max-width: 1035px) {
    .article-post__wrapper {
        max-width:none;
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .article-post {
        margin:30px 0
    }
}

.article-quote {
    margin: 56px 0
}

.article-quote__wrapper {
    max-width: var(--article-container);
    background-color: #f7f7fa;
    border-radius: 8px;
    padding: 20px;
    margin-right: calc(var(--article-indent) + var(--article-aside))
}

.article-quote__title {
    font-family: 'Styrene B LC',Arial,sans-serif;
    font-weight: 700;
    margin-bottom: 18px;
    color: var(--article-color)
}

.article-quote blockquote {
    position: relative;
    margin-bottom: 16px;
    color: var(--article-color);
    padding-left: 29px
}

.article-quote blockquote::before {
    position: absolute;
    content: "“";
    top: 0;
    left: 0;
    font-size: 28px;
    line-height: 1.29;
    letter-spacing: .1px;
    font-weight: 700;
    color: var(--article-color)
}

.article-quote .article-author.article-author--small {
    margin-left: 29px
}

@media screen and (max-width: 1035px) {
    .article-quote__wrapper {
        max-width:none;
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .article-quote {
        margin:40px auto 40px
    }

    .article-quote__wrapper {
        padding: 20px;
        border-radius: 0;
        margin: 0 -20px
    }

    .article-quote blockquote {
        padding-left: 0
    }

    .article-quote blockquote::before {
        display: none
    }

    .article-quote .article-author.article-author--small {
        margin-left: 0
    }
}

.article-share {
    margin-bottom: 56px
}

.article-share__list {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0
}

.popup .article-share__list {
    justify-content: center
}

.article-share__item+.article-share__item {
    margin-left: 12px
}

.article-share__link {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #8e8e93
}

.article-share__link svg,.article-share__link img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.article-share.article-share--auto .article-share__item+.article-share__item {
    margin-left: 15px
}

.article-share.article-share--auto .article-share__link {
    border: 0;
    width: 60px;
    height: 60px;
    border-radius: 0
}

@media screen and (max-width: 767px) {
    .article-share.article-share--auto .article-share__link,.article-share.article-share--auto img {
        width:40px;
        height: 40px
    }

    .article-share.article-share--auto .article-share__item+.article-share__item {
        margin-left: 12px
    }
}

.article-sources {
    margin: 45px 0
}

.article-sources__wrapper {
    max-width: var(--article-container);
    margin-right: calc(var(--article-indent) + var(--article-aside))
}

.article-sources .article-sources__title {
    font-family: 'Styrene B LC',Arial,sans-serif;
    font-size: 24px;
    line-height: 1.33;
    font-weight: 500;
    color: var(--article-color);
    margin: 0;
    width: fit-content;
    padding-right: 30px;
    position: relative;
    cursor: pointer
}

.article-sources__title::before {
    content: "";
    width: 14px;
    height: 10px;
    background: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.50209 1.21723C1.20095 0.857109 0.664885 0.809291 0.304759 1.11043C-0.0553669 1.41157 -0.103185 1.94763 0.197955 2.30776L6.18726 9.47024C6.20639 9.49399 6.22696 9.51691 6.24896 9.53886C6.31969 9.60975 6.40047 9.66579 6.48708 9.70661C6.60224 9.76107 6.72636 9.78785 6.85002 9.78778C6.97368 9.78785 7.0978 9.76107 7.21296 9.70661C7.29957 9.66579 7.38035 9.60975 7.45108 9.53886C7.47308 9.51691 7.49365 9.49399 7.51278 9.47024L13.5021 2.30776C13.8032 1.94763 13.7554 1.41157 13.3953 1.11043C13.0352 0.809291 12.4991 0.857109 12.198 1.21723L6.85002 7.61271L1.50209 1.21723Z' fill='black'/%3E%3C/svg%3E%0A") no-repeat 0 0;
    position: absolute;
    right: 0;
    top: calc(50% - 2px);
    transform: rotate(0deg);
    transform-origin: center center;
    transition: transform .2s linear
}

.article-sources.opened .article-sources__title::before {
    transform: rotate(180deg)
}

.article-sources__list {
    color: var(--article-color);
    font-size: 16px;
    line-height: 1.37;
    margin: 22px 0 0;
    padding: 0;
    list-style: none outside;
    counter-reset: num;
    display: none;
    overflow-wrap: break-word
}

.article-sources__list li {
    position: relative;
    padding-left: 20px;
    counter-increment: num
}

.article-sources__list li::before {
    content: counter(num)'.';
    position: absolute;
    top: 0;
    left: 0
}

.article-sources__list li+li {
    margin-top: 5px
}

.article-sources__list a {
    color: var(--link-color);
    text-decoration: underline
}

.article-sources__list a:hover {
    text-decoration: none
}

@media screen and (max-width: 1035px) {
    .article-sources__wrapper {
        max-width:none;
        margin-right: 0
    }
}

.article-table {
    margin: 46px 0
}

.article-table__wrapper {
    overflow-x: auto;
    width: calc(100% - var(--article-indent) - var(--article-aside));
    max-width: var(--article-container);
    margin-right: calc(var(--article-indent) + var(--article-aside))
}

table.article-table__table {
    border-collapse: collapse;
    border: 0;
    margin-bottom: 10px
}

.td-first {
    width: 153px
}

.td-big {
    width: 134px
}

.td-small {
    width: 102px
}

.article-table__table td {
    padding: 8px
}

.article-table__table tr:not(:first-child) td {
    white-space: nowrap
}

.td-img {
    display: flex;
    align-items: center
}

.td-img .td-text {
    font-size: 14px;
    line-height: 1.43;
    color: var(--article-color)
}

.td-img__wrapper {
    width: 32px;
    height: 32px;
    border-radius: 8px;
    margin-right: 10px
}

.article-table__table tr:first-child {
    background-color: #f7f7fa;
    height: 60px;
    vertical-align: top;
    font-size: 14px;
    line-height: 1.44;
    font-weight: 500;
    color: var(--article-color)
}

.article-table__table tr:not(:first-child) {
    height: 48px;
    vertical-align: middle
}

.article-table__table td:last-child {
    text-align: right
}

.td-value {
    position: relative;
    width: 20px;
    height: 20px;
    border-radius: 50%
}

.td-value.td-value--no {
    background-color: var(--servise-warning)
}

.td-value.td-value--no::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    top: 6px;
    left: 6px;
    background-image: url(../img/shop-img/icon-no.svg);
    background-repeat: no-repeat;
    background-position: center
}

.td-value.td-value--yes {
    background-color: var(--servise-success)
}

.td-value.td-value--yes::after {
    position: absolute;
    content: "";
    width: 10px;
    height: 7px;
    top: 6px;
    left: 5px;
    background-image: url(../img/shop-img/icon-yes.svg);
    background-repeat: no-repeat;
    background-position: center
}

.article-table__table.article-table__table--compare tr:first-child {
    height: 36px
}

.article-table__table.article-table__table--compare tr td {
    white-space: normal;
    font-size: 14px;
    line-height: 1,42
}

.article-table__table.article-table__table--compare td:first-child {
    width: 89px
}

.article-table__table.article-table__table--compare td:nth-child(2) {
    width: 134px
}

.article-table__table.article-table__table--compare td:nth-child(3) {
    width: 178px
}

.article-table__table.article-table__table--compare td:nth-child(4) {
    width: 233px;
    text-align: left
}

.td-highlight {
    background-color: #e31235;
    color: #fff
}

@media screen and (max-width: 1035px) {
    .article-table__wrapper {
        margin-right:0;
        width: 100%;
        max-width: none
    }
}

.article-tag {
    margin-bottom: 56px
}

.article--user .article-tag {
    margin-top: 56px
}

.article-tag__list {
    display: flex;
    list-style: none;
    margin: 0 0 -12px -12px;
    padding: 0;
    flex-flow: row wrap;
    max-width: calc(100% + 12px);
    overflow: hidden
}

.article-tag__item {
    margin-bottom: 12px;
    margin-left: 12px
}

.article-tag__item a {
    display: inline-block;
    vertical-align: top;
    padding: 9px 16px;
    height: 32px;
    border-radius: 4px;
    background-color: var(--button-light-bg);
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 1;
    white-space: nowrap;
    color: var(--button-light-color);
    transition: background-color .15s ease-in-out
}

.article-tag__item a:hover {
    background-color: var(--button-light-hover)
}

.article-video,.article-video-ru {
    position: relative;
    margin: 56px 0
}

.article-video__wrapper {
    max-width: var(--article-container);
    margin-right: calc(var(--article-indent) + var(--article-aside))
}

.article-video h2,.article-video-ru h2 {
    font-family: 'Styrene B LC',Arial,sans-serif;
    font-size: 24px;
    line-height: 1.33;
    font-weight: 500;
    color: var(--article-color);
    margin-bottom: 32px
}

.article-video__content {
    position: relative;
    border-radius: 0
}

.article-video__content iframe {
    border-radius: 10px
}

.article-video__sizer {
    padding-top: 56.289%
}

.article-video__holder .article-video__iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important
}

.article-video__default,.article-video__default-ru {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f5f5f5;
    border-radius: 10px;
    overflow: hidden
}

.article-video__default img,.article-video__default-ru img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.article .video:before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.article-video__signature {
    font-size: 12px;
    line-height: 1.33;
    letter-spacing: .2px;
    margin-top: 16px
}

@media screen and (max-width: 1035px) {
    .article-video__wrapper {
        max-width:none;
        margin-right: 0
    }
}

@media screen and (max-width: 767px) {
    .article-video,.article-video-ru {
        margin-top:48px;
        margin-bottom: 48px
    }

    .article-video h2,.article-video-ru h2 {
        font-weight: 700;
        margin-bottom: 24px
    }

    .article-video__content {
        margin: 0 -20px;
        border-radius: 0
    }
}

@media screen and (max-width: 636px) {
    .article-video__content {
        width:calc(100vw - var(--scrollbarWidth));
        min-width: 320px;
        margin-left: min(calc((50vw - 167px - var(--scrollbarWidth)/2)*(-1)),0px);
        margin-right: 0
    }

    .article-video__content iframe {
        border-radius: 0
    }
}

@media screen and (max-width: 375px) {
    .article-video__content {
        margin-left:-20px
    }
}

.card {
    margin: 32px 0
}

.article--user-new .card {
    margin: 45px 0
}

.card__wrapper {
    max-width: var(--article-container);
    margin-right: calc(var(--article-indent) + var(--article-aside))
}

.card__logo {
    width: 107px;
    margin: 0 0 16px
}

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

.card__title {
    font-family: 'Styrene B LC',Arial,sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    color: var(--article-color);
    margin-bottom: 16px
}

.card--full .card__title {
    margin-bottom: 26px;
    flex: 1 1 100%
}

.card__inner {
    display: flex;
    align-items: center;
    margin-bottom: 32px
}

.card--full .card__inner {
    align-items: center;
    align-content: flex-start;
    flex-flow: row wrap
}

.card__img {
    width: 44%;
    max-width: 280px
}

.card--full .card__img {
    width: auto;
    flex: 1 1 51%;
    max-width: 428px;
    min-width: 0;
    margin-top: -25px
}

.card__img img {
    display: block;
    max-width: 100%;
    height: auto
}

.card__slider .slick-slide,.card__slider1 .slick-slide {
    padding: 0 25px
}

.card__slider img,.card__slider1 img {
    margin: 0 auto;
    height: 284px;
    object-fit: contain
}

.card__slider .slick-dots,.card__slider1 .slick-dots {
    margin: 14px -6px 0;
    display: flex;
    justify-content: center
}

.card__slider .slick-dots li,.card__slider1 .slick-dots li {
    flex: 1 1 auto;
    max-width: 32px;
    padding: 0;
    margin: 0 6px
}

.card__slider .slick-dots button,.card__slider1 .slick-dots button {
    width: 100%;
    max-width: 32px
}

.card__slider .slick-prev,.card__slider1 .slick-prev {
    left: -20px
}

.card__slider .slick-next,.card__slider1 .slick-next {
    right: -20px
}

.card__info {
    padding-left: 12%
}

.card--full .card__info {
    flex: 0 0 39%;
    padding-left: 0;
    margin-left: 10%;
    overflow: hidden
}

.card__bg {
    background: #f5f5f5;
    border-radius: 4px;
    padding: 20px
}

.card__list {
    list-style: none;
    padding: 0;
    margin: 0 0 24px
}

.card__list li {
    font-size: 14px;
    line-height: 1.43;
    color: var(--article-color)
}

.card--full .card__list,.card--new .card__text ul {
    list-style: disc outside;
    margin-left: 15px
}

.card__list li+li {
    margin-top: 8px
}

.card__rating {
    display: inline-block;
    vertical-align: top;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    color: var(--active-color);
    margin-right: 8px;
    padding-left: 18px;
    background: url(../img/icon-star.svg) no-repeat left center;
    margin-bottom: 10px
}

.card__reviews {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 20px;
    white-space: nowrap;
    color: var(--second-color);
    margin-bottom: 10px
}

.card__buy {
    margin: 13px 0 0;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 5px
}

.card__price {
    font-size: 20px;
    line-height: 1.29;
    letter-spacing: .1px;
    font-weight: 700;
    margin-bottom: 32px
}

.card__buy .card__price {
    white-space: nowrap;
    margin: 0 5px 0 0
}

.card__icon-buttons {
    margin-left: auto;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: flex-start
}

.card__icon-button {
    width: 24px;
    height: 24px;
    display: flex;
    background: 0 0;
    padding: 0;
    margin: 0;
    border: 0;
    font-size: 0;
    line-height: 0;
    color: transparent
}

.card__icon-button+.card__icon-button {
    margin-left: 12px
}

.card__icon-button svg {
    display: block;
    margin: auto
}

.card__compare.button-click path {
    fill: var(--link-color)
}

.card__like.button-click path {
    fill: #e31235;
    stroke: #e31235;
    stroke-width: 1
}

.card .button.button--mob {
    display: none
}

.card__buttons {
    display: flex;
    flex-flow: row nowrap;
    align-items: stretch;
    justify-content: flex-start;
    margin: 15px 0 0
}

.card__buttons .button--cart {
    flex: 1 1 auto;
    background: url(../img/icon-cart.svg) no-repeat center center var(--active-color);
    border: 0;
    font-size: 0;
    line-height: 0;
    color: transparent;
    border-radius: 4px;
    margin-right: 15px
}

.card__buttons .button--cart.disabled {
    background-color: #b0b0b4
}

.card__buttons .button--desc {
    padding-left: 5px;
    padding-right: 5px;
    flex: 0 0 160px
}

.card__text {
    color: var(--article-color)
}

.card--new .card__title {
    margin-bottom: 6px
}

.card--new .card__img {
    width: auto;
    max-width: none
}

.card--new .card__info {
    padding-left: 0;
    margin-top: 40px
}

.card--new .card__bg {
    padding: 18px 23px 13px
}

.card--new .card__text {
    font-size: 16px;
    line-height: 1.37;
    margin-bottom: 13px
}

.card--new .card__text p {
    margin: 0 0 .5em
}

.card--new .card__text ul {
    margin-bottom: .5em
}

.card--new .card__text p:last-child,.card--new .card__text ul:last-child {
    margin-bottom: 0
}

.card--new .card__buy {
    align-items: center;
    margin-top: 0;
    gap: 0
}

.card--new .card__rating,.card--new .card__reviews {
    margin-bottom: 0
}

.card--new .card__rating {
    margin-right: 24px
}

.card--new .card__price {
    margin-left: auto;
    margin-right: 12px;
    font-size: 28px;
    line-height: 1
}

.card--new .card__icon-buttons {
    margin-left: 0
}

.card--new .card__buttons {
    margin-top: 30px;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 28px
}

.card--new .card__buttons .button--cart {
    margin-right: 0
}

.card-goods .card__logo {
    margin-bottom: 6px
}

.card-goods__top {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 55px 10px
}

.card-goods__top .card__title {
    margin-bottom: 0;
    flex: 1 1 100%;
    padding-right: 20px
}

.card-goods__top .card__img {
    width: 44%;
    max-width: 280px;
    flex: 0 0 44%
}

.card-goods .card__info {
    margin-top: 0
}

.card-goods .card__buttons {
    margin-top: 60px
}

.card-goods .slick-dots {
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 72px
}

.card-goods .slick-arrow {
    top: 98px
}

@media screen and (max-width: 1150px) {
    .card--full .card__img {
        max-width:327px;
        flex: 1 1 calc(100% - 255px - 50px)
    }

    .card--full .card__info {
        margin-left: 50px;
        flex: 0 0 255px
    }
}

@media screen and (min-width: 768px) {
    .article-block__side .card {
        margin-top:0;
        max-width: 230px
    }

    .article-block__side .card__wrapper {
        margin-right: 0
    }

    .article-block__side .card__inner {
        display: block
    }

    .article-block__side .card--full .card__logo {
        display: none
    }

    .article-block__side .card--full .card__img {
        margin-top: 0
    }

    .article-block__side .card--full .card__info {
        margin-left: 0;
        margin-top: 13px
    }

    .article-block__side .card__bg {
        padding: 16px
    }

    .article-block__side .card--full .card__title {
        font-size: 16px;
        line-height: 1;
        margin-bottom: 14px
    }

    .article-block__side .card__inner>.card__title {
        display: none
    }

    .article-block__side .card__list li {
        font-size: 12px
    }

    .article-block__side .card__list li+li {
        margin-top: 5px
    }

    .article-block__side .card__list {
        margin-bottom: 8px
    }

    .article-block__side .card__rating,.article-block__side .card__reviews {
        font-size: 12px
    }

    .article-block__side .card__buy {
        margin-top: 2px
    }

    .article-block__side .card__buy .card__price {
        font-size: 16px;
        line-height: 20px;
        font-family: var(--font-Styrene);
        letter-spacing: normal
    }
}

@media screen and (max-width: 1035px) {
    .card__wrapper {
        max-width:768px;
        margin-right: 0
    }

    .card__img {
        max-width: 768px
    }

    .card--full .card__img {
        max-width: 334px
    }

    .card__info {
        padding-left: 7%
    }

    .card--full .card__info {
        flex: 1 1 auto
    }

    .card__buy {
        justify-content: space-between;
        max-width: 324px
    }

    .card__buttons .button--cart {
        flex: 1 1 50%;
        margin-right: 7px
    }

    .card__buttons .button--desc {
        flex: 1 1 50%;
        margin-left: 7px
    }

    .card--new .card__buy {
        max-width: none
    }
}

@media screen and (max-width: 767px) {
    .card__title {
        margin-bottom:20px
    }

    .card__list {
        margin-bottom: 12px
    }

    .card__list li {
        font-size: 12px;
        line-height: 1.33;
        letter-spacing: .2px
    }

    .card__list li+li {
        margin-top: 4px
    }

    .card__price {
        font-size: 20px;
        line-height: 1.4;
        font-weight: 500;
        margin-bottom: 0
    }

    .card__inner {
        margin-bottom: 16px
    }

    .card__text {
        font-size: 12px;
        line-height: 1.33;
        letter-spacing: .2px;
        color: var(--article-color);
        margin-bottom: 16px
    }

    .card .button.button--desc {
        display: none
    }

    .card .button--mob.button--mob {
        display: block;
        width: 100%
    }

    .card--full .card__title {
        margin-right: 57px;
        margin-bottom: 14px
    }

    .card--full .card__inner {
        padding-bottom: 60px;
        position: relative
    }

    .card--full .card__img {
        margin-top: -10px;
        max-width: calc(50% - 4px);
        width: calc(50% - 4px);
        flex-basis: calc(50% - 4px)
    }

    .card__slider img,.card__slider1 img {
        height: 160px
    }

    .card__slider .slick-slide,.card__slider1 .slick-slide {
        padding: 0
    }

    .card__slider .slick-dots,.card__slider1 .slick-dots {
        margin-left: -3px;
        margin-right: -3px
    }

    .card__slider .slick-dots li,.card__slider1 .slick-dots li {
        width: 6px;
        margin: 0 3px;
        max-width: 6px
    }

    .card__slider .slick-dots button,.card__slider1 .slick-dots button {
        max-width: 6px
    }

    .card--full .card__info {
        margin-left: 8px;
        max-width: calc(50% - 4px);
        width: calc(50% - 4px);
        flex-basis: calc(50% - 4px)
    }

    .card__bg {
        padding: 10px
    }

    .card--full .card__list {
        margin-bottom: 10px
    }

    .card__buy {
        margin-top: 0
    }

    .card__buy .card__price {
        font-size: 16px;
        line-height: 24px;
        font-weight: 500
    }

    .card__rating,.card__reviews {
        font-size: 12px
    }

    .card__buttons {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .card--full .button.button--desc {
        display: block;
        margin-left: 4px
    }

    .card__buttons .button--cart {
        margin-right: 4px
    }

    .card__icon-buttons {
        position: absolute;
        top: -1px;
        right: 0
    }

    .card__icon-button+.card__icon-button {
        margin-left: 4px
    }

    .article-block__side .card__info .card__title {
        display: none
    }

    .card--new .card__wrapper {
        position: relative
    }

    .card--new .card__title {
        margin-right: 57px
    }

    .card--new .card__info {
        margin-top: 15px
    }

    .card--new .card__bg {
        padding: 5px 12px 10px
    }

    .card--new .card__text {
        margin-bottom: 8px
    }

    .card--new .card__rating {
        margin-right: 8px
    }

    .card--new .card__price {
        margin-right: 0
    }

    .card--new .card__icon-buttons {
        top: 32px
    }

    .card--new .card__buttons {
        position: static;
        margin-top: 17px;
        grid-gap: 12px
    }

    .card--new .button.button--desc {
        display: inline-flex;
        margin-left: 0
    }

    .card-goods .card__logo {
        margin-bottom: 16px
    }

    .card-goods .slick-slide {
        position: relative
    }

    .card-goods .card__icon-buttons {
        top: 0
    }

    .card-goods__top {
        margin: 0;
        display: block
    }

    .card-goods__top .card__title {
        padding-right: 0;
        margin-bottom: 6px
    }

    .card-goods__top .card__img {
        width: auto;
        max-width: none
    }

    .card-goods__top .card__img img {
        height: 160px;
        object-fit: contain;
        margin: 0 auto
    }

    .card-goods .card__buttons {
        margin-top: 35px
    }

    .card-goods .slick-dots {
        bottom: 57px
    }
}

.promo-bonus {
    margin-bottom: 105px
}

.promo-bonus__list {
    display: grid;
    list-style: none;
    padding: 0;
    margin: 0 0 27px;
    gap: 32px;
    grid-template-columns: repeat(4,1fr)
}

.promo-bonus__box {
    position: relative;
    background-color: var(--ocean-guide-color);
    border-radius: 8px;
    padding: 24px
}

.promo-bonus__title {
    font-family: var(--font-Styrene);
    font-size: 64px;
    line-height: 1.28;
    font-weight: 700
}

.promo-bonus__subtitle {
    font-family: var(--font-Styrene);
    font-size: 21px;
    line-height: 1.1;
    font-weight: 700;
    margin-top: -12px;
    margin-bottom: 16px
}

.promo-bonus__text {
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    opacity: .8;
    padding-left: 32px
}

.promo-bonus__text::before {
    position: absolute;
    content: "";
    top: 1px;
    left: 0;
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.promo-bonus__text.promo-bonus__text--first::before {
    background-image: url(../img/promo/write-icon01.svg)
}

.promo-bonus__text.promo-bonus__text--second::before {
    background-image: url(../img/promo/write-icon02.svg)
}

.promo-bonus__text+.promo-bonus__text {
    margin-top: 12px
}

.promo-bonus__small {
    position: relative;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400;
    padding-left: 48px;
    width: 100%;
    max-width: 790px
}

.promo-bonus__small::before {
    position: absolute;
    content: "";
    top: 1px;
    left: 0;
    width: 32px;
    height: 32px;
    background-image: url(../img/promo/write-icon03.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.promo-bonus__link {
    font-weight: 500;
    color: var(--main-guide-blue)
}

@media (max-width: 1035px) {
    .promo-bonus__list {
        grid-template-columns:repeat(2,1fr)
    }
}

@media (max-width: 767px) {
    .promo-bonus {
        margin-bottom:55px
    }

    .promo-bonus__list {
        grid-template-columns: 1fr;
        gap: 20px
    }

    .promo-bonus__box {
        padding: 20px
    }
}

.promo-section {
    margin-bottom: 37px
}

.page-section__wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: center
}

.promo-section__info {
    margin-right: 20px;
    padding-left: 24px
}

.promo-section__title {
    font-family: 'Styrene B LC Web',Arial,sans-serif;
    font-size: 24px;
    line-height: 1.1;
    font-weight: 700;
    padding-left: 36px;
    margin-bottom: 26px
}

.promo-section__list {
    list-style: none
}

.promo-section__item {
    position: relative;
    padding-left: 36px;
    margin-bottom: 8px
}

.promo-section__text {
    font-size: 16px;
    line-height: 1.5;
    opacity: .8
}

.promo-section__item::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 24px;
    height: 24px;
    background-image: url(../img/promo/section-check.svg)
}

.promo-section__link {
    font-weight: 500;
    color: var(--main-guide-blue)
}

.promo-section__example {
    width: 324px;
    padding: 24px 16px;
    background-color: var(--ocean-guide-color);
    border-radius: 8px;
    margin-left: auto
}

.promo-section__example-video .promo-section__example-wrap {
    flex-direction: column;
    align-items: flex-start
}

.promo-section__example-title {
    font-family: var(--font-Styrene);
    font-size: 18px;
    line-height: 1.28;
    font-weight: 700;
    margin-bottom: 37px
}

.promo-section__example-video .promo-section__example-title {
    margin-bottom: 24px
}

.promo-section__example-wrap {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start
}

.promo-section__example-wrap+.promo-section__example-wrap {
    margin-top: 37px
}

.promo-section__example-img {
    border-radius: 4px;
    object-fit: contain;
    margin-right: 16px
}

.promo-section__example-video .promo-section__example-img {
    margin-bottom: 6px
}

.promo-section__example-text {
    padding-top: 4px;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 500
}

.promo-section__example-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.promo-sectionBg {
    padding: 24px 0;
    background-color: var(--ocean-guide-color);
    margin-bottom: 37px
}

.promo-sectionBg .promo-section__list {
    width: 100%;
    max-width: 587px
}

.promo-sectionBg .promo-section__title {
    font-size: 16px;
    line-height: 1.1;
    margin-bottom: 19px;
    padding-left: 15px
}

.promo-sectionBg li.promo-section__item {
    position: relative;
    padding-left: 15px;
    font-size: 10px;
    line-height: 1.3;
    margin-bottom: 8px;
    opacity: .8
}

.promo-sectionBg .promo-section__item {
    padding-left: 15px
}

.promo-sectionBg .promo-section__text {
    font-size: 14px;
    line-height: 1.3;
    opacity: .8
}

.promo-sectionBg .promo-section__item::before {
    position: absolute;
    content: "";
    top: 5px;
    left: 6px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    background-color: var(--main-color);
    opacity: .8
}

@media (max-width: 1035px) {
    .page-section__wrapper {
        flex-direction:column;
        align-items: center
    }

    .promo-section__info {
        margin-right: 0;
        margin-bottom: 36px
    }

    .promo-sectionBg .promo-section__info {
        margin-bottom: 0
    }

    .promo-section__example {
        margin-left: 0
    }
}

@media (max-width: 767px) {
    .promo-sectionBg .promo-section__info,.promo-section__info {
        padding-left:0
    }
}

.promo-start__wrapper {
    display: flex;
    justify-content: space-between;
    padding-top: 34px;
    margin-bottom: 32px
}

.promo-start__box {
    position: relative;
    padding: 30px 36px;
    border-radius: 8px;
    min-height: 286px
}

.promo-start__first {
    display: flex;
    flex-direction: column;
    width: 57%;
    background: radial-gradient(78.51% 335.25% at 78.51% 65.38%,#9669f5 0,#7a4ed7 100%)
}

.promo-start__first::after {
    position: absolute;
    content: "";
    right: 3px;
    bottom: 0;
    width: 251px;
    height: 320px;
    background-image: url(../img/promo/person.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.promo-start__second {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: 40%;
    background-color: #51cfdd;
    background-image: url(../img/promo/start-bg.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.promo-start__title {
    font-family: var(--font-Styrene);
    font-size: 18px;
    line-height: 1.1;
    font-weight: 700;
    max-width: 324px;
    margin-bottom: 14px;
    color: var(--main-bg-color)
}

.promo-start__second .promo-start__title {
    margin-bottom: -4px
}

.promo-start__text {
    line-height: 1.5;
    margin-bottom: auto;
    max-width: 300px;
    color: var(--main-bg-color)
}

.promo-start .button {
    width: 100%;
    max-width: 259px;
    padding-left: 5px;
    padding-right: 5px
}

.promo-start__box-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.promo-start__link {
    display: inline-block;
    position: relative;
    font-size: 14px;
    line-height: 1.43;
    font-weight: 500;
    color: var(--main-guide-blue);
    padding: 10px 17px 10px 8px
}

.promo-start__link::after {
    position: absolute;
    content: "";
    top: 9px;
    right: 7px;
    width: 5px;
    height: 22px;
    background-image: url(../img/promo/arrow.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

@media (max-width: 1035px) {
    .promo-start__wrapper {
        padding-top:0
    }

    .promo-start__first::after {
        display: none
    }

    .promo-start__title {
        max-width: 100%
    }

    .promo-start__text {
        max-width: 100%
    }
}

@media (max-width: 767px) {
    .promo-start__wrapper {
        flex-direction:column;
        justify-content: flex-start
    }

    .promo-start__first,.promo-start__second {
        width: 100%
    }

    .promo-start__box {
        min-height: 300px;
        padding: 20px
    }

    .promo-start__box+.promo-start__box {
        margin-top: 32px
    }

    .promo-start__second .promo-start__title {
        margin-bottom: 0
    }
}

.promo-steps__list {
    display: grid;
    list-style: none;
    padding: 0;
    margin: 0 0 76px;
    gap: 32px;
    grid-template-columns: repeat(4,1fr)
}

.promo-steps__box {
    position: relative;
    background-color: var(--ocean-guide-color);
    width: 56px;
    height: 56px;
    border-radius: 8px;
    margin-bottom: 20px
}

.promo-steps__box::after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.promo-steps__box--first::after {
    background-image: url(../img/promo/icon01.svg)
}

.promo-steps__box--second::after {
    background-image: url(../img/promo/icon02.svg)
}

.promo-steps__box--third::after {
    background-image: url(../img/promo/icon03.svg)
}

.promo-steps__box--fourth::after {
    background-image: url(../img/promo/icon04.svg)
}

.promo-steps__text {
    line-height: 1.5
}

@media (max-width: 1035px) {
    .promo-steps__list {
        grid-template-columns:repeat(2,1fr)
    }
}

@media (max-width: 767px) {
    .promo-steps__list {
        grid-template-columns:1fr;
        margin-bottom: 55px;
        gap: 20px
    }

    .promo-steps__item {
        display: flex;
        align-items: center;
        gap: 20px
    }

    .promo-steps__box {
        flex-shrink: 0;
        margin-bottom: 0
    }
}

.promo-why {
    margin-top: 98px;
    margin-bottom: 91px
}

.promo-why__wrapper {
    padding: 0 36px
}

.promo-why__title {
    font-family: var(--font-Styrene);
    font-size: 24px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 16px
}

.promo-why__text {
    line-height: 1.5;
    opacity: .8
}

.promo-why__text+.promo-why__text {
    margin-top: 7px
}

@media (max-width: 767px) {
    .promo-why {
        margin-top:55px;
        margin-bottom: 55px
    }

    .promo-why__wrapper {
        padding: 0
    }
}

.promo-write {
    margin-bottom: 106px
}

.promo-write__inner {
    position: relative;
    padding-top: 47px
}

.promo-write__inner::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    width: 564px;
    height: 400px;
    background-image: url(../img/promo/write-img.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}

.promo-write__wrapper {
    position: relative;
    background-color: #b9ecf1;
    background-image: url(../img/promo/write-bg.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
    margin-right: 130px;
    padding: 40px 35px
}

.promo-write__title {
    font-family: var(--font-Styrene);
    font-size: 24px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 16px
}

.promo-write__text {
    line-height: 1.5;
    margin-bottom: 24px;
    width: 100%;
    max-width: 407px
}

.promo-write .button {
    width: 200px
}

@media (max-width: 1035px) {
    .promo-write__inner::after {
        top:auto;
        bottom: -26px;
        right: -32px;
        width: 376px;
        height: 267px
    }

    .promo-write__text {
        max-width: 385px
    }
}

@media (max-width: 767px) {
    .promo-write {
        margin-bottom:55px
    }

    .promo-write__inner {
        padding-top: 0
    }

    .promo-write__inner::after {
        display: none
    }

    .promo-write__wrapper {
        margin-right: 0;
        padding: 32px 20px
    }
}

.agreement {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.37;
    letter-spacing: .1px;
    color: var(--main-color)
}

.agreement h1 {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.29;
    letter-spacing: .1px;
    color: var(--main-color);
    margin-bottom: 36px
}

.agreement h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 1.33;
    letter-spacing: .1px;
    color: var(--main-color);
    margin-bottom: 22px
}

.agreement h3 {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.33;
    letter-spacing: .1px;
    color: var(--main-color);
    margin-bottom: 12px
}

.agreement ol.text_num+h2 {
    margin-top: 56px
}

.agreement p,.agreement .p {
    margin-bottom: 12px
}

.agreement .p--width {
    max-width: var(--article-container)
}

.agreement p:last-child,.agreement .p:last-child {
    margin-bottom: 0
}

.agreement a {
    color: var(--link-color);
    text-decoration: none
}

ol.simple_num {
    counter-reset: simplenum;
    max-width: var(--article-container)
}

ol.simple_num:not(:last-child) {
    margin-bottom: 12px
}

ol.simple_num>li {
    counter-increment: simplenum;
    padding-left: 24px;
    position: relative
}

ol.simple_num>li+li {
    margin-top: 12px
}

ol.simple_num>li:before {
    content: counter(simplenum)'.';
    position: absolute;
    left: 5px;
    top: 0
}

ol.text_num {
    counter-reset: num1;
    max-width: var(--article-container)
}

ol.text_num>li {
    counter-increment: num1
}

ol.text_num>li+li {
    margin-top: 36px
}

ol.text_num>li>h3:first-child:before {
    content: counter(num1)'. '
}

ol.text_num>li.nonum>h3:first-child:before {
    content: ''
}

ol.text_num>li>ol {
    counter-reset: num2
}

ol.text_num>li>ol>li {
    counter-increment: num2
}

ol.text_num>li>ol>li+li {
    margin-top: 22px
}

ol.text_num>li>ol>li>:first-child:before {
    content: counter(num1)'.'counter(num2)'. '
}

ol.text_num>li>ol>li ol.num {
    counter-reset: num3
}

ol.text_num>li>ol>li ol.num>li {
    counter-increment: num3
}

ol.text_num>li>ol>li ol.num>li+li {
    margin-top: 12px
}

ol.text_num>li>ol>li ol.num>li>:first-child:before {
    content: counter(num1)'.'counter(num2)'.'counter(num3)'. '
}

ol.text_num ul.default {
    list-style: disc outside;
    margin-bottom: 12px
}

ol.text_num ul.default ul.default {
    list-style-type: circle
}

ol.text_num>li ul {
    margin-left: 30px
}

ol.text_num>li>ol>li ol {
    margin-left: 15px
}

ol.text_num>li>ol>li ul:not(:first-child),ol.text_num>li>ol>li ol.default:not(:first-child) {
    margin-top: 12px
}

ol.text_num ol.default {
    counter-reset: some-num;
    list-style: none outside;
    margin-bottom: 22px
}

ol.text_num ol.default>li {
    counter-increment: some-num
}

ol.text_num ol.default>li:before {
    content: counter(some-num)') '
}

.agreement small {
    font-size: 10px;
    display: block;
    margin-top: 20px
}

.text_table {
    border-collapse: collapse;
    width: 100%
}

.text_table th,.text_table td {
    text-align: left;
    vertical-align: top;
    border: 1px solid var(--main-color);
    padding: 10px 5px
}

.text_table th {
    font-weight: 700
}

.text_table td ul.default {
    margin-bottom: 0
}

.article {
    position: relative;
    z-index: 0
}

.article .button {
    height: 42px
}

.article__buttons {
    display: none;
    position: fixed;
    z-index: 20;
    top: 50vh;
    left: 12px;
    transform: translateY(-50%)
}

.article__buttons .article-like-share__list {
    flex-flow: column nowrap;
    align-items: center;
    gap: 40px 0
}

.article__buttons .article__save-to-fav span,.article__buttons .article__share-this-art span {
    display: none
}

button.article__button-close {
    display: none;
    position: relative;
    background-color: transparent;
    border-radius: 0;
    border: 0;
    width: 24px;
    height: 24px;
    padding: 0;
    margin-right: 0;
    margin-top: 7px;
    margin-left: 10px
}

.article__button-close::after {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    top: 0;
    left: 0;
    background-image: url(../img/close.svg);
    background-repeat: no-repeat
}

.article-description {
    margin-bottom: 40px
}

.article-description__wrapper {
    position: relative;
    padding-right: calc(var(--article-indent) + var(--article-aside))
}

.article-description .article-description__text {
    width: 100%;
    max-width: var(--article-container);
    font-family: 'Styrene B LC',Arial,sans-serif;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    color: var(--article-color)
}

.article-description__right {
    width: var(--article-aside);
    position: absolute;
    top: 0;
    right: 0;
    padding-bottom: 20px;
    z-index: 2
}

h2.article-title,.article-title {
    font-family: 'Styrene B LC',Arial,sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.33;
    color: var(--article-color);
    margin-bottom: 24px
}

.article-like-share__wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 56px
}

.article-like-share .article-like {
    margin-right: 147px
}

.article .mainpage-section {
    margin-bottom: 56px
}

.article .mainpage-section h2 {
    font-size: 24px;
    line-height: 1.33;
    font-weight: 500;
    color: var(--article-color);
    margin-bottom: 32px
}

.article-templates {
    display: none
}

.admin-article .article--user {
    margin-top: 40px
}

.article--user .article-description {
    position: relative
}

.article--user .article-columns__author {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 315px
}

.article--user .article-description__wrapper {
    margin-right: calc(var(--article-indent) + var(--article-aside));
    padding-right: 0;
    position: static
}

.article--user .article-columns__mainpart {
    margin-bottom: 56px
}

.article .slick-arrow:focus {
    background-color: #fff
}

@media screen and (max-width: 1035px) {
    .article__buttons {
        display:none;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        transform: none;
        height: 44px;
        background-color: #fff;
        box-shadow: 0 1px 20px rgba(4,6,28,.1);
        z-index: 11;
        text-align: center
    }

    .article__buttons .article-like-share__list {
        max-width: 360px;
        padding: 0 6px;
        margin: 0 auto;
        flex-flow: row nowrap;
        justify-content: space-between;
        gap: 0;
        padding-top: 10px
    }

    .article__buttons .article-like-share__list .no-mob {
        display: none
    }

    .article__buttons .article-like-share__button {
        font-size: 14px;
        color: var(--main-color)
    }

    .article__buttons .article__save-to-fav span,.article__buttons .article__share-this-art span {
        display: block
    }

    .article__buttons .article-like-share__svg {
        --icon-color: #333333
    }
}

@media screen and (max-width: 1035px) {
    .article-description__wrapper,.article--user .article-description__wrapper {
        padding-right:0;
        margin-right: 0;
        display: flex;
        flex-direction: column
    }

    .article-description__wrapper+.article-description__wrapper {
        margin-top: 25px
    }

    .article-description__right,.article--user .article-columns__author {
        width: 100%;
        position: static;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 0;
        padding-bottom: 0
    }

    .article--user .article-columns__author {
        margin-top: 35px
    }

    .article-description .article-description__text {
        max-width: none
    }

    .article-like-share .article-like {
        margin-right: 86px
    }
}

@media screen and (max-width: 1035px) and (min-width:768px) {
    .article-description__right {
        display:grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 40px;
        align-items: center
    }

    .article-description__right .article-author {
        width: auto
    }

    .article-columns__author .article-author {
        width: calc(50% - 20px)
    }

    .article-description__right .article-expert {
        margin-top: 0
    }

    .article-description__right .article-content {
        grid-column: span 2;
        margin-top: 20px
    }
}

@media screen and (max-width: 767px) {
    .article-description {
        margin-bottom:32px
    }

    .article-description__wrapper {
        flex-direction: column-reverse
    }

    .article-description__right,.article--user .article-columns__author {
        margin-left: auto;
        margin-right: auto;
        max-width: var(--article-container-mobile);
        margin-bottom: 0
    }

    .article-description__right {
        margin-top: 0;
        order: -1
    }

    .article-like-share__wrapper {
        flex-direction: column
    }

    .article-like-share .article-like {
        margin-right: 0
    }

    .mainpage-section {
        overflow: hidden
    }

    h2.article-title,.article-title,.article .mainpage-section h2 {
        font-weight: 700
    }

    .article--user .article-columns>.container {
        max-width: none;
        padding: 0
    }

    .article--user .containerrr {
        max-width: 375px;
        padding: 0 20px;
        margin: 0 auto
    }
}

@media screen and (min-width: 1036px) {
    .side-elements.d-hidden {
        opacity:0
    }
}

.article-description .article-description__text a,.article-block__wrapper a {
    color: var(--link-color);
    text-decoration: underline
}

.article-description .article-description__text a:hover,.article-block__wrapper a:hover {
    text-decoration: none
}

.article-description .article-description__text ul,.article-block__wrapper ul {
    margin: 0 0 1.37em 1em;
    padding: 0;
    list-style: disc outside
}

.article-description .article-description__text ol,.article-block__wrapper ol {
    margin: 0 0 1.37em;
    padding: 0;
    list-style: decimal inside
}

.timer-creative {
    margin: 80px 0 54px
}

.timer-creative:last-child {
    margin-bottom: 0
}

.timer-creative__wrapper {
    display: block;
    overflow: hidden;
    border-radius: 10px
}

.timer-creative picture,.timer-creative img {
    display: block;
    width: 100%
}

@media screen and (max-width: 767px) {
    .timer-creative {
        margin:26px 0
    }

    .timer-creative__wrapper {
        margin-left: -65px;
        margin-right: -65px
    }
}

@media screen and (max-width: 636px) {
    .timer-creative__wrapper {
        width:calc(100vw - var(--scrollbarWidth));
        min-width: 320px;
        margin-left: min(calc((50vw - 167px - var(--scrollbarWidth)/2)*(-1)),0px);
        margin-right: 0;
        border-radius: 0
    }
}

@media screen and (max-width: 375px) {
    .timer-creative__wrapper {
        margin-left:-20px
    }
}

.mainpage-section+.mainpage-section {
    margin-top: 55px
}

.main-article {
    display: grid;
    grid-template-columns: auto 473px;
    align-items: stretch;
    grid-gap: 32px;
    cursor: pointer;
    color: var(--main-color)
}

.main-article__image img {
    display: block;
    width: 100%;
    height: 420px;
    object-fit: cover;
    border-radius: 10px
}

.main-article__content {
    padding-bottom: 20px;
    position: relative
}

.main-article__top {
    margin: 7px 0 10px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
    color: var(--link-color);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .2px
}

.main-article__icon {
    display: block;
    padding-left: 20px;
    position: relative;
    color: var(--link-color);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: .2px
}

.main-article__icon::before {
    content: "";
    width: 17px;
    height: 17px;
    background: no-repeat center center;
    position: absolute;
    left: 0;
    top: calc(50% - 8px)
}

.main-article__time::before {
    background-image: url(../img/article-item/time-icon-color.svg)
}

.main-article__good::before {
    background-image: url(../img/article-item/re-good-icon-color.svg)
}

.main-article__wow::before {
    background-image: url(../img/article-item//re-wow-icon-color.svg)
}

.main-article__neutral::before {
    background-image: url(../img/article-item//re-neu-icon-color.svg)
}

.main-article__comments::before {
    background-image: url(../img/article-item/comment-icon-color.svg)
}

.main-article__views::before {
    background-image: url(../img/article-item/views-icon-color.svg)
}

.main-article__title {
    font-weight: 700;
    font-size: 28px;
    line-height: 1.14;
    letter-spacing: .1px;
    font-family: 'Styrene B LC',Arial,Helvetica,sans-serif;
    margin: 0 0 10px
}

.main-article__text {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.37
}

.main-article__bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 13px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between
}

.main-news {
    margin-top: 40px
}

.main-opinions>* {
    border-radius: 10px;
    background: #e8f6f9;
    padding: 20px;
    display: flex
}

.main-opinions>*>* {
    flex: 1 1 100%
}

.main-opinions--no-survey .grid__col {
    grid-column: span 12
}

.main-survey {
    margin: auto 0
}

.main-survey .survey__inner,.main-survey .ays-poll-main {
    padding: 0 5px!important
}

.main-survey .ays-poll-main>form {
    max-width: none
}

.main-survey .survey__form,.main-survey .ays-poll-main .box-apm.choosing-poll {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-gap: 20px;
    align-items: center;
    width: auto;
    padding: 0!important
}

.main-survey .ays-poll-main .box-apm.choosing-poll>:not(.ays_question):not(.apm-answers):not(.results-apm) {
    display: none
}

.main-survey .survey__question,.main-survey .ays-poll-main .box-apm .ays_question {
    margin: 0;
    font-size: 20px;
    line-height: 1.2
}

.main-survey .ays_question p {
    font-size: 20px!important
}

.main-survey .survey__answer,.main-survey .apm-choosing label.ays_label_poll {
    border-radius: 10px;
    padding-left: 22%!important;
    min-height: 60px;
    display: flex;
    flex-flow: row nowrap!important;
    align-items: center!important;
    justify-content: flex-start!important
}

.main-survey .survey__answer+.survey__answer,.main-survey .apm-answers .apm-choosing+.apm-choosing,.main-survey .choosing-poll>.apm-answers>.apm-choosing+.apm-choosing {
    margin-top: 20px!important
}

.main-survey .survey__answer>span::before,.main-survey .apm-answers .apm-choosing label.ays_label_poll::before {
    transform-origin: left center;
    transform: scale(1.7);
    left: 8%;
    top: calc(50% - 8px)
}

.main-survey .survey__answer>span,.main-survey .apm-answers .apm-choosing label.ays_label_poll>div {
    margin: auto 0;
    flex: 1 1 100%
}

.main-survey .ays-poll-main .results-apm {
    grid-column: 1/-1
}

.main-comments h2 {
    font-size: 20px;
    margin-bottom: 1em
}

.main-comments__item {
    background: #fff;
    border-radius: 10px;
    padding: 9px 20px
}

.main-comments__item+.main-comments__item {
    margin-top: 20px
}

.main-comments__title {
    font-family: var(--font-Styrene);
    font-size: 14px;
    font-weight: 700;
    line-height: 20px
}

.main-comments .article-item__comments {
    color: var(--link-color);
    margin-top: 8px
}

.button--all {
    width: 100%;
    margin-top: 45px
}

.bottom-creative {
    border-radius: 8px;
    overflow: hidden
}

.bottom-creative a {
    display: block
}

.bottom-creative picture,.bottom-creative img {
    display: block;
    max-width: 100%
}

@media (max-width: 1035px) {
    .main-article {
        grid-template-columns:auto 368px
    }

    .main-article__title {
        font-size: 24px;
        line-height: 1.2
    }

    .main-news {
        margin-top: 30px
    }

    .main-news .grid .grid__col_3 {
        grid-column: span 4
    }

    .main-news .grid__col_3:last-child {
        display: none
    }

    .article-creative {
        height: 207px;
        background-size: cover;
        padding-left: 30px;
        padding-right: 30px
    }

    .main-opinions>* {
        grid-column: span 6;
        padding: 15px 20px
    }

    .main-opinions>*>* {
        margin-top: 0
    }

    .main-survey .survey__inner,.main-survey .ays-poll-main {
        padding: 0!important
    }

    .main-survey .survey__form,.main-survey .ays-poll-main .box-apm.choosing-poll {
        display: block
    }

    .main-survey .survey__question,.main-survey .ays-poll-main .box-apm .ays_question {
        font-size: 16px;
        margin-bottom: 10px
    }

    .main-survey .survey__answer,.main-survey .apm-choosing label.ays_label_poll {
        min-height: auto;
        padding: 12px 12px 12px 35px!important
    }

    .main-survey .survey__answer>span::before,.main-survey .apm-answers .apm-choosing label.ays_label_poll::before {
        transform: none;
        left: 10px
    }

    .main-survey .survey__answer+.survey__answer,.main-survey .apm-answers .apm-choosing+.apm-choosing,.main-survey .choosing-poll>.apm-answers>.apm-choosing+.apm-choosing {
        margin-top: 10px!important
    }

    .main-comments__item+.main-comments__item {
        margin-top: 10px
    }

    .button--all {
        margin-top: 20px
    }
}

@media (max-width: 767px) {
    .mainpage-section+.mainpage-section {
        margin-top:25px
    }

    .main-article {
        display: block
    }

    .main-article__image {
        margin-left: min(164px - 50vw,-16px);
        margin-right: min(164px - 50vw,-16px)
    }

    .main-article__image img {
        height: auto;
        border-radius: 0
    }

    .main-article__content {
        padding-bottom: 0
    }

    .main-article__title {
        font-size: 16px
    }

    .main-article__text {
        margin-bottom: 10px
    }

    .main-article__bottom {
        right: 0;
        position: static;
        flex-flow: row wrap
    }

    .main-news {
        margin-top: 25px
    }

    .main-news .grid__col_3:last-child {
        display: block
    }

    .main-news .grid .grid__col,.article-medium-slider .grid .grid__col {
        width: auto;
        grid-column: span 12
    }

    .main-news .new {
        width: 235px
    }

    .mobile-grey-bg {
        background: var(--button-light-bg)
    }

    .main-opinions {
        grid-template-columns: 1fr;
        margin-left: -65px;
        margin-right: -65px
    }

    .main-opinions>* {
        grid-column: span 1
    }

    .main-opinions .grid__col>* {
        margin-left: auto;
        margin-right: auto;
        max-width: 335px
    }

    .main-comments h2 {
        font-size: 16px;
        margin-bottom: 10px
    }

    .main-comments__scroll {
        width: 100%;
        overflow-y: auto;
        scrollbar-width: none
    }

    .main-comments__scroll::-webkit-scrollbar {
        height: 0
    }

    .main-comments__list {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 10px;
        width: 335px
    }

    .main-comments__list[data-num="3"] {
        grid-template-columns: repeat(3,1fr);
        width: 510px
    }

    .main-comments__item {
        background: 0 0;
        border-radius: 0;
        padding: 0 0 24px;
        position: relative
    }

    .main-comments__item+.main-comments__item {
        margin-top: 0
    }

    .main-comments .article-item__comments {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .comment-articles {
        padding: 32px 0 20px;
        border-radius: 0
    }

    .comment-articles h2 {
        margin-bottom: 10px
    }

    .comment-slider {
        margin: 0 -20px;
        overflow-y: auto;
        padding-left: 20px;
        padding-bottom: 12px;
        scrollbar-width: none
    }

    .comment-slider::-webkit-scrollbar {
        height: 0
    }

    .comment-slider .grid {
        min-width: 600px;
        padding-right: 20px
    }

    .comment-slider .grid--1 {
        min-width: 200px
    }

    .comment-slider .grid--1 .grid__col {
        grid-column: span 12
    }

    .comment-slider .grid--2 {
        min-width: 400px
    }

    .comment-slider .grid--2 .grid__col {
        grid-column: span 6
    }

    .article-creative {
        height: 280px;
        justify-content: flex-end;
        padding: 16px 12px;
        background-position: right -110px center;
        background-size: auto 100%
    }

    .article-creative:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(.28deg,rgba(63,43,6,.5) 12.1%,rgba(65,45,6,0) 50.03%)
    }

    .article-creative__title {
        font-size: 24px
    }

    .article-creative__subtitle {
        font-size: 16px;
        font-weight: 400;
        margin-top: 4px
    }
}

@media (max-width: 636px) {
    .main-opinions {
        width:calc(100vw - var(--scrollbarWidth));
        min-width: 320px;
        margin-left: min(calc((50vw - 167px - var(--scrollbarWidth)/2)*(-1)),0px);
        margin-right: 0
    }

    .main-opinions>* {
        border-radius: 0
    }
}

@media (max-width: 375px) {
    .main-opinions {
        margin-left:-20px
    }
}

.page-section__content {
    max-width: var(--article-container)
}

.page-section__content--wide {
    max-width: var(--article-container)
}

.page-section__content h1 {
    margin-bottom: .85em
}

.page-section__content h2,.contacts-socials h2 {
    font-size: 1.5em;
    margin-bottom: 1.33em;
    font-weight: 500
}

.page-section__content p:not(:last-child) {
    margin-bottom: 1em
}

.page-section__content a {
    color: var(--link-color)
}

.contacts-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 32px
}

.contacts-table td {
    padding: 0 16px 16px 0;
    text-align: left;
    vertical-align: top
}

.contacts-table td:last-child {
    padding-right: 0
}

.contacts-table tr:last-child td {
    padding-bottom: 0
}

@media (max-width: 767px) {
    .page-section__content h1 {
        font-size:28px
    }

    .page-section__content h2 {
        margin-bottom: .66em
    }
}

.author-top {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start;
    max-width: var(--article-container)
}

.author-top--user {
    max-width: none
}

.author-top__img {
    width: 147px;
    height: 147px;
    border-radius: 50%;
    flex: 0 0 147px;
    margin-right: 44px;
    background: no-repeat center center;
    background-size: cover
}

.author-top__info {
    flex: 1 1 auto
}

.author-top__info h1 {
    margin: 0
}

.author-top__stats {
    margin: 8px -32px 0 0;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    font-size: 14px;
    line-height: 16px
}

.author-top__stat {
    margin-right: 32px;
    padding: 4px 0 4px 32px;
    background: url(../img/authors/icon-like.svg) no-repeat left top
}

.author-top__stat--article {
    background-image: url(../img/authors/icon-pub.svg)
}

.author-top__stat--view {
    background-image: url(../img/authors/icon-view.svg)
}

.author-top__stat--bonus {
    background-image: url(../img/authors/icon-mclub.svg)
}

.author-top__rating {
    margin: 16px 0 0;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    padding: 2px 0 2px 32px;
    color: var(--main-guide-blue);
    background: url(../img/authors/icon-bonus.svg) no-repeat left top
}

.author-top__num {
    color: var(--second-color);
    margin: 8px 0 0;
    padding: 0 0 0 20px;
    position: relative;
    font-weight: 500
}

.author-top__num:before {
    content: "";
    width: 12px;
    height: 15px;
    background: url(../img/authors/article-icon.svg) no-repeat 0 0;
    position: absolute;
    top: 3px;
    left: 0
}

.author-top__text {
    margin: 23px 0 0
}

.author-top__contact {
    margin: 24px 0 0
}

.author-top__contact b {
    margin-right: 13px
}

.author-top__contact a {
    color: var(--link-color)
}

.author-top--user .author-top__info {
    display: flex;
    flex-flow: column nowrap;
    min-width: 0
}

.author-top--user h1 {
    word-wrap: break-word;
    min-width: 0
}

.author-top--user .author-top__text {
    word-wrap: break-word;
    min-width: 0
}

@media (max-width: 767px) {
    .author-top {
        display:block
    }

    .author-top__img {
        margin: 0 0 18px
    }

    .author-top__text,.author-top__contact {
        margin-top: 16px
    }

    .author-top__info h1 {
        font-size: 24px
    }

    .author-top--user {
        position: relative
    }

    .author-top--user .author-top__img {
        position: absolute;
        width: 96px;
        height: 96px
    }

    .author-top--user .author-top__info h1 {
        padding-left: 112px;
        font-size: 18px;
        line-height: 1.56;
        order: -1
    }

    .author-top--user .author-top__rating {
        order: -1;
        margin-left: 112px;
        margin-top: 12px
    }

    .author-top--user .hidden-m {
        display: none
    }

    .author-top__stats {
        margin: 40px -5px 0;
        justify-content: space-between
    }

    .author-top__stat {
        margin: 0 5px
    }
}

.manual__wrapper {
    position: relative
}

.manual-aside {
    position: absolute;
    top: 0;
    right: 0;
    background-color: #f5f5f6;
    width: 324px;
    border-radius: 8px;
    padding: 32px;
    margin-bottom: 40px
}

.manual-main {
    max-width: 680px;
    margin-right: 355px
}

.manual__title-main {
    font-family: var(--font-Styrene);
    font-size: 36px;
    line-height: 1.22;
    font-weight: 700;
    margin-bottom: 40px
}

.manual__section {
    margin-bottom: 60px
}

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

.manual__section-img {
    width: 100%;
    max-width: 680px;
    margin-bottom: 24px;
    margin-top: -8px
}

.manual__section-img img {
    display: block;
    width: 100%;
    height: auto
}

h2.manual__section-title {
    color: var(--article-color);
    font-family: var(--font-Styrene);
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2;
    letter-spacing: .1px;
    margin-bottom: 24px
}

h2.manual__section-title.manual__section-title2 {
    margin-bottom: 28px
}

.manual__text {
    font-size: 16px;
    line-height: 1.38;
    margin-bottom: 6px
}

.manual__text.manual__text--margin {
    margin-top: 18px
}

.manual__bg {
    margin-top: 16px;
    background-color: #fdf2f9;
    border-radius: 8px;
    padding: 24px
}

.manual__bg-title {
    font-size: 16px;
    line-height: 1.38;
    font-weight: 700;
    margin-bottom: 8px
}

.manual__bg-item {
    position: relative;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.38;
    padding-left: 24px
}

.manual__bg-item:last-child {
    margin-bottom: 0
}

.manual__bg-item::before {
    position: absolute;
    content: "";
    top: 8px;
    left: 10px;
    width: 4px;
    height: 4px;
    background-color: var(--main-color);
    border-radius: 50%
}

.manual__section-subtitle {
    font-family: var(--font-Styrene);
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    margin-bottom: 16px
}

.manual__section-link {
    color: var(--main-guide-blue);
    text-decoration: none;
    cursor: pointer
}

.manual__section-item {
    position: relative;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.37;
    padding-left: 24px
}

.manual__section-item:last-child {
    margin-bottom: 0
}

.manual__section-item::before {
    position: absolute;
    content: "";
    top: 10px;
    left: 10px;
    width: 4px;
    height: 4px;
    background-color: var(--main-color);
    border-radius: 50%
}

.manual__section-box {
    margin-bottom: 24px
}

.manual__section-list+.manual__text {
    margin-top: 10px
}

.manual__btn {
    display: block;
    margin-top: 56px;
    margin-left: auto;
    margin-right: auto;
    width: 138px;
    height: 48px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    padding-top: 16px;
    padding-bottom: 16px
}

.manual-aside__item1 {
    margin-bottom: 14px
}

.manual-aside__link1 {
    font-size: 14px;
    line-height: 1.43;
    font-weight: 500;
    text-decoration: none
}

.manual-aside__list2 {
    margin-top: 6px;
    margin-left: 10px
}

.manual-aside__item2 {
    margin-bottom: 6px
}

.manual-aside__item1:last-child,.manual-aside__item2:last-child {
    margin-bottom: 0
}

.manual-aside__link2 {
    font-size: 14px;
    line-height: 1.43;
    font-weight: 400;
    text-decoration: none
}

@media (max-width: 1067px) {
    .manual-main {
        margin-right:322px
    }

    .manual-aside {
        width: 292px
    }
}

@media (max-width: 1035px) {
    .manual-main {
        margin-right:0
    }

    .manual-aside {
        position: static;
        width: 100%
    }
}

@media (max-width: 767px) {
    .manual-aside {
        padding:32px 24px
    }
}

.page-container.page-container--promo {
    padding-bottom: 156px
}

.promo-header__img img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: contain
}

.page-header__title {
    width: 100%;
    max-width: 712px;
    margin-bottom: 72px;
    font-family: var(--font-Styrene);
    font-size: 40px;
    line-height: 1.1;
    font-weight: 700;
    color: var(--main-color)
}

@media (max-width: 767px) {
    .page-header__title {
        font-size:24px;
        margin-bottom: 55px
    }
}

.tags+.search-articles {
    margin-top: 44px
}

.search-accent {
    background: rgba(0,122,255,.1)
}

@media (max-width: 767px) {
    .tags+.search-articles {
        margin-top:20px
    }
}

.video-section+.video-section {
    margin-top: 56px
}

.video-section .page-text {
    max-width: 760px;
    margin-bottom: 32px
}

.video-section .page-text p:not(:last-child) {
    margin-bottom: 1em
}

.video-section .article-carousel .swiper-slide {
    width: 288px
}

.video-section .article-carousel .swiper-button {
    top: 68px
}

.video-section .article-item__img {
    position: relative
}

.video-section .article-item__img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg,rgba(0,0,0,.3) 0,rgba(0,0,0,.3) 100%);
    opacity: 0
}

.video-section .article-item__img img {
    height: 176px
}

.video-section .article-item__info {
    position: absolute;
    bottom: 12px;
    left: 12px;
    right: 12px;
    color: #fff;
    gap: 15px;
    opacity: 0
}

.video-section .article-item__views::before {
    background-image: url(../img/article-item/views-icon.svg)
}

.video-section .article-item__date {
    margin-left: auto
}

@media (hover: hover) {
    .video-section .article-item__img:hover::before,.video-section .article-item__img:hover .article-item__info {
        opacity:1
    }
}

.video-section .article-item__title {
    min-height: auto;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 500;
    word-break: break-word
}

.video-section--shorts .article-carousel .swiper-slide {
    width: 230px
}

.video-section--shorts .article-carousel .swiper-button {
    top: 178px
}

.video-section--shorts .article-item__img::before {
    display: none
}

.video-section--shorts .article-item__img img {
    height: 396px
}

@media (max-width: 1035px) {
    .video-section--shorts .article-carousel .swiper-slide {
        width:200px
    }

    .video-section--shorts .article-item__img img {
        height: 355px
    }

    .video-section .article-item__title {
        font-size: 16px;
        font-weight: 700
    }
}

@media (max-width: 767px) {
    .video-section .page-text {
        margin-bottom:22px
    }

    .video-section:not(.video-section--shorts) .article-carousel__inner .article-item__img img {
        height: 155px
    }
}

.selection-section+.selection-section {
    margin-top: 40px
}

.selection-info {
    border-radius: 10px;
    background: #e8f6f9;
    padding: 30px;
    color: #000;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.14;
    margin: 0 0 40px;
    font-family: 'Styrene B LC',Arial,sans-serif
}

.selection-title {
    font-size: 40px;
    font-weight: 700;
    margin: 0 0 .6em
}

@media screen and (max-width: 1035px) {
    .selection-info {
        font-size:20px;
        font-weight: 500;
        line-height: 1.4;
        padding: 15px 20px
    }

    .selection-title {
        font-size: 28px;
        line-height: 1.28;
        letter-spacing: .1px
    }
}

@media screen and (max-width: 767px) {
    .selection-section+.selection-section {
        margin-top:30px
    }

    .selection-info {
        margin-left: -65px;
        margin-right: -65px
    }

    .selection-info>* {
        margin-left: auto;
        margin-right: auto;
        max-width: 335px
    }
}

@media (max-width: 465px) {
    .selection-info {
        width:calc(100vw - var(--scrollbarWidth));
        min-width: 320px;
        margin-left: min(calc((50vw - 167px - var(--scrollbarWidth)/2)*(-1)),0px);
        border-radius: 0
    }
}

@media (max-width: 375px) {
    .selection-info {
        margin-left:-20px
    }
}

.releases {
    line-height: 1.25
}

.releases h1.h1 {
    font-size: 32px;
    line-height: 1.25;
    font-family: var(--font-Styrene);
    font-weight: 700;
    margin: 0 0 1em
}

.releases h1.h1--main {
    display: none
}

.releases h2.h2 {
    font-size: 28px;
    line-height: 1.25;
    font-family: var(--font-Styrene);
    font-weight: 700;
    margin: 0 0 4px
}

.releases__template {
    display: grid;
    grid-template-columns: 1fr 190px;
    grid-gap: 24px;
    grid-template-areas: 'content aside'
}

.releases__main {
    grid-area: content;
    margin-bottom: -64px
}

.releases__month {
    display: grid;
    grid-template-columns: 107px 1fr;
    margin-bottom: 32px;
    padding-bottom: 32px
}

.releases__month.hidden {
    display: none
}

.releases__month h3.h3 {
    color: rgb(51,51,51,.3);
    font-size: 16px;
    font-family: var(--font-Styrene);
    font-weight: 700;
    line-height: 1.25;
    text-transform: uppercase;
    margin: 0
}

.releases__grid {
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(260px,1fr));
    grid-gap: 24px
}

.release {
    height: 100%;
    border-radius: 8px;
    background: #f5f5f5;
    position: relative;
    color: var(--main-color);
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: stretch
}

.release--instock:after {
    content: "";
    position: absolute;
    top: -7px;
    right: -18px;
    width: 170px;
    height: 32px;
    background: url(../img/release-instock.png) no-repeat 0 0/contain;
    transform-origin: center center;
    transform: rotate(10deg)
}

.release * {
    display: block
}

.release>* {
    width: 100%
}

.release__img {
    flex: 0 0 auto;
    border-radius: 8px;
    overflow: hidden
}

.release__img img {
    width: 100%;
    height: 176px;
    object-fit: cover
}

.release__info {
    flex: 1 1 auto;
    padding: 16px 24px 24px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
    align-items: stretch
}

.release__info>* {
    width: 100%
}

.release__category {
    color: var(--main-guide-blue);
    font-size: 12px;
    font-family: var(--font-Styrene);
    font-weight: 700;
    margin: 0 0 4px
}

.release__name {
    font-size: 16px;
    font-family: var(--font-Styrene);
    font-weight: 700;
    margin: 0 0 16px
}

.release__count {
    color: var(--main-guide-blue);
    font-size: 14px;
    padding-left: 24px;
    background: url(../img/icon-release.svg) no-repeat left center;
    margin-top: auto
}

.release__platforms,
.release-popup__platforms {
    margin: auto 0 0;
    padding: 0;
    list-style: none outside;
    display: flex;
    flex-flow: row wrap;
    gap: 4px;
}

.release-popup__platforms {
    margin: -8px 0 24px;
}

.release__platforms li,
.release-popup__platforms li {
    padding: 4px 12px;
    border-radius: 32px;
    background: #EDEDED;
    color: #333;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.25;
}


.releases__aside {
    grid-area: aside
}

.releases__fixed {
    position: sticky;
    top: 0
}

.releases__checkbox {
    padding-left: 16px;
    margin-bottom: 40px
}

.switch-checkbox {
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: center
}

.switch-checkbox__text {
    flex: 1 1 auto;
    padding-right: 5px;
    font-size: 16px
}

.switch-checkbox__switcher {
    flex: 0 0 40px;
    width: 40px;
    height: 24px;
    border-radius: 12px;
    background: #e8e8ec;
    position: relative;
    transition: background-color .15s linear
}

.switch-checkbox__switcher:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.25);
    position: absolute;
    top: 2px;
    left: 2px;
    transition: left .15s linear
}

.switch-checkbox input:checked~.switch-checkbox__switcher {
    background-color: #39393d
}

.switch-checkbox input:checked~.switch-checkbox__switcher:before {
    left: 18px
}

.releases__select {
    margin-top: 12px;
    border-radius: 8px;
    background: #f5f5f6;
    font-size: 16px
}

.releases__selected {
    display: block;
    position: relative;
    padding: 20px 55px 20px 20px;
    font-family: var(--font-Styrene);
    font-weight: 700;
    cursor: pointer
}

.releases__selected:before {
    content: "";
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.25 8.625L12 15.375L18.75 8.625' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 0 0;
    position: absolute;
    right: 20px;
    top: calc(50% - 12px);
    transform-origin: center center
}

.releases__selected.opened:before {
    transform: rotate(180deg)
}

.releases__list {
    display: none;
    margin-top: 4px;
    padding: 0 20px 4px
}

.releases__selected.opened~.releases__list {
    display: block
}

.releases__list li {
    margin-bottom: 16px
}

.releases__list li.hidden {
    display: none
}

.releases__list b {
    font-family: var(--font-Styrene)
}

.releases__list span {
    color: rgba(51,51,51,.3)
}

.release-popup {
    max-width: 510px;
    margin: 0 auto;
}

.release-popup .mfp-close {
    margin-right: max(-227px, 30px - 50vw);
}

.release-popup--game .mfp-close {
    opacity: 1;
}

.release-popup .popup__wrapper {
    padding-top: 32px;
    padding-bottom: 32px;
    width: 100%;
    max-width: 510px;
    font-size: 16px;
    line-height: 1.2;
    overflow: hidden;
}

.release-popup--game .popup__wrapper {
    padding-top: 0 !important;
}

.release-popup__img {
    margin: 0 -32px 24px;
}

.release-popup__img img {
    display: block;
    width: 100%;
}

.release-popup__category {
    color: var(--main-guide-blue);
    margin: 0 0 .5em
}

.release-popup__title {
    color: #000;
    font-size: 24px;
    font-family: var(--font-Styrene);
    font-weight: 700;
    margin: 0 0 8px;
    word-wrap: break-word
}

.release-popup__date {
    color: #777;
    margin: 0 0 24px
}

.release-news {
    border-radius: 8px;
    background: #f5f5f5;
    padding: 16px
}

.release-popup h3 {
    color: #000;
    font-size: 18px;
    font-family: var(--font-Styrene);
    font-weight: 700;
    margin: 0 0 1em
}

.release-popup h3 .grey {
    color: rgba(0,0,0,.3)
}

.release-news__list li+li {
    margin-top: 24px
}

.release-news__item {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

.release-news__img {
    flex: 0 0 144px;
    width: 144px
}

.release-news__img img {
    display: block;
    border-radius: 8px;
    width: 100%;
    height: 96px;
    object-fit: cover
}

.release-news__name {
    flex: 1 1 auto;
    margin-left: 12px;
    color: #000;
    font-size: 16px;
    line-height: 1.35;
    margin-top: .15em;
    max-height: 5.4em;
    overflow: hidden;
    text-overflow: ellipsis
}

.release-goods {
    margin-top: 24px
}

.release-goods__list li+li {
    margin-top: 24px
}

.release-goods__item {
    display: flex;
    flex-flow: row nowrap;
    align-items: flex-start;
    justify-content: flex-start
}

.release-goods__img {
    flex: 0 0 96px;
    width: 96px
}

.release-goods__img img {
    display: block;
    border-radius: 8px;
    width: 100%;
    height: 96px;
    object-fit: cover
}

.release-goods__info {
    flex: 1 1 auto;
    margin-left: 12px
}

.release-goods__name {
    display: block;
    overflow: hidden;
    color: #000;
    text-overflow: ellipsis;
    line-height: 1.35;
    height: 2.7em
}

.release-goods__stars {
    color: var(--active-color);
    font-size: 14px;
    font-family: var(--font-Styrene);
    font-weight: 700;
    line-height: 1.35;
    display: inline-block;
    padding-left: 20px;
    background: url(../img/icon-star.svg) no-repeat left center;
    margin-right: 5px
}

.release-goods__reviews {
    color: #777;
    font-size: 14px;
    line-height: 1.35%
}

.release-goods__price {
    display: block;
    color: #000;
    font-size: 18px;
    font-family: var(--font-Styrene);
    font-weight: 700;
    line-height: 1.35;
    white-space: nowrap
}

.release-popup .button-close {
    margin-top: 32px
}

@media screen and (max-width: 1035px) {
    .releases__grid {
        grid-template-columns:repeat(2,1fr)
    }

    .release__info {
        padding: 16px
    }

    .release__name {
        font-size: 14px
    }
}

@media screen and (min-width: 768px) {
    .releases__select--month .releases__selected {
        display:none
    }

    .releases__select--month .releases__list {
        display: block!important;
        padding-top: 20px
    }
}

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

    .releases h1.h1--main {
        display: block
    }

    .releases__template {
        grid-template-columns: 1fr;
        grid-template-areas: 'aside' 'content'
    }

    .releases__month {
        grid-template-columns: 1fr;
        grid-gap: 24px
    }

    .releases__checkbox {
        border-radius: 8px;
        background: #f5f5f6;
        padding: 20px;
        margin-bottom: 12px
    }

    .releases__select {
        margin-top: 12px
    }

    .releases__grid {
        grid-template-columns: 1fr
    }

    .release-popup .popup__wrapper {
        padding: 24px 20px
    }
}

@media screen and (max-width: 400px) {
    .release-news__img {
        flex-basis:96px;
        width: 96px
    }
}

.evolution {
    --special-red-color: #C93A3A;
    --special-red-color-hover: #8E2525;
    --section-indent: 150px
}

.evolution .button--red {
    background-color: var(--special-red-color)
}

.evolution .button--red:hover {
    background-color: var(--special-red-color-hover)
}

.evolution__top {
    min-height: 925px;
    padding-bottom: 50px;
    border-bottom: 3px solid #a3f5b6;
    background: url(../img/scam-evolution/creative-bg.png) no-repeat bottom center #000;
    position: relative;
    overflow: hidden
}

.evolution-creative__girl {
    position: absolute;
    bottom: 0;
    left: calc(50% - 655px);
    width: 650px;
    height: 568px;
    background: url(../img/scam-evolution/creative-girl.png) no-repeat 0 0
}

.evolution-creative__sign {
    color: rgb(201,58,58,.5);
    text-align: center;
    font-family: var(--font-Styrene);
    font-size: 35px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    bottom: 190px;
    right: calc(50% - 548px)
}

.evolution-creative__sign:before {
    content: "";
    position: absolute;
    top: -70px;
    left: calc(50% - 256px);
    width: 511px;
    height: 511px;
    border-radius: 50%;
    background: rgba(142,37,37,.75);
    filter: blur(100px)
}

.evolution-creative__sign>span {
    position: relative;
    display: block;
    width: 307px;
    padding-top: 290px;
    background: url(../img/scam-evolution/creative-sign.svg) no-repeat top center
}

.evolution-creative__vk {
    position: absolute;
    bottom: 70px;
    right: max(50vw - 630px - var(--scrollbarWidth),70px);
    width: 278px
}

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

.evolution-creative {
    padding-top: 45px;
    text-align: center;
    color: #fff;
    font-family: var(--font-Styrene);
    position: relative
}

.evolution__h1 {
    font-size: 73px;
    font-weight: 700;
    line-height: 1.1;
    text-transform: uppercase;
    margin: 0 0 24px
}

.evolution-creative__text {
    font-size: 40px;
    font-weight: 400;
    line-height: 1.1;
    margin: 0 auto;
    max-width: 15em
}

.kaspersky-word {
    display: inline-block;
    width: 200px;
    position: relative;
    color: transparent
}

.kaspersky-word:before {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 46px;
    background: url(../img/scam-evolution/kaspersky-logo.svg) no-repeat center center;
    top: calc(50% - 17px)
}

.evolution-creative__button {
    margin-top: 60px
}

.evolution-creative__button .button {
    width: 200px
}

.evolution__bg {
    background: url(../img/scam-evolution/side-bg.png) no-repeat top left,url(../img/scam-evolution/side-bg2.png) no-repeat top 800px right #232423
}

@media (max-width: 1440px) {
    .evolution__bg {
        background-image:none
    }
}

.evolution-reason {
    padding: calc(var(--section-indent) + 115px) 0 calc(var(--section-indent) + 40px);
    overflow: hidden
}

.evolution-reason__block {
    max-width: 1050px;
    margin: 0 auto
}

.evolution-reason__bg {
    max-width: 920px;
    border-radius: 10px;
    background: linear-gradient(97deg,#a3f5b6 .67%,rgba(147,210,171,.75) 51.42%,rgba(127,168,137,.35) 87.88%);
    position: relative;
    min-height: 368px;
    padding: 45px 465px 45px 37px;
    color: #232423;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5
}

.evolution-reason__bg:before {
    content: "";
    position: absolute;
    bottom: -39px;
    right: -130px;
    width: 584px;
    height: 522px;
    background: url(../img/scam-evolution/reason-bg.png) no-repeat 0 0
}

.evolution-reason__bg h3 {
    font-family: var(--font-Styrene);
    font-size: 24px;
    font-weight: 700;
    line-height: 1.1;
    margin: 0 0 50px
}

.evolution-reason__bg p {
    max-width: 405px
}

.evolution-series__grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 28px
}

.evolution .spec-hidden {
    overflow: hidden;
    height: 0;
    opacity: 0
}

.evolution-series__item {
    display: block;
    text-decoration: none;
    color: #fff;
    transition: color .15s ease
}

.evolution-series__image {
    border-radius: 10px;
    border: 2px solid #a3f5b6;
    overflow: hidden
}

.evolution-series__image img {
    display: block;
    width: 100%
}

.evolution-series__name {
    font-family: var(--font-Styrene);
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    margin-top: 10px;
    max-width: 380px
}

@media (hover: hover) {
    .evolution-series__item:hover {
        color:#a3f5b6
    }
}

.evolution .article-goods {
    margin-top: var(--section-indent)
}

.evolution .article-goods__slider .button {
    background-color: var(--special-red-color);
    height: 40px;
    padding-top: 5px;
    padding-bottom: 5px
}

.evolution .article-goods__slider .button:hover {
    background-color: var(--special-red-color-hover)
}

.evolution *+.other-articles {
    margin-top: var(--section-indent)
}

.evolution-series__popup {
    padding: 48px 0 0;
    position: relative;
    z-index: 5005
}

.evolution-series__close {
    display: block;
    width: 48px;
    height: 48px;
    background: url(../img/scam-evolution/close.svg) no-repeat center center;
    border: 0;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 0;
    right: -48px
}

@media (max-width: 900px) {
    .evolution-series__close {
        right:0
    }
}

.evolution-series__video {
    position: relative;
    overflow: hidden;
    border-radius: 10px
}

.evolution-series__sizer {
    padding-top: 56.25%
}

.evolution-series__holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../img/scam-evolution/popup-default.png) no-repeat center center/cover #000
}

.evolution-series__holder iframe {
    display: block;
    width: 100%;
    height: 100%
}

.evolution-series__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.2);
    z-index: 5000
}

@media (max-width: 1279px) {
    .evolution-creative__girl {
        left:calc(50% - 595px)
    }

    .evolution-creative__sign {
        right: calc(50% - 510px)
    }
}

@media (max-width: 1035px) {
    .evolution {
        --section-indent:75px
    }

    .evolution__top {
        min-height: 700px
    }

    .evolution__h1 {
        font-size: 42px
    }

    .evolution-creative__text {
        font-size: 28px
    }

    .kaspersky-word {
        width: 143px
    }

    .kaspersky-word:before {
        height: 32px;
        background-size: contain;
        top: calc(50% - 13px)
    }

    .evolution-creative__button {
        margin-top: 35px
    }

    .evolution-creative__girl {
        transform-origin: bottom left;
        transform: scale(.6);
        left: calc(50% - 415px)
    }

    .evolution-creative__sign {
        bottom: 145px;
        right: calc(50% - 365px);
        transform-origin: bottom right;
        transform: scale(.6)
    }

    .evolution-creative__vk {
        bottom: 55px;
        right: max(50vw - 350px - var(--scrollbarWidth),16px);
        width: 155px
    }

    .evolution-reason__bg {
        padding-right: 345px
    }

    .evolution-reason__bg:before {
        right: -240px
    }

    .evolution-series__grid {
        grid-template-columns: repeat(2,1fr)
    }
}

@media (max-width: 767px) {
    .evolution__top {
        border-width:1px;
        background-size: 660px;
        min-height: auto;
        padding-bottom: 80px
    }

    .evolution-creative__girl {
        transform: scale(.26);
        left: calc(50% - 175px)
    }

    .evolution-creative__sign {
        bottom: 66px;
        right: calc(50% - 168px);
        transform: scale(.26)
    }

    .evolution-creative__vk {
        bottom: 17px;
        right: max(50vw - 155px - var(--scrollbarWidth),20px);
        width: 69px
    }

    .evolution-creative {
        padding-top: 0
    }

    .evolution__h1 {
        font-size: 28px;
        margin-bottom: 20px
    }

    .evolution-creative__text {
        font-size: 16px
    }

    .kaspersky-word {
        width: 80px
    }

    .kaspersky-word:before {
        height: 18px;
        background-size: contain;
        top: calc(50% - 7px)
    }

    .evolution-creative__button {
        margin-top: 20px
    }

    .evolution-creative__button .button {
        width: 160px
    }

    .evolution-reason {
        padding: 75px 0 105px
    }

    .evolution-reason__bg {
        margin-right: 0;
        padding: 40px 20px 370px
    }

    .evolution-reason__bg:before {
        width: 417px;
        height: 372px;
        background-size: auto 100%;
        bottom: -28px;
        right: calc(50% - 235px)
    }

    .evolution-reason__bg h3 {
        margin-bottom: 25px
    }

    .evolution-series__grid {
        grid-template-columns: 1fr;
        grid-gap: 25px
    }

    .evolution-series__image {
        border-width: 1px
    }

    .evolution-series__popup {
        padding-top: 24px;
        margin-top: -24px
    }

    .evolution-series__close {
        width: 24px;
        height: 24px;
        background-size: 24px 24px;
        right: -24px
    }
}

@media (max-width: 410px) {
    .evolution-series__close {
        right:0
    }
}

/*# sourceMappingURL=style.min.css.map */