:root {
    --font-sans: 'Open Sans', sans-serif;
    --dark: #2E323D;
    --process-black: #231F20;
    --accent: #D2233C;
    --grey900: #555B6B;
    --stroke-light: #CFCFCF;
    --bg-white: #FFF;
    --brand-red: #D2233C;
    --red: #D2233C;
    --red-hover: #FC435E;
    --black: #000000;
    --white: #FFFFFF;
    --blue: #0275D8;
    --bg-light: #F1F1F4;
    --bg-dark: #2E323D;
    --bg-light-grey: #F6F6F6;
    --grey: #999999;

    --grey-secondary: #999;
    --pink: #FC435E;

    --font: 'Open Sans', sans-serif;
}

* {
    box-sizing: border-box;
}

@font-face {
    font-family: 'Digital-Clouds';
    src: url("./fonts/Digital-Clouds.eot?q28jz9");
    src: url("./fonts/Digital-Clouds.eot?q28jz9#iefix") format("embedded-opentype"), url("./fonts/Digital-Clouds.ttf?q28jz9") format("truetype"), url("./fonts/Digital-Clouds.woff?q28jz9") format("woff"), url("./fonts/Digital-Clouds.svg?q28jz9#Digital-Clouds") format("svg");
    font-weight: normal;
    font-style: normal; }

body {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
    font-size: 14px;
    min-height: 100%;
    display: flex;
    flex-flow: column;
    /*grid-template-rows: auto 1fr auto;*/
}

.page{
    flex-grow: 1;
}

button, input, optgroup, select, textarea {
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}

h1.main-title {
    font-weight: 500;
    font-size: 43px;
    line-height: 120%;
    color: #151515;
    margin-bottom: 32px;
    text-align: left;
}

@media only screen and (max-width: 767px) {
    h1.main-title {
        font-size: 36px;
    }
}

/* ul {
    padding: 0;
    margin: 0;
}

li {
    list-style: none;
} */

.btn:hover,
.btn:active,
.btn:focus,
.btn:active:focus,
input:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0 !important;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;
}

/* ------------- navbar ----------- */
.navbar-container {
    min-height: 50px;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 600;
    background: #fff;
}

.navbar-container.relative-navbar {
    position: relative;
    -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}

.top-line-navbar {
    height: 30px;
    background-color: rgba(255, 255, 255, 0.6);
    width: 100%;
    position: relative;
}

.top-line-navbar-inner {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 15px;
    height: 100%;
    display: block;
}

.top-line-navbar-inner:after {
    display: block;
    content: '';
    clear: both;
}

.top-line-navbar-list {
    list-style: none;
    padding: 0;
}

.top-line-navbar-list .link-top-line-navbar {
    float: left;
    font-size: 13px;
    color: #000;
    padding: 0 15px;
    border-right: 1px solid #000;
}

.top-line-navbar-list .link-top-line-navbar--dealer {
    color: #da143c;
}

.link-top-line-navbar-mobile {
    display: none;
}

@media screen and (max-width: 576px) {
    .link-top-line-navbar-desktop {
        display: none;
    }

    .link-top-line-navbar-mobile {
        display: inline;
    }
}

.top-line-navbar-list .link-top-line-navbar:last-child {
    border-right: none;
    padding-right: 0;
}

.top-line-navbar-list .link-top-line-navbar.legal-link {
    color: #fff;
}

.top-line-navbar-list .link-top-line-navbar.legal-link span {
    text-decoration: underline;
    display: inline-block;
    vertical-align: middle;
}

.top-line-navbar-list .link-top-line-navbar.legal-link:hover,
.top-line-navbar-list .link-top-line-navbar.legal-link:hover span {
    text-decoration: none;
}

.top-line-navbar-list .link-top-line-navbar.legal-link .icon-shop-legal {
    height: 13px;
    width: 13px;
    margin-right: 5px;
}

.linear-gradient-navbar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    background-image: -ms-linear-gradient(bottom,  rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.7) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 50%, rgba(0, 0, 0, 0.7) 100%);
}

.linear-gradient-navbar-opacity {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    /*background: rgba(0, 0, 0, 0.39);*/
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.39)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
    background: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, rgba(0, 0, 0, 0.39)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(top, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(0, 0, 0, 0) 100%);
}

.navbar-container.relative-navbar .linear-gradient-navbar {
    height: 100%;
    /*background: rgba(0, 0, 0, 0);*/
    background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.7) 100%);
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.7) 100%);
}

.navbar-container.relative-navbar .linear-gradient-navbar-opacity {
    height: 100%;
    /*background: rgba(0, 0, 0, 0.39);*/
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0.2) 70%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0.2) 70%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0.2) 70%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.39)), color-stop(70%, rgba(0, 0, 0, 0.2)));
    background: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, rgba(0, 0, 0, 0.39)), color-stop(70%, rgba(0, 0, 0, 0.2)));
    background: linear-gradient(top, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0.2) 70%);
}

.navbar {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 0;
    height: 95px;
}

.navbar-inner {
    max-width: 1200px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.logo-navbar {
    /*width: 200px;
    height: 38px;*/
    width: 100% !important;
    height: 100% !important;
}

.navbar-brand {
    /* padding: 10px 10px 10px 0; */
    margin: 0;
}

.navbar-logo-info {
    color: #fff;
    font-size: 17px;
    white-space: pre-line;
    line-height: 1.2;
}

.search-navbar-container {
    max-width: 190px;
    width: 100%;
}

.search-navbar-container .input-group input {
    background: rgba(159, 159, 159, 0.15);
    height: 34px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #6f6f6f;
    color: #fff;
    font-size: 11px;
}

.search-navbar-container .input-group::-webkit-input-placeholder {
    color: #858585;
}

.search-navbar-container .input-group::-moz-placeholder {
    color: #858585;
}

.search-navbar-container .input-group:-ms-input-placeholder {
    color: #858585;
}

.search-navbar-container .input-group:-moz-placeholder {
    color: #858585;
}

.search-navbar-container .input-group input:focus {
    border-color: rgba(255, 255, 255, 0.8);
    /*background: rgba(159, 159, 159, 0.6);*/
}

.search-navbar-container .input-group .btn-search {
    background: rgba(159, 159, 159, 0.15);
    cursor: pointer;
    height: 34px;
    width: 36px;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #6f6f6f;
}

.search-navbar-container .input-group input:focus + .input-group-btn .btn-search {
    border-color: rgba(255, 255, 255, 0.8);
}

.search-icon {
    height: 14px;
    width: 14px;
}

.search-navbar-container .input-group .btn-search.search-mobile:not(.fake) {
    display: none;
}

.phone-navbar-container {
    font-size: 29px;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    /* white-space: nowrap; */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 310px;
    /* white-space: pre; */
    font-weight: 600;
}

.phone-navbar-container .bottom-text {
    font-size: 12px;
}

.red-text, .red-text:hover {
    color: #e5173f;
    padding-right: 10px;
    /* white-space: unset; */
}

.bottom-navbar-line {
    background: #fff;
    height: 77px;
    border-top: 2px solid #e5173f;
    position: relative;
    transition: all 0.5s ease-in-out;
}

.bottom-navbar-line.fixed-navbar {
    /*border-top: none;*/
    /*border-bottom: 2px solid #e5173f;*/
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
}

.phone-navbar-container:hover,
.phone-navbar-container:active,
.phone-navbar-container:focus,
.phone-navbar-container:active:focus {
    text-decoration: none;
    color: #fff;
}

.bottom-navbar-line .menu-inner {
    max-width: 1200px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
     padding: 0 15px;
    height: 100%;
    position: relative;
}

.bottom-navbar-line .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 15px 0;
    float: left;
}

.bottom-navbar-line .navbar-nav .nav-item {
    padding: 0 24px;
    border-right: 1px solid rgba(47, 47, 47, 0.21);
    white-space: nowrap;
}

.bottom-navbar-line .navbar-nav .nav-item:first-child {
    padding-left: 0;
}

.bottom-navbar-line .navbar-nav .nav-item:last-child {
    border-right: none;
}

.nav-link.link-menu.dropdown-toggle {
    padding-right: 14px !important;
}

@media only screen and (max-width: 1199px) {
    .bottom-navbar-line .navbar-nav .nav-item {
        padding: 0 20px;
    }
}

@media only screen and (max-width: 991px) {
    .bottom-navbar-line .navbar-nav .nav-item {
        padding: 0 14px;
    }

    .bottom-navbar-line .navbar-nav .nav-item .nav-link {
        font-size: 14px !important;
    }
}

.bottom-navbar-line .navbar-nav .nav-item .nav-link {
    text-transform: uppercase;
    color: #000;
    position: relative;
    padding-right: 0;
    font-size: 15px;
}

.bottom-navbar-line .navbar-nav .nav-item .nav-link::after {
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: -5px;
    margin-left: 0.3em;

    position: absolute;
    top: 20px;
    right: 0;
}

.bottom-navbar-line .navbar-nav .nav-item .nav-link:hover,
.bottom-navbar-line .navbar-nav .nav-item .nav-link:active,
.bottom-navbar-line .navbar-nav .nav-item .nav-link.active,
.bottom-navbar-line .navbar-nav .nav-item.show .nav-link,
.bottom-navbar-line .navbar-nav .nav-item:hover .nav-link,
.bottom-navbar-line .navbar-nav .nav-item.active-item .nav-link,
.bottom-navbar-line .navbar-nav .nav-item .nav-link.active-item {
    color: #e5173f;
    text-decoration: underline;
}

.bottom-navbar-line .navbar-nav .nav-item.dropdown .nav-link:hover::after,
.bottom-navbar-line .navbar-nav .nav-item.dropdown .nav-link:active::after,
.bottom-navbar-line .navbar-nav .nav-item.dropdown .nav-link.active::after,
.bottom-navbar-line .navbar-nav .nav-item.dropdown.show .nav-link::after,
.bottom-navbar-line .navbar-nav .nav-item.dropdown:hover .nav-link::after,
.bottom-navbar-line .navbar-nav .nav-item.dropdown.active-item .nav-link::after{
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: middle;
    content: "";
    border-top: 5px solid;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 0;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    padding: 0;
    position: absolute;
    top: 22px;
    right: -2px;
}

.actions-bottom-navbar {
    padding-top: 12px;
}

.btn-navbar {
    height: 49px;
    padding: 0 10px;
    float: left;
}

.btn-login {
    background: #999999;
}

a.btn-login {
    padding-top: 8px;
}

.btn-login:hover,
.btn-login:active,
.actions-login-navbar:hover .btn-login {
    background: #4a4a4a;
}

.btn-login img {
    height: 29px;
    width: 28px;
}

.actions-login-navbar {
    float: left;
}

.actions-search-navbar {
    float: left;
    margin-right: 10px;
}

.btn-basket-navbar {
    margin-left: 20px;
    background: #e5173f;
    padding-top: 3px;
}

.btn-basket-navbar img {
    height: 28px;
    width: 27px;
}

.btn-basket-navbar span {
    display: block;
    line-height: 1;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
}

.basket-block-navbar {
    display: inline-block;
    float: right;
    position: relative;
}

.actions-login-navbar {
    position: relative;
}

.navbar-container .dropdown-menu {
    border: 2px solid #4a4a4a;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin-bottom: 0;
    width: 250px;
    top: 40px;
    margin-top: 0!important;
}

.navbar-container .dropdown-style {
    width: max-content!important;
}

.navbar-container .dropdown-menu:before,
.navbar-container .dropdown-menu:after {
    content: '';
    display: block;
    position: absolute;
    top: -9px;
    left: 15px;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}

.navbar-container .dropdown-menu:before {
    border-bottom: 9px solid #4a4a4a;
    z-index: 1;
}

.navbar-container .dropdown-menu:after {
    top: -6px;
    border-bottom: 9px solid #fff;
    z-index: 1;
}

.navbar-container .dropdown-menu li {
    /* height: 65px; */
}

.navbar-container .dropdown-menu a {
    padding: 25px 20px;
    color: #191714;
    font-size: 15px;
    display: inline-block;
    line-height: 1.1;
    vertical-align: middle;
    width: 100%;
    border-bottom: 1px solid #d1d1d1;
    height: 100%;
}

.navbar-container .dropdown-menu a:hover,
.navbar-container .dropdown-menu a.active-item {
    color: #e5173f;
    text-decoration: underline;
    background: transparent;
}

.user-actions-container {
    display: none;
    position: absolute;
    top: 95%;
    right: 0;
    z-index: 500;
    margin-top: 10px;
    width: 240px;
    max-width: 350px;
    background: #fff;
    border: 2px solid #4a4a4a;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.actions-login-navbar:hover .user-actions-container {
    display: block;
}

.user-actions-container:before,
.user-actions-container:after {
    content: '';
    position: absolute;
    top: -9px;
    right: 15px;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}

.user-actions-container:before {
	border-bottom: 9px solid #4a4a4a;
}

.user-actions-container:after {
    top: -6px;
    border-bottom: 9px solid #fff;
}

.user-actions-inner {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.user-actions-inner:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    top: -10px;
    left: 0;
    height: 10px;
}

.user-actions-item {
    height: 65px;
}

.user-actions-link {
    width: 100%;
    height: 100%;
    display: block;
    border-bottom: 1px solid #d1d1d1;
    padding: 21px 20px;
}

.user-actions-item:last-child .user-actions-link {
    border-bottom: none;
}

.user-actions-link .icon-user-action {
    display: inline-block;
    vertical-align: middle;
}

.text-link-menu {
    color: #191714;
    font-size: 15px;
    display: inline-block;
    border-bottom: 1px dotted #191714;
    line-height: 1.1;
    vertical-align: middle;
}

.user-actions-link:hover .text-link-menu,
.user-actions-link:active .text-link-menu {
    color: #e5173f;
    border-bottom: 1px dotted #e5173f;
}

.user-actions-link:active,
.user-actions-link:hover,
.user-actions-link:focus,
.user-actions-link:active:focus {
    text-decoration: none;
}

.profile-link .icon-user-action {
    background: url(images/profile-menu-ic.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 17px;
    width: 17px;
}

.profile-link:hover .icon-user-action,
.profile-link:active .icon-user-action {
    background: url(images/profile-menu-ic-pink.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.orders-link .icon-user-action {
    background: url(images/orders-menu-ic.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 17px;
    width: 12px;
}

.orders-link:hover .icon-user-action,
.orders-link:active .icon-user-action {
    background: url(images/orders-menu-ic-pink.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.login-link .icon-user-action {
    background: url(images/login-icon-menu.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 16px;
    width: 16px;
}

.login-link:hover .icon-user-action,
.login-link:active .icon-user-action {
    background: url(images/login-icon-menu-sel.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.reg-link .icon-user-action {
    background: url(images/reg-icon.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 13px;
    width: 13px;
}

.reg-link:hover .icon-user-action,
.reg-link:active .icon-user-action {
    background: url(images/reg-icon-menu-sel.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.fav-link .icon-user-action {
    background: url(images/fav-icon-menu.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 14px;
    width: 15px;
}

.fav-link:hover .icon-user-action,
.fav-link:active .icon-user-action {
    background: url(images/fav-icon-menu-sel.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.compare-link .icon-user-action {
    background: url(images/compare-icon-menu.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 15px;
    width: 17px;
}

.compare-link:hover .icon-user-action,
.compare-link:active .icon-user-action {
    background: url(images/compare-icon-menu-sel.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.icon-user-action-container {
    width: 17px;
    height: 16px;
    text-align: center;
    margin-right: 20px;
    display: inline-block;
}

.badge-in-menu {
    background: #f2f2f2;
    display: inline-block;
    font-size: 15px;
    text-align: center;
    padding: 3px 10px;
    color: #191714;
    margin-top: -3px;
}

.min-basket-container {
    display: none;
    position: absolute;
    top: 95%;
    right: -15px;
    z-index: 2;
    margin-top: 10px;
    width: 414px;
    background: #fff;
    border: 2px solid #e5173f;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.basket-block-navbar:hover .min-basket-container {
    display: block;
}

.min-basket-container:before,
.min-basket-container:after {
    content: '';
    position: absolute;
    top: -9px;
    right: 30px;
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}

.min-basket-container:before {
    border-bottom: 9px solid #e5173f;
}

.min-basket-container:after {
    top: -6px;
    border-bottom: 9px solid #fff;
}

.min-basket-inner:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    top: -10px;
    left: 0;
    height: 10px;
}

.min-basket-products {
    padding: 15px 0 0;
    max-height: 300px;
    overflow: auto;
}

.min-basket-quantity-info .old-price{text-decoration: line-through; color: #191714}
.min-basket-quantity-info span{color: #e5173f;}
.min-basket-quantity-info {
    padding: 10px 20px;
    background-color: #fff;
}

.btn-go-to-order-min-basket {
    padding: 20px !important;
    display: block !important;
    text-align: center;
    background-color: #e5173f;
    color: #fff;
    text-decoration: none;
    font-size: 18px !important;
}

.btn-go-to-order-min-basket:hover,
.btn-go-to-order-min-basket:active,
.btn-go-to-order-min-basket:focus,
.btn-go-to-order-min-basket:active:focus {
    color: #fff;
}

.min-basket-quantity-info + .min-basket-quantity-info{padding: 0 20px; font-size: 14px; color: #e5173f;}
.min-basket-quantity-info {
    font-size: 13px;
    color: #191714;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
}

.product-item-min-basket {
    margin-bottom: 15px;
    border-bottom: 1px solid #d1d1d1;
    padding: 0 20px 10px;
}

.product-item-min-basket:last-child {
    margin-bottom: 0;
}

.product-item-min-basket:after {
    display: block;
    clear: both;
    content: '';
}

.product-image-min-basket {
    float: left;
    width: 75px;
}

.product-info-min-basket {
    float: left;
    width: 185px;
}

.product-count-min-basket {
    padding-top: 10px;
    float: right;
}

.product-img {
    width: 80%;
    max-height: 72px;
    -o-object-fit: contain;
    object-fit: contain;
}

.product-title-min-basket {
    text-transform: uppercase;
}

.product-price-min-basket {
    padding-top: 10px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.counter-min-basket {
    width: 90px;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    position: relative;
}

.counter-min-basket-input {
    width: 100%;
    height: 30px;
    padding: 2px 26px;
    display: inline-block;
    font-size: 13px;
    text-align: center !important;
    color: #191714;
    border: none;
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
    background: #f2f2f2;
}

.button-count {
    position: absolute;
    top: 0px;
    width: 26px;
    text-align: center;
    background: #999999;
    border: 1px solid transparent;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 30px;
    line-height: 1;
}

.ic-minus {
    height: 2px;
    width: 10px;
}

.ic-plus {
    height: 10px;
    width: 10px;
}

.button-min-count {
    left: 0;
    padding-top: 7px;
}

.button-plus-count {
    right: 0;
    padding-top: 7px;
}

.button-count:hover,
.button-count:active {
    background: #e5173f;
}

/* --------------- home page --------------- */
.slider-home-page {
    width: 100%;
    /*max-height: 85vh;*/
    position: relative;
    /*height: 35vh;*/
    /*min-height: 380px;*/
    /*border-bottom: 2px solid #e5173f;*/
}

.slider-home-page .bx-wrapper {
    margin-bottom: 0;
}

.background-slider-home-page {
    position: relative;
    width: 100%;
    height: auto;
}

.background-slider-home-page img {
    width: 100%;
}

.title-of-slider {
    color: #fff;
    line-height: 1.3;
    text-align: left;
    text-shadow: 0px 0px 27px black;
}

.title-of-slider .bold-text {
    font-size: 48px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    display: block;
}

.title-of-slider .normal-text {
    font-size: 38px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

.slider-home-page .slider {
    height: 50%;
}

/*.slider-home-page .slide-container {*/
/*background: url('images/slide1.png') no-repeat top center;*/
/*background-size: cover;*/
/*}*/

.slider-home-page .bx-wrapper {
    height: 100%;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: rgba(0, 0, 0, 0);
    border: none;
}

.slider-home-page .bx-wrapper .bx-viewport {
    height: 100% !important;
}

.slider-home-page .bx-wrapper ul {
    height: 100% !important;
}

.slider-home-page .bx-wrapper ul li {
    text-align: center;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: center;
    /*padding-top: 70px;*/
}
.slider-home-page .bx-wrapper ul li a {
    position: absolute;
    width: 100%;
    height: 100%;
}
.slider-home-page .bx-wrapper ul li a:hover,
.slider-home-page .bx-wrapper ul li a:active,
.slider-home-page .bx-wrapper ul li a:active:hover {
    text-decoration: none;
}
.slider-home-page .bx-wrapper ul li .content-slider {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    max-width: 1170px;
    width: 100%;
    padding: 0 80px;
}

.slider-home-page .bx-wrapper ul li .content-slider.with-button {
    /*padding: 55px 80px 0;*/
}

.slider-home-page .pager-home {
    max-width: 1180px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 15px;
}

.pager-home .bx-pager-item, .pager-home .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    vertical-align: bottom;
    font-size: 0;
    line-height: 0;
}

.slider-home-page .pager-home-container {
    position: absolute;
    top: 135px;
    left: 15px;
    right: 15px;
    text-align: left;
    width: calc(100% - 30px);
    z-index: 500;
}

.slider-home-page .pager-home a {
    background: #fff;
    height: 13px;
    width: 13px;
    position: relative;
    font-size: 0;
    line-height: 0;
    display: block;
    border-radius: 7px;
    text-indent: -9999px;
    margin: 0 5px;
}

.slider-home-page .pager-home a:hover,
.slider-home-page .pager-home a:focus {
    background: #fff;
}

.controller-buttons-home-container {
    position: absolute;
    width: 100%;
    top: 50%;
}

.controller-buttons-home-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 85vh;
    height: 35vh;
    min-height: 380px;
}

.controller-buttons-home {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 10px;
    display: none;
}

.controller-buttons-home > div {
    z-index: 500;
}

.bx-controls.bx-has-pager {
    width: 100%;
    /*max-width: 1200px;*/
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    /*height: 20px;*/
    /*position: relative;*/
}

.bx-wrapper .bx-pager {
    bottom: -20px;
    display: flex;
    justify-content: center;
    gap: 8px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    width: 40px;
    height: 4px;
    border-radius: 2px;
    background: #E8E8E8;
    margin: 0;
    transition: background-color .3s;
    outline: none;
}

.bx-wrapper .bx-pager.bx-default-pager a:focus.active {
    background: #2E323D !important;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #2E323D;
}

.bx-wrapper .bx-pager.bx-default-pager a:active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
    background: #E8E8E8;
}

.controller-buttons-home img {
    width: 36px;
    height: 65px;
    cursor: pointer;
}

.main-content {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding: 20px 15px 160px;
    width: 100%;
}
.main-content:after {
    display: block;
    clear: both;
    content: '';
}

.content-block {
    padding: 0 0 30px 0;
}

.content-block:last-child {
    padding: 30px 0;
}

.title-content-block {
    font-size: 46px;
    text-align: left;
    margin-bottom: 40px;
    line-height: 1.2;
    /*padding: 0 15px;*/
}

.title-content-block span,
.title-content-block a {
    display: inline-block;
    vertical-align: middle;
}

.slide-product {
    /*height: 447px;*/
    /*width: 264px;*/
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    /*border-right: 1px solid #f2f2f2;*/
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
    padding: 22px 15px;
    position: relative;
    border: 1px solid rgba(159, 159, 159, .28);
}
.bitum .slide-product {
    height: 143px;
    padding: 17px 15px;
}
@media (max-width: 768px) {
    .bitum .slide-product {
        height: auto;
        padding: 17px 15px;
    }
}

.slide-product-column{display: inline-block; vertical-align: top; padding: 0 10px}
.slide-product-column:nth-child(1){width: 100px;}
.slide-product-column:nth-child(2){width: 440px;}
.slide-product-column:nth-child(3){width: 260px;}

/* .preview-product-image{} */
.preview-product-image picture{display: block; min-height: 120px;}
.preview-product-image img{display: block; margin: 0 auto; max-height: 120px;}

.slick-slide {
    position: relative;
}

/*.slick-slide.slick-active + .slick-active:before {*/
/*    display: block;*/
/*    content: '';*/
/*    background: #f2f2f2;*/
/*    width: 1px;*/
/*    height: 447px;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*}*/

.slider-products-home .slick-list {
    /*height: 467px;*/
    padding-top: 14px;
}

.slider-products-link {
    padding: 8px 10px 7px;
    line-height: 1;
    color: #292b2c;
    font-size: 13px;
    background: #e6e7e9;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
    margin-left: 15px;
    margin-top: 3px;
}

.slider-products-link .arrow-icon {
    background: url(images/right-prod.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 15px;
    width: 9px;
    margin-left: 7px;
}

.slider-products-link:hover,
.slider-products-link:active,
.slider-products-link:active:focus {
    background: #e5173f;
    color: #fff;
}

.slider-products-link:hover .arrow-icon,
.slider-products-link:active .arrow-icon,
.slider-products-link:active:focus .arrow-icon {
    background: url(images/right-prod-white.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.slider-products-link span {
    display: inline-block;
    vertical-align: middle;
}

.slide-product:hover {
    -webkit-box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.2);
    border: 1px solid transparent;
    /*border-right: 1px solid transparent;*/
}

.main-page .slide-product:hover {
    height: 430px;
}

/*.slide-product-image-container {*/
    /*height: 240px;*/
    /*width: 100%;*/
    /*display: -webkit-box;*/
    /*display: -ms-flexbox;*/
    /*display: flex;*/
    /*-webkit-box-align: end;*/
    /*-ms-flex-align: end;*/
    /*align-items: flex-end;*/
    /*-webkit-box-pack: center;*/
    /*-ms-flex-pack: center;*/
    /*justify-content: center;*/
/*}*/

/*.slide-product-image-container .slide-product-image {*/
    /*max-height: 100%;*/
    /*max-width: 100%;*/
    /*-o-object-fit: cover;*/
    /*object-fit: cover;*/
    /*display: inline-block;*/
    /*vertical-align: bottom;*/
/*}*/

.slide-product-title {
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    color: #292b2c;
    display: block;
    margin-bottom: auto;
}

.slide-product-title:hover,
.slide-product-title:active,
.slide-product-title a {
    color: #292b2c;
}

.slide-product-title:focus,
.slide-product-title:active:focus {
    color: #292b2c;
}

.battery{display: inline-block; vertical-align: middle; border: 1px solid #c2c2c2; padding: 1px; height: 16px; line-height: 16px; margin: 0 0 0 10px; }
.battery li{float: left; display: block; width: 12px; height: 12px; background: #c2c2c2}
.battery li+li{margin-left: 1px;}
.battery.veryLow li:nth-child(1){background: #e5173f;}
.battery.low li:nth-child(1),
.battery.low li:nth-child(2){background: #e5173f;}
.battery.medium li:nth-child(1),
.battery.medium li:nth-child(2),
.battery.medium li:nth-child(3){background: #e5173f;}
.battery.high li:nth-child(1),
.battery.high li:nth-child(2),
.battery.high li:nth-child(3),
.battery.high li:nth-child(4){background: #e5173f;}
.battery.full li{background: #e5173f;}

.preview-product-properties{font-family: 'Open Sans', sans-serif;font-size: 15px; margin-bottom: 15px;}
.preview-product-properties > div{/*display: inline-block;*/ vertical-align: baseline;}
.preview-product-properties > div:first-child{/*width: 30%;*/}
.preview-quantity{border: 1px solid #c2c2c2; display: flex;}
.preview-quantity::after{content: ""; display: block; clear: both;}
.preview-quantity > div,
.preview-quantity > input{float: left; display: block; font-size: 20px;}
.preview-quantity > input{height: 38px; width: 50px; text-align: center; border: none; font-family: 'Open Sans', sans-serif; }
.preview-quantity > div{width: 30px; height: 38px; line-height: 38px; background: #e8e8e8; text-align: center; cursor: pointer; font-family: 'Open Sans', sans-serif;font-weight: bold; }
/*.bottom-product-slide {*/
    /*padding-top: 5px;*/
/*}*/

/*.bottom-product-slide:after {*/
    /*display: block;*/
    /*clear: both;*/
    /*content: '';*/
/*}*/
.product-detail-block {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

.preview-message {
    margin-top: 4px;
    font-size: 12px;
    color: #D2233C;
}
.news-slider-container {
    width: 100vw;
    margin-left: calc((50vw - 50%) * -1);
}

.item-new {
    display: inline-block;
    width: 300px !important;
}

.slide-new {
    position: relative;
    width: 300px;
    height: 360px;
    -webkit-transition: all ease 0.35s;
    -o-transition: all ease 0.35s;
    transition: all ease 0.35s;
    text-align: left;
    overflow: hidden;
}
.slide-new:hover {
    /*width: 600px;*/
    z-index: 1;
}

.text-info-new {
    width: 300px;
    height: 100%;
    /*display: inline-block;*/
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.text-info-new .text-block {
    max-height: 300px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.image-new-container {
    height: 100%;
    width: 300px;
    display: inline-block;
    margin-left: 0;
    -webkit-transition: margin-left ease 0.35s;
    -o-transition: margin-left ease 0.35s;
    transition: margin-left ease 0.35s;
}
.slide-new.close .image-new-container {
    margin-left: 0;
}

.date-block-new {
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 0;
    left: 0;
    width: 74px;
    height: 100%;
    -webkit-transition: all ease 0.35s;
    -o-transition: all ease 0.35s;
    transition: all ease 0.35s;
    border-left: 2px solid #727272;
    color: #e5173f;
    font-size: 13px;
    line-height: 4;
    padding-top: 95px;
    padding-left: 12px;
}

.slide-new:hover .image-new-container {
    margin-left: 300px;
}

.slide-new:hover .date-block-new {
    width: 300px;
    background: #191714;
    border-left: 2px solid #e5173f;
}

.news-date {
    color: #787679;
    padding-left: 12px;
    position: relative;
}

.news-date span {
    display: block;
    padding-bottom: 40px;
}

.slide-new:hover .news-date {
    position: absolute;
    top: 100px;
    left: 0;
    color: #e5173f;
}

.text-slide-new {
    height: 90px;
    position: relative;
    padding: 14px 12px;
    line-height: 1.2;
    -webkit-transition: all ease 0.35s;
    -o-transition: all ease 0.35s;
    transition: all ease 0.35s;
    display: flex;
    flex-direction: column;
}

.title-slider-new {
    flex-shrink: 0;
    color: #fff;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
    text-shadow: 0 0 16px black;
    width: 231px;
}

.description-slider-new {
    margin-top: 4px;
    display: none;
    color: #fff;
    font-size: 14px;
    opacity: 0;
    padding-top: 10px;
    width: 210px;
    padding-right: 10px;
    /*display: none;*/
    height: 0;
    -webkit-transition: all ease 0.35s;
    -o-transition: all ease 0.35s;
    transition: all ease 0.35s;
    overflow-y: auto;
}

.slide-new:hover .description-slider-new {
    position: relative;
    display: block;
    opacity: 1;
    height: 278px;
}

.slide-new:hover .text-slide-new {
    padding-left: 60px;
    height: auto;
}

.slide-new .circle,
.slide-new .close-new {
    display: none;
}
.slide-new:hover .circle {
    position: absolute;
    top: 15px;
    right: 12px;
    width: 30px;
    height: 30px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #fff;
    align-items: center;
    display: flex;
    cursor: pointer;
}
.slide-new:hover .close-new {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.post-view-link {
    display: none;
}
.post-view-full {
    display: inline-block;
    margin-top: 5px;
    cursor: pointer;
    padding: 6px 0;
}

.news-slider-container .title-content-block {
    max-width: 1200px;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    position: relative;
}

.slick-next-news, .slick-prev-news {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    display: inline-block;
}

.slick-next-news {
    margin-left: 25px;
}

.slick-prev-news {
    margin-right: 25px;
}

.news-slider-container .news-link {
    font-size: 13px;
    color: #000;
    text-decoration: underline;
    position: absolute;
    right: 15px;
    top: 25px;
}

.slick-next-news .icon-nav-slider-news {
    background: url(images/arr_black_news.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 45px;
    height: 5px;
}

.news-slider-container .slick-slide.slick-active + .slick-active:before {
    display: none;
}

.slick-prev-news .icon-nav-slider-news {
    background: url(images/arr_black_news.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 45px;
    height: 5px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.slick-next-news:hover .icon-nav-slider-news {
    background: url(images/arr_red_news.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.slick-prev-news:hover .icon-nav-slider-news {
    background: url(images/arr_red_news.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.news-slider-container .slick-arrow,
.news-slider-container .slick-arrow:focus,
.news-slider-container .slick-arrow:hover,
.news-slider-container .slick-arrow:active,
.news-slider-container .slick-arrow:active:focus {
    background: transparent;
    cursor: pointer;
    outline: none;
}

.post-view-full .arrow-post-view {
    background: url(images/arr_white_news.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 45px;
    height: 5px;
    margin-top: 10px;
}
.post-view-link .arrow-post-view {
    background-size: contain;
    display: inline-block;
    width: 45px;
    height: 5px;
    /*margin-top: 10px;*/
}

.slide-new:hover .arrow-post-view {
    background: url(images/arr_red_news.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.slide-new:hover .post-view-full {
    display: none;
}
.slide-new:hover .post-view-link {
    display: inline-block;
    padding: 10px 10px 10px 0;
}

.arrows-news {
    position: relative;
    width: 280px;
    margin-left: auto;
    margin-right: auto;
}
@media (max-width: 600px) {
    .arrows-news .left-arrow {
        display: none;
    }
    .arrows-news .right-arrow {
        display: none;
    }
}
.arrows-news .left-arrow,
.arrows-news .right-arrow {
    position: absolute;
    cursor: pointer;
}
.arrows-news .left-arrow {
    left: -50px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
.arrows-news .right-arrow {
    right: -50px
}

.btn-buy-product {
    float: right;
    height: 40px;
    background: #e5173f;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    border-radius: 2px;
}

@media (max-width: 600px) {
    .btn-more-product {
        min-width: auto;
    }
}

    .btn-buy-product:hover,
.btn-buy-product:active,
.btn-more-product:hover,
.btn-more-product:active{
    background: #191714;
    color: #fff;
    transition: color .3s, background .3s;
}
.btn-subscribe-product {
    float: right;
    height: 40px;
    font-size: 13px;
    font-weight: bold;
    color: #e5173f;
    background: #fff;
    border: 2px solid #e5173f;
}
.subscribes .btn-subscribe-product {
    float: none;
    margin: 0 5px;
}
a.btn-subscribe-product {
    text-decoration: none;
}
a.btn-subscribe-product:hover {
    color: #e5173f;
}
.btn-subscribe-product.subscribed {
    color: #999;
    border: 2px solid #999;
}
.btn-subscribe-product .btn-buy-product-icon{display: none !important;}
.btn-buy-product .btn-buy-product-icon {
    height: 15px;
    width: 14px;
    margin-right: 10px;
    display: inline-block;
    margin-top: -2px;
}

.price-product-slide span:last-child{margin: 0 10px}
.price-product-slide {
    color: #000;
    font-size: 22px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
    /*display: none !important;*/
}

.price-product-slide .fake{text-decoration: line-through;}

.price-single-product-slide
{
    font-size: 13px;
    text-align: center;
    color: #676767;
    margin-bottom: 10px;
}
/*.statuses-product {*/
    /*position: absolute;*/
    /*top: 20px;*/
    /*left: 20px;*/
/*}*/

/*.status-product {*/
    /*height: 25px;*/
    /*width: 51px;*/
    /*border-radius: 2px;*/
    /*color: #fff;*/
    /*text-align: center;*/
    /*padding: 3px 0;*/
    /*margin-top: 8px;*/
    /*font-size: 14px;*/
    /*font-family: 'Futuris Bold';*/
    /*!*Futura Futuris C Bold*!*/
/*}*/

/*.status-product:first-child {*/
    /*margin-top: 0;*/
/*}*/

/*.status-new {*/
    /*background: #191714;*/
/*}*/

/*.status-hit {*/
    /*background: #e5173f;*/
/*}*/

.slick-next:before,
.slick-prev:before {
    display: none;
}

.slick-prev, .slick-next {
    height: 45px;
    width: 25px;
    background: #e6e7e9;
    -webkit-transition: background ease 0.2s;
    -o-transition: background ease 0.2s;
    transition: background ease 0.2s;
    z-index: 99;
}

.slick-arrow:focus {
    background: #e6e7e9;
}

.slick-arrow:hover,
.slick-arrow:active,
.slick-arrow:active:focus {
    background: #e5173f;
}

.slick-next {
    padding-left: 2px;
    right: -18px;
}

.slick-prev {
    left: -18px;
}

.slick-arrow .icon-nav-slider-prod {
    height: 29px;
    width: 16px;
}

.slick-prev .icon-nav-slider-prod {
    background: url(images/left-prod.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.slick-next .icon-nav-slider-prod {
    background: url(images/right-prod.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.slick-prev:hover .icon-nav-slider-prod {
    background: url(images/left-prod-white.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.slick-next:hover .icon-nav-slider-prod {
    background: url(images/right-prod-white.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.logo-image {
    height: 57px;
    width: 57px;
}

.advantage-container {
    width: calc((100% - 60px) / 3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 200px;
    padding: 30px;
    float: left;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}
.advantage-container:not(:last-child) {
    margin-right: 30px;
}

.text-info-advantage {
    padding-left: 20px;
    width: calc(100% - 57px);
}

.title-advantage {
    white-space: pre-line;
    /*color: #fff;*/
    font-size: 24px;
    line-height: 1.2;
}

.subtitle-advantage {
    /*color: #fff;*/
    font-size: 17px;
    line-height: 1.2;
    padding-top: 10px;
}

.oil-advantage .title-advantage,
.oil-advantage .subtitle-advantage {
    color: #000;
}

.cup-advantage {
    background: url(images/cup.png) no-repeat center;
    background-size: cover;
    margin-right: 30px;
}

.cup-advantage:hover {
    -webkit-box-shadow: 0 0 12px rgb(25, 23, 20);
    box-shadow: 0 0 12px rgb(25, 23, 20);
}

.oil-advantage {
    background: url(images/oil.png) no-repeat center;
    background-size: cover;
    margin-right: 30px;
}

.oil-advantage:hover {
    -webkit-box-shadow: 0 0 12px rgb(230, 231, 233);
    box-shadow: 0 0 12px rgb(230, 231, 233);
}

.rus-advantage {
    background: url(images/rus.png) no-repeat center;
    background-size: cover;
}

.rus-advantage:hover {
    -webkit-box-shadow: 0 0 12px rgb(229, 23, 63);
    box-shadow: 0 0 12px rgb(229, 23, 63);
}

.advantages-block:after {
    display: block;
    clear: both;
    content: '';
}

/* ------------- footer ------------ */
body, html {
    position: relative;
}
html {
    height: 100%;
}

body {
    min-height: 100%;
}
.page {
    /*padding-bottom: 450px;*/
    position: relative;
}
.basket-page,
.delivery-type-page {
    /*padding-bottom: 100px;*/
}
/*.footer {*/
/*    !*background: #e6e7e9;*!*/
/*    position: absolute;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: 100%;*/
/*}*/

/*.min-footer .footer-inner {*/
/*    padding: 15px 15px 15px;*/
/*}*/

/*.min-footer-logo-container {*/
/*    float: left;*/
/*}*/

/*.min-footer-logo {*/
/*    width: 40px;*/
/*    height: 50px;*/
/*}*/

/*.copyright-min-footer {*/
/*    float: right;*/
/*    font-size: 13px;*/
/*    padding-top: 20px;*/
/*}*/

/*.footer-inner {*/
/*    padding: 55px 15px 45px;*/
/*    max-width: 1200px;*/
/*    width: 100%;*/
/*    margin-right: auto;*/
/*    margin-left: auto;*/

/*    display: table;*/
/*}*/

/*.footer-inner:after {*/
/*    display: block;*/
/*    clear: both;*/
/*    content: '';*/
/*}*/

/*.footer-block {*/
/*    width: 25%;*/
/*    !*float: left;*!*/
/*    padding: 0 15px;*/
/*    border-right: 1px solid #dfdfe1;*/

/*    display: table-cell;*/
/*    vertical-align: top;*/
/*}*/

/*.footer-block:first-child {*/
/*    padding-left: 0;*/
/*}*/

/*.footer-block:last-child {*/
/*    padding-right: 0;*/
/*    border-right: none;*/
/*}*/

/*.footer-logo-container {*/
/*    height: 125px;*/
/*    display: block;*/
/*}*/

/*.logo-footer {*/
/*    height: 125px;*/
/*    width: 102px;*/
/*}*/

/*.phones-footer-container {*/
/*    padding-top: 25px;*/
/*}*/

/*.phone-footer {*/
/*    margin-top: 5px;*/
/*    display: block;*/
/*    color: #504e4b;*/
/*    font-size: 22px;*/
/*    font-weight: bold;*/
/*    line-height: 1.2;*/
/*    white-space: nowrap;*/
/*    !*Futura Futuris C Bold*!*/
/*}*/

/*.phone-footer:hover,*/
/*.phone-footer:active,*/
/*.phone-footer:focus,*/
/*.phone-footer:active:focus {*/
/*    color: #504e4b;*/
/*}*/

/*.copyright {*/
/*    padding-top: 30px;*/
/*}*/

/*.title-footer-block {*/
/*    padding-bottom: 30px;*/
/*    color: #42413f;*/
/*    font-size: 15px;*/
/*    font-weight: bold;*/
/*    line-height: 1.2;*/
/*    !*Futura Futuris C Bold*!*/
/*}*/

/*.footer-menu {*/
/*    padding: 0;*/
/*    list-style: none;*/
/*    margin-bottom: 0;*/
/*}*/

/*.footer-menu-item {*/
/*    padding-bottom: 10px;*/
/*    display: block;*/
/*}*/

/*.footer-menu-item:last-child {*/
/*    padding-bottom: 0;*/
/*}*/

/*.footer-menu-item .footer-menu-link {*/
/*    font-size: 15px;*/
/*    color: #71706f;*/
/*}*/

/*.footer-menu-item.active-item .footer-menu-link {*/
/*    text-decoration: underline;*/
/*}*/

/*.map-footer {*/
/*    width: 100%;*/
/*    text-align: center;*/
/*}*/

/*.map-image-footer {*/
/*    width: 100%;*/
/*}*/

/*.footer-address {*/
/*    white-space: pre-line;*/
/*    color: #565553;*/
/*}*/

.made-in {
    color: #565553;
    margin-top: 75px;
}

.link-made {
    color: #565553;
    text-decoration: underline;
}

.link-made:hover,
.link-made:active,
.link-made:focus,
.link-made:active:focus {
    color: #565553;
}

.search-footer-container {
    width: 100%;
    margin-bottom: 42px;
}

.search-footer-container .input-group input {
    background: #dedfe1;
    height: 34px;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #b5b6b8;
    color: #42413f;
    font-size: 11px;
}

.search-footer-container .input-group::-webkit-input-placeholder {
    color: #858585;
}

.search-footer-container .input-group::-moz-placeholder {
    color: #858585;
}

.search-footer-container .input-group:-ms-input-placeholder {
    color: #858585;
}

.search-footer-container .input-group:-moz-placeholder {
    color: #858585;
}

.search-footer-container .input-group input:focus {
    border-color: #858585;
}

.search-footer-container .input-group .btn-search {
    background: #dedfe1;
    cursor: pointer;
    height: 34px;
    width: 36px;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #b5b6b8;
}

.search-footer-container .input-group input:focus + .input-group-btn .btn-search {
    border-color: #858585;
}

.search-icon {
    height: 14px;
    width: 14px;
}

.social-container {
    margin-bottom: 40px;
}

.social-block {
    height: 50px;
    width: 50px;
    background: #cfd0d1;
    border-radius: 50%;
    display: inline-block;
    float: left;
    margin-right: 20px;
    text-align: center;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

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

.vk-social img {
    height: 15px;
    width: 25px;
}

.fb-social img {
    height: 22px;
    width: 13px;
}

.ok-social img {
    height: 24px;
    width: 14px;
}

.insta-social img {
    height: 20px;
    width: 20px;
}

.youtube-social img {
    width: 25px;
    height: auto;
}

.vk-social {
    padding-top: 15px;
}

.vk-social:hover {
    background: #4c75a3;
}

.fb-social {
    padding-top: 14px;
}

.fb-social:hover {
    background: #3b5999;
}

.ok-social {
    padding-top: 13px;
}

.ok-social:hover {
    background: #F2720C;
}

.insta-social {
    padding-top: 15px;
}

.insta-social:hover {
    background: #e4405f;
}

.youtube-social {
    padding-top: 14px;
}

.youtube-social:hover {
    background: red;
}

/* ------------- basket page ------------ */
.steps-basket-container:after,
.social-container:after {
    display: block;
    clear: both;
    content: '';
}

.bitum .steps-basket-container {
    margin-bottom: 20px;
}

.step-basket {
    font-size: 23px;
    color: #191714;
    background: #ededed;
    height: 51px;
    width: 33.333333333%;
    border-right: 1px solid #fff;
    padding: 9px 20px 9px 30px;
    float: left;
}

.step-basket.link {
    color: #191714;
    text-decoration: none;
    transition: background-color .3s, color .3s;
}

.step-basket.link:hover {
    color: white;
    background-color: #e5173f;
}

.step-basket:last-child {
    border-right: none;
}

.step-basket .arrow-step {
    background: url(images/step-arr-dark.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 26px;
    height: 7px;
    float: right;
    margin-top: 15px;
}

.step-basket.active-step,
.step-basket.completed-step {
    background: #e5173f;
    color: #fff;
}

.step-basket.active-step .arrow-step,
.step-basket.completed-step .arrow-step {
    background: url(images/step-arr-white.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.no-padding-page .main-content {
    padding-left: 0;
    padding-right: 0;
}

.no-padding-page {
    padding: 0!important;
}

.table-basket {
    display: table;
    width: 100%;
}

.row-table-basket {
    display: table-row;
    width: 100%;
    font-size: 15px;
}

.row-flex-basket {
    display: flex;
    width: 100%;
}

.cell-table-order {
    padding-right: 0!important;
}

.top-row-table-basket {
    background: #F7F7F7;
    height: 40px;
}

.cell-table-basket {
    display: table-cell;
    border-bottom: 1px solid #999999;
    vertical-align: middle;
    padding: 25px 5px;
    position: relative;
}



/* ---------- order-success-page-start ----------- */
.cell-table-success-order {
    padding: 10px 0;
    vertical-align: -webkit-baseline-middle;
    padding-top: 0;
}

.cell-table-success-order:last-child {
    padding: 10px 0;
    vertical-align: -webkit-baseline-middle;
    padding-top: 0;
    padding-bottom: 0;
}

.row-table-basket .cell-table-success-order:first-child {
    width: 70%;
}

.cell-table-success, .cell-table-success-product, .cell-table-success, .cell-table-success-order {
    border-bottom: none;
}

.cell-table-success-product {
    padding: 10px 0;
    vertical-align: -webkit-baseline-middle;
    padding-top: 0;
}

.cell-table-success ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.order-product-title {
    text-transform: uppercase;
    color: #191714;
    font-weight: normal;
    font-size: 17px;
}

/* .row-table-basket .cell-table-success-product:first-child {
    width: 70%;
} */

.table-success {
    background-color: #f8f8f8;
}

.table-order {
    /* text-transform: uppercase; */
    color: #191714;
    font-weight: normal;
    font-size: 17px;
}

.row-table-title {
    color: #838383;
    font-size: 17px;
}

.row-table-title::after {
    content: ":"
}

.basket-product-title {
    text-transform: uppercase;
    color: #191714;
    font-size: 17px;
}

.basket-product-price {
    color: rgba(25, 23, 20, 255);
    font-weight: 600;
    white-space: nowrap;
    font-size: 20px;
}

.basket-product-price::after {
    content: " Р."
}

.order-product-qty {
    color: rgba(116, 116, 116, 255);
    white-space: nowrap;
    font-size: 17px;
}

.order-product-qty::after {
    content: " шт."
}

.order-delivery-block, .order-detail {margin-top: 25px; padding: 0;}
.order-delivery-block .order-fix-width {width: 18%!important; }
.basket-page.order .fix-width {width: 20%;}
.order-delivery-block .cell-table-basket, .contacts .cell-table-basket {padding: 15px 0px;}
.order-detail .cell-table-basket {padding-bottom: 10px;}
.order-delivery-block, .contacts {padding: 10px 0;}
.order-delivery-block .basket-product-price {float: right; width: 16%; }
.basket-page.order .result-count-line  * {font-size: 19px;}
.basket-page.order .result-count-line > div {padding: 0;}
.basket-page.order .actions-line {margin-top: 30px;}
.basket-page.order .actions-line a {margin-left: 0; width: 270px;}
.basket-page.order .basket-result-line {padding-bottom: 0;}
/* ---------- order-success-page-end ----------- */

.cell-table-success li {
    text-transform: uppercase;
    color: #000;
    padding-top: 20px;
}

.cell-table-success li:first-child {
    padding-top: 0;
}

.text-align {
    vertical-align: top;
}

.row-table-data {
    color: #000;
}

.top-row-table-basket .cell-table-basket {
    color: #4f4f4f;
    /*font-size: 19px;*/
    /*font-weight: bold;*/
    /*Futura Futuris C Bold*/
    padding: 10px 0px;
}

.cell-sum-product {
    color: #191714;
    font-weight: bold;
}

.label-cell-sum-product {
    text-align: right;
}

.cell-table-basket.order-fix-width {
    width: 20%;
    padding-left: 20px;
}

.cell-table-basket.order-fix-width-qty {
    width: 10%;
    padding-left: 20px;
}

.cell-table-basket.fix-width {
    width: 12%;
}

.cell-quantity-product-header {
    width: 20%;
}

.product-cell-image {
    max-width: 200px;
    width: 80%;
    max-height: 150px;
    -o-object-fit: contain;
    object-fit: contain;
}

.title-product-basket {
    display: block;
    font: normal 20px/150% 'OpenSans', sans-serif;
    color: #292B2C;
    text-transform: uppercase;
}

.price-product-basket {
    display: block;
    color: #191714;
    font-size: 18px;
    font-weight: bold;
}
.price-product-basket.old-price {
    text-decoration: line-through;
    color: rgba(0, 0, 0, 0.6);
    float: left;
    margin-right: 10px;
}
.input-count-basket {
    height: 50px;
    border: 1px solid #C2C2C2;
    color: #191714;
    text-align: center;
    font-size: 15px;
    width: 100%;
}

.clear-input {
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    width: 36px;
    height: 36px;
    margin-top: -5px;
    margin-right: -6px;
}
.clear-input:hover {
    opacity: 0.7;
}

.cell-table-basket .input-group {
    position: relative;
}

.basket-result-line:after {
    display: block;
    clear: both;
    content: '';
}

.basket-result-line {
    padding: 40px 0;
}

.result-count-line {
    width: 100%;
    clear: both;
    text-align: right;
    /*display: -webkit-box;*/
    /*display: -moz-box;*/
    /*display: -ms-flexbox;*/
    /*display: -webkit-flex;*/
    /*display: flex;*/
    /*-webkit-box-align: center;*/
    /*-moz-box-align: center;*/
    /*-ms-flex-align: center;*/
    /*-webkit-align-items: center;*/
    /*align-items: center;*/
    /*flex-wrap: wrap;*/
}
.offer-line {
    float: right;
    margin-top: 10px;
    padding: 5px 10px;
    background-color: #fafafa;
    max-width: 590px;
}
.actions-line {
    width: 100%;
    clear: both;
    text-align: right;
}
.result-quantity .price.old-price{text-decoration: line-through;}
.result-quantity .price.old-price + span{color: #e5173f}
.result-quantity .price{
    font-weight: bold;
    margin-left: 12px;}
.result-quantity {
    color: rgba(60, 60, 60, 255);
    font-size: 24px;
    min-width: 20%;
    text-align: right;
    padding: 0 25px;
    margin-left: auto;
}

.result-quantity-bold {
    font-weight: 900;
}
.error-add-address{line-height: 30px; margin-bottom: 10px; color: #e5173f;}
/*.result-price {*/
    /*display: inline-block;*/
    /*min-width: 15%;*/
    /*font-family: 'Futuris Bold';*/
    /*!*Futura Futuris C Bold*!*/
    /*font-size: 25px;*/
    /*text-align: right;*/
    /*padding: 0 25px;*/
/*}*/

/*.result-price-red {*/
    /*font-weight: 700;*/
    /*color: #e5173f;*/
/*}*/

/*.result-price-red::after {*/
    /*content: " P.";*/
/*}*/

/*.result-price .old-order-sum {*/
    /*text-decoration: line-through;*/
    /*color: rgba(0, 0, 0, 0.6);*/
    /*margin-right: 10px;*/
/*}*/

.actions-line {
    margin-top: 55px;
}

.action-basket {
    height: 52px;
    color: #fff;
    font-size: 20px;
    padding: 10px 40px 12px;
    margin-left: 0px !important;
    margin-top: 20px;
}

.action-basket:hover,
.action-basket:active,
.action-basket:focus,
.action-basket:active:focus {
    color: #fff;
}

.btn-go-back-to-catalog {
    background: #999999;
    margin-right: 30px;
}

.btn-go-back-to-catalog:hover,
.btn-go-back-to-catalog:active {
    background: rgba(0, 0, 0, 0.6);
}

.btn-go-to-order {
    background: #e5173f;
    margin-left: 90px;
    opacity: .8;
    /*transition: background-color .3s, opacity .3s;*/
}

.btn-go-to-order:hover {
    background-color: #db2045;
    opacity: 1;
}

/* ------------ delivery type ------------ */
.image-delivery-city {
    height: 60px;
    width: 60px;
}

.image-delivery-city-container {
    text-align: center;
    margin-top: 30px;
    display: inline-block;
}

.delivery-city-text {
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    /*Futura Futuris C Bold*/
    color: #4f4f4f;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}

.delivery-header {
    text-align: center;
}

.city-input-container {
    text-align: center;
    margin-top: 20px;
}

.city-input-container .city-input:not(.dropdown-block),
.city-input-container .bx-ui-sls-fake {
    height: 50px;
    background: #fff !important;
    color: #4f4f4f;
    border: 1px solid #cccccc !important;
    text-align: left;
    padding: 15px 20px;
    border-radius: 0;
    width: 400px;
    margin: 0;
}

.bootstrap-select.show > .dropdown-menu > .dropdown-menu {
    display: block;
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li.hidden {
    display: none;
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li a {
    display: block;
    width: 100%;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    color: #292b2c;
    text-align: inherit;
    white-space: nowrap;
    background: 0 0;
    border: 0;
    outline: none!important;
}

.city-input-container .dropdown-block {
    padding: 0;
    border: none;
    display: inline-block;
}

.city-input::-webkit-input-placeholder,
.city-input-container .bx-ui-sls-fake::-webkit-input-placeholder {
    color: #b1b1b1;
}

.city-input::-moz-placeholder,
.city-input-container .bx-ui-sls-fake::-moz-placeholder {
    color: #b1b1b1;
}

.city-input:-ms-input-placeholder,
.city-input-container .bx-ui-sls-fake:-ms-input-placeholder {
    color: #b1b1b1;
}

.city-input:-moz-placeholder,
.city-input-container .bx-ui-sls-fake:-moz-placeholder {
    color: #b1b1b1;
}

.block-select-city {
    padding-bottom: 40px;
    display: none;
}

.ui-menu .ui-menu-item-wrapper {
    font-size: 13px;
    padding: 10px 20px;
    background: #fff!important;
    color: #000;
}

.ui-menu .ui-menu-item:hover .ui-menu-item-wrapper,
.ui-menu .ui-menu-item-wrapper:hover,
.ui-menu .ui-menu-item-wrapper:active,
.ui-menu .ui-menu-item-wrapper:focus,
.ui-menu .ui-menu-item-wrapper:active:focus {
    background: #e5173f!important;
    border: 1px solid #e5173f!important;
    color: #fff;
}

.ui-widget.ui-widget-content {
    border: 1px solid #cccccc;
    max-width: 400px;
}

.ui-menu .ui-menu-item-wrapper {
    white-space: normal;
}

.block-select-delivery-type {
    /*display: none;*/
    margin-top: 20px;
}
.delivery-block-info {
    font-size: 17px;
}
.active-block {
    display: block;
}

.label-block {
    text-align: left;
    width: 25%;
    float: left;
    font-size: 19px;
    font-weight: bold;
    padding: 10px 25px;
    color: #4f4f4f;
}

.city-select-row-del-type {
    border-bottom: 1px solid #999;
    padding-bottom: 40px;
}

.city-select-row-del-type:after {
    display: block;
    clear: both;
    content: '';
}

.select-row-del-type {
    background: #f8f8f8;
    padding: 10px 0;
    margin-top: 10px;
    clear: both;
}

.select-row-del-type:after,
.delivery-type-bottom-line:after {
    display: block;
    clear: both;
    content: '';
}

.select-row-del-type .input-delivery-block {
    padding: 13px 0 0;
    float: left;
}

.price-delivery-type {
    font-size: 19px;
    font-weight: bold;
    color: #4f4f4f;
    float: right;
    padding: 13px 25px;
}

.select-row-del-type.no-margin {
    margin-top: 0;
    border-top: 1px solid #d8d8d8;
}

.address-input {
    margin-top: 15px;
}

.address-input.btn-group {
    width: 400px!important;
}

.bootstrap-select .dropdown-toggle:focus {
    outline: none!important;
}

.address-input .dropdown-toggle {
    width: 400px;
    height: 50px;
    border: 1px solid #cccccc;
    text-align: left;
    padding: 15px 20px;
    color: #4f4f4f;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff!important;
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li a {
    padding: 10px 10px;
    color: #292b2c;
    white-space: nowrap;
    font-weight: normal;
    display: block;
}

.bootstrap-select > .dropdown-menu > .dropdown-menu li a:hover,
.bootstrap-select > .dropdown-menu > .dropdown-menu li a:active,
.bootstrap-select > .dropdown-menu > .dropdown-menu li a:active:focus {
    background-color: #e5173f;
    color: #fff;
    border-radius: 0;
}

.bootstrap-select > .dropdown-menu {
    border-radius: 0;
    padding: 0;
}

.bootstrap-select.btn-group .dropdown-menu {
    margin-top: 0;
}

.bootstrap-select.btn-group .dropdown-menu {
    max-height: 356px !important;
}

.address-input .dropdown-toggle::after {
    border: solid #6d6a6b;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 2px;
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-top: -5px;
    margin-left: 0.3em;
    position: absolute;
    top: 25px;
    right: 15px;
    -webkit-transition: -webkit-transform ease 0.3s;
    transition: -webkit-transform ease 0.3s;
    -o-transition: transform ease 0.3s;
    transition: transform ease 0.3s, -webkit-transform ease 0.3s;
}

.show.address-input .dropdown-toggle::after {
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}

.address-input .dropdown-menu {
    max-width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    white-space: normal;
}

.selectize-dropdown [data-selectable], .selectize-dropdown .optgroup-header {
    padding: 12px 5px 12px 15px;
    border: 1px solid #b6b6b6;
    border-top: 0;
    -webkit-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    font-size: 13px;
    color: #000;
}

.selectize-dropdown .active {
    background: #e5173f;
    color: #fff;
    border-color: #e5173f;
}

.selectize-dropdown {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    margin-top: 0;
}

.delivery-type-checked {
    font-size: 23px;
    color: #191714;
    padding-top: 40px;
    float: left;
}

.result-delivery-price {
    font-size: 19px;
    font-weight: bold;
    color: #4f4f4f;
    display: inline-block;
    padding-right: 90px;
}

.check-delivery-container {
    padding-top: 30px;
}

.button-add-address {
    background: #fff;
    color: #e5173f;
    border: 1px solid #e5173f;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 13px;
    padding: 6px 12px;
    line-height: 1;
    outline: none!important;
    cursor: pointer;
    margin-top: 10px;
}

.button-add-address .plus-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 19px;
    margin-right: 5px;
}

.button-add-address:hover,
.button-add-address:active,
.button-add-address:active:focus {
    background: #e5173f;
    color: #fff;
}

.form-add-address {
    margin-top: 20px;
    /*display: none;*/
}

.form-add-address.show-form {
    display: block;
}

.save-new-address {
    background: #e5173f;
    color: #fff;
    border: 1px solid #e5173f;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 15px;
    padding: 10px 12px;
    line-height: 1;
    outline: none!important;
    cursor: pointer;
    width: calc(50% - 10px);
}

.select-address {
    margin-top: 10px;
}

.select-address .radio {
    padding-left: 30px;
}

.select-address .radio input[type=radio]:checked ~ .check {
    background: #e5173f;
}

/* ------------ radio ----------- */
.radio label {
    cursor: pointer;
    padding-left: 25px;
    position: relative;
    font-size: 19px;
    color: #4f4f4f;
    margin: 0;
}

.form-group.is-focused .radio label {
    color: #4f4f4f;
    font-size: 19px;
}

.form-group.is-focused .radio label:hover, .form-group.is-focused .radio label:focus {
    color: #4f4f4f;
}

fieldset[disabled] .form-group.is-focused .radio label {
    color: #4f4f4f;
}

.radio label span:not([class*='js-']) {
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    -webkit-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    transition-duration: 0.2s;
}

.radio label .circle {
    border: 1px solid #a3a3a3;
    background: #fff;
    height: 20px;
    width: 20px;
    border-radius: 100%;
}

.radio label .check {
    height: 20px;
    width: 20px;
    border-radius: 100%;
    background-color: #4f4f4f;
    -webkit-transform: scale3d(0, 0, 0);
    transform: scale3d(0, 0, 0);
}

.radio input[type=radio] {
    opacity: 0;
    height: 0;
    width: 0;
    overflow: hidden;
}

.radio input[type=radio]:checked ~ .check, .radio input[type=radio]:checked ~ .circle {
    opacity: 1;
}

.radio input[type=radio]:checked ~ .check {
    background-color: #4f4f4f;
}

.radio input[type=radio]:checked ~ .circle {
    border-color: #a3a3a3;
}

.radio input[type=radio]:checked ~ .check {
    -webkit-transform: scale3d(0.5, 0.5, 1);
    transform: scale3d(0.5, 0.5, 1);
}

.radio input[type=radio][disabled] ~ .check, .radio input[type=radio][disabled] ~ .circle {
    opacity: 0.26;
}

.radio input[type=radio][disabled] ~ .check {
    background-color: #000000;
}

.radio input[type=radio][disabled] ~ .circle {
    border-color: #000000;
}

/* ------------- payment --------------- */
.payment-select-row {
    padding: 15px 0;
    margin-top: 10px;
}

.payment-select-row .label-block {
    padding: 20px 25px 20px 0;
}

.payment-select-row:after,
.content-login-basket:after,
.form-group:after {
    display: block;
    clear: both;
    content: '';
}

.payment-select-row .input-delivery-block {
    padding: 23px 0 0;
    float: left;
}

.input-delivery-block {
    text-align: left;
}

/* ------------ login basket ---------- */
.content-login-block:first-child{width: 35%;}
.content-login-block:last-child{width: 65%;}
.content-login-block{
    float: left;
}

.content-login-basket {
    margin-top: 25px;
    padding-bottom: 20px;
}

.image-login-block-container {
    text-align: center;
    display: inline-block;
}

.image-login-block {
    height: 60px;
    width: 60px;
}

.title-login-block {
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    color: #4f4f4f;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}

.header-login-block:after {
    display: block;
    clear: both;
    content: '';
}

.header-login-block {
    text-align: center;
}

.registration-block {
    border-left: 1px solid #b0b0b0;
    padding-bottom: 10px;
    position: relative;
}

.fancy_login {
    position: relative;
    padding: 0px 40px 40px;
    width: 500px;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fancybox-inner {
    height: auto !important;
}

.content-login-block:first-child .form-login-basket{max-width: 330px;}
.content-login-block:last-child .form-login-basket{max-width: 690px;}
.content-login-block:last-child .form-login-basket .column{ width: 50%; float: left; max-width: 330px;}
.content-login-block:last-child .form-login-basket .column p{line-height: 50px}
.content-login-block:last-child .form-login-basket .column p span{display: inline-block; vertical-align: middle; line-height: normal;}
.content-login-block:last-child .form-login-basket .column+.column{margin-left: 30px;}

.captcha-block{}
.captcha-block input,
.captcha-block img{display: block; width: 49%}
.captcha-block input{float: right;}
.captcha-block img{float: left; height: 50px}

.personal-check{}
.personal-check input{display: none;}
.personal-check .image{display: block; background: url("images/check.png") no-repeat center; width: 20px; height: 20px; float: left}
.personal-check .text{display: block; float: left; width: calc(100% - 30px); margin-left: 10px; font-size: 15px; color: #646464;}
.personal-check input:checked ~ .image{background: #e5173f;}
.personal-check input:checked ~ .image:before{
    position: absolute;
    content: url(images/checkbox.png);
    display: block;
    margin-top: -1px;
    margin-left: 4.5px;
    width: 11px;
    height: 9px;
}

.form-login-basket {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    position: relative;
}

.form-login-basket .form-control {
    height: 50px;
    border: 1px solid #cccccc;
    font-size: 15px;
    padding: 0 20px;
}

.form-login-basket .form-control::-webkit-input-placeholder {
    color: #b1b1b1;
}

.form-login-basket .form-control::-moz-placeholder {
    color: #b1b1b1;
}

.form-login-basket .form-control:-ms-input-placeholder {
    color: #b1b1b1;
}

.form-login-basket .form-control:-moz-placeholder {
    color: #b1b1b1;
}

.btn-login-basket {
    width: 100%;
    background: #e5173f;
    color: #fff;
    font-size: 17px;
    height: 50px;
    padding: 15px;
}

.btn-login-basket:hover,
.btn-login-basket:active,
.btn-login-basket:focus,
.btn-login-basket:active:focus {
    color: #fff;
    text-decoration: none;
}

.restore-pass-link {
    display: inline-block;
    border-bottom: 1px dotted #e5173f;
    font-size: 17px;
    margin-top: 20px;
    color: #e5173f;
    line-height: 1.1;
}

.restore-pass-link:hover,
.restore-pass-link:active,
.restore-pass-link:focus,
.restore-pass-link:active:focus {
    color: #e5173f;
    text-decoration: none;
}

.form-group .form-control-half {
    width: calc(50% - 10px);
    float: left;
}

.form-group .form-control-half:first-child {
    margin-right: 20px;
}

/* ------------- catalog ------------ */
.text-count-positions {
    font-size: 13px;
    color: #151515;
    white-space: nowrap;
}

.show-positions {
    background: #e5173f;
    text-decoration: none;
    text-transform: lowercase;
    color: #fff;
    font-size: 15px;
    height: 21px;
    padding: 0 6px;
    width: 100%;
}

.category-select .btn-group {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.category-select .btn-category-select {
    text-align: left;
    padding: 13px 20px 8px;
    font-size: 17px;
    line-height: 1;
    background: #EBEBEA;
    margin-bottom: 5px;
    color: #292b2c;
    white-space: initial;
}

.btn-category-select:hover,
.btn-category-select:active,
.btn-category-select:active:focus,
.btn-category-select.active {
    background: #e5173f;
    color: #fff;
}

.popover {
    border-radius: 0;
    border: 1px solid rgba(47, 47, 47, 0.21);
    max-width: 400px;
    /*left: 10px!important;*/
    /*top: -10px!important;*/
}

.popover::after {
    border-width: 7px;
}

.popover.popover-right::after, .popover.bs-tether-element-attached-left::after {
    left: -7px;
    margin-top: -6px;
}

.popover::before {
    border-width: 7px;
}

.popover.popover-right::before, .popover.bs-tether-element-attached-left::before {
    left: -8px;
    margin-top: -6px;
}

.popover-content {
    padding: 9px;
}

.popover-filter {
    /*display: none;*/
}

.basket-container-modal {
    text-align: center;
}

.image-basket-modal {
    width: 50px;
    height: 52px;
}

.text-added-basket {
    font-size: 26px;
    text-align: center;
    margin-top: 20px;
}

.modal-added-basket .modal-content {
    border-radius: 0;
    border: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.39);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.39);
    height: 180px;
}

#dealer-disable-basket-modal .modal-content {
    border-radius: 0;
    border: none;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.39);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.39);
    /*height: 180px;*/
}

.modal-added-basket .modal-dialog {
    width: 370px;
    margin-top: calc(50vh - 180px);
}

.close-modal-container {
    text-align: right;
}

.close-modal-button {
    background: none;
    border: none;
    outline: none!important;
    cursor: pointer;
}

.close-modal-icon {
    width: 10px;
    height: 10px;
}

.breadcrumb {
    background: #fff;
    border-radius: 0;
    padding: 0;
}

.breadcrumb-item + .breadcrumb-item::before {
    color: #565F78;
    content: ">";
    padding-right: 10px;
    padding-left: 10px;
}

.breadcrumb-item a {
    color: #565F78;
    text-decoration: none;
}

.breadcrumb-item.active {
    color: #999;
}

.with-breadcrumb .main-content {
    padding-top: 0;
}
.main-content .breadcrumb {
    margin-bottom: 28px;
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    display: flex;
    flex-flow: wrap;
    gap: 8px 0;
}

@media (max-width: 767px) {
    .breadcrumb-item + .breadcrumb-item::before {
        padding-right: 4px;
        padding-left: 4px;
    }

    .main-content .breadcrumb {
        margin-bottom: 16px;
        font-size: 12px;
    }
}

.catalog-content:after,
.labels-price:after,
.filter-block:after,
.products-catalog-container:after,
.paginator:after {
    display: block;
    clear: both;
    content: '';
}

.filter-container, .personal-menu-container {
    width: 270px;
    float: left;
    background: #fff;
}

.category-select {
    margin-bottom: 20px;
}

.catalog-container .breadcrumb {
    float: left;
    width: 100%;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 15px;
}

.catalog-container {
    margin-left: 300px;
    display: flex;
    flex-flow: column;
}

/*.control-catalog::after{content: ""; display: block; clear: both;}*/
.control-catalog {
    background: #ebebeb;
    padding: 12px 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-box-direction: row;
    -webkit-box-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flexbox-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    align-items: center;
}
@media (max-width: 768px) {
    .control-catalog {
        padding: 8px 12px;
    }
}

.sort-container {
    /*display: inline-block;*/
    /*float: right;*/
    display: flex;
    align-items: center;
    gap: 12px;
}

.sort-container .title-sort {
    display: inline-block;
    vertical-align: top;
}

.sort-container .sort-item {
    display: flex;
    align-items: center;
    gap: 8px;
    border-right: 1px dotted #9f9f9f;
}

.sort-container .sort-item:last-child {
    border-right: none;
}

.sort-container .sort-item.active .label-sort {
    color: #e5173f;
}

.sort-container .sort-item .arrows-sort {
    display: inline-block;
    vertical-align: middle;
}

.sort-container .sort-item .arrows-sort .btn-sort {
    display: block;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    padding: 0;
    height: auto;
    width: auto;
}

.sort-container .sort-item .arrows-sort .btn-sort-asc {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #a1a1a1 transparent;
    margin-bottom: 6px;
}

.sort-container .sort-item .arrows-sort .btn-sort-desc {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #a1a1a1 transparent transparent transparent;
}

.sort-container .sort-item.active .arrows-sort .btn-sort-asc:not(.active) {
    border-color: transparent transparent rgba(229,23,63,0.5) transparent;
}

.sort-container .sort-item.active .arrows-sort .btn-sort-desc:not(.active) {
    border-color: rgba(229,23,63,0.5) transparent transparent transparent;
}

.sort-container .sort-item.active .arrows-sort .btn-sort-asc.active {
    border-color: transparent transparent #e5173f transparent;
}

.sort-container .sort-item.active .arrows-sort .btn-sort-desc.active {
    border-color: #e5173f transparent transparent transparent;
}

.sort-container .sort-item .arrows-sort .btn-sort-asc:hover {
    border-color: transparent transparent #e5173f transparent;
}

.sort-container .sort-item .arrows-sort .btn-sort-desc:hover {
    border-color: #e5173f transparent transparent transparent;
}

.sort-container .sort-item:hover .label-sort {
    color: #e5173f;
}

.catalog-container .title-of-page {
    margin-bottom: 15px;
}

.title-filter-block {
    font: 400 16px/140% var(--font);
    color: #292B2C;
    padding-bottom: 0;
}

.select-filter-block {
    padding-top: 10px;
}

.filter-block {
    position: relative;
    padding: 20px;
    border-bottom: 1px solid #c8c8c8;
    background: #ebebeb;
}

.filter-block:last-child {
    border-bottom: none;
}

.filter-by-price-container {
    padding-bottom: 20px;
}

.inputs-filter-by-price-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    position: relative;
    padding: 0 0 20px;
}

.divider-price-inputs {
    display: inline-block;
    padding: 7px 11px 0;
    height: 25px;
    color: #151515;
    line-height: 1;
}

.form-group-filter-price {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    width: 100px;
    max-width: 48%;
}

.form-group-filter-price:last-child {
    margin-right: 0;
}

.form-group-filter-price span {
    color: #000;
    position: absolute;
    left: 10px;
    top: 3px;
    font-size: 13px;
}

.input-price {
    background: #fff;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-align: left;
    border: 1px solid #999;
    width: 100%;
    color: #383838;
    padding: 0 10px;
    font-size: 13px;
    height: 30px;
}

.input-price:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
}

.input-price::-webkit-input-placeholder {
    color: #929292;
}

.input-price::-moz-placeholder {
    color: #929292;
}

.input-price:-ms-input-placeholder {
    color: #929292;
}

.input-price:-moz-placeholder {
    color: #929292;
}

.labels-price span {
    display: inline-block;
    color: #383838;
    font-size: 11px;
    font-weight: bold;
}

.start-price {
    float: left;
}

.end-price {
    float: right;
}

.slider.slider-horizontal .slider-track {
    background: #b3b3b3;
    border-radius: 0;
    height: 10px;
}

.slider.slider-horizontal .slider-track-low,
.slider.slider-horizontal .slider-track-high {
    background: #383838;
    height: 2px;
    top: 4px;
    border-radius: 0;
}

.slider.slider-horizontal .slider-selection {
    background: #e5173f;
    height: 4px;
    top: 3px;
    border-radius: 0;
}

.slider.slider-horizontal .min-slider-handle {
    margin-left: -6px;
}

.slider.slider-horizontal .max-slider-handle {
    margin-left: -9px;
}

.slider-handle.custom {
    background: transparent none;
    top: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 35px;
    width: 15px;
}

.slider-handle.custom::before {
    line-height: 20px;
    content: url(images/slider.png);
}

.slider.slider-horizontal {
    width: 100%;
}

.btn-filter {
    width: calc(50% - 10px);
    float: left;
    font-size: 15px;
}

.btn-filter-show {
    margin-right: 20px;
    color: #fff;
    background: #e5173f;
}

.title-of-page {
    font: 600 40px/120% var(--font);
    color: var(--dark, #2E323D);
    margin-top: 0;
    margin-bottom: 28px;
    text-align: left;
}

@media (max-width: 768px) {
    .title-of-page {
        font-size: 24px;
        line-height: 135%;
        margin-bottom: 20px;
    }
}

.dealers-information {
    padding: 20px 0;
    border-bottom: 1px solid #e6e7e9;
}
.description-catalog {
    line-height: 1.2;
    font-size: 15px;
    color: #151515;
}


.product-catalog {
    /*display: inline-block;*/
    /*float: left;*/
    /*margin-right: 17px;*/
    margin-top: 20px;
    /*padding: 0 15px;*/
    position: relative;
}

/*.product-catalog:nth-child(3n+2):before,*/
/*.product-catalog:nth-child(3n+3):before {*/
    /*display: block;*/
    /*content: '';*/
    /*background: #f2f2f2;*/
    /*width: 1px;*/
    /*height: 100%;*/
    /*position: absolute;*/
    /*left: 0;*/
    /*top: 0;*/
/*}*/

.icon-back-page {
    height: 13px;
    width: 7px;
}

.icon-next-page {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    height: 13px;
    width: 7px;
}

.page-link {
    border: none;
    font-size: 15px;
    color: #333333;
    line-height: 1;
    border-radius: 2px;
    margin: 0 5px;
    padding: 8px;
}

.page-item.active .page-link,
.page-link:hover,
.page-link:active,
.page-link:focus,
.page-link:active:focus {
    background: #e5173f;
    color: #fff;
}

.page-item.active,
.page-item.nav-button.disable{
    pointer-events: none !important;
}

.nav-button a,
.nav-button a:hover,
.nav-button a:active,
.nav-button a:focus,
.nav-button a:active:focus {
    border: none;
    border-radius: 0;
    background: #fff;
}

.pagination {
    float: right;
}

.paginator {
    margin-top: 28px;
}

/* ---------- checkbox ---------- */
.checkbox label {
    cursor: pointer;
    padding-left: 0;
    color: #151515;
    font-size: 15px;
}

.form-group.is-focused .checkbox label {
    color: #151515;
}

.form-group.is-focused .checkbox label:hover, .form-group.is-focused .checkbox label:focus {
    color: #151515;
}

fieldset[disabled] .form-group.is-focused .checkbox label {
    color: rgba(0,0,0, 0.26);
}

.checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
    left: 0;
    pointer-events: none;
}

.checkbox .checkbox-material {
    vertical-align: middle;
    position: relative;
    top: 2px;
    padding-right: 5px;
}

.checkbox .checkbox-material .check {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 1px solid #999999;
    overflow: hidden;
    z-index: 1;
    border-radius: 0;
    background: #fff;
}

.checkbox .checkbox-material .check:before {
    position: absolute;
    content: url(images/checkbox.png);
    display: block;
    margin-top: -4px;
    margin-left: 1.5px;
    width: 11px;
    height: 9px;
    visibility: hidden;
}

.checkbox input[type=checkbox]:focus + .checkbox-material .check:after {
    opacity: 0.2;
}

.checkbox input[type=checkbox]:checked + .checkbox-material .check {
    background: #e5173f;
    border-color: #e5173f;
}

.checkbox input[type=checkbox]:checked + .checkbox-material .check:before {
    visibility: visible;
}

fieldset[disabled] .checkbox, fieldset[disabled] .checkbox input[type=checkbox],
.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check,
.checkbox input[type=checkbox][disabled] + .circle {
    opacity: 0.5;
}

.checkbox input[type=checkbox][disabled] ~ .checkbox-material .check {
    border-color: #000000;
    opacity: .26;
}

.checkbox input[type=checkbox][disabled] + .checkbox-material .check:after {
    background-color: rgba(0,0,0, 0.87);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* ------------- product card ------------ */
.main-info-product:after {
    display: block;
    clear: both;
    content: '';
}

.images-container-product {
    max-width: 500px;
    width: 100%;
    float: left;
    padding-bottom: 20px;
}

.slick-vertical .slick-slide {
    height: 70px;
    width: 70px;
    overflow: hidden;
    margin-bottom: 10px;
}

.thumbnails-product-card .slick-slide.slick-active + .slick-active:before {
    display: none;
}

.slick-vertical .slick-slide img {
    /*height: 70px;*/
    /*width: 70px;*/
    -o-object-fit: cover;
    object-fit: cover;
    width: auto;
    height: 100%;
    margin: 0 auto;
}

.active-image-container {
    /*margin-left: 100px;*/
    /*width: 400px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    height: 420px;
}

.active-image-container > div {
    width: 400px;
    max-width: 100%;
    max-height: 100%;
}
.active-image-container > div .image-container {
    width: 100%;
    height: 100%;
}

.thumbnails-product-card .slick-current {
    border: 1px solid #e5173f;
}

.active-image-container .slick-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 420px;
}

.slick-vertical.slick-slider {
    float: left;
    display: inline-block;
    width: 70px;
    margin-right: 30px;
}

.picker-images-product-view {
    position: relative;
}

.picker-images-product-view:after {
    clear: both;
    content: '';
    display: block;
}

.info-product {
    /*margin-left: 500px;*/
}

.product-card-content .slick-list {
    padding-top: 0;
}

.product-card-content .prev-arrow {
    background: url(images/left-prod.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 22px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: absolute;
    top: 0;
    left: 29px;
    z-index: 800;
}

.product-card-content .next-arrow {
    background: url(images/left-prod.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 22px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    position: absolute;
    bottom: 0;
    left: 29px;
    z-index: 800;
}




.product-card-page .title-of-page {
    border-top: 1px solid #e1e1e1;
    padding-top: 20px;
}

.btn-action-product {
    background: #ebebeb;
    color: #e5173f;
    font-size: 15px;
    height: 36px;
    /*float: left;*/
    padding-top: 6px;
}

.btn-action-product:not(.active-button):hover,
.btn-action-product:not(.active-button):active {
    background: #e5173f;
    color: #fff;
}

.btn-action-product.active-button {
    background: #999999;
    color: #fff;
}

.btn-action-product span {
    display: inline-block;
    vertical-align: middle;
}

.btn-action-product-compare {
    margin-right: 15px;
}

.btn-action-product-compare .icon-button {
    background: url(images/compare-icon-menu-sel.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 17px;
    height: 15px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.btn-action-product-compare:hover .icon-button,
.btn-action-product-compare:active .icon-button,
.btn-action-product-compare.active-button .icon-button {
    background: url(images/compare-icon-white.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.btn-action-product-fav .icon-button {
    background: url(images/fav-icon-menu-sel.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 15px;
    height: 14px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.btn-action-product-fav:hover .icon-button,
.btn-action-product-fav:active .icon-button,
.btn-action-product-fav.active-button .icon-button {
    background: url(images/fav-icon-white.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.price-product-card {
    font-size: 43px;
    font-weight: bold;
    color: #151515;
    display: inline-block;
    line-height: 69px;
    float: left;
    margin-right: 40px;
}

.buy-product-card-button {
    height: 69px;
    color: #fff;
    font-size: 23px;
    background: #e5173f;
    padding: 10px 65px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.subscribe-product-card-button {
    height: 69px;
    color: #e5173f;
    font-size: 23px;
    background: #fff;
    padding: 10px 65px;
    border: 2px solid #e5173f;
}
.subscribe-product-card-button.subscribed {
    color: #999;
    border: 2px solid #999;
}

/* Subscribe Popover */
.subscribe.popover {
    margin-top: 10px;
    border: 1px solid #c2c2c2;
    box-shadow: 0px 2px 8px rgba(0,0,0,0.5);
    padding: 5px;
    min-width: 310px;
}
/* Popover Header */
.subscribe.popover .popover-title {
    background-color: #73AD21;
    color: #FFFFFF;
    font-size: 26px;
    text-align:center;
}
/* Popover Body */
.subscribe.popover .popover-content {
    background-color: coral;
    color: #FFFFFF;
    padding: 25px;
}
/* Popover Arrow */
.subscribe.popover .arrow {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    top: -22px;
    left: 50% !important;
    margin-left: -11px;
    border-top-width: 0;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,.25);
    border-width: 11px;
}
div.order-item-not-available {
	font-weight: 600;
    font-size: 20px;
}
div.sbc-txt {
	font-weight: 600;
    margin: 10px 0px;
}
input.email-subscribe {
    line-height: 28px;
    margin-bottom: 10px;
}
button.email-subscribe {
    color: #fff;
    background-color: #e5173f;
}
/*sbc item modal*/
.sbc-modal {
    display: none;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
}
.sbc-modal .modal-content {
    background-color: #fefefe;
    padding: 20px 50px;
    border: 1px solid #888;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
.sbc-modal .modal-content p {
    font-size: 14px;
    line-height: 24px;
}
.sbc-modal .modal-content .btn-block {
    width: 100%;
    text-align: center;
}
.sbc-modal .modal-content .btn-block button {
    transition: all 0.2s ease-in-out;
    background: #e5173f;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 2px;
    padding: 7px 17px;
    border: none;
    cursor: pointer;
}
.sbc-modal .modal-content .btn-block button:hover {
    background: #191714;
    color: #fff;
}
.sbc-modal .close {
    color: #aaa;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    top: 5px;
}
.sbc-modal .close:hover,
.sbc-modal .close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
@media screen and (max-width: 600px) {
    .sbc-modal .modal-content {
        width: 60%;
    }
    input.email-subscribe {
        margin-bottom: 0px;
    }
}
/*sbc item modal end*/

.volume-block-title {
    font-size: 15px;
}

.radio-button {
    display: inline-block;
    margin-right: 5px;
}

.radio-button label {
    padding: 5px 10px;
    margin: 0;
    font-size: 15px;
    text-align: center;
}

.radio-button .label-radio {
    padding: 5px 10px;
    border-radius: 2px;
    border: 1px solid #d7d7d7;
    background: #fff;
    color: #000000;
    font-size: 15px;
    display: block;
    white-space: nowrap;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
}

.radio-button input:checked ~ .label-radio {
    background: #e5173f;
    color: #fff;
    border: 1px solid #e5173f;
}

.variants-volume {
    font-size: 15px;
}
.variants-volume select{font-size: 13px; padding: 3px;}

.props-list, .description-list {
    font-size: 15px;
    color: #151515;
    padding-left: 15px;
    margin: 0;
}

/*.description-product-card {*/
    /*clear: both;*/
    /*padding-bottom: 20px;*/
/*}*/

/*.title-description-product-card {*/
    /*font-size: 32px;*/
    /*padding-left: 0;*/
    /*padding-right: 30px;*/
    /*width: 180px;*/
    /*float: left;*/
    /*line-height: 1;*/
/*}*/

/*.text-description-product-card {*/
    /*font-size: 16px;*/
    /*color: #151515;*/
    /*margin-left: 180px;*/
    /*padding-top: 6px;*/
/*}*/

/*.text-description-product-card p {*/
    /*padding: 0;*/
    /*margin: 0;*/
/*}*/

/* ----------------- news page ----------------- */
.menu-on-page {
    width: 270px;
    float: left;
    z-index: 9;
}
.menu-on-page h1 {
    font-size: inherit;
    margin: 0;
    font-weight: normal;
}

.menu-on-page .nav-link {
    background: #ebebeb;
    font-size: 17px;
    color: #151515;
    padding: 16px 20px 14px;
    line-height: 1;
}

.menu-on-page .nav-link {
    border-bottom: 1px solid #c8c8c8;
}

.menu-on-page .nav-item:last-child .nav-link {
    border-bottom: none;
}

.menu-on-page .nav-link:focus {
    color: #151515;
}

.menu-on-page .active-item .nav-link,
.menu-on-page .nav-link:hover,
.menu-on-page .nav-link:active,
.menu-on-page .nav-link:active:focus {
    background: #e5173f;
    color: #fff;
}

.content-of-page-with-menu {
    margin-left: 300px;
}
.content-of-page-with-menu.static {
    font-size: 15px;
}
.date-new {
    font-weight: bold;
    font-size: 20px;
    color: #999999;
    margin-right: 10px;
    display: inline-block;
}

.title-new {
    font-weight: bold;
    font-size: 21px;
    color: #151515;
}

.description-new {
    font-size: 15px;
    color: #151515;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    line-height: 1.5;
    max-height: 192px;
}

.day-in-date {
    color: #e5173f;
}

.image-block-new {
    height: 270px;
    width: 270px;
    overflow: hidden;
    text-align: center;
    float: left;
    margin-right: 30px;
}

.new-image {
    height: 100%;
}

.title-block-new {
    margin-bottom: 10px;
    line-height: 1;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.news-content {
    margin-bottom: 40px;
}

.new-container {
    margin-bottom: 30px;
}

.new-container:after,
.post-view-content:after,
.news-content:after,
.post-description-block:after,
.hot-line:after {
    display: block;
    clear: both;
    content: '';
}

.new-more-img {
    height: 5px;
    width: 45px;
}

/* ------------- post view --------------- */
.image-block-post-view {
    float: left;
    width: 270px;
    margin-right: 30px;
    margin-bottom: 30px;
}

.post-view-image {
    width: 100%;
}

.post-description {
    font-size: 15px;
    color: #151515;
}

.post-description-block {
    margin-top: 30px;
}

.back-to-news-image {
    height: 5px;
    width: 45px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    vertical-align: middle;
    margin-right: 5px;
}

.link-to-news {
    font-size: 15px;
    color: #e5173f;
    float: right;
    margin-top: 50px;
}

.link-to-news:hover,
.link-to-news:active,
.link-to-news:focus,
.link-to-news:active:focus {
    color: #e5173f;
}

.link-to-news span {
    display: inline-block;
    vertical-align: middle;
}

/* ----------------- support ---------------- */
.text-support {
    font-size: 16px;
    color: #151515;
}

.list-support {
    padding-left: 0;
    font-size: 15px;
    list-style: none;
    margin-bottom: 40px;
}

.list-support span {
    color: #151515;
    vertical-align: top;
    display: block;
}

.list-support span:before {
    display: inline-block;
    margin-right: 10px;
    content: '•';
    color: #e5173f;
}

.subtitle-of-page {
    font-size: 33px;
    color: #151515;
    line-height: 1;
    padding-top: 0;
    margin-bottom: 25px;
}

.contact-block {
    background: #ebebeb;
    padding: 25px 20px;
    height: 100%;
}

.contacts-container .row > div {
    margin-bottom: 30px;
}

.contacts-container {
    margin-bottom: 45px;
}

.region-contact-block {
    font-size: 19px;
    font-weight: bold;
    color: #4f4f4f;
    text-transform: uppercase;
}

.seller-contact-block {
    font-size: 19px;
    color: #151515;
    white-space: pre-line;
    line-height: 1.1;
}

.phone-contact-block a,
.mail-contact-block a {
    font-size: 15px;
    color: #151515;
    vertical-align: middle;
}

.phone-icon {
    height: 20px;
    width: 20px;
    margin-right: 15px;
    vertical-align: middle;
}

.envelope-icon {
    height: 16px;
    width: 20px;
    margin-right: 15px;
    vertical-align: middle;
}

.phone-contact-block,
.mail-contact-block,
.seller-contact-block {
    margin-top: 10px;
}

.col-form-label {
    font-weight: bold;
    font-size: 19px;
    line-height: 1.2;
    color: #4f4f4f;
}

.col-form-label span {
    color: #e5173f;
}

.input-form-question {
    height: 50px;
    border: 1px solid #999999;
    color: #4f4f4f;
    font-size: 15px;
    padding: 0 20px;
}

.input-form-question::-webkit-input-placeholder {
    color: #646464;
}

.input-form-question::-moz-placeholder {
    color: #646464;
}

.input-form-question:-ms-input-placeholder {
    color: #646464;
}

.input-form-question:-moz-placeholder {
    color: #646464;
}

.input-form-question:focus {
    border: 1px solid #999999;
}

.col-form-label {
    padding-top: calc(15px - 1px * 2);
}

.textarea-form-question {
    height: auto;
    resize: none;
    padding: 10px 20px;
}

.eye-image {
    width: 31px;
    height: 19px;
}

.file-input-group .form-control {
    height: 50px;
    border: 1px solid #999999;
    color: #4f4f4f;
    font-size: 15px;
    background: #fff;
    padding: 0 60px 0 20px;
}

.file-input-group .input-group-btn {
    height: 50px;
    background: #fff;
    border: 1px solid transparent;
    position: absolute;
    right: 0;
    top: 0;
}

.file-input-group .input-group-btn .btn-default {
    height: 50px;
    background: #fff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-bottom: 0;
    padding-top: 13px;
    text-shadow: none;
    z-index: 5;
}

.file-input-group .input-group-btn:hover,
.file-input-group .input-group-btn:focus,
.file-input-group .input-group-btn:active,
.file-input-group .input-group-btn:active:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.file-input-group .icon-span-filestyle {
    display: none;
}

.captcha-block {
    /*padding-top: 10px;*/
}

.captcha-image {
    height: 50px;
    max-width: calc(100% - 40px);
    margin-right: 8px;
}

.btn-change-captcha {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none;
    padding: 5px;
}

.icon-change-captcha {
    height: 22px;
    width: 22px;
}

.btn-send-question {
    margin-top: 30px;
    font-size: 23px;
    background: #e5173f;
    color: #fff;
    padding: 18px 30px;
}

/* -------------- hot line ------------- */
.hot-line-info:after,
.hot-line-content:after,
.form-question:after,
.approval-content:after,
.approval-info:after {
    display: block;
    clear: both;
    content: '';
}

.hot-line-info {
    margin-bottom: 40px;
}

.hot-line-image-container {
    float: left;
    margin-right: 30px;
    width: 270px;
}

.hot-line-image {
    width: 100%;
}

.hot-line-text {
    font-size: 15px;
    margin-bottom: 20px;
}

.hot-line-phone {
    display: block;
    font-size: 43px;
    font-weight: bold;
    /* futuris extra c regular*/
    color: #151515;
    margin-bottom: 10px;
}

.hot-line-phone:hover,
.hot-line-phone:active,
.hot-line-phone:focus,
.hot-line-phone:active:focus {
    text-decoration: none;
    color: #151515;
}

.hot-line-phone-info {
    color: #e5173f;
    font-size: 15px;
}

/* ------------- approval page ---------- */
.approval-image-container {
    float: left;
    margin-right: 23px;
    width: 270px;
}

.text-approval, .list-approval {
    font-size: 15px;
    color: #151515;
}

.text-approval {
    margin-bottom: 15px;
}

.list-approval {
    padding-left: 0;
    font-size: 15px;
    list-style: none;
    margin-bottom: 0;
}

.list-approval li {
    color: #151515;
    vertical-align: top;
}

.list-approval li:before {
    display: inline-block;
    margin-right: 10px;
    content: '•';
    color: #e5173f;
}

.text-info-approval {
    float: left;
    width: calc(100% - 293px);
}

.approval-producers {
    margin-top: 40px;
    margin-bottom: 60px;
}

.title-approval-producers {
    width: 100%;
    color: #fff;
    background: #999999;
    text-transform: uppercase;
    padding: 14px 25px 10px;
    font-size: 19px;
    line-height: 1;
}

.list-approval-producers {
    padding: 0;
    list-style: none;
    margin: 0;
}

.list-approval-producers li {
    background: #f8f8f8;
}

.list-approval-producers li:nth-child(2n) {
    background: #eeeeee;
}

.list-approval-producers .link-approval-list {
    color: #151515;
    font-size: 15px;
    padding: 11px 20px 9px;
    position: relative;
    width: 100%;
    display: block;
}

.list-approval-producers li:after {
    clear: both;
    content: '';
    display: block;
}

.list-approval-producers .icon-arrow-link {
    background: url(images/grey-ic-link.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 5px;
    height: 9px;
    position: absolute;
    right: 20px;
    top: 18px;
}

.list-approval-producers .link-approval-list:hover .icon-arrow-link,
.list-approval-producers .link-approval-list:active .icon-arrow-link,
.list-approval-producers .link-approval-list:active:focus .icon-arrow-link {
    background: url(images/red-ic-link.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.list-approval-producers .link-approval-list:hover,
.list-approval-producers .link-approval-list:active,
.list-approval-producers .link-approval-list:active:focus,
.list-approval-producers .link-approval-list:focus{
    text-decoration: none;
}

/* -------------- classification page ------------ */
.classification-image-container {
    float: left;
    margin-right: 30px;
    width: 270px;
}

.text-info-classification {
    float: none;
    width: auto;
}

.classification-container {
    margin-top: 40px;
    margin-bottom: 60px;
}

.classification-container .card-header {
    background: #999999;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

.classification-container .card-header a {
    color: #fff;
    font-size: 19px;
    text-transform: uppercase;
    display: block;
    padding: 14px 20px 10px;
}

.classification-container .card-header a:hover,
.classification-container .card-header a:focus,
.classification-container .card-header a:active,
.classification-container .card-header a:active:focus {
    text-decoration: none;
}

.icon-accordion {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 9px;
    height: 5px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: -webkit-transform ease 0.35s;
    transition: -webkit-transform ease 0.35s;
    -o-transition: transform ease 0.35s;
    transition: transform ease 0.35s;
    transition: transform ease 0.35s, -webkit-transform ease 0.35s;
}

.classification-container .card-header a:not(.collapsed) ~ .icon-accordion {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.classification-container .card-block {
    font-size: 15px;
    background: #f8f8f8;
    border-radius: 0;
    border: none;
}

.classification-container .card {
    border: none;
    border-radius: 0;
    margin-bottom: 25px;
}

/* ------------- quality ----------- */
.quality-content:after {
    display: block;
    clear: both;
    content: '';
}

.text-block-quality {
    font-size: 15px;
    white-space: pre-line;
}

.image-block-quality {
    width: 100%;
    margin: 20px 0;
}

.image-quality {
    width: 100%;
}

.quality-list {
    padding-left: 0;
    margin: 0;
    list-style: none;
}

.quality-list li {
    font-size: 15px;
    counter-increment: step-counter;
    margin-bottom: 25px;
}

.quality-list li:before {
    content: counter(step-counter);
    color: #fff;
    background: #e5173f;
    padding: 6px 9px 4px;
    font-size: 15px;
    text-align: center;
    vertical-align: middle;
}

.text-block-quality-half {
    border-right: 1px solid #d7d7d7;
    padding-bottom: 10px;
}

.quality-content .row > div:last-child .text-block-quality-half {
    border-right: none;
}

.quality-content .row > div:first-child {
    padding-right: 0;
}

.quality-content .row > div:last-child {
    padding-left: 0;
}

.quality-content .row > div:first-child .image-block-quality {
    padding-right: 40px;
}

.quality-content .row > div:first-child .text-block-quality-half {
    padding-right: 65px;
}

.quality-content .row > div:last-child .image-block-quality {
    padding-left: 40px;
}

.quality-content .row > div:last-child .text-block-quality-half {
    padding-left: 65px;
}

.image-block-quality-half {
    height: 250px;
}

/* -------------- profile ------------- */
.btn-save-profile {
    padding: 6px 40px;
    background: #6d6d6d;
    color: #fff;
    font-size: 15px;
}

.profile-content:after,
.history-content:after,
.order-content-content:after,
.favorites-content:after {
    display: block;
    clear: both;
    content: '';
}
.order-content-content .title-of-page {
    font-size: 39px;
}
@media only screen and (max-width: 1175px) {
    .order-content-content .title-of-page {
        font-size: 31px !important;
    }
}
@media only screen and (min-width: 990px) and (max-width: 1019px) {
    .order-content-content .title-of-page {
        font-size: 30px !important;
    }
}
@media only screen and (max-width: 739px) {
    .order-content-content .title-of-page {
        font-size: 23px !important;
    }
}
@media only screen and (max-width: 407px) {
    .order-content-content .title-of-page {
        font-size: 19px !important
    }
    .btn-go-back-to-history {
        font-size: 12px;
        padding: 16px 3px !important;
    }
}
.profile-content {
    padding-bottom: 100px;
}

/* ------------- history -------------- */
.history-item {
    margin-bottom: 20px;
}

.header-history-item {
    background: #999999;
    padding: 7px 10px 7px 20px;
}

.header-history-item .order-num {
    color: #fff;
    font-size: 19px;
    padding-top: 2px;
}

.order-content-link {
    background: #eeeeee;
    color: #787878;
    font-size: 15px;
    padding: 5px 15px 3px;
    display: inline-block;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

.order-content-link:hover,
.order-content-link:active,
.order-content-link:focus,
.order-content-link:active:focus {
    color: #787878;
    text-decoration: none;
}

.order-content-link:hover,
.order-content-link:active,
.order-content-link:active:focus {
    background: #6d6d6d;
    color: #fff;
}

.order-content-link-container {
    text-align: right;
}

.body-history-item {
    background: #f8f8f8;
    padding: 15px 20px;
}

.footer-history-item {
    background: #eeeeee;
    padding: 11px 20px;
}
.footer-history-item.shipment {
    width: 100%;
    display: table-caption;
}

.order-row {
    font-size: 15px;
    margin-bottom: 10px;
}

.order-row:last-child {
    margin-bottom: 0;
}

.label-order-row {
    color: #828282;
}

.value-order-row {
    color: #000000;
}

.row-order-footer {
    font-size: 15px;
    font-weight: bold;
}

.label-row-order-footer {
    color: #3c3c3c;
}

.value-row-order-footer {
    color: #e5173f;
}

.order-info-container {
    border-right: 1px solid #c8c8c8;
    height: 100%;
}

.order-info-text {
    white-space: pre-line;
    font-size: 15px;
    color: #000000;
}

.btn-repeat-order {
    max-width: 100%;
    width: 230px;
    padding: 11px 0;
    background: #6d6d6d;
    color: #fff;
    font-size: 15px;
    margin-top: 30px;
}

.order-info-status-container {
    height: 100%;
}

/* ------------ order content page ------------ */
.table-order-content .cell-quantity-product {
    font-size: 15px;
}

.table-basket.table-order-content {
    margin-top: 20px;
}
.table-basket.table-order-content + .table-basket.table-order-content {
    margin-top: 0;
}

.table-order-content .product-cell-image {
    max-height: 72px;
    max-width: 50px;
}

.table-order-content .cell-table-basket.cell-image-product {
    width: 10%;
    padding: 25px 10px;
    text-align: center;
}

.btn-go-back-to-history {
    background: #eeeeee;
    color: #787878;
    padding: 16px 13px;
    -webkit-transition: all ease 0.2s;
    -o-transition: all ease 0.2s;
    transition: all ease 0.2s;
}

.btn-go-back-to-history:hover,
.btn-go-back-to-history:active,
.btn-go-back-to-history:focus,
.btn-go-back-to-history:active:focus {
    color: #6d6d6d;
    text-decoration: none;
}

.btn-go-back-to-history:hover,
.btn-go-back-to-history:active,
.btn-go-back-to-history:active:focus {
    background: #4a4a4a;
    color: #fff;
}

.btn-go-back-to-history-container {
    text-align: right;
    padding-top: 10px;
    padding-left: 0;
}

.footer-order-content .order-row {
    margin-bottom: 0;
}

/* ----------- favorites ----------- */
.favorites-basket .cell-add-to-basket {
    width: 10%;
    padding-right: 10px;
}

.favorites-basket .btn-add-to-basket {
    background: #e5173f;
    color: #fff;
    padding: 14px 30px;
    font-size: 15px;
}

.favorites-basket .cell-remove-from-favorites {
    width: 5%;
    padding-left: 10px;
}

.favorites-basket .btn-remove-from-basket {
    background: #fff;
    border: 1px solid #999;
    border-radius: 2px;
    height: 50px;
    width: 50px;
    font-size: 20px;
}

.favorites-basket .btn-remove-from-basket span {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    display: inline-block;
}

.favorites-basket .btn-remove-from-basket:hover,
.favorites-basket .btn-remove-from-basket:active,
.favorites-basket .btn-remove-from-basket:active:focus {
    background: #999;
    color: #fff;
}

.favorites-basket .product-cell-image {
    max-height: 170px;
}

.favorites-basket .cell-table-basket {
    padding: 25px 15px;
}

.favorites-basket {
    margin-top: 20px;
}

.favorites-content {
    padding-bottom: 40px;
}

/* ------------- quality management ---------- */
.text-block-quality-man {
    margin-bottom: 40px;
}

.quality-man-container {
    margin-top: 40px;
    margin-bottom: 60px;
}

.quality-man-container .card-header {
    background: #999999;
    border: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
}

.quality-man-container .card-header a {
    color: #fff;
    font-size: 19px;
    text-transform: uppercase;
    display: block;
    padding: 14px 20px 10px;
}

.quality-man-container .card-header a:hover,
.quality-man-container .card-header a:focus,
.quality-man-container .card-header a:active,
.quality-man-container .card-header a:active:focus {
    text-decoration: none;
}

.icon-accordion {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 9px;
    height: 5px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: -webkit-transform ease 0.35s;
    transition: -webkit-transform ease 0.35s;
    -o-transition: transform ease 0.35s;
    transition: transform ease 0.35s;
    transition: transform ease 0.35s, -webkit-transform ease 0.35s;
}

.quality-man-container .card-header a:not(.collapsed) ~ .icon-accordion {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.list-files-quality {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-files-quality li {
    font-size: 15px;
    padding: 12px 20px 10px;
    background: #f8f8f8;
}

.list-files-quality li:after {
    display: block;
    content: '';
    clear: both;
}

.list-files-quality li:nth-child(2n) {
    background: #eeeeee;
}

.quality-man-container .card-block {
    padding: 0;
}

.quality-man-container .card {
    border: none;
    border-radius: 0;
    margin-bottom: 30px;
}

.links-block-document {
    float: right;
}

.document-link {
    width: 25px;
    height: 20px;
    display: inline-block;
    margin-right: 30px;
    text-align: center;
}

.document-link:last-child {
    margin-right: 0;
}

.icon-read {
    background: url(images/book.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 25px;
    height: 20px;
}

.document-link:hover .icon-read,
.document-link:active .icon-read,
.document-link:active:focus .icon-read {
    background: url(images/book_red.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.icon-download {
    background: url(images/download.png) no-repeat;
    background-size: contain;
    display: inline-block;
    height: 19px;
    width: 19px;
}

.document-link:hover .icon-download,
.document-link:active .icon-download,
.document-link:active:focus .icon-download {
    background: url(images/download_red.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.icon-mark {
    background: url(images/bookmark.png) no-repeat;
    background-size: contain;
    display: inline-block;
    width: 13px;
    height: 15px;
}

.document-link:hover .icon-mark,
.document-link:active .icon-mark,
.document-link:active:focus .icon-mark {
    background: url(images/bookmark_red.png) no-repeat;
    background-size: contain;
    display: inline-block;
}

.title-document {
    display: inline-block;
    max-width: calc(100% - 170px);
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.btn-read-more {
    height: 35px;
    background: #e5173f;
    color: #fff;
    font-size: 13px;
    border-radius: 2px;
}

.btn-read-more:hover,
.btn-read-more:focus,
.btn-read-more:active,
.btn-read-more:active:focus {
    color: #fff;
}

.block-read-more {
    text-align: left;
    padding-top: 25px;
}

.side-menu-overlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1030;
}

.logo-mobile {
    display: none;
}

.phone-navbar-container-mob {
    display: none;
}

.actions-search-navbar {
    display: none;
}

.btn-filter-catalog {
    display: none;
}

.btn-toggle-menu-on-page {
    display: none;
}

/* --------- dropdown catalog --------- */
.show-inner-item-menu {
    display: flex !important;
    /* max-height: 200px; */
}
.nav-item-catalog {
    position: initial;
}

/* .nav-item-catalog:hover .dropdown-menu-catalog::after, .nav-item-catalog:hover .dropdown-menu-catalog::before {
    z-index: 2 !important;
} */

.dropdown-menu-catalog {
    right: 0;
    left: 0;
    /*width: auto !important;*/
    width: auto;
    /*min-width: 600px;*/
    top: 65px !important;
    /*display: block !important;*/
    /* background-color: transparent; */
    /* border: none !important; */
    /* max-height: 200px; */
}

.dropdown-menu-catalog::after {
    border-bottom: 9px solid #f7f7f7!important;
}

/* .dropdown-menu-catalog::after, .dropdown-menu-catalog::before {
    z-index: 1 !important;
} */

.catalog-menu-button-lg {
    display: block !important;
}
.catalog-menu-button-sm {
    display: none !important;
}
@media only screen and (max-width: 601px) {
    .catalog-menu-button-lg {
        display: none !important;
    }
    .catalog-menu-button-sm {
        display: block !important;
    }
}

.dropdown-menu-catalog .overflow {
    overflow: hidden;
    display: flex;
    width: 100%;
}

.flex-4.left {
    display: flex;
    width: 33%;
    flex-direction: column;
    justify-content: space-between;
    background-color: #f7f7f7;
    /* border: 2px solid #4a4a4a; */
    box-shadow: 0 0 14px rgba(0, 0, 0, .3);
    padding: 16px 32px;
    padding-right: 0;
    z-index: 1;
}
/*.flex-4.left a {
    min-width: ;
}*/

.flex-8 {
    display: none;
    flex-direction: column;
    /* width: 100%; */
    /* border: 2px solid #4a4a4a; */
    /* background-color: #fff; */
    /* border-left: none; */
    /* box-shadow: inset 8px 0 5px -5px rgba(0, 0, 0, .3); */
    flex-wrap: wrap;
    padding: 16px 0;
    /* justify-content: space-between; */
    /* position: relative; */
    position: absolute;
    list-style: none;
    top: 0;
    bottom: 0;
    right: 0;
    left: 33%;
    z-index: 5;
}
.dropdown-menu-catalog .vl {
    border-left: 1px solid #e6e6e6;
    height: 97%;
    position: absolute;
    left: 66%;
    margin-left: -0px;
    top: 3px;
}
@media only screen and (max-width: 788px) {
    .dropdown-menu-catalog .vl {
        left: 66%;
        margin-left: 15px;
    }
}
@media only screen and (max-width: 760px) {
    .dropdown-menu-catalog .vl {
        display: none;
    }
}


/* .flex-8::before {
    content: "";
    position: absolute;
    display: block;
    border-left: 1px solid #e6e6e6;
    z-index: 1;
    left: 50%;
    top: 0;
    bottom: 0;
} */
.flex-4.left li[role="presentation"]>a:hover {
    background: #f7f7f7 !important;
}

.flex-4.left li[role="presentation"]>a::after {
    content: '';
    position: absolute;
    display: inline-block;
    right: -29px;
    top: 35%;
    bottom: 50%;
    border: 5px solid transparent;
    border-left: 5px solid #676767;
}

.flex-4.left li[role="presentation"]>a:hover::after {
    border-left-color: #e4405f;
}

.menu-catalog-inner {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 33.33333%;
    height: auto;
}

.flex-8.right {
    display: none;
}

.flex-8.right:hover {
    display: flex;
    /* flex-direction: column; */
}
li[role="presentation-right"] {
    /* max-width: 50%; */
    /* width: 100%; */
    white-space: normal;
}
li[role="presentation-right"], .flex-4.left li[role="presentation"] {
    height: auto !important;
}
li[role="presentation-right"] a {
    background-color: transparent;
    color: #676767 !important;
    padding: 10px 32px !important;
    border: none !important;
    position: relative;
    width: 100% !important;
    font-size: 15px;
}
li[role="presentation-right"]:hover {
    background-color: transparent;
}
li[role="presentation-right"] a:hover {
    color: #000 !important;
}
.flex-4.left li[role="presentation"]>a {
    padding: 8px 0 !important;
    border: none !important;
    position: relative;
    width: auto !important;
    text-transform: uppercase;
    font-size: 13px;
    white-space: normal;
    max-width: 88%;
    line-height: 1.5;
}
@media only screen and (max-width: 740px) {
    .flex-4.left li[role="presentation"]>a {
        max-width: 82%;
    }
}

.show > .dropdown-menu {
    display: flex;
}

/* ------------- adaptive -------------- */
@media only screen and (max-width: 1230px) {
    .basket-page, .delivery-type-page, .delivery-type-page {
        padding: 0 0 100px;
    }
    .dropdown-menu-catalog {
        right: 15px;
        left: 15px;
    }
    .bottom-navbar-line .menu-inner {
        padding: 0 15px;
    }
}
@media only screen and (max-width: 1210px) {
    .price-product-card {
        margin-right: 30px;
        font-size: 39px;
    }
    .content-block {
        padding: 0 15px 30px 15px;
    }

    .content-block.advantages-block {
        padding: 30px 0;
    }

    .footer-block {
        width: auto;
    }

    .slick-slide.slick-active + .slick-active:before {
        display: none;
    }

    .advantage-container {
        height: 165px;
    }

    .title-advantage {
        font-size: 19px;
        white-space: normal;
    }

    .subtitle-advantage {
        font-size: 13px;
    }

    .phone-navbar-container {
        font-size: 22px;
        width: 266px;
    }
    .phone-navbar-container span:last-child {
        font-size: 11px;
    }

    .search-navbar-container {
        margin-right: 15px;
    }

    .social-block {
        width: 40px;
        height: 40px;
        margin-right: 15px;
    }

    .vk-social img {
        height: 12px;
        width: 22px;
    }

    .fb-social img {
        height: 19px;
        width: 10px;
    }

    .ok-social img {
        height: 21px;
        width: 11px;
    }

    .insta-social img {
        height: 17px;
        width: 17px;
    }

    .insta-social {
        padding-top: 10px;
    }

    .youtube-social img {
        /*height: 17px;*/
        width: 21px;
    }

    .youtube-social {
        padding-top: 9px;
    }

    .vk-social {
        padding-top: 9px;
    }

    .fb-social {
        padding-top: 10px;
    }

    .ok-social {
        padding-top: 10px;
    }

    .phone-footer {
        font-size: 19px;
    }

    .title-of-slider .bold-text {
        font-size: 47px;
    }

    .title-of-slider .normal-text {
        font-size: 28px;
    }

    .advantage-container {
        padding: 30px 22px;
    }

    .oil-advantage,
    .cup-advantage {
        margin-right: 25px;
    }

    .advantage-container {
        width: calc((100% - 50px) / 3);
    }

    .navbar-logo-info {
        font-size: 13px;
        margin-left: 10px;
        max-width: 260px;
    }

    .logo-navbar {
        width: 190px;
        height: 36px;
    }
}

@media only screen and (max-width: 1181px) {
    /*.products-catalog-container {*/
    /*    !*max-width: 588px;*!*/
    /*    margin-left: auto;*/
    /*    margin-right: auto;*/
    /*}*/
    /*.product-catalog:nth-child(3n+2):before,*/
    /*.product-catalog:nth-child(3n+3):before {*/
        /*display: none;*/
    /*}*/
    /*.product-catalog:nth-child(2n):before {*/
        /*display: block;*/
        /*content: '';*/
        /*background: #f2f2f2;*/
        /*width: 1px;*/
        /*height: 100%;*/
        /*position: absolute;*/
        /*left: 0;*/
        /*top: 0;*/
    /*}*/
}

@media only screen and (max-width: 1094px) {
    .title-of-slider .bold-text {
        font-size: 33px;
    }
}
@media only screen and (max-width: 1000px) {
    /* .phone-navbar-container {
        width: auto;
    } */
    /* .phone-navbar-container span:last-child {
        display: none;
    } */
}

@media only screen and (max-width: 1161px) {
    /*#navbarSupportedContent .d-none-lg {
        display: none!important;
    }*/
}

@media only screen and (max-width: 1150px) {
    .row-flex-basket:not(:last-child) {
        border-bottom: 1px solid #e4e4e4;
    }
    .row-flex-basket:not(:first-child) div:first-child {
        margin-bottom: 0;
        margin-top: 15px;
    }
    .order-delivery-block .basket-product-price {float: right; width: auto; }
    .order-delivery-block .order-fix-width {text-align: right; }
    .basket-page.order .order-fix-width-qty {
        padding-top: 0;
        padding-left: 0px;
    }
    .basket-page.order .order-detail .row-flex-basket div:first-child {
        padding-right: 25px;
    }
    .basket-page.order .order-detail {padding: 10px 10px;}
    .row-flex-basket {
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .cell-table-success-order.order-fix-width {width: 50%; text-align: end; padding-right: 25px; }
    .row-table-basket .cell-table-success-order:first-child {width: 100%; margin-bottom: 10px; }
    .step-basket {
        font-size: 15px;
        height: 43px;
        padding: 10px 20px 9px 30px;
        white-space: nowrap;
    }
}

@media only screen and (max-width: 991px) {

    .slider-home-page,
    .controller-buttons-home-block {
        /*min-height: 290px;*/
        /*height: 30vh;*/
    }

    .logo-image {
        height: 47px;
        width: 47px;
    }

    .text-info-advantage {
        padding-left: 15px;
    }

    .advantage-container {
        /*padding: 30px 12px 30px 22px;*/
    }

    .text-info-advantage {
        width: calc(100% - 47px);
    }

    .phone-footer {
        font-size: 17px;
        white-space: nowrap;
    }
    .min-basket-container {
        display: none !important;
    }
    .label-block, .radio label {
        font-size: 17px;
    }
    .city-select-row-del-type .label-block {
        padding-left: 0;
    }
    .check-delivery-container .action-basket {
        font-size: 21px;
        height: 59px;
        padding: 14px 15px;
    }
    .result-delivery-price {
        padding-right: 15px;
    }
    .block-select-delivery-type {
        margin-top: 0;
    }
    .city-select-row-del-type {
        padding-bottom: 20px;
    }
}

@media only screen and (max-width: 989px) {
    .block-info-product:first-child {
        text-align: center;
        padding-top: 0;
        border-top: none;
    }
    .product-card-page .title-of-page {
        border-bottom: 1px solid #e1e1e1;
        padding-bottom: 15px;
    }
    .block-info-product:nth-child(2) {
        border-bottom: 0;
        padding-bottom: 0;
    }
    .info-product {
        padding-left: 15px;
    }
    .price-product-card {
        margin: 0 auto;
        float: none;
    }
    .buy-product-card-button,
    .subscribe-product-card-button {
        display: block;
        margin: 0 auto;
        padding: 10px 55px;
    }
    .content-of-page-with-menu {
        margin-left: 0;
        margin-top: 20px;
    }
    .menu-on-page {
        position: absolute;
        width: calc(100% - 20px);
        left: 10px;
        float: none;
        height: 0;
        overflow: hidden;
        -webkit-transition: height ease 0.3s;
        -o-transition: height ease 0.3s;
        transition: height ease 0.3s;
    }
    .opened-menu-on-page + .menu-on-page {
        /*height: calc(48px * 5);*/
        height: auto;
    }
    .btn-toggle-menu-on-page {
        width: 100%;
        height: 48px;
        background: #ebebeb;
        font-size: 17px;
        color: #151515;
        padding: 16px 20px 14px;
        line-height: 1;
        border-bottom: 1px solid #c8c8c8;
        position: relative;
        display: block;
    }

    .btn-toggle-menu-on-page:after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 0.3em;
        vertical-align: middle;
        content: "";
        border: solid #6d6a6b;
        border-width: 0 2px 2px 0;
        padding: 2px;
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        margin-top: -5px;
        position: absolute;
        top: 25px;
        right: 15px;
        -webkit-transition: -webkit-transform ease 0.3s;
        transition: -webkit-transform ease 0.3s;
        -o-transition: transform ease 0.3s;
        transition: transform ease 0.3s;
        transition: transform ease 0.3s, -webkit-transform ease 0.3s;
    }
    .opened-menu-on-page.btn-toggle-menu-on-page:after {
        -ms-transform: rotate(-135deg);
        transform: rotate(-135deg);
        -webkit-transform: rotate(-135deg);
    }
}

@media only screen and (max-width: 940px) {
    .navbar-logo-info {
        font-size: 13px;
    }
    .content-login-block {
        width: 100%;
        float: none;
    }
    .registration-block {
        border-top: 1px solid #b0b0b0;
        border-left: none;
        padding-top: 25px;
    }
    .login-block {
        padding-bottom: 25px;
    }
    .title-login-block {
        font-size: 17px;
    }
    .phone-navbar-container {
        font-size: 19px;
    }
    .btn-filter-catalog {
        display: inline-block;
        margin-right: 12px;
        background: #e5173f;
        vertical-align: middle;
    }
    .catalog-container .title-of-page span {
        display: inline-block;
        vertical-align: middle;
        font-size: 29px;
    }
    .catalog-container .title-of-page {
        margin-bottom: 10px;
    }
    .filter-container {
        display: none;
    }
    .catalog-container {
        margin-left: 0;
    }
    .catalog-content {
        position: relative;
    }
    .filter-icon {
        width: 19px;
        height: 19px;
    }
    .btn-filter-catalog {
        height: 38px;
        width: 38px;
        padding: 0;
    }
    .filter-container {
        position: absolute;
        top: 50px;
        left: 0;
        z-index: 700;
        padding: 9px;
        background: #fff;
        width: 288px;
        border: 1px solid #EBEBEA;
        -webkit-box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 9px rgba(0, 0, 0, 0.2);
    }
    .filter-container:before,
    .filter-container:after {
        content: '';
        display: block;
        position: absolute;
        top: -9px;
        left: 10px;
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
    }
    .filter-container:before {
        border-bottom: 9px solid #EBEBEA;
    }
    .filter-container:after {
        top: -8px;
        border-bottom: 9px solid #fff;
    }
    .show-filter.filter-container {
        display: block;
    }
    .show-filter.popover-overlay {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 600;
    }
    .pagination {
        float: none;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .step-basket {
        font-size: 15px;
        height: 43px;
        padding: 10px 20px 9px 30px;
    }
    .step-basket .arrow-step {
        margin-top: 8px;
    }
    .cell-table-basket.fix-width {
        width: 20%;
    }
    .top-row-table-basket .cell-table-basket {
        font-size: 17px;
    }
    .content-of-page-with-menu .title-of-page {
        font-size: 36px;
    }
    .content-of-page-with-menu h3 {
        font-size: 24px;
    }
}
@media only screen and (min-width: 869px) and (max-width: 989px) {
    .menu-on-page {
        width: calc(100% - 30px);
        left: 15px;
    }
}
@media only screen and (max-width: 868px) {
    .step-basket {
        padding: 10px 10px 9px 20px;
    }
    .content-of-page-with-menu .row {
        margin-left: 0;
        margin-right: 0;
    }
    .content-of-page-with-menu .row > div:first-child {
        padding-left: 0;
    }
    .content-of-page-with-menu .row > div:last-child {
        padding-right: 0;
    }
    .advantage-container {
        width: 100%;
        margin-bottom: 22px;
        height: 202px;
    }

    .delivery-type-checked span:first-child {
        display: block;
    }
    .check-delivery-container {
        padding-top: 45px;
    }

    /* .logo-image {
        height: 57px;
        width: 57px;
    } */

    .advantage-container:last-child {
        margin-bottom: 0;
    }

    .oil-advantage,
    .cup-advantage {
        margin-right: 20px;
    }

    /* .logo-image {
        height: 37px;
        width: 37px;
    } */

    .text-info-advantage {
        width: calc(100% - 37px);
    }

    .title-footer-block,
    .map-footer {
        display: none;
    }

    .footer-block {
        border-right: none;
    }

    .logo-footer {
        width: 84px;
        height: 103px;
    }

    /*.footer-logo-container {
        width: auto;
        display: inline-block;
        float: left;
    }*/

    .phones-footer-container {
        display: inline-block;
        float: left;
        width: auto;
        padding-top: 0;
        padding-left: 35px;
    }

    .copyright {
        clear: both;
    }

    .footer-inner {
        display: block;
        position: relative;
    }

    .footer-block {
        display: inline-block;
        padding: 0;
    }

    /*.footer-block:nth-child(2n) {
        float: right;
        width: 40%;
    }*/

    /*.copyright {
        position: absolute;
        bottom: 25px;
        left: 10px;
        padding: 0;
    }*/

    .made-in {
        margin: 0;
        position: absolute;
        bottom: 25px;
        right: 10px;
    }

    .social-block {
        height: 50px;
        width: 50px;
    }

    .vk-social img {
        height: 15px;
        width: 25px;
    }

    .fb-social img {
        height: 22px;
        width: 13px;
    }

    .ok-social img {
        height: 24px;
        width: 14px;
    }

    .insta-social img {
        height: 20px;
        width: 20px;
    }

    .youtube-social img {
        /*height: 20px;*/
        width: 25px;
    }

    .vk-social {
        padding-top: 15px;
    }

    .fb-social {
        padding-top: 14px;
    }

    .ok-social {
        padding-top: 13px;
    }

    .insta-social {
        padding-top: 15px;
    }

    .youtube-social {
        padding-top: 14px;
    }

    /*.footer-address {
        position: absolute;
        left: 10px;
        bottom: 60px;
        white-space: normal;
    }*/

    .social-container {
        margin-bottom: 0;
        margin-top: 10px;
    }

    .search-footer-container {
        margin-top: -40px;
        padding-bottom: 20px;
    }

    .logo-navbar {
        height: 30px;
        width: 160px;
    }

    .search-navbar-container {
        max-width: 130px;
    }

    .search-navbar-container .input-group input {
        padding: 0.5rem 5px;
    }
    .step-basket .arrow-step {
        background-size: cover;
        width: 15px;
        background: url(images/step-arr-dark.png) no-repeat right;
    }
    .step-basket.active-step .arrow-step, .step-basket.completed-step .arrow-step {
        background: url(images/step-arr-white.png) no-repeat right;
        background-size: cover;
    }
    /*.page {*/
    /*    padding-bottom: 361px;*/
    /*}*/
    .basket-page, .delivery-type-page, .delivery-type-page {
        padding-bottom: 100px;
    }
    .search-footer-container {
        padding-bottom: 20px;
        margin-top: 0
    }
}
@media only screen and (max-width: 868px) and (min-width: 601px) {
    /*.footer-block:nth-child(3) {
        width: 50%
    }*/
    .social-container {
        margin-top: 0;
    }
}

@media only screen and (max-width: 827px) {
    .title-of-slider .bold-text {
        font-size: 22px;
    }
    .title-of-slider .normal-text {
        font-size: 22px;
    }
}

@media (max-width: 768px) {
    .order-delivery-block .cell-table-basket:not(:first-child), .contacts .cell-table-basket:not(:first-child) {padding-top: 0;}
    div.checkboxes:nth-of-type(3) {
        display: none;
    }

    /* #navbarSupportedContent .d-none-md {
        display: none!important;
    } */
}

@media only screen and (max-width: 767px) {
    .basket-page.order .order-fix-width-qty {
        padding-top: 0;
        padding-left: 10px;
    }
    .dropdown-menu-catalog {
        right: 10px;
        left: 10px;
    }
    .quality-content .row > div:first-child .image-block-quality {
        padding-right: 0;
    }
    .quality-content .row > div:last-child .image-block-quality {
        padding-left: 0;
    }
    .image-quality {
        width: 100%;
        height: auto;
    }
    .image-block-quality-half, .image-block-quality {
        text-align: center;
        overflow: hidden;
        height: auto;
    }
    .quality-content .row > div:last-child .text-block-quality-half {
        padding-left: 0;
    }
    .quality-content .row > div:first-child .text-block-quality-half {
        padding-right: 0;
    }
    .text-block-quality-half {
        border-right: none;
    }
    .approval-image-container {
        float: none;
        width: 100%;
        text-align: center;
    }
    .approval-image-container img {
        width: auto;
        max-width: 100%;
        float: none;
    }
    .text-info-approval {
        float: none;
        width: 100%;
        margin-top: 15px;
    }
}

@media only screen and (max-width: 800px) {
    .navbar-logo-info {
        font-size: 11px;
    }
}
.no-buy {
	color: #e5173f;
	font-size: 16px;
    position: absolute;
    right: 40px;
    top: 75px;
}
@media only screen and (max-width: 750px) {
    .navbar-logo-info {
        display: none;
    }
    .no-buy {
        position: relative;
        right: 0;
        left: 0;
        top: 0px;
        bottom: 0;
    }

    .padding-0 {
        padding: 0!important;
    }

    .picker-images-product-view {
        max-width: 100%;
    }
    .active-image-container {
        max-width: 100%;
    }
    .search-navbar-container {
        max-width: 190px;
    }
    .info-product {
        margin-left: 0;
    }
    .images-container-product {
        max-width: 100%;
        float: none;
    }
    .buy-product-card-button,
    .subscribe-product-card-button {
        display: inline-block;
        margin: 0;
    }
    .price-product-card {
        margin: 0;
        font-size: 36px;
        white-space: nowrap;
    }
    .buy-product-card-button
    .subscribe-product-card-button {
        padding: 10px 15px;
        width: 50%;
        max-width: 220px;
    }
    .block-info-product, .info-product {
        padding-left: 0;
    }
    .block-info-product:first-child {
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px solid #e1e1e1;
        padding-top: 25px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
    /*.title-description-product-card {*/
        /*float: none;*/
    /*}*/
    /*.text-description-product-card {*/
        /*margin-left: 0;*/
    /*}*/
    .step-basket {
        display: block;
        float: none;
        width: 100%;
        border: none;
        margin-bottom: 2px;
        padding: 10px 10px 9px 10px;
    }
    .step-basket .arrow-step {
        background-size: contain;
        width: 26px;
        height: 7px;
        background: url(/images/step-arr-dark.png) no-repeat;
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .step-basket.active-step .arrow-step, .step-basket.completed-step .arrow-step {
        background: url(images/step-arr-white.png) no-repeat;
        background-size: contain;
    }
    .result-quantity {
        text-align: end;
        padding-right: 25px;
    }
    /*.result-price {*/
        /*padding: 0;*/
    /*}*/
    .result-count-line:after, .actions-line:after {
        display: block;
        clear: both;
        content: '';
    }
    .btn-go-back-to-catalog {
        float: left;
        margin: 0;
    }
    .basket-page .btn-go-to-order {
        float: right;
    }
    .check-delivery-container .btn-go-to-order {
        float: none;
    }
    .top-row-table-basket .cell-table-basket {
        font-size: 13px;
    }
    .cell-sum-product,
    .title-product-basket,
    .price-product-basket {
        font-size: 13px;
    }
    .input-count-basket {
        /*text-align: left;*/
        padding: 0 10px;
        height: 37px;
    }
    .clear-input {
        /*top: 4px;*/
    }
    /*.result-quantity, .result-price {*/
        /*font-size: 22px;*/
    /*}*/
    .action-basket {
        font-size: 17px;
        height: 49px;
        padding: 14px 15px;
    }
    .cell-table-basket.fix-width.cell-image-product {
        width: 10%;
    }
    .cell-table-basket {
        padding: 15px 10px;
    }
    .top-row-table-basket .cell-table-basket {
        padding: 10px;
    }
    .title-product-basket {
        line-height: 1.2;
        font-size: 11px;
    }
    .row-table-basket .cell-title-product,
    .top-row-table-basket .cell-title-product,
    .row-table-basket .cell-sum-product,
    .top-row-table-basket .cell-sum-product {
        padding: 10px 5px;
    }
    .basket-page, .delivery-type-page {
        padding: 0 0 100px;
    }
    .city-select-row-del-type .label-block {
        white-space: nowrap;
        width: auto;
    }
    .city-input-container .city-input {
        max-width: 100%;
    }
    .select-row-del-type .label-block {
        display: block;
        float: none;
        padding: 10px 15px;
        width: 100%;
    }
    .select-row-del-type .input-delivery-block {
        padding-left: 15px;
    }
    .offer-line {
        width: 100%;
    }
    .btn-go-to-order {
        margin-left: 0;
    }
}

@media only screen and (max-width: 700px) {
    .check-delivery-container .btn-go-to-order {
        display: block;
        float: none;
        clear: both;
        margin: 15px auto 0;
        width: 230px;
    }
    .check-delivery-container {
        float: none!important;
    }
    .result-delivery-price {
        float: right;
    }
    .delivery-type-checked {
        padding-bottom: 30px;
    }
    .price-delivery-type {
        padding-left: 5px;
    }
    .select-row-del-type .input-delivery-block {
        width: 60%;
    }
    .address-input .dropdown-toggle {
        max-width: calc(100vw - 60px);
    }
    .form-add-address.show-form,
    .address-input.btn-group {
        max-width: calc(100vw - 60px);
    }
    .form-add-address.show-form {
        width: calc(100vw - 60px);
    }
    .payment-select-row .label-block {
        display: block;
        float: none;
        width: 100%;
        padding-bottom: 0;
    }
    .payment-select-row .input-delivery-block {
        padding-top: 10px;
    }
}
@media only screen and (max-width: 690px) {
    .label-phone-footer {
        display: none;
    }
}
@media only screen and (max-width: 610px) {
    /*.products-catalog-container {*/
    /*    max-width: 294px;*/
    /*}*/
    /*.product-catalog:nth-child(2n):before {*/
        /*display: none;*/
    /*}*/
}

@media only screen and (min-width: 601px) {
    .navbar-nav .dropdown-menu-on-personal {
        position: absolute !important;
    }
}

@media only screen and (max-width: 600px) {
    .menu-catalog-inner {
        position: inherit;
    }
    .show-inner-item-menu {
        max-height: unset;
    }
    li[role="presentation-right"] a:hover {
        color: #fff !important;
    }
    .dropdown-menu-catalog {
        top: 0px !important;
        max-height: unset;
    }

    .dropdown-menu-catalog .overflow {
        flex-direction: column;
    }

    .flex-4.left {
        width: 100%;
        background-color: transparent;
        padding: 0;
        border: none;
    }

    .flex-8 {
        position: initial;
        width: 100%;
        padding: 0;
        flex-wrap: nowrap;
        box-shadow: none;
        border: none;
        background-color: transparent;
    }

    .flex-8::before {
        display: none;
    }
    .flex-4.left li[role="presentation"] a:hover {
        background: transparent!important;
    }

    .flex-4.left li[role="presentation"] a::after {
        display: none;
    }
    li[role="presentation-right"] a {
        padding: 8px 0 !important;
        width: 100% !important;
    }
    /*---------*/
    .title-approval-producers {
        font-size: 17px;
        padding: 14px 10px 10px;
    }
    .list-approval-producers .icon-arrow-link {
        right: 10px;
    }
    .list-approval-producers .link-approval-list {
        padding: 11px 20px 9px 10px;
    }
    .content-of-page-with-menu.static, .text-block-quality, .text-approval, .list-approval {
        font-size: 13px;
    }
    /*.page {*/
    /*    padding-bottom: 296px;*/
    /*}*/
    .basket-page, .delivery-type-page, .delivery-type-page {
        padding-bottom: 100px;
    }
    .actions-search-navbar {
        display: block;
    }

    .slick-prev {
        left: 0;
    }

    .slick-next {
        right: 0;
    }

    .footer-block:nth-child(2),
    .search-footer-container {
        display: none;
    }

    .logo-footer {
        width: 61px;
        height: 75px;
    }

    .footer-inner {
        padding: 25px 10px;
    }

    .footer-block:nth-child(1) {
        width: 100%;
    }

    .phones-footer-container {
        float: right;
    }

    .label-phone-footer {
        text-align: right;
    }

    .footer-address {
        position: relative;
        bottom: auto;
        left: auto;
        text-align: right;
        margin-top: 0;
        clear: both;
    }

    .footer-block:nth-child(2n) {
        width: 100%;
        padding-bottom: 30px;
        padding-top: 15px;
    }


    .logo-image {
        height: 57px;
        width: 57px;
    }


    .footer-block:nth-child(3) {
        float: right;
        margin-top: -25px;
    }

    .title-advantage {
        font-size: 24px;
    }

    .search-navbar-container {
        display: none;
    }

    .slider-home-page {
        /*display: none;*/
    }

    .navbar-container .linear-gradient-navbar {
        height: 100%;
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.7) 100%);
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.7) 100%);
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.7)));
        background: linear-gradient(bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 30%, rgba(0, 0, 0, 0.7) 100%);
    }

    .navbar-container .linear-gradient-navbar-opacity {
        height: 100%;
        background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0.2) 70%);
        background: -o-linear-gradient(top, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0.2) 70%);
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.39)), color-stop(70%, rgba(0, 0, 0, 0.2)));
        background: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, rgba(0, 0, 0, 0.39)), color-stop(70%, rgba(0, 0, 0, 0.2)));
        background: linear-gradient(top, rgba(0, 0, 0, 0.39) 0%, rgba(0, 0, 0, 0.2) 70%);
    }

    .navbar-container {
        -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
    }

    .title-content-block {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .title-content-block {
        padding: 0;
    }

    .content-block {
        padding: 10px 0;
    }

    .news-slider-container .news-link {
        top: 12px;
    }

    .collapse.side-menu {
        display: block;
    }

    .side-menu {
        position: fixed;
        display: block;
        top: 0;
        height: 100vh !important;
        width: 300px;
        max-width: 80vw;
        left: 0;
        z-index: 1032;
        visibility: visible;
        background-color: rgba(0, 0, 0, 0.8);
        text-align: left;
        padding: 125px 15px 60px;
        -webkit-transform: translate3d(-300px, 0, 0);
        -ms-transform: translate3d(-300px, 0, 0);
        transform: translate3d(-300px, 0, 0);
        -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
        transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
        overflow-y: auto;
    }
    .navbar-brand::after {
        content: "";
        display: block;
        position: fixed;
        background-color: rgba(0, 0, 0, 1);
        border-bottom: 2px solid #e5173f;
        z-index: -1;
        top: 0;
        left: 0;
        width: 0;
        height: 127px;
        transform: translateX(-100%);
        opacity: 0;
        transition: all 0.4s ease;
    }
    .navbar-brand.opened-mobile::after {
        opacity: 1;
        width: 300px;
        transform: translateX(0);
    }

    .bottom-navbar-line .side-menu {
        padding: 125px 0 60px;
    }

    .side-menu .nav-item:first-child {
        border-top: 2px solid #e5173f;
        padding-top: 15px;
    }

    .navbar-container .dropdown-menu a:hover {
        color: #fff;
        text-decoration: underline;
        background: none;
    }

    .side-menu.opened {
        -webkit-box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
        box-shadow: 0 10px 30px -12px rgba(0, 0, 0, 0.42), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        height: 100vh;
    }

    .side-menu .side-menu-content {
        position: relative;
        height: calc(100vh - 75px);
        overflow: auto;
        width: 260px;
        z-index: 4;
        padding-bottom: 30px;
    }

    .opened-side-menu {
        overflow: hidden;
        width: 100%;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
    }

    .opened-side-menu .navbar-brand {
        z-index: 5000;
    }

    .bottom-navbar-line {
        -webkit-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -moz-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -o-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
        -ms-transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
        transition: all 0.33s cubic-bezier(0.685, 0.0473, 0.346, 1);
        left: 0;
    }

    .opened-side-menu .bottom-navbar-line {
        /*left: 300px;*/
    }

    .opened-side-menu header {
        /*overflow: hidden;*/
    }

    .navbar-brand-side-menu {
        display: block;
        padding-bottom: 30px;
        padding-left: 0;
    }

    .navbar-brand-side-menu .logo-side-menu {
        width: 150px;
        max-width: 100%;
    }

    .opened-side-menu .navbar-container {
        z-index: 1032;
    }

    .opened-side-menu .side-menu-overlay {
        display: block;
        background: rgba(0, 0, 0, 0.4);
    }

    .navbar-toggler {
        cursor: pointer;
        top: 25px;
        padding-left: 0;
        padding-right: 0;
        left: 20px;
        width: 24px;
    }

    .navbar-toggler:focus,
    .navbar-toggler:active,
    .navbar-toggler:active:focus {
        outline: none;
    }

    .navbar-toggler .icon-bar {
        display: block;
        position: relative;
        width: 24px;
        height: 2px;
        border-radius: 1px;
        margin: 0 auto;
        background-color: #e5173f;
        border: 1px solid #e5173f;
    }

    .navbar-toggler .icon-bar + .icon-bar {
        margin-top: 4px;
    }

    .navbar-toggler .icon-bar:nth-child(2) {
        top: 0;
        -webkit-animation: top-navbar-back 500ms linear 0s;
        animation: top-navbar-back 500ms 0s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .navbar-toggler .icon-bar:nth-child(3) {
        opacity: 1;
    }

    .navbar-toggler .icon-bar:nth-child(4) {
        bottom: 0px;
        -webkit-animation: bottom-navbar-back 500ms linear 0s;
        animation: bottom-navbar-back 500ms 0s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .navbar-toggler[aria-expanded=true] .icon-bar:nth-child(2) {
        top: 6px;
        -webkit-animation: top-navbar-x 500ms linear 0s;
        animation: top-navbar-x 500ms 0s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .navbar-toggler[aria-expanded=true] .icon-bar:nth-child(3) {
        opacity: 0;
    }

    .navbar-toggler[aria-expanded=true] .icon-bar:nth-child(4) {
        bottom: 6px;
        -webkit-animation: bottom-navbar-x 500ms linear 0s;
        animation: bottom-navbar-x 500ms 0s;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
    }

    .bottom-navbar-line .navbar-nav .nav-item .nav-link {
        color: #fff;
    }

    .bottom-navbar-line .navbar-nav .nav-item .nav-link::after,
    .bottom-navbar-line .navbar-nav .nav-item.dropdown .nav-link:hover::after,
    .bottom-navbar-line .navbar-nav .nav-item.dropdown .nav-link:active::after,
    .bottom-navbar-line .navbar-nav .nav-item.dropdown .nav-link.active::after,
    .bottom-navbar-line .navbar-nav .nav-item.dropdown.show .nav-link::after,
    .bottom-navbar-line .navbar-nav .nav-item.dropdown:hover .nav-link::after,
    .bottom-navbar-line .navbar-nav .nav-item.dropdown.active-item .nav-link::after {
        display: none;
    }

    .navbar-container .dropdown-menu {
        position: relative;
        background: transparent;
        float: none;
        top: 0;
        border: none;
    }

    .navbar-container .dropdown-menu a {
        color: #fff;
        border: none;
        padding: 10px 0;
    }

    .navbar-container .dropdown-menu:after,
    .navbar-container .dropdown-menu:before {
        display: none;
    }

    .navbar-container .dropdown-menu li {
        height: auto;
    }

    .bottom-navbar-line .navbar-nav .nav-item:first-child {
        padding-left: 20px;
    }

    .bottom-navbar-line .navbar-nav .nav-item .nav-link:hover,
    .bottom-navbar-line .navbar-nav .nav-item .nav-link:active,
    .bottom-navbar-line .navbar-nav .nav-item .nav-link.active,
    .bottom-navbar-line .navbar-nav .nav-item.show .nav-link,
    .bottom-navbar-line .navbar-nav .nav-item:hover .nav-link,
    .bottom-navbar-line .navbar-nav .nav-item.active-item .nav-link {
        color: #fff;
    }

    .search-navbar-container-mob {
        display: block;
        float: left;
        margin-right: 0;
    }

    .search-icon-navbar {
        background: url(images/search-icon-dark.png) no-repeat;
        background-size: contain;
        display: inline-block;
        height: 18px;
        width: 18px;
    }

    .btn-basket-navbar {
        margin-left: 10px;
    }

    .search-navbar-container {
        max-width: 140px;
    }

    .btn-search-navbar {
        width: 50px;
    }

    .search-navbar-container .input-group .btn-search {
        height: 49px;
        border: none;
    }

    .search-navbar-container .input-group input {
        height: 49px;
        border: none;
        width: 0;
        -webkit-transition: all ease 0.3s;
        -o-transition: all ease 0.3s;
        transition: all ease 0.3s;
        padding: 0;
    }

    .show-search .search-navbar-container .input-group input {
        width: 105px;
        padding: 0 5px;
        color: #000;
    }
    .navbar-toggler {
        -webkit-transition: all ease 0.35s;
        -o-transition: all ease 0.35s;
        transition: all ease 0.35s;
        height: 100%;
        top: 0;
        background: #fff;
        z-index: 500;
        text-align: right;
    }
    .navbar-toggler .icon-bar {
        margin: 0 0 0 auto;
    }
    .opened-side-menu .bottom-navbar-line .navbar-toggler {
        width: calc(100% - 30px);
    }
    .bottom-navbar-line .navbar-nav .nav-item {
        max-width: 100%;
    }
    .bottom-navbar-line .navbar-nav .dropdown-menu {
        max-width: 100%;
    }

    .navbar-container .dropdown-menu a:hover,
    .navbar-container .dropdown-menu a.active-item {
        background: transparent;
    }
    .approval-producers {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 520px) {
    .fancybox-close {
        right: -12px;
    }
    .fancy_login {
        max-width: 100%;
    }
}

@media only screen and (max-width: 480px) {
    /*.block-select-city {*/
        /*padding: 0 10px;*/
    /*}*/
    .sort-container .sort-item {
        padding: 0 5px;
    }
    .sort-container .sort-item:last-child {
        padding-right: 0;
    }
    .title-login-block {
        font-size: 16px;
    }
    .city-input-container .city-input, .city-input-container .bx-ui-sls-fake {
        max-width: 100%;
    }
    .delivery-city-text {
        font-size: 15px;
    }
    .ui-widget.ui-widget-content {
        max-width: calc(100% - 40px);
    }
}

@media only screen and (max-width: 441px) {
    #fancy_login_forgot .image-login-block-container {
        width: 100%;
    }
}

@media only screen and (max-width: 415px) {
    .row-table-basket .cell-table-success-product:first-child {
        width: 100%;
    }
    .action-basket {
        padding: 14px 10px;
    }
    .phone-navbar-container {
        font-size: 19px;
        padding-top: 3px;
    }

    .sort-container .sort-item.active .label-sort {
        margin-right: 3px;
    }
}

@media only screen and (max-width: 402px) {
    .registration-block .title-login-block,
    .reg .title-login-block {
        padding-top: 10px;
    }
    .content-of-page-with-menu h3 {
        font-size: 21px;
    }
}

@media only screen and (max-width: 375px) {
    .ui-widget.ui-widget-content {
        max-width: calc(100% - 20px);
    }
    .action-basket {
        padding: 14px 10px;
        margin-left: 0;
    }
    .image-login-block {
        height: 50px;
        width: 50px;
    }
    .title-login-block {
        font-size: 15px;
    }
    .login-block .title-login-block,
    .forgot .title-login-block {
        padding-top: 10px;
    }
    .form-login-basket .form-control {
        padding: 0 10px;
    }
    .delivery-type-page .label-block, .delivery-type-page .radio label {
        font-size: 13px;
    }
    .delivery-type-page .radio label {
        font-size: 13px;
        line-height: 2;
    }
    .price-delivery-type, .result-delivery-price {
        font-size: 17px;
    }
    .delivery-type-checked {
        font-size: 19px;
    }
    .form-add-address input {
        font-size: 13px;
    }
    .price-delivery-type {
        padding: 13px 10px 13px 5px;
    }
    .select-row-del-type .input-delivery-block {
        padding-left: 10px;
    }
    .form-add-address.show-form,
    .address-input .dropdown-toggle {
        max-width: calc(100vw - 40px);
    }
    .form-add-address.show-form {
        width: calc(100vw - 40px);
    }
    .basket-result-line .btn-go-to-order {
        float: none;
    }
}

@media only screen and (max-width: 374px) {
    .content-of-page-with-menu .title-of-page {
        font-size: 31px;
        margin-bottom: 20px;
    }
    .content-of-page-with-menu h3 {
        font-size: 19px;
    }
    .content-of-page-with-menu ul {
        padding-left: 30px;
    }
    .content-of-page-with-menu .list-approval,
    .content-of-page-with-menu .list-approval-producers {
        padding-left: 0;
    }
    .phone-navbar-container {
        font-size: 14px;
    }
    .select-address .radio {
        padding-left: 20px;
    }
    .content-login-basket {
        padding-bottom: 30px;
    }
    .form-login-basket .form-control {
        font-size: 13px;
    }
    .title-login-block {
        display: block;
        margin-left: 0;
    }
    .content-login-block {
        padding: 0 10px 25px;
    }
    .registration-block {
        padding-top: 25px;
    }
    .sort-container .title-sort {
        display: block;
        margin-bottom: 5px;
    }
    .sort-container .sort-item {
        padding: 0 10px;
    }
    .sort-container .sort-item:nth-child(2) {
        padding-left: 0;
    }
    .action-basket {
        display: block;
        float: none;
    }
    .btn-go-back-to-catalog {
        margin-bottom: 15px;
    }
    .row-table-basket.top-row-table-basket {
        display: none;
    }
    .row-table-basket {
        display: block;
        border-top: 1px solid #999999;
    }
    .row-table-basket:last-child {
        border-bottom: 1px solid #999999;
    }
    .cell-table-basket {
        display: block;
    }
    .cell-table-basket.fix-width.cell-image-product {
        width: 100%;
        text-align: center;
        border-bottom: 0;
    }
    .cell-table-basket.cell-quantity-product.fix-width {
        width: 100px;
        float: left;
        border-bottom: 0;
    }
    .row-table-basket:after {
        display: block;
        clear: both;
        content: '';
    }
    .table-basket {
        display: block;
        margin-top: 16px;
    }
    .row-table-basket .cell-title-product {
        border-bottom: 0;
    }
    .basket-page, .delivery-type-page {
        padding: 0 0 100px;
    }
    .row-table-basket .cell-title-product, .top-row-table-basket .cell-title-product, .row-table-basket .cell-sum-product, .top-row-table-basket .cell-sum-product {
        padding: 10px;
    }
    .row-table-basket .cell-sum-product {
        width: auto;
        float: right;
        border-bottom: 0;
        padding-top: 25px;
    }
    .cell-image-product {
        padding: 25px 10px;
    }
    .basket-result-line {
        padding-left: 10px;
        padding-right: 10px;
    }
    .block-select-delivery-type, .check-payment-type-block {
        padding: 0 10px;
    }
}

@media only screen and (max-width: 350px) {
    .search-navbar-container {
        max-width: 120px;
    }

    .phone-navbar-container {
        display: none;
    }

    .phone-navbar-container-mob {
        display: none;
        padding: 20px;
    }

    .show-search .search-navbar-container .input-group input {
        width: 85px;
    }

    .slider-products-link {
        margin-left: 0;
    }
    .buy-product-card-button,
    .subscribe-product-card-button {
        font-size: 19px;
        height: 52px;
    }
    .price-product-card {
        font-size: 29px;
    }
}
@media only screen and (max-width: 410px) {
    .product-card-page .title-of-page {
        font-size: 19px;
    }
}
/* ---------- animations ----------- */
@keyframes top-navbar-back {
    0% {
        top: 6px;
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
    45% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }
    75% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }
    100% {
        top: 0px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@-webkit-keyframes top-navbar-back {
    0% {
        top: 6px;
        -webkit-transform: rotate(135deg);
    }
    45% {
        -webkit-transform: rotate(-10deg);
    }
    75% {
        -webkit-transform: rotate(5deg);
    }
    100% {
        top: 0px;
        -webkit-transform: rotate(0);
    }
}

@keyframes bottom-navbar-back {
    0% {
        bottom: 6px;
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
    45% {
        -webkit-transform: rotate(10deg);
        transform: rotate(10deg);
    }
    75% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
    100% {
        bottom: 0px;
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@-webkit-keyframes bottom-navbar-back {
    0% {
        bottom: 6px;
        -webkit-transform: rotate(-135deg);
    }
    45% {
        -webkit-transform: rotate(10deg);
    }
    75% {
        -webkit-transform: rotate(-5deg);
    }
    100% {
        bottom: 0px;
        -webkit-transform: rotate(0);
    }
}

@keyframes top-navbar-x {
    0% {
        top: 0px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    45% {
        top: 6px;
        -webkit-transform: rotate(145deg);
        transform: rotate(145deg);
    }
    75% {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg);
    }
    100% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg);
    }
}

@-webkit-keyframes top-navbar-x {
    0% {
        top: 0px;
        -webkit-transform: rotate(0deg);
    }
    45% {
        top: 6px;
        -webkit-transform: rotate(145deg);
    }
    75% {
        -webkit-transform: rotate(130deg);
    }
    100% {
        -webkit-transform: rotate(135deg);
    }
}

@keyframes bottom-navbar-x {
    0% {
        bottom: 0px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    45% {
        bottom: 6px;
        -webkit-transform: rotate(-145deg);
        transform: rotate(-145deg);
    }
    75% {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg);
    }
    100% {
        -webkit-transform: rotate(-135deg);
        transform: rotate(-135deg);
    }
}

@-webkit-keyframes bottom-navbar-x {
    0% {
        bottom: 0px;
        -webkit-transform: rotate(0deg);
    }
    45% {
        bottom: 6px;
        -webkit-transform: rotate(-145deg);
    }
    75% {
        -webkit-transform: rotate(-130deg);
    }
    100% {
        -webkit-transform: rotate(-135deg);
    }
}

@keyframes showing-opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes showing-opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

/* 404 */
.page-404-container,
.cart-empty,
.service-page-container {
    text-align: center;
}
.page-404-container .img-404,
.cart-empty .img-cart-empty,
.service-page-container .img-service {
    clear: both;
    margin-bottom: 20px;
}
.page-404-container span,
.cart-empty span,
.service-page-container span {
    font-size: 23px;
}
.page-404-container a:hover,
.cart-empty a:hover,
.service-page-container a:hover {
    color: #e5173f;
}

.delivery-content .title-of-page {
    font-size: 1.6rem;
}
.static-collapse {
    cursor: pointer;
}
.static-collapse + div {
    display: none;
}
.static-collapse:hover {
    color: #e5173f;
    text-decoration: underline;
}

.products-order .order-quantity {
    width: 10%;
}
.products-order .order-sum {
    width: 20%;
}
.slider-products-home.small .slick-list {
    height: 420px;
}
.slide-products-home.small .slick-slide.slick-active + .slick-active:before {
    height: 100%;
}
.slider-products-home.small .slide-product {
    height: 400px;
}
/*.slider-products-home.small .slide-product .slide-product-image-container {*/
    /*height: 200px;*/
/*}*/
.slider-products-home.small .slide-product .slide-product-title a {
    font-size: 13px;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 700px;
        margin: 30px auto;
    }
}
.location-button {
    height: 100%;
    top: 0;
    position: absolute;
    font-size: 13px;
    color: #000;
    margin-top: 4px;
}
.location-button button {
    border: none;
    padding: 0;
    background: none;
    cursor:pointer;
    text-decoration: underline;
    text-decoration-style: dotted;
}
.location-icon {
    width: 100%;
    margin-top: 36px
}
.location h2 {
    text-align: center;
    margin: 20px 0 40px;
}
.checkboxes {
    display: inline-block;
    padding: 0 45px;
}
.group-radio-location .checkboxes,
.group-radio-location .check-location,
.group-radio-location span.checked,
group-radio-location span:last-child {
    transition: color 0.3s, opacity 0.3s;
}

.group-radio-location span:hover {
    cursor: pointer;
    color: #e5173f;
    opacity: 0.8;
}
/*TODO: поправить стили или верстку! ломает фильтр. фильтр не трогать!*/
/*.check {*/
    /*text-align: left;*/
    /*margin-bottom: 15px;*/
/*}*/
.check label {
    cursor: pointer;
}
.check label.checked {
    color: #e5173f;
}
.check span.checked {
    text-decoration: underline;
}
.check input{
}
.group-radio-location {
    text-align: center;
}
.checkboxes input[type="checkbox"], .checkboxes input[type="radio"] {
    display: none;
}
@media (max-width: 860px) {
    /*#navbarSupportedContent .d-none-md {
        display: none!important;
    }*/
}

@media (max-width: 475px) {
    .checkboxes {
        padding: 0 22px;
    }
}

@media (max-width: 382px) {
    div.checkboxes:nth-of-type(2) {
        display: none;
    }
}

@media (min-width: 860px) {
    /*#nav-btn-more .d-none-dropdown {
        display: none!important;
    }*/
}

@media (max-width: 600px) {
    .basket-page.order .cell-table-basket {display: block;}
    .basket-page.order .fix-width {width: 100%;}
    .basket-page.order .order-fix-width {padding-right: 10px;}
    .basket-page.order .order-detail .row-flex-basket div:first-child {
        padding-right: 10px;
    }
    .basket-page.order .order-detail {padding: 10px 10px;}
    .basket-page.order .row-table-basket {border: unset;}
    .basket-page.order .actions-line a {display: block; width: 100%; margin-bottom: 15px;}
    #nav-btn-more {
        display: none!important;
    }

    #navbarSupportedContent .d-none-md, #navbarSupportedContent .d-none-lg {
        display: block!important;
    }

    #navbarSupportedContent .nav-item {
        white-space: normal;
    }
}

@media (min-width: 1161px) {
    /*#nav-btn-more {
        display: none!important;
    }*/
}




.clear{clear: both;}

.product-tab-button{cursor: pointer; position: relative; top: 1px; background: #f3f3f3; font-size: 20px; width: 240px; height: 60px; line-height: 59px; text-align: center; display: inline-block; vertical-align: top; margin-left: 10px;margin-bottom: 0;
border-left: 1px solid #f3f3f3;
border-right: 1px solid #f3f3f3;
border-top: 1px solid #f3f3f3;
}
.product-tab-button:hover{opacity: 0.8}
.product-tab-button.active{border-color: #ebebeb; background: #fff; z-index: 1; cursor: inherit;}
.product-tab-button.active:hover{opacity: 1}


.general-property-title{font-size: 19px; margin-bottom: 10px; margin-right: 10px; text-align: left;}
.general-property-title.center{text-align: center;}
.general-property-title.no-margin{margin-bottom: 0;}
.general-property-title span.price-span{font-size: 18px; color: #676767;}
.general-property-title span.price-span:last-child{text-decoration: line-through;}
.general-property-title span.price-span:first-child{font-weight: bold;}

.product-property-table{ font-size: 15px; line-height: 30px; margin-bottom: 10px;}
.product-property-table .dot{width: 4px; height: 4px; border-radius: 50%; display: inline-block; vertical-align: middle; background: #151515; margin: 0 8px 4px 8px;}
.product-property-table td:last-child{padding-left: 20px;}

.info-product select{font-size: 13px; padding: 3px; width: 100%; margin-bottom: 15px;}
.info-product .price-product-slide{font-size: 34px;}
.info-product .price-product-slide span{display: inline-block; vertical-align: middle; line-height: 45px;}
.price-product-slide span:first-child{color: #e5173f;}
.info-product .price-product-slide span:last-child{font-size: 23px;}
.info-product .price-single-product-slide{font-size: 19px; margin-bottom: 30px;}
.info-product .preview-quantity{font-size: 19px; margin: 10px auto 20px auto; width: fit-content;}

.block-info-product-column{width: 48%; display: inline-block; vertical-align: top; float: left; text-align: left;}
.block-info-product-column:first-child{border-right: 1px solid #e1e1e1}
.block-info-product-column:last-child{width: 46%; display: inline-block; vertical-align: top; float: none; text-align: center;}

.block-info-product-column .subscribe-product-card-button{margin-top: 20px;}

.block-info-product {
    text-align: right;
    padding: 25px 0;
    border-bottom: 1px solid #e1e1e1;
    display: flex;
}

.block-info-product:last-child {
    border-bottom: none;
}

.block-info-product:first-child {
    /*padding-top: 0;*/
    border-top: 1px solid #e1e1e1;
}



.services-main{text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-box-direction: row;
    -webkit-box-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flexbox-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.services-main .item-services-main{width: 280px; height: 200px; line-height: 200px; padding: 0 21px;}
.services-main .item-services-main span{display: inline-block; vertical-align: middle; line-height: 1.3em; font-size: 23px;}


.main-section-list{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -moz-box-direction: row;
    -webkit-box-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flexbox-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
     font-size: 17px; margin-bottom: 20px; margin-top: 30px;}
.main-section-list .item-main-section-list{width: 280px;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
}
.main-section-list .item-main-section-list .image{height: 150px; display: block; margin: 0 -1px 0 -1px; position: relative; z-index: 1;}
.main-section-list .item-main-section-list .title{display: block; line-height: 55px; background: #666666; color: #fff; padding: 0 20px;}
.main-section-list .item-main-section-list .title span{display: inline-block; vertical-align: middle; line-height: normal;}
.main-section-list .item-main-section-list .list{padding: 20px;

}
.main-section-list .item-main-section-list .list a{color: #000; display: inline-block; vertical-align: top; margin-bottom: 10px;}
.main-section-list .item-main-section-list .list a span:hover{text-decoration: underline;}
.main-section-list .item-main-section-list .list span{display: inline-block; vertical-align: middle; line-height: normal;}

.document-file{line-height: 50px; height: 50px; padding-left: 60px; margin: 15px 0; font-size: 13px; background: url("images/file.png") no-repeat left center;}
.document-file a{display: block; line-height: 40px; margin-top: 5px; float: right; color: #fff !important; padding: 0 20px 0 50px; background: url("images/icon-download.png") no-repeat 20px center, #e5173f; text-decoration: none;}
.document-file a[target=_blank]{background: url("images/open-file.png") no-repeat 20px center, #999999; margin-right: 10px;}

.btn-login span{display: block; float: right; color: #fff; margin-left: 10px; line-height: 1}
.btn-login span.discount{background: #e5173f; display: block; width: 32px; height: 32px; line-height: 32px; text-align: center; border-radius: 50%;
    font-weight: bold;
    font-size: 12px;}


#art-title-search{
    font: 400 15px/150% var(--font);
    color: #292B2C;
    /*max-width: 265px; */
}

#art-title-search form{
    display: flex;
    gap: 12px;
    align-items: center;
    position: relative;
}

#art-title-search .search-field-wrap {
    position: relative;
}

#art-title-search .search-btn {
    padding: 0;
    border: none;
    background-color: transparent;
    cursor: pointer;
    position: absolute;
    left: 12px;
    height: 20px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    color: #D9D9D9;
    transition: color .3s;
}

#art-title-search .search-btn:hover {
    color: var(--dark, #2E323D);
}

#art-title-search input[type=text]{height:32px; width: 160px; line-height: 1;padding: 6px 12px 7px 36px;border-radius: 2px;border: 1px solid #CFCFCF;background: #FFF;}
#art-title-search input[type=text]::placeholder{
    color: #A9A9A9;
    font: 400 13px/100% var(--font);
}

@media (max-width: 768px) {
    #art-title-search{
        font-size: 13px;
    }

    #art-title-search form{
        flex-flow: column;
        gap: 4px;
        align-items: flex-start;
    }

    #art-title-search input[type=text]{height: 28px; width: 130px;font-size: 12px;padding: 6px 12px 7px 24px;}
    #art-title-search input[type=text]::placeholder{
        color: #A9A9A9;
        font: 400 12px/100% var(--font);
    }

    #art-title-search .search-btn {
        left: 4px;
    }
}


.support{}
.support .error{color: #e5173f; margin-bottom: 15px;}
.support .success{color: yellowgreen; margin-bottom: 15px;}
.support input[type=text]{line-height: 50px; height: 50px; padding: 0 20px; display: block;}
.support form > .item:first-child{height: 110px;}
.support form > .item:first-child::after{content: ""; display: block; clear: both;}
.support form > .item:first-child input[type=text]{float: left; width: 100%; margin-bottom: 10px;}
.support form > .item:first-child input[type=text]+input[type=text]{width: 49.5%;}
.support form > .item:first-child input[type=text]:last-child{float: right;}
.support form > .item .selectize-input{box-shadow: none; border-color: rgb(169,169,169); border-radius: 0; padding: 0 20px; font-size: 15px; line-height: 48px;}
.support form > .item .selectize-input input[type=text]{height: 48px; font-size: 15px;}
.support form > .item{margin-bottom: 10px;}
.support form > .item textarea{display: block; width: 100%; padding: 10px 20px; min-height: 150px;}
.support form > .item:last-child{text-align: right;}
.support form > .item input[type=submit]{background: #e5173f; color: #fff; padding: 10px 30px; height: 50px; line-height: normal;}




/* ---- personal ---- */
.personal-container {
    width: 100%;
}

.personal-container__footer {
    background-color: #e8e8e8;
    height: 65px;
}
.personal-container__footer .edit-btn {
    margin: 9px 20px;
    height: 46px;
    color: #fff;
    font-size: 19px;
    background: #e5173f;
    padding: 10px 27px;
}
.personal-container__footer .edit_passwd-btn {
    margin: 9px -13px;
    height: 46px;
    color: #fff;
    font-size: 19px;
    background: #999999;
    padding: 10px 27px;
}




/* ---new styles b2b--- */
.catalog-container.personal {
    margin-left: 0;
}

.catalog-container.personal h1,
.catalog-container.personal .bx_profile,
.sale-order-list-container,
.order-detail
{
    margin-left: 300px;
}

.products-catalog-container.subscribes {
    margin-left: 285px;
}

.btn-toggle-basket-item-box {
    padding: 0;
    margin-left: 15px;
    width: 30px;
    height: 30px;
}

[class*="bs-popover-"] .popover-body {
    display: flex;
    justify-content: space-between;
}

[class*="bs-popover-"] .popover-body .email-subscribe[type=text] {
    margin-right: 10px;
    max-width: 150px;
}

.slide-product-column.preview-product-controls > div:last-child {
    display: flex;
    justify-content: flex-end;
}

.btn-subscribe-product {
    float: none;
    margin: auto;
    width: 130px;
}

.offer-line {
    max-width: 598px;
}

/*div.title-search-result {*/
/*    width: 400px !important;*/
/*}*/

table.title-search-result {
    width: 100%;
}

table.title-search-result td.title-search-item a {
    white-space: normal;
}

.personal-container__footer .js-edit-cancel-btn {
    font-size: 19px;
    padding: 10px 27px;
}



.pvz label, .courier label {
    display: flex;
}

.pvz input ~ .image, .courier input ~ .image {
    margin-top: 2px;
    min-width: 17px;
}

/* ---adaptive b2b--- */

/* 990 */
@media (max-width: 1199px) {
    .main-section-list {
        margin-bottom: 40px;
    }

    .footer-inner {
        padding: 55px 10px 45px;
    }

    .step-basket .arrow-step {
        margin-top: 8px;
    }

    /*.products-catalog-container {*/
    /*    max-width: unset;*/
    /*}*/

    /*.product-catalog {*/
    /*    padding: 0;*/
    /*}*/

    .slide-product {
        display: flex;
        flex-wrap: wrap;
    }

    .slide-product-column:nth-child(1) {
        width: 14%;
    }

    .slide-product-column:nth-child(2) {
        width: calc(45% - 20px);
        /* min-width: 260px; */
        /* max-width: 300px; */
    }

    .slide-product-column:nth-child(3) {
        width: 41%;
    }

    .slide-product-title {
        margin-bottom: 5px;
    }

    /*.slide-product-column.preview-product-controls > div:last-child {*/
    /*    display: flex;*/
    /*    !*justify-content: space-between;*!*/
    /*}*/

    .preview-product-properties {
        margin-bottom: 0;
    }

    .block-info-product:first-child {
        padding-top: 345px;
        position: relative;
    }

    .block-info-product-column:last-child {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        border-bottom: 1px solid #e1e1e1;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        padding-bottom: 20px;
    }

    .info-product .single-price-js {
        width: 100%;
        margin-bottom: 10px;
    }
    .info-product .single-price-js .general-property-title.no-margin {
        text-align: center;
    }

    .general-property-title {
        width: 100%;
    }

    .block-info-product-column:first-child {
        width: 100%;
        border: none;
    }

    .info-product .preview-quantity {
        margin: 0;
        margin-right: 20px;
    }

    .buy-product-card-button, .subscribe-product-card-button {
        padding: 10px 50px;
    }

    .order-detail-basket .parameter > :nth-child(1), .order-detail-basket .title > :nth-child(1) {
        width: 37%;
    }

    .order-detail-basket .parameter > :nth-child(4), .order-detail-basket .title > :nth-child(4) {
        width: 13%;
    }

    /* .main-content.cart {
        padding: 50px 0;
    } */

    .content-login-block:first-child {
        width: 33.33333%;
        padding: 0 15px;
    }

    .content-login-block:last-child {
        width: 66.66666%;
        /* padding: 0 15px; */
    }

    .content-login-block:last-child .form-login-basket .column+.column {
        margin: 0;
    }

    .content-login-block:last-child .form-login-basket .column {
        padding: 0 15px;
    }

    .bx_ordercart_order_pay_center {
        text-align: left;
    }

    .products-catalog-container.subscribes {
        margin-left: 300px;
    }

    .bx-sls .bx-ui-sls-variants .bx-ui-sls-variant, .bx-sls .bx-ui-sls-error {
        padding: 6px 15px;
    }
}

/* 768 */
@media (max-width: 989px) {
    .phone-navbar-container span:last-child {
        display: none;
    }

    .phone-navbar-container {
        width: 200px;
    }

    .main-section-list, .services-main {
        flex-wrap: wrap;
        padding-left: 50px;
        padding-right: 50px;
        margin-bottom: 0;
        justify-content: space-around;
    }

    .services-main {
        padding-bottom: 0;
    }

    .main-section-list .item-main-section-list, .services-main .item-services-main {
        margin-bottom: 40px;
    }

    /*.page {*/
    /*    padding-bottom: 340px;*/
    /*}*/

    .menu-on-page {
        position: relative;
        height: auto;
        width: 100%;
        min-height: 50px;
        left: auto;

    }

    .menu-on-page .nav-item {
        /* position: absolute; */
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
    }

    .product-card-page .title-of-page {
        text-align: start;
    }

    .block-info-product:first-child {
        border: none;
        padding-top: 375px;
    }

    .info-product .single-price-js .general-property-title.no-margin, .general-property-title span.price-span {
        font-size: 15px;
    }

    .info-product .preview-quantity {
        margin: 0;
    }

    .buy-product-card-button, .subscribe-product-card-button {
        padding: 10px 0px;
        height: 55px;
        /*margin-top: 20px;*/
    }

    .info-product .price-product-slide {
        font-size: 28px;
    }

    .info-product .price-product-slide span:last-child {
        font-size: 19px;
    }

    .content-login-block:last-child, .content-login-block:first-child {
        width: 95%;
        margin: auto;
    }

    .content-login-block:first-child {
        margin-bottom: 20px;
    }

    .bx_ordercart_order_pay_center a {
        padding: 0 60px;
    }

    .order-basket .summary {
        font-size: 14px;
        padding: 10px 15px;
    }

    #basket_form .table-basket {
        display: flex;
        flex-direction: column;
    }

    .table-basket.flex-basket {
        border-top: 1px solid #D9D9D9;
    }
    #basket_form .row-table-basket.product-js {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #999999;
        background-color: #f8f8f8;
    }

    #basket_form .top-row-table-basket {
        display: none;
    }

    #basket_form .cell-table-basket {
        white-space: normal !important;
        border: none;
    }

    #basket_form .row-table-basket .cell-table-basket:nth-child(1) {
        width: 10% !important;
    }

    #basket_form .row-table-basket .cell-table-basket:nth-child(1)::after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

    #basket_form .row-table-basket .cell-table-basket:nth-child(2) {
        width: 30% !important;
    }

    /* #basket_form .row-table-basket .cell-table-basket:nth-child(2) .title-product-basket {
        font-size: 16px;
    } */

    #basket_form .row-table-basket .cell-table-basket:nth-child(3) {
        width: 15% !important;
        /* font-size: 14px; */
    }

    #basket_form .row-table-basket .cell-table-basket:nth-child(4) {
        width: 15% !important;
        /*display: flex;*/
        align-items: center;
        justify-content: center;
        font-size: 16px;
    }

    #basket_form .row-table-basket .cell-table-basket:nth-child(5) {
        width: 13% !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #basket_form .row-table-basket .cell-table-basket:nth-child(6) {
        width: 17% !important;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
    }

    #basket_form .result-quantity {
        padding: 0 10px;
        font-size: 19px;
        display: flex;
        justify-content: space-between;
    }

    /*#basket_form .result-quantity span:last-child {*/
    /*    margin-left: auto;*/
    /*}*/
    #basket_form .result-quantity span:first-child {
        margin-left: 5px;
    }

    /*
        ***Кнопка раскрытия меню***
    */
    /* #toggle_menu_on_page {
        display: none;
    } */

    .menu-on-page h1 {
        text-align: left;
    }

    /* .catalog-container.personal {
        margin-left: 0;
    } */

    .catalog-container.personal h1,
    .catalog-container.personal .bx_profile,
    .sale-order-list-container,
    .order-detail
    {
        margin-left: 0px;
    }

    .products-catalog-container.subscribes {
        margin-left: 0px;
    }

    .personal-menu-container {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .category-select, .menu-on-page {
        margin-bottom: 0;
        margin-top: 5px;
        display: none;
    }

    table.sale_order_full_table {
        width: 100%;
        margin-bottom: 20px !important;
    }

    /* .catalog-container {
        margin-left: 0;
    } */
    .batery-block-990 {
        text-align: center;
    }
}

@media (max-width: 1199px) {
    .product-tab-button {
        width: 180px;
    }
}
/* макет 415 */
@media (max-width: 767px) {
    .search-full-page{}
    .search-full-page [type=text],
    .search-full-page [type=submit]{display: inline-block; vertical-align: middle}
    .search-full-page [type=text]{max-width: 60%;}

    .general-property-title {
        font-size: 14px;
    }

    .batery-block-990 {
        text-align: left;
    }
    .phone-navbar-container {
        font-size: 19px;
    }

    h1 {
        margin-top: 20px;
    }

    .services-main {
        padding-right: 0;
        padding-left: 0;
    }

    .services-main .item-services-main {
        width: 100%;
        margin-bottom: 10px;
    }

    .footer-inner {
        padding-top: 35px;
    }

    /* .footer-logo-container {
        height: 70px;
    } */

    .footer-address {
        font-size: 15px;
        text-align: start;
    }

    .footer-block:nth-child(2n) {
        padding-bottom: 15px;
    }

    .sort-container {
        display: flex;
        flex-flow: column;
        align-items: flex-end;
        padding: 0;
        gap: 4px;
        font-size: 13px;
    }

    .catalog-container .title-of-page span {
        font-size: 26px;
    }

    .slide-product-column:nth-child(1) {
        width: 25%;
    }

    .slide-product-column:nth-child(2) {
        width: calc(75% - 20px);
        /* min-width: 260px; */
        /* max-width: 300px; */
    }

    .slide-product-column:nth-child(3) {
        width: 80%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        /*margin: auto;*/
        margin-top: 10px;
    }

    /*.slide-product-column:nth-child(3) > div:last-child {*/
    /*    width: 100%;*/
    /*}*/

    .price-product-slide, .price-single-product-slide {
        width: auto;
        display: inline-flex;
        margin: 0;
    }

    .block-info-product:first-child {
        border-top: 1px solid #e1e1e1;
        padding-top: 330px;
    }

    .info-product .preview-quantity {
        margin-right: 20px;
    }

    .buy-product-card-button, .subscribe-product-card-button {
        padding: 10px 30px;
        height: 69px;
        margin-top: 0;
    }

    .product-tab-button {
        width: 180px;
    }

    .order-detail-basket .parameter > :nth-child(1), .order-detail-basket .title > :nth-child(1) {
        width: 35%;
    }
    .order-detail-basket .parameter > :nth-child(2), .order-detail-basket .title > :nth-child(2) {
        display: none;
    }
    .order-detail-basket .parameter > :nth-child(3), .order-detail-basket .title > :nth-child(3) {
        width: 22%;
    }
    .order-detail-basket .parameter > :nth-child(4), .order-detail-basket .title > :nth-child(4) {
        width: 19%;
    }
    .order-detail-basket .parameter > :nth-child(5), .order-detail-basket .title > :nth-child(5) {
        width: 24%;
    }

    .order-detail-basket {
        font-size: 13px;
        padding: 0 10px;
    }

    .content-login-block:last-child .form-login-basket .column {
        width: 100%;
        max-width: unset;
    }

    .content-login-block:first-child .form-login-basket {
        width: 100%;
        max-width: unset;
        margin: 0;
        margin-top: 20px;
    }

    .order-block {
        flex-wrap: wrap;
    }

    .order-block .column:first-child, .order-block .column:last-child {
        width: 100%;
    }

    .order-block .column:first-child {
        order: 1;
        margin-top: 20px;
    }

    .courier .select-address ~ .add-new-address, .courier .select-address {
        float: none;
        width: 100%;
    }

    .bx_ordercart_order_pay_center {
        text-align: center;
    }

    #basket_form .table-basket {
        display: flex;
        flex-direction: column;
    }
    #basket_form .row-table-basket.product-js {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px solid #999999;
        background-color: #f8f8f8;
    }

    #basket_form .top-row-table-basket {
        display: none;
    }

    #basket_form .cell-table-basket {
        white-space: normal !important;
        border: none;
    }

    #basket_form .row-table-basket .cell-table-basket:nth-child(1) {
        width: 25% !important;
    }

    #basket_form .row-table-basket .cell-table-basket:nth-child(1)::after {
        content: "";
        display: block;
        padding-bottom: 100%;
    }

    #basket_form .row-table-basket .cell-table-basket:nth-child(2) {
        width: 40% !important;
    }

    #basket_form .row-table-basket .cell-table-basket:nth-child(2) .title-product-basket {
        font-size: 15px;
    }

    #basket_form .row-table-basket .cell-table-basket:nth-child(3) {
        width: 35% !important;
        font-size: 13px;
    }

    #basket_form .row-table-basket .cell-table-basket:nth-child(4) {
        width: 33.33333% !important;
        /*display: flex;*/
        align-items: center;
        justify-content: center;
        font-size: 13px;
    }

    #basket_form .row-table-basket .cell-table-basket:nth-child(5) {
        width: 33.33333% !important;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #basket_form .row-table-basket .cell-table-basket:nth-child(6) {
        width: 33.33333% !important;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 15px;
    }

    #basket_form .result-quantity {
        padding: 0 10px;
        font-size: 19px;
        display: flex;
        justify-content: space-between;
    }

    #basket_form .result-quantity span:last-child {
        margin-left: auto;
    }
    #basket_form .result-quantity span:first-child {
        margin-left: 5px;
    }

    .support form > .item:first-child input[type=text]+input[type=text] {
        width: 100%;
    }

    .personal-container__head {
        padding: 5px;
    }

    .personal-container__head [class*='col-'] {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }

    .personal-container__head-left {
        border-bottom: 1px solid #e6e6e6;
    }

    .personal-container__head-left, .personal-container__head-right {
        margin: 0;
        padding: 10px 15px;
    }

    .personal-container__body table th {
        width: 33.33333%;
    }

    .personal-container__body input {
        width: 100%;
    }

    .personal-container__body [id*="main_UF"] {
        width: 100%;
    }

    .bottom-navbar-line .navbar-nav .d-none-md, #nav-btn-more {
        display: none !important;
    }

    .content-of-page-with-menu.static img {
        width: 100%;
        padding-bottom: 20px;
    }

    /*.page {*/
    /*    padding-bottom: 274px;*/
    /*}*/

    .bx_ordercart_order_pay_center {
        margin-bottom: 20px;
    }

    .document-file {
        height: auto;
        background-position: left top;
    }

    .document-file a {
        float: none;
    }

    .document-file a[target=_blank] {
        margin-right: 0;
    }

    /* .btn-subscribe-product {
        margin: 0;
        margin-left: auto;
    } */

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

    .offer-line {
        max-width: 100%;
    }


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

    .personal-container__footer .js-edit-cancel-btn, .personal-container__footer .edit-btn, .personal-container__footer .edit_passwd-btn {
        font-size: 19px;
        padding: 10px 15px;
        margin: 0;
    }

    .order-block .title {
        display: flex;
        align-items: center;
    }

    .order-block .delivery .title span.image {
        min-width: 50px;
    }
}

/* 600 */
@media (max-width: 599px) {
    .footer-logo-container {
        height: 70px;
    }
}

@media (max-width: 575px) {
    /*.main-content > div {*/
    /*    font-weight: 400;*/
    /*    font-size: 11px;*/
    /*    line-height: 150%;*/
    /*    color: #292B2C;*/
    /*}*/

    .product-tab-content {
        font-size: 11px;
    }

    .product-tab-button {
        font-size: 14px;
        color: #000000;
        width: 121px;
        height: 37px;
        line-height: 36px;
    }

    .slick-vertical .slick-slide{
        width: 54px !important;
        height: 54px;
    }
}


.inn-message{background: url("images/info-icon.png") no-repeat 10px center, #f8f8f8; line-height: 50px; padding: 0 10px 0 45px;}
.inn-message span{display: inline-block; vertical-align: middle; line-height: normal;}


.personal-container .email-validation {
    display: none;
    margin-left: 20px;
    color: #e5173f;
}

.bottom-navbar-line .navbar-nav .nav-item .nav-link img{
    margin-top: -4px;
    margin-left: 6px;
}

.promo .btn-promo {
    background-color: rgba(0, 0, 0, 0.6);
    background-image: url(/images/check.png);
    background-repeat: no-repeat;
    background-position: 50%;
    position: relative;
    margin-left: 10px;
    width: 38px;
    height: 38px;
}
.order-comment, .promo {
    min-width: 40%;
    width: 100%;
    position: relative;
    margin-top: 20px;
}
@media only screen and (max-width: 767px) {
    .promo {
        width: 60%;
    }
}
.promo .descr {
    position: relative;
    padding-top: 10px;
    width: 100%;
    text-align: left;
}
.statuses-product {
    position: absolute;
    top: 20px;
    left: 20px;
}

.status-product {
    height: 25px;
    width: 51px;
    border-radius: 2px;
    color: #fff;
    text-align: center;
    padding: 3px 0;
    margin-top: 8px;
    font-size: 13px;
    font-weight: bold;
}

.status-product:first-child {
    margin-top: 0;
}

.status-new {
    background: #191714;
}

.status-hit {
    background: #e5173f;
}

.status-discount-green {
    background: #009997;
}
.status-discount-orange {
    background: #e15634;
}

.breadcrumb {
    background: none;
}

.bitum h4 {
    height: 55px;
    line-height: 55px;
    white-space: nowrap;
    margin-left: 18px;
    margin-bottom: 0px;
}

.bitum .panel-body {
    background: #f8f8f8;
    padding: 10px 0 1px;
    margin: 0px 0 10px;
}

.bitum .label-control__title {
    font-size: 15px;
}

.bitum .category-select {
    display: block;
}

.bitum-order-button {
    float: right;
    display: inline-block;
    vertical-align: middle;
    background: #e5173f;
    color: #fff !important;
    text-decoration: none;
    line-height: 50px;
    padding: 0 120px;
    font-size: 15px;
}

.b-page-404 {
    background-position: center bottom;
    width: 100%;
    height: 90vh;
    overflow: hidden;
}
.b-page-404__bg {
    background: url("/local/templates/lukoil/images/404_bg.jpg") no-repeat;
    position: absolute;
    background-size: cover;
    width: 100%;
    height: 120vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.b-page-404__track {
    background: url("/local/templates/lukoil/images/404-track.png") 0 bottom no-repeat;
    position: absolute;
    background-size: contain;
    width: 100%;
    height: 95vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}
.b-page-404__title {
    max-width: 600px;
    line-height: 50px;
    font-size: 43px;
    color: #fff;
}
.b-page-404__text {
    max-width: 600px;
    line-height: 22px;
    font-size: 15px;
    color: #fff;
    position: relative;
    z-index: 5;
}
.b-page-404__container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 1144px;
    max-height: 903px;
    height: 80%;
    margin: 0 auto;
}
.b-page-404__404-text {
    background: url("/local/templates/lukoil/images/404-text.png") center center no-repeat;
    background-size: contain;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
}
.b-page-404__bottle {
    background: url("/local/templates/lukoil/images/404-bottle.png") center center no-repeat;
    background-size: contain;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 500;
    position: absolute;
}
.b-page-404__toSearch, .b-page-404__toNav {
    border-bottom: 1px dashed #fff;
}
.b-page-404__toSearch, .b-page-404__toNav:hover {
    cursor: pointer;
}
@media screen and (max-width: 1180px) {
    .b-page-404__track {
        height: 94vh;
    }
}
@media screen and (max-width: 800px) {
    .b-page-404__404-text {
        height: 80%;
    }
}
@media screen and (max-width: 800px) {
    .b-page-404__track {
        height: 80vh;
    }
    .b-page-404__404-text {
        height: 80%;
    }
    .b-page-404__container {
        height: 60%;
    }
}
@media screen and (max-width: 500px) {
    .b-page-404__track {
        height: 70vh;
    }
}

body.opened-model {
    overflow: hidden;
}

.disable-element {
    opacity: .5;
    pointer-events: none;
}

.dealers-modal__body.fancybox-content {
	padding: 60px 32px !important;
	max-width: 770px;
	width: 100%;
}

.dealers-modal {

}

.dealers-modal__title {
	text-align: center;
	font: normal 32px/130% 'OpenSans', sans-serif;
	color: #000000;
	margin: 0 0 40px 0;
}

@media (max-width: 750px) {
	.dealers-modal__title {
		font: normal 20px/130% 'OpenSans', sans-serif;
	}
	.dealers-modal__name {
		font: normal 16px/170% 'OpenSans', sans-serif;
	}
	.dealers-modal__phone {
		font: normal 16px/170% 'OpenSans', sans-serif;
	}
}

.dealers-modal__name {
	font: normal 20px/170% 'OpenSans', sans-serif;
	text-align: center;
	color: #000000;
}

.dealers-modal__phone {
	font: bold 20px/170% 'OpenSans', sans-serif;
	color: #e6043a;
}

.dealers-modal__phone .dealers-modal__link {
	color: #000000;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 auto 10px auto;
	max-width: 282px;
}


.dealers-modal__btn {
	background-color: #e51740;
	padding: 7px 25px;
	display: inline-block;
	font: normal 15px/130% 'OpenSans', sans-serif;
	color: #ffffff;
	transition: background-color 0.3s, color 0.3s;
}

.dealers-modal__btn--footer {
	margin: 20px 0;
	display: inline-block;
	text-align: center;
}

.dealers-modal__btn:hover {
	text-decoration: none;
	cursor: pointer;
	color: #ffffff;
	background-color: #000000;
}

.dealers-modal__btn:visited, .dealers-modal__btn:focus {
	text-decoration: none;
	color: #ffffff;
}

.dealers-modal__body {

}
@media (max-width: 600px) {
	.footer-block {
		display: flex !important;
		justify-content: space-between !important;
	}
}
/*@media screen and (max-width: 767px) {*/
/*    .footer {*/
/*       position: unset;*/
/*    }*/
/*    .page {*/
/*        padding-bottom: unset;*/
/*    }*/
/*}*/
@media screen and (max-width: 760px) and (orientation: landscape) {
	.bottom-navbar-line {
        height: 50px;
	}
	.actions-bottom-navbar {
        padding-top: 6px;
    }
	.btn-navbar {
        height: 38px;
    }
	.btn-basket-navbar img {
	   width: 17px;
       height: 18px;
    }
    .btn-login img {
        width: 17px;
        height: 18px;
    }
}

.yes-button {
	width: 70px;
	background-color: red;
	color: white;
	font-size: 16px;
}

.no-button {
	width: 70px;
	background-color: #e6e7e9;
	color: black;
	font-size: 16px;
}

/* NEW FOOTER */
footer .footer-logo-container {
	margin-bottom: 106px;
	width: 225px;
	height: 74px;
}
footer .logo-footer {
	width: 225px;
    height: 74px;
}
footer div.footer-dealer-name {
	margin-bottom: 8px;
	font-weight: 600;
	font-size: 12px;
	color: #000;
}
footer .phone-navbar-container {
	justify-content: flex-start;
	color: #000;
}
footer .footer-menu-item .footer-menu-link,
footer .title-footer-block {
	color: #000;
}
footer .footer-block .social-block {
	margin-right: 16px;
}
footer .footer-block .social-block:last-child {
	margin-right: 0px;
}
footer .search-footer-container .input-group input {
	background: #fff;
}
footer .search-footer-container .input-group .btn-search {
	border-color: unset;
	background: #000;
}
footer .search-footer-container .input-group .btn-search:hover,
footer .vk-social:hover,
footer .insta-social:hover,
footer .fb-social:hover,
footer .youtube-social:hover {
	background: #E3173E;
	border-color: #E3173E;
}
footer .phone-navbar-container span:last-child {
	color: #000;
}
footer .footer-address {
	color: #000;
}
footer .footer-block {
	border-right: 1px solid #CACACA;
}
footer .footer-block.mobile {
	display: none;
}
@media only screen and (max-width: 1210px) {
    footer .phone-navbar-container span:last-child {
        font-size: inherit;
    }
}
@media only screen and (max-width: 1100px) {
	footer .footer-block .social-block {
	   margin-right: 5px;
	}
}
@media (max-width: 989px) {
    footer .phone-navbar-container span:last-child {
        display: inherit;
    }
}
@media (max-width: 942px) {
    footer .footer-inner {
        padding: 36px 17px;
    }
    footer .footer-logo-container {
        margin-bottom: 0px;
    }
	footer .footer-block {
	   margin-bottom: 36px;
	   border-right: none;
	   display: block;
	   padding: 0px;
       width: 100%;
	}
	footer .footer-block:last-child {
	   margin-bottom: 0px;
	}
	footer .footer-block .b2b_call_phone_1,
	footer .footer-block .copyright,
	footer .footer-block .title-footer-block,
	footer .footer-block .map-footer,
	footer .footer-block .search-footer-container {
        display: none;
	}
	footer .footer-block.mobile,
	footer .footer-block.mobile .b2b_call_phone_1,
    footer .footer-block.mobile .copyright {
       display: block;
    }
    footer .footer-block.mobile .copyright {
        padding-top: 0px;
    }
    footer .footer-block .social-block {
        margin-right: 10px;
    }
    footer .footer-block .social-block {
        margin-right: 26px;
    }
    .footer {
        position: unset !important;
    }
}

/* NEW FOOTER END */
.modal-content-location {
    background: white;
    max-width: 640px;
}

.modal-body-location {
    padding: 52px 102px 60px 67px;
    display: flex;
    margin: 0 10px;
}

.modal-body-location-choice {
    padding: 52px 46px 60px 66px;
}

.modal-body-location__row {
    padding: 0 10px;
    display: flex;
    flex-flow: column;
}

.modal-body-location img {
    height: 52px;
}

.modal-body-location__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 150%;
    color: #000000;
    margin-bottom: 14px;
}

.modal-body-location__text {
    font-size: 14px;
    line-height: 150%;
    color: #000000;
    margin-bottom: 20px;
}

.modal-body-location__label {
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #000000;
    margin-bottom: 4px;
}

.modal-body-location__btn {
    font-size: 20px;
    line-height: 150%;
    color: white;
    padding: 10px 40px 12px;
    background: #E3173E;
    border: none;
    transition: opacity .3s;
    cursor: pointer;
    margin: 0 auto;
}

.modal-body-location__dillers {
    display: flex;
    flex-flow: column;
    margin-bottom: 8px;
}

.modal-body-location__diller {
    display: flex;
    //align-items: center;
    flex-flow: column;
    justify-content: center;
}

.modal-body-location__diller {
    margin-bottom: 12px;
}

.modal-body-location__diller label {
    color: #292B2C;
    font-size: 15px;
    line-height: 150%;
    margin-bottom: 0 !important;
}

.modal-body-location__diller span {
    display: block;
    color: #787F83;
    font-size: 11px;
    line-height: 150%;
    padding-left: 33px;
}

.modal-body-location__diller input {
    display: none;
}

.modal-body-location__diller input:checked + label:after {
    display: inline-block;
}

.modal-body-location__diller input:checked + label:before {
    background: #E3173E;
    border: 1px solid #E3173E;
}

.modal-body-location__diller input + label {
    color: black;
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 33px;
    margin-right: 0;
    /*line-height: 18px;*/
    user-select: none;
}

.modal-body-location__diller input + label:before,.modal-body-location__diller input + label:after {
    content: "";
    display: inline-block;
    position: absolute;
    border-radius: 13px;
}

.modal-body-location__diller input + label:before {
    width: 22px;
    height: 22px;
    border: 1px solid #CBCBCB;
    left: 0;
    bottom: 1px;
}

.modal-body-location__diller input + label:after {
    display: none;
    width: 8px;
    height: 8px;
    background: white;
    left: 7px;
    bottom: 8px;
}

.modal-body-location__btn-wrap {
    margin: 10px 0 0;
    display: flex;
    flex-flow: wrap;
}

.modal-body-location__btn:not(:disabled):hover {
    opacity: .7;
    transition: opacity .3s;
}

.modal-body-location__btn--stop {
    background: white;
    border: 2px solid #E3173E;
    color: #E3173E;
}

.modal-body-location__btn:disabled {
    padding: 10px 40px 12px;
    background: #F0F0F0;
    cursor: not-allowed;
}

.modal-body-location__message {
    padding: 4px;
    background: #EFF5F9;
    border-radius: 4px;
    font-size: 10px;
    line-height: 120%;
    color: #292B2C;
    margin-bottom: 44px;
    width: fit-content;
}

.modal-body-location__message a {
    color: #0275D8;
    text-decoration: none;
    transition: opacity .3s;
}

.modal-body-location__message a:hover {
    opacity: .7;
    transition: opacity .3s;
}

.select-custom {
    width: 100%;
    position: relative;
    z-index: 10;
    margin-bottom: 20px;
}


.select-custom__input > span {
    color: #B6B6B6;
}

.select-custom.open .select-custom__dropdown {
    display: block;
}

.select-custom.open .select-custom__backdrop {
    border-bottom: none;
}

.select-custom__input--active {
    color: black !important;
}

.select-custom__input {
    background: #F8F8F8;
    border-bottom: 1px solid #DADADA;
    height: 40px;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 18px 11px 12px;
    cursor: pointer;
    /*white-space: nowrap;*/
    /*text-overflow: ellipsis;*/
    /*overflow: hidden;*/
}

.select-custom__arrow {
    min-width: 10px;
    height: 6px;
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDEwIDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDFMNSA1TDkgMSIgc3Ryb2tlPSIjOTE5MTkxIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K") no-repeat;
    transition: transform .3s;
}

.select-custom__arrow--open {
    transform: rotate(180deg);
    transition: transform .3s;
}

.select-custom__dropdown {
    display: none;
    position: absolute;
    /*border: 1px solid #ccc;*/
    top: 46px;
    left: 0;
    right: 0;
    max-height: 160px;
    overflow-y: auto;
}

.select-custom__list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.select-custom__backdrop {
    position: fixed;
    display: none;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: transparent;
}

.select-custom__item {
    padding: 8px 8px 11px 12px;
    background: #F8F8F8;
}

.select-custom__item.selected {
    background-color: #DADADA;
}

.select-custom__item:hover {
    background-color: #eee;
    cursor: pointer;
    transition: .15s background-color ease-in;
}

.js-basket-item-price {
    font: bold 20px/150% 'OpenSans', sans-serif;
    color: #292B2C !important;
}
.row-table-basket {
    position: relative;
}
.plus-button {
    position: absolute;
    height: 100%;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    right: 0;
    cursor: pointer;
}
.minus-button {
    position: absolute;
    height: 100%;
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    left: 0;
    cursor: pointer;
}
.plus-button:hover {
    opacity: 0.75;
}

@media (max-width: 992px) {
    .modal-body-location {
        padding: 32px 47px 40px 47px;
        flex-flow: column;
    }

    .modal-body-location-choice {
        padding: 32px 20px 40px;
        flex-flow: column;
    }

    .modal-content-location {
        max-width: 500px;
        margin: 0 auto;
    }

    .modal-body-location img {
        margin-bottom: 18px;
    }
}

@media (max-width: 575px) {
    .modal-body-location {
        padding: 24px 8px;
        flex-flow: column;
    }

    .modal-body-location img {
        margin-bottom: 18px;
    }

    .modal-body-location__btn {
        font-size: 16px;
        padding: 8px 24px 10px;
    }
}

.block-info-amount {
    font-size: 13px;
    line-height: 150%;
    color: #848484;
    display: none;
}

.product-js .dealer-name-basket {
    font-size: 24px;
    line-height: 150%;
    margin: 20px 0;
    color: #000000;

}

.product-js .dealer-name-basket + div {
    border-top: none;
    padding-bottom: 25px;
    border-bottom: 1px solid #999999;
}

.row-table-basket .block-info-amount--basket {
    display: block;
    position: absolute;
    bottom: -1px;
    left: calc(50% - 50px);
}

.basket-result-box {
    display: flex;
    align-items: center;
    padding: 30px 0 40px;
    justify-content: space-between;
}

.basket-result-info {
    font-size: 12px;
    line-height: 150%;
    color: #E3173E;
    padding: 0 10px;
    display: flex;
    align-items: center;
}

.basket-result-info img {
    margin-right: 8px;
}

.basket-result-info a {
    text-decoration-line: underline;
    margin-left: 8px;
    color: #0275D8;
}

.preview-product-controls-box {
    display: flex;
    align-items: flex-end;
    margin: 0 -6px;
}

.preview-product-controls-row {
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    padding: 0 6px;
    height: 100%;
}

.slide-product-column .block-info-amount {
    margin-bottom: 15px;
}

.preview-product-controls-wrap {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: flex-end;
    padding-top: 20px;
}
.cell-quantity-product {
    font: normal 20px/150% 'OpenSans', sans-serif;
    color: #292B2C !important;
}
.cell-image-product {
    margin: 16px 0;
}
.basket-result-info-container {
    display: flex;
    flex-direction: column;
}
.offer-line.custom {
    background: #fff;
    font: normal 12px/150% 'OpenSans', sans-serif;
    margin: 40px 0;
}
.basket-mobile {
    display: none !important;
}
.mobile-container {
    display: flex;
    flex-direction: column;
    /*margin: 30px 16px;*/
    /*border-bottom: 1px solid #C2C2C2*/
    padding: 10px 0;
}

.mobile-container__img {
    width: 60px;
    display: flex;
    justify-content: center;
}

.mobile-container__img img {
    max-height: 60px;
    height: 100%;
    width: auto;
}
.mobile-container__box {
    display: flex;
    margin: 0 -6px;
}

.basket-mobile__col {
    padding: 0 6px;
}

.basket-mobile__main {
    display: flex;
    flex-flow: column;
    margin-right: auto;
}

.basket-mobile__params {
    display: flex;
}

.basket-mobile__row-item + .basket-mobile__row-item{
    padding-left: 20px;
}

.basket-mobile__row-space {
    margin-bottom: 12px;
}

.basket-mobile__product {
    margin: 8px 0;
    display: flex;
}
.basket-mobile__product-container {
    margin: 0 18px;
}
.basket-mobile__unit{
    font-size: 12px;
    margin-left: 2px;
}

.basket-mobile__product-title {
    font: normal 10px/150% 'OpenSans', sans-serif;
    color: #787F83;
    margin-bottom: 4px;
}
.basket-mobile__product-name {
    font: normal 16px/150% 'OpenSans', sans-serif;
    color: #292B2C;
}
.offer-line.custom-mobile {
    display: none;
}

.basket-desktop .input-group {
    width: 120px;
}
.basket-desktop .input-group input {
    font-size: 20px;
    line-height: 100%;
    height: 40px;
}

@media (max-width: 1199px) {
    .basket-desktop .input-group input {
        font-size: 16px;
    }
}

.basket-quantity-isset-product-d {
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #E5173F;
    position: absolute;
    left: 3px;
    top: 42px;
}

.basket-multi__wrap .input-group input {

}

@media (max-width: 991px) {
    .row-table-basket .block-info-amount--basket {
        position: absolute;
    }
    .basket-mobile {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .basket-result-info-container {
        width: 100%;
        margin: 10px 0;
    }
    .basket__region-name {
        font: 600 20px/150% 'OpenSans', sans-serif;
        padding: 0 0 12px 0;
    }
    .basket-mobile__product:first-child {
        margin-bottom: -25px;
    }
    .basket-result-info {
        display: flex;
        align-items: self-start;
    }
    .basket-result-info-text {
        text-align: left;
        display: flex;
        flex-direction: column;
    }
    .basket-result-info-text a {
        margin-left: 0;
    }
    .basket-result-box {
        margin-top: 0;
    }
    .result-quantity {
        justify-content: flex-start !important;
    }
    .js-basket-order-items-count {
        /*margin-left: 17px !important;*/
    }
    .cell-image-product {
        width: 48px !important;
    }
    .basket-desktop {
        display: none !important;
    }
    .basket-mobile {
        display: block !important;
    }
    .row-table-basket .block-info-amount--basket {
        bottom: -8px;
    }

    .offer-line.custom {
        display: none;
        margin: 20px 0;
    }
    .offer-line.custom-mobile {
        display: block;
        margin: 20px 0;
        background: #fff;
    }
    .offer-line.custom-mobile a {
        color: #0275D8;
    }

    .basket-result-box {
       flex-direction: column;
    }

    .result-count-line-new {
        width: 100%;
        margin-bottom: 10px;
    }

    .slide-product-column .block-info-amount {
        margin-bottom: 0;
    }

    .modal-body-location__btn--stop {
        margin-right: 10px;
    }

    .basket-quantity-isset-product-m {
        font-size: 12px;
        line-height: 150%;
        color: #E5173F;
        margin-top: 8px;
    }
    .basket-mobile__product-name .price__unit {
        font-size: 14px;
    }
}

#start-region-modal-choice .modal-dialog {
        pointer-events: auto;
        max-width: 700px;
    }

#start-region-modal .modal-dialog {
        pointer-events: auto;
        max-width: 700px;
    }

    .clear-cross {
        position: relative;
        top: 0;
        left: 12px;
    }
    .clear-cross svg {
        width: 18px;
        height: 18px;
        position: relative;
        top: 5px;
    }

    .buy-product-card-button-disabled {
        /*cursor: not-allowed;*/
        opacity: 1 !important;
        color: #BBBBBB !important;
        background: #F0F0F0 !important;
    }

/*.multi + footer {*/
/*    position: absolute !important;*/
/*}*/

.basket-multi__wrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    padding: 60px 15px 80px;
}

.steps-multi-container {
    margin-bottom: 40px;
}

@media (max-width: 991px) {
    .steps-multi-container {
        margin-bottom: 32px;
    }
}

@media (max-width: 767px) {
    .steps-multi-container {
        margin-bottom: 20px;
    }
}

.steps-multi-container:after {
    display: block;
    clear: both;
    content: '';
}
.cart-empty {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 40px 0;
}
.basket__catalog-button {
    font: normal 20px/150% 'OpenSans', sans-serif;
    color: #E3173E;
    padding: 10px 40px;
    margin: 40px 0;
    border: 1px solid #E3173E;
    transition: all 0.3s ease-in-out;
}
.basket__no-item-message {
    font: 600 32px/150% 'OpenSans', sans-serif;
    color: #000000;
}
.basket__catalog-button:hover {
    text-decoration: none;
    background: #E3173E;
    color: #fff !important;
}

.counter-block {
    border: 1px solid #c2c2c2 !important;
    display: flex;
    height: 40px;
    width: 120px;
}

.counter-block__input {
    font-size: 20px;
    line-height: 100%;
    text-align: center;
    color: #292B2C;
    height: 100% !important;
    border: none;
    width: 60px;
    box-sizing: border-box;
}

.counter-block__button {
    width: 30px;
    background: #E8E8E8;
    height: 100%;
    box-sizing: border-box;
    position: relative;
    cursor: pointer;
}


.counter-block__button-dec:before {
    position: absolute;
    content: "";
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSIyIiB2aWV3Qm94PSIwIDAgOCAyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB3aWR0aD0iOCIgaGVpZ2h0PSIyIiBmaWxsPSIjMjkyQjJDIi8+Cjwvc3ZnPgo=");
    width: 8px;
    height: 2px;
    top: 50%;
    left: 11px;
}

.counter-block__button-inc:before {
    position: absolute;
    content: "";
    background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQgNlYxMEg2VjZIMTBWNEg2VjBINFY0SDBWNkg0WiIgZmlsbD0iIzI5MkIyQyIvPgo8L3N2Zz4K");
    width: 10px;
    height: 10px;
    top: calc(50% - 5px);
    left: 10px;
}

.counter-block__button.disabled.counter-block__button-inc:before, .counter-block__button.disabled.counter-block__button-dec:before {
    opacity: .5;
}

.counter-block__button.disabled {
    pointer-events: none;
}

.counter-block__input.error {
    color: #E5173F;
}

@media (max-width: 1199px) {
    .basket-desktop .counter-block__input {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .counter-block__input {
        font-size: 16px;
    }
}


.multi-basket-final {
    display: flex;
    gap: 20px 40px;
    margin: 40px 0 0;
}

.multi-basket-final__main {
    width: calc(100% / 12 * 8.2);
}

.multi-basket-final__aside {
    width: calc(100% / 12 * 3.8);
}

.multi-basket-final__title {
    font-weight: 600;
    font-size: 32px;
    line-height: 150%;
    color: #292B2C;
    margin-bottom: 24px;
}

.multi-basket-final__text {
    font-size: 16px;
    line-height: 150%;
    color: #000000;
    margin-bottom: 24px;
}

.multi-basket-final-message-wrap {
    margin-bottom: 40px;
}

.multi-basket-final-message {
    font-size: 16px;
    line-height: 150%;
    font-weight: 600;
    color: #000000;
}

.multi-basket-final-preorder {
    display: flex;
    align-items: center;
    padding: 24px;
    background-color: var(--bg-light-grey);
    margin-bottom: 40px;
}

.multi-basket-final-preorder-text {
    font-size: 16px;
    line-height: 150%;
    font-weight: 400;
    color: var(--dark);
    margin-left: 12px;
}

.multi-basket-final-preorder-img svg{
    width: 48px;
    height: 48px;
}

@media (max-width: 768px) {
    .multi-basket-final-preorder {
        padding: 20px;
        margin-bottom: 32px;
    }
    .multi-basket-final-preorder-text {
        font-size: 14px;
        line-height: 140%;
    }
    .multi-basket-final-preorder-img svg{
        width: 40px;
        height: 40px;
    }
}

@media (max-width: 576px) {
    .multi-basket-final-preorder {
        align-items: flex-start;
        padding: 12px;
        margin-bottom: 24px;
    }
    .multi-basket-final-preorder-text {
        font-size: 13px;
        line-height: 140%;
        margin-left: 8px;
    }
    .multi-basket-final-preorder-img svg{
        width: 32px;
        height: 32px;
    }
}

.multi-basket-final-list__title {
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
    color: #000000;
    margin-top: 16px;
}

.multi-basket-final-message__link,
.multi-basket-final-message__link:active,
.multi-basket-final-message__link:focus {
    color: #D2233C;
    text-decoration: none;
    font-size: 16px;
    line-height: 135%;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    transition: color .3s;
    margin-top: 20px;
}

.multi-basket-final-message__link:hover {
    color: #FC435E;
    text-decoration: none;
}

.multi-basket-final-list {
    position: relative;
    margin: 12px 0 40px 0;
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
    color: #231F20;
    list-style-type: none;
    padding: 0;
}

.multi-basket-final-list li {
    position: relative;
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
    color: #231F20;
    padding: 0 0 0 24px;
}

.multi-basket-final-list li:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #D2233C;
    border-radius: 100%;
    top: 8px;
    left: 8px;
}

.multi-basket-final-list li + li {
    margin-top: 12px;
}

.multi-basket-final__box + .multi-basket-final__box {
    margin-top: 32px;
}

.multi-basket-final__desc {
    font-weight: 600;
    font-size: 18px;
    line-height: 150%;
    color: #000000;
    padding-bottom: 16px;
    border-bottom: 1px solid #D9D9D9;
}

.multi-basket-final__row {
    padding: 16px 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    color: #000000;
    margin: 0 -12px;
    display: flex;
}

.multi-basket-final__wrap {
    border-bottom: 1px solid #D9D9D9;
}


.multi-basket-final__field {
    /*width: calc(100% / 8 * 2);*/
    min-width: 180px;
    width: 180px;
    max-width: 180px;
    padding: 0 12px;
}

.multi-basket-final__field-val {
    font-weight: 600;
    padding: 0 12px;
    flex: 1 1 auto;
}

.multi-basket-final__accordion {
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: #E5173F;
    display: none;
    cursor: pointer;
    align-items: baseline;
    margin-bottom: 20px;
}

.multi-basket-final__accordion-arrow {
    transition: transform .3s;
    margin-left: 7px;
}

.multi-basket-final__accordion.open svg {
    transform: rotate(180deg);
    transition: transform .3s;
}

.multi-basket-final__accordion-box {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease-out;
    margin: 0;
}

.multi-basket-final__accordion-box.open {
    max-height: 1000px;
    transition: max-height .7s;
}

.multi-basket-final .card__box {
    padding: 28px;
    background: #FFFFFF;
    border: 1px solid #D9D9D9;
    display: flex;
    flex-flow: column;
    margin-top: 20px;
}

.multi-basket-final .card__title {
    font-weight: 600;
    font-size: 20px;
    line-height: 150%;
    color: #000000;
    margin-bottom: 16px;
}

.multi-basket-final .card-accord__title {
    font-size: 14px;
    line-height: 150%;
    color: #767676;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    align-items: center;
    margin-bottom: 16px;
}

.multi-basket-final .card-accord__region {
    font-weight: 600;
    font-size: 14px;
    line-height: 150%;
    color: black;
}

.multi-basket-final .card-accord__arrow {
    transition: transform .3s, stroke .3s;
    margin-left: 7px;
}

.multi-basket-final .card-accord__title.open svg {
    transform: rotate(180deg);
    transition: transform .3s;
}

.multi-basket-final .card-accord__title.open svg path {
    stroke: #767676;
    transition: stroke .3s;
}

.multi-basket-final .card-accord__box {
    max-height: 0;
    overflow: hidden;
    transition: max-height .5s ease-out;
}

.multi-basket-final .card-accord__box.open {
    max-height: 2000px;
    transition: max-height .7s ease-in;
}

.multi-basket-final .card-accord__item {
    display: flex;
    margin: 0 -6px 16px;
}

.multi-basket-final .item__img {
    display: flex;
    width: 60px;
    min-width: 60px;
    padding: 0 6px;
    justify-content: center;
}

.multi-basket-final .item__img img {
    /*height: 60px;*/
    width: 100%;
    object-fit: contain;
}

.multi-basket-final .item__params {
    padding: 0 6px;
    display: flex;
    flex-flow: column;
}


.multi-basket-final .item__name {
    font-size: 15px;
    line-height: 150%;
    color: #292B2C;
    margin-bottom: 2px;
}

.multi-basket-final .item__price {
    margin-bottom: 2px;
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #292B2C;
}

.multi-basket-final .item__amount {
    font-size: 13px;
    line-height: 150%;
    color: #767676;
}

.multi-basket-final .button {
    font-weight: 400;
    font-size: 18px;
    line-height: 150%;
    color: #FFFFFF;
    padding: 10px 24px 12px;
    background: #E3173E;
    width: 100%;
    text-align: center;
    transition: opacity .3s;
    display: inline-block;
}

.multi-basket-final .button:hover {
    text-decoration: none;
    color: #FFFFFF;
    opacity: .7;
    transition: opacity .3s;
}

@media only screen and (max-width: 991px) {
    .multi-basket-final {
        flex-flow: column;
        margin-bottom: 60px;
    }

    .multi-basket-final__main {
        width: 100%;
    }

    .multi-basket-final__aside {
        width: 100%;
    }
}


@media (max-width: 768px) {
    .multi-basket-final {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .multi-basket-final__field {
        min-width: auto;
        width: 100%;
        max-width: 100%;
        padding: 0 12px;
    }

    .multi-basket-final__accordion {
        display: flex;
    }
    .multi-basket-final__title {
        font-size: 20px;
        margin-bottom: 12px;
    }

    .multi-basket-final__text {
        font-size: 13px;
        margin-bottom: 12px;
    }

    .multi-basket-final-message {
        font-size: 13px;
    }

    .multi-basket-final-list__title {
        font-size: 13px;
    }

    .multi-basket-final-list {
        margin-bottom: 24px;
    }

    .multi-basket-final-list li {
        font-size: 13px;
        padding: 0 0 0 20px;
    }

    .multi-basket-final-list li:before {
        content: '';
        position: absolute;
        width: 6px;
        height: 6px;
        background: #D2233C;
        border-radius: 100%;
        top: 6px;
        left: 6px;
    }

    .multi-basket-final-list li + li {
        margin-top: 8px;
    }

    .multi-basket-final-message__link {
        font-size: 13px;
        margin-top: 16px;
    }

    .multi-basket-final__row {
        flex-flow: column;
        padding: 6px 0;
        font-size: 14px;
    }

    .multi-basket-final .card__box {
        padding: 20px;
        margin-top: 0;
    }

    .multi-basket-final .card__title {
        font-size: 18px;
        margin-bottom: 12px;
    }

    .multi-basket-final .item__img img {
        height: 40px;
    }

    .multi-basket-final .item__name {
        font-size: 13px;;
    }

    .multi-basket-final .item__price {
        font-size: 14px;
    }

    .multi-basket-final .item__amount {
        font-size: 12px;
    }
}
/*smart filter*/
.filter-mini {
    margin: 0 0 28px 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #E5E6E7;
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: flex-end;
}

.filter-mini__container {
    display: flex;
    flex-flow: wrap;
    width: 100%;
    gap: 12px;
    max-height: 38px;
    overflow: hidden;
    height: 100%;
    transition: max-height .3s;
}


.filter-mini__control {
    font: 400 14px/140% 'Open Sans', sans-serif;
    color: #D2233C;
    margin-left: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 86px;
}

.filter-mini__control span {
    margin-right: 6px;

}

.filter-mini__control  svg {
    transition: transform .3s;
}

.filter-mini__control.filter-open svg {
    transform: rotate(180deg);
    transition: transform .3s;
}


.filter-mini-item {
    font: 400 14px/140% 'Open Sans', sans-serif;
    color: #2E323D;
    background: #F1F1F4;
    border-radius: 4px;
    border: 1px solid #F1F1F4;
    padding: 8px 10px;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: opacity .3s;
}

.filter-mini-item__label {
    font: 400 14px/140% 'Open Sans', sans-serif;
    color: #2E323D;
    transition: color .3s;
}

.filter-mini-item:hover .filter-mini-item__label,
.filter-mini-item__label:focus {
    color: #D2233C;
    transition: color .3s;
    text-decoration: none;
}

.filter-mini-item.active .filter-mini-item__close {
    margin-left: 6px;
    margin-top: 2px;
    width: 8px;
    height: 7px;
    background: url("data:image/svg+xml,%3Csvg width='8' height='7' viewBox='0 0 8 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 0.5L7 6.5' stroke='%23292B2C'/%3E%3Cpath d='M7 0.5L1 6.5' stroke='%23292B2C'/%3E%3C/svg%3E%0A");
    transition: opacity .3s;
}

.filter-mini-item__close:hover {
    opacity: .7;
    transition: opacity .3s;
}

.filter-mini-item.active {
    font-weight: 600;
    color: #292B2C;
    background: white;
    border-color: #D2233C;
}

@media only screen and (max-width: 610px) {
    .filter-mini {
        display: none;
    }
}

.multi-basket-final__main-info {
    font-size: 16px;
    font-weight: 600;
    line-height: 140%;
    color: #231F20;
    margin-bottom: 60px;
}

.multi-basket-final__main-info strong {
    color: #D2233C;
    display: block;
    font-weight: 600;
}

@media (max-width: 768px) {
    .multi-basket-final__main-info {
        font-size: 13px;
        margin-bottom: 20px;
    }

    body .online-chat-root #supportTrigger {
        bottom: 91px !important;
        z-index: 100 !important;
    }
}

.main-content {
    padding: 32px 15px 160px 15px;
}

@media (max-width: 991px) {
    .main-content {
        padding: 20px 15px 80px 15px;
    }
}

@media (max-width: 768px) {
    .main-content {
        padding: 12px 15px 60px 15px;
    }
}