/*-------Base styles----------*/
*::-webkit-input-placeholder {
    color: #8B8B8B;
    opacity: 1;
}

*:-moz-placeholder {
    color: #8B8B8B;
    opacity: 1;
}

*::-moz-placeholder {
    color: #8B8B8B;
    opacity: 1;
}

*:-ms-input-placeholder {
    color: #8B8B8B;
    opacity: 1;
}

body input:focus:required:invalid,
body textarea:focus:required:invalid {
    color: red;
}

body input:required:valid,
body textarea:required:valid {
    color: green;
}

body {
    font-family: "Inter", sans-serif;
    color: #272727;
    font-weight: normal;
    font-size: 13px;
    min-width: 320px;
    position: relative;
    line-height: 1.4;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    background: #fffffe;
}

* {
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
}

a {
    color: #272727;
    text-decoration: none;
    transition: all .15s ease;
}

a:hover {
    text-decoration: none;
}

a:focus {
    outline: none;
    text-decoration: none;
}

p {
    margin: 0;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

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

input:disabled {
    cursor: default;
    background-color: light-dark(rgba(239, 239, 239, 0.3), rgba(59, 59, 59, 0.3)) !important;
    color: light-dark(rgb(84, 84, 84), rgb(170, 170, 170)) !important;
    border-color: rgba(118, 118, 118, 0.3) !important;
}

div.jq-radio,
div.jq-checkbox {
    width: 12px;
    min-width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border-radius: 0;
    border: 1px solid #8B8B8B;
}

div.jq-radio.checked .jq-radio__div,
div.jq-checkbox.checked .jq-checkbox__div {
    width: 6px;
    height: 6px;
    border-radius: 0;
    box-shadow: none;
    background: #D12B38;
    margin: 2px 0 0 2px;
}

.wrapper input[type="checkbox"],
.wrapper input[type="radio"] {
    width: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
}

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

.clearfix:after {
    clear: both;
}

.hidden {
    display: none;
}

.wrapper {
    position: relative;
    overflow: hidden;
}

.container {
    margin: 0 auto;
    padding: 0 15px;
}

.slider {
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease;
}

.slider.slick-initialized {
    opacity: 1;
    visibility: visible;
}

.cl__item {
    outline: none;
}

.row {
    margin: 0 -8px;
}

.col {
    padding: 0 8px;
}

[class^="col-"] {
    padding: 0 8px;
}

[class*="col-"] {
    padding: 0 8px;
}

/*----------end---------------*/
.header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 99;
    transition: background .15s ease;
}

.header.fixed {
    position: fixed;
    background: #272727;
}

.header.fixed .header__burger_fix,
.header.fixed .header-nav .header-cart {
    visibility: visible;
    opacity: 1;
}

.header-nav .header-cart {
    visibility: hidden;
    opacity: 0;
    margin-left: 0;
}

.header.fixed .header__infonav {
    position: fixed;
    top: 40px;
}

.header.fixed.scrollUp {
    transition: top .15s ease;
}

.header.fixed.scrollUp .header__burger_fix,
.header.fixed.scrollUp .header-nav .header-cart {
    visibility: hidden;
    opacity: 0;
}

.header.fixed.scrollUp .header-nav {
    position: relative;
}

.header.fixed.scrollUp .header-nav__wrap:before {
    width: 100%;
    background: #8B8B8B;
}

.header.fixed.scrollUp .header__infonav {
    top: 80px;
    transition: top .25s ease;
}

.header.open {
    background: #272727;
}

.header:not(.fixed).header_inner {
    background: #fff;
}

.header:not(.fixed).header_inner .header__burger span {
    background: #272727;
}

.header:not(.fixed).header_inner .header__burger:hover span,
.header:not(.fixed).header_inner .header__burger.active span {
    background: #D12B38;
}

.header:not(.fixed).header_inner .header__location {
    color: #272727;
}

.header:not(.fixed).header_inner .header__location svg {
    fill: #272727;
}

.header:not(.fixed).header_inner .header__location:hover {
    color: #D12B38;
}

.header:not(.fixed).header_inner .header__location:hover svg {
    fill: #D12B38;
}

.header:not(.fixed).header_inner .header-search {
    color: #272727;
}

.header:not(.fixed).header_inner .header-search__title {
    color: #272727;
}

.header:not(.fixed).header_inner .header-search svg {
    stroke: #272727;
}

.header:not(.fixed).header_inner .header-search:hover {
    color: #D12B38;
}

.header:not(.fixed).header_inner .header-search:hover svg {
    stroke: #D12B38;
}

.header:not(.fixed).header_inner .header-search__in {
    color: #272727;
}

.header:not(.fixed).header_inner .header__logo svg path {
    fill: #272727;
}

.header:not(.fixed).header_inner .header__phone {
    color: #272727;
}

.header:not(.fixed).header_inner .header__phone:hover {
    color: #D12B38;
}

.header:not(.fixed).header_inner .header__login {
    color: #272727;
}

.header:not(.fixed).header_inner .header__login svg {
    fill: #272727;
}

.header:not(.fixed).header_inner .header__login:hover {
    color: #D12B38;
}

.header:not(.fixed).header_inner .header__login:hover svg {
    fill: #D12B38;
}

.header:not(.fixed).header_inner .header__favorite {
    color: #272727;
}

.header:not(.fixed).header_inner .header__favorite svg {
    stroke: #272727;
}

.header:not(.fixed).header_inner .header__favorite:hover {
    color: #D12B38;
}

.header:not(.fixed).header_inner .header__favorite:hover svg {
    stroke: #D12B38;
}

.header:not(.fixed).header_inner .header-cart__count {
    color: #272727;
}

.header:not(.fixed).header_inner .header-cart svg {
    stroke: #272727;
}

.header:not(.fixed).header_inner .header-cart:hover .header-cart__count {
    color: #D12B38;
}

.header:not(.fixed).header_inner .header-cart:hover svg {
    stroke: #D12B38;
}

.header:not(.fixed).header_inner .header__menu__link {
    color: #272727;
}

.header:not(.fixed).header_inner .header__menu__link:hover {
    color: #D12B38;
}

.header_black {
    background: #272727;
}

.header_black .header-nav__wrap:before {
    width: 100%;
    background: #8B8B8B;
}

.header_black.fixed .header-nav__wrap:before {
    width: 0;
    background: transparent;
}

.header__main {
    position: relative;
}

.header__main .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 15px 29px;
}

.header__main.locationOverflow .header__burger,
.header__main.locationOverflow .header-search,
.header__main.locationOverflow .header__logo,
.header__main.locationOverflow .header__phone,
.header__main.locationOverflow .header__login,
.header__main.locationOverflow .header__favorite,
.header__main.locationOverflow .header-cart {
    opacity: 0.3;
}

.header__main.searchOverflow .header__burger,
.header__main.searchOverflow .header__location,
.header__main.searchOverflow .header__logo,
.header__main.searchOverflow .header__phone,
.header__main.searchOverflow .header__login,
.header__main.searchOverflow .header__favorite,
.header__main.searchOverflow .header-cart {
    opacity: 0.3;
}

.header__side {
    display: flex;
    align-items: center;
}

.header__side_left {
    margin-right: auto;
}

.header__side_right {
    justify-content: flex-end;
}

.header__burger {
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
    z-index: 900;
    transition: all .25s ease;
}

.header__burger span {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 2px;
    transition: all .3s ease;
    background: #fff;
}

.header__burger span:nth-child(1) {
    top: 0;
}

.header__burger span:nth-child(2) {
    top: 6px;
}

.header__burger span:nth-child(3) {
    top: 12px;
}

.header__burger:hover span,
.header__burger.active span {
    background: #D12B38;
}

.header__burger.active span:nth-child(1) {
    top: 6px;
    transform: rotate(45deg);
}

.header__burger.active span:nth-child(2) {
    opacity: 0;
    transform: rotate(45deg);
}

.header__burger.active span:nth-child(3) {
    top: 6px;
    transform: rotate(-45deg);
}

.header__burger_fix {
    visibility: hidden;
    opacity: 0;
    margin-left: 0;
}

.header__location {
    position: relative;
    margin-left: 72px;
    transition: all .25s ease;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.header__location_mob {
    display: none;
}

.header__location i {
    position: relative;
    top: -2px;
    margin-right: 3px;
}

.header__location svg {
    fill: #fff;
}

.header__location:hover {
    color: #D12B38;
    text-decoration: none;
}

.header__location:hover svg {
    fill: #D12B38;
}

.header__location span {
    cursor: pointer;
}

.header-search {
    position: relative;
    margin-left: 24px;
}

.header-search__title {
    cursor: pointer;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    transition: all .25s ease;
}

.header-search__title i {
    position: relative;
    top: -2px;
    margin-right: 3px;
}

.header-search__title svg {
    stroke: #fff;
}

.header-search__title:hover {
    color: #D12B38;
    text-decoration: none;
}

.header-search__title:hover svg {
    stroke: #D12B38;
}

.header-search__title.active span {
    display: none;
}

.header-search__wrap {
    position: absolute;
    display: none;
    top: 1px;
    left: 22px;
    width: 325px;
}

.header-search__in {
    display: block;
    width: 100%;
    padding-right: 12px;
    font-size: 15px;
    font-weight: 500;
    color: #FFFFFE;
    outline: none;
    border: none;
    background: none;
}

.header-search__close {
    position: absolute;
    top: 2px;
    right: 0;
    border: none;
    box-shadow: none;
    background: none;
}

.header-search__close svg {
    transition: all .25s ease;
    stroke: #CCCCCC;
    width: 10px;
    height: 10px;
}

.header-search__close:hover svg {
    stroke: #D12B38;
}

.header__logo {
    position: absolute;
    top: 12px;
    left: 0;
    right: 0;
    max-width: 136px;
    margin: 0 auto;
}

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

.header__logo svg path {
    fill: #fffffe;
}

.header__phone {
    position: relative;
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.header__phone_mob {
    display: none;
}

.header__phone:hover {
    color: #D12B38;
    text-decoration: none;
}

.header__login {
    position: relative;
    display: inline-block;
    margin-left: 32px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.header__login i {
    position: relative;
    top: -2px;
    margin-right: 3px;
}

.header__login svg {
    fill: #fff;
}

.header__login:hover {
    color: #D12B38;
    text-decoration: none;
}

.header__login:hover svg {
    fill: #D12B38;
}

.header__favorite {
    position: relative;
    display: inline-block;
    margin-left: 34px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.header__favorite i span {
    display: none;
}

.header__favorite_mob {
    display: none;
}

.header__favorite i {
    position: relative;
    top: -2px;
    margin-right: 3px;
}

.header__favorite svg {
    stroke: #fff;
}

.header__favorite:hover {
    color: #D12B38;
    text-decoration: none;
}

.header__favorite:hover svg {
    stroke: #D12B38;
}

.header-cart {
    margin-left: 45px;
    white-space: nowrap;
}

.header-cart__count {
    margin-right: 2px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
}

.header-cart i {
    position: relative;
    top: -2px;
}

.header-cart svg {
    stroke: #fff;
}

.header-cart.active {
    color: #D12B38;
    text-decoration: none;
}

.header-cart.active .header-cart__count {
    color: #D12B38;
}

.header-cart.active svg {
    stroke: #D12B38;
}

.header-nav {
    background: none;
}

.header-nav__wrap {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-nav__wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 1px;
    transition: width .25s ease;
    background: transparent;
}

.header__menu {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__menu__item {
    display: inline-block;
    margin-right: 45px;
    padding: 10px 0;
}

.header__menu__item:last-child {
    margin-right: 0;
}

.header__menu__item:not(:last-child) .header__menu__link::after {
    content: '';
    position: absolute;
    top: 7px;
    right: -28px;
    width: 8px;
    height: 8px;
    z-index: 2;
    transform: rotate(-45deg);
    background: #D12B38;
}

.header__menu__link {
    position: relative;
    display: block;
    font-weight: 500;
    color: #fff;
    padding: 0 10px;

    font-size: 16px;
    text-transform: uppercase;
}

.root-item-selected {
    text-decoration: underline;
}

.header__menu__link:hover,
.header__menu__link.active {
    color: #D12B38;
    text-decoration: none;
}

.header__subnav {
    position: absolute;
    display: none;
    width: 100%;
    top: 100%;
    left: 0;
    right: 0;
    padding: 25px 0 55px;
    z-index: 3;
    background: #272727;
}

.header__subnav:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 6000px;
    height: 100%;
    z-index: -1;
    background: #272727;
}

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

.header__subnav__body.open {
    display: block;
}

.header__subnav__item {
    padding-right: 20px;
}

.header__subnav__title {
    margin-bottom: 12px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}

.header__submenu__item {
    margin-bottom: 6px;
}

.header__submenu__link {
    display: inline-block;
    font-size: 15px;
    color: #fff;
}

.header__submenu__link:hover {
    color: #fff;
    text-decoration: underline;
}

.header__infonav {
    position: absolute;
    display: none;
    top: 80px;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 3;
    background: #272727;
}

.header__infonav__body {
    border-top: 1px solid #8B8B8B;
}

.header__menumob {
    display: none;
    padding: 20px 0;
}

.header__menumob__item {
    display: block;
    margin-bottom: 7px;
}

.header__menumob__link {
    display: inline-block;
    font-size: 15px;
    color: #fff;
    font-weight: 700;
}

.header__menumob__link:hover {
    color: #fff;
    text-decoration: underline;
}

.header__infomenu {
    display: flex;
    padding: 20px 0;
}

.header__infomenu__item {
    display: inline-block;
}

.header__infomenu__mainlink {
    display: inline-block;
    margin: 0 88px 10px 0;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
}

.header__infomenu__mainlink:hover {
    color: #fff;
    text-decoration: underline;
}

.header__infosubmenu {
    min-width: 136px;
    margin-right: 20px;
}

.header__infosubmenu__item {
    display: block;
    margin-bottom: 7px;
}

.header__infosubmenu__link {
    display: inline-block;
    font-size: 15px;
    color: #fff;
}

.header__infosubmenu__link:hover {
    color: #fff;
    text-decoration: underline;
}

.btn {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 56px;
    padding: 0;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    outline: none;
    text-decoration: none;
    z-index: 1;
    border-radius: 0;
    border: none;
    background: none;
}

a.btn {
    text-decoration: none !important;
}

.btn svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .25s ease;
    fill: #D12B38;
    z-index: -1;
}

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

.btn:hover {
    color: #fff;
    text-decoration: none;
}

.btn:not(.btn_no-hover):hover svg {
    fill: #ED2323;
}

.btn_bd {
    font-size: 12px;
    color: #8B8B8B;
}

.btn_bd svg {
    fill: #ffffff;
    stroke: #8B8B8B;
}

.btn_bd:not(.btn_no-hover):hover {
    color: #fff;
    text-decoration: none;
}

.btn_bd:not(.btn_no-hover):hover svg {
    fill: #ED2323;
    stroke: #ED2323;
}

.location-modal {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    width: 340px;
    margin-top: 10px;
    padding: 13px 24px 7px;
    z-index: 9;
    border-radius: 8px;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.15);
    background: #fff;
}

.location-list__item {
    margin-bottom: 15px;
}

.location-list__link {
    display: inline-block;
    font-size: 14px;
    color: #272727;
}

.location-list__link:hover {
    color: #D12B38;
    text-decoration: none;
}

.search-modal {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    width: 370px;
    max-height: 70vh;
    overflow: auto;
    margin-top: 10px;
    padding: 13px 12px 17px;
    z-index: 9;
    border-radius: 8px;
    box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.15);
    background: #fff;
}

.search-list__item {
    display: flex;
}

.search-list__pict {
    display: block;
    width: 92px;
    min-width: 92px;
    text-align: center;
}

.search-list__pict img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

.search-list__main {
    padding-top: 7px;
}

.search-list__star {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.search-list__star .star {
    stroke: #CCCCCC;
}

.search-list__star[data-stars] .star {
    stroke: #D12B38;
}

.search-list__star[data-stars="1"] .star:nth-child(1) ~ .star {
    opacity: 0;
}

.search-list__star[data-stars="2"] .star:nth-child(2) ~ .star {
    opacity: 0;
}

.search-list__star[data-stars="3"] .star:nth-child(3) ~ .star {
    opacity: 0;
}

.search-list__star[data-stars="4"] .star:nth-child(4) ~ .star {
    opacity: 0;
}

.search-list__star[data-stars="5"] .star:nth-child(5) ~ .star {
    opacity: 0;
}

.search-list__title {
    display: inline-block;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.1;
}

.search-list__title:hover {
    color: #D12B38;
    text-decoration: none;
}

.search-list__bottom {
    display: flex;
}

.search-list__price {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.1;
}

.search-list__volume {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.1;
    color: #8B8B8B;
}

.section-main {
    position: relative;
    min-height: 715px;
    margin-bottom: 70px;
    padding: 217px 0 50px;
    overflow: hidden;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
}

.section-main .before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-size: 100%;
}

.main {
    position: relative;
    text-align: center;
    z-index: 2;
}

.main__title {
    margin-bottom: 12px;
    font: 400 67px/1 "GothamPro", sans-serif;
    letter-spacing: -0.02em;
    color: #fff;
    line-height: 1.20;
}

.main__subtitle {
    margin-bottom: 22px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.main__btns {
    justify-content: center;
}

.page-404 .main__btn {
    margin: auto;
}

.main__btn {
    max-width: 160px;
    margin: 0 8px 15px;
    padding: 0 10px;
}

.btn_wb svg {
    stroke: #ffffff;
}

.btn_wb:hover svg {
    stroke: #ED2323;
}

.btn_bgt svg {
    fill: transparent;
}

.cookie {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 1;
    bottom: -100%;
    left: 0;
    width: 100%;
    padding: 13px 40px;
    transition: all .25s ease;
    z-index: 99;
    text-align: center;
    background: rgba(17, 17, 17, 0.5);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

.cookie.active {
    visibility: visible;
    opacity: 1;
    bottom: 0;
}

.cookie__close {
    position: absolute;
    top: 5px;
    right: 8px;
    width: 32px;
    height: 32px;
}

.cookie__close svg {
    stroke: #D12B38;
}

.cookie__close:hover svg {
    stroke: #ED2323;
}

.cookie__text {
    font-size: 14px;
    line-height: 1.2;
    color: #fff;
    display: flex;
    align-items: center;
}

.cookie__text a {
    color: #fff;
    text-decoration: underline;
}

.cookie__text a:hover {
    text-decoration: none;
    color: #fff;
}

.cookie__text--inner {
    text-align: left;
}

.reg__btn.cookie__btn {
    max-width: 160px;
}



.section-special {
    padding: 35px 0 25px;
    overflow: hidden;
}

.section-special_inner {
    padding-top: 76px;
}

.section__header {
    margin-bottom: 47px;
    text-align: center;
}

.section__title {
    position: relative;
    display: inline-block;
    padding-bottom: 9px;
    font: 400 56px/1 "GothamPro", sans-serif;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.section__title:before {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #D12B38;
}

.section__title_small {
    font-size: 25px;
}

.section__title_sub:before {
    bottom: -39px;
}

.section__subtitle {
    padding-bottom: 16px;
    font: 400 20px/1.2 "GothamPro", sans-serif;
}

.cards {
    position: relative;
    margin: 0 -16px;
}

.cards__cl-favorite {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.cards__cl-favorite .cl__item {
    margin: 0px 37px;
}

.cards_bdbottom {
    padding-bottom: 14px;
    border-bottom: 1px solid #EEEEEE;
}

.cards__cl {
    width: 1430px;
    margin: 0 -8px;
}

.slider-arrow {
    position: absolute;
    width: 15px;
    height: 22px;
    top: calc(50% - 40px);
    margin-top: -11px;
    padding: 0;
    font-size: 0;
    z-index: 9;
    outline: none;
    cursor: pointer;
    opacity: .8;
    border: none;
    background: none;
}

.slider-arrow:hover {
    opacity: 1;
}

.slider-arrow:focus {
    outline: none;
}

.slider-arrow.slider-prev {
    left: 0;
    background: url(/local/templates/main/images/arrow-prev.svg) 0 0 no-repeat;
    background-size: 100%;
}

.slider-arrow.slider-next {
    right: 0;
    background: url(/local/templates/main/images/arrow-next.svg) 0 0 no-repeat;
    background-size: 100%;
}

.cards .slick-list {
    padding: 0 18px;
}

.cards .cl__item {
    padding: 0 8px 30px;
    transition: opacity .25s ease;
}

.card {
    position: relative;
    width: 334px;
    height: 486px;
    margin-bottom: 1rem;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.05);
    background: #fff;
}

.card .cart-body__label {
    margin-top: 5px;
    margin-bottom: 0px;
}

.card .alert {
    margin-bottom: 0px;
    padding: 4px 10px 4px;
}

.card__sticks {
    position: absolute;
    top: 16px;
    left: -1px;
}

.card__stick {
    position: relative;
    display: flex;
    align-items: center;
    height: 38px;
    margin-bottom: 5px;
    z-index: 2;
    padding-left: 14px;
    font-size: 11px;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
}

.card__stick:after {
    content: '';
    position: absolute;
    top: 0;
    right: -17px;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.card__stick_black {
    background: #272727;
}

.card__stick_black:after {
    background: url(/local/templates/main/images/stick-black.svg) right center no-repeat;
    background-size: auto 100%;
}

.card__stick_red {
    background: #D12B38;
}

.card__stick_red:after {
    background: url(/local/templates/main/images/stick-red.svg) right center no-repeat;
    background-size: auto 100%;
}

.card__stick_green {
    background: #1C771F;
}

.card__stick_green:after {
    background: url(/local/templates/main/images/stick-green.png) right center no-repeat;
    background-size: auto 100%;
}

.card__favorite {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 24px;
    height: 24px;
    z-index: 2;
}

.card__favorite_text {
    position: absolute;
    top: 16px;
    right: 16px;
    z-index: 2;
}

.card__favoriteIcon {
    max-width: 100%;
    stroke: #8B8B8B;
    transition: all .25s ease;
}

.card__favoriteIcon:hover {
    stroke: #D12B38;
}

.card__pict {
    position: relative;
    height: 275px;
    margin-bottom: 15px;
    margin-top: 16px;
    z-index: 0;
}

.card__pict img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.card__body {
    position: relative;
    padding: 0 24px 60px;
    z-index: 2;
}

.card__stars {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.card__stars .star {
    margin-right: 4px;
    stroke: #D12B38;
}

.card__title {
    margin-bottom: 3px;
    font: 500 20px/1.2 "GothamPro", sans-serif;
}

.card__title:hover {
    color: #D12B38;
}

.card__desc {
    font-size: 16px;
    color: #8B8B8B;
}

.card__bottom {
    position: absolute;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    bottom: 27px;
    left: 0;
    right: 0;
    z-index: 5;
    padding: 0 24px;
}

.card__price {
    margin-right: 32px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
}

.card__price span {
    font-family: "AlsRubl", sans-serif;
}

.card__volume {
    margin-right: auto;
    font-size: 16px;
    color: #8B8B8B;
}

.card__cart {
    width: 40px;
    height: 24px;
}

.card__cartIcon {
    transition: all .25s ease;
}

.card__cartIcon path {
    fill: #D12B38;
}

.card__cartIcon rect {
    stroke: #D12B38;
}

.card__cartIcon:hover path {
    fill: #ED2323;
}

.card__cartIcon:hover rect {
    stroke: #ED2323;
}

.section-reg {
    padding: 29px 0 55px;
}

.reg {
    padding: 75px 30px 55px 80px;
    text-align: left;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.reg__title {
    margin-bottom: 24px;
    font: 400 36px/1 "GothamPro", sans-serif;
    color: #fff;
    letter-spacing: -0.02em;
}

.reg__btn {
    max-width: 272px;
}

.section-inst {
    padding: 35px 0 25px;
    overflow: hidden;
}

.inst__cl {
    display: flex;
    margin: 0 -8px;
}

.inst__cl .cl__item {
    padding: 0 8px;
}

.inst__item {
    display: block;
}

.inst__item img {
    max-width: 100%;
}

.section-about {
    padding: 68px 0 25px;
}

.about {
    display: flex;
    justify-content: center;
}

.about__body {
    max-width: 650px;
    font-size: 16px;
    text-align: center;
}

.about__body p {
    margin-bottom: 18px;
}

.about__body a {
    font-size: inherit;
    color: #D12B38;
    text-decoration: underline;
}

.about__body a:hover {
    color: #D12B38;
    text-decoration: none;
}

.section-adv {
    padding: 60px 0 40px;
}

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

.adv-item {
    width: 25%;
    text-align: center;
}

.adv-item__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 88px;
}

.adv-item__icon img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

.adv-item__desc {
    margin-top: 16px;
    font-size: 16px;
}

.section-partner {
    padding: 80px 0 105px;
    overflow: hidden;
}

.partner {
    position: relative;
    padding-top: 28px;
}

.partner__cl {
    width: 120%;
    margin: 0 -8px 64px;
}

.partner .slider-nav .slick-arrow {
    top: calc(50% - 64px);
}

.slider-nav .slick-arrow {
    position: absolute;
    width: 15px;
    height: 22px;
    margin-top: 11px;
    padding: 0;
    font-size: 0;
    z-index: 9;
    outline: none;
    cursor: pointer;
    opacity: .8;
    border: none;
    background: none;
}

.slider-nav .slick-arrow:hover {
    opacity: 1;
}

.slider-nav .slick-arrow.slick-prev {
    left: -15px;
    background: url(/local/templates/main/images/arrow-prev.svg) 0 0 no-repeat;
    background-size: 100%;
}

.slider-nav .slick-arrow.slick-next {
    right: -15px;
    background: url(/local/templates/main/images/arrow-next.svg) 0 0 no-repeat;
    background-size: 100%;
}

.partner__cl .cl__item {
    padding: 0 8px;
}

.partner__item {
    display: block;
    width: 275px;
    opacity: 0.3;
    transition: opacity .25s ease;
}

.partner__item:hover {
    opacity: 1;
}

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

.partner__btn {
    max-width: 272px;
    margin: 0 auto;
}

.section-subscribe {
    padding: 130px 0 78px;
    background: #272727;
}

.subscribe {
    padding-bottom: 128px;
    text-align: center;
    border-bottom: 1px solid #8B8B8B;
}

.subscribe__title {
    margin-bottom: 18px;
    font: 400 56px/1 "GothamPro", sans-serif;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 0.02em;
}

.subscribe__desc {
    font-size: 16px;
    color: #fff;
}

.subscribe__form {
    margin-top: 29px;
}

.subscribe__in {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
}

.subscribe__in input {
    display: block;
    width: 350px;
    height: 100%;
    padding-left: 16px;
    font-size: 16px;
    color: #fff;
    outline: none;
    transition: all .25s ease;
    border: 2px solid #8B8B8B;
    border-radius: 4px;
    background: none;
}

.subscribe__in input:focus {
    border-color: #D12B38;
}

.subscribe__btn {
    left: -3px;
    max-width: 160px;
}

.breadcrumb {
    justify-content: center;
    padding: 10px 0;
    margin-bottom: 11px;
    border-radius: 0;
    background: none;
}

.breadcrumb-list li {
    position: relative;
    display: inline-block;
    margin-right: 25px;
    font-size: 12px;
    font-weight: 500;
    color: #8B8B8B;
}

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

.breadcrumb-list li:not(:last-child):after {
    content: '';
    position: absolute;
    top: 5px;
    right: -16px;
    width: 4px;
    height: 8px;
    background: url(/local/templates/main/images/bc-arrow.svg) 0 0 no-repeat;
    background-size: 100%;
}

.breadcrumb-list li a {
    display: block;
    font-size: 12px;
    font-weight: 500;
    color: #8B8B8B;
}

.count {
    display: flex;
    border-radius: 4px;
    background: #F5F5F5;
}

.counter {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 100%;
    padding: 0;
    font-size: 32px;
    cursor: pointer;
    border: none;
    background: none;
}

.counter:focus {
    outline: none;
}

.counter:before,
.counter:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.counter__in {
    display: inline-block;
    width: 50px;
    font-size: 15px;
    font-weight: 500;
    color: #272727;
    text-align: center;
    border: none;
    background: none;
}

.counter__in:focus {
    outline: none;
}

.counter__plus:before {
    right: 10px;
    width: 14px;
    height: 1.5px;
    background: #272727;
}

.counter__plus:after {
    right: 16px;
    width: 1.5px;
    height: 14px;
    background: #272727;
}

.counter__minus:before {
    left: 10px;
    width: 14px;
    height: 1.5px;
    background: #272727;
}

.counter__minus_disabled:before {
    background: #CCCCCC;
}

/*---------------------Catalog page--------------------*/
.inner {
    padding: 121px 0 45px;
    overflow: hidden;
}

.inner__title {
    margin-bottom: 29px;
    font: 500 56px/1 "GothamPro", sans-serif;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-align: center;
}

.inner__text {
    margin-left: 24.17%;
    margin-bottom: 20px;
    padding-left: 16px;
    font-size: 16px;
    color: #8B8B8B;
}

.inner__content {
    display: flex;
    width: 100%;
    padding-top: 20px;
}

.inner__bottom {
    margin-top: 71px;
}

.inner__bottom__text {
    margin-left: 24.17%;
    padding-left: 16px;
    font-size: 16px;
    color: #8B8B8B;
}

.content {
    width: 75.83%;
    padding-left: 16px;
}

.catalog__nav {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}

.catalog__nav__item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 39px;
    margin: 0 12px 12px 0;
    padding: 0 16px;
    font-size: 16px;
    color: #8B8B8B;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
}

.catalog__nav__item:last-child {
    margin-right: 0;
}

.catalog__nav__item:hover {
    color: #fff;
    border-color: #ED2323;
    background: #ED2323;
}

.catalog__mobfilter {
    display: none;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 40px;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    border-radius: 4px;
    background: #D12B38;
}

.catalog__mobfilter:hover {
    color: #ffffff;
    text-decoration: none;
    background: #ED2323;
}

.catalog__filter {
    display: flex;
}

.catalog__filter__item {
    position: relative;
    margin-right: 40px;
    padding-right: 28px;
    font-size: 16px;
}

.catalog__filter__item:last-child {
    margin-right: 0;
}

.catalog__filter__item:after {
    content: '';
    position: absolute;
    top: 4px;
    right: 0;
    width: 16px;
    height: 16px;
    background: url(/local/templates/main/images/filter-arrow.svg) 0 0 no-repeat;
    background-size: 100%;
}

.catalog__filter__item:hover,
.catalog__filter__item.active {
    color: #D12B38;
    text-decoration: none;
}

.catalog__filter__item.active:after {
    top: 5px;
    right: 1px;
    transform: rotate(180deg);
}

.catalog__wrap {
    padding: 32px 0 0;
}

.catalog__item {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 16px;
    border: 1px solid #DEDEDE;
    border-radius: 4px;
}

.catalog__item .catalog__item__order .alert {
    width: 160px;
    text-align: center;
}

.product-main .alert {
    width: 49.5%;
    text-align: center;
}

.catalog__item__pict {
    position: relative;
    display: block;
    width: 32.4%;
    padding: 25px 0 25px;
}

.catalog__item__pict img {
    display: block;
    max-width: 90%;
    max-height: 100%;
    border-radius: 7px;
}

.catalog__item__sticks {
    position: absolute;
    display: -ms-flexbox;
    width: 35%;
    display: flex;
    flex-wrap: wrap;
    top: 24px;
    left: 26px;
}

.catalog__item__stick {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: skew(-15deg);
    height: 24px;
    margin-right: 12px;
    margin-bottom: 5px;
    padding: 0 13px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    border-radius: 4px;
}

.catalog__item__stick span {
    transform: skew(15deg);
}

.catalog__item__stick_green {
    background: #1C771F;
}

.catalog__item__stick_red {
    background: #D12B38;
}

.catalog__item__stick_black {
    background: #272727;
}

.catalog__item__body {
    width: 100%;
    padding: 40px 64px 40px 0;
}

.catalog__item__header {
    display: flex;
    margin-bottom: 8px;
}

.catalog__item__star {
    display: flex;
    align-items: center;
}

.catalog__item__star .star {
    stroke: #CCCCCC;
}

.catalog__item__star[data-stars] .star {
    stroke: #D12B38;
}

.catalog__item__star[data-stars="1"] .star:nth-child(1) ~ .star {
    stroke: #CCCCCC;
}

.catalog__item__star[data-stars="2"] .star:nth-child(2) ~ .star {
    stroke: #CCCCCC;
}

.catalog__item__star[data-stars="3"] .star:nth-child(3) ~ .star {
    stroke: #CCCCCC;
}

.catalog__item__star[data-stars="4"] .star:nth-child(4) ~ .star {
    stroke: #CCCCCC;
}

.catalog__item__star[data-stars="5"] .star:nth-child(5) ~ .star {
    stroke: #CCCCCC;
}

.catalog__item__startotal {
    margin-left: 16px;
    font-size: 15px;
    font-weight: 500;
}

.catalog__item__raiting {
    margin-left: 32px;
    font-size: 15px;
    font-weight: 500;
}

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

.catalog__item__main {
    padding-right: 20px;
}

.catalog__item__title {
    display: inline-block;
    margin-bottom: 5px;
    font: 400 20px/1.2 "GothamPro", sans-serif;
    color: #272727;
}

.catalog__item__title:hover {
    color: #D12B38;
    text-decoration: none;
}

.catalog__item__volume {
    margin-bottom: 14px;
    font-size: 16px;
    color: #8B8B8B;
}

.catalog__item__tthrow {
    display: flex;
    margin-bottom: 6px;
}

.catalog__item__tthtitle {
    font-size: 14px;
    color: #8B8B8B;
}

.catalog__item__tthtitle:first-child {
    width: 128px;
}

.catalog__item__tthtitle_dark {
    color: #1F2026;
}

.catalog__item__prices {
    display: flex;
    align-items: flex-end;
    margin-bottom: 16px;
}

.catalog__item__price {
    position: relative;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    white-space: nowrap;
    letter-spacing: -0.05em;
}

.catalog__item__price span {
    font-family: "AlsRubl", sans-serif;
}

.catalog__item__price_oldprice {
    top: -2px;
    margin-left: 16px;
    font-size: 16px;
    color: #8B8B8B;
    text-decoration: line-through;
}

.catalog__item__cart {
    display: flex;
}

.catalog__item__count {
    height: 44px;
    width: 120px;
    margin-right: 8px;
}

.catalog__item__btn {
    width: 124px;
    height: 44px;
    text-transform: none;
}

.catalog__item__favorite {
    display: inline-block;
    margin-top: 65px;
    font-size: 15px;
    font-weight: 500;
    color: #8B8B8B;
}

.catalog__item__favorite svg {
    margin-left: 11px;
    transition: all .25s ease;
    stroke: #CCCCCC;
}

.catalog__item__favorite:hover {
    color: #D12B38;
}

.catalog__item__favorite:hover svg {
    stroke: #D12B38;
}

.catalog__btn {
    max-width: 164px;
    margin: 40px auto 0;
}

.catalog__btn svg {
    fill: #272727;
}

.catalog__btn:hover svg {
    fill: #ED2323;
}

.catalog__pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 57px;
}

.catalog__pagination__start,
.catalog__pagination__next {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    color: #272727;
}

.catalog__pagination__start:hover,
.catalog__pagination__next:hover {
    color: #D12B38;
}

.catalog__pagination__start {
    margin-right: 8px;
}

.catalog__pagination__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    margin: 0 8px;
    font-size: 16px;
    color: #8B8B8B;
    border: 1px solid #F5F5F5;
    border-radius: 4px;
}

.catalog__pagination__item.loading {
    border: 0px;
}

.catalog__pagination__item_current {
    pointer-events: none;
    color: #272727;
    border-color: #f5f5f5;
    background: #F5F5F5;
}

.catalog__pagination__item_current:hover {
    color: #272727;
    border-color: #f5f5f5;
    background: #F5F5F5;
}

.catalog__pagination__item:hover {
    color: #fff;
    text-decoration: none;
    border-color: #272727;
    background: #272727;
}

.catalog__pagination__next {
    margin-left: 8px;
}

/*-------------------end Catalog page------------------*/
/*---------------------Product page----------------------*/
.product {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 6px 0 60px;
}

.product-pict {
    position: relative;
    display: block;
    width: 50.5%;
    padding: 25px 0 25px;
    text-align: center;
}

.product-pict__imglink {
    display: inline-block;
}

.product-pict img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: auto;
    border-radius: 7px;
}

.product-sticks {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    width: 35%;
    top: 24px;
    left: 26px;
}

.product-sticks__stick {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: skew(-15deg);
    height: 24px;
    margin-right: 12px;
    padding: 0 13px;
    font-size: 11px;
    font-weight: 600;
    color: #fff;
    border-radius: 4px;
}

.product-sticks__stick span {
    transform: skew(15deg);
}

.product-sticks__stick_green {
    background: #1C771F;
}

.product-sticks__stick_red {
    background: #D12B38;
}

.product-main {
    width: 49.5%;
    padding-bottom: 32px;
    border-bottom: 1px solid #ebebeb;
}

.product-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.product-wrapstars {
    display: flex;
}

.product__star {
    display: flex;
    align-items: center;
}

.product__star .star {
    stroke: #CCCCCC;
}

.product__star[data-stars] .star {
    stroke: #D12B38;
}

.product__star[data-stars="1"] .star:nth-child(1) ~ .star {
    stroke: #CCCCCC;
}

.product__star[data-stars="2"] .star:nth-child(2) ~ .star {
    stroke: #CCCCCC;
}

.product__star[data-stars="3"] .star:nth-child(3) ~ .star {
    stroke: #CCCCCC;
}

.product__star[data-stars="4"] .star:nth-child(4) ~ .star {
    stroke: #CCCCCC;
}

.product__star[data-stars="5"] .star:nth-child(5) ~ .star {
    stroke: #CCCCCC;
}

.product__startotal {
    margin-left: 16px;
    font-size: 15px;
    font-weight: 500;
}

.product__raiting {
    margin-left: 32px;
    font-size: 15px;
    font-weight: 500;
}

.product__linktofeedback {
    display: inline-block;
    margin-left: 64px;
    margin-right: auto;
    font-size: 15px;
    font-weight: 500;
    color: #8B8B8B;
}

.product__linktofeedback:hover {
    color: #D12B38;
}

.product__favorite {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #8B8B8B;
}

.product__favorite svg {
    margin-left: 11px;
    transition: all .25s ease;
    stroke: #CCCCCC;
}

.product__favorite:hover {
    color: #D12B38;
}

.product__favorite:hover svg {
    stroke: #D12B38;
}

.product__title {
    margin-bottom: 19px;
    font-size: 32px;
    font-weight: 600;
    color: #1F2026;
    line-height: 1.1;
}

.product__title_mob {
    display: none;
}

.product-prices {
    display: flex;
    align-items: flex-end;
    margin-bottom: 34px;
}

.product-prices__price {
    position: relative;
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -0.05em;
}

.product-prices__price span {
    font-family: "AlsRubl", sans-serif;
}

.product-prices__price_oldprice {
    top: -2px;
    margin-left: 16px;
    font-size: 16px;
    color: #8B8B8B;
    text-decoration: line-through;
}

.product__points {
    position: relative;
    margin-left: 24px;
    padding-left: 22px;
    font-size: 15px;
    font-weight: 500;
    color: #8B8B8B;
}

.product__points:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 0;
    width: 17px;
    height: 17px;
    background: url(/local/templates/main/images/points.svg) 0 0 no-repeat;
    background-size: 100%;
}

.product-cart {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.product-count {
    width: 120px;
    height: 44px;
    margin-right: 16px;
    margin-left: 10px;
}

.product__btntocart {
    width: 124px;
    height: 44px;
    text-transform: none;
}

.product-availability {
    display: flex;
}

.product-availability__title {
    font-size: 15px;
    font-weight: 500;
    color: #8B8B8B;
}

.product-shops {
    margin-left: 50px;
}

.product-shops__item {
    display: flex;
    align-items: center;
    margin-bottom: 4px;
}

.product-shops__item:nth-child(n+3) {
    display: none;
}

.product-shops__location {
    font-size: 14px;
    color: #1F2026;
    max-width: 260px;
    min-width: 260px;
}

.product-shops__count {
    display: flex;
    align-items: center;
    margin-left: 36px;
}

.product-shops__count .bottle {
    stroke: #CCCCCC;
}

.product-shops__count[data-bottle] .bottle {
    stroke: #D12B38;
}

.product-shops__count[data-bottle="1"] .bottle:nth-child(1) ~ .bottle {
    stroke: #CCCCCC;
}

.product-shops__count[data-bottle="2"] .bottle:nth-child(2) ~ .bottle {
    stroke: #CCCCCC;
}

.product-shops__count[data-bottle="3"] .bottle:nth-child(3) ~ .bottle {
    stroke: #CCCCCC;
}

.product-shops__count[data-bottle="4"] .bottle:nth-child(4) ~ .bottle {
    stroke: #CCCCCC;
}

.product-shops__count[data-bottle="5"] .bottle:nth-child(5) ~ .bottle {
    stroke: #CCCCCC;
}

.product-shops__linkall {
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    color: #8B8B8B;
    text-decoration: underline;
}

.product-shops__linkall:hover {
    color: #D12B38;
    text-decoration: none;
}

.product-info {
    display: flex;
    margin: 30px 0 27px;
    border-top: 1px solid #ebebeb;
}

.product-info.top30 {
    padding-top: 30px;
}

.product-infolist {
    margin-right: 80px;
}

.product-infolist__item {
    display: flex;
    margin-bottom: 5px;
}

.product-infolist__name {
    width: 142px;
    font-size: 15px;
    font-weight: 500;
    color: #8B8B8B;
    margin-right: 10px;
}

.product-infolist__arg {
    font-size: 16px;
}

.product-char__item {
    display: flex;
    margin-bottom: 6px;
}

.product-char__name {
    width: 142px;
    font-size: 15px;
    font-weight: 500;
    color: #8B8B8B;
}

.product-char__count {
    display: flex;
    align-items: center;
}

.product-char__count .square {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 12px;
    transform: rotate(45deg);
    background: #CCCCCC;
}

.product-char__count .square:last-child {
    margin-right: 0;
}

.product-char__count[data-square] .square {
    background: #D12B38;
}

.product-char__count[data-square="1"] .square:nth-child(1) ~ .square {
    background: #CCCCCC;
}

.product-char__count[data-square="2"] .square:nth-child(2) ~ .square {
    background: #CCCCCC;
}

.product-char__count[data-square="3"] .square:nth-child(3) ~ .square {
    background: #CCCCCC;
}

.product-char__count[data-square="4"] .square:nth-child(4) ~ .square {
    background: #CCCCCC;
}

.product-char__count[data-square="5"] .square:nth-child(5) ~ .square {
    background: #CCCCCC;
}

.product-social {
    display: flex;
    align-items: center;
}

.product-social__title {
    width: 142px;
    font-size: 15px;
    font-weight: 500;
    color: #8B8B8B;
}

.product-social__link {
    display: inline-block;
    margin-right: 24px;
}

.product-social__link:last-child {
    margin-right: 0;
}

.product-social__link svg {
    fill: #8B8B8B;
    transition: all .25s ease;
}

.product-social__link:hover svg {
    fill: #D12B38;
}

.product-desc {
    width: 50.5%;
    margin-top: -44px;
    padding-right: 80px;
}

.product-desc h2 {
    margin-bottom: 23px;
    font-size: 32px;
    font-weight: 600;
    color: #1F2026;
    line-height: 1.1;
}

.product-desc h3 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -0.05em;
}

.product-desc p {
    margin-bottom: 33px;
    font-size: 14px;
}

.product-tth {
    width: 49.5%;
    padding-top: 31px;
}

.product-quality__row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.product-quality__item {
    margin: 0 16% 50px 0;
    text-align: center;
}

.product-quality__item:nth-child(even) {
    margin-right: 0;
}

.product-quality__pr {
    height: 63px;
    margin-bottom: 10px;
    font-size: 48px;
    color: #D12B38;
    line-height: 1.1;
}

.product-quality__pr img {
    display: inline-block;
    max-width: 100%;
    height: 47px;
}

.product-quality__icons {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-bottom: 10px;
}

.product-quality__icon {
    height: 70px;
    width: 130px;
}

.product-quality__icon:nth-child(even) {
    /*margin-right: 0;*/
}

.product-quality__icon img {
    display: inline-block;
    max-width: 100%;
    height: 47px;
}

.product-quality__icononly {
    margin-bottom: 25px;
}

.product-quality__icononly:nth-child(even) {
    margin-right: 0;
}

.product-quality__icononly img {
    display: inline-block;
    max-width: 100%;
    height: 47px;
}

.product-quality__icontitle {
    display: block;
    font-size: 15px;
    font-weight: 500;
    color: #8B8B8B;
}

.product-quality__title {
    font: 400 20px/1.2 "GothamPro", sans-serif;
}

.product-feedback {
    padding-top: 51px;
}

.feedback {
    display: flex;
}

.feedback-list {
    position: relative;
    width: 55.8%;
}

.feedback-list_empty .feedback__startotal,
.feedback-list_empty .feedback-items,
.feedback-list_empty .feedback__more {
    display: none;
}

.feedback-header {
    display: flex;
    align-items: flex-end;
    margin-bottom: 32px;
}

.feedback__title {
    margin-right: 24px;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.1;
    color: #1F2026;
}

.feedback__startotal {
    margin-left: 24px;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.1;
    color: #1F2026;
}

.feedback-star {
    position: relative;
    display: flex;
    align-items: center;
    top: -4px;
    margin-left: 12px;
}

.feedback-star .star {
    stroke: #CCCCCC;
}

.feedback-star[data-stars] .star {
    stroke: #D12B38;
}

.feedback-star[data-stars="0"] .star {
    stroke: #CCCCCC;
}

.feedback-star[data-stars="1"] .star:nth-child(1) ~ .star {
    stroke: #CCCCCC;
}

.feedback-star[data-stars="2"] .star:nth-child(2) ~ .star {
    stroke: #CCCCCC;
}

.feedback-star[data-stars="3"] .star:nth-child(3) ~ .star {
    stroke: #CCCCCC;
}

.feedback-star[data-stars="4"] .star:nth-child(4) ~ .star {
    stroke: #CCCCCC;
}

.feedback-star[data-stars="5"] .star:nth-child(5) ~ .star {
    stroke: #CCCCCC;
}

.feedback__total {
    margin-left: 32px;
    font-size: 15px;
    font-weight: 500;
    color: #8B8B8B;
}

.feedback-item {
    display: flex;
    margin-bottom: 30px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}

.feedback-item:last-of-type {
    border-bottom: none;
}

.feedback-item__main {
    width: 171px;
    min-width: 171px;
    padding-right: 20px;
}

.feedback-item__name {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 700;
}

.feedback-item__date {
    font-size: 12px;
    font-weight: 500;
    color: #8B8B8B;
}

.feedback-item__text {
    width: 78%;
    font-size: 14px;
}

.feedback-item__text p {
    margin-bottom: 20px;
}

.feedback__more {
    display: inline-block;
    margin-left: 171px;
    font-size: 12px;
    font-weight: 500;
    color: #8B8B8B;
    text-decoration: underline;
}

.feedback__more:hover {
    color: #D12B38;
    text-decoration: none;
}

.feedback-empty {
    position: relative;
    display: inline-block;
    top: 50%;
    left: 50%;
    width: 100%;
    text-align: center;
    transform: translate(-50%, -50%);
    padding-top: 50px;
    font-size: 15px;
    font-weight: 500;
    color: #8B8B8B;
    margin-top: 30px;
}

.feedback-empty:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 46px;
    height: 46px;
    margin: 0 auto;
    background: url(/local/templates/main/images/empty.svg) 0 0 no-repeat;
    background-size: 100%;
}

.feedback-made {
    width: 44.2%;
    padding-left: 128px;
}

.feedback-form__title {
    margin-bottom: 5px;
    font-size: 32px;
    font-weight: 600;
    line-height: 1.1;
    color: #1F2026;
}

.feedback-form__desc {
    margin-bottom: 11px;
    font-size: 14px;
}

.feedback-row {
    margin-bottom: 14px;
}

.feedback-row__title {
    margin-bottom: 9px;
    font-size: 16px;
    font-weight: 700;
}

.feedback-formstar {
    display: flex;
    align-items: center;
    width: 80px;
}

.feedback-formstar:hover .star {
    stroke: #D12B38 !important;
}

.feedback-formstar .star {
    cursor: pointer;
    stroke: #CCCCCC;
    transition: all .25s ease;
}

.feedback-formstar .star:hover ~ .star {
    stroke: #CCCCCC !important;
}

.feedback-formstar[data-stars] .star {
    stroke: #D12B38;
}

.feedback-formstar[data-stars="0"] .star {
    stroke: #CCCCCC;
}

.feedback-formstar[data-stars="1"] .star:nth-child(1) ~ .star {
    stroke: #CCCCCC;
}

.feedback-formstar[data-stars="2"] .star:nth-child(2) ~ .star {
    stroke: #CCCCCC;
}

.feedback-formstar[data-stars="3"] .star:nth-child(3) ~ .star {
    stroke: #CCCCCC;
}

.feedback-formstar[data-stars="4"] .star:nth-child(4) ~ .star {
    stroke: #CCCCCC;
}

.feedback-formstar[data-stars="5"] .star:nth-child(5) ~ .star {
    stroke: #CCCCCC;
}

.feedback__in {
    display: block;
    width: 100%;
    height: 40px;
    font-size: 16px;
    padding-left: 16px;
    outline: none;
    border: none;
    border-radius: 4px;
    background: #F1F1F1;
}

.feedback__in_textarea {
    height: 88px;
    padding-top: 10px;
}

.feedback__btn {
    max-width: 174px;
    height: 44px;
    margin-top: 16px;
    text-transform: none;
}

/*------------------end product page-------------------*/
/*----------------------Siebar------------------*/
.sidebar {
    position: relative;
    width: 24.17%;
}

.sidebar__close {
    display: none;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
}

.sidebar__close svg {
    stroke: #D12B38;
}

.sidebar__close:hover svg {
    stroke: #ED2323;
}

.filter__item {
    margin-bottom: 10px;
}

.filter__title {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 10px;
    font: 500 20px/1.2 "GothamPro", sans-serif;
    cursor: pointer;
}

.filter__title svg {
    stroke: #CCCCCC;
}

.filter__title.open i {
    transform: rotate(180deg);
    transform-origin: center 58%;
}

.filter__title.open svg {
    stroke: #D12B38;
}

.filter__subtitle {
    display: block;
    width: 100%;
    margin-top: 3px;
    font-size: 16px;
    font-weight: 400;
    color: #8B8B8B;
}

.filter__body {
    display: none;
    padding: 22px 0 7px;
    border-top: 1px solid #CCCCCC;
}

.filter__body.open {
    display: block;
}

.filter__fields {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 23px;
}

.filter__fields .divide {
    position: relative;
    width: 8px;
    height: 2px;
    background: #8B8B8B;
}

.filter__in {
    position: relative;
    display: inline-block;
    width: calc(50% - 8px);
    height: 40px;
    padding-left: 12px;
    font-size: 16px;
    color: #8B8B8B;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
}

.filter__in:focus {
    outline: none;
}

.filter__check {
    display: block;
    margin-bottom: 19px;
    font-size: 16px;
}

.filter__check .jq-checkbox {
    width: 20px;
    height: 20px;
    border: 1px solid #CCCCCC;
    border-radius: 4px;
    box-shadow: none;
    background: none;
    margin-left: 3px;
}

.filter__check .jq-checkbox.checked {
    border-color: #D12B38;
    background: #D12B38;
}

.filter__check .jq-checkbox.checked .jq-checkbox__div {
    width: 12px;
    height: 7.5px;
    margin: 5px 0 0 3px;
    border-radius: 0;
    box-shadow: none;
    background: url(/local/templates/main/images/check.svg) 0 0 no-repeat;
    background-size: 100%;
}

/*----------------------end Siebar------------------*/
/*---------------------Cart page------------------*/
.cart {
    flex-grow: 1;
}

.cart-empty .cart-header__print {
    display: none;
}

.cart-empty .cart-bottom {
    display: none;
}

.cart-main__empty {
    margin-top: 30px;
    font-size: 20px;
    font-weight: 500;
}

.cart-main__empty a {
    color: #272727;
    text-decoration: underline;
}

.cart-main__empty a:hover {
    color: #D12B38;
    text-decoration: none;
}

.cart-main__row {
    border-bottom: 1px solid #EEEEEE;
}

.cart-header {
    padding: 28px 0 27px;
    border-top: 1px solid #EEEEEE;
}

.cart-header__col {
    text-align: center;
}

.cart-header__col_first {
    padding-left: 72px;
    text-align: left;
}

.cart-header__title {
    font-size: 16px;
    color: #8B8B8B;
}

.cart-header__print {
    stroke: #8B8B8B;
}

.cart-header__print:hover {
    stroke: #D12B38;
}

.cart-body {
    position: relative;
    padding: 29px 0 28px;
}

.cart-body_empty {
    border-bottom: none;
}

.cart-body__col {
    text-align: center;
}

.cart-body__col_first {
    text-align: left;
}

.cart-body__pict {
    width: 148px;
    height: 148px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-body__pict img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
    border-radius: 7px;
}

.cart-body__main {
    display: flex;
    align-items: center;
}

.cart-body__info {
    padding-right: 10px;
    padding-left: 10px;
    width: 450px;
}

.cart-body__title {
    font: 400 20px/1.2 "GothamPro", sans-serif;
    color: #272727;
}

.cart-body__title:hover {
    color: #D12B38;
}

.cart-body__desc {
    display: flex;
    font-size: 16px;
    color: #8B8B8B;
}

.cart-body__volume {
    margin-left: 10px;
    white-space: nowrap;
}

.cart-body__count {
    width: 120px;
    height: 44px;
    margin: 0 auto;
    background: none;
}

.cart-body__count .counter__minus:before {
    background: #8B8B8B;
}

.cart-body__count .counter__plus:before,
.cart-body__count .counter__plus:after {
    background: #8B8B8B;
}

.cart-body__prices {
    display: flex;
    justify-content: center;
}

.cart-body__price,
.cart-body__total {
    position: relative;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -0.05em;
}

.cart-body__price span,
.cart-body__total span {
    display: none;
}

.cart-body__total:before {
    content: '/';
    position: relative;
    top: -1px;
    padding: 0 8px;
}

.cart-body__remove {
    display: inline-block;
}

.cart-body__remove svg {
    fill: #8B8B8B;
}

.cart-body__remove:hover svg {
    fill: #D12B38;
}

.cart-body__remove.mobile {
    display: none;
}

.cart-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 28px 0;
}

.cart-bottom__link {
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #8B8B8B;
    text-decoration: underline;
}

.cart-bottom__link_icon {
    padding-left: 24px;
}

.cart-bottom__link_icon i {
    position: absolute;
    top: -2px;
    left: 0;
    width: 16px;
    margin-right: 4px;
    text-decoration: none;
}

.cart-bottom__link_icon svg {
    max-width: 100%;
    fill: #8B8B8B;
}

.cart-bottom__link:hover {
    color: #D12B38;
    text-decoration: none;
}

.cart-bottom__link:hover svg {
    fill: #D12B38;
}

.cart-text {
    position: relative;
    margin: 60px 0px 40px;
    padding: 0 30px 0 52px;
    font-size: 17px;
    line-height: 1.4;
}

.cart-text_mob {
    display: none;
}

.cart-text p {
    margin-bottom: 20px;
}

.cart-text a {
    text-decoration: underline;
}

.cart-text a:hover {
    color: #D12B38;
    text-decoration: none;
}

.cart-text:before {
    content: '';
    position: absolute;
    top: -8px;
    left: 0;
    width: 38px;
    height: 38px;
    background: url(/local/templates/main/images/attention.svg) 0 0 no-repeat;
    background-size: 100%;
}

.cart-sidebar {
    position: relative;
    max-width: 424px;
}

.cart-box {
    position: relative;
    width: 408px;
}

.cart-box__inner {
    padding: 24px 27px 30px;
    border: 1px solid #EEEEEE;
    border-radius: 8px;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.05);
}

.cart-box.floating {
    transition: all .25s ease;
}

.cart-box.floating.fixed {
    position: fixed;
}

.cart-box.floating.fixed.scrollDown {
    top: 41px;
}

.cart-box.floating.fixed.scrollUp {
    top: 121px;
}

.cart-box > svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.cart-box__title {
    margin-bottom: 16px;
    padding-bottom: 26px;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 1px solid #EEEEEE;
}

.cart-box__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 0;
}

.cart-box__rowtitle {
    font-size: 16px;
    color: #8B8B8B;
}

.cart-box__rowprice {
    font-size: 20px;
}

.cart-promocode {
    padding-top: 12px;
}

.cart-promocode__trigger {
    position: relative;
    display: inline-block;
    margin-bottom: 12px;
    padding-right: 25px;
    cursor: pointer;
    font-size: 16px;
    color: #8B8B8B;
    transition: color .25s ease;
}

.cart-promocode__trigger i {
    display: inline-block;
    margin-left: 5px;
}

.cart-promocode__trigger svg {
    width: 13px;
    height: 13px;
    fill: #8B8B8B;
}

.cart-promocode__trigger:hover {
    color: #D12B38;
}

.cart-promocode__trigger:hover svg {
    fill: #D12B38;
}

.cart-promocode__trigger.active i {
    transform: rotate(180deg);
}

.cart-promocode__row {
    display: none;
    justify-content: space-between;
    padding: 2px 0 12px;
}

.cart-promocode__in {
    display: inline-block;
    width: 100%;
    height: 56px;
    margin-right: 10px;
    padding-left: 16px;
    outline: none;
    font-size: 16px;
    transition: border-color .25s ease;
    border-radius: 4px;
    border: 1px solid #EEEEEE;
}

.cart-promocode__in:focus {
    border-color: #D12B38;
}

.cart-promocode__btn {
    position: relative;
    display: inline-block;
    width: 56px;
    min-width: 56px;
    height: 56px;
    transition: background .25s ease;
    border: none;
    border-radius: 4px;
    background: #EEEEEE;
}

.cart-promocode__btn i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cart-promocode__btn svg {
    fill: #272727;
}

.cart-promocode__btn:hover {
    background: #D12B38;
}

.cart-promocode__btn:hover svg {
    fill: #fff;
}

.cart-promocode__btn:focus {
    outline: none;
}

.cart-total {
    margin-top: 16px;
}

.cart-total__row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 25px 0 20px;
    border-top: 1px solid #EEEEEE;
}

.cart-total__title {
    font-size: 20px;
    font-weight: 500;
}

.cart-total__price {
    font-size: 20px;
}

.cart-bonus {
    margin-top: 29px;
    padding-left: 25px;
}

.cart-bonus__title {
    margin-bottom: 6px;
    font: 400 20px "GothamPro", sans-serif;
}

.cart-bonus__text {
    font-size: 16px;
    color: #8B8B8B;
}

.cart-bonus__text p {
    margin-bottom: 9px;
}

.cart-bonus__text a {
    color: #272727;
    text-decoration: underline;
}

.cart-bonus__text a:hover {
    color: #D12B38 !important;
    text-decoration: none;
}

/*-------------------end Cart page----------------*/
/*---------------------Order page----------------------*/
.order__content {
    padding-left: 8px;
    padding-right: 8px;
}

.cart-account {
    display: none;
    position: relative;
    width: 100%;
    margin-bottom: 30px;
    padding: 28px 100px 30px;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    border: 1px solid #EEEEEE;
    background: #fff;
}

.cart-account__close {
    position: absolute;
    top: 6px;
    right: 6px;
}

.cart-account__close svg {
    fill: #8B8B8B;
}

.cart-account__close:hover svg {
    fill: #D12B38;
}

.cart-account__text {
    margin-bottom: 33px;
    font-size: 16px;
}

.cart-account__btns {
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-account__login {
    max-width: 260px;
    margin-right: 40px;
    color: #272727;
}

.cart-account__login svg {
    stroke: #8B8B8B;
    fill: #fff;
}

.cart-account__login:hover svg {
    stroke: #ED2323;
}

.cart-account__signin {
    max-width: 260px;
}

.order__title {
    margin-bottom: 29px;
    font: 400 20px/1.1 "GothamPro", sans-serif;
    text-transform: uppercase;
}

.order-location {
    position: relative;
}

.order-shops {
    position: relative;
    height: 492px;
    padding-right: 24px;
    overflow: auto;
}

.order-shops__wrap {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.order-shops .nicescroll-rails {
    width: 1px !important;
    right: 7px !important;
    background: #eeeeee;
}

.order-shops .nicescroll-cursors {
    width: 6px !important;
    height: 77px !important;
    margin-right: -2px;
    border: none !important;
    background: url(/local/templates/main/images/scroll.svg) 0 0 no-repeat !important;
    background-size: 100%;
    background-color: transparent !important;
    border-radius: 0 !important;
}

.order-shop {
    display: flex;
    justify-content: space-between;
    padding: 22px 0 18px;
    color: #272727;
    border-bottom: 1px solid #eeeeee;
}

.order-shop:last-child {
    border-bottom: none;
}

.order-shop_notone {
    color: #8B8B8B;
}

.order-shop_notall {
    color: #8B8B8B;
}

.order-shop_notall .order-shop__btn {
    pointer-events: none;
    color: #eeeeee;
}

.order-shop_notall .order-shop__btn svg {
    stroke: #eeeeee;
}

.order-shop.active {
    color: #272727;
}

.order-shop.active .order-shop__btn {
    color: #fff;
}

.order-shop.active .order-shop__btn svg {
    stroke: #D12B38;
    fill: #D12B38;
}

.order-shop__col {
    display: flex;
}

.order-shop__col:first-child {
    flex-wrap: wrap;
    width: 100%;
}

.order-shop__col:last-child {
    flex-wrap: wrap;
    justify-content: flex-end;
    text-align: right;
}

.order-shop__title {
    width: 100%;
    margin-bottom: 14px;
    font: 400 20px/1.1 "GothamPro", sans-serif;
    color: inherit;
}

.order-shop__location {
    width: 100%;
    margin-bottom: 16px;
    font-size: 16px;
    color: inherit;
    line-height: 1.2;
}

.order-shop__map {
    display: inline-block;
    font-size: 16px;
    color: inherit;
    text-decoration: underline;
}

.order-shop__map:hover {
    color: #D12B38;
    text-decoration: none;
}

.order-shop__btn {
    max-width: 139px;
    min-width: 139px;
    height: 30px;
    font-size: 12px;
    color: #8B8B8B;
}

.order-shop__btn svg {
    fill: #fff;
    stroke: #8B8B8B;
}

.order-shop__btn:hover svg {
    stroke: #ED2323;
}

.order-shop__info {
    align-self: flex-end;
    font-size: 16px;
    line-height: 1.2;
    color: inherit;
}

.order-shop__info a {
    color: inherit;
    text-decoration: underline;
}

.order-shop__info a:hover {
    color: #D12B38;
    text-decoration: none;
}

.order-map {
    min-width: 525px;
    height: 492px;
    overflow: hidden;
}

.order-dates {
    margin-top: 43px;
}

.order-dates__wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 22px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.order-dates__item {
    position: relative;
    display: inline-block;
    margin-bottom: 18px;
    padding-left: 27px;
    text-align: left;
    cursor: pointer;
}

.order-dates__in {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
}

.order-dates__in .jq-radio {
    width: 12px;
    min-width: 12px;
    height: 12px;
    transform: rotate(45deg);
    border-radius: 0;
    border: 1px solid #8B8B8B;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.05);
    background: none;
}

.order-dates__in .jq-radio.focused {
    border: 1px solid #8B8B8B;
}

.order-dates__in .jq-radio.checked .jq-radio__div {
    width: 6px;
    height: 6px;
    margin: 2px 0 0px 2px;
    border-radius: 0;
    box-shadow: none;
    background: #D12B38;
}

.order-dates__main {
    display: inline-block;
    text-align: center;
}

.order-dates__num {
    font-size: 25px;
    line-height: 1.1;
}

.order-dates__day {
    font-size: 16px;
    line-height: 1.1;
    color: #8B8B8B;
}

.order-form {
    margin-top: 60px;
}

.order-form__row {
    display: flex;
}

.order-form__in {
    display: inline-block;
    width: 100%;
    height: 56px;
    max-width: 372px;
    margin-right: 16px;
    padding-left: 16px;
    font-size: 16px;
    color: #8B8B8B;
    outline: none;
    border: 1px solid #8B8B8B;
    border-radius: 4px;
}

.order-form_textarea {
    display: inline-block;
    width: 100%;
    max-width: 760px;
    min-height: 150px;
    margin-right: 16px;
    padding-left: 16px;
    margin-top: 15px;
    padding: 15px;
    font-size: 16px;
    color: #8B8B8B;
    outline: none;
    border: 1px solid #8B8B8B;
    border-radius: 4px;
}

.order-form__in:last-child {
    margin-right: 0;
}

.order-form__in:focus {
    border-color: #D12B38;
}

.order-form__accept {
    display: flex;
    align-items: flex-start;
    margin-top: 25px;
    font-size: 16px;
}

.order-form__accept .jq-checkbox {
    width: 12px;
    min-width: 12px;
    height: 12px;
    transform: rotate(45deg);
    margin: 7px 7px 0 0;
    border-radius: 0;
    border: 1px solid #8B8B8B;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.05);
    background: none;
}

.order-form__accept .jq-checkbox.focused {
    border: 1px solid #8B8B8B;
}

.order-form__accept .jq-checkbox.checked .jq-checkbox__div {
    width: 6px;
    height: 6px;
    margin: 2px 0 0px 2px;
    border-radius: 0;
    box-shadow: none;
    background: #D12B38;
}

#map {
    position: relative;
    height: 100%;
}

#map:before {
    content: '';
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

#map.open:before {
    display: none;
}

/*---------------------end order page----------------------*/
/*---------------------Contact page----------------------*/
.contact {
    flex-grow: 1;
}

.contact-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 61px 65px 75px;
    border-top: 1px solid #EEEEEE;
    border-bottom: 1px solid #EEEEEE;
}

.contact-header__item {
    position: relative;
}

.contact-header__item:before {
    content: '';
    position: absolute;
    top: -8px;
    right: -65px;
    width: 1px;
    height: 80px;
    background: #eee;
}

.contact-header__item:last-child:before {
    display: none;
}

.contact-header__title {
    margin-bottom: 10px;
    font-size: 16px;
    color: #8B8B8B;
}

.contact-header__link,
.contact-header__text {
    display: inline-block;
    font: 400 20px/1.4 "GothamPro", sans-serif;
    color: #272727;
}

.contact-header__link:hover {
    color: #D12B38;
    text-decoration: none;
}

.contact-social {
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-social__link {
    display: inline-block;
    max-width: 26px;
    margin-right: 34px;
}

.contact-social__link svg {
    display: block;
    max-height: 100%;
}

.contact-social__link:last-child {
    margin-right: 0;
}

.contact-main {
    display: flex;
    padding: 60px 0 110px;
}

.contact-location {
    display: flex;
    justify-content: flex-end;
    width: 47.7%;
}

.contact-shops {
    position: relative;
    width: 650px;
    height: 720px;
    padding: 0 120px 0 88px;
}

.contact-shops__title {
    padding-bottom: 16px;
    font-size: 16px;
    color: #8B8B8B;
    border-bottom: 1px solid #eeeeee;
    background: #fff;
}

.contact-shops__wrap {
    border-bottom: 1px solid #eeeeee;
}

.contact-shops .nicescroll-rails {
    width: 1px !important;
    right: 54px !important;
    background: #eeeeee;
}

.contact-shops .nicescroll-cursors {
    width: 6px !important;
    height: 77px !important;
    margin-right: -2px;
    border: none !important;
    background: url(/local/templates/main/images/scroll.svg) 0 0 no-repeat !important;
    background-size: 100%;
    background-color: transparent !important;
    border-radius: 0 !important;
}

.contact-shop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 30px;
    border-bottom: 1px solid #eeeeee;
}

.contact-shop__title {
    margin-bottom: 15px;
    font-size: 20px;
}

.contact-shop__location {
    font-size: 16px;
    line-height: 1.2;
    color: #8B8B8B;
}

.contact-shop__btn {
    max-width: 95px;
    height: 26px;
    margin-top: 22px;
    font-size: 9px;
}

.contact-shop__pict {
    max-width: 212px;
    overflow: hidden;
    border-radius: 8px;
}

.contact-shop__pict img {
    display: block;
    max-width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.contact-map {
    width: 52.3%;
    height: 720px;
}

.contact-map__wrap {
    position: relative;
    height: 100%;
}

.contact-map__wrap:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.contact-map__wrap.open:before {
    display: none;
}

.contact-write {
    position: relative;
    padding: 105px 0 110px;
    background: url(/local/templates/main/images/contact-bg.jpg) 0 0 no-repeat;
    background-size: cover;
}

.contact-write .container {
    position: relative;
    z-index: 2;
}

.contact-write::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(20, 20, 20, 0.7);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
}

.contact-write__title {
    display: block;
    padding-bottom: 7px;
    font: 400 56px/1 "GothamPro", sans-serif;
    color: #fff;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    text-align: center;
}

.contact-write__text {
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}

.contact-form {
    max-width: 760px;
    margin: 50px auto 0;
}

.js-error {
    display: none;
}

.js-error + input,
.js-error + textarea {
    border-color: #ED2323 !important;
}

.contact-form__fields {
    display: flex;
}

.contact-form__fields input {
    display: block;
    width: 100%;
    height: 56px;
    margin-right: 16px;
    padding-left: 16px;
    font-size: 16px;
    outline: none;
    border: 2px solid #8B8B8B;
    border-radius: 4px;
    background: none;
    color: #000;
}

.contact-write .contact-form__fields input,
.contact-write .contact-form textarea {
    color: #fff;
}

.contact-form__fields input:last-child {
    margin-right: 0;
}

.contact-form__fields input:focus {
    border-color: #D12B38;
}

.contact-form textarea,
.modal-content textarea {
    display: block;
    width: 100%;
    height: 96px;
    margin-top: 16px;
    padding: 12px 0 0 16px;
    font-size: 16px;
    outline: none;
    border: 2px solid #8B8B8B;
    border-radius: 4px;
    background: none;
}

.contact-form textarea:focus,
.modal-content textarea:focus {
    border-color: #D12B38;
}

.contact-form__btn {
    max-width: 260px;
    margin: 34px auto 0;
}

.contact-corp {
    padding: 106px 0 40px;
    overflow: hidden;
}

.contact-corp__title {
    font: 400 25px/1.2 "GothamPro", sans-serif;
    text-align: center;
    text-transform: uppercase;
}

.contact-data {
    display: flex;
    align-items: flex-start;
    margin-top: 50px;
    padding: 67px 0 56px;
    border-top: 1px solid #eee;
}

.contact-data__vr {
    position: relative;
    padding: 0 60px 0 88px;
}

.contact-data__vr::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 232px;
    background: #eeeeee;
}

.contact-data__item {
    position: relative;
}

.contact-data__item:before {
    content: '';
    position: absolute;
    background: #eee;
}

.contact-data__item_vr {
    margin-bottom: 58px;
    padding-bottom: 57px;
}

.contact-data__item_vr::before {
    bottom: 0;
    width: 100%;
    height: 1px;
}

.contact-data__item_vr:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.contact-data__item_vr:last-child:before {
    display: none;
}

.contact-data__item_hr::before {
    top: 0;
    right: -60px;
    width: 1px;
    height: 80px;
}

.contact-data__item_hr:last-child:before {
    display: none;
}

.contact-data__title {
    width: 100%;
    margin-bottom: 10px;
    font-size: 16px;
    color: #8B8B8B;
}

.contact-data__link {
    font: 400 20px/1.4 "GothamPro", sans-serif;
    color: #272727;
}

.contact-data__link:hover {
    color: #D12B38;
    text-decoration: none;
}

.contact-data__hr {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 60px;
}

.contact-data__name {
    width: 100%;
    margin-bottom: 20px;
    font: 400 20px/1.4 "GothamPro", sans-serif;
}

.contact-data__list li {
    display: flex;
    margin-bottom: 6px;
    font-size: 16px;
    color: #8B8B8B;
}

.contact-data__list li span {
    margin-right: 5px;
}

.contact-data {
    flex-wrap: wrap;
    padding: 40px 0 45px;
}

.contact-data__vr {
    display: flex;
    width: 100%;
    padding: 0 0 50px 0;
    border-bottom: 1px solid #eee;
}

.contact-data__vr:before {
    display: none;
}

.contact-data__item {
    margin-bottom: 0;
    padding-bottom: 0;
}

.contact-data__item_vr {
    margin-right: 110px;
}

.contact-data__item_vr::before {
    top: 0;
    right: -60px;
    width: 1px;
    height: 80px;
}

.contact-data__hr {
    padding: 50px 0 0 0;
}

.contact-text {
    max-width: 745px;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
}

.contact-text p {
    margin-bottom: 20px;
}

/*---------------------end contact page----------------------*/
/*---------------------Lk page------------------*/
.personal-sidebar {
    width: 100%;
    max-width: 335.95px;
}

.personal-sidebar.floating {
    transition: all .25s ease;
}

.personal-sidebar.floating.fixed {
    position: fixed;
}

.personal-sidebar.floating.fixed.scrollUp {
    top: 121px;
}

.personal-sidebar.floating.fixed.scrollDown {
    top: 41px;
}

.personal-sidebar_mob {
    display: none;
}

.personal-sidebar__name {
    display: flex;
    align-items: center;
    height: 82px;
    margin-bottom: 14px;
    padding: 5px 27px;
    font-size: 20px;
    font-weight: 500;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    border: 1px solid #EEEEEE;
    background: #fff;
}

.personal-sidebar__nav {
    overflow: hidden;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    background: #fff;
}

.personal-sidebar__navitem {
    padding: 0 27px;
    transition: background .25s ease;
    border-left: 3px solid transparent;
}

.personal-sidebar__navitem.active {
    border-color: #D12B38;
    background: #EEEEEE;
}

.personal-sidebar__navitem.active .personal-sidebar__navlink {
    color: #272727;
}

.personal-sidebar__navitem:hover {
    background: #EEEEEE;
}

.personal-sidebar__navitem:hover .personal-sidebar__navlink {
    color: #272727;
}

.personal-sidebar__navitem:last-child .personal-sidebar__navlink {
    border-bottom: none;
}

.personal-sidebar__navlink {
    display: block;
    padding: 15px 0;
    font-size: 16px;
    line-height: 1.1;
    color: #8B8B8B;
    border-bottom: 1px solid #EEEEEE;
}

.personal {
    padding: 19px 0 41px;
    border-top: 1px solid #EEEEEE;
}

.personal-title {
    margin: 0 0 29px 50px;
    font: 400 32px/1.4 "GothamPro", sans-serif;
}

.personal-bonus {
    max-width: 372px;
    padding: 31px 30px 32px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    background: #fff;
}

.personal-avl {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.personal-avl__title {
    font-size: 16px;
}

.personal-avl__count {
    font-size: 25px;
    font-weight: 700;
    color: #D12B38;
}

.personal-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.personal-date__title {
    font-size: 16px;
    color: #8B8B8B;
}

.personal-date__count {
    font-size: 16px;
    color: #8B8B8B;
}

.personal-content {
    display: flex;
    padding-top: 22px;
}

.personal-content__text {
    width: 40%;
    padding-right: 30px;
    font-size: 16px;
}

.personal-content__text ul {
    margin-bottom: 19px;
}

.personal-content__text ul li {
    position: relative;
    margin-bottom: 9px;
    padding-left: 18px;
}

.personal-content__text ul li::before {
    content: '';
    position: absolute;
    top: 9px;
    left: 0;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    background: #D12B38;
}

.personal-content__text p {
    margin-bottom: 19px;
}

.personal-content__title {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 500;
}

.personal-form {
    padding-left: 55px;
}

.personal-form__row {
    display: flex;
    margin-bottom: 30px;
}

.personal-form__col {
    position: relative;
    width: 100%;
    max-width: 372px;
    margin-right: 67px;
}

.personal-form__col:last-child {
    margin-right: 0;
}

.personal-form__label {
    margin-bottom: 12px;
    font-size: 16px;
}

.personal-form__label span {
    color: #D12B38;
}

.personal-form__in {
    display: block;
    width: 100%;
    max-width: 372px;
    height: 56px;
    padding-left: 16px;
    outline: none;
    font-size: 16px;
    color: #8B8B8B;
    border: 2px solid #8B8B8B;
    border-radius: 4px;
}

.personal-form__link {
    position: absolute;
    display: inline-block;
    bottom: -30px;
    left: 0;
    font-size: 16px;
    color: #D12B38;
    text-decoration: underline;
}

.personal-form__link:hover {
    text-decoration: none;
}

.personal-form__accept {
    display: flex;
    align-items: flex-start;
    margin-top: 32px;
    font-size: 13px;
    color: #8B8B8B;
}

.personal-form__accept .jq-checkbox {
    width: 12px;
    min-width: 12px;
    height: 12px;
    transform: rotate(45deg);
    margin: 5px 7px 0 0;
    border-radius: 0;
    border: 1px solid #8B8B8B;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.05);
    background: none;
}

.personal-form__accept .jq-checkbox.focused {
    border: 1px solid #8B8B8B;
}

.personal-form__accept .jq-checkbox.checked .jq-checkbox__div {
    width: 6px;
    height: 6px;
    margin: 2px 0 0px 2px;
    border-radius: 0;
    box-shadow: none;
    background: #D12B38;
}

.personal-form__btn {
    max-width: 290px;
    margin-top: 60px;
}

.personal-item {
    margin-bottom: 20px;
    padding: 0 30px;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    background: #fff;
}

.personal-item__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    border-bottom: 1px solid #eee;
}

.personal-item__title {
    font-size: 20px;
}

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

.personal-item__main {
    width: 48%;
    padding: 30px 0;
}

.personal-item__listitem {
    display: flex;
    margin-bottom: 10px;
    font-size: 16px;
}

.personal-item__listitem span:first-child {
    width: 142px;
    color: #8B8B8B;
}

.personal-item__btn {
    max-width: 170px;
    height: 36px;
    margin-top: 15px;
    color: #8B8B8B;
}

.personal-item__btn svg {
    fill: #ffffff;
    stroke: #8B8B8B;
}

.personal-item__products {
    width: 52%;
    padding: 22px 0;
}

.slick-slider.slick-dotted {
    margin-bottom: 40px;
}

.slick-dots {
    position: absolute;
    width: 100%;
    top: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 6px;
}

.slick-dots li {
    margin: 0 4px;
}

.slick-dots button {
    border-radius: 50%;
    font-size: 0;
    width: 14px;
    height: 14px;
    display: block;
    box-sizing: border-box;
    border: 0;
    padding: 0;
    background-color: #272727;
}

.slick-slider button:focus {
    outline: none;
}

.slick-dots .slick-active button {
    background-color: #D12B38;
}

.slick-arrow {
    position: absolute;
    width: 10px;
    height: 14px;
    top: 50%;
    margin-top: -7px;
    padding: 0;
    font-size: 0;
    z-index: 9;
    outline: none;
    cursor: pointer;
    opacity: .8;
    border: none;
    background: none;
}

.slick-arrow:hover {
    opacity: 1;
}

.slick-arrow.slick-prev {
    left: 0;
    background: url(/local/templates/main/images/arrow-prev.svg) 0 0 no-repeat;
    background-size: 100%;
}

.slick-arrow.slick-next {
    right: 0;
    background: url(/local/templates/main/images/arrow-next.svg) 0 0 no-repeat;
    background-size: 100%;
}

.slick__corporate-clients .slick-arrow.slick-prev {
    left: 15px;
}

.slick__corporate-clients .slick-arrow.slick-next {
    right: 15px;
}

.personal-item__cl .slick-list {
    margin: 0 12px;
}

.personal-item__cl.right-align .slick-list {
    display: flex;
    justify-content: center;
}

.personal-item__cl.right-align .slick-track {
    display: flex;
}

.personal-item__product {
    display: block;
    height: 150px;
    text-align: right;
}

.personal-item__product img {
    display: inline-block !important;
    max-width: 100%;
    max-height: 100%;
}

.datepicker {
    z-index: 9999 !important;
}

/*---------------------end Lk page------------------*/
/*---------------------Tasting page----------------------*/
.tasting {
    max-width: 1040px;
    width: 100%;
    margin: 6px auto 0;
}

.tasting-month {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 39px;
    font: 300 27px/1 "GothamPro", sans-serif;
    text-transform: uppercase;
}

.tasting-month span {
    display: inline-block;
    width: 100%;
    max-width: 262px;
    height: 1px;
    margin: 0 8px;
    background: #272727;
}

.tasting-events {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
    padding-bottom: 42px;
}

.tasting-event {
    position: relative;
    width: calc(33.33% - 16px);
    min-height: 348px;
    margin: 0 8px 16px;
    padding: 32px 27px 70px;
    transition: box-shadow .25s ease;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    background: #fff;
}

.tasting-event:hover {
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.2);
}

.tasting-event.soldout:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: rgba(255, 255, 255, 0.5);
}

.tasting-event_pict {
    overflow: hidden;
}

.tasting-event_pict:before,
.tasting-event_pict:after {
    display: none;
}

.tasting-event:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 8px;
    border-radius: 8px 0 0 0;
    background: #272727;
}

.tasting-event:after {
    content: '';
    position: absolute;
    top: 0;
    left: 6px;
    width: calc(100% - 11px);
    height: 1px;
    background: #272727;
}

.tasting-event:nth-child(4),
.tasting-event:nth-child(9) {
    width: calc(66.66% - 16px);
}

.tasting-event__pict {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.tasting-event__pict img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.tasting-event__header {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-bottom: 15px;
}

.tasting-event__date {
    font-size: 16px;
}

.tasting-event__date span {
    display: block;
    font: 500 56px/1 "GothamPro", sans-serif;
}

.tasting-event__time {
    position: relative;
    top: -3px;
    font-size: 16px;
    font-weight: 500;
    line-height: 19px;
    color: #8B8B8B;
}

.tasting-event__time span {
    display: block;
}

.tasting-event__center {
    position: relative;
    min-height: 92px;
    margin-bottom: 10px;
}

.tasting-event__title {
    position: relative;
    padding-top: 25px;
    font: 500 18px/1.1 "GothamPro", sans-serif;
    text-transform: uppercase;
}

.tasting-event__title::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 8px;
    z-index: 2;
    transform: rotate(-45deg);
    background: #D12B38;
}

.tasting-event__subtitle {
    margin-top: 6px;
    font-size: 16px;
    color: #8B8B8B;
    text-transform: uppercase;
}

.tasting-event__popover {
    display: none;
    position: absolute;
    top: 60%;
    left: 40%;
    width: 640px;
    padding: 26px 25px 7px;
    z-index: 5;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.25);
    border-radius: 8px;
    background: #FFFFFF;
}

.tasting-event__popoverclose {
    display: none;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.tasting-event__popoverclose svg {
    width: 24px;
    height: 24px;
    stroke: #272727;
}

.tasting-event__popovertitle {
    position: relative;
    margin-bottom: 26px;
    padding-left: 18px;
    font: 500 20px/1.1 "GothamPro", sans-serif;
    text-transform: uppercase;
}

.tasting-event__popovertitle::before {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    width: 8px;
    height: 8px;
    z-index: 2;
    transform: rotate(-45deg);
    background: #D12B38;
}

.tasting-event__popovertext {
    font-size: 16px;
}

.tasting-event__popovertext p {
    margin-bottom: 17px;
}

.tasting-event__price {
    font-size: 16px;
}

.tasting-event__price span {
    font-family: "AlsRubl", sans-serif;
}

.tasting-event__bottom {
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}

.tasting-event__more {
    display: none;
    font-size: 14px;
    font-weight: 300;
    color: #272727;
    text-decoration: underline;
}

.tasting-event__more:hover {
    color: #D12B38;
    text-decoration: none;
}

.tasting-event__btn {
    display: flex;
    align-items: center;
    width: 170px;
    height: 36px;
    margin: 10px auto 0;
    font-size: 12px;
    color: #8B8B8B !important;
}

a.tasting-event__btn:hover {
    color: #fff !important;
}

.tasting-content {
    padding: 29px 85px 50px;
    font-size: 16px;
    line-height: 1.4;
    border-top: 1px solid #EEEEEE;
}

.tasting-content h2 {
    margin: 30px 0 17px;
    font: 500 25px/1.2 "GothamPro", sans-serif;
    text-transform: uppercase;
}

.tasting-content h3 {
    position: relative;
    margin: 55px 0 23px;
    padding-left: 18px;
    font: 500 20px/1.2 "GothamPro", sans-serif;
    text-transform: uppercase;
}

.tasting-content h3::before {
    content: '';
    position: absolute;
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    z-index: 2;
    transform: rotate(-45deg);
    background: #D12B38;
}

.tasting-content p {
    margin-bottom: 18px;
}

.tasting-sorts {
    margin: 28px 0 10px;
}

.tasting-sorts__title {
    margin-bottom: 24px;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.tasting-sorts__wrap {
    display: flex;
    justify-content: center;
}

.tasting-sort {
    display: flex;
    align-items: center;
    width: 33%;
    margin: 0 35px;
}

.tasting-sort__pict {
    text-align: center;
}

.tasting-sort__pict img {
    display: inline-block;
    max-width: 100%;
}

.tasting-sort__pict span {
    display: inline-block;
    margin-top: 8px;
    font-size: 16px;
}

.tasting-sort__desc {
    padding-left: 40px;
    font-size: 16px;
}

.tasting-strength {
    display: flex;
    justify-content: space-between;
    margin: 33px 0 62px;
    padding: 18px 0 16px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.tasting-strength__item {
    position: relative;
    padding: 0 25px;
}

.tasting-strength__item:after {
    content: '';
    position: absolute;
    top: 0;
    right: -5%;
    width: 1px;
    height: 100%;
    background: #eee;
}

.tasting-strength__item:first-child {
    padding-left: 0;
}

.tasting-strength__item:last-child {
    padding-right: 0;
    border-right: none;
}

.tasting-strength__item:last-child:after {
    display: none;
}

.tasting-strength__title {
    margin-bottom: 16px;
    font-size: 16px;
    text-transform: uppercase;
}

.tasting-strength__count {
    display: flex;
    align-items: center;
}

.tasting-strength__count .square {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 12px;
    transform: rotate(45deg);
    background: #CCCCCC;
}

.tasting-strength__count .square:last-child {
    margin-right: 0;
}

.tasting-strength__count[data-square] .square {
    background: #D12B38;
}

.tasting-strength__count[data-square="1"] .square:nth-child(1) ~ .square {
    background: #CCCCCC;
}

.tasting-strength__count[data-square="2"] .square:nth-child(2) ~ .square {
    background: #CCCCCC;
}

.tasting-strength__count[data-square="3"] .square:nth-child(3) ~ .square {
    background: #CCCCCC;
}

.tasting-strength__count[data-square="4"] .square:nth-child(4) ~ .square {
    background: #CCCCCC;
}

.tasting-strength__count[data-square="5"] .square:nth-child(5) ~ .square {
    background: #CCCCCC;
}

.tasting-strength__desc {
    margin-top: 16px;
    font-size: 16px;
}

/*---------------------end tasting page----------------------*/
.footer {
    padding: 42px 0 65px;
    background: #272727;
}

.footer__main {
    display: flex;
    justify-content: space-between;
    margin: 0 -8px;
    padding-bottom: 40px;
    border-bottom: 1px solid #8B8B8B;
}

.footer-item {
    width: 20%;
    padding: 0 8px;
}

.footer-item_center {
    width: 26%;
}

.footer-item__title {
    margin-bottom: 13px;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
    text-transform: uppercase;
}

.footer__menu li {
    margin-bottom: 8px;
}

.footer__menu li a {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
}

.footer__logo {
    display: block;
    max-width: 80px;
    margin: 0 auto;
}

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

.footer__copyright {
    margin-top: 16px;
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.footer__location li {
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
}

.footer__phone {
    display: inline-block;
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}

.footer__phone:hover {
    color: #D12B38;
    text-decoration: none;
}

.footer__work {
    margin-bottom: 9px;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
}

.footer__mail {
    display: inline-block;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
    line-height: 1.2;
}

.footer__mail:hover {
    color: #D12B38;
    text-decoration: none;
}

.footer-social {
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.footer-social__link {
    margin-right: 30px;
}

.footer-social__link:last-child {
    margin-right: 0;
}

.footer-social__link img {
    display: block;
    max-width: 100%;
}

.footer__sitemap {
    display: inline-block;
    margin-top: 38px;
    font-size: 14px;
    color: #fff;
}

.footer__bottom {
    max-width: 600px;
    margin: 0 auto;
    padding-top: 26px;
    text-align: center;
}

.footer__warning {
    margin-bottom: 15px;
    font: 400 18px/1.2 "GothamPro", sans-serif;
    text-transform: uppercase;
    color: #fff;
}

.footer__info {
    margin-bottom: 22px;
    font-size: 12px;
    color: #fff;
}

.footer__accept {
    font-size: 12px;
    color: #fff;
}

.modal-backdrop {
    background-color: #d4909080;
}

.modal-backdrop.hide {
    opacity: 0;
}

.modal-open.overflow {
    overflow-y: auto;
}

.age-modal {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
}

.age {
    max-width: 670px;
}

.age__content {
    border: none;
    border-radius: 8px;
}

.age__body {
    padding: 42px 15px 38px;
    text-align: center;
}

.age__title {
    margin-bottom: 15px;
    font: 400 32px/1.2 "GothamPro", sans-serif;
}

.age__title span {
    color: #D12B38;
}

.age__text {
    margin-bottom: 20px;
    font-size: 16px;
}

.age__btn {
    max-width: 260px;
    margin: 0 auto;
}

.basket-dialog {
    position: absolute;
    right: 0;
    max-width: 528px;
    margin: 27px auto;
}

.basket-content {
    padding: 26px 35px 25px;
    border: 1px solid #EEEEEE;
    box-shadow: 0px 8px 32px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    background: #FFFFFF;
}

.basket__close {
    display: none;
    position: absolute;
    top: 2px;
    right: 4px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    font-size: 0;
    cursor: pointer;
}

.basket__close svg {
    fill: #8B8B8B;
    opacity: .5;
    max-width: 100%;
}

.basket__close:hover svg {
    fill: #D12B38;
    opacity: 1;
}

.basket__title {
    padding-bottom: 18px;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 1px solid #EEEEEE;
}

.basket-item {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding: 16px 30px 15px 0;
    border-bottom: 1px solid #EEEEEE;
}

.basket-item:last-child {
    border-bottom: none;
}

.basket-item__pict {
    width: 148px;
    min-width: 148px;
    height: 148px;
}

.basket-item__pict img {
    display: inline-block;
    max-width: 100%;
    max-height: 100%;
}

.basket-item__main {
    padding-top: 30px;
    padding-left: 15px;
}

.basket-item__title {
    font: 400 20px/1.2 "GothamPro", sans-serif;
    color: #272727;
    margin-bottom: 10px;
    display: block;
}

.basket-item__title:hover {
    color: #D12B38;
    text-decoration: none;
}

.basket-item__desc {
    font-size: 16px;
    color: #8B8B8B;
}

.basket-item__count {
    font-size: 16px;
    color: #8B8B8B;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.basket-item__count span {
    position: relative;
    top: 2px;
    margin-left: 10px;
    font-size: 20px;
    color: #272727;
}

.basket-item__remove {
    position: absolute;
    display: inline-block;
    top: 48px;
    right: 0;
    width: 23px;
    min-width: 23px;
    height: 16px;
}

.basket-item__remove svg {
    fill: #8B8B8B;
}

.basket-item__remove:hover svg {
    fill: #D12B38;
}

.basket-total {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 23px 23px 22px;
    border-top: 1px solid #EEEEEE;
}

.basket-total__title {
    font-size: 20px;
    font-weight: 500;
}

.basket-total__num {
    font-size: 20px;
}

.basket-btn {
    max-width: 260px;
}

.basket__link {
    display: table;
    margin: 17px auto 0;
    font-size: 15px;
    text-decoration: underline;
}

.basket__link:hover {
    color: #D12B38;
    text-decoration: none;
}

.login {
    max-width: 496px;
    margin: 0 auto;
}

.login__content {
    padding: 42px 52px 36px;
    border-radius: 8px;
    border: none;
    background: #FFFFFF;
}

.login__close {
    position: absolute;
    top: 4px;
    right: 6px;
    width: 20px;
    min-width: 20px;
    height: 20px;
    font-size: 0;
    cursor: pointer;
}

.login__close svg {
    fill: #8B8B8B;
    opacity: .5;
    max-width: 100%;
}

.login__close:hover svg {
    fill: #D12B38;
    opacity: 1;
}

.login__title {
    margin-bottom: 12px;
    font: 500 25px/1.2 "GothamPro", sans-serif;
    text-align: center;
}

.login__title_alone {
    margin-bottom: 38px;
}

.login__subtitle {
    margin-bottom: 38px;
    font-size: 15px;
}

.login__loadtitle {
    position: relative;
    margin-top: 6px;
    padding-top: 28px;
    font: 500 20px/1.2 "GothamPro", sans-serif;
    text-align: center;
    text-transform: uppercase;
}

.login__loadtitle::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 8px;
    height: 8px;
    margin: 0 auto;
    z-index: 2;
    transform: rotate(-45deg);
    background: #D12B38;
}

.login__form {
    padding: 0 10px;
}

.login__label {
    margin: 27px 0 11px;
    font-size: 16px;
}

.login__label span {
    font-size: 20px;
    color: #D12B38;
}

.login__in {
    display: block;
    width: 100%;
    height: 56px;
    margin-bottom: 20px;
    padding-left: 16px;
    font-size: 16px;
    color: #8B8B8B;
    outline: none;
    border: 2px solid #8B8B8B;
    border-radius: 4px;
}

.login__in:focus {
    border-color: #D12B38;
}

.login__btn {
    max-width: 244px;
    margin: 0 auto;
}

.login__text {
    margin-top: 17px;
    font-size: 15px;
    color: #8B8B8B;
    text-align: center;
}

.login__link {
    display: inline-block;
    font-size: inherit;
    color: inherit;
    line-height: 1;
    border-bottom: 1px solid #8B8B8B;
}

.login__link:hover {
    color: #D12B38;
    border-width: 0;
}

.login-accepts {
    margin: 28px 0 34px;
}

.login__accept {
    display: flex;
    align-items: flex-start;
    margin-bottom: 18px;
    font-size: 13px;
    color: #8B8B8B;
}

.login__accept .jq-checkbox {
    /*width        : 12px;
  min-width    : 12px;
  height       : 12px;
  transform    : rotate(45deg);
  margin       : 5px 12px 0 0;
  border-radius: 0;
  border       : 1px solid #8B8B8B;
  box-shadow   : 0px 8px 32px rgba(0, 0, 0, 0.05);
  background   : none;*/
    margin: 5px 10px 0 0;
}

.login__accept .jq-checkbox.focused {
    border: 1px solid #8B8B8B;
}

.login__accept .jq-checkbox.checked .jq-checkbox__div {
    width: 6px;
    height: 6px;
    margin: 2px 0 0px 2px;
    border-radius: 0;
    box-shadow: none;
    background: #D12B38;
}

.main__social {
    max-width: 227px;
    margin: 0 8px 15px;
    padding: 0 10px;
}

.btn__social {
    position: relative;
    display: flex;
    width: 250px;
    height: 21px;
    padding: 0;
    font-size: 19px;
    font-weight: 600;
    color: #fff;
    /* text-transform: uppercase; */
    outline: none;
    text-decoration: none;
    z-index: 1;
    border-radius: 0;
    border: none;
    background: none;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-evenly;
}

.main__p {
    width: 100%;
    padding-bottom: 5px;
}

.main__subtitle1 {
    margin-bottom: 50px;
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

.margin__social {
    margin-bottom: 70px;
}

.cart-attention {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 104px;
    margin: 30px 0;
    padding: 30px 30px 30px 85px;
    border-radius: 8px;
    background: #F9F3F3;
}

.cart-attention:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    width: 35px;
    height: 44px;
    background-image: url(../images/attention-2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.cart-attention.cart-attention_accept {
    background: #F0FBF1;
}

.cart-attention.cart-attention_accept:before {
    background-image: url(../images/attention-3.svg);
}

.cart-attention__text {
    font-size: 16px;
}

.cart-body {
    display: flex;
    align-items: center;
}

.cart-body__pict {
    flex-shrink: 0;
}

.cart-body__main {
    width: 100%;
}

.cart-body__info {
    flex: auto;
}

.cart-body__label {
    position: relative;
    max-width: max-content;
    margin-bottom: 20px;
    padding: 4px 10px 4px 30px;
    font-size: 14px;
    color: #1C771F;
    border-radius: 4px;
    background: #F0FBF1;
}

.cart-body__label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%) rotate(-45deg);
    width: 8px;
    height: 8px;
    background: #1C771F;
}

.cart-body__title {
    display: inline-block;
    margin-bottom: 4px;
}

.cart-body__colwrap {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.cart-body__row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex: 1 0 auto;
}

.cart-body__count {
    margin: 0;
}

.cart-body__prices {
    justify-content: flex-end;
    white-space: nowrap;
    min-width: 232px;
}

.cart-body__total span {
    display: none;
}

.cart-body__remove {
    margin-left: 40px;
    font-size: 0;
}

.cart-box__inner.inactive {
    position: relative;
    pointer-events: none;
}

.cart-box__inner.inactive:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    background: rgba(255, 255, 255, 0.8);
}

.cart-total__btn.inactive {
    pointer-events: none;
    color: #8B8B8B;
}

.cart-total__btn.inactive svg {
    fill: #EEEEEE;
}


.orders {
    width: 100%;
    padding-bottom: 36px;
}

.orders-nav {
    margin-bottom: 60px;
}

.orders-nav__title {
    margin-bottom: 30px;
    font-family: "GothamPro";
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    text-transform: uppercase;
}

.orders-nav__btns {
    display: flex;
}

.orders-nav__btn {
    width: 233px;
    height: 56px;
    line-height: 1;
    color: #8B8B8B;
}

.orders-nav__btn + .orders-nav__btn {
    margin-left: -2px;
}

.orders-nav__btn svg {
    fill: none;
}

.orders-nav__btn:hover {
    color: #fff;
}

.orders-nav__btn:hover svg path {
    fill: #ED2323;
    stroke: #ED2323;
}

.orders-nav__btn.active {
    color: #fff;
}

.orders-nav__btn.active svg path {
    fill: #D12B38;
    stroke: #D12B38;
}

.order {
    width: 100%;
}

.orders-forms-item {
    display: none;
    width: 500px;
}

.orders-forms-item.open {
    display: block;
}

.orders-form + .orders-form {
    margin-top: 60px;
}

.orders-form__title {
    margin-bottom: 30px;
    font-family: "GothamPro";
    font-size: 20px;
    font-weight: 500;
    text-transform: uppercase;
}

.orders-form form {
    max-width: 464px;
}

.orders-form__field {
    position: relative;
    margin-bottom: 16px;
}

.orders-form__field:last-child {
    margin-bottom: 0;
}

.orders-form__field input,
.orders-form__field textarea {
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: 'Inter';
    color: #272727;
    border: 2px solid #8B8B8B;
    border-radius: 4px;
    background: none;
}

.orders-form__field input {
    height: 56px;
    padding: 0 16px;
}

.orders-form__field textarea {
    height: 112px;
    padding: 16px 0 0 16px;
}

.orders-form__field input::placeholder,
.orders-form__field textarea::placeholder {
    color: #8B8B8B;
    transition: opacity .10s ease;
}

.orders-form__field input:focus::placeholder,
.orders-form__field textarea:focus::placeholder {
    opacity: 0;
}

.orders-form__field input:focus,
.orders-form__field textarea:focus {
    outline: none;
}

.orders-form__field input:focus + label,
.orders-form__field textarea:focus + label {
    opacity: 0;
}

.orders-form__field.not-empty label {
    opacity: 0;
}

.orders-form__field label {
    position: absolute;
    top: 50%;
    left: 16px;
    transform: translateY(-50%);
    z-index: -1;
    font-size: 16px;
    font-family: 'Inter';
    color: #8B8B8B;
    transition: opacity .10s ease;
}

.orders-form__field label span {
    color: #D12B38;
}

.btn_fill {
    color: #fff;
}

.btn_fill svg path {
    fill: #D12B38;
    stroke: #D12B38;
    transition: all .25s ease;
}

.btn_fill:hover {
    color: #fff;
}

.btn_fill:hover svg path {
    fill: #ED2323;
    stroke: #ED2323;
}

.btn_fill.active {
    color: #fff;
}

.btn_fill.active svg path {
    fill: #D12B38;
    stroke: #D12B38;
}


.personal-item {
    padding-bottom: 30px;
}

.personal-item__label {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 28px;
    margin-left: 20px;
    margin-right: auto;
    padding: 3px 10px 4px;
    font-size: 14px;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    border-radius: 4px;
}

.personal-item__label_payment {
    background: #1C771F;
}

.personal-item__label_paid {
    background: #A8A8A8;
}

.personal-item__label_return {
    background: #D12B38;
}

.personal-item__label_cancelled {
    background: #232222;
}

.personal-item__content {
    display: grid;
    grid-template-columns: 1fr 1fr 212px;
    width: 100%;
    min-height: 195px;
    padding: 24px 30px 25px 0;
}

.personal-item-row {
    display: grid;
    grid-row-gap: 10px;
    grid-template-columns: 55.5% 1fr;
    grid-column: span 2/auto;
}


.personal-item-col + .personal-item-col {
    padding-left: 20px;
    border-left: 1px solid #EEEEEE;
}

.personal-item__title-main {
    grid-column: span 3/auto;
    margin-bottom: 24px;
    font-family: "GothamPro";
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}

.personal-item-col__title {
    margin-bottom: 15px;
    font-family: "GothamPro";
    font-size: 16px;
    font-weight: 500;
    line-height: 1.2;
}

.personal-item__listitem:last-child {
    margin-bottom: 0;
}

.personal-item__listitem span:first-child {
    width: 118px;
    flex-shrink: 0;
}

.personal-item__pict {
    display: flex;
    justify-content: flex-end;
    width: 212px;
    flex-shrink: 0;
    justify-content: center;
}

.personal-item__pict .personal-item__product {
    height: auto;
}

.personal-item__btns {
    display: flex;
    gap: 20px;
}

.personal-item__btn {
    max-width: 169px;
    margin-top: 0;
    font-size: 12px;
    color: #fff;
}

.payment {
    padding: 30px 0 65px;
}

.payment__pict {
    display: flex;
    justify-content: center;
}

.payment__pict img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    width: 149px;
    height: 391px;
}

.payment__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: -20px;
    text-align: center;
}

.payment__title {
    max-width: 560px;
    margin-bottom: 20px;
    font-family: 'GothamPro';
    font-size: 25px;
    line-height: 1;
    font-weight: 500;
    text-transform: uppercase;
}

.payment__desc {
    max-width: 560px;
    font-size: 16px;
}

.payment__btns {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    width: 100%;
    margin-top: 40px;
}

.payment__btn {
    max-width: 260px;
}

.page-payment .inner__header {
    display: none;
}

.jq-checkbox .accept-login { display: none; }

.inner-text .text li {
    margin-bottom: 10px;
}

.footer_info_company p {
    color: #fff;
    align-items: center;
    text-align: center;
    font-size: 10px;
}

.footer_info_company {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
	margin-top: 25px;
}
.returnfalse{
    pointer-events: none;
}