/* ==========================================================================
   FONTS
   ========================================================================== */
@font-face {
    font-family: 'Golos Text';
    src: url('fonts/GolosText-Regular.woff2') format('woff2'),
    url('fonts/GolosText-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Golos Text';
    src: url('fonts/GolosText-Medium.woff2') format('woff2'),
    url('fonts/GolosText-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

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

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

/* ==========================================================================
   NORMALIZE
   ========================================================================== */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-family: sans-serif;
    color: #222;
    font-size: 1em;
    line-height: 1.5;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html * {
    max-height: 1000000px;
}

body {
    margin: 0;
    position: relative;
    background: #fff;
    min-width: 320px;
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

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

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

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

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
    border-radius: 0;
    -webkit-appearance: none;
}

button,
select {
    text-transform: none;
}

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

button[disabled],
html input[disabled] {
    cursor: default;
}

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

input {
    line-height: normal;
    border-radius: 0;
    -webkit-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

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

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: rgb(108, 100, 100);
    opacity: 1;
    transition: all 0.2s ease-out;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: rgb(108, 100, 100);
    opacity: 1;
    transition: all 0.2s ease-out;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: rgb(108, 100, 100);
    opacity: 1;
    transition: all 0.2s ease-out;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: rgb(108, 100, 100);
    opacity: 1;
    transition: all 0.2s ease-out;
}

input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder {
    color: transparent;
}

input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder {
    color: transparent;
}

/* ==========================================================================
   HELPER CLASSES
   ========================================================================== */
.container {
    margin: auto;
    width: 1440px;
    padding: 0 40px;
}

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

.clearfix:after {
    clear: both;
}

.wrapper {
    overflow: hidden;
}

.more {
    color: rgb(237, 27, 36);
    font-family: Naga;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-decoration: none;
    transition: all 0.2s ease-out;
}

.more:hover {
    opacity: 0.7;
}

.more:after {
    content: '';
    margin-left: 11px;
    display: inline-block;
    width: 14px;
    height: 12px;
    background: url(img/icon-more.svg) no-repeat;
}

.title {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 46px;
    font-weight: 400;
    line-height: 120%;
}

.title h1 {
    font: inherit;
    margin: 0;
}

.brands {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 46px;
    font-weight: 400;
    line-height: 120%;
    border-top: 3px solid rgb(237, 27, 36);
    border-bottom: 3px solid rgb(237, 27, 36);
    padding: 17px 0 25px;
}

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

.show-more {
    display: block;
    text-align: center;
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
    border: 1px solid rgb(65, 55, 55);
    border-radius: 12px;
    background: rgb(255, 255, 255);
    padding: 12px;
    transition: all 0.2s ease-out;
}

.show-more:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(84 73 73);
}

.shadow {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9;
    background: #191919;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-out;
}

.shadow.active {
    opacity: 0.4;
    visibility: visible;
}

/* ==========================================================================
   HEADER
   ========================================================================== */
.header {
    padding: 20px 0 13px;
}

.header_shadow {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
}

.header__row {
    height: 40px;
    display: flex;
    align-items: center;
    position: relative;
}

.header__left {
    display: flex;
    align-items: baseline;
}

.header__center {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
}

.header__logo {
    width: 152px;
}

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

.header__city {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    text-decoration: none;
    padding-left: 25px;
    position: relative;
}

.header__city:before {
    content: '';
    position: absolute;
    left: 0;
    top: -1.5px;
    width: 20px;
    height: 20px;
    background: url(img/icon-city.png) no-repeat center;
    background-size: cover;
}

.header__delivery {
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    margin-left: 15px;
}

.header__right {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.header__search {
    width: 250px;
    flex-shrink: 0;
}

.header__search input[type="text"] {
    display: block;
    width: 100%;
    height: 29px;
    border: none;
    border-bottom: 1px solid rgba(108, 100, 100, 0.5);
    text-align: right;
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    outline: none;
}

.header__favorites {
    width: 20px;
    height: 20px;
    background: url(img/icon-favorites.svg) no-repeat center;
    background-size: cover;
    margin-left: 20px;
    position: relative;
    transition: all 0.2s ease-out;
}

.header__profile {
    width: 20px;
    height: 20px;
    background: url(img/icon-profile.png) no-repeat center;
    background-size: cover;
    margin-left: 20px;
    position: relative;
    transition: all 0.2s ease-out;
}

.header__cart {
    width: 20px;
    height: 20px;
    background: url(img/icon-cart.png) no-repeat center;
    background-size: cover;
    margin-left: 20px;
    position: relative;
    transition: all 0.2s ease-out;
}

.header__favorites.active:after,
.header__profile.active:after,
.header__cart.active:after {
    content: '';
    position: absolute;
    top: -0.5px;
    right: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgb(237, 27, 36);
}

.header__hamburger {
    display: none;
    margin-left: 20px;
    width: 20px;
    height: 20px;
    flex-direction: column;
    justify-content: space-between;
    padding: 3px 0;
    position: relative;
    top: 2px;
}

.header__hamburger i {
    height: 1px;
    background: rgb(65, 55, 55);
}

.header__navbar {
    margin-top: 28px;
    transition: all 0.2s ease-out;
}

.header__close {
    display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 10px;
    background: url(img/icon-close.svg) no-repeat;
    cursor: pointer;
}

.header__navbar .header__search {
    display: none;
}

.header__navbar .header__city {
    display: none;
}

.header__nav {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.header__nav a {
    color: rgb(65, 55, 55);
    text-decoration: none;
    transition: all 0.2s ease-out;
}

.header__nav a:hover {
    color: rgb(237, 27, 36);
}

.header__nav ul {
    display: flex;
    justify-content: center;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.header__nav li + li {
    margin-left: 26px;
}

/* ==========================================================================
   SLIDER
   ========================================================================== */
.slider {
    margin: 22px 0;
}

.slider__item {
    display: flex;
    height: 500px;
    overflow: hidden;
    background: rgb(96, 116, 121);
    border-radius: 10px;
}

.slider__img {
    order: 2;
    width: 57.725%;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 10px;
}

.slider__block {
    order: 1;
    flex-grow: 1;
    padding: 56px 42px 42px;
    display: flex;
    flex-direction: column;
}

.slider__title {
    color: rgb(242, 242, 242);
    font-family: Lack;
    font-size: 52px;
    font-weight: 400;
    line-height: 110%;
    margin-bottom: 15px;
}

.slider__text {
    color: rgb(242, 242, 242);
    font-family: Naga;
    font-size: 22px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 15px;
}

.slider__bottom {
    margin-top: auto;
    font-size: 0;
}

.slider__button {
    display: inline-block;
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    padding: 13px 24px 13px 24px;
    border-radius: 12px;
    background: rgb(255, 255, 255);
    text-decoration: none;
    transition: all 0.2s ease-out;
}

.slider__button:hover {
    background-color: rgb(84 73 73);
    color: rgb(255, 255, 255);
}

.slider__wrapper {
    position: relative;
}

.slider__info {
    position: absolute;
    bottom: 42px;
    left: 426px;
    z-index: 2;
    width: 79px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider__info span {
    margin-right: 5px;
}

.slider .owl-nav {
    z-index: 3;
    width: 179px;
    position: absolute;
    bottom: 44px;
    left: 376px;
    display: flex;
    justify-content: space-between;
}

.slider__info {
    text-align: center;
    color: rgb(242, 242, 242);
    font-family: Naga;
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
}

.slider .owl-prev {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(255, 255, 255);
    backdrop-filter: blur(4px);
    background: rgba(255, 255, 255, 0.4) url(img/slider-prev.svg) no-repeat center;
    border-radius: 50%;
    font-size: 0;
    transition: all 0.2s ease-out;
}

.slider .owl-next {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(255, 255, 255);
    backdrop-filter: blur(4px);
    background: rgba(255, 255, 255, 0.4) url(img/slider-next.svg) no-repeat center;
    border-radius: 50%;
    font-size: 0;
    transition: all 0.2s ease-out;
}

.slider .owl-prev.disabled,
.slider .owl-next.disabled {
    opacity: 0.5;
}

.slider .owl-carousel .owl-stage-outer {
    border-radius: 10px;
}

.slider .owl-prev:hover,
.slider .owl-next:hover {
    opacity: 0.8;
}

/* ==========================================================================
   PREVIEW-ABOUT
   ========================================================================== */
.preview-about {
    margin: 69px 0;
}

.preview-about__block {
    max-width: 645px;
    margin: auto;
}

.preview-about__text {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 26px;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
}

.preview-about__more {
    margin-top: 20px;
    text-align: center;
}

/* ==========================================================================
   MEN
   ========================================================================== */
.men {
    margin: 104px 0 60px;
}

.men .title {
    text-align: center;
    margin-bottom: 40px;
}

.men__wrapper {
    position: relative;
}

.men__row {
    display: flex;
    flex-wrap: wrap;
    margin: -15px -7.5px 0;
}

.men__col {
    width: 41.455%;
    margin: 15px 0 0;
    padding: 0 7.5px;
}

.men__img img {
    display: block;
    width: 100%;
    height: auto;
}

.men__video {
    position: absolute;
    right: 3.7%;
    top: 19%;
    width: 47%;
}

.men__video a {
    position: relative;
    display: block;
}

.men__video a:after {
    content: '';
    position: absolute;
    left: 25px;
    bottom: 21px;
    width: 26px;
    height: 26px;
    background: url(img/icon-play.svg) no-repeat;
}

.men__video img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.men .brands {
    text-align: center;
    margin: 29px 0 60px;
}

/* ==========================================================================
   ADVANTAGES
   ========================================================================== */
.advantages {
    margin: 60px 0;
}

.advantages__row {
    display: flex;
    flex-wrap: wrap;
    margin: -30px -10px 0;
}

.advantages__col {
    width: 50%;
    margin-top: 30px;
    padding: 0 10px;
}

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

.advantages__img {
    width: 130px;
    flex-shrink: 0;
}

.advantages__img img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 50%;
    border: 1px solid rgba(164, 164, 164, 0.5);
}

.advantages__block {
    margin-left: 25px;
    max-width: 310px;
}

.advantages__caption {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 8px;
}

.advantages__text {
    color: rgb(65, 55, 55);
    font-family: Naga;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}

/* ==========================================================================
   PRODUCT
   ========================================================================== */
.product {
    text-decoration: none;
    display: block;
    position: relative;
}

.product__block {
    position: relative;
    z-index: 1;
}

.product__popup {
    content: '';
    opacity: 0;
    visibility: hidden;
    position: absolute;
/*    bottom: -127px;*/
    top: -7px;
    left: -7px;
    right: -7px;
    padding: 0 7px;
    background: #fff;
    box-shadow: 0 4px 9px 0 rgba(109, 109, 109, 0.25);
    transition: opacity 0.2s ease-out;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 7px 7px 20px;
    border-radius: 5px;
}

.product:hover {
    z-index: 2;
}

.product:hover .product__popup {
    opacity: 1;
    visibility: visible;
}

.product__sizes {
    margin: 10px 0 0 -5px;
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

.product__sizes .select_size {
    padding: 5px;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 5px;
    color: rgb(108, 100, 100);
    text-decoration: none;
    margin: 5px 0 0 5px;
    transition: all 0.2s ease-out;
    cursor: pointer;
    display: inline-block;
}

.product__sizes .select_size:hover {
    color: #fff;
    border-color: rgb(84 73 73);
    background: rgb(84 73 73);
}

.product__add {
    color: rgb(255, 255, 255);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    padding: 13px 24px;
    border-radius: 12px;
    background: rgb(65, 55, 55);
    text-decoration: none;
    transition: all 0.2s ease-out;
}

.product__add:hover {
    background-color: rgb(84 73 73);
}

.product__favorite {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 10px;
    width: 20px;
    height: 20px;
    background: url(img/icon-favorites.svg) no-repeat;
    transition: all 0.2s ease-out;
}

.product__favorite.active,
.product__favorite:hover {
    background-image: url(img/icon-favorites-fill.svg);
}

.product__img {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.product__img img {
    display: block;
    width: 100%;
    height: auto;
}

.product__images {
    min-height: 383px;
} 
.product__images img {
    display: none;
}

.product__images img.active {
    display: block;
}

.product__dots {
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 8px;
    right: 8px;
    display: flex;
    opacity: 0;
    visibility: hidden;
    transition: all 0.2s ease-out;
}

.product:hover .product__dots {
    opacity: 1;
    visibility: visible;
}

.product__dot {
    flex-grow: 1;
    margin: 0 2px;
    position: relative;
    transition: all 0.2s ease-out;
}

.product__dot:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background: rgb(65, 55, 55);
    opacity: 0.4;
    height: 2px;
}

.product__dot.active:before {
    opacity: 0.8;
}

.product__label {
    position: absolute;
    bottom: 0;
    left: 0;
    color: rgb(255, 255, 255);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    padding: 2px 8px;
    background: rgb(65, 55, 55);
}

.product__label_discount {
    background: rgb(237, 27, 36);
}

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

.product__price {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    display: flex;
}

.product__price_discount {
    color: rgb(237, 27, 36);
}

.product__price span.nl-price {
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}

.product__price span.nl-old-price {
    color: rgb(65, 55, 55);
    margin-left: 10px;
    text-decoration: line-through;
}

.product__colors {
    display: flex;
    margin-left: auto;
}

.product__color {
    width: 12px;
    height: 12px;
    background: rgb(226, 224, 224);
    border-radius: 50%;
    transition: all 0.2s ease-out;
}

.product__color:hover {
    opacity: 0.8;
}

.product__color:hover {}

.product__color + .product__color {
    margin-left: 6px;
}

.product__color_bd {
    border: 1px solid rgb(65, 55, 55);
}

.product__name {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    display: block;
}

.product__name a {
    color: rgb(65, 55, 55);
    text-decoration: none;
}

.product__category {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

/* ==========================================================================
   CAROUSEL
   ========================================================================== */
.carousel {
    margin: 60px 0 -130px;
/*    overflow: hidden;*/
}

.carousel_inner {
    margin: 0 0 -25px;
}

.carousel__title {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 36px;
    font-weight: 400;
    line-height: 120%;
}

.carousel_products .carousel__item {
    margin: 20px 0 147px;
}

.carousel__items {
    margin: 0 -20px;
    padding: 0 20px;
/*    overflow: hidden;*/
}

.carousel_products .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.carousel .owl-next {
    position: absolute;
    top: 244px;
    right: -10px;
    width: 50px;
    height: 50px;
    border: 1px solid rgb(108, 100, 100);
    backdrop-filter: blur(4px);
    background: rgba(65, 55, 55, 0.1) url(img/carousel-next.svg) no-repeat center;
    border-radius: 50%;
    font-size: 0;
    transition: all 0.2s ease-out;
}

.carousel .owl-prev {
    position: absolute;
    top: 244px;
    left: -10px;
    width: 50px;
    height: 50px;
    border: 1px solid rgb(108, 100, 100);
    backdrop-filter: blur(4px);
    background: rgba(65, 55, 55, 0.1) url(img/carousel-prev.svg) no-repeat center;
    border-radius: 50%;
    font-size: 0;
    transition: all 0.2s ease-out;
}

.carousel .owl-next:hover,
.carousel .owl-prev:hover {
    opacity: 0.8;
}


.carousel .owl-next.disabled,
.carousel .owl-prev.disabled {
    display: none;
}

/* ==========================================================================
   WOMEN
   ========================================================================== */
.women {
    margin: 105px 0;
}

.women .title {
    text-align: center;
    margin-bottom: 40px;
}

.women__row {
    display: flex;
    margin: -20px -10px 0;
    flex-wrap: wrap;
}

.women__col {
    padding: 0 10px;
    margin: 20px 0 0;
    width: 33.333%;
}

.women__col + .women__col {
    width: 66.666%;
}

.women__img {
    margin-bottom: 29px;
}

.women__img img {
    display: block;
    max-width: 100%;
    height: auto;
}

.women__text {
    color: rgb(65, 55, 55);
    font-family: Naga;
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}

.women__block {
    padding-left: 115px;
}

.women .brands {
    margin-bottom: 40px;
}

.brands_women {
    padding: 23px 110px 22px 0;
}

.women .categories {
    max-width: 670px;
}

/* ==========================================================================
   CATEGORIES
   ========================================================================== */
.categories__caption {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 20px;
}

.categories__row {
    display: flex;
    margin: -20px -10px 0;
    flex-wrap: wrap;
}

.categories__col {
    width: 33.333%;
    padding: 0 10px;
    margin: 20px 0 0;
}

.categories__item {
    display: block;
    text-decoration: none;
}

.categories__img {
    margin-bottom: 10px;
}

.categories__img img {
    display: block;
    width: 100%;
    height: auto;
}

.categories__name {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

/* ==========================================================================
   VANTAGES
   ========================================================================== */
.vantages {
    margin: 105px 0 115px;
}

.vantages__title {
    color: rgb(65, 55, 55);
    font-family: Naga;
    font-size: 100px;
    font-weight: 400;
    line-height: 100%;
    text-align: center;
    max-width: 937px;
    margin: 0 auto 47px;
}

.vantages__row {
    display: flex;
    flex-wrap: wrap;
    margin: -20px -10px 0;
}

.vantages__col {
    width: 25%;
    padding: 0 10px;
    margin: 20px 0 0;
}

.vantages__img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.vantages__img_video a {
    display: block;
    position: relative;
}

.vantages__img_video a:after {
    content: '';
    position: absolute;
    left: 13px;
    bottom: 13px;
    width: 26px;
    height: 26px;
    background: url(img/icon-play.svg) no-repeat;
}

.vantages__name {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    margin-bottom: 8px;
}

.vantages__text {
    color: rgb(65, 55, 55);
    font-family: Naga;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    text-align: center;
    padding-left: 15px;
    padding-right: 15px;
}

.vantages__block {
    padding: 40px 0 0;
}

.vantages__item {
    display: flex;
    flex-direction: column;
}

.vantages__col:nth-child(odd) .vantages__img {
    order: 2;
}

.vantages__col:nth-child(odd) .vantages__block {
    order: 1;
    padding: 13px 0 40px;
}

/* ==========================================================================
   ARTICLES
   ========================================================================== */
.articles {
    margin: 115px 0;
}

.articles .top {
    margin-bottom: 30px;
}

.articles__row {
    display: flex;
    flex-wrap: wrap;
    margin: -20px -10px 0;
}

.articles__col {
    margin: 20px 0 0;
    padding: 0 10px;
    width: 33.333%;
}

.article-preview {
    display: block;
    text-decoration: none;
}

.article-preview__img {
    margin-bottom: 20px;
    position: relative;
}

.article-preview__img img {
    display: block;
    width: 100%;
    height: auto;
}

.article-preview__img:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: rgb(237, 27, 36);
}

.article-preview__name {
    color: rgb(65, 55, 55);
    font-family: Naga;
    font-size: 20px;
    font-weight: 400;
    line-height: 120%;
    transition: all 0.2s ease-out;
}

.article-preview:hover .article-preview__name {
    color: rgb(237, 27, 36);
}

.article-preview__line {
    display: flex;
    flex-wrap: wrap;
    margin-top: 12px;
    align-items: center;
}

.article-preview__date {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    margin-right: 14px;
}

.article-preview__tag {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    margin-right: 14px;
}

/* ==========================================================================
   BLOG
   ========================================================================== */
.blog {
    margin: 0 0 105px;
}

.blog__line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 17px;
}

.blog__date {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    margin-right: 14px;
}

.blog__tag {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    margin-right: 14px;
}

.blog__name {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 46px;
    font-weight: 400;
    line-height: 120%;
}

.blog__name a {
    color: rgb(65, 55, 55);
    text-decoration: none;
}

.blog__img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.blog__main {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -20px 60px;
}

.blog__main-col {
    padding: 0 20px;
    width: 58.333%;
}

.blog__main-col + .blog__main-col {
    width: 41.666%;
}

.blog__filter {
    display: flex;
    flex-wrap: wrap;
    margin: -8px 0 20px -8px;
}

.blog__filter a {
    display: inline-block;
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    padding: 12px 20px;
    border: 1px solid rgb(108, 100, 100);
    border-radius: 12px;
    text-decoration: none;
    margin: 8px 0 0 8px;
    transition: all 0.2s ease-out;
}

.blog__filter a.active {
    background: rgb(65, 55, 55);
    color: #fff;
}

.blog__filter a:hover,
.blog__filter a.active:hover {
    color: #fff;
    background-color: rgb(84 73 73);
}

.blog__row {
    display: flex;
    flex-wrap: wrap;
    margin: -60px -10px 0;
}

.blog__col {
    width: 33.333%;
    padding: 0 10px;
    margin: 60px 0 0;
}

.blog__col_half {
    width: 50%;
}

.blog .article-preview__img:after {
    display: none;
}

.blog__show-more {
    margin-top: 60px;
}

.blog__pagination {
    margin-top: 20px;
}

/* ==========================================================================
   ARTICLE
   ========================================================================== */
.article {
    margin: 60px auto 105px;
    color: rgb(65, 55, 55);
    font-family: Naga;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
}

.article__wrapper {
    max-width: 785px;
    margin: auto;
    position: relative;
    left: 58px;
}

.article__line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 6px;
}

.article__date {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    margin-right: 14px;
}

.article__tag {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    text-transform: uppercase;
    margin-right: 14px;
}

.article__name {
    margin-bottom: 22px;
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 52px;
    font-weight: 400;
    line-height: 110%;
    margin-bottom: 22px;
    max-width: 669px;
}

.article__name h1 {
    font: inherit;
    margin: 0;
}

.article p {
    margin: 17px 0;
    max-width: 669px;
}

.article .article__main {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 30px;
}

.article h2 {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 36px;
    font-weight: 400;
    line-height: 120%;
    margin: 60px 0 20px;
}

.article img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 40px auto;
}

.article figure {
    display: block;
    position: relative;
    padding: 0;
    margin: 40px auto;
}

.article figure img {
    margin: 0;
}

.article figcaption {
    font-family: "Golos Text";
    font-size: 14px;
    display: block;
    line-height: 1.215;
    margin-top: 20px;
}

.article__figure figcaption {
    position: absolute;
    width: 208px;
    right: -231px;
    top: 0;
    margin: 0;
    font-size: 16px;
}

.article figcaption img {
    width: 95px;
    height: 95px;
    border-radius: 50%;
    display: block;
    margin-bottom: 12px;
}

.article figcaption b {
    display: block;
    font-weight: 400;
    margin-top: 12px;
    font-size: 14px;
}

.article figcaption span {
    display: block;
    font-size: 14px;
    color: rgb(164, 164, 164);
}

.article .owl-carousel img {
    margin: 0 auto;
    max-height: 500px;
}

.article .owl-nav {
    display: flex;
    width: 179px;
    margin: 10px auto 0;
    justify-content: space-between;
}

.article .owl-next {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(108, 100, 100);
    backdrop-filter: blur(4px);
    background: rgba(65, 55, 55, 0.1) url(img/carousel-next.svg) no-repeat center;
    border-radius: 50%;
    font-size: 0;
    transition: all 0.2s ease-out;
}

.article .owl-prev {
    width: 50px;
    height: 50px;
    border: 1px solid rgb(108, 100, 100);
    backdrop-filter: blur(4px);
    background: rgba(65, 55, 55, 0.1) url(img/carousel-prev.svg) no-repeat center;
    border-radius: 50%;
    font-size: 0;
    transition: all 0.2s ease-out;
}

.article .owl-next:hover,
.article .owl-prev:hover {
    opacity: 0.8;
}

.article .owl-info {
    margin-top: 14px;
    color: rgb(108, 100, 100);
    font-family: Naga;
    font-size: 22px;
    font-weight: 400;
    line-height: 26px;
}

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

.article ul li {
    padding-left: 25px;
    position: relative;
}

.article ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 14px;
    height: 12px;
    background: url(img/icon-li.svg) no-repeat;
}

.article ul li + li {
    margin-top: 10px;
}

.article__mark {
    padding: 10px 20px;
    border-radius: 8px;
    background: rgb(249, 246, 241);
}

.article a {
    color: rgb(237, 27, 36);
    text-decoration: none;
}

.article a:hover {
    text-decoration: underline;
}

/* ==========================================================================
   BREADCRUMBS
   ========================================================================== */
.breadcrumbs {
    margin: 22px 0 30px;
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 13px;
    font-weight: 400;
    line-height: 120%;
}

.breadcrumbs span {
    color: rgb(164, 164, 164);
}

.breadcrumbs_center {
    max-width: 748px;
    margin-left: auto;
    margin-right: auto;
}

.breadcrumbs_center .container {
    width: 100%;
    display: -webkit-box;
    max-width: 100%;
    margin: 0 auto;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.breadcrumbs a {
    color: rgb(164, 164, 164);
    text-decoration: none;
}

.breadcrumbs span {
    margin: 0 7px;
}

/* ==========================================================================
   H1
   ========================================================================== */
.h1 {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 52px;
    font-weight: 400;
    line-height: 110%;
    margin: 30px 0 20px;
}

.h1 h1 {
    font: inherit;
    margin: 0;
}

/* ==========================================================================
   CATALOG
   ========================================================================== */
.catalog {
    margin: 35px 0 125px;
}

.catalog__columns {
    display: flex;
    flex-wrap: wrap;
    margin: -20px -10px 0;
}

.catalog__column {
    width: 16.666%;
    padding: 0 10px;
    margin: 20px 0 0;
}

.catalog__column + .catalog__column {
    width: 83.333%;
}

.catalog__block {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.catalog__filter {
    transition: all 0.2s ease-out;
}

.catalog__filter-close {
    display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 10px;
    background: url(img/icon-close.svg) no-repeat;
    cursor: pointer;
}

.catalog__selected-filter {
    margin-bottom: 10px;
}

.catalog__row {
    display: flex;
    flex-wrap: wrap;
    margin: -40px -10px 0;
}

.catalog__col {
    width: 25%;
    padding: 0 10px;
    margin: 40px 0 0;
}

.catalog__show-more {
    margin-top: 60px;
}

.catalog__pagination {
    margin-top: 20px;
}

/* ==========================================================================
   nl_empty
   ========================================================================== */
.nl_empty {
    height: 519px;
    border-radius: 12px;
    background: rgba(164, 164, 164, 0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.nl_empty:before {
    content: '';
    margin: 0 auto 28px;
    display: block;
    width: 72px;
    height: 45px;
    background: url(img/icon-hanger.svg) no-repeat;
    background-size: cover;
}

.nl_empty__caption {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-align: center;
    margin-bottom: 6px;
}

.nl_empty__text {
    color: rgb(65, 55, 55);
    font-family: Naga;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    text-align: center;
}

.nl_empty__reset {
    font-size: 0;
    text-align: center;
    margin-top: 28px;
}

.button-outline {
    display: inline-block;
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    padding: 12px 23px;
    border: 1px solid rgb(65, 55, 55);
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.2s ease-out;
}

.button-outline:hover {
    background: rgb(84 73 73);
    border-color: rgb(84 73 73);
    color: rgb(255, 255, 255);
}

/* ==========================================================================
   PAGINATION
   ========================================================================== */
.pagination {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    margin-left: -8.5px;
}

.pagination__prev {
    margin: 0 16.5px 0 0;
    width: 50px;
    height: 50px;
    border: 1px solid rgb(255, 255, 255);
    backdrop-filter: blur(4px);
    background: rgba(65, 55, 55, 0.05) url(img/pagination-prev.svg) no-repeat center;
    border-radius: 50%;
}

.pagination__next {
    margin: 0 0 0 16.5px;
    width: 50px;
    height: 50px;
    border: 1px solid rgb(255, 255, 255);
    backdrop-filter: blur(4px);
    background: rgba(65, 55, 55, 0.05) url(img/pagination-next.svg) no-repeat center;
    border-radius: 50%;
}

.pagination__items {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.pagination__items a {
    color: rgb(65, 55, 55);
    text-decoration: none;
    margin: 0 8.5px;
    transition: all 0.2s ease-out;
}

.pagination__items a:hover {
    opacity: 0.7;
}

.pagination__items span {
    margin: 0 8.5px;
}

.pagination__items b {
    margin: 0 8.5px;
    font-weight: 400;
    color: rgb(237, 27, 36);
}

.pagination__info {
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

/* ==========================================================================
   FILTER
   ========================================================================== */
.filter-button {
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    padding: 11px 35px 11px 19px;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 12px;
    position: relative;
    user-select: none;
    cursor: pointer;
    display: none;
}

.filter-button:before {
    content: '';
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translate(0, -50%);
    width: 12px;
    height: 12px;
    background: url(img/icon-down.svg) no-repeat;
}

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

.filter__block {
    margin: 8px 0 0 8px;
    position: relative;
    z-index: 3;
}

.filter__caption {
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    padding: 11px 35px 11px 19px;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 12px;
    position: relative;
    user-select: none;
    cursor: default;
}

.filter__caption:before {
    content: '';
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translate(0, -50%);
    width: 12px;
    height: 12px;
    background: url(img/icon-down.svg) no-repeat;
}

.filter__caption:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 10px;
}

.filter__head {
    position: relative;
}

.filter__block.active .filter__head:after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    right: -4px;
    top: 3px;
    border-radius: 50%;
    background: rgb(237, 27, 36);
    border: 1px solid #fff;
}

.filter__items {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 216px;
    max-height: 233px;
    overflow-y: auto;
    z-index: 1;
    left: 0;
    top: 50px;
    border-radius: 6px;
    box-shadow: 0 4px 28px 0 rgba(38, 36, 36, 0.15);
    background: rgb(255, 255, 255);
    padding: 10px 17px 10px 12px;
    transition: all 0.2s ease-out;
}

.filter__block_price .filter__items {
    width: 263px;
    padding: 20px 12px 12px;
}

.filter__block:hover .filter__items {
    opacity: 1;
    visibility: visible;
}

.filter__item {
    display: flex;
    align-items: center;
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    cursor: pointer;
    user-select: none;
}

.filter__item input {
    display: none;
}

.filter__item span {
    padding: 5px;
    border-radius: 5px;
    flex-grow: 1;
    margin-right: 12px;
}

.filter__item i {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 6px;
    position: relative;
}

.filter__item input:checked + span {
    background: rgb(249, 246, 241);
}

.filter__item input:checked ~ i {
    background-image: url(img/icon-check.svg);
}

.filter__item b {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    margin-right: 6px;
    border-radius: 50%;
}

.filter__item b.white {
    border: 1px solid rgb(164, 164, 164);
}

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

.filter__range .filter__input {
    flex-grow: 1;
}

.filter__hyphen {
    width: 27px;
    flex-shrink: 0;
    color: rgb(164, 164, 164);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
}

.filter__input input {
    width: 100%;
    display: block;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 8px;
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    padding: 0 9px;
    height: 29px;
    outline: none;
}

.filter__input input:required:valid {
    border: 1px solid rgba(65, 55, 55, 0.2);
    background: rgba(65, 55, 55, 0.05);
}

.filter__input input::-webkit-input-placeholder {
    color: rgb(164, 164, 164);
}

.filter__input input::-moz-placeholder {
    color: rgb(164, 164, 164);
}

.filter__input input:-moz-placeholder {
    color: rgb(164, 164, 164);
}

.filter__input input:-ms-input-placeholder {
    color: rgb(164, 164, 164);
}

.filter__button {
    margin-top: 10px;
}

.button {
    display: block;
    width: 100%;
    border-radius: 12px;
    background: rgb(65, 55, 55);
    color: rgb(255, 255, 255);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    text-align: center;
    padding: 9.5px 13px;
    border: none;
    text-decoration: none;
    transition: all 0.2s ease-out;
}

.button:hover {
    background-color: rgb(84 73 73);
}

.button[disabled] {
    color: rgb(164, 164, 164);
    background: rgba(65, 55, 55, 0.1);
}

/* ==========================================================================
   SELECTED-FILTER
   ========================================================================== */
.selected-filter {
    display: flex;
    flex-wrap: wrap;
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    margin: -2.5px 0 0 -5px;
}

.selected-filter a {
    display: inline-block;
    color: rgb(108, 100, 100);
    text-decoration: none;
    padding: 6px 32px 6px 10px;
    border-radius: 8px;
    position: relative;
    background: rgb(232, 232, 232);
    margin: 2.5px 0 0 5px;
}

.selected-filter a:after {
    content: '';
    position: absolute;
    top: 8.5px;
    right: 10px;
    width: 12px;
    height: 12px;
    display: inline-block;
    background: url(img/icon-selected-filter-close.svg) no-repeat;
}

a.selected-filter__all {
    background-color: transparent;
}

/* ==========================================================================
   SORT
   ========================================================================== */
.sort {
    margin: 0 0 0 0;
    position: relative;
    z-index: 3;
}

.sort__caption {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 20px;
    font-weight: 400;
    line-height: 110%;
    margin-bottom: 10px;
    display: none;
}

.sort__button {
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    padding: 11px 35px 11px 19px;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 12px;
    position: relative;
    user-select: none;
    cursor: default;
}

.sort__button:before {
    content: '';
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translate(0, -50%);
    width: 12px;
    height: 12px;
    background: url(img/icon-sort-down.svg) no-repeat;
}

.sort__items {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    width: 230px;
    max-height: 233px;
    overflow-y: auto;
    z-index: 1;
    right: 0;
    top: 50px;
    border-radius: 6px;
    box-shadow: 0 4px 28px 0 rgba(38, 36, 36, 0.15);
    background: rgb(255, 255, 255);
    padding: 10px 17px 10px 12px;
    transition: all 0.2s ease-out;
}

.sort__close {
    display: none;
    position: absolute;
    width: 20px;
    height: 20px;
    right: 10px;
    top: 10px;
    background: url(img/icon-close.svg) no-repeat;
    cursor: pointer;
}

.sort__button:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -10px;
    height: 10px;
}

.sort:hover .sort__items {
    opacity: 1;
    visibility: visible;
}

.sort__item {
    display: flex;
    align-items: center;
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    cursor: pointer;
    user-select: none;
}

.sort__item input {
    display: none;
}

.sort__item span {
    padding: 5px;
    border-radius: 5px;
    flex-grow: 1;
    margin-right: 12px;
}

.sort__item i {
    width: 22px;
    height: 22px;
    flex-shrink: 0;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 6px;
    position: relative;
}

.sort__item input:checked + span + i {
    background-image: url(img/icon-check.svg);
}

/* ==========================================================================
   MENU
   ========================================================================== */
.menu {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin-left: -10px;
}

.menu a {
    color: rgb(65, 55, 55);
    text-decoration: none;
    padding: 10px 30px 10px 10px;
    display: block;
    position: relative;
    border-radius: 5px;
    transition: all 0.2s ease-out;
}

.menu a:hover {
    background: rgb(249, 246, 241);
}

.menu li.parent > a:after {
    content: '';
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translate(0, -50%);
    width: 12px;
    height: 12px;
    background: url(img/icon-down.svg) no-repeat;
}

.menu li.disabled a {
    color: rgb(164, 164, 164);
    cursor: default;
}

.menu li.disabled a:hover {
    background-color: transparent;
}

.menu li.parent.active > a:after {
    background-image: url(img/icon-up.svg);
}

.menu ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.menu ul ul {
    padding: 0 0 0 20px;
    display: none;
}

.menu li.active > ul {
    display: block;
}

.menu ul ul a {
    border-radius: 5px;
    padding: 10px;
}

.menu ul ul .active > a {
    background: rgb(65, 55, 55);
    color: #fff;
}

/* ==========================================================================
   SIZE
   ========================================================================== */
.size__caption {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 8px;
}

.size__link-table {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}

.size__link-table a {
    padding-bottom: 2px;
    text-decoration: none;
    color: rgb(65, 55, 55);
    border-bottom: 1px dashed rgba(65, 55, 55, 0.5);
}

.size__items {
    margin-top: 32px;
    max-width: 384px;
}

.size__row {
    display: flex;
    flex-wrap: wrap;
    margin: -8px -4px 0;
}

.size__col {
    width: 25%;
    padding: 0 4px;
    margin: 8px 0 0;
}

.size__item {
    border: 1px solid rgb(108, 100, 100);
    border-radius: 12px;
    padding: 5px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s ease-out;
}

.size__item:hover {
    border: 1px solid rgba(108, 100, 100, 0.4);
    background: rgba(65, 55, 55, 0.1);
}

.size__item.active {
    border-color: rgb(65, 55, 55);
    background: rgb(65, 55, 55);
}

.size__item b {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

.size__item.active b {
    color: rgb(255, 255, 255);
}

.size__item span {
    color: rgb(164, 164, 164);
    font-family: "Golos Text";
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    margin-top: 3px;
}

/* ==========================================================================
   catalog__top_pictures AND LOGOS
   ========================================================================== */
.wrapper-catalog__top_pictures-logos {
    background: rgba(164, 164, 164, 0.1);
    padding: 10px 0;
}

.catalog__top_pictures .owl-carousel .owl-stage-outer {
    border-radius: 10px;
}

.catalog__top_pictures .owl-prev {
    position: absolute;
    left: -10px;
    top: 50%;
    width: 50px;
    height: 50px;
    backdrop-filter: blur(4px);
    background: rgb(65, 55, 55) url(img/icon-prev.svg) no-repeat center;
    border-radius: 50%;
    transform: translate(0, -50%);
    font-size: 0;
}

.catalog__top_pictures .owl-next {
    position: absolute;
    right: -10px;
    top: 50%;
    width: 50px;
    height: 50px;
    backdrop-filter: blur(4px);
    background: rgb(65, 55, 55) url(img/icon-next.svg) no-repeat center;
    border-radius: 50%;
    transform: translate(0, -50%);
    font-size: 0;
}

.catalog__top_pictures .owl-prev.disabled,
.catalog__top_pictures .owl-next.disabled {
    display: none;
}

.catalog__top_pictures__item {
    display: flex;
    text-decoration: none;
    height: 245px;
    border-radius: 10px;
    overflow: hidden;
}

.catalog__top_pictures__caption {
    width: 42%;
    flex-shrink: 0;
    color: rgb(242, 242, 242);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    padding: 13px 13px 13px 19px;
}

.catalog__top_pictures__img {
    flex-grow: 1;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.catalog__top_pictures + .logos {
    margin-top: 18px;
}

.logos__row {
    display: flex;
    align-items: center;
    margin: -20px -10px 0;
    overflow: hidden;
}

.logos__col {
    width: 16.666%;
    padding: 0 10px;
    margin: 20px 0 0;
    position: relative;
}

.logos__col:before {
    content: '';
    position: absolute;
    left: -1px;
    top: 50%;
    transform: translate(0, -50%);
    height: 50px;
    width: 1px;
    background: rgb(164, 164, 164);
    opacity: 0.5;

}

.logos__item img {
    display: block;
    max-width: 100%;
    margin: auto;
    max-height: 66px;
}

/* ==========================================================================
   CARD
   ========================================================================== */
.card {
    margin: 30px 0 105px;
}

.card__columns {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.card__column {
    width: 66.666%;
    padding: 0 10px;
}

.card__column + .card__column {
    width: 33.333%;
}

.card__gallery {
    display: flex;
}

.card__detail img {
    display: block;
    width: 100%;
    height: auto;
}

.card__preview img {
    display: block;
    width: 100%;
    height: auto;
}

.card__preview a {
    display: block;
    position: relative;
}

.card__preview a:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    transition: all 0.2s ease-out;
}

.card__preview a:hover:before {
    opacity: 0.3;
}

.card__preview + .card__preview {
    margin-top: 8px;
}

.card__previews {
    order: 1;
    flex-shrink: 0;
    width: 78px;
    margin-right: 35px;
}

.card__details {
    order: 2;
    flex-grow: 1;
    max-width: 740px;
}

.card__name {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 46px;
    font-weight: 400;
    line-height: 120%;
}

.card__name h1 {
    font: inherit;
    margin: 0;
}

.card__category {
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 22px;
}

.card__price {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 36px;
    font-weight: 500;
    line-height: 43px;
    margin-bottom: 22px;
    position: relative;
}

.card__price_discount {
    color: rgb(237, 27, 36);
}

.card__price span {
    vertical-align: top;
    display: inline-block;
    margin-top: 6px;
    padding: 2px 8px;
    background: rgb(237, 27, 36);
    color: rgb(255, 255, 255);
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

.card__price b {
    display: block;
    color: rgb(65, 55, 55);
    font-size: 24px;
    font-weight: 400;
    line-height: 120%;
    text-decoration: line-through;
}

.card__caption {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 8px;
    position: relative;
}

.card__caption a {
    position: absolute;
    right: 0;
    top: 3px;
    color: rgb(237, 27, 36);
    font-family: Naga;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 1px dashed rgb(237, 27, 36);
    transition: all 0.2s ease-out;
}

.card__caption a:hover {
    border-color: transparent;
}

.card__colors {
    display: flex;
    flex-wrap: wrap;
    margin: -4px 0 22px -4px;
}

.card__color {
    width: 53px;
    margin: 4px 0 0 4px;
}

.card__color a {
    display: block;
    border: 1px solid transparent;
    padding: 1px;
    border-radius: 12px;
}

.card__color a.active {
    border-color: rgb(237, 27, 36);
}

.card__color img {
    display: block;
    width: 100%;
    border-radius: 10px;
}

.select {
    display: block;
    width: 100%;
    padding: 0;
    background: url(img/select-down.png) no-repeat right center;
    background-size: auto 100%;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    padding: 12px 19px;
    outline: none;
}

.card__size {
    margin-bottom: 16px;
}

.card__buttons {
    display: flex;
    margin-bottom: 40px;
}

.card__add {
    flex-grow: 1;
    color: rgb(255, 255, 255);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    border-radius: 12px;
    background: rgb(65, 55, 55);
    padding: 13px 24px;
    display: block;
    text-decoration: none;
    text-align: center;
    height: 48px;
    transition: all 0.2s ease-out;
}

.card__add:hover {
    background-color: rgb(84 73 73);
}

.card__favorite {
    display: block;
    margin-left: 8px;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: rgba(65, 55, 55, 0.1) url(img/icon-favorites.svg) no-repeat center;
    transition: all 0.2s ease-out;
}

.card__favorite:hover {
    opacity: 0.8;
}

.card__block {
    padding: 14px 0;
    border-top: 1px solid rgb(217, 217, 217);
    border-bottom: 1px solid rgb(217, 217, 217);
}

.card__block .card__caption {
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
    user-select: none;
}

.card__block .card__caption:after {
    content: '';
    position: absolute;
    right: 0;
    top: 5px;
    width: 12px;
    height: 12px;
    background: url(img/icon-down.svg) no-repeat;
    transition: all 0.2s ease-out;
}

.card__block .card__caption.active:after {
    transform: rotate(180deg);
}

.card__block + .card__block {
    margin-top: -1px;
}

.card table {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    width: 100%;
}

.card table td {
    padding-top: 9px;
    vertical-align: top;
}

.card td:first-child {
    color: rgb(164, 164, 164);
    width: 47.75%;
    padding-right: 10px;
}

.card__model {
    margin: 25px -10px 0;
    border-radius: 10px;
    background: rgb(249, 246, 241);
    padding: 10px 10px 13px;
}

.card__model:before {
    content: '';
    display: block;
    margin-bottom: 7.5px;
    width: 31px;
    height: 32px;
    background: url(img/icon-model.svg) no-repeat;
}

.card__content {
    display: none;
}

.card__content.active {
    display: block;
}

.card__title {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 14px;
}

.card__products {
    margin: 40px -20px -147px;
    padding: 0 20px;
    overflow: hidden;
}

.card__products .card__title {
    margin-bottom: -6px;
}

.card__products-item {
    margin: 20px 0 147px;
}

.card__products .owl-carousel .owl-stage-outer {
    overflow: visible;
}

.card__products .owl-prev {
    position: absolute;
    right: -10px;
    top: 144px;
    width: 50px;
    height: 50px;
    backdrop-filter: blur(4px);
    background: rgb(65, 55, 55) url(img/icon-next.svg) no-repeat center;
    border-radius: 50%;
    font-size: 0;
    transition: all 0.2s ease-out;
}

.card__products .owl-next {
    position: absolute;
    left: -10px;
    top: 144px;
    width: 50px;
    height: 50px;
    backdrop-filter: blur(4px);
    background: rgb(65, 55, 55) url(img/icon-prev.svg) no-repeat center;
    border-radius: 50%;
    font-size: 0;
    transition: all 0.2s ease-out;
}

.card__products .owl-prev.disabled,
.card__products .owl-next.disabled {
    display: none;
}

.card__products .owl-prev:hover,
.card__products .owl-next:hover {
    background-color: rgb(84 73 73);
}

/* ==========================================================================
   CART
   ========================================================================== */
.cart {
    margin: 0 0 105px;
}

.cart__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.cart__col {
    padding: 0 10px;
    width: 66.666%;
}

.cart__col + .cart__col {
    width: 33.333%;
}

.cart__info {
    border: 1px solid rgb(217, 217, 217);
    border-radius: 17px;
    padding: 20px 20px 30px;
}

.cart__caption {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 10px;
}

.cart__item {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 10px;
}

.cart__item b {
    font-weight: 500;
}

.cart__line {
    height: 1px;
    background: rgb(217, 217, 217);
    margin: 20px 0;
}

.cart__total {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 10px;
}

.cart__total .cart__caption {
    margin-bottom: 0;
}

.cart__discount {
    color: rgb(237, 27, 36);
}

.cart__price {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 22px;
    font-weight: 500;
    line-height: 26px;
}

.cart__ps {
    color: rgb(164, 164, 164);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.cart__button {
    margin-top: 20px;
    color: rgb(255, 255, 255);
    font-family: Lack;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
    padding: 13px 20px;;
    display: block;
    text-decoration: none;
    border-radius: 12px;
    background: rgb(65, 55, 55);
    text-align: center;
    transition: all 0.2s ease-out;
}

.cart__button:hover {
    background-color: rgb(84 73 73);
}

.cart__product {
    display: flex;
    max-width: 784px;
}

.cart__product + .cart__product {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid rgb(217, 217, 217);
}

.cart__img {
    width: 170px;
    flex-shrink: 0;
    margin-right: 20px;
    position: relative;
}

.cart__img img {
    display: block;
    width: 100%;
    height: auto;
}

.cart__label {
    position: absolute;
    bottom: 0;
    left: 0;
    color: rgb(255, 255, 255);
    font-family: "Golos Text";
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    padding: 2px 8px;
    background: rgb(65, 55, 55);
}

.cart__label_discount {
    background: rgb(237, 27, 36);
}

.cart__name {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 10px;
}

.cart__name a {
    color: rgb(65, 55, 55);
    text-decoration: none;
}

.cart__param {
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}

.cart__param + .cart__param {
    margin-top: 10px;
}

.cart__wrapper {
    display: flex;
    flex-grow: 1;
}

.cart__block {
    margin: 7px 0 0;
    flex-grow: 1;
}

.cart__price {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 18px;
    font-weight: 500;
    line-height: 22px;
    width: 118px;
    flex-shrink: 0;
    margin-left: 12px;
    margin-top: 7px;
    text-align: right;
}

.cart__price b {
    font-weight: 500;
    display: block;
}

.cart__price span {
    display: block;
    margin-top: 8px;
    text-decoration: line-through;
}

.cart__right {
    display: flex;
    margin-left: 20px;
}

.cart__count {
    display: flex;
    flex-shrink: 0;
}

.cart__minus {
    width: 32px;
    height: 34px;
    background: rgb(217, 217, 217) url(img/icon-minus.svg) no-repeat center;
    border-radius: 8px 0 0 8px;
    cursor: pointer;
    transition: all 0.2s ease-out;
}

.cart__count-input {
    height: 34px;
    width: 36px;
    border: none;
    border-top: 1px solid rgb(217, 217, 217);
    border-bottom: 1px solid rgb(217, 217, 217);
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    text-align: center;
    outline: none;
}

.cart__plus {
    width: 32px;
    height: 34px;
    background: rgb(217, 217, 217) url(img/icon-plus.svg) no-repeat center;
    border-radius: 0 8px 8px 0;
    cursor: pointer;
    transition: all 0.2s ease-out;
}

.cart__minus:hover,
.cart__plus:hover {
    opacity: 0.8;
}

/* ==========================================================================
   CONTACTS
   ========================================================================== */
.contacts {
    margin: 68px 0 125px;
}

.contacts__block {
    max-width: 500px;
    margin: auto;
}

.contacts .h1 {
    margin: 0 0 20px;
}

.contacts__label {
    color: rgb(108, 100, 100);
    font-family: Lack;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    margin-bottom: 5px;
    max-width: 340px;
}

.contacts__phone {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
}

.contacts__phone a {
    color: rgb(65, 55, 55);
    text-decoration: none;
    display: inline-block;
    border-bottom: 1px solid rgba(65, 55, 55, 0.5);
    transition: all 0.2s ease-out;
}

.contacts__phone a:hover {
    color: rgb(237, 27, 36);
    border-color: rgb(237, 27, 36);
}

.contacts__email {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
}

.contacts__email a {
    color: rgb(65, 55, 55);
    text-decoration: none;
    transition: all 0.2s ease-out;
}

.contacts__email a:hover {
    color: rgb(237, 27, 36);
}

.contacts__section + .contacts__section {
    margin-top: 20px;
}

.contacts__address {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
}

.contacts__socialize {
    margin-top: 10px;
}

.contacts__question {
    margin-top: 10px;
    font-size: 0;
}

.contacts__button {
    display: inline-block;
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-decoration: none;
    padding: 12px 23px;
    border: 1px solid rgb(65, 55, 55);
    border-radius: 12px;
    transition: all 0.2s ease-out;
}

.contacts__button:hover {
    color: rgb(255, 255, 255);
    border-color: rgb(84 73 73);
    background: rgb(84 73 73);
}

/* ==========================================================================
   NOT-FOUND
   ========================================================================== */
.not-found {
    margin: 94px 0 105px;
}

.not-found__wrapper {
    display: flex;
    padding-left: 170px;
}

.not-found__img {
    width: 672px;
    flex-shrink: 0;
}

.not-found__img img {
    display: block;
    max-width: 100%;
    height: auto;
}

.not-found__title {
    color: rgb(237, 27, 36);
    font-family: "Golos Text";
    font-size: 90px;
    font-weight: 500;
    line-height: 120%;
    margin-bottom: 12px;
}

.not-found__text {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 20px;
}

.not-found__links {
    display: flex;
    flex-wrap: wrap;
    margin: -8px 0 0 -8px;
}

.not-found__links a {
    margin: 8px 0 0 8px;
}

.not-found__block {
    margin-left: -102px;
    margin-top: 14px;
}

/* ==========================================================================
   POPUPS
   ========================================================================== */
.popups {
    display: none;
}

.popup {
    max-width: 538px;
    margin: 40px auto;
    border-radius: 14px;
    background: rgb(255, 255, 255);
    padding: 40px 40px 50px;
    position: relative;
}

.popup_size {
    max-width: 519px;
}

.popup button.mfp-close {
    position: absolute;
    width: 20px;
    height: 20px;
    right: 20px;
    top: 20px;
    font-size: 0;
    opacity: 1;
    background: url(img/icon-close.svg) no-repeat;
    transition: all 0.2s ease-out;
}

.popup button.mfp-close:hover {
    opacity: 0.6;
}

.popup__title {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 25px;
}

.popup__label {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 10px;
}

.input {
    display: block;
    width: 100%;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 12px;
    background: rgb(249, 249, 249);
    height: 50px;
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    padding: 0 20px;
    outline: none;
}

.textarea {
    display: block;
    width: 100%;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 12px;
    background: rgb(249, 249, 249);
    height: 100px;
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    padding: 15px 20px;
    outline: none;
}

.input.error,
.textarea.error {
    border-color: #f00;
}

.popup__button {
    margin-top: 25px;
}

.submit {
    display: block;
    width: 100%;
    color: rgb(255, 255, 255);
    font-family: Lack;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
    border-radius: 12px;
    background: rgb(65, 55, 55);
    border: none;
    padding: 13px 24px;
    transition: all 0.2s ease-out;
}

.submit:hover {
    background-color: rgb(84 73 73);
}

.submit[disabled] {
    background: rgb(236, 235, 235);
    color: rgb(164, 164, 164);
}

.popup__field + .popup__field {
    margin-top: 25px;
}

.popup__input + .popup__input {
    margin-top: 10px;
}

.socialize-auth {
    display: flex;
    margin: -5px;
}

.socialize-auth__item {
    flex-grow: 1;
    margin: 5px;
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    text-decoration: none;
    padding: 10px;
    display: flex;
    align-items: center;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 12px;
}

.socialize-auth__item:before {
    content: '';
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
}

.socialize-auth__item_mailru:before {
    background-image: url(img/mailru-auth.png);
}

.socialize-auth__item_vk:before {
    background-image: url(img/vk-auth.png);
}

.socialize-auth__item_google:before {
    background-image: url(img/google-auth.png);
}

.popup__code {
    max-width: 312px;
    margin: auto;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.popup__back {
    position: absolute;
    cursor: pointer;
    left: 30px;
    top: 35px;
    width: 40px;
    height: 40px;
    background: url(img/icon-back.svg) no-repeat center;
}

.code {
    max-width: 266px;
    margin: auto;
}

.code__inputs {
    display: flex;
}

.code__inputs input {
    width: 62px;
    padding: 0;
    text-align: center;
    flex-grow: 1;
    height: 64px;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 12px;
    background: rgb(249, 249, 249);
    outline: none;
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 26px;
    font-weight: 400;
    line-height: 120%;
}

.code__inputs input.error {
    border-color: #f00;
}

.code__inputs input:focus,
input:required:valid {
    background: transparent;
}

.code__inputs input + input {
    margin-left: 6px;
}

.code__info {
    margin-top: 10px;
    text-align: center;
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
}

.code__info a {
    color: #000;
}

.code__info_resend {
    display: none;
}

.code__info span {
    color: rgb(237, 27, 36);
}

.question__field + .question__field {
    margin-top: 10px;
}

.popup_question {
    max-width: 520px;
}

.choose label {
    display: none;
    position: relative;
}

.choose label:before {
    content: '';
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translate(0, -50%);
    width: 12px;
    height: 12px;
    background: url(img/icon-down.svg) no-repeat;
    transition: all 0.2s ease-out;
}

.choose select {
    display: block;
    width: 100%;
    padding: 0 20px;
    height: 50px;
    background: rgb(249, 249, 249);
    background-size: auto 100%;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 12px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    color: rgb(108, 100, 100);
    outline: none;
}

.choose__wrapper {
    height: 50px;
    position: relative;
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    color: rgb(65, 55, 55);
}

.choose__block {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    border: 1px solid rgb(217, 217, 217);
    background: rgb(249, 249, 249);
    border-radius: 12px;
    transition: all 0.2s ease-out;
}

.choose__wrapper:hover .choose__block {
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.14);
}

.choose__value {
    display: flex;
    align-items: center;
    height: 50px;
    color: rgb(108, 100, 100);
    padding: 0 20px;
    outline: none;
    position: relative;
    cursor: default;
}

.choose__value:before {
    content: '';
    position: absolute;
    right: 11px;
    top: 50%;
    transform: translate(0, -50%);
    width: 12px;
    height: 12px;
    background: url(img/icon-down.svg) no-repeat;
    transition: all 0.2s ease-out;
}

.choose:hover .choose__value:before {
    background: url(img/icon-up.svg) no-repeat
}

.choose__items {
    display: none;
    padding: 0 9px 9px;
}

.choose__item {
    padding: 10px 11px;
    border-radius: 5px;
    cursor: pointer;
    user-select: none;
}

.choose__item:hover {
    background: rgb(249, 246, 241);
}

.popup__captcha {
    margin-top: 25px;
}

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

.captcha__input input {
    display: block;
    width: 100%;
    height: 50px;
    border: 1px solid rgb(164, 164, 164);
    border-radius: 12px;
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    padding: 0 20px;
    outline: none;
}

.captcha__input {
    flex-grow: 1;
}

.captcha__img {
    width: 154px;
    flex-shrink: 0;
    margin-left: 36px;
}

.captcha__img img {
    display: block;
    max-width: 100%;
    height: auto;
}

.captcha__refresh {
    flex-shrink: 0;
    margin-left: 8px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url(img/icon-refresh.svg) no-repeat center;
    transition: all 0.2s ease-out;
}

.captcha__refresh:hover {
    opacity: 0.8;
}

.popup__agree {
    margin-top: 14px;
}

.agree {
    display: flex;
    user-select: none;
    cursor: pointer;
}

.agree input {
    display: none;
}

.agree i {
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    border: 1px solid rgb(217, 217, 217);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 6px;
    position: relative;
    margin-right: 10px;
}

.agree input:checked + i {
    background-image: url(img/icon-agree.svg);
}

.agree span {
    display: flex;
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    margin-top: 2px;
}

.popup_sizes {
    max-width: 483px;
}

.sizes {
    margin-top: 30px;
    width: 100%;
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

.sizes th {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 100%;
    padding-bottom: 30px;
    position: relative;
    vertical-align: top;
}

.sizes th:after {
    content: '';
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    height: 1px;
    background: rgb(217, 217, 217);
}

.sizes th span {
    display: block;
    color: rgb(164, 164, 164);
    font-family: "Golos Text";
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    margin-top: 5px;
}

.sizes td {
    padding: 10px 5px;
    transition: all 0.2s ease-out;
    white-space: nowrap;
    vertical-align: top;
}

.sizes tr:first-child {
    margin-bottom: 20px;
}

.sizes tr:hover td {
    background: rgb(249, 246, 241);
}

.sizes td:first-child {
    border-radius: 5px 0 0 5px;
    width: 23%;
}

.sizes td:first-child + td {
    width: 23%;
}

.sizes td:first-child + td + td {
    width: 35%;
}

.sizes td:last-child {
    border-radius: 0 5px 5px 0;
}

.popup .h1 {
    margin: 0 0 20px;
}

.popup_info {
    max-width: 509px;
    padding: 40px 40px 60px;
}

.popup__close {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    border: 1px solid rgb(65, 55, 55);
    border-radius: 12px;
    padding: 12px;
    text-align: center;
    margin-top: 30px;
    cursor: pointer;
    transition: all 0.2s ease-out;
}

.popup__close:hover {
    color: rgb(255, 255, 255);
    background: rgb(84 73 73);
    border-color: rgb(84 73 73);
}

.popup_cancel, .popup_cancel form, .popup_cancel label {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.popup_cancel textarea {
    width: 100%;
}

.popup_cancel a {
    color: #504948;
}
.popup_cancel a:hover {
    color: #DA3731;
}

.popup__button-cancel {
    margin-top: 25px;
}

.popup__text {
    text-align: center;
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

/* ==========================================================================
   SUCCESS
   ========================================================================== */
.success {
    margin: 70px 0 105px;
}

.success__wrapper {
    max-width: 670px;
    margin: auto;
}

.success .title {
    margin-bottom: 20px;
}

.success__text {
    color: rgb(65, 55, 55);
    font-family: Naga;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
}

.success__text a {
    font-family: "Golos Text";
    font-weight: 500;
    color: rgb(65, 55, 55);
    text-decoration: none;
    transition: all 0.2s ease-out;
}

.success__text a:hover {
    color: rgb(237, 27, 36);
}

.success__caption {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    margin: 40px 0 10px;
}

.success__detail {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    max-width: 553px;
}

.success__detail td {
    border-top: 1px solid rgb(217, 217, 217);
    padding: 12px 0;
    vertical-align: top;
}

.success__detail tr:first-child td {
    border-top: none;
    width: 19%;
}

.success__detail td:last-child {
    padding-right: 40px;
}

.success__detail td:first-child {
    color: rgb(164, 164, 164);
    padding-right: 10px;
}

.success__products {
    max-width: 553px;
}

.success__row {
    display: flex;
    flex-wrap: wrap;
    margin: -10px -5px 0;
}

.success__col {
    width: 18.655%;
    margin: 20px 0 0;
    padding: 0 5px;
}

.success__product {
    position: relative;
}

.success__product a {
    display: block;
    position: relative;
}

.success__product img {
    display: block;
    width: 100%;
    height: auto;
}

.success__count {
    position: absolute;
    bottom: 0;
    left: 0;
    color: rgb(255, 255, 255);
    font-family: "Golos Text";
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    padding: 2px 8px;
    background: rgb(65, 55, 55);
}

.success__buttons {
    margin-top: 30px;
    display: flex;
}

.success__button + .success__button {
    margin-left: 6px;
}

.big-button {
    display: inline-block;
    border: 1px solid rgb(65, 55, 55);
    background: rgb(65, 55, 55);
    border-radius: 12px;
    padding: 12px 23px;
    color: rgb(255, 255, 255);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    text-decoration: none;
    min-width: 168px;
    text-align: center;
    transition: all 0.2s ease-out;
}

.big-button_outline {
    background: #fff;
    color: rgb(65, 55, 55);
}

.big-button:hover {
    border-color: rgb(84 73 73);
    background-color: rgb(84 73 73);
    color: rgb(255, 255, 255);
}

/* ==========================================================================
   STAMPS
   ========================================================================== */
.stamps {
    margin: 30px 0 200px;
}

.stamps__filter {
    display: flex;
    flex-wrap: wrap;
    margin: -8px 0 20px -8px;
}

.stamps__filter a {
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    text-decoration: none;
    padding: 12px 20px;
    border: 1px solid rgb(108, 100, 100);
    border-radius: 12px;
    margin: 8px 0 0 8px;
    transition: all 0.2s ease-out;
}

.stamps__filter a.active {
    color: #fff;
    background: rgb(65, 55, 55);
}

.stamps__filter a:hover,
.stamps__filter a.active:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(84 73 73);
}

.stamps__order {
    display: flex;
    flex-wrap: wrap;
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    margin: -5px 0 0 -20px;
}
.stamps__order a,
.stamps__order span {
    margin: 5px 0 0 20px;
    transition: all 0.2s ease-out;
}

.stamps__order a:hover {
    color: rgb(237, 27, 36);
}

.stamps__order a,
.stamps__order span {
    color: rgb(65, 55, 55);
    text-decoration: none;
}

.stamps__order span {
    color: rgb(217, 217, 217);
}

.stamps__control {
    padding-bottom: 20px;
    display: flex;
    align-items: flex-end;
    border-bottom: 1px solid rgb(217, 217, 217);
    margin-bottom: 70px;
}

.stamps__view {
    display: flex;
    margin: 0 0 4px auto;
}

.stamps__view a {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    opacity: 0.5;
}

.stamps__view a.active {
    opacity: 1;
}

.stamps__view a + a {
    margin-left: 20px;
}

.stamps__vertical {
    background-image: url(img/stamps-vertical.svg);
}

.stamps__horizontal {
    background-image: url(img/stamps-horizontal.svg);
}

.stamps__row {
    display: flex;
    flex-wrap: wrap;
    margin: -90px -10px 0;
}

.stamps__col {
    width: 25%;
    padding: 0 10px;
    margin: 90px 0 0;
}

.stamps__caption {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
}

.stamps__items {
    color: rgb(65, 55, 55);
    font-family: Naga;
    font-size: 18px;
    font-weight: 400;
    line-height: 140%;
}

.stamps__items a {
    color: rgb(65, 55, 55);
    text-decoration: none;
    transition: all 0.2s ease-out;
}

.stamps__items a:hover {
    color: rgb(237, 27, 36);
}

.stamps__items {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none;
}

.stamps__items li {
    margin-top: 20px;
}

/* ==========================================================================
   STAMP
   ========================================================================== */
.stamp {
    margin: -67px 0 105px;
}

.stamp__wrapper {
    display: flex;
    min-height: 613px;
}

.stamp .h1 {
    margin: 0 0 20px;
}

.stamp__cover {
    order: 2;
    width: 57.75%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    flex-shrink: 0;
    position: relative;
}

.stamp__info {
    order: 1;
    padding: 95px 0 0;
    flex-grow: 1;
}

.stamp__logo {
    position: absolute;
    left: -80px;
    top: 60px;
    width: 160px;
}

.stamp__logo img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.stamp__text {
    max-width: 439px;
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}

.stamp__more {
    margin-top: 20px;
    color: rgb(65, 55, 55);
    font-family: Naga;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
}

.stamp__more a {
    color: rgb(237, 27, 36);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all 0.2s ease-out;
}

.stamp__more a:hover {
    border-bottom: 1px solid rgb(237, 27, 36);
}

.stamp__more a:after {
    content: '';
    display: inline-block;
    margin-left: 11px;
    width: 14px;
    height: 11px;
    background: url(img/more.svg) no-repeat;
}

.stamp__categories {
    background: rgba(164, 164, 164, 0.1);
    padding: 10px 0;
}

.stamp__row {
    display: flex;
    flex-wrap: wrap;
    margin: -20px -10px 0;
}

.stamp__col {
    margin: 20px 0 0;
    padding: 0 10px;
    width: 33.333%;
}

.stamp__category {
    display: flex;
    align-items: center;
    padding-right: 37.5px;
}

.stamp__link {
    display: block;
    flex-shrink: 0;
    background: url(img/icon-right.svg) no-repeat;
    width: 20px;
    height: 16px;
    margin-left: auto;
}

.stamp__img {
    width: 78px;
    flex-shrink: 0;
    margin-right: 18px;
}

.stamp__img img {
    display: block;
    width: 100%;
    height: auto;
}

.stamp__name {
    color: rgb(108, 100, 100);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 6px;
}

.stamp__name a {
    color: rgb(108, 100, 100);
    text-decoration: none;
}

.stamp__label {
    color: rgb(164, 164, 164);
    font-family: Naga;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}

.stamp__block {
    margin-right: 20px;
}

/* ==========================================================================
   BRAND
   ========================================================================== */
.brand {
    margin: 0 0 40px;
}

.brand .h1 {
    margin: 0 0 30px;
}

.brand__wrapper {
    display: flex;
    align-items: center;
    min-height: 400px;
    border-radius: 10px;
    overflow: hidden;
}

.brand__block {
    flex-grow: 1;
    display: flex;
    padding: 40px 71px;
}

.brand__img {
    align-self: stretch;
    border-radius: 10px;
    flex-shrink: 0;
    width: 46.35%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.brand__logo {
    width: 160px;
    flex-shrink: 0;
    margin-right: 22px;
}

.brand__logo img {
    display: block;
    max-width: 100%;
    height: auto;
}

.brand__text {
    color: rgb(255, 255, 255);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

.brand__more {
    margin-top: 30px;
    font-size: 0;
}

.brand__more a {
    display: inline-block;
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    padding: 13px 24px;
    border-radius: 12px;
    background: rgb(255, 255, 255);
    text-decoration: none;
    transition: all 0.2s ease-out;
}

.brand__more a:hover {
    border-color: rgb(84 73 73);
    background: rgb(84 73 73);
    color: #fff;
}

/* ==========================================================================
   COLUMNS
   ========================================================================== */
.columns {
    margin: 49px 0 105px;
}

.columns__row {
    display: flex;
    flex-wrap: wrap;
    margin: -40px -10px 0;
}

.columns__col {
    width: 25%;
    margin: 40px 0 0;
    padding: 0 10px;
}

.columns__col + .columns__col {
    width: 75%;
}

.columns .title {
    margin-bottom: 20px;
}

/* ==========================================================================
   NAV
   ========================================================================== */
.nav {
    display: block;
    margin: 8px 0 0;
    padding: 0;
    list-style-type: none;
    color: rgb(164, 164, 164);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.nav a {
    color: rgb(65, 55, 55);
    text-decoration: none;
    transition: all 0.2s ease-out;
}

.nav a:hover {
    color: rgb(237, 27, 36);
}

.nav li + li {
    margin-top: 20px;
}

/* ==========================================================================
   PERSONAL
   ========================================================================== */
.personal {
    max-width: 530px;
}

.table {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    width: 100%;
}

.table td {
    padding: 12px 0 12px 10px;
    border-top: 1px solid rgb(217, 217, 217);
}

.table tr:first-child td {
    border-top: none;
}

.table td:first-child {
    padding-left: 0;
    color: rgb(164, 164, 164);
    width: 100px;
}

.personal__edit {
    margin-top: 18px;
}

.personal__edit a {
    display: inline-block;
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    padding: 13px 52px;
    border: 1px solid rgb(65, 55, 55);
    border-radius: 12px;
    text-decoration: none;
    transition: all 0.2s ease-out;
}

.personal__edit a:hover {
    color: #fff;
    background: rgb(84 73 73);
    border-color: rgb(84 73 73);
}

.personal__input {
    max-width: 350px;
}

.personal__input + .personal__input {
    margin-top: 12px;
}

.personal__submit {
    max-width: 290px;
    margin-top: 30px;
}

.button-form {
    color: rgb(255, 255, 255);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    padding: 14px 30px;
    display: block;
    width: 100%;
    border-radius: 12px;
    background: rgb(65, 55, 55);
    border: none;
    transition: all 0.2s ease-out;
}

.button-form:hover {
    border-color: rgb(84 73 73);
    background-color: rgb(84 73 73);
}

.personal__agree {
    margin-top: 10px;
}

.orders-empty {
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.orders-empty p {
    margin: 10px 0;
}

.orders-empty h2 {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    margin: 10px 0;
}

.orders-empty__link {
    margin-top: 30px;
    font-size: 0;
}

.orders-empty__link a {
    display: inline-block;
    color: rgb(255, 255, 255);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    padding: 14px 24px;
    border-radius: 12px;
    background: rgb(65, 55, 55);
    text-decoration: none;
    transition: all 0.2s ease-out;
}

.orders-empty__link a:hover {
    border-color: rgb(84 73 73);
    background-color: rgb(84 73 73);
}

/* ==========================================================================
   ORDERS
   ========================================================================== */
.orders__filter {
    display: flex;
    color: rgb(108, 100, 100);
    font-family: Lack;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 30px;
}

.orders__filter a {
    color: rgb(108, 100, 100);
    text-decoration: none;
    padding-bottom: 2px;
    border-bottom: 2px solid transparent;
}

.orders__filter span {
    color: rgb(65, 55, 55);
    padding-bottom: 2px;
    border-bottom: 2px solid rgb(65, 55, 55);
}

.orders__filter i {
    color: rgb(164, 164, 164);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    font-style: normal;
    margin-left: 10px;
}

.orders__filter * + * {
    margin-left: 24px;
}

.orders__products {
    width: 553px;
    margin-right: 20px;
    flex-shrink: 0;
}

.orders__row {
    display: flex;
    flex-wrap: wrap;
    margin: -10px -5px 0;
}

.orders__col {
    width: 18.655%;
    margin: 20px 0 0;
    padding: 0 5px;
}

.orders__product {
    position: relative;
}

.orders__product a {
    display: block;
    position: relative;
}

.orders__product img {
    display: block;
    width: 100%;
    height: auto;
}

.orders__count {
    position: absolute;
    bottom: 0;
    left: 0;
    color: rgb(255, 255, 255);
    font-family: "Golos Text";
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    padding: 2px 8px;
    background: rgb(65, 55, 55);
}

.orders__item {
    background: rgb(236, 235, 235, 0.4);
    padding: 25px;
}

.orders__header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.orders__caption {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
}

.orders__status {
    color: rgb(255, 255, 255);
    font-family: "Golos Text";
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    padding: 0 8px;
    margin-left: 10px;
}

.orders__status_heading-off {
    background: rgb(188, 156, 107);
}

.orders__status_delivered {
    background: rgb(65, 55, 55);
}

.orders__status_canceled {
    background: rgb(237, 27, 36);
}

.orders__term {
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 24px;
}

.orders__cancel {
    color: rgb(108, 100, 100);
    font-family: Naga;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin-left: auto;
}

.orders__cancel a {
    text-decoration: none;
    color: rgb(237, 27, 36);
    border-bottom: 1px dashed rgb(237, 27, 36);
    transition: all 0.2s ease-out;
}

.orders__cancel a:hover {
    border-color: transparent;
}

.orders__block {
    display: flex;
    align-items: flex-end;
}

.orders__more {
    font-size: 0;
    margin-left: auto;
}

.orders__more a {
    display: inline-block;
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    border: 1px solid rgb(65, 55, 55);
    border-radius: 12px;
    text-decoration: none;
    padding: 12px 23px;
    transition: all 0.2s ease-out;
}

.orders__more a:hover {
    color: #fff;
    background-color: rgb(84 73 73);
    border-color: rgb(84 73 73);
}

.orders__item + .orders__item {
    margin-top: 20px;
}

.orders__status_in-transit {
    background: rgb(82, 132, 169);
}

.orders__status_in-point {
    background: rgb(146, 174, 110);
}

.button-cancel {
    display: inline-block;
    color: rgb(255, 255, 255);
    font-family: Lack;
    font-size: 20px;
    font-weight: 400;
    line-height: 140%;
    padding: 13px 30px;
    min-width: 280px;
    border-radius: 12px;
    background: rgb(65, 55, 55);
    text-decoration: none;
    text-align: center;
    transition: all 0.2s ease-out;
    border: none;
    margin-bottom: 20px;
}

.button-cancel:hover {
    background-color: rgb(84 73 73);
    border-color: rgb(84 73 73);
}

/* ==========================================================================
   ORDER
   ========================================================================== */
.order__cols {
    flex-grow: 1;
    display: flex;
}

.order__header {
    margin-bottom: 40px;
}

.order__number {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 36px;
    font-weight: 400;
    line-height: 120%;
}

.order__term {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    margin-top: 8px;
}

.order__caption {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 23px;
}

.order .table {
    max-width: 553px;
    margin-top: -12px;
}

.order .table td:first-child {
    width: 210px;
}

.order__block + .order__block {
    margin-top: 40px;
}

.order__button {
    margin-top: 18px;
    font-size: 0;
}

.order__button a {
    display: inline-block;
    color: rgb(255, 255, 255);
    font-family: Lack;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    padding: 13px 24px;
    border-radius: 12px;
    background: rgb(65, 55, 55);
    text-decoration: none;
    transition: all 0.2s ease-out;
}

.order__button a:hover {
    background-color: rgb(84 73 73);
    border-color: rgb(84 73 73);
}

.order__product {
    display: flex;
    padding-bottom: 11px;
}

.order__product + .order__product {
    padding-top: 24px;
    border-top: 1px solid rgb(217, 217, 217);
}

.order__img {
    width: 113px;
    flex-shrink: 0;
    margin-right: 20px;
}

.order__img img {
    display: block;
    width: 100%;
    height: auto;
}

.order__left {
    margin-right: 20px;
}

.order__right {
    margin-left: auto;
}

.order__name {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

.order__name a {
    color: rgb(65, 55, 55);
    text-decoration: none;
}

.order__param {
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin-top: 10px;
}

.order__total {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 18px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 7px;
}

.order__price {
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.order__count {
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
}

.order__right {
    text-align: right;
}

.order__copy {
    display: inline-block;
    position: relative;
    top: -1px;
    margin-left: 20px;
    cursor: pointer;
    width: 24px;
    height: 24px;
    background: url(img/icon-copy.svg) no-repeat;
}

/* ==========================================================================
   SUB
   ========================================================================== */
.sub {
    margin: 30px 0 0;
}

.sub__input {
    max-width: 340px;
}

.sub__text {
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 16px;
    font-weight: 400;
    line-height: 120%;
    margin-top: 10px;
}

.sub__buttons .submit {
    width: auto;
}

.sub__buttons {
    margin-top: 30px;
    display: flex;
}

.sub__buttons * + * {
    margin-left: 14px;
}

.sub__email {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 10px;
}

.sub-button-outline {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    padding: 12px 23px;
    border: 1px solid rgb(65, 55, 55);
    border-radius: 12px;
    text-decoration: none;
    text-align: center;
    transition: all 0.2s ease-out;
}

.sub-button {
    color: rgb(255, 255, 255);
    font-family: Lack;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    padding: 12px 23px;
    border: 1px solid rgb(65, 55, 55);
    background-color: rgb(65, 55, 55);
    border-radius: 12px;
    text-decoration: none;
    text-align: center;
    transition: all 0.2s ease-out;
}

.sub-button:hover,
.sub-button-outline:hover {
    color: rgb(255, 255, 255);
    border-color: rgb(84 73 73);
    background-color: rgb(84 73 73);
}

/* ==========================================================================
   FOOTER
   ========================================================================== */
.footer {
    border-top: 3px solid rgb(65, 55, 55);
}

.footer__columns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: -20px -10px 0;
}

.footer__column {
    width: 50%;
    margin: 20px 0 0;
    padding: 0 10px;
}

.footer__info {
    padding: 15px 0 37px;
    background: rgba(108, 100, 100, 0.1);
}

.info {
    padding: 20px 0 0 115px;
    position: relative;
}

.info__block {
    max-width: 364px;
}

.info__img {
    position: absolute;
}

.info__img img {
    display: block;
    max-width: 100%;
    height: auto;
}

.info_delivery .info__img {
    width: 89px;
    left: 0;
    top: -2px;
}

.info_brands .info__img {
    width: 58px;
    left: 24px;
    top: 13px;
}

.info__caption {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 4px;
}

.info__description {
    color: rgb(65, 55, 55);
    font-family: Naga;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}

.footer__middle {
    padding: 45px 0 80px;
}

.footer__row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}

.footer__col {
    width: 16.6%;
    padding: 0 10px;
}

.footer__col:last-child {
    width: 50.2%;
}

.footer__caption {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
    margin: 6px 0 12px;
}

.footer__nav {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    max-width: 180px;
}

.footer__nav a {
    color: rgb(65, 55, 55);
    text-decoration: none;
    transition: all 0.2s ease-out;
}

.footer__nav a:hover {
    color: rgb(237, 27, 36);
}

.footer__nav ul {
    display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.footer__nav li + li {
    margin-top: 14px;
}

.footer__block {
    padding-left: 46px;
}

.subscription {
    max-width: 517px;
}

.subscription__caption {
    color: rgb(65, 55, 55);
    font-family: Lack;
    font-size: 24px;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 6px;
}

.subscription__text {
    color: rgb(65, 55, 55);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 26px;
}

.subscription__form {
    display: flex;
}

.subscription__input {
    display: block;
    height: 50px;
    flex-grow: 1;
    border: 1px solid rgb(217, 217, 217);
    border-radius: 12px;
    background: rgb(249, 249, 249);
    color: rgb(108, 100, 100);
    font-family: "Golos Text";
    font-size: 14px;
    font-weight: 400;
    line-height: 120%;
    padding: 0 20px;
    outline: none;
}

.subscription__input::-webkit-input-placeholder {
    color: rgb(108, 100, 100);
}

.subscription__input::-moz-placeholder {
    color: rgb(108, 100, 100);
}

.subscription__input:-moz-placeholder {
    color: rgb(108, 100, 100);
}

.subscription__input:-ms-input-placeholder {
    color: rgb(108, 100, 100);
}

.subscription__submit {
    display: block;
    height: 50px;
    flex-shrink: 0;
    color: rgb(164, 164, 164);
    font-family: Lack;
    font-size: 16px;
    font-weight: 400;
    line-height: 19px;
    padding: 0 23px;
    border: 1px solid rgb(164, 164, 164);
    border-radius: 12px;
    margin-left: 6px;
    background: #fff;
    transition: all 0.2s ease-out;
}

.subscription__submit:hover {
    border-color: rgb(108, 100, 100);
    background: rgba(217, 217, 217, 0.6);
    color: rgb(0, 0, 0);
}

.footer__socialize {
    margin-top: 48px;
}

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

.socialize__item {
    margin-right: 12px;
}

.socialize__item {
    border-radius: 50%;
    width: 50px;
    height: 50px;
    flex-shrink: 0;
    background: rgb(65, 55, 55) no-repeat center;
    transition: all 0.2s ease-out;
}

.socialize__item:hover {
    background-color: rgb(84 73 73);
}

.socialize__item_tg {
    background-image: url(img/icon-tg.svg);
}

.socialize__item_vk {
    background-image: url(img/icon-vk.svg);
}

.socialize__text {
    max-width: 189px;
    margin-left: 6px;
    color: rgb(65, 55, 55);
    font-family: Naga;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
}

.footer__bottom {
    display: flex;
    align-items: baseline;
    border-top: 1px solid rgb(164, 164, 164);
    padding: 20px 0;
}

.footer__copyright {
    color: rgb(65, 55, 55);
    font-family: Naga;
    font-size: 12px;
    font-weight: 400;
    line-height: 140%;
}

.footer__inn {
    color: rgb(164, 164, 164);
    font-family: "Golos Text";
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    margin-left: 50px;
}

.footer__company {
    color: rgb(164, 164, 164);
    font-family: "Golos Text";
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    margin-left: 20px;
}

.footer__made {
    color: rgb(164, 164, 164);
    font-family: "Golos Text";
    font-size: 12px;
    font-weight: 400;
    line-height: 120%;
    margin-left: auto;
    display: flex;
}

.footer__made a {
    color: rgb(65, 55, 55);
    text-decoration: none;
    padding-left: 11px;
    position: relative;
    margin-left: 10px;
}

.footer__made a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 3.5px;
    background: rgb(237, 27, 36);
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

/* ==========================================================================
   MEDIA
   ========================================================================== */
@media only screen and (max-width: 1439.98px) {
    .container {
        width: 1200px;
        padding: 0 20px;
    }

    .slider .owl-nav {
        left: 253px;
    }

    .slider__info {
        left: 302px;
    }

    .slider__item {
        height: 415px;
    }

    .brands {
        font-size: 39px;
        padding: 22px 0;
    }

    .slider__block {
        padding: 43px 39px 39px;
    }

    .slider .owl-nav {
        bottom: 39px;
    }

    .slider__info {
        bottom: 39px;
    }

    .women__block {
        padding-left: 95px;
    }

    .vantages__title {
        font-size: 83px;
        max-width: 850px;
    }

    .footer__block {
        padding-left: 38px;
    }

    .header__search {
        width: 207px;
    }

    .carousel .owl-next,
    .carousel .owl-prev {
        top: 200px;
    }

    .catalog__column {
        width: 20%;
    }

    .catalog__column + .catalog__column {
        width: 80%;
    }

    .catalog__col {
        width: 33.333%;
    }

    .catalog__top_pictures__caption {
        width: 50%;
    }

    .card__previews {
        margin-right: 20px;
    }

    .card__column {
        width: 60%;
    }

    .card__column + .card__column {
        width: 40%;
    }

    .blog__main {
        margin-left: -10px;
        margin-right: -10px;
    }

    .blog__main-col {
        width: 50%;
        padding: 0 10px;
    }

    .blog__main-col + .blog__main-col {
        width: 50%;
    }

    .blog__name {
        font-size: 42px;
    }

    .blog__main {
        display: block;
        margin: 0 0 60px;
    }

    .blog__main-col {
        width: 100%;
        padding: 0;
    }

    .blog__main-col + .blog__main-col {
        width: 100%;
        margin-top: 25px;
    }

    .article__figure figcaption {
        position: static;
        margin-top: 20px;
        width: auto;
        display: flex;
        align-items: center;
    }

    .article figcaption img {
        flex-shrink: 0;
        margin-bottom: 0;
        margin-right: 20px;
    }

    .breadcrumbs_center {
        max-width: 709px;
    }

    .brand__block {
        padding: 40px;
    }

    .not-found__wrapper {
        padding-left: 70px;
    }
}

@media only screen and (max-width: 1199.98px) {
    .container {
        width: 960px;
    }

    .header__search {
        width: 165px;
    }

    .slider__img {
        width: 50%;
    }

    .slider__block {
        padding: 34px 31px 31px;
    }

    .slider .owl-nav {
        bottom: 31px;
    }

    .slider__info {
        bottom: 31px;
        font-size: 18px;
        width: 58px;
        height: 46px;
        left: 298px;
    }

    .slider__title {
        font-size: 42px;
    }

    .slider__text {
        font-size: 18px;
    }

    .slider .owl-nav {
        width: 150px;
    }

    .slider__button {
        font-size: 16px;
        padding: 11px 20px 11px 20px;
    }

    .slider .owl-prev,
    .slider .owl-next {
        width: 46px;
        height: 46px;
        background-size: 16.8px 12.8px;
    }

    .title {
        font-size: 37px;
    }

    .blog__name {
        font-size: 37px;
    }

    .brands {
        font-size: 32px;
    }

    .women__block {
        padding-left: 76px;
    }

    .vantages__title {
        font-size: 66px;
        max-width: 670px;
    }

    .footer__block {
        padding-left: 30px;
    }

    .article-preview__name {
        font-size: 18px;
    }

    .article-preview__line {
        margin-top: 10px;
    }

    .article-preview__date {
        font-size: 13px;
    }

    .article-preview__tag {
        font-size: 13px;
    }

    .carousel .owl-next,
    .carousel .owl-prev {
        width: 46px;
        height: 46px;
        background-size: 16.8px 12.8px;
    }

    .catalog__column {
        width: 25%;
    }

    .catalog__column + .catalog__column {
        width: 75%;
    }

    .catalog__top_pictures__caption {
        width: 40%;
    }

    .logos__item img {
        max-height: 50px;
    }

    .logos__col:before {
        height: 35px;
    }

    .nl_empty {
        height: 400px;
    }

    .card__column {
        width: 50%;
    }

    .card__column + .card__column {
        width: 50%;
    }

    .card__previews {
        width: 50px;
    }

    .cart__col {
        width: 100%;
    }

    .cart__col + .cart__col {
        width: 100%;
        margin-top: 40px;
    }

    .cart__info {
        max-width: 500px;
    }

    .brand__logo {
        width: 100px;
    }

    .brand__text {
        font-size: 16px;
    }

    .brand__more a {
        font-size: 16px;
    }

    .brand__more {
        margin-top: 20px;
    }

    .not-found__wrapper {
        padding-left: 0;
    }

    .orders__block {
        display: block;
    }

    .orders__products {
        width: auto;
        max-width: 533px;
        margin-right: 0;
    }

    .orders__more {
        margin-top: 20px;
    }

    .stamp__wrapper {
        flex-direction: column;
        min-height: inherit;
    }

    .stamp__cover {
        width: auto;
        height: 600px;
        width: 785px;
        margin: 200px 0 0;
    }

    .stamp__text {
        max-width: 785px;
    }

    .stamp__logo {
        left: 50%;
        transform: translate(-50%, 0);
        top: -180px;
    }
}

@media only screen and (max-width: 991.98px) {
    * {
        -webkit-tap-highlight-color: transparent;
    }

    .container {
        width: 720px;
    }

    .shadow {
        display: block;
    }

    .header__delivery {
        display: none;
    }

    .header__search {
        display: none;
    }

    .header__hamburger {
        display: flex;
    }

    .header__navbar .header__search {
        display: block;
        margin-bottom: 25px;
    }

    .header__search {
        width: 100%;
    }

    .header__search input[type="text"] {
        text-align: left;
    }

    .header__navbar {
        margin: 0;
        z-index: 10;
        width: 264px;
        position: fixed;
        left: -300px;
        top: 0;
        bottom: 0;
        overflow-y: auto;
        background: #fff;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
        padding: 30px 20px;
    }

    .header__close {
        display: block;
    }

    .header__navbar.active {
        left: 0;
    }

    .header__nav ul {
        display: block;
    }

    .header__nav li + li {
        margin-left: 0;
        margin-top: 15px;
    }

    .slider__item {
        flex-direction: column;
    }

    .slider__img {
        height: 400px;
        width: 100%;
        order: 1;
    }

    .slider__block {
        order: 2;
    }

    .slider__item {
        height: auto;
    }

    .slider .owl-nav {
        left: auto;
        right: 31px;
    }

    .slider__info {
        left: auto;
        right: 78px;
    }

    .men .title {
        margin-bottom: 30px;
    }

    .women .title {
        margin-bottom: 30px;
    }

    .vantages__title {
        margin-bottom: 30px;
    }

    .brands {
        font-size: 24px;
    }

    .advantages__item {
        display: block;
    }

    .advantages__block {
        margin-left: 0;
    }

    .advantages__img {
        margin-bottom: 15px;
        width: 100px;
    }

    .carousel .owl-next,
    .carousel .owl-prev {
        top: 150px;
    }

    .women__col {
        width: 40%;
    }

    .women__col + .women__col {
        width: 60%;
    }

    .women__block {
        padding-left: 0;
    }

    .women__img {
        margin-bottom: 15px;
    }

    .women__text {
        font-size: 14px;
    }

    .vantages__title {
        font-size: 52px;
        max-width: 535px;
    }

    .categories__caption {
        font-size: 22px;
    }

    .categories__name {
        font-size: 16px;
    }

    .top {
        display: block;
    }

    .vantages__col {
        width: 50%;
    }

    .vantages__block {
        padding: 20px 0 0;
    }

    .vantages__col:nth-child(odd) .vantages__block {
        padding: 10px 0 20px;
    }

    .article-preview__name {
        font-size: 16px;
    }

    .article-preview__date {
        font-size: 12px;
    }

    .article-preview__tag {
        font-size: 12px;
    }

    .article-preview__img {
        margin-bottom: 15px;
    }

    .article-preview__line {
        margin-top: 5px;
    }

    .footer__col {
        width: 33.333%;
    }

    .footer__block {
        padding-left: 0;
        padding-top: 20px;
    }

    .footer__col:last-child {
        width: 100%;
    }

    .footer__socialize {
        margin-top: 20px;
    }

    .subscription__text {
        margin-bottom: 15px;
    }

    .footer__middle {
        padding: 40px 0;
    }

    .footer__inn {
        margin-left: 20px;
    }

    .catalog__column {
        width: 100%;
    }

    .catalog__column + .catalog__column {
        width: 100%;
    }

    .catalog__show-more {
        margin-top: 30px;
    }

    .blog__show-more {
        margin-top: 30px;
    }

    .catalog__filter {
        margin: 0;
        z-index: 10;
        width: 264px;
        position: fixed;
        left: -300px;
        top: 0;
        bottom: 0;
        overflow-y: auto;
        background: #fff;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
        padding: 35px 20px 30px;
    }

    .catalog__filter.active {
        left: 0;
    }

    .sort__items {
        margin: 0;
        z-index: 10;
        width: 264px;
        position: fixed;
        left: -300px;
        top: 0;
        bottom: 0;
        overflow-y: auto;
        background: #fff;
        box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.08);
        padding: 35px 20px 30px;
        display: block;
        opacity: 1;
        visibility: visible;
        height: auto;
        max-height: inherit;
        border-radius: 0;
    }

    .sort.active {
        z-index: 10;
    }

    .sort.active .sort__items {
        left: 0;
    }

    .sort__close {
        display: block;
    }

    .sort__caption {
        display: block;
    }

    .sort__item span {
        padding-left: 0;
    }

    .catalog__filter-close {
        display: block;
    }

    .filter__item input:checked + span {
        background-color: transparent;
    }

    .filter__block.active .filter__head:after {
        display: none;
    }

    .filter__caption {
        padding: 0;
        border: none;
        color: rgb(65, 55, 55);
        font-family: Lack;
        font-size: 20px;
        font-weight: 400;
        line-height: 110%;
    }

    .filter__caption:after,
    .filter__caption:before {
        display: none;
    }

    .filter-button {
        display: inline-block;
    }

    .filter__item span {
        padding-left: 0;
    }

    .filter {
        flex-direction: column;
        margin: -20px 0 0;
    }

    .filter__block {
        margin: 20px 0 0;
    }

    .filter__items {
        position: static;
        opacity: 1;
        visibility: visible;
        width: auto;
        box-shadow: none;
        padding: 10px 0 0;
    }

    .filter__block_price {
        order: 2;
    }

    .filter__block_price .filter__items {
        width: auto;
        padding-left: 0;
        padding-right: 0;
    }

    .catalog__top_pictures__item {
        height: 200px;
    }

    .catalog__top_pictures .owl-prev,
    .catalog__top_pictures .owl-next {
        width: 40px;
        height: 40px;
        background-size: 16.8px 12.8px;
    }

    .logos__col {
        width: 20%;
    }

    .logos__col:nth-child(6) {
        display: none;
    }

    .card__column {
        width: 100%;
    }

    .card__column + .card__column {
        width: 100%;
        margin-top: 20px;
    }

    .card__previews {
        width: 78px;
        margin-right: 35px;
    }

    .card__gallery {
        flex-direction: column;
    }

    .card__details {
        order: 1;
        display: flex;
    }

    .card__detail {
        flex-grow: 1;
    }

    .card__previews {
        order: 2;
        display: flex;
        flex-wrap: wrap;
        width: auto;
        margin: 12px -4px 0;
    }

    .card__preview {
        width: 12.55%;
        padding: 0 4px;
        margin: 8px 0 0;
    }

    .card__preview + .card__preview {
        margin-top: 8px;
    }

    .article__wrapper {
        max-width: 100%;
        position: static;
    }

    .cart__wrapper {
        display: block;
    }

    .cart__right {
        margin-left: 0;
        margin-top: 15px;
    }

    .cart__block {
        width: 100%;
    }

    .cart__count {
        margin-left: 0;
    }

    .cart__price {
        width: auto;
        margin-left: 40px;
    }

    ≈ {
        width: 33.333%;
    }

    .stamps {
        margin-bottom: 105px;
    }

    .brand__wrapper {
        flex-direction: column;
    }

    .brand__img {
        order: 1;
        height: 400px;
        width: 100%;
    }

    .brand__block {
        order: 2;
    }

    .not-found__img {
        width: 480px;
        position: relative;
        left: -50px;
        margin-top: 10px;
    }

    .not-found__block {
        margin-top: 0;
    }

    .orders__header {
        flex-wrap: wrap;
    }

    .orders__cancel {
        width: 100%;
        margin-top: 5px;
    }

    .columns__col {
        width: 30%;
    }

    .columns__col + .columns__col {
        width: 70%;
    }

    .order__cols {
        display: block;
    }

    .order__right {
        margin-top: 15px;
        text-align: left;
    }

    .filter__items {
        max-height: inherit;
    }

    .stamp__cover {
        width: auto;
    }
}

@media only screen and (max-width: 767.98px) {
    .container {
        width: 540px;
        padding: 0 30px;
        width: 100%;
    }

    .header__cart {
        margin-left: 15px
    }

    .header__hamburger {
        margin-left: 15px;
    }

    .header__profile {
        margin-left: 15px;
    }

    .header__favorites {
        margin-left: 0;
    }

    .men__col {
        width: 50%;
    }

    .men__video {
        position: static;
        width: 100%;
        margin-top: 20px;
    }

    .categories__col {
        width: 50%;
    }

    .categories__col:last-child {
        display: none;
    }

    .articles__col {
        width: 50%;
    }

    .articles__col:last-child {
        display: none;
    }

    .footer__made {
        width: 100%;
        margin-top: 5px;
    }

    .footer__bottom {
        flex-wrap: wrap;
    }

    .footer__column {
        width: 100%;
    }

    .info_brands .info__img {
        left: 15px;
    }

    .stamps {
        margin-bottom: 70px;
    }

    .men,
    .advantages,
    .carousel,
    .women,
    .articles,
    .vantages {
        margin: 70px 0;
    }

    .success {
        margin: 30px 0 70px;
    }

    .contacts,
    .blog {
        margin: 0 0 70px;
    }

    .product__popup {
        position: static;
        visibility: visible;
        opacity: 1;
        box-shadow: none;
        padding: 0 !important;
        margin-top: 15px;
    }

    .carousel_products .carousel__item {
        margin: 0;
    }

    .footer__middle {
        padding-top: 30px;
    }

    .carousel .top {
        margin-bottom: 20px;
    }

    .carousel {
        overflow: hidden;
    }

    .carousel__items {
        margin: 0 -30px 0 0;
        padding: 0 30px 0 0;
        overflow: hidden;
    }

    .carousel .owl-nav {
        display: none;
    }

    .catalog__col {
        width: 50%;
    }

    .show-more {
        font-size: 16px;
        padding: 10px;
    }

    .pagination {
        flex-direction: column;
        align-items: center;
    }

    .pagination__info {
        margin-top: 10px;
    }

    .catalog {
        margin: 20px 0 70px;
    }

    .breadcrumbs {
        margin: 20px 0;
    }

    .h1 {
        margin: 20px 0;
    }

    .logos__col {
        width: 25%;
    }

    .logos__col:nth-child(5) {
        display: none;
    }

    .catalog__top_pictures__item {
        height: 300px;
        flex-direction: column;
    }

    .catalog__top_pictures__img {
        order: 1;
    }

    .catalog__top_pictures__caption {
        order: 2;
        width: auto;
        padding: 15px;
    }

    .catalog__top_pictures__caption {
        font-size: 16px;
    }

    .nl_empty {
        height: auto;
        padding: 50px 20px;
    }

    .card__preview {
        width: 16.6%;
    }

    .card__products .owl-nav {
        display: none;
    }

    .card__products .owl-carousel .owl-stage-outer {
        overflow: visible;
    }

    .card {
        margin-bottom: 70px;
    }

    .blog__filter a {
        padding: 10px 18px;
    }

    .blog__img img {
        height: 350px;
        object-fit: cover;
    }

    .blog__row {
        margin-top: -30px;
    }

    .blog__col {
        width: 50%;
        margin-top: 30px;
    }

    .article {
        margin: 30px 0 70px;
    }

    .article__name {
        font-size: 42px;
    }

    .choose label {
        display: block;
    }

    .choose__wrapper {
        display: none;
    }

    .stamps__row {
        margin-top: -40px;
    }

    .stamps__col {
        width: 50%;
        margin-top: 40px;
    }

    .not-found__wrapper {
        display: block;
    }

    .not-found__img {
        width: auto;
        max-width: 480px;
        margin: 0 auto;
        position: static;
    }

    .not-found {
        margin: 30px 0;
    }

    .not-found__block {
        margin: 30px 0 0;
        text-align: center;
    }

    .not-found__links {
        justify-content: center;
    }

    .columns__col {
        width: 100%;
    }

    .columns__col + .columns__col {
        width: 100%;
    }
}

@media only screen and (max-width: 575.98px) {
    .container {
        width: 100%;
        padding: 0 20px;
    }

    .header__left {
        display: none;
    }

    .header__navbar .header__city {
        display: inline-block;
    }

    .header__navbar .header__search {
        margin-top: 20px;
    }

    .header__center {
        position: static;
        transform: translate(0, 0);
    }

    .header__right {
        margin-left: auto;
    }

    .header__logo {
        width: 130px;
    }

    .subscription__form {
        display: block;
    }

    .subscription__input {
        width: 100%;
    }

    .subscription__submit {
        margin-left: 0;
        margin-top: 10px;
        width: 100%;
    }

    .footer__col {
        width: 100%;
    }

    .footer__nav {
        max-width: inherit;
    }

    .footer__nav ul {
        display: flex;
        flex-wrap: wrap;
        margin: -5px 0 0 -10px;
    }

    .footer__nav li {
        margin: 5px 0 0 10px;
    }

    .footer__nav li + li {
        margin-top: 5px;
    }

    .footer__col + .footer__col {
        margin-top: 25px;
    }

    .footer__caption {
        margin: 0 0 10px;
    }


    .footer__block {
        padding: 0;
    }

    .footer__bottom {
        display: block;
        padding: 20px 0;
    }

    .footer__copyright {
        margin-bottom: 10px;
    }

    .footer__company {
        margin-left: 0;
    }

    .footer__inn {
        margin-left: 0;
    }

    .footer__made {
        margin-top: 10px;
    }

    .footer__info {
        padding: 30px 0;
    }

    .info {
        padding: 0;
    }

    .info__img {
        display: none;
    }

    .info__block {
        max-width: inherit;
    }

    .footer__columns {
        margin-top: -15px;
    }

    .footer__column {
        margin-top: 15px;
    }

    .articles__row {
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-right: -30px;
        margin-left: -30px;
        padding-left: 20px;
        padding-right: 30px;
    }

    .articles__row::-webkit-scrollbar {
        display: none;
    }

    .articles__col {
        width: 90%;
        flex-shrink: 0;
    }

    .articles__col:last-child {
        display: block;
    }

    .article-preview__name {
        font-size: 20px;
    }

    .article-preview__line {
        margin-top: 12px;
    }

    .article-preview__date {
        font-size: 14px;
    }

    .article-preview__tag {
        font-size: 14px;
    }

    .article-preview__img {
        margin-bottom: 20px;
    }

    .title {
        line-height: 110%;
    }

    .vantages__row {
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-right: -30px;
        margin-left: -30px;
        padding-left: 20px;
        padding-right: 30px;
    }

    .vantages__row::-webkit-scrollbar {
        display: none;
    }

    .vantages__col {
        width: 90%;
        flex-shrink: 0;
    }

    .women__col {
        width: 100%;
    }

    .women__col + .women__col {
        width: 100%;
    }

    .categories__col:last-child {
        display: block;
    }

    .categories__row {
        flex-wrap: nowrap;
        overflow-x: auto;
        margin-right: -30px;
        margin-left: -30px;
        padding-left: 20px;
        padding-right: 30px;
    }

    .categories__row::-webkit-scrollbar {
        display: none;
    }

    .categories__col {
        width: 90%;
        flex-shrink: 0;
    }

    .categories__caption {
        font-size: 23px;
    }

    .categories__name {
        font-size: 18px;
    }

    .carousel__items {
        margin: 0;
        padding: 0;
        width: 80%;
        overflow: visible;
    }

    .advantages__col {
        width: 100%;
    }

    .advantages__block {
        margin-left: auto;
        margin-right: auto;
        max-width: 420px;
    }

    .advantages__caption {
        text-align: center;
    }

    .advantages__text {
        text-align: center;
    }

    .advantages__img {
        margin-left: auto;
        margin-right: auto;
    }

    .preview-about__text {
        font-size: 22px;
    }

    .slider__block {
        padding: 20px;
    }

    .slider__img {
        height: 300px;
    }

    .slider__title {
        font-size: 32px;
    }

    .slider__text {
        font-size: 14px;
    }

    .more {
        font-size: 16px;
    }

    .preview-about__more {
        margin-top: 10px;
    }

    .title {
        font-size: 32px;
    }

    .blog__main {
        margin-bottom: 40px;
    }

    .blog__name {
        font-size: 26px;
    }

    .card__name {
        font-size: 32px;
    }

    .card__category {
        font-size: 14px;
    }

    .women .title,
    .men .title {
        margin-bottom: 20px;
    }

    .slider .owl-nav {
        display: none;
    }

    .slider__info {
        display: none;
    }

    .slider__button {
        font-size: 14px;
    }

    .slider__button {
        padding: 7px 20px;
    }

    .slider .owl-carousel .owl-stage-outer {
        overflow: visible;
    }

    .slider__wrapper {
        padding-right: 30px;
        margin-right: -30px;
    }

    .popup {
        padding: 35px 15px 30px;
    }

    .popup__title {
        margin-bottom: 20px;
    }

    .popup__field + .popup__field {
        margin-top: 20px;
    }

    .popup__code .popup__label span {
        display: inline-block;
    }

    .popup__back {
        left: 15px;
        top: 30px;
    }

    .popup button.mfp-close {
        top: 15px;
        right: 15px;
    }

    .code__inputs input {
        font-size: 22px;
        height: 60px;
        width: 60px;
    }

    .popup__button {
        margin-top: 15px;
    }

    .socialize-auth__item {
        flex-direction: column;
        align-items: center;
    }

    .socialize-auth__item:before {
        margin-right: 0;
        margin-bottom: 5px;
    }

    .socialize-auth__item:before {
        width: 25px;
        height: 25px;
    }

    .submit {
        font-size: 18px;
    }

    .catalog__col {
        width: 100%;
    }

    .catalog__top_pictures .owl-nav {
        display: none;
    }

    .catalog__top_pictures .owl-carousel .owl-stage-outer {
        overflow: visible;
    }

    .logos__col:nth-child(5) {
        display: block;
    }

    .logos__col:nth-child(6) {
        display: block;
    }

    .logos__col {
        width: auto;
        flex-shrink: 0;
        padding: 0 15px;
        margin: 0;
    }

    .logos__row {
        overflow-x: auto;
        margin: 0 -15px;
    }

    .logos__row::-webkit-scrollbar {
        display: none;
    }

    .logos__item img {
        min-height: 55px;
    }

    .logos__col:before {
        height: 45px;
        display: none;
    }

    .card table {
        font-size: 14px;
    }

    .card__model:before {
        margin-bottom: 5px;
    }

    .card__products {
        width: 80%;
    }

    .blog__img img {
        height: 300px;
    }

    .blog__col {
        width: 100%;
    }

    .h1 {
        font-size: 42px;
    }

    .article__name {
        font-size: 32px;
    }

    .article .article__main {
        font-size: 18px;
    }

    .article {
        font-size: 14px;
    }

    .article h2 {
        font-size: 24px;
        margin: 40px 0 20px;
    }

    .cart__product {
        display: block;
    }

    .cart__img {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .cart__button {
        font-size: 16px;
        padding: 15px;
    }

    .contacts__phone,
    .contacts__address,
    .contacts__email {
        font-size: 18px;
    }

    .contacts__label {
        font-size: 14px;
    }

    .contacts__button {
        font-size: 18px;
    }

    .captcha__img {
        margin-left: 10px;
        width: 120px;
    }

    .success__text {
        font-size: 16px;
    }

    .success__detail table,
    .success__detail tr,
    .success__detail tbody,
    .success__detail td {
        display: block;
    }

    .success__detail td {
        padding: 0;
        border-top: none;
    }

    .success__detail tr:first-child td {
        width: auto;
    }

    .success__detail tr + tr {
        margin-top: 20px;
    }

    .success__col {
        width: 33.333%;
    }

    .ordres__col {
        width: 33.333%;
    }

    .success__buttons {
        display: block;
    }

    .success__button + .success__button {
        margin-left: 0;
        margin-top: 10px;
    }

    .success__button .big-button {
        display: block;
        width: 100%;
    }

    .stamps__col {
        width: 100%;
    }

    .stamps__filter a {
        padding-left: 17px;
        padding-right: 17px;
    }

    .stamps__control {
        display: block;
        margin-bottom: 40px;
    }

    .stamps__view {
        margin-bottom: 0;
        margin-top: 20px;
    }

    .brand__block {
        display: block;
        padding: 30px 20px;
    }

    .brand__text {
        font-size: 14px;
    }

    .brand__more a {
        font-size: 14px;
    }

    .brand__logo {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .not-found__title {
        font-size: 62px;
    }

    .not-found__text {
        font-size: 20px;
        line-height: 120%;
    }

    .orders__col {
        width: 33.333%;
    }

    .orders__item {
        padding: 15px 10px;
    }

    .orders__header {
        flex-direction: column;
        align-items: flex-start;
    }

    .orders__status {
        margin-left: 0;
        margin-top: 5px;
    }

    .columns {
        margin: 30px 0 70px;
    }

    .orders__filter {
        font-size: 17px;
    }

    .orders__filter * + * {
        margin-left: 15px;
    }

    .table {
        font-size: 14px;
    }

    .order__product {
        display: block;
    }

    .order__img {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .order .table td:first-child {
        width: auto;
    }

    .table td:first-child {
        width: auto;
    }

    .sub__buttons {
        flex-direction: column;
    }

    .sub__buttons * + * {
        margin-left: 0;
        margin-top: 14px;
    }

    .sub__email {
        font-size: 16px;
    }

    .stamp__cover {
        height: 400px;
    }
}