@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: local('Roboto'), url(https://biovit.ua/catalog/view/theme/biovitthree/fonts/Roboto.ttf) format("truetype");
}

@font-face {
    font-family: 'Roboto-Black';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://biovit.ua/catalog/view/theme/biovitthree/fonts/Roboto-Black.ttf) format("truetype");
}

* {
    box-sizing: border-box;
}

html,
body {
    height: 100%;
}

.main-wrap {
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.content-wrap {
    flex: 1 0 auto;
}

.footer-wrap {
    flex: 0 0 auto;
}

body {
    font-family: 'Roboto', sans-serif;
    color: #333333;
    background-color: #fafafa;
    line-height: unset;
    overflow-x: hidden;
    font-weight: 400;
}

body.white {
    background-color: #ffffff;
}

img {
    max-width: 100%;
}

a {
    color: #333333;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

a:hover {
    text-decoration: none;
    color: unset;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 28px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 20px;
}

h5 {
    font-size: 17px;
}

b, strong {
    font-weight: 600;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
}

button,
input,
textarea,
label,
.swiper-slide,
.swiper-button-next,
.swiper-button-prev {
    outline: none !important;
    -webkit-tap-highlight-color: transparent;
}

label {
    margin-bottom: 0;
}

.close {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 30px;
    color: #687685;
    font-weight: 500;
    transition: 0.3s;
}

.section-title {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 400;
}

.section-title .rateit {
    margin-left: 20px;
    font-size: 16px;
}

.section-title .rateit-selected {
    color: #ff680a !important;
}

.modal {
    display: block;
    height: unset;
}

.mobile-menu {
    display: none;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    margin-right: 13px;
}

.arrow-bottom {
    position: absolute;
    left: calc(50% - 25px);
    bottom: 0;
    display: flex;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: none;
    background-image: url("../img/double-down.svg");
    background-color: #e15a23;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 1px 18px rgba(0, 0, 0, 0.06), 0 6px 10px rgba(69, 76, 83, 0.07);
    animation: slideInDown 2s linear infinite both;
    transition: 0.3s;
    z-index: 10;
}

.arrow-bottom:hover {
    animation: unset;
}

.arrow-bottom:hover .products-wrapper__efect {
    height: 1px;
}

.scroll-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    display: none;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background-color: rgba(69, 132, 0, 0.4);
    border-radius: 50%;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.12), 0 1px 18px rgba(0, 0, 0, 0.06), 0 6px 10px rgba(69, 76, 83, 0.07);
    z-index: 20;
    transition: 0.3s;
}

.scroll-top:hover {
    background-color: #458400;
}

.number {
    position: absolute;
    top: 8px;
    right: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    font-size: 11px;
    font-weight: 700;
    background-color: #ffc107;
    border-radius: 50%;
}

.hero .swiper-button-next,
.hero .swiper-button-prev {
    width: calc(var(--swiper-navigation-size) / 56 * 45);
    background: rgba(255, 255, 255, 0.9);
    border-radius: 0 100px 100px 0;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    transition: 0.3s;
}

.hero .swiper-button-next:after,
.hero .swiper-button-prev:after {
    font-size: 20px;
    font-weight: 500;
    color: #8e96a0;
}

.hero .swiper-button-next:hover,
.hero .swiper-button-prev:hover {
    background: #ffffff;
}

.hero .swiper-button-prev {
    left: 0;
}

.hero .swiper-button-next {
    right: 0;
    transform: rotate(180deg);
}

.hero .swiper-button-next:after {
    transform: rotate(180deg);
}

.hero .swiper-pagination {
    margin-top: 20px;
    display: flex;
    position: relative;
    width: calc(100% - 275px);
}

.hero .swiper-pagination-bullet {
    width: 100%;
    height: 2px;
    border-radius: unset;
    margin-right: 10px;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.hero .swiper-pagination-bullet:last-child {
    margin-right: 0;
}

.hero .swiper-pagination-bullet-active {
    background: #333333 !important;
}

.item__discount {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    height: 22px;
    background: #fff;
    color: #e45976;
    border-radius: 50px;
    font-weight: 500;
    padding: 0 7px;
}

.discount__prefix {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -3px;
    flex-direction: column;
    margin-right: 3px;
}

.discount__prefix .discount__value {
    line-height: 3px;
}

.discount__text {
    font-size: 7px;
    font-weight: 500;
}

.rateit.rateit-font .rateit-reset {
    display: none !important;
}

.rateit {
    margin-right: 10px;
}

.rateit .rateit-selected {
    color: #458400;
}

.rateit .rateit-hover {
    color: #458400;
}

.rateit-font .rateit-range > div, .rateit-font .rateit-range > span {
    cursor: pointer;
}

.rateit-font {
    font-size: 20px;
}

input[type="checkbox"]:checked,
input[type="checkbox"]:not(:checked),
input[type="radio"]:checked,
input[type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}

input[type="checkbox"]:checked + .catalog-label,
input[type="checkbox"]:not(:checked) + .catalog-label,
input[type="radio"]:checked + label,
input[type="radio"]:not(:checked) + label {
    display: inline-block;
    position: relative;
    padding-left: 28px;
    line-height: 20px;
    cursor: pointer;
}

input[type="checkbox"]:checked + .catalog-label:before,
input[type="checkbox"]:not(:checked) + .catalog-label:before,
input[type="radio"]:checked + label:before,
input[type="radio"]:not(:checked) + label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #dddddd;
    background-color: #ffffff;
}

input[type="checkbox"]:checked + .catalog-label:before {
    background-color: #458400;
}

input[type="checkbox"]:checked + .catalog-label:before,
input[type="checkbox"]:not(:checked) + .catalog-label:before {
    border-radius: 3px;
}

input[type="radio"]:checked + label:before,
input[type="radio"]:not(:checked) + label:before {
    border-radius: 100%;
}

input[type="checkbox"]:checked + .catalog-label:after,
input[type="checkbox"]:not(:checked) + .catalog-label:after,
input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after {
    content: "";
    position: absolute;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

input[type="checkbox"]:checked + .catalog-label:after,
input[type="checkbox"]:not(:checked) + .catalog-label:after {
    left: 4px;
    top: 5px;
    width: 10px;
    height: 5px;
    border-left: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after {
    left: 4px;
    top: 4px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background-color: #458400;
}

input[type="checkbox"]:not(:checked) + .catalog-label:after,
input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
}

input[type="checkbox"]:checked + .catalog-label:after,
input[type="radio"]:checked + label:after {
    opacity: 1;
}

@keyframes slideInDown {
    from,
    to {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-15px);
    }
}

.selectdiv {
    position: relative;
    width: 100%;
}

select::-ms-expand {
    display: none;
}

.selectdiv:after {
    content: '';
    height: 14px;
    width: 14px;
    background-image: url("../img/chevron-right.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 11px;
    top: 13px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
}

.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 40px;
    padding: 0px 12px;
    font-size: 13px;
    line-height: 1.75;
    color: #333;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    -ms-word-break: normal;
    word-break: normal;
    cursor: pointer;
    outline: none;
}

.selectdiv label {
    width: 100%;
}

.pagination {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.pagination-list {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.pagination-item {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    font-size: 17px;
    transition: 0.3s;
}

.pagination-item button {
    border: none;
    background-color: transparent;
}

.pagination-item a,
.pagination-item button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.pagination-item:hover {
    background-color: #ff680a;
}

.pagination-item:hover a,
.pagination-item:hover button {
    color: #ffffff;
}

.pagination-item.active {
    background-color: #ff680a;
    border: none;
}

.pagination-item.active a,
.pagination-item.active button {
    color: #ffffff;
}

.pagination-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    transition: 0.3s;
}

.pagination-arrow svg path {
    transition: 0.3s;
}

.pagination-arrow:hover {
    background-color: #458400;
}

.pagination-arrow:hover svg path {
    fill: #ffffff;
}

.pagination-arrow.left {
    margin-right: 10px;
    transform: rotate(90deg);
}

.pagination-arrow.right {
    transform: rotate(-90deg);
}

.pagination-arrow.disabled {
    display: none;
}

.tooltip {
    opacity: 1 !important;
}

.tooltip-inner {
    background-color: #ffffff;
    color: #333;
    font-size: .875rem;
    -webkit-box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.25);
    box-shadow: 0 0 0.9375rem rgba(0, 0, 0, 0.25);
    border-radius: 0;
    padding: .5rem .75rem;
}

.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #ffffff;
}

.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #ffffff;
}

.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #ffffff;
}

.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #ffffff;
}

.table-wrapper {
    max-width: 100%;
    overflow-x: auto;
    margin-bottom: 5px;
}

.table-wrapper::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

.table-wrapper::-webkit-scrollbar-track {
    background-color: transparent;
}

.table-wrapper::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
}

.table td, .table th {
    white-space: nowrap;
}

.error-image {
    height: 600px;
    width: 600px;
    background-image: url("../img/404.jpg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.error-title {
    margin-bottom: 0;
    font-size: 40px;
    text-align: center;
}

.error-title span {
    color: #458400;
}

.error-text {
    font-size: 20px;
    text-align: center;
}

.error-text a {
    color: #458400;
    text-decoration: underline;
}

.inputs-container {
    width: 40%;
}

.inputs-container input {
    width: 100% !important;
    height: 40px;
    padding: 0 10px;
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.select2-container .select2-selection--single {
    height: 34px !important;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #ccc !important;
    border-radius: 5px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px !important;
}

.select2-container {
    width: 65% !important;
    margin-right: 20px;
}

.divider {
    white-space: nowrap;
    font-size: 14px;
    text-transform: uppercase;
    margin: 30px 0;
}

.divider-line {
    width: 100%;
    height: 1px;
    background-color: rgba(0, 0, 0, 0.1);
}

.p-shipment {
    background-color: #dff0d8;
    border: 2px solid;
    border-color: #458400;
    padding: 7px 20px 10px;
    margin: 15px 0;
    border-radius: 8px;
    font-weight: 500;
    line-height: 26px;
    display: -webkit-box;
}

.p-shipment span {
    color: #e6574b;
}

.list2a {
    margin-bottom: 8px;
    padding: 0;
    list-style: none;
    counter-reset: li;
}

.list2a li {
    position: relative;
    border: 2px solid #458400;
    background: #dff0d8;
    padding: 16px 20px 16px 28px;
    margin: 12px 0 12px 40px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 8px;
    cursor: pointer;
    display: -webkit-box;
}

.list2a li:hover {
    background: #FFF;
}

.list2a li:before {
    line-height: 32px;
    position: absolute;
    top: 4px;
    left: -40px;
    width: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #FFF;
    background: #458400;
    counter-increment: li;
    content: counter(li);
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.list2a li:hover:before {
    width: 46px;
}

.list2a li:after {
    position: absolute;
    left: 0;
    top: 4px;
    content: "";
    height: 0;
    width: 0;
    border: 16px solid transparent;
    border-left-color: #458400;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.list2a li:hover:after {
    margin-left: 6px;
}

.bullet {
    margin-left: 0;
    list-style: none;
    counter-reset: li;
}

.bullet li {
    position: relative;
    margin-bottom: 1.5em;
    border: 3px solid #458400;
    padding: 0.6em;
    border-radius: 8px;
    background: #FEFEFE;
    color: #000000;
    font-family: "Trebuchet MS", "Lucida Sans";
    display: -webkit-box;
}

.bullet li:before {
    position: absolute;
    top: -0.7em;
    padding-left: 0.4em;
    padding-right: 0.4em;
    font-size: 16px;
    font-weight: bold;
    color: #e15a23;
    background: #FEFEFE;
    border-radius: 50%;
    counter-increment: li;
    content: counter(li);
}

.partners {
    position: relative;
    margin-bottom: 30px;
}

.partners-carousel {
    width: 100%;
}

.partners-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 150px;
}

.partners-slide img {
    max-width: 100%;
    max-height: 100%;
}

.certification {
    margin-bottom: 30px;
    padding: 30px;
    position: relative;
    background-color: rgba(0, 0, 0, 0.1);
}

.certification-carousel {
    width: 100%;
}

.banner {
    height: 50px;
    background-image: url("../img/banner5.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.banner-link {
    display: block;
    width: 100%;
    height: 100%;
}

.logo {
    display: flex;
    width: 100%;
    height: 45px;
}

.logo img {
    max-height: 100%;
}

.header {
    padding: 5px 0;
    background: #ffffff;
}

.header-nav {
    display: flex;
    align-items: center;
    margin: 0;
    margin-left: 20px;
    padding: 0;
    list-style: none;
}

.header-nav__item {
    margin-right: 35px;
}

.header-nav__link {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    transition: 0.3s;
    color: #333;
}

.header-nav__link:hover {
    color: #458400;
}

.header-contacts {
    display: flex;
    align-items: flex-end;
    flex-grow: 1;
    justify-content: flex-end;
}

.header-languages {
    display: flex;
    align-items: flex-end;
    padding-left: 15px;
}

.header-languages * {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    padding: 0 5px;
}

.header-languages span {
    color: #999;
}

.header-languages a {
    color: #458400;
    text-decoration: underline;
}

.header-contacts__time {
    margin-right: 15px;
    font-size: 14px;
    font-weight: 500;
}

.header-contacts__phones {
    margin: 0;
    margin-right: 10px;
    padding: 0;
    list-style: none;
}

.header-contacts__phone {
    position: relative;
    display: flex;
    align-items: center;
}

.header-contacts__phone a {
    color: #687685;
    font-size: 24px;
    font-weight: 500;
    margin-right: 10px;
}

.header-contacts__phone svg {
    position: relative;
    transition: 0.3s;
    z-index: 101;
}

.header-contacts__phone:hover .header-contacts__drop {
    visibility: visible;
    opacity: 1;
}

.header-contacts__phone:hover svg {
    transform: rotate(180deg);
}

.header-contacts__drop {
    width: 205px;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: -10px;
    left: -10px;
    padding: 10px;
    padding-right: 10.5px;
    background-color: #ffffff;
    box-shadow: 0 12px 17px rgba(0, 0, 0, 0.14), 0 4px 4px rgba(0, 0, 0, 0.25), 0 5px 22px rgba(0, 0, 0, 0.12);
    border-radius: 5px;
    transition: 0.3s;
    z-index: 100;
}

.header-contacts__drop span {
    margin-top: 10px;
    margin-bottom: 0;
    font-size: 12px;
    color: #8e96a0;
}

.header-recall {
    text-align: left;
}

.header-recall .h4 {
    margin: 0;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 20px;
}

.header-recall input {
    width: 100%;
    padding: 8px 10px 8px 10px;
    margin-bottom: 13px;
    border: 1px solid rgba(142, 150, 160, 0.2);
    border-radius: 5px;
}

.header-recall input::placeholder {
    color: rgba(142, 150, 160, 0.7);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    opacity: 1;
}

.header-recall input:-ms-input-placeholder {
    color: rgba(142, 150, 160, 0.7);
}

.header-recall input::-ms-input-placeholder {
    color: rgba(142, 150, 160, 0.7);
}

.header-recall__block {
    text-align: center;
    margin-left: 30px;
}

.header-recall__block a {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-size: 20px;
    color: #687685;
    font-weight: 500;
}

.header-recall__block a svg {
    margin-right: 5px;
}

.header-recall__block span {
    margin-top: 5px;
    margin-bottom: 0;
    margin-left: 30px;
    font-size: 13px;
    color: #8e96a0;
    text-align: left;
}

.header-recall__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 35px;
    color: #ffffff !important;
    font-size: 15px !important;
    background-color: #ff680a;
    border-radius: 5px;
    text-transform: uppercase;
}

.header-divider {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.header-divider__word {
    margin: 0 10px;
    color: rgba(142, 150, 160, 0.7);
    font-size: 12px;
}

.header-divider__line {
    width: 100%;
    height: 1px;
    background-color: rgba(142, 150, 160, 0.2);
}

.navigation {
    background-color: #458400;
}

.navigation-menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 100%;
    left: 0;
    padding: 15px 20px;
    margin-bottom: 0;
    width: 281px;
    border-radius: 0 0 5px 5px;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    list-style: none;
    z-index: 10;
    transition: 0.3s;
}

.navigation-menu__item {
    margin-bottom: 15px;
}

.navigation-menu__item:last-child {
    margin-bottom: 0;
}

.navigation-menu__item a {
    display: flex;
    align-items: center;
    transition: 0.3s;
}

.navigation-menu__item a svg path {
    transition: 0.3s;
}

.navigation-menu__item a span {
    white-space: nowrap;
    margin-left: 15px;
}

.navigation-menu__item a:hover svg path {
    fill: #458400;
}

.navigation-menu__item a:hover span {
    color: #458400;
}

.navigation-catalog {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 15px;
    width: 260px;
    height: 60px;
    padding: 0 20px;
    background-color: #3f7307;
    cursor: pointer;
}

.navigation-catalog:hover .drop {
    display: block;
}

.navigation-catalog ul {
    margin: 0;
    margin-left: 10px;
    font-size: 20px;
    line-height: 20px;
    color: #ffffff;
    list-style: none;
    padding: 0;
}

.navigation-catalog__link {
    color: #ffffff;
}

.navigation-catalog__link:hover {
    color: #ffffff;
}

.navigation-block {
    width: calc(100% - 260px);
    height: 100%;
}

.navigation-search {
    width: 100%;
    height: 100%;
    background-color: #dff0d8;
    border: none;
    border-radius: 12px;
    outline: none;
    padding: 0 40px 0 20px;
    font-size: 14px;
}

.navigation-search::placeholder {
    color: #333333;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 1px;
    opacity: 1;
}

.navigation-search:-ms-input-placeholder {
    color: #333333;
}

.navigation-search::-ms-input-placeholder {
    color: #333333;
}

.navigation-search__wrapper {
    position: relative;
    height: 40px;
    width: 100%;
    margin-right: 20px;
}

.navigation-search__button {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    z-index: 10;
}

.navigation-user {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 10px;
    height: 100%;
    cursor: pointer;
}

.navigation-user.nonregistered .navigation-menu {
    display: none;
}

.navigation-user:hover .navigation-menu {
    visibility: visible;
    opacity: 1;
}

.navigation-user__image {
    display: block;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    border-radius: 50%;
    background-image: url("../img/account.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.navigation-user__text {
    font-size: 14px;
    color: #ffffff;
}

.navigation-user__text a {
    color: #ffffff;
}

.navigation-user__name {
    color: #ffffff;
    border-bottom: 1px dashed #ffffff;
    max-width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.navigation-balance, .navigation-basket {
    position: relative;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.navigation-balance:hover, .navigation-basket:hover {
    background-color: #3f7307;
}

.navigation-balance {
    margin-right: 10px;
}

.hero-slider {
    height: 400px;
    width: 100%;
}

.hero-slider__slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.hero-slider__slide img {
    max-width: unset;
    min-height: 100%;
    min-width: 100%;
}

.hero-slider__wrapper {
    width: calc(100% - 275px);
    margin-left: 15px;
}

.hero-promo {
    display: flex;
    align-items: center;
    margin: 10px 0;
    margin-left: 15px;
    background: linear-gradient(143.92deg, #fb6c46 -0.14%, #d14a9a 106.86%), #fff;
    border-radius: 4px;
    height: 46px;
    width: calc(100% - 275px);
}

.hero-promo__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    transition: 0.3s;
}

.hero-promo__link svg {
    margin-left: 10px;
}

.hero-promo__link:hover {
    background-color: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.brand {
    padding-top: 40px;
}

.brand-container {
    overflow: hidden;
}

.brand-container__wrapper {
    height: 143px;
    overflow: hidden;
}

.brand-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    overflow-x: auto;
    height: 160px;
}

.brand-block {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 140px;
    background-image: url("../img/cat-overlay.png");
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    transition: 0.3s;
}

.brand-block__wrapper {
    display: flex;
    flex-direction: column;
    width: 140px;
    height: 140px;
    margin-right: 30px;
}

.brand-block__wrapper:last-child {
    margin-right: 0;
}

.brand-block__wrapper:hover .brand-block {
    transform: translateY(5px);
}

.brand-block__wrapper:hover .brand-block__title {
    color: #458400;
}

.brand-block__wrapper:hover .brand-block:last-child {
    transform: unset;
}

.brand-block img {
    max-height: 60px;
    max-width: 72%;
    margin-top: 12px;
}

.brand-block__title {
    display: inline-block;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 500;
    text-align: center;
    color: #333333;
    text-transform: uppercase;
    transition: 0.3s;
}

.brand-block__title.green {
    margin-top: 0;
    margin-bottom: 10px;
    text-transform: unset;
    font-weight: 400;
    font-size: 13px;
}

.category {
    display: none;
    margin-top: 20px;
    padding: 20px 0;
    background-color: #ffffff;
}

.category-container {
    overflow: hidden;
}

.category-container__wrapper {
    height: 143px;
    overflow: hidden;
}

.category-list {
    display: flex;
    justify-content: space-between;
    width: 100%;
    overflow-x: auto;
    height: 160px;
}

.category-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 140px;
    height: 140px;
    background-image: url("../img/category-bg.webp");
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    transition: 0.3s;
}

.category-block.green {
    background-image: url("../img/category-bg2.webp");
}

.category-block__wrapper {
    display: flex;
    flex-direction: column;
    width: 140px;
    height: 140px;
    margin-right: 10px;
}

.category-block__wrapper:last-child {
    margin-right: 0;
}

.category-block img {
    max-height: 55px;
    max-width: 72%;
}

.category-block_cat img {
    max-height: 72px;
    max-width: 72%;
}

.category-block__title {
    display: inline-block;
    margin-top: 10px;
    font-size: 10px;
    font-weight: 500;
    text-align: center;
    color: #333333;
    text-transform: uppercase;
    transition: 0.3s;
}

.registr {
    display: none;
    margin-top: 20px;
}

.registr-block {
    padding: 15px;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
}

.registr-title {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 15px;
    font-weight: 400;
}

.registr-title span {
    font-weight: 500;
}

.registr-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 35px;
    margin-bottom: 15px;
    color: #ffffff;
    font-size: 15px;
    background-color: #ff680a;
    border-radius: 5px;
}

.registr-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
    color: #0073b1;
}

.products {
    position: relative;
    padding: 30px 0;
}

.products-wrapper {
    position: relative;
    max-height: 410px;
    overflow: hidden;
    padding: 3px 2px 3px 2px;
}

.products-wrapper__efect {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    background: linear-gradient(180deg, rgba(250, 250, 250, 0), #fafafa);
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    transition: height .3s linear;
    height: 130px;
    z-index: 1;
}

.products-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    height: 320px;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    background: #fff;
}

.products-card__image {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 170px;
    margin-bottom: 10px;
}

.products-card__image img {
    max-width: 100%;
    max-height: 100%;
}

.products-card__title {
    display: block;
    max-width: 95%;
    height: 33px;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: 0.3s;
}

.products-card__title:hover {
    color: #458400;
}

.products-card__rate {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.products-card__rate a {
    font-size: 10px;
    color: #458400;
    text-decoration: underline;
}

.products-card__buy {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    min-height: 20px;
}

.products-card__prices {
    display: flex;
    flex-direction: column;
}

.products-card__price {
    font-size: 12px;
    font-weight: 500;
    white-space: nowrap;
}

.products-card__price span {
    font-size: 24px;
    line-height: 0;
    font-weight: 400;
}

.products-card__price.old {
    position: relative;
    font-size: 15px;
    line-height: 13px;
    text-decoration: line-through;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
}

.products-card__price.old span {
    font-size: 14px;
}

.products-card__price.sale {
    color: #ec2441;
}

.products-card__button {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 30px;
    background-color: #e15a23;
    border-radius: 5px;
    font-size: 13px;
    line-height: 20px;
    color: #ffffff;
    transition: 0.3s;
    z-index: 2;
}

.products-card__button svg path {
    fill: #ffffff;
}

.products-card__button span {
    display: none;
}

.products-card__button:hover {
    width: 90px;
}

.products-card__button:hover span {
    display: block;
    margin-left: 5px;
    color: #ffffff;
}

.products-carousel {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.products-carousel .swiper-wrapper {
    margin: 5px;
}

.products-carousel__wrapper {
    margin: 30px 0;
}

.products-carousel__wrapper .section-title {
    margin-bottom: 20px !important;
    font-weight: 500 !important;
}

.products-carousel__slide {
    width: 210px;
    max-width: 100%;
}

.products-carousel__item {
    margin-left: 20px;
}

.products-carousel__item:first-child {
    margin-left: 5px;
}

.info {
    padding: 30px 0;
    background-color: #458400;
}

.info-block {
    display: flex;
    align-items: center;
    color: #ffffff;
}

.info-block:hover {
    color: #ffffff;
}

.info-block:hover .info-block__image {
    transform: scale(1.1);
}

.info-block__text {
    max-width: 200px;
}

.info-block__image {
    display: flex;
    align-items: center;
    height: 95px;
    width: 75px;
    margin-right: 15px;
    transition: 0.3s;
}

.info-block__image.lg {
    width: 90px;
}

.info-block__image img {
    max-width: 100%;
}

.info-block__title {
    margin: 0;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: 18px;
}

.info-block__subtitle {
    font-size: 13px;
}

.feedback {
    background-color: #ffffff;
}

.feedback-catalog {
    background-color: unset;
    position: relative;
    width: 100%;
}

.feedback-catalog .feedback-slider__wrapper {
    position: relative;
    padding: 20px 20px 60px 20px;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
}

.feedback-catalog .feedback-slider__wrapper.feedback-slider__wrapp {
    padding: 20px 0 60px 0;
    box-shadow: unset;
    background-color: unset;
}

.feedback-catalog .feedback-slider__wrapper.feedback-slider__wrapp .feedback-block {
    display: flex;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.feedback-catalog .feedback-slider__wrapper.feedback-slider__wrapp .feedback-block__link {
    font-size: 16px;
    color: #0073b1;
}

.feedback-catalog .feedback-slider__wrapper.feedback-slider__wrapp .feedback-block .products-card__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: unset;
    height: unset;
    color: #0073b1;
    margin-bottom: 5px;
}

.feedback-catalog .feedback-slider__wrapper.feedback-slider__wrapp .feedback-block .products-card__price {
    margin-top: 10px;
}

.feedback-catalog .feedback-slider__wrapper.feedback-slider__wrapp .feedback-block__product {
    width: 40%;
    margin-right: 10px;
}

.feedback-catalog .feedback-slider__wrapper.feedback-slider__wrapp .feedback-block__desc {
    width: 60%;
}

.feedback-catalog .feedback-slider__wrapper.feedback-slider__wrapp .feedback-block .comment-block__title {
    padding: 0;
    border: none;
    margin-bottom: 10px;
}

.feedback-catalog .feedback-slider__wrapper.feedback-slider__wrapp .feedback-block .comment-block__content {
    padding: 0;
    border: none;
}

.feedback-catalog .feedback-slider__wrapper.feedback-slider__wrapp .feedback-block .comment-block__text {
    margin-bottom: 0;
}

.feedback-catalog .feedback-slider__wrapper.feedback-slider__wrapp .feedback-block .comment-block__text .main-message {
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.feedback-catalog .feedback-pagination {
    bottom: 20px;
    left: 0;
    right: 0;
}

.feedback-block {
    padding: 20px;
    background-color: #f7f7f7;
    line-height: 20px;
}

.feedback-block__desc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.feedback-block__title {
    font-family: serif;
    font-size: 25px;
    margin: 0;
    margin-bottom: 8px;
}

.feedback-block__rate {
    display: flex;
    align-items: center;
}

.feedback-block__rate.rateit {
    margin-right: 10px;
}

.feedback-block__rate .rateit .rateit-selected {
    color: #ffc830;
}

.feedback-block__rate .rateit .rateit-hover {
    color: #ffc830;
}

.feedback-block__date {
    color: #8c918b;
    font-size: 13px;
}

.feedback-block__person {
    font-size: 13px;
    color: #8c918b;
}

.feedback-block__person span {
    color: #458400;
    font-weight: 500;
}

.feedback-block__text {
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.feedback-block__statistic {
    font-size: 13px;
    color: #8c918b;
}

.feedback-pagination {
    width: 100%;
    bottom: -30px;
}

.feedback .swiper-pagination-bullet {
    margin-right: 5px;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.feedback .swiper-pagination-bullet:last-child {
    margin-right: 0;
}

.feedback .swiper-pagination-bullet-active {
    background-color: #458400;
}

.feedback-slider__wrapper {
    position: relative;
}

.blog-title {
    display: none;
}

.blog-container {
    overflow: hidden;
}

.blog-wrapper {
    height: 177px;
    overflow: hidden;
}

.blog-list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    overflow-x: auto;
    height: 195px;
}

.blog-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 220px;
    margin-right: 5px;
}

.blog-block:last-child {
    margin-right: 0;
}

.blog-block:hover .blog-block__title {
    color: #f5b200;
}

.blog-block:hover .orange {
    background-color: #458400;
    color: #ffffff;
}

.blog-block__image {
    width: 220px;
    height: 130px;
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
}

.blog-block__image img {
    max-width: 100%;
    height: auto;
    border-radius: 5px;
}

.blog-block__image.orange {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-image: unset;
    background-color: #f5b200;
    text-transform: uppercase;
    font-weight: 500;
    transition: 0.3s;
}

.blog-block__image.orange span {
    font-size: 30px;
}

.blog-block__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
    font-size: 15px;
    transition: 0.3s;
}

.bonus {
    padding: 10px 0;
    margin-top: 20px;
    background-color: #458400;
}

.bonus-title {
    display: flex;
    align-items: center;
    margin: 0;
    font-size: 20px;
    letter-spacing: 2px;
    color: #ffffff;
    font-weight: 500;
}

.bonus-title a {
    margin-left: 20px;
    color: #ffffff;
    font-size: 12px;
    text-decoration: underline;
}

.catalog-wrapper {
    display: flex;
    justify-content: space-between;
}

.catalog-more {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.catalog-more img {
    width: 50px;
    height: 50px;
    margin-right: 25px;
}

.catalog-more a {
    color: #0073b1;
    transition: 0.3s;
}

.catalog-more a:hover {
    color: #458400;
}

.catalog-title {
    margin: 5px 0 15px 0;
    font-size: 28px;
    font-weight: 400;
}

.catalog-sort {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    color: #000000;
    font-size: 15px;
}

.catalog-sort.mobile {
    display: none;
}

.catalog-sort__text {
    margin-right: 10px;
}

.catalog-sort__reset {
    margin-right: 10px;
    padding: 6px 10px;
    border: 1px solid #ec2441;
    border-radius: 5px;
    background-color: #ffffff;
    font-size: 15px;
}

.catalog-sort__item {
    position: relative;
    margin-right: 10px;
    padding: 6px 12px;
    border-radius: 3px;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.catalog-sort__close {
    position: relative;
    top: 0;
    right: 0;
    font-size: 12px;
    color: #ec2441;
}

.catalog-products {
    width: calc(100% - 272px);
    margin-bottom: 20px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    background-color: #ffffff;
}

.catalog-products__container {
    position: relative;
}

.catalog-products__container:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 5px;
    background: #fff;
    right: -1px;
    z-index: 1;
}

.catalog-accordion {
    width: 272px;
    margin-right: 20px;
}

.catalog-accordion__header {
    position: fixed;
    right: -100%;
    top: 0;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 10px;
    width: 320px;
    height: 50px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    background: #ffffff;
    z-index: 10;
    transition: right 0.8s;
}

.catalog-accordion__back {
    position: absolute;
    left: 5px;
    top: 28%;
    font-size: 18px;
    color: #0073b1;
}

.catalog-accordion__back span {
    font-size: 16px;
}

.catalog-accordion__footer {
    position: fixed;
    right: -100%;
    bottom: 0;
    display: none;
    align-items: center;
    padding: 13px;
    width: 320px;
    height: 65px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.25);
    background: #ffffff;
    z-index: 10;
    transition: right 0.8s;
}

.catalog-accordion__show {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    color: #ffffff;
    font-size: 13px;
    background-color: #458400;
    border-radius: 4px;
    text-transform: uppercase;
}

.catalog-accordion__reset {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #458400;
    font-size: 13px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    text-transform: uppercase;
}

.catalog-accordion__wrapper {
    margin-bottom: 20px;
    padding: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    background-color: #ffffff;
}

.catalog-block {
    width: 100%;
    padding: 15px 0;
    background-color: #ffffff;
    -webkit-tap-highlight-color: transparent;
    transition: 0.3s;
}

.catalog-block:hover {
    cursor: pointer;
}

.catalog-block.lg {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.catalog-block__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 500;
}

.catalog-block__title.sm {
    font-size: 17px;
    font-weight: 400;
    color: #000000;
    transition: 0.3s;
}

.catalog-block__title.sm:hover {
    color: #458400;
}

.catalog-block__title.sm:hover .arrow-d path {
    fill: #458400;
}

.catalog-block__title .arrow,
.catalog-block__title .arrow-d {
    transform: rotate(0);
    transition: 0.3s;
}

.catalog-tab__content {
    display: none;
}

.catalog-list {
    display: none;
    width: 100%;
    font-size: 15px;
    line-height: 24px;
    color: #000000;
    background-color: #ffffff;
}

.catalog-list__lk {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.catalog-list__lk img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.catalog-list__lk img:nth-child(2) {
    display: none;
}

.catalog-list__lk.active img:first-child {
    display: none;
}

.catalog-list__lk.active img:nth-child(2) {
    display: block;
}

.catalog-list__wrapper {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.catalog-list__wrapper:last-child {
    border: none;
}

.catalog-list__link {
    display: block;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 19px;
    color: #0073b1;
}

.catalog-list__link span {
    color: rgba(0, 0, 0, 0.5);
}

.catalog-list__show {
    position: relative;
    font-size: 14px;
    color: #0073b1;
    border-bottom: 1px dashed #0073b1;
}

.catalog-list__show.active:before {
    top: 8px;
    transform: rotate(45deg);
}

.catalog-list__show:before {
    content: '';
    border: 1px solid;
    width: 5px;
    height: 5px;
    position: absolute;
    border-right: 0;
    border-bottom: 0;
    transform: rotate(-135deg);
    right: -15px;
    top: 5px;
    transition: 0.3s;
}

.catalog-list__show:hover {
    color: #458400;
    border-bottom: 1px dashed #458400;
}

.catalog-list__tabs {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    width: 100%;
}

.catalog-list__tab {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    height: 35px;
    width: 30%;
    border: 1px solid #458400;
    border-radius: 4px;
    text-transform: uppercase;
    color: #458400;
    font-weight: 500;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.catalog-list__tab.active {
    color: #ec2441;
    border: 1px solid #ec2441;
}

.catalog-list__alphabet {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.catalog-list__alphabet a {
    display: flex;
    justify-content: center;
    width: 10px;
    margin-right: 18px;
    color: #000000;
    text-transform: uppercase;
    transition: 0.3s;
}

.catalog-list__alphabet a:hover {
    color: #458400;
}

.catalog-list__size {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.catalog-list__size a {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    margin-bottom: 14px;
    width: 50px;
    height: 30px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    font-size: 13px;
}

.catalog-list__size a.active {
    background-color: #dff0d8;
    border: 1px solid #458400;
}

.catalog-list__color {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.catalog-list__color a {
    width: 23px;
    height: 23px;
    margin-right: 8px;
    margin-bottom: 16px;
    background-color: #000000;
    border-radius: 4px;
    border: 1px solid #dddddd;
}

.catalog-list__rate label:before {
    top: 2px !important;
}

.catalog-list__rate label:after {
    top: 7px !important;
}

.catalog-price__button {
    display: flex;
    justify-content: center;
    border-top: 1px solid #dcdcda;
    background-color: #fbfaf8;
    padding: 20px;
}

.catalog-price__block div input {
    outline: none;
    width: 28%;
    height: 30px;
    padding: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    box-shadow: inset 0 2px 1px 0 rgba(0, 0, 0, 0.1);
    font-size: 14px;
}

.catalog-price__block div input::placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.catalog-price__block div input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.catalog-price__block div input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.5);
}

.catalog-price__block div span {
    display: flex;
    justify-content: center;
    width: 5%;
}

.catalog-price__block div button {
    width: 23%;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 4px;
    background-color: #ec2441;
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
}

.catalog-price__block div button:hover {
    background-color: #458400;
    color: #ffffff;
}

.catalog-label span {
    color: rgba(0, 0, 0, 0.5);
    font-size: 13px;
}

.catalog-label .rateit .rateit-selected {
    color: #efc529;
}

.catalog-filter {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.catalog-filter__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.catalog-filter__title {
    margin-right: 15px;
    font-size: 14px;
}

.catalog-filter__item {
    margin-right: 15px;
}

.catalog-filter__item a {
    font-size: 13px;
    border-bottom: 1px dashed #0073b1;
    color: #0073b1;
}

.catalog-filter__item.active a {
    color: #000000;
    font-weight: 500;
    border: none;
}

.product {
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 20px;
    height: unset;
    box-shadow: none;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    transition: 0.3s;
}

.product-wrapper {
    position: relative;
    max-width: 20%;
    min-height: 420px;
    width: 100%;
    margin-bottom: 90px;
    background-color: #ffffff;
    transition: 0.3s;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.product-wrapper:hover .product {
    -webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.75);
    z-index: 5;
}

.product-wrapper:hover .product-size {
    display: flex;
}

.product-wrapper:hover .product-select {
    display: block;
}

.product-wrapper:hover .products-card__button,
.products-card:hover .products-card__button {
    width: 130px;
    color: #ffffff;
}

.product-wrapper:hover .products-card__button span,
.products-card:hover .products-card__button span {
    display: block;
    margin-left: 5px;
}

.product-wrapper:hover .products-card__button.inbasket,
.products-card:hover .products-card__button.inbasket {
    border: 1px solid #458400;
}

.product-wrapper:hover .products-card__button.inbasket span,
.products-card:hover .products-card__button.inbasket span {
    white-space: nowrap;
    color: #333333;
}

.product-wrapper:hover .products-card__button.nonavailable span {
    margin-left: 10px;
}

.product-wrapper:hover .products-card__button.time {
    border: 1px solid #458400;
}

.product-wrapper:hover .products-card__button.time span {
    color: #333333;
}

.product-options {
    position: absolute;
    left: 15px;
    top: 20px;
    display: flex;
    flex-direction: column;
    z-index: 1;
}

.good-swiper__lg .product-options {
    left: 15px;
    top: 0px;
    display: flex;
    flex-direction: column;
    z-index: 2;
}

.product-flag {
    display: flex;
    align-items: center;
    width: 100px;
    height: 25px;
    margin-bottom: 5px;
    padding-left: 8px;
    clip-path: polygon(100% 0, 88% 48%, 100% 100%, 0 100%, 0 0);
    background-color: #0073b1;
    font-size: 13px;
    color: #ffffff;
}

.product-flag.action {
    background-color: #ec2441;
}

.product-flag.new {
    background-color: #458400;
}

.product-flag.hit {
    background-color: #ff680a;
}

.product-description {
    position: absolute;
    right: 15px;
    top: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 1;
}

.product-description__text {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 500;
}

.product-description__text span {
    margin-bottom: 0;
    font-weight: 400;
}

.product-description__colors {
    display: flex;
    flex-direction: column;
}

.product-description__colors a {
    display: block;
    width: 20px;
    height: 20px;
    margin-bottom: 5px;
    background-color: #000000;
    border-radius: 4px;
    border: 1px solid #dddddd;
}

.product-description__colors a.green {
    background-color: green;
}

.product-description__colors a.blue {
    background-color: cornflowerblue;
}

.product-description__colors a.red {
    background-color: red;
}

.product-description__colors a.white {
    background-color: white;
}

.product-description__colors a.grey {
    background-color: #dddddd;
}

.product-description__colors .active {
    border: 2px solid #458400;
}

.product-files {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
    flex-direction: column;
}

.product-files a:first-child {
    margin-bottom: 5px;
}

.product-files a:last-child {
    margin-bottom: 0;
}

.product-package {
    height: 20px;
    font-size: 14px;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
}

.product .products-card__image {
    align-items: flex-end;
    height: 200px;
}

.product .products-card__title {
    margin-bottom: 25px;
}

.product .products-card__rate {
    height: 25px;
}

.products-card__button.inbasket {
    background-color: #ffffff;
    color: #333333;
    font-size: 12px;
}

.products-card__button.inbasket .product-button__icon {
    background-image: url("../img/cart-grey.svg");
}

.products-card__button.inbasket .product-button__icon:before {
    content: '';
    position: absolute;
    top: -3px;
    right: -3px;
    width: 14px;
    height: 14px;
    background-image: url("../img/check.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    border-radius: 50%;
    z-index: 1;
}

.product .products-card__button.nonavailable,
.products-carousel .products-card__button.nonavailable {
    color: #ffffff;
    font-size: 12px;
    line-height: 12px;
    background-color: #0073b1;
    overflow: hidden;
}

.products-card__button.nonavailable .product-button__icon {
    background-image: url("../img/envelope.svg");
}

.product .products-card__button.nonavailable span,
.products-carousel .products-card__button.nonavailable span {
    width: 60px;
    height: 24px;
}

.product .products-card__button.time {
    background-color: #ffffff;
    color: #333333;
    font-size: 12px;
    line-height: 12px;
    overflow: hidden;
}

.products-card__button.time .product-button__icon {
    height: 22px;
    width: 22px;
    background-image: url("../img/wall-clock.svg");
}

.products-card__button.time .product-button__icon:before {
    content: '';
    position: absolute;
    top: -3px;
    right: -3px;
    width: 14px;
    height: 14px;
    background-image: url("../img/check.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    border-radius: 50%;
    z-index: 1;
}

.product .products-card__button.time span {
    width: 90px;
    height: 24px;
    text-align: center;
}

.product-available {
    height: 20px;
    width: 100%;
    font-size: 14px;
    color: #458400;
}

.product-available.order {
    color: #999999;
}

.product-buttons {
    padding: 15px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.product-button__icon {
    position: relative;
    display: flex;
    width: 20px;
    height: 20px;
    background-image: url("../img/cart.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.product-label {
    position: absolute;
    top: -25px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 20px;
    border-radius: 4px;
    background-color: #ec2441;
    color: #ffffff;
    font-size: 12px !important;
}

.product-size {
    display: none;
}

.product-select {
    display: none;
}

.product-check input[type="checkbox"]:checked + .catalog-label:before, .product-check input[type="checkbox"]:not(:checked) + .catalog-label:before {
    width: 22px;
    height: 22px;
}

.product-check input[type="checkbox"]:checked + .catalog-label:after, .product-check input[type="checkbox"]:not(:checked) + .catalog-label:after {
    left: 6px;
    top: 7px;
}

.product-chart {
    width: 22px;
    height: 22px;
}

.product-chart.active svg path {
    fill: #458400;
}

.product-like {
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.5);
    transition: 0.3s;
}

.product-like svg {
    margin-right: 3px;
}

.product-like svg path {
    transition: 0.3s;
}

.product-like:hover {
    color: #e15a23;
}

.product-like:hover svg path {
    fill: #e15a23;
}

.product-like.active {
    color: #e15a23;
}

.product-like.active svg path {
    fill: #e15a23;
}

.product-balance {
    margin: 0 5px;
}

.product-balance svg path {
    transition: 0.3s;
}

.product-balance:hover svg path {
    fill: #458400;
}

.product-balance.active svg path {
    fill: #458400;
}

.product-feedback {
    display: flex;
    align-items: center;
    text-decoration: none !important;
    font-size: 14px !important;
    color: #0073b1 !important;
    transition: 0.3s;
}

.product-feedback svg {
    margin-right: 5px;
}

.product-feedback:hover {
    color: #458400 !important;
}

.product-tags {
    width: 100%;
    margin: 10px;
    padding: 10px;
}

.product-tags__container {
    position: relative;
}

.catalog-active.catalog-block .catalog-block__title .arrow {
    transform: rotate(-90deg);
}

.catalog-active.catalog-block .catalog-block__title .arrow-d {
    transform: rotate(-90deg);
}

.catalog-active.catalog-list {
    display: block;
}

.filter-mobile {
    width: 180px;
    height: 40px;
    display: none;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    color: #0073b1;
    font-weight: 500;
}

.filter-mobile span {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    background-color: #e15a23;
    border-radius: 50%;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}

.sort-select {
    display: none;
    width: 180px;
    height: 40px;
}

.sort-select select {
    border: 2px solid rgba(0, 0, 0, 0.1);
    font-size: 13px;
}

.sel li {
    display: none;
    cursor: pointer;
    padding: 5px 10px;
    border-top: 1px solid black;
    min-width: 150px;
}

.sel li a {
    display: block;
    width: 100%;
    height: 100%;
}

.sel li:first-child {
    display: block;
    border-top: 0px;
}

.sel {
    border: 1px solid black;
    display: inline-block;
    padding: 0;
    border-radius: 4px;
    position: relative;
    width: 100%;
}

.sel li:hover {
    background-color: #ddd;
}

.sel li:first-child:hover {
    background-color: transparent;
}

.sel.open li {
    display: block;
}

.sel span:before {
    content: '';
    height: 14px;
    width: 14px;
    background-image: url(../img/chevron-right.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    right: 7px;
    top: 7px;
    padding: 0 0 2px;
    position: absolute;
    pointer-events: none;
}

.news-slider__wrapper {
    padding: 20px 20px 60px 20px;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
}

.news-pagination {
    bottom: 20px;
    left: 0;
    right: 0;
    width: 100%;
}

.news .swiper-pagination-bullet {
    margin-right: 5px;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.news .swiper-pagination-bullet:last-child {
    margin-right: 0;
}

.news .swiper-pagination-bullet-active {
    background-color: #458400;
}

.news-slide {
    display: flex;
}

.news-slide__image {
    display: flex;
    align-items: center;
    overflow: hidden;
    max-width: 300px;
    width: 100%;
    height: 180px;
    margin-right: 20px;
}

.news-slide__image img {
    max-width: 100%;
    height: auto;
}

.news-slide__title {
    margin: 0;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #458400;
    font-style: italic;
    font-size: 18px;
}

.news-slide__desc {
    max-width: 380px;
    line-height: 22px;
}

.news-slide__link {
    color: #458400;
    text-decoration: underline;
}

.news-slide__link:hover {
    color: #458400;
    text-decoration: underline;
}

.prod-preview {
    display: none;
    width: 370px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    background-color: #ffffff;
    border-radius: 10px;
}

.prod-preview:last-child {
    margin-bottom: 0;
}

.prod-preview__wrapper {
    position: sticky;
    top: 0;
}

.prod-preview__block {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px;
}

.prod-preview__text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 70%;
    font-size: 15px;
    line-height: 18px;
}

.prod-preview__image {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30%;
    height: 100px;
}

.prod-preview__image img {
    max-height: 100%;
}

.prod-preview .prod-buttons__buy {
    width: 100%;
    height: 45px;
}

.prod-preview .prod-buttons__subbutton {
    width: 100%;
}

.prod-preview .prod-desc__banner {
    width: 100%;
}

.prod-socials .footer-mobile__socials {
    width: 30px;
    height: 30px;
}

.prod-title {
    font-weight: 400;
    font-size: 32px;
    margin-bottom: 10px;
}

.prod-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.prod-brand__title {
    display: flex;
    margin-bottom: 5px;
}

.prod-brand__title span {
    display: flex;
    align-items: center;
    margin-left: 5px;
}

.prod-brand__title span a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 15px;
    margin-left: 5px;
    background-color: #cccccc;
    color: #ffffff;
    border-radius: 50%;
    font-size: 12px;
}

.prod-brand__id {
    padding: 5px;
    margin-bottom: 5px;
    font-size: 14px;
    background-color: rgba(239, 197, 41, 0.4);
    border-radius: 4px;
}

.prod-brand__status {
    display: flex;
    align-items: center;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 13px;
    color: #00a046;
    background-color: rgba(69, 132, 0, 0.08);
    white-space: nowrap;
}

.prod-brand__status svg {
    margin-right: 5px;
}

.prod-rate {
    display: flex;
    align-items: center;
}

.prod-rate.mobile {
    display: none;
}

.prod-rate .rateit {
    font-size: 24px;
}

.prod-rate .rateit .rateit-selected {
    color: #efc529;
}

.prod-rate a {
    display: inline-block;
    border-bottom: 1px dashed #0073b1;
    line-height: 20px;
    color: #0073b1;
    font-size: 15px;
}

.prod-block {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    background-color: #ffffff;
}

.prod-block__wrapper.characteristics {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.prod-block__wrapper.characteristics .prod-block {
    width: calc(100% - 410px);
}

.prod-block__wrapper.characteristics .prod-preview {
    display: block;
}

.prod-tabs {
    display: flex;
    height: 71px;
    overflow-x: auto;
    margin: 0;
    padding: 0;
    max-width: 1200px;
    list-style: none;
}

.prod-tabs__wrapper {
    height: 51px;
    overflow: hidden;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.prod-tabs__wrapper.mobile {
    display: none;
}

.prod-tabs__wrapper.mobile .prod-tabs {
    background-color: #458400;
}

.prod-tabs__wrapper.mobile .prod-tabs__item {
    color: rgba(255, 255, 255, 0.7);
}

.prod-tabs__wrapper.mobile .prod-tabs__item.active {
    color: #ffffff;
    border-bottom: 3px solid #ffffff;
}

.prod-tabs__item {
    height: 51px;
    padding: 15px 30px;
    text-transform: uppercase;
    color: #8e96a0;
    white-space: nowrap;
    cursor: pointer;
    transition: 0.3s;
}

.prod-tabs__item.active {
    border-bottom: 2px solid #ec2441;
    color: #ec2441;
}

.prod-content {
    display: none;
    width: 100%;
    padding-top: 40px;
}

.prod-content.active {
    display: block;
}

.prod-content.black {
    background-color: #1b1e21;
}

.prod-desc {
    margin-bottom: 20px;
}

.prod-desc__variants {
    display: flex;
}

.prod-desc__variants a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-right: 5px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.prod-desc__variants a img {
    height: 100%;
}

.prod-desc__variants .active {
    border: 2px solid #458400;
}

.prod-desc__certif {
    display: flex;
}

.prod-desc__certif a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    margin-right: 5px;
}

.prod-desc__banner {
    padding: 10px;
    background-color: #dff0d8;
    font-weight: 600;
    font-size: 14px;
}

.prod-desc__banner span {
    color: #458400;
}

.prod-desc .catalog-list__show {
    border: none;
}

.prod-desc .basket-count {
    max-width: 120px;
}

.prod-desc .product-description__colors {
    flex-direction: row;
}

.prod-desc .product-description__colors a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    padding: 2px;
    margin-right: 10px;
    margin-bottom: 0;
    background-color: #ffffff;
}

.prod-desc .product-description__colors a span {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
}

.prod-desc .product-description__colors a.black span {
    background-color: #000000;
}

.prod-desc .product-description__colors a.green span {
    background-color: #458400;
}

.prod-desc .product-description__colors a.red span {
    background-color: #e6574b;
}

.prod-desc .product-description__colors a.blue span {
    background-color: cornflowerblue;
}

.prod-desc .product-description__colors a.yellow span {
    background-color: yellow;
}

.prod-subtitle {
    margin-top: 0;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 500;
}

.prod-models {
    display: flex;
}

.prod-models__item {
    display: block;
    padding: 8px;
    margin-right: 10px;
    margin-bottom: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    font-size: 14px;
}

.prod-models__item.active {
    background-color: #dff0d8;
    border: 1px solid #458400;
}

.prod-models__item.disabled {
    opacity: 0.5;
}

.prod-models__item.special_percent {
    border: 1px solid #ec2441;
    display: flex;
    padding: 0;
}

.prod-models__item.missing {
    opacity: 0.5;
    position: relative;
}

.prod-models__item.missing:after {
    content: '';
    position: absolute;
    display: block;
    width: 35px;
    border-bottom: 1px solid #dff0d8;
    border-bottom: 1px solid #9ca896;
    transform: rotate(45deg);
    top: 50%;
    left: calc(50% - 16px);
}

.prod-models__item.special_percent span {
    flex-grow: 1;
    padding: 8px;
}

.prod-models__item.special_percent span:last-child {
    background-color: #ec2441;
    color: #ffffff;
    font-weight: 600;
}

.prod-price {
    display: inline-block;
    font-size: 32px;
    font-weight: 500;
}

.prod-price span {
    margin-left: 5px;
    font-size: 22px;
}

.prod-price #amount_special_price {
    display: inline-block;
    font-size: 32px;
    font-weight: 500;
}

.prod-price.old {
    font-size: 24px;
    font-weight: 400;
}

.prod-price.old span {
    font-size: 16px;
}

.prod-price.old span:first-child {
    position: relative;
    display: inline-block;
    font-size: 24px;
}

.prod-price.old span:first-child:before {
    content: '';
    position: absolute;
    left: 0;
    top: 45%;
    display: block;
    width: 100%;
    height: 2px;
    background-color: #e6574b;
}

.prod-price__sale {
    display: flex;
    align-items: center;
    height: 26px;
    min-width: 190px;
    margin: 10px auto;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    font-size: 12px;
    font-weight: bold;
    white-space: nowrap;
}

.prod-price__sale .prod-price__percent {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 45px;
    margin-right: 5px;
    color: #ffffff;
    background-color: #e6574b;
    border-radius: 4px 0 0 4px;
}

.prod-price__sale .prod-price__discount {
    margin-right: 5px;
}

.prod-price__sale .prod-price__discount span {
    color: #e6574b;
    margin-left: 3px;
    font-weight: 500;
    font-weight: bold;
    font-size: 12px;
}

.prod-timer__title {
    margin: 0 0 10px 0;
    font-size: 17px;
    font-weight: 400;
}

.prod-timer__numbers {
    display: flex;
}

.prod-timer__days, .prod-timer__hours, .prod-timer__minutes, .prod-timer__seconds {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 42px;
    margin-bottom: 5px;
    background-image: url("../img/timer.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 22px;
    line-height: 28px;
}

.prod-timer__days ~ span, .prod-timer__hours ~ span, .prod-timer__minutes ~ span, .prod-timer__seconds ~ span {
    font-size: 12px;
}

.prod-timer__seconds {
    margin-right: 0;
}

.prod-buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.prod-buttons__buy {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 49%;
    height: 50px;
    text-transform: uppercase;
    color: #ffffff;
    font-size: 20px;
    background-color: #e15a23;
    border-radius: 5px;
    transition: 0.3s;
}

.prod-buttons__buy .buy-text,
.prod-buttons__buy .time-text,
.prod-buttons__buy .nonavailable-text,
.prod-buttons__buy .preorder-text,
.prod-buttons__buy .inbasket-text {
    display: none;
}

.prod-buttons__buy.buy .buy-text {
    display: flex;
}

.prod-buttons__buy.mobile {
    position: sticky;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    height: 50px;
    padding: 0 20px;
    justify-content: center;
    border-radius: 0;
    z-index: 199;
}

.prod-buttons__buy.mobile.show {
    display: flex;
}

/*.prod-buttons__buy.mobile:hover {
    background-color: #e15a23; }*/
.prod-buttons__buy.mobile .price {
    margin-left: 5px;
    font-size: 20px;
}

.prod-buttons__buy.mobile .price-button {
    display: flex;
    align-items: flex-end;
}

.prod-buttons__buy.mobile .price-button__icon {
    position: relative;
    display: block;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    background-image: url("../img/cart.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.prod-buttons__buy.mobile .price-old {
    font-size: 15px;
    text-decoration: line-through;
}

.prod-buttons__buy:hover {
    background-color: #458400;
    color: #ffffff;
}

.prod-buttons__buy icon {
    position: relative;
    width: 20px;
    height: 20px;
    margin-left: 10px;
    background-image: url("../img/cart.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.prod-buttons__buy.inbasket {
    background-color: #ffffff;
    border: 2px solid #458400;
    color: #333333;
    text-transform: unset;
}

.prod-buttons__buy.inbasket .inbasket-text {
    display: block;
}

.prod-buttons__buy.inbasket icon {
    width: 25px;
    height: 25px;
    margin-left: 0;
    margin-right: 10px;
    background-image: url("../img/cart-grey.svg");
}

.prod-buttons__buy.inbasket icon:before {
    content: '';
    position: absolute;
    top: -3px;
    right: -3px;
    width: 14px;
    height: 14px;
    background-image: url(../img/check.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    border-radius: 50%;
    z-index: 1;
}

.prod-buttons__buy.preorder {
    background-color: #ffffff;
    border: 2px solid rgba(0, 0, 0, 0.1);
    color: #e15a23;
}

.prod-buttons__buy.preorder .preorder-text {
    display: block;
}

.prod-buttons__buy.nonavailable {
    background-color: #0073b1;
    color: #ffffff;
    text-transform: unset;
    font-size: 18px;
}

.prod-buttons__buy.nonavailable .nonavailable-text {
    display: block;
}

.prod-buttons__buy.nonavailable icon {
    margin-right: 10px;
    background-image: url("../img/envelope.svg");
}

.prod-buttons__buy.time {
    background-color: #ffffff;
    border: 2px solid #458400;
    color: #333333;
    text-transform: unset;
    font-size: 18px;
}

.prod-buttons__buy.time .time-text {
    display: block;
}

.prod-buttons__buy.time icon {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    background-image: url("../img/wall-clock.svg");
}

.prod-buttons__buy.time icon:before {
    content: '';
    position: absolute;
    top: -3px;
    right: -3px;
    width: 14px;
    height: 14px;
    background-image: url(../img/check.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff;
    border-radius: 50%;
    z-index: 1;
}

.prod-buttons__click {
    display: flex;
    width: 49%;
    height: 50px;
    border: 2px solid #458400;
    border-radius: 5px;
}

.prod-buttons__click input {
    width: 60%;
    padding: 0 20px;
    border: none;
    border-right: 2px solid #458400;
    font-size: 22px;
    color: #458400;
    border-radius: 5px 0 0 5px;
}

.prod-buttons__click input::placeholder {
    color: #458400;
    opacity: 1;
}

.prod-buttons__click input:-ms-input-placeholder {
    color: #458400;
}

.prod-buttons__click input::-ms-input-placeholder {
    color: #458400;
}

.prod-buttons__click button {
    height: 100%;
    width: 45%;
    padding: 0 10px;
    background-color: transparent;
    border: none;
    border-radius: 0 2px 2px 0;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    color: #458400;
    cursor: pointer;
    transition: 0.3s;
}

.prod-buttons__click button:hover {
    background-color: #458400;
    color: #ffffff;
}

.prod-buttons__subbutton {
    display: flex;
    align-items: center;
    width: 49%;
    padding: 12px 20px;
    background-color: rgba(204, 204, 204, 0.3);
    border-radius: 5px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.6);
}

.prod-buttons__subbutton svg {
    margin-right: 10px;
}

.prod-buttons__subbutton a {
    font-size: 14px;
    color: #0073b1;
    border-bottom: 1px dashed #0073b1;
}

.prod-buttons__subbutton span {
    margin-right: 5px;
}

.prod .catalog-block {
    padding: 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.prod .catalog-block__title {
    color: rgba(0, 0, 0, 0.7);
    font-weight: 500;
}

.prod .catalog-list {
    padding: 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: none;
}

.prod .catalog-list__wrapper {
    border: none;
}

.good-swiper {
    width: 50px;
    height: 500px;
    margin-right: 30px;
}

.good-swiper__lg {
    position: relative;
    width: 600px;
    height: 500px;
}

.good-swiper__lg .swiper-pagination {
    margin: 25px 0;
    display: none;
    position: relative;
}

.good-swiper__lg .swiper-pagination-bullet {
    width: 100%;
    height: 2px;
    border-radius: unset;
    margin-right: 10px;
    outline: none;
    -webkit-tap-highlight-color: transparent;
}

.good-swiper__lg .swiper-pagination-bullet-active {
    background-color: #e15a23;
}

.good-swiper__lg .swiper-pagination-bullet:last-child {
    margin-right: 0;
}

.good-swiper__small {
    width: 100%;
    height: 100%;
}

.good-swiper__large {
    width: 95%;
    height: 95%;
}

.good-swiper .swiper-slide-thumb-active {
    border: 2px solid #458400;
}

.good-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.good-slide img {
    height: 100%;
}

.good-slide__large {
    display: flex;
    justify-content: center;
    height: 95%;
}

.good-slide__large img {
    max-height: 100%;
    max-width: 100%;
}

.video {
    color: #ffffff;
}

.video-title {
    margin-bottom: 25px;
    font-weight: 400;
    color: #ffffff;
}

.video-title span {
    font-size: 28px;
    color: rgba(255, 255, 255, 0.6);
}

.video-container {
    width: 100%;
    height: 500px;
    margin-bottom: 25px;
}

.video-chanel {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.video-chanel__text {
    margin-right: 20px;
}

.video-chanel__icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    background-image: url(../img/youtube.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.video-chanel__link {
    display: flex;
    align-items: center;
    padding: 2px 8px;
    background-color: #c4302b;
    color: #ffffff;
    font-size: 12px;
    border-radius: 2px;
}

.together-section__title.mobile {
    display: none !important;
    justify-content: center;
    padding: 10px;
    width: 100%;
}

.together-block {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    background-color: #ffffff;
    padding: 40px 0;
}

.together-block__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
}

.together-block__image img {
    height: 100%;
}

.together-block__plus {
    position: relative;
    font-size: 40px;
    margin: 0 0 30px 0;
}

.together-block__plus.special:before {
    content: '';
    position: absolute;
    top: -100%;
    left: calc(50% - 0.5px);
    display: block;
    height: 50px;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.1);
}

.together-block__plus.special:after {
    content: '';
    position: absolute;
    bottom: -100%;
    left: calc(50% - 0.5px);
    display: block;
    height: 50px;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.1);
}

.together-block__description h4 {
    margin: 0 0 10px 0;
    font-weight: 500;
}

.together-block__wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 35px 0;
}

.together-block__wrapper .prod-rate {
    height: 30px;
}

.together-block__wrapper a {
    border: none;
    color: rgba(0, 0, 0, 0.6);
    font-size: 13px;
}

.together-block__wrapper .rateit {
    font-size: 22px;
}

.together-block__product .catalog-label {
    font-size: 14px;
    color: #0073b1;
}

.together-block__product .catalog-label span {
    margin-left: 5px;
    font-size: 14px;
    color: #333333;
    font-weight: 500;
}

.together-block__total {
    margin: 10px 0;
    font-size: 14px;
    font-weight: 500;
}

.together-block__total span {
    font-size: 17px;
}

.together-block__text {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 220px;
    font-size: 14px;
    line-height: 18px;
}

.together-block__price {
    font-weight: 500;
}

.together-block__prod {
    width: 100%;
}

.together-block__button {
    display: inline-block;
    margin-top: 5px;
    padding: 8px 12px;
    background-color: #fafafa;
    color: #0073b1 !important;
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 5px;
    font-size: 12px !important;
}

.together-block__id {
    font-size: 13px;
}

.together-block__footer {
    padding: 15px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.together .prod-buttons__buy {
    display: inline-flex;
    width: unset;
    height: 40px;
    padding: 0 25px;
    font-size: 14px;
    text-transform: unset;
}

.swiper-together {
    width: 100%;
}

.swiper-together .swiper-button-next:after, .swiper-together .swiper-button-prev:after {
    color: rgba(0, 0, 0, 0.5);
    font-size: 30px;
}

.swiper-together .swiper-button-next, .swiper-together .swiper-button-prev {
    top: 45%;
}

.description {
    padding-bottom: 20px;
}

.description-block {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    background-color: #ffffff;
    padding: 30px 10px;
}

.description-title {
    font-size: 22px;
}

.description-title span {
    color: rgba(0, 0, 0, 0.3);
}

.description-text {
    line-height: 20px;
    margin: 0;
    margin-bottom: 5px;
}

.description-text span {
    font-weight: 500;
}

.description-subtitle {
    font-size: 16px;
    margin-bottom: 25px;
}

.description-article {
    margin-bottom: 60px;
}

.description-article:last-child {
    margin-bottom: 0;
}

.description-row {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
    font-size: 14px;
}

.description-row__title {
    display: flex;
    align-items: flex-end;
    width: 50%;
}

.description-row__title span {
    white-space: nowrap;
}

.description-row__dots {
    width: 100%;
    height: 2px;
    margin-right: 20px;
    border-bottom: 2px dotted rgba(0, 0, 0, 0.1);
}

.description-row__charact {
    width: 50%;
}

.description-row__charact a {
    font-size: 14px;
    color: #0073b1;
}

.comment-title {
    font-size: 20px;
    font-weight: 500;
    white-space: nowrap;
}

.comment-title span {
    color: rgba(0, 0, 0, 0.3);
}

.comment-button {
    padding: 10px 30px;
    border-radius: 5px;
    font-size: 12px;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #458400;
    transition: 0.3s;
}

.comment-button:hover {
    background-color: #ec2441;
    color: #ffffff;
}

.comment-block {
    margin-bottom: 25px;
    line-height: 20px;
}

.comment-block.top {
    border: 1px solid #efc529;
    border-radius: 5px;
}

.comment-block__image {
    display: block;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    border-radius: 50%;
    background-image: url(../img/account.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.1);
}

.comment-block__title {
    padding: 10px 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px 5px 0 0;
}

.comment-block__content {
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: none;
    border-radius: 0 0 5px 5px;
}

.comment-block__content .commentary-photo__block {
    overflow: unset;
    height: unset;
    max-width: unset;
}

.comment-block__text {
    margin-bottom: 25px;
}

.comment-block__text p {
    margin: 10px 0;
}

.comment-block__text p span {
    font-family: 'Roboto-Black', sans-serif;
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
}

.comment-block__name {
    font-weight: 700;
    font-size: 18px;
}

.comment-block__date {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
}

.comment-block__button {
    color: #0073b1;
    transition: 0.3s;
}

.comment-block__button:hover {
    color: #458400;
}

.comment-block__buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.comment-block__buttons a {
    color: #0073b1;
    transition: 0.3s;
}

.comment-block__buttons a svg path {
    transition: 0.3s;
}

.comment-block__buttons a:hover {
    color: #458400;
}

.comment-block__buttons a:hover svg path {
    fill: #458400;
}

.comment-block__votes button {
    background-color: unset;
    border: none;
    color: #0073b1;
    outline: none;
}

.comment-block__votes button svg {
    margin-right: 5px;
}

.comment-block__votes button svg path {
    fill: #0073b1;
    transition: 0.3s;
}

.comment-block__votes button:hover {
    color: #458400;
}

.comment-block__votes button:hover svg path {
    fill: #458400;
}

.comment-block__votes button.dislike svg {
    transform: rotate(180deg);
}

.comment-answer {
    display: none;
    margin-top: 20px;
}

.comment-answer__block {
    width: 100%;
    padding: 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.comment-answer__block .comment-block__name {
    font-size: 16px;
}

.comment-answer__block .comment-block__text {
    margin-bottom: 0;
}

.comment-answer__line {
    width: 2px;
    margin-right: 15px;
    background-color: rgba(0, 0, 0, 0.2);
}

.commentary .catalog-list__show {
    display: inline-block;
    margin: 20px auto;
    margin-top: 0;
}

.commentary .comment-title {
    font-size: 28px;
    max-width: 68%;
    white-space: normal;
}

.commentary .comment-select {
    width: 20%;
}

.commentary .selectdiv select {
    font-size: 15px;
}

.commentary-photo {
    margin-bottom: 30px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.commentary-photo__header {
    padding: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 20px;
    font-weight: 500;
}

.commentary-photo__content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
}

.commentary-photo__block {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 80%;
    height: 100px;
    overflow: hidden;
}

.commentary-photo__elem {
    width: 100px;
    height: 100px;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 5px;
    overflow: hidden;
}

.commentary-photo__elem img {
    height: 100%;
    min-width: 100%;
    max-width: unset;
    border-radius: 5px;
}

.commentary-photo__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    color: #0073b1;
    font-size: 20px;
    transition: 0.3s;
}

.commentary-photo__button:hover {
    color: #458400;
}

.commentary-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 25px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: rgba(0, 0, 0, 0.05);
    font-size: 24px;
}

.commentary-link .comment-button {
    padding: 10px 20px;
    text-transform: unset;
    font-size: 15px;
}

.commentary-users__title {
    margin-bottom: 30px;
    font-size: 22px;
    color: #efc529;
}

.commentary-block__write {
    position: relative;
    display: none;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.1);
}

.commentary-block__btn {
    position: absolute;
    top: -50px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 50px;
    border-radius: 5px 5px 0 0;
    background-color: #e6e6e6;
    color: #333333;
}

.commentary-block__btn svg {
    margin-right: 5px;
}

.commentary-block__btn svg path {
    fill: #333333;
}

.commentary-block__message {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.commentary-block__message label {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
}

.commentary-block__message textarea {
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.commentary-block__inputs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.commentary-block__input {
    width: 49%;
}

.commentary-block__input label {
    margin-bottom: 10px;
    white-space: nowrap;
    font-size: 14px;
    font-weight: 500;
}

.commentary-block__input input {
    width: 100%;
    height: 35px;
    padding: 0 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
}

.commentary-block__buttons {
    display: flex;
    align-items: center;
}

.commentary-block__buttons .comment-button {
    display: inline-block;
    padding: 10px 60px;
    margin-right: 25px;
    border: none;
    text-transform: unset;
    font-size: 14px;
}

.commentary-block__button {
    border: none;
    text-decoration: underline;
    font-size: 16px;
    transition: 0.3s;
}

.commentary-block__upload {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.commentary-block__add {
    display: flex;
    width: 49%;
}

.commentary-block__image {
    max-width: 25px;
    width: 100%;
    height: 25px;
    margin-right: 10px;
    background-image: url("../img/image.svg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.commentary-block__image.youtube {
    background-image: url("../img/symbols.svg");
    opacity: 0.5;
}

.commentary-block__desc {
    margin-right: 5px;
    max-width: 65%;
}

.commentary-block__desc p {
    margin-bottom: 0;
    font-size: 10px;
    line-height: 14px;
}

.commentary-block__files input {
    position: absolute;
    left: -300%;
}

.commentary-block__files label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 25px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 2px;
    color: #0073b1;
    font-size: 11px;
    cursor: pointer;
}

.commentary-block__link {
    display: flex;
    flex-direction: column;
    width: 35%;
    margin-right: 10px;
}

.commentary-block__link span {
    margin-bottom: 3px;
    font-size: 10px;
    color: rgba(51, 51, 51, 0.8);
}

.commentary-block__link input {
    width: 100%;
    height: 25px;
    padding: 0 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
}

.commentary-block__addvideo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 25px;
    background-color: #458400;
    border-radius: 2px;
    color: #ffffff;
    font-size: 11px;
}

.commentary-block__addvideo.disabled {
    background-color: rgba(0, 0, 0, 0.05);
    color: rgba(51, 51, 51, 0.6);
}

.commentary-more {
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.commentary-form {
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.commentary-tabs {
    display: flex;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    list-style: none;
}

.commentary-tabs__item {
    padding: 10px 20px;
    margin-right: 30px;
    font-size: 18px;
    color: rgba(51, 51, 51, 0.8);
    cursor: pointer;
}

.commentary-tabs__item.active {
    color: #e15a23;
    border-bottom: 2px solid #e15a23;
}

.commentary-tabs__content {
    display: none;
    padding: 20px;
}

.commentary-tabs__content.active {
    display: block;
}

.commentary-tabs__form {
    margin-top: 20px;
}

.commentary-rate .rateit-font {
    font-size: 38px;
    letter-spacing: 36px;
}

.commentary-rate__text {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.commentary-rate__item {
    margin-right: 20px;
    font-size: 10px;
    white-space: nowrap;
    color: rgba(0, 0, 0, 0.5);
}

.commentary-rate__item:nth-child(1) {
    margin-right: 26px;
}

.commentary-rate__item:nth-child(2) {
    margin-right: 18px;
}

.commentary-rate__item:nth-child(3) {
    margin-right: 15px;
}

.commentary-rate .rateit .rateit-selected,
.commentary-rate .rateit .rateit-hover {
    color: #efc529;
}

.commentary-label {
    font-size: 12px;
}

.commentary-rules {
    font-size: 13px;
    text-align: center;
    color: rgba(51, 51, 51, 0.7);
}

.commentary-rules a {
    color: #0073b1;
}

.cabinet-wrapper {
    display: flex;
    align-items: start;
}

.cabinet-sidebar {
    max-width: 280px;
    width: 100%;
    margin-right: 25px;
    padding: 15px 0;
    padding-bottom: 0;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    background-color: #ffffff;
}

.cabinet-sidebar__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
}

.cabinet-lang {
    display: flex;
    align-items: center;
}

.cabinet-lang__icon {
    width: 20px;
    height: 20px;
    background-image: url("../img/earth.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cabinet-lang__select select {
    border: none;
    font-size: 14px;
    cursor: pointer;
    outline: none;
    background-color: transparent;
}

.cabinet-hide {
    display: block;
    width: 25px;
    height: 25px;
    background-image: url("../img/sidebar.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.2;
}

.cabinet-image {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-image: url(../img/usr.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.1;
}

.cabinet-image__wrapper {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 150px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 50%;
}

.cabinet-image__percent {
    position: absolute;
    top: 0;
    right: 0;
}

.cabinet-username {
    width: 50%;
    text-align: center;
    font-weight: 500;
}

.cabinet-nav {
    padding: 0;
    margin: 0;
    list-style: none;
}

.cabinet-nav__item.active {
    background-color: rgba(69, 132, 0, 0.1);
}

.cabinet-nav__item.active .cabinet-nav__icon path {
    fill: #458400;
}

.cabinet-nav__item.active .cabinet-nav__arrow {
    display: block;
}

.cabinet-nav__item a {
    position: relative;
    display: flex;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    padding: 10px 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    font-size: 14px;
    font-weight: 500;
    transition: 0.3s;
}

.cabinet-nav__item a svg path {
    transition: 0.3s;
}

.cabinet-nav__item a:hover {
    color: #458400;
}

.cabinet-nav__item a:hover svg path {
    fill: #458400;
}

.cabinet-nav__item:last-child a {
    border: none;
}

.cabinet-nav__icon {
    margin-right: 15px;
}

.cabinet-nav__icon path {
    fill: rgba(0, 0, 0, 0.3);
}

.cabinet-nav__arrow {
    position: absolute;
    right: 0;
    display: none;
    width: 25px;
    height: 25px;
    background-image: url(../img/arrow-right.svg);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
}

.cabinet-content {
    display: none;
    width: calc(100% - 280px);
    padding: 15px 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    background-color: #ffffff;
}

.cabinet-content.active {
    display: block;
}

.cabinet-content__title {
    margin-bottom: 25px;
    font-size: 30px;
}

.cabinet-content__title span {
    display: block;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.5);
}

.cabinet-content__subtitle {
    font-weight: 400;
    margin-bottom: 20px;
}

.cabinet-content__text {
    width: 410px;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.5);
}

.cabinet-socials {
    display: flex;
}

.cabinet-socials__item {
    display: flex;
    align-items: center;
    width: 230px;
    margin-right: 30px;
    padding: 5px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.cabinet-socials__image {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    margin-right: 10px;
}

.cabinet-socials__image.fb {
    background-image: url(../img/fb.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cabinet-socials__image.gl {
    background-color: #ffffff;
    background-image: url(../img/google-icon.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.cabinet-socials__title {
    margin-bottom: 0;
    color: #0073b1;
    font-size: 18px;
}

.cabinet-socials__link {
    font-size: 14px;
    color: #0073b1;
    border-bottom: 1px dashed #0073b1;
    transition: 0.3s;
}

.cabinet-socials__link:hover {
    color: #458400;
    border-bottom: 1px dashed #458400;
}

.cabinet-socials__radio label {
    width: 120px !important;
    margin-bottom: 0;
    font-size: 16px !important;
}

.cabinet-socials__mail {
    list-style: none;
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
}

.cabinet-socials__mail li {
    margin-bottom: 10px;
}

.cabinet-socials__select {
    width: 40%;
    height: 40px;
    padding: 0 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    outline: none;
    cursor: pointer;
}

.cabinet label {
    font-size: 19px;
    color: rgba(0, 0, 0, 0.5);
}

.cabinet .password-form__input input {
    width: 40%;
}

.cabinet .password-form__input a {
    color: #458400;
    transition: 0.3s;
    font-size: 14px;
}

.cabinet .password-form__input a span {
    margin-left: 5px;
    border-bottom: 1px dashed #458400;
}

.cabinet .password-form__input a:hover {
    color: #e15a23;
}

.cabinet .password-form__input a:hover span {
    border-bottom: 1px dashed #e15a23;
}

.cabinet .password-form__input .cabinet-content__text {
    width: 210px;
    margin-top: 5px;
}

.cabinet-buy {
    display: flex;
    align-items: center;
    padding: 10px;
    background-color: rgba(239, 197, 41, 0.3);
    font-size: 20px;
}

.cabinet-buy__price {
    font-weight: 500;
    font-size: 28px;
    margin: 0 10px;
}

.cabinet-buy__price span {
    font-size: 15px;
    font-weight: 400;
}

.cabinet-buy .products-card__button {
    width: 120px;
    height: 40px;
    background-color: #458400;
    transition: 0.3s;
}

.cabinet-buy .products-card__button:hover {
    background-color: #ec2441;
}

.cabinet-buy .products-card__button span {
    display: block;
    margin-left: 5px;
    color: #ffffff;
    text-transform: uppercase;
}

.bonus-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
    background-color: #458400;
}

.bonus-left {
    display: flex;
    align-items: center;
    width: 50%;
    height: 120px;
    padding: 25px;
}

.bonus-left__image {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 55px;
    width: 100%;
    margin-right: 20px;
    height: 55px;
    border: 2px solid #ffffff;
    border-radius: 50%;
    font-size: 40px;
    color: #ffffff;
}

.bonus-left__text {
    color: #ffffff;
}

.bonus-left__text span {
    display: block;
    font-size: 22px;
    text-transform: uppercase;
}

.bonus-left__text span span {
    display: inline-block;
    font-size: 38px;
}

.bonus-right {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
}

.bonus-right__status {
    font-size: 22px;
    line-height: 30px;
    text-align: left;
}

.bonus-right__status span {
    display: block;
    color: #458400;
    font-size: 24px;
}

.bonus-right__text {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 90%;
    height: 100px;
    background-color: #ffffff;
    border-left: none;
    border-radius: 5px;
    text-align: center;
    font-size: 25px;
    font-weight: 500;
}

.bonus-right__text img {
    width: 60px;
    height: 60px;
}

.bonus-right__count {
    font-size: 22px;
    color: #e6574b;
    text-transform: uppercase;
}

.bonus-right__count span {
    font-size: 45px;
    font-weight: 500;
    letter-spacing: 4px;
}

.bonus-table {
    max-width: 60%;
}

.bonus-table .table thead th {
    border: none;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.5);
}

.bonus-table .table td {
    color: rgba(0, 0, 0, 0.5);
}

.bonus-table .table td.primary {
    color: #458400;
}

.password-form__input {
    margin-bottom: 35px;
}

.password-form__input label {
    font-weight: 500;
    width: 240px;
}

.password-form__input label sup {
    color: #e6574b;
}

.password-form__input input {
    width: 250px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 3px;
}

.password-form__button {
    width: 320px;
    height: 45px;
    color: #ffffff;
    background-color: #458400;
    border-radius: 5px;
    border: none;
    transition: 0.3s;
}

.password-form__button:hover {
    background-color: #e15a23;
}

.password-form__button.disabled {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.4);
}

.tickets-container {
    display: none;
}

.tickets-container.active {
    display: block;
}

.tickets-sort {
    display: flex;
}

.tickets-list {
    display: flex;
    justify-content: space-between;
    width: 65%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.tickets-list__title {
    margin-right: 30px;
}

.tickets-list__item {
    font-size: 15px;
    cursor: pointer;
}

.tickets-list__item span {
    color: #e15a23;
}

.tickets-block {
    display: flex;
    padding: 30px 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.tickets-block:last-child {
    border-bottom: none;
}

.tickets-block__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 100px;
    margin-right: 30px;
    background-color: #e6574b;
    border-radius: 10px;
    text-align: center;
    font-size: 30px;
    color: #ffffff;
}

.tickets-block__card.silver {
    background-color: #b0b2b7;
}

.tickets-block__card span {
    margin-bottom: 5px;
    font-size: 10px;
    color: #ffffff;
}

.tickets-block__text p {
    display: flex;
    font-size: 15px;
}

.tickets-block__text p:last-child {
    margin-bottom: 0;
}

.tickets-block__text p .disabled {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
}

.tickets-block__text p .status {
    font-weight: 500;
    margin-right: 5px;
}

.tickets-block__text p a {
    color: #0073b1;
    margin-left: 5px;
}

.tickets-block__subtitle {
    display: flex;
    justify-content: flex-end;
    width: 120px;
    margin-right: 8px;
    color: rgba(0, 0, 0, 0.5);
}

.order {
    margin-bottom: 20px;
}

.order.inwork .order-list__icon {
    background-image: url("../img/wall-clock2.svg");
}

.order.payed .order-list__icon {
    background-image: url("../img/hrn.svg");
}

.order.maked .order-list__icon {
    background-image: url("../img/box.svg");
}

.order.sent .order-list__icon {
    background-image: url("../img/car.svg");
}

.order.received .order-list__icon {
    background-image: url("../img/baskt.svg");
}

.order-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.order-list {
    display: flex;
    justify-content: space-between;
    width: 95%;
    padding: 0;
    margin: 0;
    list-style: none;
}

.order-list__icon {
    display: block;
    max-width: 25px;
    width: 100%;
    height: 25px;
    margin: 0 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.order-list__item {
    display: flex;
    align-items: center;
}

.order-list__info {
    display: flex;
    align-items: center;
    width: 110px;
}

.order-list__info.date {
    width: 140px;
}

.order-list__info.blue {
    color: #0073b1;
}

.order-list__info.status {
    width: 220px;
    color: #458400;
    font-size: 22px;
}

.order-list__line {
    height: 20px;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.2);
}

.order-list__subtitle {
    margin-bottom: 0;
    margin-right: 5px;
    font-size: 18px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.6);
}

.order-list__info {
    font-size: 18px;
    font-weight: 500;
}

.order-content {
    display: none;
}

.order-content__block {
    display: flex;
    justify-content: space-between;
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-top: none;
}

.order-content__image {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 120px;
    width: 100%;
    height: 120px;
    margin-right: 70px;
}

.order-content__image img {
    height: 100%;
}

.order-content__buttons {
    display: flex;
    flex-direction: column;
    align-items: flex-end !important;
    min-width: 180px;
}

.order-content__buttons a {
    margin-bottom: 5px;
    color: #0073b1;
    font-size: 18px;
    font-weight: 500;
    transition: 0.3s;
}

.order-content__buttons a:hover {
    color: #458400;
}

.order-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 80%;
    font-size: 18px;
    margin-bottom: 10px;
}

.order-desc {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}

.order-desc__item {
    display: flex;
    flex-direction: column;
    margin-right: 30px;
    font-size: 18px;
    font-weight: 500;
}

.order-desc__subtitle {
    font-size: 15px;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 5px;
    white-space: nowrap;
}

.order-active.order-header .arrow {
    transform: rotate(-90deg);
    transition: 0.5s;
}

.order-active.order-content {
    display: block;
}

.message-block {
    position: relative;
    display: flex;
    align-items: flex-start;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 10px;
    transition: all 0.5s;
    cursor: pointer;
}

.message-block__name {
    display: none;
    margin-bottom: 10px;
}

.message-block__name span {
    font-size: 16px;
    font-weight: 500;
}

.message-block__name a {
    width: 14px;
    height: 14px;
}

.message-block__name a svg {
    position: relative;
    right: 0;
}

.message-block__date {
    margin: 0 10px;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: rgba(0, 0, 0, 0.6);
}

.message-block__title {
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    transition: all 0.5s;
}

.message-block__subtitle {
    margin-bottom: 0;
}

.message-block__image {
    max-width: 50px;
    width: 100%;
    height: 50px;
    margin: 0 10px;
    transition: all 0.5s;
}

.message-block__image img {
    max-height: 100%;
}

.message-block .arrow {
    position: absolute;
    right: 15px;
    align-self: center;
}

.message-block__answer {
    display: none;
    margin-top: 20px;
    color: #0073b1;
    transition: 0.3s;
}

.message-block__answer:hover {
    color: #458400;
}

.message-block__hide {
    position: absolute;
    top: 10px;
    right: 10px;
    display: none;
    color: #0073b1;
    border-bottom: 1px dashed #0073b1;
    transition: 0.3s;
}

.message-block__hide:hover {
    color: #458400;
    border-bottom: 1px dashed #458400;
}

.message-block .comment-answer__block {
    padding: 0;
    border: none;
}

.message-block .comment-answer {
    display: none;
    margin-left: 10px;
}

.message .active .message-block__image {
    max-width: 120px;
    height: 120px;
    margin-right: 30px;
}

.message .active .message-block__title {
    font-size: 20px;
    margin-bottom: 20px;
    color: #0073b1;
}

.message .active .message-block__name {
    display: block;
}

.message .active .message-block__answer {
    display: block;
}

.message .active .arrow {
    display: none;
}

.message .active .message-block__hide {
    display: block;
}

.message .active .comment-answer {
    display: flex;
}

.compare-block {
    padding: 20px;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
}

.compare-block__added {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
}

.compare-container {
    display: flex;
    align-items: flex-start;
}

.compare-container__col {
    margin-top: 30px;
    width: 300px;
}

.compare-container__products {
    position: relative;
    width: calc(100% - 300px);
    display: flex;
}

.compare-container__products:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 5px;
    background: #fff;
    right: -1px;
    z-index: 2;
}

.compare-container__product {
    max-width: 25%;
    width: 100%;
}

.compare-container__product .product-wrapper {
    max-width: 100%;
    margin-top: 10px;
}

.compare-container__product .product-wrapper:hover .product {
    box-shadow: unset;
    z-index: unset;
}

.compare-container__product .compare-list__block {
    padding-top: 29px;
}

.compare-container__product .compare-list__item {
    text-align: center;
}

.compare-container__product .compare-list__item:nth-child(odd) div {
    background-color: rgba(0, 0, 0, 0.02);
}

.compare-container__product .compare-list__item:nth-child(odd):hover {
    z-index: 2;
}

.compare-container__product .compare-list__item:nth-child(odd):hover div {
    white-space: unset;
    overflow: unset;
    height: auto;
    background-color: #fafafa;
}

.compare-container__product.proto .products-card__image,
.compare-container__product.proto .products-card__rate,
.compare-container__product.proto .products-card__title,
.compare-container__product.proto .products-card__buy {
    border: 1px dotted rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.compare-container__product.proto .products-card__rate,
.compare-container__product.proto .products-card__buy {
    max-width: 50%;
}

.compare-container__product.proto .products-card__button,
.compare-container__product.proto .product-like {
    width: 25px;
    height: 25px;
    border: 1px dotted rgba(0, 0, 0, 0.1);
    background-color: transparent;
    border-radius: 5px;
}

.compare-container__product.proto .products-card__image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.compare-product {
    height: 490px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.compare-add {
    display: flex;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 15px;
}

.compare-add__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 20px;
    width: 100%;
    height: 20px;
    margin-right: 10px;
    color: #ffffff;
    background-color: #458400;
    border-radius: 50%;
}

.compare-cancel {
    font-size: 15px;
}

.compare-select {
    display: flex;
    align-items: center;
}

.compare-select__subtitle {
    margin-right: 10px;
    font-size: 15px;
}

.compare-select .selectdiv {
    max-width: 150px;
}

.compare-list {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.compare-list__name {
    display: none;
    padding-top: 10px;
    text-align: left;
    color: rgba(0, 0, 0, 0.5);
    font-size: 15px;
    white-space: nowrap;
}

.compare-list__title {
    font-size: 18px;
    font-weight: 500;
}

.compare-list__block {
    margin-bottom: 30px;
}

.compare-list__item {
    position: relative;
    height: 35px;
    max-height: 35px;
    font-size: 14px;
    border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

.compare-list__item div {
    position: absolute;
    top: 0;
    width: 100%;
    right: 0;
    text-align: center;
    height: 35px;
    line-height: 35px;
    padding: 0 0 0 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.compare-list__item div a {
    color: #0073b1;
}

.compare-list__item:first-child {
    border-top: 1px dotted rgba(0, 0, 0, 0.1);
}

.compare-list__item:hover {
    z-index: 2;
}

.compare-list__item:hover div {
    white-space: unset;
    overflow: unset;
    height: auto;
    background-color: white;
}

.compare-slider {
    width: calc(100% - 250px);
}

.compare-slider .compare-container__product {
    max-width: 100%;
}

.compare-main {
    width: 250px;
}

.compare-main .compare-container__product {
    max-width: 100%;
}

.compare-plus {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.compare-plus__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.08);
    font-size: 25px;
    font-weight: 500;
    color: rgba(0, 0, 0, 0.1);
    transition: 0.5s;
}

.compare-plus__icon:hover {
    color: #458400;
    border: 3px solid #458400;
}

.compare-plus__text {
    color: #458400;
    font-size: 14px;
    border-bottom: 1px dashed #458400;
    transition: 0.3s;
}

.compare-plus__text:hover {
    border-bottom: 1px dashed transparent;
}

.compare-banner {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    z-index: 199;
}

.compare-banner__block {
    display: flex;
    align-items: center;
    padding: 10px 20px;
}

.compare-banner__title {
    width: 300px;
    font-size: 18px;
    margin-bottom: 0;
}

.compare-banner__container {
    display: flex;
    width: calc(100% - 300px);
}

.compare-banner__main {
    width: 250px;
}

.compare-banner__slider {
    width: calc(100% - 250px);
}

.compare-banner__slider .swiper-slide:last-child .compare-banner__product {
    border-left: none;
}

.compare-banner__product {
    display: flex;
    align-items: center;
    height: 100%;
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 10px;
}

.compare-banner__image {
    max-width: 50px;
    width: 100%;
    height: 50px;
    margin-right: 10px;
    background-image: url("../img/swiper-bg.jpg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.compare-banner__text {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.compare-banner__subtitle {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 215px;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 12px;
}

.compare-banner__price {
    display: flex;
    align-items: flex-start;
    font-weight: 500;
    font-size: 14px;
    color: #e15a23;
}

.compare-banner__price span {
    margin-left: 5px;
    font-size: 10px;
}

.compare-product__nav {
    position: absolute;
    right: 10px;
    top: -10px;
    display: flex;
}

.compare-product__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-left: 10px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.1);
    font-size: 18px;
    color: #ffffff;
    z-index: 10;
    transition: 0.3s;
}

.compare-product__close:hover {
    background-color: #458400;
}

.compare-product__like svg path {
    fill: rgba(0, 0, 0, 0.1);
    transition: 0.3s;
}

.compare-product__like:hover svg path {
    fill: #e6574b;
}

.compare-product__like.active svg path {
    fill: #e6574b;
}

.compare-main__status {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 20px;
    color: #458400;
}

.compare-main__status a {
    display: block;
    padding: 2px 5px;
    font-size: 12px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    transition: 0.3s;
}

.compare .characteristics-switcher {
    display: none;
    position: absolute;
    width: 100%;
    top: 530px;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}

.compare .characteristics-switcher .all-characteristics,
.compare .characteristics-switcher .diff-characteristics,
.compare .characteristics-switcher .same-characteristics {
    height: 40px;
    width: 200px;
    border-radius: 6px;
    border: 1px solid #dfdfdf;
    background-color: #fff;
    font-weight: 400;
    line-height: 40px;
    font-size: 14px;
    color: #458400;
    text-align: center;
    cursor: pointer;
    position: relative;
    box-sizing: border-box;
    z-index: 2;
    overflow: hidden;
}

.compare .characteristics-switcher .all-characteristics.active-characteristics,
.compare .characteristics-switcher .diff-characteristics.active-characteristics,
.compare .characteristics-switcher .same-characteristics.active-characteristics {
    border: 1px solid #458400;
    background-color: #458400;
    color: #fff;
}

.orders {
    padding-top: 50px;
}

.orders-steps {
    display: none;
    align-items: center;
    padding: 0 15px 20px 5px;
}

.orders-steps__line {
    width: 100%;
    height: 2px;
    background-color: #458400;
}

.orders-steps__block span {
    position: absolute;
    top: 35px;
    font-size: 11px;
    color: #0073b1;
    white-space: nowrap;
}

.orders-steps__block.disabled span {
    color: rgba(0, 0, 0, 0.5);
}

.orders-steps__block.disabled .orders-block__number {
    background-color: rgba(0, 0, 0, 0.2);
}

.orders-steps__block.disabled .orders-block__number.mobile:before {
    border-bottom: 9px solid rgba(0, 0, 0, 0.2);
}

.orders-steps__block.disabled .orders-block__number.mobile:after {
    border-top: 9px solid rgba(0, 0, 0, 0.2);
}

.orders .section-title {
    margin-bottom: 40px;
    font-weight: 500;
    font-size: 26px;
    letter-spacing: 1px;
}

.orders-consult {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    color: rgba(0, 0, 0, 0.5);
}

.orders-consult__plan {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 5px;
    color: #0073b1;
    cursor: pointer;
}

.orders-consult__plan span {
    border-bottom: 1px dashed #0073b1;
}

.orders-consult__plan svg {
    margin-left: 5px;
}

.orders-consult__plan:hover .orders-tooltip {
    opacity: 1;
    visibility: visible;
}

.orders-tel {
    display: inline-block;
    color: rgba(0, 0, 0, 0.5);
    font-weight: 700;
    transition: 0.3s;
}

.orders-block {
    margin-bottom: 30px;
}

.orders-block__number {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 22px;
    margin-right: 10px;
    background: #458400;
    color: #ffffff;
}

.orders-block__number:before {
    content: "";
    position: absolute;
    top: -14px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-bottom: 14px solid #458400;
}

.orders-block__number:after {
    content: "";
    position: absolute;
    bottom: -14px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 22px solid transparent;
    border-right: 22px solid transparent;
    border-top: 14px solid #458400;
}

.orders-block__number.mobile {
    position: relative;
    width: 30px;
    height: 17px;
}

.orders-block__number.mobile:before {
    top: -9px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 9px solid #458400;
}

.orders-block__number.mobile:after {
    bottom: -9px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 9px solid #458400;
}

.orders-block__title {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    font-weight: 400;
}

.orders-block__title.disabled {
    color: rgba(0, 0, 0, 0.2);
}

.orders-block__title.disabled .orders-block__number {
    background-color: rgba(0, 0, 0, 0.2);
}

.orders-block__title.disabled .orders-block__number:before {
    border-bottom: 14px solid rgba(0, 0, 0, 0.2);
}

.orders-block__title.disabled .orders-block__number:after {
    border-top: 14px solid rgba(0, 0, 0, 0.2);
}

.orders-wrapper {
    margin-left: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    border-radius: 20px;
}

.orders-wrapper__block {
    padding: 20px 0;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.orders-wrapper__block:last-child, .orders-wrapper__block:first-child {
    border-bottom: none;
}

.orders-wrapper__block:last-child {
    padding-bottom: 0;
}

.orders-wrapper__title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    font-size: 16px;
}

.orders-wrapper__title a {
    font-size: 16px;
    font-weight: 400;
    color: #0073b1;
    border-bottom: 1px dotted #0073b1;
}

.orders-wrapper__city input {
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0 10px;
}

.orders-wrapper__city ul {
    display: flex;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}

.orders-wrapper__city ul li {
    margin-right: 15px;
}

.orders-wrapper__city ul li a {
    color: #0073b1;
    border-bottom: 1px dashed #0073b1;
}

.orders-wrapper__city ul li.checked a {
    border-bottom: none;
}

.orders-wrapper__radio {
    width: 300px;
}

.orders-wrapper__price {
    color: rgba(0, 0, 0, 0.5);
}

.orders-wrapper__time {
    width: 250px;
    text-align: right;
}

.orders-wrapper__select {
    position: relative;
    display: none;
    align-items: center;
    margin-left: 25px;
}

.orders-wrapper__info {
    position: relative;
    display: none;
    margin: 20px 0 0 25px;
    width: 300px;
    padding: 10px;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    font-size: 15px;
}

.orders-wrapper__info:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 20px;
    display: block;
    width: 15px;
    height: 15px;
    transform: rotate(45deg);
    background: rgba(0, 0, 0, 0.1);
    z-index: -1;
}

.orders-wrapper__info p:last-child {
    margin-bottom: 0;
}

.orders-wrapper__map {
    display: flex;
    align-items: flex-end;
}

.orders-wrapper__map svg {
    margin-right: 5px;
}

.orders-wrapper__map span {
    color: #0073b1;
    border-bottom: 1px dotted #0073b1;
}

.orders-wrapper__option {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.orders-wrapper__option:last-child {
    margin-bottom: 0;
}

.orders-wrapper__option .orders-wrapper__title {
    width: 200px;
    margin-bottom: 0;
}

.orders-wrapper__option input {
    width: 50%;
    height: 30px;
    padding: 0 10px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 4px;
    font-size: 14px;
}

.orders-wrapper__desc span {
    display: block;
    max-width: 300px;
    font-size: 14px;
}

.orders-wrapper__comment {
    color: #0073b1;
    border-bottom: 1px dashed #0073b1;
    transition: 0.4s;
}

.orders-wrapper__comment:hover {
    color: #458400;
    border-bottom: 1px dashed #458400;
}

.orders-wrapper__textarea {
    display: none;
    width: 100%;
    min-height: 100px;
    max-height: 150px;
    padding: 10px;
    font-size: 14px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
}

.orders-wrapper__textarea.active {
    display: block;
}

.orders-wrapper__person {
    display: none;
}

.orders-address__block {
    max-width: 100px;
    margin-right: 5px;
}

.orders-address__block:first-child {
    max-width: 150px;
}

.orders-address__block:last-child {
    margin-right: 0;
}

.orders-address__block input {
    width: 100%;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 5px;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 12px;
}

.orders-address__block span {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
}

.orders-address__time + label {
    display: flex !important;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 90px;
    margin-top: 5px;
    color: #0073b1;
    border-bottom: 1px dotted #0073b1;
    padding-left: 0 !important;
}

.orders-address__time + label:after, .orders-address__time + label:before {
    display: none;
}

.orders-address__time:checked + label {
    border: 1px solid #458400;
    background-color: rgba(69, 132, 0, 0.05);
    border-radius: 4px;
}

.orders-tabs {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.orders-tab {
    padding: 20px;
    color: #0073b1;
    text-transform: uppercase;
    font-weight: 500;
    cursor: pointer;
}

.orders-tab.active {
    color: #e6574b;
    border-bottom: 2px solid #e6574b;
}

.orders-content {
    display: none;
    padding: 20px;
}

.orders-content .password-form__input {
    align-items: center;
}

.orders-content .password-form__input input {
    width: 80%;
}

.orders-content .password-form__input input.required {
    border: 1px solid #e6574b;
}

.orders-content .password-form__input input::placeholder {
    color: #ffffff;
    opacity: 1;
}

.orders-content .password-form__input input:-ms-input-placeholder {
    color: #ffffff;
}

.orders-content .password-form__input input::-ms-input-placeholder {
    color: #ffffff;
}

.orders-content .cabinet-content__text {
    width: unset;
}

.orders-content .password-form__button {
    width: 200px;
}

.orders-content .password-form__button.mobile {
    display: none;
    width: 100%;
}

.orders-content .password-form__button.mobile span {
    display: block;
    width: 0;
    height: 0;
    margin-left: 10px;
    border-style: solid;
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #ffffff;
}

.orders-content.active {
    display: block;
}

.orders-content .enter-modal__remember {
    color: #0073b1;
    border-bottom: 1px dotted #0073b1;
}

.orders-content .enter-modal__login {
    width: 50%;
}

.orders-content .enter-modal__login .enter-modal__input input {
    width: 100%;
}

.orders-content .enter-modal__socials {
    width: 50%;
}

.orders-content .enter-modal__socials .cabinet-socials__item {
    width: 80%;
}

.orders-input {
    width: 75%;
}

.orders-preview {
    position: sticky;
    top: 20px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    border-radius: 20px;
}

.orders-preview__products {
    padding: 20px;
}

.orders-preview__product {
    display: flex;
    align-items: flex-start;
    margin-bottom: 20px;
}

.orders-preview__product:last-child {
    margin-bottom: 0;
}

.orders-preview__image {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 50px;
    width: 100%;
    height: 70px;
    margin-right: 10px;
}

.orders-preview__image img {
    max-height: 100%;
}

.orders-preview__text {
    height: 100%;
    width: 100%;
}

.orders-preview__title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
    margin-bottom: 15px;
    font-weight: 400;
    font-size: 14px;
}

.orders-preview__prices {
    display: flex;
    align-items: flex-end;
}

.orders-preview__desc {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.orders-preview__numb {
    display: flex;
    align-items: center;
    font-weight: 500;
}

.orders-preview__numb span {
    margin-right: 5px;
    font-size: 18px;
}

.orders-preview__percent {
    margin-left: 5px;
    padding: 3px 5px;
    background-color: #e6574b;
    color: #ffffff;
    border-radius: 5px;
    font-size: 14px;
    line-height: 15px;
}

.orders-preview__price {
    font-weight: 500;
    font-size: 18px;
}

.orders-preview__price.old {
    margin-right: 8px;
    font-size: 13px;
    color: rgba(0, 0, 0, 0.3);
    text-decoration: line-through;
}

.orders-cost {
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.05);
    border-radius: 0 0 20px 20px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.orders-cost__block {
    padding: 20px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.orders-cost__block:last-of-type {
    border: none;
    padding: 20px 0 0 0;
}

.orders-cost__block:first-child {
    padding: 0 0 20px 0;
}

.orders-cost__block a {
    display: block;
    color: #0073b1;
    text-align: center;
}

.orders-cost.final {
    border: none;
    border-radius: 20px;
}

.orders-cost__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 45px;
    margin: 20px 0;
    background-color: #e15a23;
    color: #ffffff;
    border-radius: 5px;
    text-transform: uppercase;
    transition: 0.3s;
}

.orders-cost__button:hover {
    background-color: #458400;
    color: #ffffff;
}

.orders-cost__button.disabled {
    background-color: rgba(225, 90, 35, 0.6);
}

.orders-cost__agree {
    max-width: 75%;
    margin: 0 auto;
    margin-bottom: 15px;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
}

.orders-cost__promo {
    margin-bottom: 10px;
}

.orders-cost__promo:last-child {
    margin-bottom: 0;
}

.orders-cost__promo a {
    display: block;
    font-size: 16px;
    text-align: center;
    color: #0073b1;
    padding: 20px 0 0 0;
}

.orders-cost__form {
    display: none;
    justify-content: space-between;
    margin-top: 10px;
}

.orders-cost__form.active {
    display: flex;
}

.orders-cost__form input {
    width: 100%;
    height: 40px;
    padding: 10px;
    margin-right: 10px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 14px;
}

.orders-cost__form button {
    display: block;
    max-width: 90px;
    width: 100%;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    font-size: 14px;
    background: white;
    background: linear-gradient(180deg, white 0%, #ececed 100%, #f9f9f9 100%);
    color: rgba(0, 0, 0, 0.7);
}

.orders-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    font-size: 20px;
}

.orders-total__number {
    font-size: 25px;
}

.orders-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 500;
}

.orders-economy {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 18px;
    font-weight: 500;
    color: #458400;
    margin-top: 15px;
}

.orders-economy svg {
    cursor: pointer;
}

.orders-subtitle__info {
    position: relative;
    cursor: pointer;
}

.orders-subtitle__info .orders-tooltip {
    left: calc(50% - 178px);
}

.orders-subtitle__info:hover .orders-tooltip {
    opacity: 1;
    visibility: visible;
}

.orders-tooltip {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 27px;
    right: 0;
    width: 355px;
    padding: 20px 30px;
    background-color: #ffffff;
    box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.06), 0 0 8px rgba(0, 0, 0, 0.07);
    color: #333333;
    transition: 0.4s;
    z-index: 1;
}

.orders-tooltip:before {
    content: '';
    position: absolute;
    top: -3px;
    left: calc(50% - 7.5px);
    display: block;
    width: 15px;
    height: 15px;
    background-color: #ffffff;
    transform: rotate(45deg);
}

.orders-tooltip__title {
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.orders-tooltip__title span {
    font-size: 13px;
}

.orders-tooltip__time {
    margin-bottom: 15px;
    font-size: 30px;
}

.orders-tooltip__desc {
    margin-bottom: 25px;
}

.orders-tooltip__desc p {
    display: flex;
    margin: 0 0 5px 0;
}

.orders-tooltip__desc p span {
    margin-right: 5px;
    border: none;
}

.orders-tooltip__attention {
    font-size: 13px;
    color: #e6574b;
}

.orders-sale__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.orders-sale__subtitle {
    font-size: 14px;
    font-weight: 400;
}

.orders-sale__price {
    font-size: 14px;
    color: #458400;
}

.orders-sale__name {
    font-size: 14px;
    color: #0073b1;
}

.orders-sale__list {
    padding: 0 0 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.orders-sale__list .orders-sale__item {
    margin-bottom: 5px;
    color: rgba(0, 0, 0, 0.6);
}

.orders-sale__list .orders-sale__item:last-child {
    margin-bottom: 0;
}

.orders-sale__list .orders-sale__subtitle {
    font-size: 12px;
}

.orders-sale__total {
    display: flex;
    justify-content: space-between;
}

.orders-sale__total .orders-sale__subtitle {
    font-weight: 500;
}

.orders-sale__total .orders-sale__price {
    font-size: 16px;
}

.orders-data {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.orders-data__info {
    color: rgba(0, 0, 0, 0.5);
    margin-right: 10px;
}

.orders-data__button {
    display: flex;
    align-items: flex-end;
}

.orders-data__button span {
    display: block;
    color: #0073b1;
    border-bottom: 1px dashed #0073b1;
}

.orders-modal,
.orders-contacts {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 199;
}

.orders-modal__block,
.orders-contacts__block {
    width: 90%;
    padding: 20px 30px;
    background-color: #ffffff;
    box-shadow: 0 -3px 8px rgba(0, 0, 0, 0.12), 0 5px 8px rgba(0, 0, 0, 0.06), 0 0 8px rgba(0, 0, 0, 0.07);
    color: #333333;
}

.articles-sidebar {
    width: 400px;
}

.articles-content {
    width: calc(100% - 400px);
}

.articles-title {
    margin-bottom: 15px;
    text-transform: uppercase;
    color: #458400;
    font-size: 28px;
}

.articles-wrapper {
    margin-bottom: 40px;
    padding-top: 25px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.articles-card {
    margin-bottom: 30px;
    border-radius: 10px;
    background-color: #f3f3f3;
}

.articles-card__image {
    width: 100%;
    border-radius: 10px 10px 0 0;
}

.articles-card__text {
    padding: 20px;
}

.articles-card__category {
    position: relative;
    display: inline-block;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 35px;
    color: rgba(0, 0, 0, 0.6);
}

.articles-card__category:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -15px;
    display: block;
    width: 50px;
    height: 3px;
    background-color: #458400;
}

.articles-card__title {
    height: 84px;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 24px;
    font-weight: 500;
    transition: 0.3s;
}

.articles-card__title:hover {
    color: #0073b1;
}

.articles-card__desc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    color: rgba(0, 0, 0, 0.3);
}

.articles-card__views {
    display: flex;
    align-items: center;
    text-decoration: underline;
}

.articles-card__views svg {
    margin-right: 5px;
}

.articles-card-short {
    height: 125px;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 21px;
}

.articles-search {
    margin-bottom: 20px;
}

.articles-search .navigation-search {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background-color: #ffffff;
    border-radius: unset;
    padding: 0 40px 0 10px;
    font-size: 16px;
}

.articles-search .navigation-search::placeholder {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.3);
    opacity: 1;
}

.articles-search .navigation-search:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.articles-search .navigation-search::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.3);
}

.articles-category {
    margin-bottom: 20px;
    padding: 20px;
    background-color: #f3f3f3;
}

.articles-category__block .selectdiv select {
    font-size: 16px;
}

.articles-category__block:first-child {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.articles-respons p {
    font-style: italic;
    line-height: 25px;
}

.articles-socials__item {
    display: block;
    width: 36px;
    height: 36px;
}

.articles-socials__item:nth-child(1) {
    background-image: url(../img/fb.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.articles-socials__item:nth-child(2) {
    background-image: url(../img/insta.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.articles-socials__item:nth-child(3) {
    background-image: url(../img/telegram.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.articles-socials__item:nth-child(4) {
    background-image: url(../img/viber.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.article .section-title {
    font-weight: 700;
    margin-bottom: 10px;
}

.article .catalog-list__wrapper {
    border: none;
}

.article .catalog-block {
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 15px 10px;
}

.article .catalog-list {
    padding: 20px;
}

.article .catalog-block__title {
    transition: 0.3s;
}

.article .catalog-block__title:hover {
    color: #333333;
}

.article-statistic {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 15px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.article-date {
    display: flex;
    align-items: center;
    margin-right: 20px;
    color: rgba(0, 0, 0, 0.4);
}

.article-date__icon {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    background-image: url("../img/icon-pen.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.article-rate {
    margin-right: 20px;
}

.article-feedback {
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.article-feedback__icon {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    background-image: url("../img/feedback-icon.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.article-feedback a {
    text-decoration: underline;
}

.article-view {
    display: flex;
    align-items: center;
}

.article-view__icon {
    width: 25px;
    height: 25px;
    margin-right: 10px;
    background-image: url("../img/view.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.article-view a {
    text-decoration: underline;
}

.article-image {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.article-image img {
    width: 100%;
    max-height: 100%;
}

.article-main {
    margin-bottom: 10px;
}

.article-contents {
    float: left;
    margin: 10px 20px 10px 0;
    max-width: 380px;
    width: 100%;
    padding: 15px;
    border-radius: 10px;
    background-color: rgba(69, 132, 0, 0.1);
    border: 2px solid #458400;
}

.article-contents .section-title {
    font-weight: 700;
}

.article-contents__subtitle {
    font-size: 16px;
    font-weight: 500;
    color: #458400;
}

.article-contents__list li a {
    color: #458400;
}

.article-contents__item {
    line-height: 1.5;
}

.article-text {
    width: 100%;
}

.article-tx {
    line-height: 30px;
    font-size: 18px;
}

.article-tx a {
    color: #0073b1;
}

.article-tx .article-img__block {
    float: right;
    margin: 10px 0 10px 20px;
}

.article-img__block {
    display: flex;
    flex-direction: column;
    width: 350px;
    margin: 20px 20px 20px 0;
    background-image: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
}

.article-img__block span {
    display: block;
    width: 100%;
    padding: 15px 0;
    background-color: #458400;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
}

.article-consult {
    padding: 30px 15px;
    background-color: #458400;
}

.article-consult__title {
    font-size: 26px;
    margin: 0;
    color: #ffffff;
}

.article-consult__icon {
    max-width: 70px;
    width: 100%;
    height: 70px;
    margin-right: 20px;
    background-image: url("../img/consult-icon.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.article-consult__subtitle {
    display: block;
    height: 25px;
    width: 100%;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
}

.article-consult__input {
    height: 40px;
    width: 100%;
    padding: 0 5px;
}

.article-consult__button {
    height: 40px;
    width: 100%;
    border-radius: 5px;
    background-color: #e6574b;
    border: 2px solid #ffffff;
    text-transform: uppercase;
    color: #ffffff;
}

.article-promo .section-title {
    font-size: 30px;
}

.article-promo h4 {
    font-size: 18px;
}

.article-promo p {
    font-size: 18px;
    line-height: 26px;
}

.article-excellence {
    padding: 35px 25px;
    background-color: #458400;
}

.article-excellence__image {
    max-width: 80px;
    width: 100%;
    height: 80px;
    margin-right: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
}

.article-excellence p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
}

.article-excellence h4 {
    color: #ffffff;
}

.article-prod__desc {
    margin-bottom: 25px;
}

.article-prod__desc p {
    font-size: 18px;
    line-height: 26px;
}

.article-prod__block {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

.article-prod__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 500px;
    margin-bottom: 20px;
}

.article-prod__image img {
    max-height: 100%;
}

.article-prod__link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 40px;
    background-color: #458400;
    border-radius: 5px;
    color: #ffffff;
    text-transform: uppercase;
    transition: 0.3s;
}

.article-prod__link:hover {
    background-color: #e15a23;
    color: #ffffff;
}

.article-prod__wr {
    display: inline-block;
    align-items: center;
    justify-content: center;
    min-width: 250px;
    height: 40px;
    background-color: #458400;
    border-radius: 5px;
    color: #ffffff;
    text-transform: uppercase;
    transition: 0.3s;
    padding: 10px 25px;
}

.article-prod__wr:hover {
    background-color: #e15a23;
    color: #ffffff;
}

.article-details__block {
    position: relative;
    width: 100%;
    padding: 20px 30px;
    margin: 0 0 20px 38px;
    background-color: rgba(69, 132, 0, 0.1);
    border: 2px solid #458400;
    border-radius: 5px;
}

.article-details__number {
    position: absolute;
    top: 5px;
    left: -38px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 30px;
    clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
    background-color: #458400;
    color: #ffffff;
}

.article-details__number span {
    margin-right: 10px;
}

.article-prods__block {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.article-prods__title, .article-prods__price {
    text-align: center;
}

.article-prods__subtitle {
    display: block;
    text-align: center;
    margin-bottom: 20px;
    color: rgba(51, 51, 51, 0.8);
}

.article-prods__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 300px;
    margin-bottom: 20px;
}

.article-prods__image img {
    max-height: 100%;
}

.article-prods__desc {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 10px;
}

.article-prods__divider {
    margin: 0 10px;
    width: 2px;
    height: 15px;
    background-color: #333333;
}

.article-prods__old {
    text-transform: uppercase;
    font-weight: 500;
}

.article-prods__old span {
    text-decoration: line-through;
    text-transform: none;
}

.article-prods__economy {
    color: #e15a23;
    text-transform: uppercase;
    font-weight: 500;
}

.article-prods__economy span {
    text-transform: none;
}

.article-prods__advice {
    margin-bottom: 20px;
    color: rgba(0, 0, 0, 0.5);
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
}

.article-advantages .section-title {
    margin-bottom: 40px;
    font-size: 30px;
    text-align: center;
}

.article-advantages__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 120px;
    margin-bottom: 20px;
}

.article-advantages__image img {
    max-height: 100%;
}

.article-advantages__title {
    font-size: 20px;
    text-align: center;
}

.article-advantages__desc {
    color: rgba(0, 0, 0, 0.8);
    text-align: center;
}

.article-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px;
    background-color: #458400;
}

.article-question__icon {
    max-width: 100px;
    width: 100%;
    height: 100px;
}

.article-question__text {
    margin-right: 30px;
    font-size: 30px;
    font-weight: 500;
    color: #ffffff;
    white-space: nowrap;
}

.article-question__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 260px;
}

.article-question__button:hover {
    color: #ffffff;
}

.article-message {
    padding: 10px;
    background-color: rgba(69, 132, 0, 0.1);
    border-radius: 5px;
    border: 2px solid #458400;
    font-weight: 500;
    line-height: 26px;
}

.article-message span {
    color: #e6574b;
}

.subscribe {
    width: 100%;
    background-color: #458400;
}

.subscribe-form {
    padding: 30px 15px;
}

.subscribe-form__title {
    font-size: 19px;
    margin: 0;
    color: #ffffff;
}

.subscribe-form__input {
    height: 40px;
    width: 100%;
    padding: 0 5px;
}

.subscribe-form__button {
    height: 40px;
    width: 100%;
    border-radius: 3px;
    background-color: #e6574b;
    border: 2px solid #ffffff;
    text-transform: uppercase;
    color: #ffffff;
}

.categ-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 200px;
    padding: 20px;
    margin-bottom: 30px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    border-radius: 5px;
    background-color: #ffffff;
}

.categ-block__image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 80px;
    margin-bottom: 20px;
}

.categ-block__image img {
    max-width: 100%;
    height: 100%;
}

.categ-block__title {
    text-align: center;
    max-width: 180px;
    height: 36px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.footer-title {
    margin-top: 0;
    font-size: 20px;
    margin-bottom: 10px;
    font-weight: 500;
}

.footer-list {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 22px;
}

.footer-list__item a {
    font-size: 14px;
    transition: 0.3s;
}

.footer-list__item a:hover {
    color: #458400;
}

.footer-text {
    font-size: 14px;
}

.footer-text.copy {
    text-align: center;
    line-height: 20px;
    font-size: 12px;
    color: #595959;
}

.footer-text.copy a {
    color: #0073b1;
    text-decoration: underline;
}

.footer-mail {
    color: #458400;
}

.footer-copy {
    display: flex;
    justify-content: center;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footer-copy__item a {
    font-size: 13px;
    color: #0073b1;
    text-decoration: underline;
}

.footer-copy__item span {
    color: #0073b1;
    margin: 0 5px;
}

.footer-mobile {
    display: none;
    background-color: #ffffff;
}

.footer-mobile__block {
    padding: 18px 0;
    background-color: #f7f7f7;
}

.footer-mobile__block span {
    font-size: 20px;
    line-height: 13px;
    color: #0073b1;
}

.footer-mobile__block:first-child {
    margin-bottom: 2px;
}

.footer-mobile__block:last-child {
    padding: 10px 0;
}

.footer-mobile__socials {
    width: 36px;
    height: 36px;
}

.footer-mobile__socials:nth-child(1) {
    background-image: url(../img/fb.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.footer-mobile__socials:nth-child(2) {
    background-image: url(../img/insta.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.footer-mobile__socials:nth-child(3) {
    background-image: url(../img/telegram.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.footer-mobile__socials:nth-child(4) {
    background-image: url(../img/ytube.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.footer-mobile__socials:nth-child(5) {
    background-image: url(../img/viber.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.footer-mobile__socials_1 {
    background-image: url(../img/fb.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}

.footer-mobile__socials_2 {
    background-image: url(../img/insta.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}

.footer-mobile__socials_3 {
    background-image: url(../img/telegram.svg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
}

.drop {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: 0 !important;
    list-style: none;
    background: #ffffff;
    padding: 1px 0 9px !important;
    border-radius: 0 0 4px 4px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
    transition: .3s;
    z-index: 100;
}

.drop-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6.4px 10px;
    transition: 0.3s;
}

.drop-item img {
    width: 20px;
    margin-right: 10px;
}

.drop-item a {
    width: 80%;
    margin-right: 10px;
    font-size: 15px;
    transition: 0.3s;
}

.drop-item svg path {
    fill: #333333;
    transition: 0.3s;
}

.drop-item:hover {
    background-color: #f3f3f3;
}

.drop-item:hover .drop-menu__wrapper {
    display: block;
}

.drop-item:hover a {
    color: #458400;
}

.drop-item:hover svg path {
    fill: #458400;
}

.drop-menu {
    margin-left: 0 !important;
    color: #333333 !important;
}

.drop-menu__wrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    background: #ffffff;
    min-height: 100%;
    max-width: 1082px;
    border-left: 1px solid #ebebeb;
    -webkit-box-shadow: 7px 2px 14px -5px rgba(0, 0, 0, 0.52);
    -moz-box-shadow: 7px 2px 14px -5px rgba(0, 0, 0, 0.52);
    box-shadow: 7px 2px 14px -5px rgba(0, 0, 0, 0.52);
}

.drop-menu__col {
    width: 280px;
}

.drop-menu__title {
    color: #333333;
    font-weight: 500;
    padding-top: 10px;
    margin: 1px 0;
}

.drop-menu__title:first-child {
    margin-top: 0;
}

.drop-menu__item a {
    color: #333333 !important;
    font-size: 14px;
    line-height: 22px;
    transition: 0.3s;
}

.drop-menu__item a:hover {
    color: #458400 !important;
}

.menu {
    position: fixed;
    top: 0;
    left: -100%;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 300px;
    padding: 10px;
    background-color: #fafafa;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    overflow-y: auto;
    transition: left 0.3s;
    z-index: 201;
}

.menu-header {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
}

.menu-content__list {
    margin: 0;
    padding: 15px 0;
    list-style: none;
    border-bottom: 1px solid rgba(69, 132, 0, 0.3);
}

.menu-content__list:last-child {
    border: none;
}

.menu-content__list li {
    padding: 5px 10px;
}

.menu-content__list li.active {
    background-color: rgba(0, 0, 0, 0.1);
}

.menu-content__list li.active a {
    color: #458400;
}

.menu-content__list li a {
    display: flex;
    align-items: center;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.menu-content__list li a svg {
    margin-right: 10px;
}

.menu-callback {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 40px;
    padding: 10px;
    background-color: #458400;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 5px;
}

.overlay,
.catalog-overlay {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: 0.3s;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 199;
}

.overlay.active,
.catalog-overlay.active {
    visibility: visible;
    opacity: 1;
}

.submenu {
    position: fixed;
    top: 0;
    left: -100%;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: 300px;
    background-color: #fafafa;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    overflow-y: auto;
    transition: left 0.3s;
    z-index: 200;
}

.submenu.active {
    left: 0;
}

.submenu-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    background-color: #458400;
    text-transform: uppercase;
    font-size: 16px;
    color: #ffffff;
}

.submenu-header svg {
    position: absolute;
    top: 30%;
    left: 5px;
    transform: rotate(180deg);
}

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

.submenu-list li {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgba(69, 132, 0, 0.3);
    font-size: 16px;
    padding: 0;
    color: #333333;
}

.submenu-link {
    padding: 15px;
    height: 100%;
    width: 80%;
    line-height: 19px !important;
}

.submenu-link__drop {
    display: block !important;
    padding: 15px;
    height: 50px;
    width: 50px;
    text-align: center;
    background-image: url("../img/arrow-right.svg");
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
}

.subbmenu {
    position: fixed;
    top: 0;
    left: -100%;
    bottom: 0;
    display: flex;
    flex-direction: column;
    width: 300px;
    background-color: #fafafa;
    box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    overflow-y: auto;
    transition: left 0.3s;
    z-index: 200;
}

.subbmenu.active {
    left: 0;
}

.modal {
    position: fixed;
    top: 20vh;
    left: calc(50% - 150px);
    width: 300px;
    transform: translateY(-40px);
    margin: 0 auto;
    padding: 20px;
    background-color: #ffffff;
    opacity: 0;
    visibility: hidden;
    transition: 0.5s;
    z-index: 1041;
}

.modal.active {
    visibility: visible;
    transform: translateY(0);
    min-height: unset !important;
    opacity: 1;
}

.basket-modal {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 199;
}

.basket-modal__wrapper {
    position: relative;
    width: 95%;
    max-width: 900px;
    max-height: 100vh;
    padding: 20px;
    overflow-y: auto;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    min-height: 150px;
}

.basket-modal__title {
    position: relative;
    margin-top: 0;
    margin-bottom: 20px;
    font-weight: 400;
    font-size: 26px;
}

.basket-modal__image {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: flex-start;
    width: 120px;
    height: 120px;
    margin-right: 20px;
}

.basket-modal__image img {
    max-height: 100%;
}

.basket-modal__image.mobile {
    display: none;
}

.basket-modal__block {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    padding: 15px;
    border: 1px solid rgba(142, 150, 160, 0.2);
    border-radius: 5px;
}

.basket-modal__block:last-child {
    margin-bottom: 0;
}

.basket-modal__text {
    align-self: flex-start;
    width: 100%;
}

.basket-modal__text h4 {
    margin-top: 0;
    margin-bottom: 3px;
    color: #0073b1;
    font-weight: 400;
    font-size: 20px;
}

.basket-modal__id {
    display: block;
    margin-bottom: 15px;
    font-size: 14px;
    color: #8e96a0;
}

.basket-modal__subtitle {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #8e96a0;
}

.basket-modal__price {
    font-size: 20px;
    font-weight: 500;
}

.basket-modal__price span {
    font-size: 14px;
    font-weight: 500;
}

.basket-modal__price .basket-order__total.old {
    font-size: 15px;
    margin-right: 0;
}

.basket-modal__price .basket-order__total.old:before {
    height: 1px;
}

.basket-modal__price.total {
    height: unset !important;
    display: block !important;
    min-width: 150px;
    text-align: right;
    padding: 0 !important;
    background-color: transparent !important;
}

.basket-modal__sale {
    color: #e6574b;
}

.basket-modal__prices {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: wrap;
}

.basket-modal__prices .basket-modal__price {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    min-width: 90px;
    padding: 5px;
    background-color: rgba(239, 197, 41, 0.4);
    border-radius: 5px;
}

.basket-modal__prices .basket-modal__price.special {
    flex-direction: column;
    align-items: flex-start;
}

.basket-modal__prices .basket-modal__price.special .basket-order__total span {
    font-size: 12px;
}

.basket-modal__prices .basket-modal__price.special .basket-modal__sale {
    font-size: 18px;
}

.basket-modal__prices .prod-desc__banner {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
}

.basket-modal__controls {
    display: flex;
    width: 100%;
}

.basket-modal__btns {
    display: flex;
    margin-top: 20px;
}

.basket-modal__btns a {
    display: block;
    padding-right: 10px;
    border-right: 2px solid rgba(0, 0, 0, 0.5);
    color: #0073b1;
    white-space: nowrap;
}

.basket-modal__btns a:last-child {
    padding-left: 10px;
    padding-right: 0;
    border: none;
}

.basket-modal__buttons {
    display: flex;
    align-items: flex-end;
    padding-top: 20px;
}

.basket-modal__continue {
    margin-right: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 35px;
    border: 1px solid rgba(142, 150, 160, 0.2);
    border-radius: 5px;
    text-transform: uppercase;
    color: #687685;
    font-weight: 500;
}

.basket-modal__continue.order {
    margin-right: 0;
    margin-bottom: 0;
    border: none;
    color: #ffffff;
    font-size: 15px;
    background-color: #ff680a;
    text-transform: uppercase;
    transition: 0.3s;
}

.basket-modal__continue.order:hover {
    background-color: #458400;
}

.basket-price__mobile .basket-modal__price {
    display: none;
    align-items: center;
    justify-content: center;
    height: 45px;
    min-width: 90px;
    padding: 5px;
    background-color: rgba(239, 197, 41, 0.4);
    border-radius: 5px;
}

.basket-price__mobile .basket-modal__price.special {
    flex-direction: column;
    align-items: flex-start;
}

.basket-price__mobile .basket-modal__price.special .basket-order__total span {
    font-size: 12px;
}

.basket-price__mobile .basket-modal__price.special .basket-modal__sale {
    font-size: 18px;
}

.basket-count {
    display: flex;
    align-items: center;
    height: 45px;
    margin-right: 10px;
    border: 1px solid rgba(142, 150, 160, 0.3);
    color: #000000;
    border-radius: 3px;
}

.basket-count__button {
    width: 35px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    font-size: 22px;
    cursor: pointer;
    transition: 0.3s;
}

.basket-count__button:hover {
    color: #ff680a;
}

.basket-count__value {
    width: 50px;
    padding: 0 5px;
    height: 100%;
    border-top: none;
    border-bottom: none;
    border-left: 1px solid rgba(142, 150, 160, 0.2);
    border-right: 1px solid rgba(142, 150, 160, 0.2);
    text-align: center;
    font-size: 16px;
}

.basket-order {
    width: 100%;
    padding: 20px;
    background-color: rgba(69, 132, 0, 0.1);
    border-radius: 3px;
    border: 2px solid #458400;
}

.basket-order__price {
    display: flex;
    align-items: flex-end;
}

.basket-order__total {
    font-size: 24px;
    font-weight: 500;
}

.basket-order__total span {
    font-size: 14px;
}

.basket-order__total.old {
    display: inline-block;
    position: relative;
    margin-right: 10px;
    font-size: 20px;
    font-weight: 400;
    opacity: 0.6;
}

.basket-order__total.old:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 2px;
    display: block;
    background-color: red;
}

.basket-order__total.old span {
    display: none;
}

.basket-order__text {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.basket-order__title {
    margin: 0;
    font-size: 22px;
    font-weight: 400;
}

.back {
    position: absolute;
    left: 5px;
    top: 20%;
    display: none;
    font-size: 22px;
    color: #0073b1;
}

.back span {
    font-size: 15px;
    margin-left: 3px;
}

.together-modal {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 199;
}

.together-modal__wrapper {
    position: relative;
    width: 95%;
    max-width: 1200px;
    max-height: 100vh;
    padding: 20px;
    overflow-y: auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    min-height: 150px;
}

.together-modal__block {
    margin-bottom: 20px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    cursor: pointer;
}

.together-modal__block.active {
    border: 2px solid #458400;
    background-color: rgba(69, 132, 0, 0.05);
}

.together-modal .prod-buttons__buy {
    display: inline-flex;
    width: unset;
    height: 35px;
    padding: 0 25px;
    font-size: 14px;
    text-transform: unset;
}

.together-modal .together-block__footer {
    padding: 10px;
}

.together-modal .together-block__image {
    margin-bottom: 0;
}

.together-modal .together-block__wrapper {
    padding: 30px 0;
}

.together-modal .together-close {
    top: 15px;
    right: 20px;
    font-weight: 400;
    transition: 0.3s;
}

.slider-modal {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
    background-color: #ffffff;
    z-index: 200;
}

.slider-modal__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 10px 40px 10px 20px;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.slider-modal__title {
    margin-bottom: 0;
    font-weight: 400;
    font-size: 28px;
}

.slider-modal .prod-buttons__buy {
    height: 40px;
    padding: 0 10px;
}

.slider-modal .products-card__price {
    font-size: 18px;
}

.slider-modal .products-card__price span {
    font-size: 28px;
}

.slider-modal__content {
    display: flex;
    height: calc(100vh - 62px);
}

.slider-modal__close {
    font-size: 35px;
}

.slider-modal__back {
    display: none;
}

.modal-swiper {
    position: relative;
    width: 50px;
    height: 350px;
    margin: 70px 50px;
}

.modal-swiper__wrapper {
    position: relative;
    width: 60%;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.modal-swiper__lg {
    width: 600px;
    height: 600px;
}

.modal-swiper__lg .swiper-button-prv:after,
.modal-swiper__lg .swiper-button-nxt:after {
    font-size: 60px;
    color: rgba(0, 0, 0, 0.5);
}

.modal-swiper__small {
    width: 100%;
    height: 100%;
}

.modal-swiper__small .swiper-slide {
    padding: 5px;
}

.modal-swiper__large {
    width: 100%;
    height: 100%;
}

.modal-swiper .swiper-slide-thumb-active {
    border: 2px solid #458400;
    border-radius: 5px;
}

.modal-swiper .swiper-button-pv {
    top: -20px;
    left: 11px;
    transform: rotate(90deg);
}

.modal-swiper .swiper-button-pv:after {
    color: rgba(0, 0, 0, 0.3);
    font-size: 30px;
}

.modal-swiper .swiper-button-nt {
    top: 105%;
    right: 12px;
    transform: rotate(90deg);
}

.modal-swiper .swiper-button-nt:after {
    color: rgba(0, 0, 0, 0.3);
    font-size: 30px;
}

.modal-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.modal-slide img {
    max-height: 100%;
}

.modal-slide__large {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.modal-slide__large img {
    max-height: 100%;
    max-width: 100%;
}

.enter-modal {
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 199;
}

.enter-modal__wrapper {
    position: relative;
    padding: 30px;
    overflow-y: auto;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.enter-modal__title {
    position: relative;
    margin-bottom: 20px;
    font-size: 28px;
}

.enter-modal__content {
    display: flex;
}

.enter-modal__input {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

.enter-modal__input span {
    margin-bottom: 10px;
    font-size: 18px;
}

.enter-modal__input input {
    width: 330px;
    height: 40px;
    padding: 0 10px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.enter-modal__remember {
    display: inline-block;
    margin-bottom: 25px;
    font-size: 18px;
    color: #458400;
    border-bottom: 1px dotted #458400;
    transition: 0.3s;
}

.enter-modal__remember:hover {
    color: #e15a23;
    border-bottom: 1px dotted #e15a23;
}

.enter-modal__buttons {
    margin-top: 25px;
}

.enter-modal__button {
    padding: 10px 25px;
    background-color: #458400;
    color: #ffffff;
    font-size: 19px;
    border: none;
    border-radius: 5px;
    transition: 0.3s;
}

.enter-modal__button:hover {
    background-color: #e15a23;
}

.enter-modal__button.green {
    color: #458400;
    background-color: transparent;
}

.enter-modal__button.green:hover {
    color: #e15a23;
}

.enter-modal__button.disabled {
    background-color: rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.4);
}

.enter-modal__socials {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.enter-modal__socials .cabinet-socials__text {
    width: 90%;
    text-align: center;
}

.enter-modal__socials .cabinet-socials__item {
    margin-bottom: 20px;
    margin-right: 0;
}

.enter-modal__socials .cabinet-socials__item.fb {
    background-color: #507cbe;
}

.enter-modal__socials .cabinet-socials__item.fb .cabinet-socials__image {
    max-width: 40px;
    width: 100%;
    height: 40px;
    margin-right: 0;
    background-color: #ffffff;
    border-radius: 5px;
    background-image: url(../img/facebook.svg);
    background-size: unset;
}

.enter-modal__socials .cabinet-socials__item.gl {
    background-color: #03A9F4;
}

.enter-modal__socials .cabinet-socials__item.gl .cabinet-socials__image {
    max-width: 40px;
    width: 100%;
    height: 40px;
    margin-right: 0;
    background-color: #ffffff;
    border-radius: 5px;
}

.enter-modal__socials .cabinet-socials__title {
    color: #ffffff;
    font-size: 21px;
    font-weight: 400;
}

.enter-modal__subtitle {
    display: block;
    font-size: 18px;
    margin-bottom: 20px;
}

.enter-modal__registr {
    font-size: 18px;
    color: #458400;
    transition: 0.3s;
}

.enter-modal__registr:hover {
    color: #e15a23;
}

.enter-modal__line {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 50px;
    align-self: center;
    font-size: 20px;
}

.enter-modal__divide {
    display: block;
    height: 140px;
    width: 1px;
    background-color: rgba(0, 0, 0, 0.1);
}

.modal-success {
    left: calc(50% - 250px);
    width: 500px;
    border-radius: 5px;
}

.modal-success h5 {
    font-weight: 500;
    font-size: 17px;
}

.breadcrumbs-list {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    list-style: none;
}

.breadcrumbs-list__item {
    display: flex;
    align-items: center;
    margin-right: 10px;
    font-size: 13px;
    color: #333333;
}

.breadcrumbs-list__item a {
    margin-right: 10px;
    font-size: 13px;
    color: #0073b1;
}

.breadcrumbs-list__item span {
    font-size: 13px;
    color: #333333;
}

/*.breadcrumbs-list__item:last-child span {*/
    /*display: none;*/
/*}*/

@media (max-width: 1570px) {
    .banner {
        height: 38px;
    }

    .product-wrapper {
        max-width: 25%;
    }

    .prod-buttons__subbutton {
        font-size: 12px;
    }

    .prod-buttons__subbutton a {
        font-size: 12px;
    }

    .prod-buttons__subbutton svg {
        width: 20px;
        height: 20px;
    }
}

@media (max-width: 1500px) {
    .compare-main,
    .compare-banner__main {
        width: 270px;
    }

    .compare-slider,
    .compare-banner__slider {
        width: calc(100% - 270px);
    }

    .article-consult__title {
        font-size: 17px;
    }

    .article-excellence__block {
        flex-direction: column;
        align-items: unset !important;
    }

    .article-excellence__image {
        align-self: start;
        margin-bottom: 10px;
    }
}

@media (max-width: 1450px) {
    .prod-buttons__click input {
        padding: 0 15px;
        font-size: 16px;
    }

    .prod-buttons__click button {
        font-size: 12px;
    }

    .order-list__subtitle,
    .order-list__info {
        font-size: 15px;
    }

    .order-list__info.status {
        font-size: 18px;
        width: 190px;
    }

    .bonus-table {
        max-width: 90%;
    }

    .bonus-left {
        width: 70%;
    }

    .bonus-left__text span {
        font-size: 20px;
    }

    .bonus-right__count {
        font-size: 20px;
    }

    .bonus-right__count span {
        font-size: 35px;
    }

    .bonus-right__text {
        font-size: 20px;
    }

    .bonus-right__text img {
        display: none;
    }

    .bonus-right__status {
        font-size: 18px;
    }

    .bonus-right__status span {
        font-size: 18px;
    }
}

@media (max-width: 1400px) {
    .subbutons {
        flex-direction: column;
    }

    .subbutons .prod-buttons__subbutton {
        width: 100%;
    }

    .subbutons .prod-buttons__subbutton:first-child {
        margin-bottom: 10px;
    }
}

@media (max-width: 1350px) {
    .order-list__line {
        display: none;
    }

    .order-list__item {
        align-items: flex-start;
        justify-content: flex-end;
        flex-direction: column;
    }

    .order-list__item:last-child {
        flex-direction: row;
        align-items: center;
    }

    .compare-main,
    .compare-banner__main {
        width: 290px;
    }

    .compare-slider,
    .compare-banner__slider {
        width: calc(100% - 290px);
    }

    .orders-content .enter-modal__buttons {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .orders-content .enter-modal__button {
        width: 100%;
        margin-right: 0 !important;
        margin-bottom: 10px;
    }

    .orders-preview__price {
        font-size: 16px;
    }

    .orders-preview__price.old {
        font-size: 11px;
    }

    .orders-preview__percent {
        font-size: 10px;
    }

    .articles-content {
        width: calc(100% - 300px);
    }

    .articles-sidebar {
        width: 300px;
    }

    .articles-card__desc {
        font-size: 14px;
    }

    .article-contents {
        max-width: 300px;
    }

    .article-question__text {
        font-size: 25px;
        margin-right: 0;
    }
}

@media (max-width: 1300px) {
    .drop-menu__wrapper {
        max-width: calc(100vw - 273px);
    }

    .catalog-products {
        width: 100%;
    }

    .product-wrapper {
        max-width: 20%;
    }

    .news-slide__image {
        max-width: 260px;
    }

    .news-slide__title {
        font-size: 16px;
    }

    .news-slide__desc {
        font-size: 14px;
    }

    .filter-mobile {
        display: flex;
    }

    .catalog-sort {
        display: none;
    }

    .catalog-accordion {
        position: fixed;
        top: 0;
        right: -100%;
        bottom: 0;
        display: flex;
        flex-direction: column;
        width: 320px;
        padding: 20px;
        margin-right: 0;
        background-color: #ffffff;
        box-shadow: 0 1px 8px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
        overflow-y: auto;
        transition: right 0.8s;
        z-index: 200;
    }

    .catalog-accordion.active {
        right: 0;
    }

    .catalog-accordion.active .catalog-accordion__header, .catalog-accordion.active .catalog-accordion__footer {
        right: 0;
    }

    .catalog-accordion__header, .catalog-accordion__footer {
        display: flex;
    }

    .catalog-accordion__wrapper {
        box-shadow: unset;
        padding: 0;
        margin-bottom: 60px;
    }

    .catalog-accordion__wrapper.first {
        display: none;
    }

    .catalog-accordion__wrapper > .catalog-block__title {
        display: none;
    }

    .catalog-sort.mobile {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 45px;
        margin-bottom: 10px;
    }

    .catalog-sort.mobile .catalog-sort__text {
        margin-right: 0;
        margin-bottom: 10px;
        font-size: 13px;
    }

    .catalog-sort.mobile .catalog-sort__items {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }

    .catalog-sort.mobile .catalog-sort__item {
        padding: 5px 18px 5px 5px;
        min-height: 20px;
        font-size: 12px;
    }

    .catalog-sort.mobile .catalog-sort__close {
        position: absolute;
        right: 3px;
        font-size: 20px;
    }

    .comment-block__name {
        font-size: 14px;
    }

    .comment-block__date {
        font-size: 12px;
    }

    .comment-block__text {
        font-size: 14px;
    }

    .tickets-list {
        width: 80%;
    }

    .cabinet .product-wrapper {
        max-width: 25%;
    }

    .message .active .message-block__title {
        max-width: 90%;
    }

    .message .active .message-block__image {
        width: 100px;
        height: 100px;
        margin-right: 20px;
    }

    .bonus-left__image {
        max-width: 50px;
        height: 50px;
    }
}

@media (max-width: 1250px) {
    .header-nav__link {
        font-size: 13px;
    }

    .header-contacts__time {
        font-size: 13px;
    }

    .header-contacts__phone a {
        font-size: 20px;
    }

    .header-nav__item {
        margin-right: 15px;
    }

    .footer-title {
        font-size: 14px;
    }

    .footer-list__item a {
        font-size: 13px;
    }

    .footer-text {
        font-size: 13px;
    }

    .footer-list {
        line-height: 20px;
    }

    .header-contacts__drop {
        width: 180px;
    }

    .header-recall .h4 {
        font-size: 18px;
    }
}

@media (max-width: 1200px) {
    .hero-slider__slide {
        display: block;
    }

    .drop-menu__wrapper {
        max-width: calc(100vw - 300px);
    }

    .drop-menu__col {
        width: 200px;
    }

    .banner {
        display: none;
    }

    .header-contacts__time {
        display: none;
    }

    .header-contacts__phone a {
        font-size: 18px;
    }

    .navigation-catalog ul {
        font-size: 18px;
    }

    .info-block__title {
        font-size: 14px;
    }

    .info-block__subtitle {
        font-size: 12px;
    }

    .info-block__image {
        height: 85px;
        width: 60px;
        margin-right: 10px;
    }

    .info-block__image.lg {
        width: 75px;
    }

    .product-wrapper {
        max-width: 25%;
    }

    .news-slide {
        flex-direction: column;
    }

    .news-slide__image {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .news-slide__desc {
        max-width: 100%;
    }

    .good-swiper__lg {
        width: 450px;
        height: 450px;
    }

    .prod-title {
        font-size: 25px;
    }

    .prod-preview {
        display: none !important;
    }

    .prod-block {
        width: 100% !important;
    }

    .description-article {
        margin-bottom: 40px;
    }

    .modal-swiper__lg {
        width: 500px;
        height: 500px;
    }

    .cabinet-content__title {
        font-size: 26px;
    }

    .inputs-container {
        width: 50%;
    }

    .order-list__item:last-child {
        align-items: flex-start;
        flex-direction: column;
    }

    .order-list__icon {
        display: none;
    }

    .order-list__info.date {
        width: 120px;
    }

    .order-list__info.status {
        width: 160px;
    }

    .order-list__info {
        width: 90px;
    }

    .order-content__image {
        max-width: 100px;
        height: 100px;
        margin-right: 40px;
    }

    .order-name {
        font-size: 15px;
        max-width: 100%;
    }

    .order-content__block {
        flex-direction: column;
        align-items: flex-end;
    }

    .bonus-table {
        max-width: 100%;
    }

    .tickets-list__title {
        display: none;
    }

    .tickets-list {
        width: 100%;
    }

    .tickets-block__card {
        width: 200px;
        font-size: 25px;
        margin-right: 10px;
    }

    .bonus-left {
        width: 50%;
    }

    .bonus-left__text span {
        font-size: 16px;
    }

    .bonus-left__text span span {
        font-size: 30px;
    }

    .bonus-left__text {
        font-size: 12px;
    }

    .bonus-right__text,
    .bonus-right__count {
        font-size: 18px;
    }

    .bonus-right__count span {
        font-size: 30px;
    }

    .bonus-right__status {
        margin-left: 0 !important;
    }

    .bonus-right__status span {
        font-size: 16px;
    }

    .message .active .message-block__title {
        font-size: 18px;
        max-width: 80%;
    }

    .message .active .message-block__hide {
        font-size: 14px;
    }

    .cabinet .product-wrapper {
        max-width: 50%;
    }

    .cabinet-buy {
        width: 100%;
        justify-content: space-between;
    }

    .orders-preview__products,
    .orders-cost {
        padding: 20px 10px;
    }

    .orders-preview__numb {
        font-size: 14px;
    }

    .orders-preview__numb span {
        font-size: 14px;
    }

    .orders-preview__price {
        font-size: 14px;
    }

    .orders-preview__image {
        max-width: 40px;
        height: 60px;
    }

    .orders-price,
    .orders-economy {
        font-size: 16px;
    }

    .orders-total {
        font-size: 18px;
    }

    .orders-total__number {
        font-size: 20px;
    }

    .orders-data__info {
        font-size: 14px;
    }

    .orders-wrapper__radio,
    .orders-wrapper__price,
    .orders-wrapper__time {
        font-size: 14px;
    }

    .orders-wrapper__radio,
    .orders-wrapper__time {
        width: 200px;
    }

    /* .article-contents {
        display: none; }*/
    .article-prod__image {
        height: 300px;
    }

    .article-prods__title, .article-prods__price {
        font-size: 20px;
    }

    .article-prods__subtitle,
    .article-prods__desc {
        font-size: 14px;
    }

    .article-prods__image {
        height: 150px;
    }

    .article-prods__advice {
        font-size: 12px;
    }

    .article-prod__link {
        width: 150px;
    }

    .article-prod__wr {
        width: 200px;
    }

    .article-advantages__image {
        height: 80px;
    }

    .article-question {
        flex-direction: column;
    }

    .article-consult__title {
        font-size: 20px;
    }

    .article-excellence__block {
        flex-direction: row;
        align-items: center !important;
    }

    .article-excellence__image {
        align-self: unset;
        margin-bottom: 0;
    }

    .article-prods__desc {
        flex-direction: column;
    }

    .article-prods__divider {
        transform: rotate(90deg);
    }

    .subscribe-form__title {
        text-align: center;
        font-size: 16px;
        margin: 0;
    }

    .subscribe-form__input {
        height: 40px;
        max-width: 350px;
    }

    .subscribe-form__button {
        height: 40px;
        max-width: 350px;
    }
}

@media (max-width: 991px) {
    .hero-slider__slide {
        display: flex;
    }

    .header {
        display: none;
    }

    .orders-head {
        position: relative;
    }

    .orders-header {
        display: flex;
    }

    .navigation-user {
        margin-right: 0;
        margin-left: 10px;
    }

    .navigation-user__image {
        margin-right: 0;
    }

    .navigation-user__text {
        display: none;
    }

    .navigation-menu {
        display: none;
    }

    .navigation-balance {
        display: none;
    }

    .drop {
        display: none !important;
    }

    .navigation-catalog {
        display: none;
    }

    .mobile-menu {
        display: flex;
    }

    .navigation-block {
        width: 100%;
    }

    .hero-promo {
        width: 100%;
        margin-left: 0;
    }

    .hero-slider__wrapper {
        width: 100%;
    }

    .hero .swiper-pagination {
        width: 100%;
    }

    .hero-slider {
        height: 300px;
    }

    .brand-block__wrapper,
    .brand-block {
        height: 120px;
        width: 120px;
    }

    .navigation-search__wrapper {
        margin-right: 0;
        height: 35px;
    }

    .navigation-search__button {
        top: 7px;
    }

    header {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        z-index: 199;
    }

    main {
        margin-top: 50px;
    }

    .products-card {
        height: 300px;
    }

    .products-card__image {
        height: 150px;
    }

    .scroll-top,
    .arrow-bottom {
        width: 40px;
        height: 40px;
    }

    .arrow-bottom {
        left: calc(50% - 20px);
    }

    .section-title {
        font-size: 21px;
    }

    .products {
        padding: 15px 0;
    }

    .navigation-basket:not(.inbasket) {
        height: 50px;
        width: 50px;
    }

    .info-block__text {
        max-width: 150px;
    }

    .info-block__title {
        font-size: 16px;
    }

    .bonus-title {
        font-size: 16px;
    }

    .blog-block__image.orange {
        display: none;
    }

    .blog-title {
        display: block;
    }

    .basket-modal__wrapper {
        max-width: 650px;
    }

    .basket-modal__total {
        width: 100%;
        justify-content: space-between;
        margin-top: 10px;
    }

    .product-wrapper {
        max-width: 33.3%;
    }

    .products-card.product {
        height: unset;
    }

    .sort-desktop {
        display: none !important;
    }

    .sort-select {
        display: block;
    }

    .together-block__text {
        max-width: 150px;
    }

    .together-block__image {
        width: 80px;
        height: 80px;
        margin-right: 20px !important;
    }

    .together-block__prod {
        align-self: flex-start;
    }

    .together .prod-buttons__buy {
        font-size: 12px;
        padding: 0 20px;
    }

    .prod-tabs__item {
        font-size: 14px;
    }

    .good-swiper {
        height: 400px;
    }

    .good-swiper__lg {
        height: 400px;
        width: 400px;
    }

    .commentary .comment-title {
        font-size: 20px;
    }

    .commentary-photo__header {
        font-size: 17px;
    }

    .commentary-link {
        font-size: 20px;
    }

    .commentary-users__title {
        font-size: 18px;
    }

    .commentary .comment-select {
        width: 25%;
    }

    .slider-modal__title {
        font-size: 22px;
    }

    .slider-modal .products-card__price span {
        font-size: 22px;
    }

    .modal-swiper__lg {
        width: 400px;
        height: 400px;
    }

    .prod-tabs__wrapper.mobile.cabinet-navigation {
        display: flex;
    }

    .prod-tabs__wrapper.mobile.cabinet-navigation .prod-tabs {
        width: 100%;
    }

    .cabinet-sidebar {
        display: none;
    }

    .cabinet-content {
        width: 100%;
    }

    .compare-container__col,
    .compare-banner__title {
        display: none;
    }

    .compare-container__products,
    .compare-banner__container {
        width: 100%;
    }

    .compare-main,
    .compare-banner__main {
        width: 220px;
    }

    .compare-slider,
    .compare-banner__slider {
        width: calc(100% - 220px);
    }

    .compare-banner {
        top: 50px;
    }

    .compare-list__item {
        height: 75px;
        max-height: 75px;
    }

    .compare-list__item div {
        top: unset;
        bottom: 0;
    }

    .compare-list__name {
        display: block;
    }

    .compare .characteristics-switcher {
        display: flex;
    }

    .compare-container__product .compare-list__block {
        padding-top: 39px;
    }

    .orders-wrapper {
        margin-left: 0;
    }

    .orders-cost.final {
        margin-bottom: 40px;
    }

    .articles-content {
        width: 100%;
    }

    .articles-sidebar {
        width: 100%;
    }

    .orders-subtitle__info .orders-tooltip {
        left: 0;
    }

    .orders-tooltip:before {
        left: 30px;
    }

    .article-img__block {
        width: 250px;
    }
}

@media (max-width: 768px) {
    .products-card__button:hover {
        width: 50px;
    }

    .hero-slider {
        height: 200px;
    }

    .hero-slider__slide img {
        max-width: 100%;
    }

    .products-card__image {
        height: 140px;
    }

    .products-card {
        height: 290px;
    }

    .bonus-title {
        flex-direction: column;
        text-align: center;
    }

    .bonus-title a {
        margin-top: 5px;
        margin-left: 0;
    }

    .feedback-block__title {
        font-size: 20px;
    }

    .brand {
        display: none;
    }

    .category {
        display: block;
    }

    .products-card:hover .products-card__button {
        width: 50px;
    }

    .products-card:hover .products-card__button.inbasket {
        border: none;
    }

    .basket-modal__block {
        flex-direction: column;
    }

    .basket-modal__wrapper {
        max-width: 550px;
    }

    .basket-modal__text {
        width: 75%;
        margin-right: 20px;
    }

    .basket-modal__controls {
        width: 100%;
        justify-content: space-between;
    }

    .basket-modal__controls:first-child {
        justify-content: unset;
    }

    .basket-modal__continue {
        display: none;
    }

    .basket-modal__continue.order {
        display: flex;
    }

    .basket-modal__prices .prod-desc__banner {
        margin-top: 10px;
    }

    .product-wrapper {
        max-width: 50%;
    }

    .product-wrapper:hover .product {
        box-shadow: unset;
        z-index: unset;
    }

    .product-wrapper:hover .product .product-size {
        display: none;
    }

    .product-wrapper:hover .product .product-select {
        display: none;
    }

    .product-wrapper:hover .product .products-card__button,
    .products-card:hover .product .products-card__button {
        width: 50px;
    }

    .product-wrapper:hover .product .products-card__button span,
    .products-card:hover .product .products-card__button span {
        display: none;
    }

    .product-wrapper:hover .product .products-card__button.inbasket,
    .products-card:hover .product .products-card__button.inbasket {
        border: none;
    }

    .product-wrapper:hover .product .products-card__button.time,
    .products-card:hover .product .products-card__button.time {
        border: none;
    }

    .catalog-title {
        font-size: 23px;
    }

    .breadcrumbs-list {
        max-width: 540px;
        overflow-x: auto;
    }

    .breadcrumbs-list__item {
        white-space: nowrap;
    }

    .prod-models__item {
        font-size: 12px;
    }

    .prod-buttons {
        flex-direction: column;
    }

    .prod-buttons__buy {
        width: 100%;
    }

    .prod-buttons__buy:first-child {
        margin-bottom: 10px;
    }

    .prod-buttons__click {
        width: 100%;
    }

    .prod-price {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .prod-timer {
        margin-top: 10px;
    }

    .swiper-together .swiper-button-next,
    .swiper-together .swiper-button-prev {
        display: none;
    }

    .together-block__wrapper {
        padding: 25px 15px;
    }

    .prod-brand__status {
        font-size: 11px;
    }

    .prod-brand__title {
        font-size: 13px;
    }

    .prod-brand__id {
        font-size: 13px;
    }

    .prod-title {
        font-size: 22px;
    }

    .commentary .comment-title {
        font-size: 16px;
    }

    .commentary-photo__header {
        font-size: 14px;
    }

    .commentary-photo__elem,
    .commentary-photo__button {
        width: 70px;
        height: 70px;
    }

    .commentary-photo__block {
        max-width: 81%;
        height: 70px;
    }

    .commentary .comment-select {
        width: 35%;
    }

    .commentary-link {
        font-size: 14px;
        padding: 10px;
    }

    .commentary-link .comment-button {
        font-size: 12px;
        padding: 10px;
    }

    .commentary-users__title {
        font-size: 16px;
    }

    .comment-block__name {
        font-size: 14px;
    }

    .comment-block__name svg {
        width: 15px;
        height: 15px;
    }

    .comment-answer__block .comment-block__name {
        font-size: 14px;
    }

    .prod-rate .rateit {
        font-size: 16px;
    }

    .comment-block__date {
        font-size: 12px;
    }

    .comment-block__text {
        font-size: 14px;
    }

    .commentary-tabs__item {
        font-size: 16px;
    }

    .commentary-photo__button {
        font-size: 16px;
    }

    .commentary-rate .rateit-font {
        font-size: 33px;
        letter-spacing: 40px;
    }

    .commentary-block__upload {
        flex-direction: column;
    }

    .commentary-block__add {
        width: 100%;
    }

    .commentary-block__add:first-child {
        margin-bottom: 15px;
    }

    .slider-modal__title {
        font-size: 18px;
    }

    .slider-modal .products-card__price {
        font-size: 14px;
    }

    .slider-modal .products-card__price span {
        font-size: 18px;
    }

    .slider-modal .prod-buttons__buy {
        height: 35px;
        font-size: 16px;
    }

    .error-title {
        font-size: 35px;
    }

    .error-image {
        height: 450px;
        width: 450px;
    }

    .enter-modal__content {
        flex-direction: column-reverse;
    }

    .enter-modal__wrapper {
        max-height: 90%;
    }

    .enter-modal__line {
        width: 100%;
        flex-direction: row;
        margin: 20px auto;
    }

    .enter-modal__line span:nth-child(2) {
        margin: 0 10px;
    }

    .enter-modal__socials .cabinet-socials__item {
        width: 100%;
    }

    .enter-modal__divide {
        width: 100%;
        height: 1px;
    }

    .password-form__input {
        flex-direction: column;
    }

    .password-form__input label {
        width: 100%;
        margin-bottom: 20px !important;
    }

    .cabinet .password-form__input input {
        width: 100%;
    }

    .inputs-container {
        width: 100%;
    }

    .password-form__button {
        width: 100%;
    }

    .cabinet-content__title {
        margin-bottom: 30px !important;
    }

    .cabinet-socials__radio label {
        margin-bottom: 0 !important;
    }

    .order-list__info.status {
        font-size: 14px;
        width: 120px;
    }

    .order-list__subtitle, .order-list__info {
        font-size: 14px;
    }

    .order-list__item {
        white-space: nowrap;
        margin-right: 10px;
    }

    .order-list {
        overflow-x: auto;
    }

    .order-content__buttons a {
        font-size: 16px;
    }

    .bonus-block {
        flex-direction: column;
    }

    .bonus-left,
    .bonus-right {
        width: 100%;
    }

    .bonus-right {
        padding: 0 25px 25px 25px;
    }

    .bonus-right__text:last-child {
        margin-right: 0 !important;
    }

    .tickets-list__item {
        white-space: nowrap;
        margin-right: 15px;
    }

    .tickets-list__item:last-child {
        margin-right: 0;
    }

    .tickets-list {
        overflow-x: auto;
    }

    .tickets-block {
        flex-direction: column;
    }

    .tickets-block__card {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .message .active .message-block__title {
        font-size: 15px;
    }

    .video-container {
        height: 350px;
    }

    .compare-main, .compare-banner__main {
        width: 50%;
    }

    .compare-slider, .compare-banner__slider {
        width: 50%;
    }

    .compare-block {
        padding: 10px;
    }

    .compare-banner__block {
        padding: 10px;
    }

    .orders-content .enter-modal__socials,
    .orders-content .enter-modal__login {
        width: 100%;
    }

    .orders-input {
        width: 100%;
    }

    .orders-tab {
        font-size: 14px;
    }

    .orders-consult__plan {
        display: none;
    }

    .logo {
        height: 30px;
    }

    .orders-consult {
        font-size: 14px;
    }

    .article-prod__wr {
        display: flex;
        width: 100%;
        font-size: 14px;
    }

    .articles-card__desc {
        font-size: 12px;
    }

    .article-advantages__title {
        font-size: 16px;
    }

    .article-advantages .section-title {
        font-size: 25px;
    }

    .article-question__text {
        white-space: normal;
        text-align: center;
    }

    .description-row__title span {
        white-space: normal;
    }
}

@media (max-width: 576px) {
    .feedback-catalog .feedback-slider__wrapper.feedback-slider__wrapp .feedback-block {
        flex-direction: column;
    }

    .feedback-catalog .feedback-slider__wrapper.feedback-slider__wrapp .feedback-block__product,
    .feedback-catalog .feedback-slider__wrapper.feedback-slider__wrapp .feedback-block__desc {
        width: 100%;
        margin: 0;
    }

    .feedback-block__wrapp {
        display: flex;
        margin-bottom: 10px;
    }

    .feedback-catalog .feedback-slider__wrapper.feedback-slider__wrapp .feedback-block .comment-block__title .comment-block__name {
        flex-direction: row !important;
        align-items: center !important;
    }

    .breadcrumbs-list {
        padding-top: 2px;
    }

    .registr {
        display: block;
    }

    .section-title {
        font-size: 18px !important;
    }

    .hero-slider {
        height: 190px;
    }

    .hero-promo {
        display: none;
    }

    /*.products-card__rate {*/
    /*flex-direction: column;*/
    /*align-items: flex-start; }*/
    .products-card__image {
        height: 100px;
        margin: 0 auto;
        margin-bottom: 3px;
    }

    .products-card {
        height: 255px;
        padding: 10px;
    }

    .products-card__title {
        font-size: 13px;
        height: 28px;
    }

    .products-card__price span {
        font-size: 18px;
    }

    .products-card__button span {
        display: none !important;
    }

    .products-card__button svg {
        margin-right: 0 !important;
    }

    .products-wrapper {
        max-height: 350px;
    }

    .products-wrapper__efect {
        height: 100px;
    }

    .scroll-top {
        bottom: 55px;
        right: 20px;
    }

    .hero .swiper-button-next, .hero .swiper-button-prev {
        display: none;
    }

    .bonus-title {
        font-size: 15px;
    }

    .footer-copy {
        flex-direction: column;
        align-items: center;
    }

    .footer-copy span {
        display: none;
    }

    .footer-copy__item a {
        font-size: 11px;
    }

    .info-block {
        flex-direction: column;
        text-align: center;
    }

    .info {
        padding: 10px 0 20px 0;
    }

    .info-block__image {
        height: 80px;
        width: 50px;
    }

    .info-block__title {
        font-size: 15px;
    }

    .footer-list__item {
        line-height: 18px;
        flex-wrap: wrap;
    }

    .footer-list__item a {
        font-size: 12px;
    }

    footer {
        display: none;
    }

    .footer-mobile {
        display: block;
    }

    .container {
        padding-right: 10px;
        padding-left: 10px;
    }

    .row {
        margin-right: -10px;
        margin-left: -10px;
    }

    .col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
        padding-right: 10px;
        padding-left: 10px;
    }

    .hero-slider__container {
        padding: 0;
        overflow-x: hidden;
    }

    .hero .swiper-pagination {
        padding: 0 15px;
    }

    .product .products-card__rate {
        height: 40px;
    }

    .sort-select {
        width: 100%;
        margin-right: 20px;
    }

    .filter-mobile {
        width: 100%;
    }

    .product-flag {
        width: 70px;
        height: 22px;
        font-size: 9px;
    }

    .product-description__text {
        font-size: 10px;
    }

    .basket-modal__id {
        margin-bottom: 10px;
        font-size: 10px;
        color: #61666b;
    }

    .product-car svg {
        width: 25px;
        height: 25px;
    }

    .product-files__pdf svg,
    .product-files__video svg {
        width: 25px;
        height: 25px;
    }

    .product-options {
        left: 10px;
    }

    .product-description {
        right: 10px;
    }

    .catalog-products {
        padding: 20px 10px;
    }

    .product-wrapper {
        margin-bottom: 70px;
    }

    .prod-socials {
        display: none !important;
    }

    .good-swiper {
        display: none;
    }

    .good-swiper__lg {
        width: 100%;
        height: 250px;
    }

    .prod .prod-rate {
        display: none;
    }

    .prod .prod-rate.mobile {
        display: flex;
        margin-bottom: 5px;
    }

    .prod .prod-rate.mobile a {
        font-size: 13px;
    }

    .prod-brand {
        justify-content: space-between;
        flex-direction: row;
        width: 100%;
    }

    .prod-brand__block {
        display: flex;
        align-items: flex-end;
        flex-direction: column;
    }

    .prod-brand__block:first-child {
        align-items: flex-start !important;
    }

    .prod-rate .rateit {
        font-size: 14px;
    }

    .prod-brand__id {
        margin-bottom: 0;
    }

    .prod-models,
    .product-description__colors,
    .prod-desc__variants,
    .prod-desc__certif {
        max-width: 576px;
        overflow-x: auto;
    }

    .prod-models__item,
    .product-description__colors__item,
    .prod-desc__variants__item,
    .prod-desc__certif__item {
        white-space: nowrap;
    }

    .basket-count,
    .prod-desc__banner {
        margin-bottom: 5px;
    }

    .prod-buttons__buy {
        font-size: 16px;
        height: 40px;
    }

    .prod-buttons__buy.mobile {
        display: flex;
    }

    .prod-buttons__click {
        height: 40px;
    }

    .prod-buttons__buy.nonavailable,
    .prod-buttons__buy.time {
        font-size: 16px;
    }

    .catalog-list {
        font-size: 14px;
        line-height: 20px;
    }

    .prod-price.old span:first-child {
        font-size: 19px;
    }

    .together-block {
        padding: 20px 0;
    }

    .together-block__plus {
        font-size: 38px;
    }

    .together-block__wrapper {
        padding: 0;
    }

    .swiper-together .together-block__wrapper {
        padding: 10px;
    }

    .swiper-together .together-block__image {
        height: 60px;
        width: 60px;
    }

    .swiper-together .together-block__text {
        font-size: 12px;
        line-height: 15px;
    }

    .swiper-together .together-block__plus {
        margin: 0 10px !important;
    }

    .swiper-together .together-block__button {
        padding: 5px;
    }

    .together-block__image {
        width: 40px;
        height: 40px;
        margin-right: 0 !important;
    }

    .together-block__prod {
        flex-direction: column;
        align-items: center;
    }

    .together-block__footer {
        flex-direction: column;
        align-items: flex-start !important;
    }

    .together-block__id {
        margin-bottom: 10px;
    }

    .good-swiper__lg .swiper-pagination {
        display: flex;
    }

    .prod-tabs__wrapper {
        display: none;
    }

    .prod-tabs__wrapper.mobile {
        display: block;
    }

    .commentary .comment-title {
        max-width: 100%;
    }

    .commentary .comment-select {
        width: 100%;
    }

    .commentary-block__btn {
        width: 100px;
        height: 40px;
        top: -40px;
        font-size: 14px;
    }

    .commentary-block__btn svg {
        width: 12px;
        height: 12px;
    }

    .commentary-block__buttons .comment-button {
        font-size: 12px;
        padding: 10px 30px;
    }

    .commentary-block__button {
        font-size: 14px;
    }

    .comment-block__buttons a {
        font-size: 12px;
    }

    .comment-block__buttons a svg {
        width: 12px;
        height: 12px;
    }

    .commentary-photo__block {
        max-width: 75%;
    }

    .commentary-photo__elem {
        margin-right: 10px;
    }

    .together-section__title {
        display: none !important;
    }

    .together-section__title.mobile {
        display: flex !important;
    }

    .prod-price__sale {
        margin-top: 0;
    }

    .slider-modal__title {
        display: none;
    }

    .modal-swiper__wrapper {
        width: 100%;
    }

    .modal-swiper__lg {
        width: 350px;
        height: 350px;
    }

    .modal-swiper__lg .swiper-button-next, .modal-swiper__lg .swiper-button-prev {
        display: none;
    }

    .slider-modal__content {
        flex-direction: column-reverse;
    }

    .modal-swiper {
        height: 80px;
        width: 250px;
        margin: 10px auto;
    }

    .modal-swiper .swiper-button-nt,
    .modal-swiper .swiper-button-pv {
        top: 55%;
        right: -30px;
        transform: unset;
    }

    .modal-swiper .swiper-button-nt:after,
    .modal-swiper .swiper-button-pv:after {
        font-size: 20px;
    }

    .modal-swiper .swiper-button-pv {
        left: -30px;
    }

    .slider-modal__back {
        display: block;
        position: relative;
        top: unset;
        left: unset;
    }

    .slider-modal__header {
        align-items: center;
        padding: 10px;
    }

    .slider-modal .prod-buttons__buy {
        padding: 0 20px;
    }

    .slider-modal__close {
        display: none;
    }

    .slider-modal .prod-buttons__buy {
        height: 30px;
        font-size: 12px;
    }

    .prod-models div {
        flex-wrap: nowrap !important;
    }

    .prod-desc .catalog-list__show {
        display: none;
    }

    .together-modal__wrapper {
        width: 100%;
        border-radius: unset;
    }

    .error-title {
        font-size: 23px;
    }

    .error-image {
        height: 300px;
        width: 300px;
    }

    .error-text {
        font-size: 16px;
    }

    .enter-modal__wrapper {
        width: 100%;
        height: 100%;
        max-height: 100%;
        padding: 15px;
        border-radius: 0;
    }

    .enter-modal__input input {
        width: 100%;
    }

    .enter-modal__button.green {
        display: none;
    }

    .enter-modal__button {
        width: 100%;
        font-size: 20px;
    }

    .enter-modal__title {
        font-size: 20px;
        text-align: center;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding-bottom: 10px;
    }

    .enter-modal__title .back {
        display: block;
        top: -2px;
        left: 0;
    }

    .cabinet-content__text {
        width: 100%;
    }

    .cabinet-socials {
        flex-direction: column;
        margin-bottom: 20px !important;
    }

    .cabinet-socials__item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .cabinet-content__title {
        font-size: 20px;
    }

    .order-content__block div {
        align-items: center;
    }

    .order-content__text {
        margin: 20px 0;
    }

    .order-desc__item {
        font-size: 14px;
        margin-right: 10px;
    }

    .order-content__image {
        margin-right: 15px;
    }

    .order-content__block,
    .order-header {
        padding: 15px;
    }

    .bonus-right__text {
        width: 100% !important;
    }

    .cabinet-buy {
        flex-direction: column;
    }

    .cabinet-buy .products-card__button {
        margin-top: 10px;
        width: 100%;
    }

    .cabinet-buy .products-card__button span {
        display: block !important;
    }

    .cabinet-content__subtitle {
        font-size: 18px;
    }

    .message-block {
        flex-direction: column;
    }

    .message-block .message-block__image {
        margin-bottom: 10px;
    }

    .message .active .message-block__title {
        max-width: 100%;
    }

    .order-list {
        overflow-x: unset;
        flex-wrap: wrap;
    }

    .order-list__item {
        height: 40px;
        justify-content: center;
        flex-basis: 50%;
        margin-right: 0;
    }

    .order-content__buttons {
        width: 100%;
        justify-content: space-between;
        flex-direction: row;
        margin-top: 10px;
    }

    .order-content__buttons a {
        font-size: 14px;
    }

    .order-desc__subtitle {
        font-size: 12px;
    }

    .basket-modal__btns a {
        font-size: 15px;
    }

    .video-container {
        height: 300px;
    }

    .video-title {
        font-size: 16px;
    }

    .video-chanel__text {
        font-size: 14px;
    }

    .compare-list__item {
        font-size: 12px;
    }

    .compare-container__product .compare-list__block {
        padding-top: 0;
    }

    .compare .characteristics-switcher {
        top: 520px;
    }

    .compare .basket-modal__id,
    .compare .compare-main__status,
    .compare .compare-main__status a,
    .compare .compare-banner__subtitle {
        font-size: 10px;
    }

    .compare-block .section-title {
        margin-bottom: 10px;
    }

    .compare-list__name {
        font-size: 13px;
    }

    .compare-list__item div {
        padding: 0 0 0 5px;
    }

    .compare .product-wrapper {
        margin-bottom: 120px;
    }

    .orders-block__title,
    .orders-tabs {
        display: none;
    }

    .orders-wrapper {
        margin-left: 0;
    }

    .orders .section-title {
        display: none;
    }

    .orders-content .password-form__input {
        margin-bottom: 15px;
    }

    .orders-content .password-form__input label {
        display: none;
    }

    .orders-content .password-form__input input {
        width: 100%;
    }

    .orders-content .password-form__input input.required {
        border: 1px solid rgba(0, 0, 0, 0.1);
    }

    .orders-consult {
        font-size: 10px;
    }

    .orders-tel {
        font-size: 12px;
    }

    .orders-content .password-form__input input::placeholder {
        color: rgba(0, 0, 0, 0.4);
        opacity: 1;
    }

    .orders-content .password-form__input input::placeholder:-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.4);
    }

    .orders-content .password-form__input input::placeholder::-ms-input-placeholder {
        color: rgba(0, 0, 0, 0.4);
    }

    .orders-content .password-form__button {
        display: none;
    }

    .orders-content .password-form__button.mobile {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .orders-content .cabinet-content__text {
        font-size: 10px;
    }

    .orders-content {
        padding: 0;
    }

    .orders-wrapper {
        box-shadow: none;
    }

    .orders-header {
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.06), 0 0 2px rgba(0, 0, 0, 0.07);
    }

    .orders-steps {
        display: flex;
    }

    .orders-block:first-child {
        margin-bottom: 0;
    }

    .orders-block:first-child .orders-wrapper {
        border-radius: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .orders-data__button {
        font-size: 12px;
    }

    .orders-wrapper__city ul li,
    .orders-wrapper__title a {
        font-size: 12px;
    }

    .orders-wrapper__radio, .orders-wrapper__price, .orders-wrapper__time {
        font-size: 12px;
    }

    .orders-wrapper__radio label, .orders-wrapper__price label, .orders-wrapper__time label {
        line-height: 12px !important;
    }

    .orders-wrapper__radio, .orders-wrapper__time {
        width: 100px;
    }

    .orders-wrapper__info {
        width: 100%;
        font-size: 12px;
        margin-left: 0;
    }

    .orders-wrapper__info h4 {
        font-size: 12px;
    }

    .orders-wrapper__option {
        flex-direction: column;
    }

    .orders-wrapper__option .orders-wrapper__title {
        margin-bottom: 20px;
    }

    .orders-wrapper__option input {
        width: 100%;
    }

    .select2-results__option,
    .select2-container--default .select2-selection--single .select2-selection__placeholder,
    .orders-wrapper__map span {
        font-size: 12px;
    }

    .orders-wrapper__desc {
        font-size: 14px;
    }

    .orders-wrapper__desc span {
        font-size: 12px;
    }

    .articles-search__title {
        display: none;
    }

    .articles-search {
        display: none;
    }

    .articles-category {
        display: none;
    }

    .articles-title {
        font-size: 20px;
    }

    .articles-search__mobile {
        display: block;
    }

    .articles-search__mobile input {
        border: 1px solid rgba(0, 0, 0, 0.2) !important;
        border-radius: 5px !important;
    }

    .articles-controllers__mobile .selectdiv select {
        height: 35px;
    }

    .articles-controllers__mobile .selectdiv:after {
        top: 11px;
    }

    .orders-wrapper__map {
        display: none;
    }

    .select2-container {
        width: 100% !important;
        margin-right: 0;
    }

    .orders-wrapper__radio {
        flex-basis: 70%;
        font-weight: 500;
    }

    .orders-wrapper__price {
        flex-basis: 30%;
        text-align: right;
    }

    .orders-wrapper__time {
        flex-basis: 50%;
        display: flex;
        margin-left: 28px;
        margin-top: 5px;
        color: rgba(0, 0, 0, 0.5);
        text-align: left;
    }

    .orders-wrapper__select {
        margin-left: 0;
    }

    .orders-subtitle__info:hover .orders-tooltip {
        visibility: hidden;
        opacity: 0;
    }

    .bullet {
        padding-left: 0;
    }

    .article-tx {
        font-size: 16px;
    }

    .article-statistic {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .article-date,
    .article-rate,
    .article-feedback,
    .article-view {
        width: 50%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .article-feedback,
    .article-view {
        margin-bottom: 0;
    }

    .article-img__block {
        float: unset;
        margin: 20px auto;
    }

    .article-prod__desc p,
    .article-promo p {
        font-size: 16px;
    }

    .articles-card__title {
        font-size: 20px;
    }

    .certification {
        padding: 10px;
    }

    .modal-success {
        left: calc(50% - 150px);
        width: 300px;
    }
}

@media (max-width: 450px) {
    .back {
        display: block;
    }

    .basket-modal__block {
        padding: 0;
    }

    .basket-product__mobile {
        padding: 10px 10px 0 10px;
    }

    .basket-modal__prices {
        padding: 0 10px 10px 10px;
    }

    .basket-modal__wrapper {
        width: 100%;
        height: 100%;
        border-radius: 0;
        padding: 0;
    }

    .basket-modal__wrapper .close {
        display: none;
    }

    .basket-modal__products {
        margin-top: 48px;
        margin-bottom: 125px;
        padding: 10px;
    }

    .basket-modal__buttons {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        padding-top: 0;
        background: #ffffff;
        z-index: 1;
    }

    .basket-modal__controls {
        margin-bottom: 0;
    }

    .basket-order {
        border-top: 2px solid #458400;
        border-radius: 0 0 3px 3px;
    }

    .basket-modal__id {
        margin-bottom: 0;
    }

    .basket-modal__title {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin: 0;
        padding: 10px;
        text-align: center;
        font-size: 24px;
        background: #ffffff;
        border-bottom: 1px solid rgba(142, 150, 160, 0.2);
        z-index: 1;
    }

    .basket-product__mobile {
        display: flex;
    }

    .basket-modal__image {
        display: none;
    }

    .basket-modal__image.mobile {
        display: flex;
        width: 100px;
        height: 100px;
    }

    .basket-modal__text {
        margin-right: 0;
        width: 100%;
    }

    .basket-modal__text h4 {
        font-size: 16px;
    }

    .basket-modal__prices .prod-desc__banner {
        width: 100%;
    }

    .basket-modal__btns {
        justify-content: center;
        padding: 15px 0;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        margin-top: 0;
    }

    .basket-modal__price {
        font-size: 22px;
    }

    .basket-modal__prices .basket-modal__price {
        display: none;
    }

    .basket-modal__prices .basket-modal__price.total {
        display: block;
    }

    .basket-price__mobile {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-top: 10px;
    }

    .basket-price__mobile .basket-modal__price {
        display: flex;
    }

    .basket-order__total.old {
        font-size: 18px;
    }

    .sort-select select {
        padding-left: 5px;
    }

    .together .prod-buttons__buy {
        width: 100%;
    }

    .together-block__pricing {
        flex-direction: column;
        align-items: flex-start !important;
        width: 100%;
    }

    .together-block__pricing .products-card__buy {
        height: 40px;
        margin-bottom: 10px;
    }

    .together-block__pricing .prod-buttons__buy {
        margin-left: 0 !important;
    }

    .description-block {
        padding: 20px 0;
    }

    .description-text {
        font-size: 14px;
    }

    .description-block__title {
        font-size: 20px;
    }

    .table {
        font-size: 12px;
    }

    .comment-title {
        font-size: 13px;
    }

    .comment-button {
        padding: 8px;
        font-size: 10px;
    }

    .comment-block__text,
    .comment-block__buttons {
        font-size: 12px;
    }

    .comment-block__content,
    .comment-block__title {
        padding: 10px;
    }

    .comment-block__buttons svg {
        width: 12px;
        height: 12px;
    }

    .comment-block__button {
        display: block;
        width: 100%;
        text-align: center;
        font-size: 13px;
    }

    /*.comment-block__name {*/
    /*flex-direction: column-reverse;*/
    /*align-items: flex-start !important;*/
    /*font-size: 12px; }*/
    .comment-block__name svg {
        height: 14px;
        width: 14px;
    }

    .comment-block__date {
        flex-direction: column;
        font-size: 10px;
    }

    .comment-block__date span {
        margin-right: 0 !important;
        margin-bottom: 5px;
    }

    .description-article {
        margin-bottom: 30px;
    }

    .prod-content {
        padding-top: 20px;
    }

    .description {
        padding-bottom: 0;
    }

    .commentary-link {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .commentary-link span {
        margin-bottom: 10px;
    }

    .commentary-link a {
        width: 100%;
        text-align: center;
    }

    .commentary-users__title {
        margin-bottom: 20px;
    }

    .commentary-photo__block {
        max-width: 80%;
    }

    .commentary-photo__elem {
        width: 50px;
    }

    .commentary-photo__button {
        font-size: 12px;
    }

    .commentary-block__buttons .comment-button {
        margin-right: 20px;
    }

    .commentary-block__inputs {
        flex-direction: column;
    }

    .commentary-block__input {
        width: 100%;
    }

    .commentary-block__input:first-child {
        margin-bottom: 10px;
    }

    .commentary-tabs__item {
        margin-right: 10px;
        padding: 10px;
        font-size: 14px;
    }

    .commentary-block__write {
        padding: 10px;
    }

    .commentary-tabs__content {
        padding: 10px;
    }

    .commentary-block__buttons {
        flex-direction: column;
    }

    .commentary-block__buttons .comment-button {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .commentary-rate .rateit-font {
        font-size: 25px;
        letter-spacing: 28px;
    }

    .commentary-rate__text {
        display: none;
    }

    .commentary-tabs__form {
        margin-top: 10px;
    }

    .bonus-left {
        padding: 15px;
    }

    .bonus-right {
        padding: 0 15px 15px 15px;
        flex-direction: column;
    }

    .bonus-right__text {
        margin-right: 0 !important;
        margin-bottom: 10px;
    }

    .tickets-block__text p {
        flex-direction: column;
        align-items: flex-start;
    }

    .tickets-block__subtitle {
        justify-content: flex-start;
        margin-bottom: 5px;
    }

    .cabinet-buy {
        font-size: 16px;
    }

    .cabinet-buy__price {
        font-size: 18px;
    }

    .cabinet label {
        font-size: 16px;
    }

    .order-name {
        font-size: 13px;
    }

    .pagination-item {
        width: 30px;
        height: 30px;
        font-size: 15px;
        margin-right: 5px;
    }

    .pagination-arrow {
        width: 30px;
        height: 30px;
    }

    .pagination-arrow.left {
        margin-right: 5px;
    }
}

@media (max-width: 400px) {
    .modal-swiper__lg {
        width: 300px;
        height: 300px;
    }

    .catalog-title {
        font-size: 19px;
    }

    .breadcrumbs-list__item a {
        font-size: 10px;
    }

    .sort-select select {
        font-size: 11px;
    }

    .catalog-more a {
        font-size: 14px;
    }

    .filter-mobile {
        font-size: 14px;
    }

    .product-package {
        font-size: 11px;
    }

    .product .products-card__price.old span {
        font-size: 12px;
    }

    .sort-select {
        margin-right: 5px;
    }

    .commentary-block__add:first-child {
        flex-direction: column;
    }

    .commentary-block__desc {
        margin-right: 0;
        margin-bottom: 5px;
        max-width: 100%;
    }

    .commentary-block__link {
        width: 45%;
    }
}

@media (max-width: 376px) {
    .hero-slider {
        height: 170px;
    }

    .products-card {
        height: 240px;
        padding: 8px;
    }

    .navigation-search::placeholder {
        font-size: 11px;
    }

    .navigation-search__button {
        right: 5px;
    }

    .order-content__block, .order-header {
        padding: 10px;
    }
}

@media (max-width: 350px) {
    .product-description__text {
        display: none;
    }

    .product .products-card__image {
        height: 175px;
    }

    .product-wrapper {
        margin-bottom: 50px;
    }

    .product-feedback {
        font-size: 12px !important;
    }

    .product .products-card__price span {
        font-size: 15px;
        font-weight: 500;
    }

    .product-available {
        font-size: 12px;
        margin-bottom: 10px !important;
    }

    .breadcrumbs-list__item a {
        font-size: 9px;
    }

    .sort-select select {
        font-size: 10px;
    }

    .selectdiv:after {
        height: 10px;
        width: 10px;
        top: 16px;
    }

    .order-desc {
        flex-direction: column;
    }

    .order-desc__item {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .order-content__buttons {
        width: 100%;
        align-items: flex-start !important;
    }

    .cabinet .product-wrapper {
        max-width: 100%;
    }

    .message-block__date {
        display: block;
        margin: 5px 0;
    }

    .message-block .comment-answer {
        margin-left: 0;
    }

    .order-content__buttons a {
        font-size: 12px;
    }

    .order-list__subtitle, .order-list__info {
        font-size: 12px;
    }

    .order-list__item {
        flex-basis: 45%;
    }

    .compare .characteristics-switcher {
        top: 510px;
    }

    .commentary-rate {
        display: none;
    }
}

.btn-facebook {
    background: #3B5998;
    border-radius: 7px;
    color: #fff;
}

.btn-facebook:link {
    color: #fff;
}

.btn-facebook:active {
    background: #263961;
    color: #fff;
}

.btn-googleplus {
    background: #E93F2E;
    border-radius: 7px;
    color: #fff;
}

.btn-googleplus:link {
    color: #fff;
}

.btn-googleplus:active {
    background: #b72213;
    color: #fff;
}

.margin-10 {
    margin: 10px;
}

/*-----------------------------------*/

.commentary-users:not(.commentary-users__chunk-0) {
    display: none;
}

.commentary-rate__text {
    margin-top: 25px;
}

.commentary-rate__text label {
    position: relative;
    padding: 0 !important;
    width: 75px;
    font-size: 12px;
    color: #828282;
    text-align: center;
}

.commentary-rate__text input {
    display: none;
}

.commentary-rate__text input[type=radio] + label:before {
    content: '★';
    font-size: 48px;
    color: #f38a00;
    position: absolute;
    top: -26px;
    border: none;
    background-color: transparent;
    width: auto;
    height: auto;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);

}

.commentary-rate__text input[type=radio] + label:after {
    content: none;
}

.commentary-rate__text input[type=radio]:checked ~ label:before {
    color: #ccc;
}

.commentary-rate__text input[type=radio]:checked + label:before {
    color: #f38a00;
}

.prod-timer {
    display: flex;
    align-items: center;
    border: 2px dashed #ec2441;
    border-radius: 5px;
    padding: 15px;
    margin-bottom: 20px;
}

.prod-timer img {
    margin-right: 10px;
}

.prod-timer__title {
    flex-grow: 1;
}

@media (max-width: 768px) {
    .prod-timer {
        flex-direction: column;
    }

    .prod-timer__title {
        text-align: center;
    }
}

.good-swiper__small .swiper-wrapper {
    flex-direction: column;
}

.good-swiper__small .swiper-wrapper .swiper-slide {
    height: 63px;
    margin-bottom: 10px;
}

.good-swiper__small .swiper-wrapper .swiper-slide:first-of-type {
    border: 2px solid #458400;
}

.compare-container__product .compare-list__item:hover div {
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.5);
    outline: 1px solid rgba(0, 0, 0, 0.2);
    left: 1px;
    /*top: -1px;*/
}

@media (max-width: 767px) {

    .compare-container__product .compare-list__item div {
        left: 1px;
    }

    .compare-container__product .compare-list__item:nth-child(odd) div {
        background-color: rgba(0, 0, 0, 0.0);
    }
}

body #bingc-phone-button {
    z-index: 10 !important;
}

.order-content .prod-buttons__buy {
    all: unset;
    margin-bottom: 5px;
    color: #0073b1;
    font-size: 18px;
    font-weight: 500;
    transition: 0.3s;
    cursor: pointer;
}

@media (max-width: 767px) {
    .account_email_confirmation * {
        text-align: center;
    }

    .account_email_confirmation .btn {
        margin-top: 15px;
    }
}




.just-modal-open {
    overflow: hidden
}

.just-modal-open .just-modal {
    overflow-x: hidden;
    overflow-y: auto
}

.just-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    outline: 0;
    background-color: rgba(0,0,0,0.3);
}

.just-modal.show {
    display: block;
}

.just-modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    top: 20%;
    pointer-events: none
}

.just-modal.fade .just-modal-dialog {
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: translate(0, -50px);
    transform: translate(0, -50px)
}

@media (prefers-reduced-motion: reduce) {
    .just-modal.fade .just-modal-dialog {
        transition: none
    }
}

.just-modal.show .just-modal-dialog {
    -webkit-transform: none;
    transform: none;
    top: 30%;
}

.just-modal.just-modal-static .just-modal-dialog {
    -webkit-transform: scale(1.02);
    transform: scale(1.02)
}

.just-modal-dialog-scrollable {
    display: -ms-flexbox;
    display: flex;
    max-height: calc(100% - 1rem)
}

.just-modal-dialog-scrollable .just-modal-content {
    max-height: calc(100vh - 1rem);
    overflow: hidden
}

.just-modal-dialog-scrollable .just-modal-footer, .just-modal-dialog-scrollable .just-modal-header {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.just-modal-dialog-scrollable .just-modal-body {
    overflow-y: auto
}

.just-modal-dialog-centered {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.just-modal-dialog-centered::before {
    display: block;
    height: calc(100vh - 1rem);
    content: ""
}

.just-modal-dialog-centered.just-modal-dialog-scrollable {
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%
}

.just-modal-dialog-centered.just-modal-dialog-scrollable .just-modal-content {
    max-height: none
}

.just-modal-dialog-centered.just-modal-dialog-scrollable::before {
    content: none
}

.just-modal-content {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.just-modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.just-modal-backdrop.fade {
    opacity: 0
}

.just-modal-backdrop.show {
    opacity: .5
}

.just-modal-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px)
}

.just-modal-header .close {
    padding: 1rem 1rem;
    margin: -1rem -1rem -1rem auto
}

.just-modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.just-modal-body {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1rem
}

.just-modal-footer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(.3rem - 1px);
    border-bottom-left-radius: calc(.3rem - 1px)
}

.just-modal-footer > * {
    margin: .25rem
}

.just-modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 576px) {
    .just-modal-dialog {
        max-width: 500px;
        margin: 0.5rem auto
    }

    .just-modal-dialog-scrollable {
        max-height: calc(100% - 3.5rem)
    }

    .just-modal-dialog-scrollable .just-modal-content {
        max-height: calc(100vh - 3.5rem)
    }

    .just-modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .just-modal-dialog-centered::before {
        height: calc(100vh - 3.5rem)
    }

    .just-modal-sm {
        max-width: 300px
    }
}

@media (min-width: 992px) {
    .just-modal-lg, .just-modal-xl {
        max-width: 800px
    }
}

@media (min-width: 1200px) {
    .just-modal-xl {
        max-width: 1140px
    }
}