/*! normalize.css v3.0.3 | MIT License */

/*#preloader-main {*/
/*    position: fixed;*/
/*    left: 0;*/
/*    top: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    overflow: hidden;*/
/*    background: #fff;*/
/*    z-index: 1000001;*/
/*    display: -webkit-box;*/
/*    display: -webkit-flex;*/
/*    display: -moz-box;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-pack: center;*/
/*    -webkit-justify-content: center;*/
/*    -moz-box-pack: center;*/
/*    -ms-flex-pack: center;*/
/*    justify-content: center;*/
/*    -webkit-box-align: center;*/
/*    -webkit-align-items: center;*/
/*    -moz-box-align: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*}*/

/*#loading-dj-store {*/
/*    width: 100px;*/
/*    height: 100px;*/
/*}*/

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button,
select,
option {
    -webkit-appearance: none;
}

input[type='number'] {
    -moz-appearance: textfield;
}

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

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

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

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

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

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

.grecaptcha-badge {
    position: absolute;
    margin: -1px;
    width: 1px;
    height: 1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
}

a,
button,
span,
div,
li,
input,
textarea {
    outline: none;
}

input,
textarea {
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
}

@keyframes bounce {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

:root {
    --main-color: #5568FF;
    --main-color-hover: #4554CC;
    --main-color-second: #ECEDFB;
    --main-color-third: transporant;
    --main-color-fourth: rgba(85, 104, 255, 0.1);
    --main-color-fifth: #919DFD;
    --main-color-sixth: rgba(43, 45, 58, 0.6);
    --main-color-seventh: #2B2D3A;
    --main-color-eighth: #000000;
    --main-color-ninth: #5F616A;
    --main-color-tenth: rgba(43, 45, 58, 0.1);
    --main-color-eleventh: #EBEEF5;
    --main-color-twelfth: #19C139;
    --main-color-thirteenth: #3C49B3;
}

img, legend {
    border: 0
}

legend, td, th {
    padding: 0;
}

body {
    margin: 0;
    overflow-x: hidden !important;
}

article, aside, details, figcaption, figure, footer, header, 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: var(--main-color-third);
    text-decoration: none;
}

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

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

optgroup, strong {
    font-weight: 600
}

b {
    font-weight: 400;
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .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: -.5em
}

sub {
    bottom: -.25em
}

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

figure {
    margin: 1em 40px
}

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

pre, textarea {
    overflow: auto
}

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

button {
    overflow: visible
}

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;
}

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
}

textarea:focus, input[type=text]:focus, input[type=email]:focus, input[type=search]:focus, input[type=checkbox]:focus, input[type=radio]:focus {
    outline: none;
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

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

/* ####### Main CSS ####### */

html {
    background: #ffffff;
    font-family: "Montserrat", "Arial", sans-serif !important;
    font-weight: 400;
    font-size: 12px;
    color: var(--main-color-seventh);
}

/*body {
	background: #fff;
	width: 1000px;
	margin: 0 auto;
	box-shadow: 0 0 20px #c0c0c0;
}*/

.fs16 {
    font-weight: 500;
    font-size: 16px;
}

.text_green {
    color: var(--main-color-twelfth);
}

.text_green:hover {
    color: #17B235;
}

.text_orange {
    color: #FABE64;
}

#bg-l, #bg-r {
    position: absolute;
    top: 0;
    background-repeat: no-repeat;
    width: calc((100% - 1000px) / 2);
    width: -webkit-calc((100% - 1000px) / 2);
    height: 568px;
    height: 1068px;
    z-index: -1;
}

/*#bg-l {*/
/*    left: 0;*/
/*    background-position: top right;*/
/*}*/

/*#bg-r {*/
/*    right: 0;*/
/*    background-position: top left;*/
/*}*/

/*.bg1 {*/
/*    background-image: url(../images/bg/1.jpg);*/
/*}*/

/*.bg2 {*/
/*    background-image: url(../images/bg/2.jpg);*/
/*}*/

/*.bg3 {*/
/*    background-image: url(../images/bg/3.jpg);*/
/*}*/

/*.bg4 {*/
/*    background-image: url(../images/bg/4.jpg);*/
/*}*/

/*.bg5 {*/
/*    background-image: url(../images/bg/5.jpg);*/
/*}*/

/*.bg6 {*/
/*    background-image: url(../images/bg/6.jpg);*/
/*}*/

/*.bg7 {*/
/*    background-image: url(../images/bg/7.jpg);*/
/*}*/

/*.bg8 {*/
/*    background-image: url(../images/bg/8.jpg);*/
/*}*/

/*.bg9 {*/
/*    background-image: url(../images/bg/9.jpg);*/
/*}*/

/*.bg10 {*/
/*    background-image: url(../images/bg/10.jpg);*/
/*}*/

/*.bg11 {*/
/*    background-image: url(../images/bg/11.jpg);*/
/*}*/

/*.bg12 {*/
/*    background-image: url(../images/bg/12.jpg);*/
/*}*/

/*.bg13 {*/
/*    background-image: url(../images/bg/13.jpg);*/
/*}*/

/*.bg14 {*/
/*    background-image: url(../images/bg/14.jpg);*/
/*}*/

/*.bg15 {*/
/*    background-image: url(../images/bg/15.jpg);*/
/*}*/

.bg-wrapper {
    /*background: #fff;*/
    width: 1000px;
    margin: 0 auto;
}

/* ####### General ####### */

audio, canvas, iframe, img, svg, video {
    vertical-align: middle;
}

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid rgba(43, 45, 58, 0.05);
    margin: 1em 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

a {
    color: var(--main-color-seventh);
}

a:hover {
    color: var(--main-color);
}

h1, h2, h3, h4, ul, ol, p, figure {
    padding: 0;
    margin: 0;
}

h1 {
    font-size: 34px;
}

/*p {*/
/*    margin-bottom: 10px;*/
/*}*/

ul li {
    list-style: none;
}

form label em {
    color: #f00;
}

.strong {
    font-weight: bold;
}

.button {
    display: block;
    background-color: var(--main-color);
    font-weight: 600;
    line-height: 35px !important;
    text-align: center;
    text-decoration: none;
    color: #fff !important;
    height: 35px;
    border-radius: 4px;
    letter-spacing: 0.2px;
    font-size: 14px;
    padding-left: 30px;
    background-image: url("../images/basket.svg");
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 44px center;
}

.button:hover {
    background-color: var(--main-color-hover);
    color: #fff !important;
}

.button:hover {
    color: #fff;
}

.button.btn-under-order:hover {
    background: var(--main-color);
}

.button.gray {
    background: #98abbd;
}

.button-yellow {
    background: #FFEB3B;
    color: black;
}

#cut {
    display: none;
}

#show-all {
    text-decoration: none;
    text-transform: lowercase;
    border-bottom: 1px dashed #4d4d4d;
}

#show-all:hover {
    border-bottom-color: var(--main-color);
}

/* ####### Header ####### */

header, header a {
    color: var(--main-color-seventh);
}

/*header aside ul {*/
/*    padding: 2px;*/
/*    margin: 0 0 0 20px;*/
/*    padding-bottom: 8px;*/
/*    padding-top: 10px;*/
/*}*/

header aside li {
    line-height: 1;
    padding: 0 14px;
}

header aside.main-menu li {
    padding: 0 8px;
}

.header .user-block li {
    padding: 0;
}

header aside li {
    float: left;
}

header aside li:first-of-type, .header .user-block li:first-of-type {
    padding-left: 0;
}

header aside li:last-of-type, .header .user-block li:last-of-type {
    border-right: none;
    padding-right: 0;
}

header aside li a {
    text-decoration: none;
    padding-top: 10px;
    padding-bottom: 8px;
    display: block;
}

header .make-order {
    float: right;
    margin-top: 0px;
    padding-top: 8px;
    padding-bottom: 8px;
}

header .make-order a:first-of-type {
    margin-right: 8px;
}

header .header {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 24px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

header .header .logo {
    width: max-content;
}

header .header .logo a {
    display: block;
    width: max-content;
}

.header.clear:before, .header.clear:after {
    display: none;
}

header .header .info {
    width: 395px;
}

header .header .info .phone {
    margin: 0 0 16px 0;
    display: inline-block;
    font-weight: normal;
    font-size: 11px;
    letter-spacing: -0.02em;
    color: rgba(43, 45, 58, 0.45);
}

header .header .info .phone.info-phone-main {
    margin-right: 24px;
}

header .header .info .phone strong,
header .header .info .phone a {
    font-size: 13px;
    color: var(--main-color-seventh);
    text-decoration: none;
    font-weight: 500;
}

header .header .info .phone a:hover {
    color: var(--main-color);
}

header .user-block {
    display: flex;
    flex-wrap: wrap;
    width: 297px;
    justify-content: space-between;
}

header .user-block ul {
    width: 94px;
}

header .user-block .login {
    display: block;
    width: 100%;
}

header .user-block .login a,
header .user-block .name a {
    font-weight: 400;
    font-size: 13px;
    color: var(--main-color-seventh);
    display: block;
    width: 100%;
    text-align: right;
}

header .user-block .login a span,
header .user-block .name a span {
    display: block;
    margin-top: 4px;
}

header .user-block .login a svg {
    fill: var(--main-color-seventh);
    margin-right: 9px;
}

.user-block .name a svg {
    fill: var(--main-color-seventh);
}

header .navigation-mobile .user-block .login a svg {
    fill: rgba(43, 45, 58, 0.3);
    margin-right: 0;
}

header .user-block .name a {
    background-position: center 0;
    text-align: center;
}

header .user-block .status-button {
    width: 100px;
}

header .user-block .status-button a {
    font-weight: 400;
    font-size: 13px;
    color: var(--main-color-seventh);
    display: block;
    width: 100%;
}

header .user-block .status-button a svg {
    fill: var(--main-color-seventh);
}

header .user-block .status-button a span {
    display: block;
    margin-top: 4px;
}

header .user-block .cart-button {
    display: block;
    font-weight: 400;
    font-size: 13px;
    text-decoration: none;
    color: var(--main-color-seventh);
    text-align: center;
    width: 60px;
    position: relative;
}

header .user-block .cart-button .cart-wrapper {
    position: relative;
}

header .user-block .cart-button .cart-wrapper svg {
    fill: var(--main-color-seventh);
}

header .user-block .cart-button img {
    margin: 18px 70px;
}

header .user-block .cart-button > div {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    margin-bottom: 4px;
}

header .cart-wrapper ._rub {
    display: none;
}

header .cart-wrapper .cart-note {
    font-size: 0;
}

header .user-block .cart-button .cart-wrapper span.cart-amount {
    background: #E4666E;
    color: #FFFFFF;
    position: absolute;
    left: 21px;
    top: -17px;
    border-radius: 50%;
    text-align: center;
    display: block;
    min-width: 20px;
    height: 20px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 10px;
    line-height: 20px;
    width: max-content;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
}

header .user-block .defer a, .goods-slider-block .defer, #cat-items > div .defer {
    display: block;
    background: url(../images/main-sprite.png) -3px -717px no-repeat;
    line-height: 15px;
    text-align: center;
}

/* ####### Navigation ####### */

.nav-block {
    padding: 0 10px;
}

.navigation {
    position: relative;
    padding: 12px 10px;
    padding-top: 0;
    padding-bottom: 32px;
}

.navigation nav {
    position: absolute;
    width: 197px;
    z-index: 10;
}

.navigation nav > ul {
    position: relative;
    background-color: #F9FAFF;
    border-radius: 8px 0 0 8px;
    box-shadow: 0 0 16px rgba(45, 45, 45, 0.08);
    margin-top: 16px;
}

#catalog-button.catalog-active:before {
    display: block;
    width: 38px;
    height: 33px;
    left: 7px;
    bottom: -35px;
    position: absolute;
    background-image: url("/static/images/polygon-nav.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    filter: drop-shadow(0px 0px 4px rgba(42, 42, 42, 0.2));
}

.navigation nav > ul li a {
    display: block;
    font-weight: 600;
    line-height: 36px;
    text-decoration: none;
    color: var(--main-color-seventh);
    height: 36px;
    padding: 0 20px;
}

#catalog-button {
    display: block;
    position: relative;
    background-color: var(--main-color);
    font-weight: 600;
    font-size: 14px;
    letter-spacing: -0.02em;
    text-decoration: none;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 51px;
    padding-right: 16px;
    border-radius: 4px;
    text-align: center;
}

#catalog-button:hover {
    background-color: var(--main-color-hover);
}

#catalog-button div {
    display: flex;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    background-color: transparent;
    border: none;
    padding: 0;
    flex-direction: column;
    justify-content: center;
    transition: .3s;
    content: "";
    position: absolute;
    top: 9px;
    left: 16px;
}

#catalog-button div span {
    width: 20px;
    height: 2px;
    border-radius: 2px;
    display: block;
    background-color: #fff;
    transition: .3s;
}

#catalog-button div span:first-child {
    margin-bottom: 3px;
}

#catalog-button div span:last-child {
    margin-top: 3px;
}

#catalog-button.catalog-active div span:first-child {
    transform: rotate(-45deg);
    margin-bottom: -2px;
}

#catalog-button.catalog-active div span:nth-child(2) {
    opacity: 0;
}

#catalog-button.catalog-active div span:nth-child(3) {
    margin-top: -2px;
    transform: rotate(45deg);
}

.navigation nav ul div {
    display: none;
    position: absolute;
    top: 0;
    left: 195px;
    background: #fff;
    width: 764px;
    box-sizing: border-box;
    padding: 20px 25px;
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
    border-radius: 0 8px 8px 0;
    box-shadow: 0 0 16px rgba(45, 45, 45, 0.08);
    min-height: 432px;
}

.navigation nav ul div > ul {
    display: inline-block;
    width: 100%;
}

.navigation nav ul div > ul > li a {
    background: none;
    font-weight: normal;
    line-height: 1.4;
    text-transform: none;
    height: auto;
    padding: 5px;
    border-bottom: none;
}

.navigation nav ul div > ul > li > a {
    font-weight: 600;
    padding: 8px 5px;
    font-size: 13px;
}

.navigation .search {
    float: right;
    margin-right: 25px;
}

.navigation .search input {
    float: left;
    position: relative;
    font-size: 14px;
    color: var(--main-color-seventh);
    /*line-height: 35px;*/
    width: 360px;
    height: 38px;
    padding: 0 15px;
    border: none;
    background-color: var(--main-color-second);
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid var(--main-color-fifth);
    padding-top: 8px;
    padding-bottom: 8px;
    box-sizing: border-box;
    resize: none;
    appearance: none;
}

.navigation .search input::placeholder {
    font-weight: 500;
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 0;
    color: var(--main-color-sixth);
    background-image: url("../images/search.svg");
    background-size: 16px 16px;
    background-position: 0 center;
    background-repeat: no-repeat;
    padding-left: 25px;
    letter-spacing: -0.5px;
}

.navigation .search button {
    background-color: var(--main-color-second);
    font-weight: bold;
    font-size: 15px;
    line-height: 35px;
    /*text-transform: lowercase;*/
    color: #fff;
    width: 115px;
    height: 38px;
    border: none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid var(--main-color-fifth);
    border-top: 1px solid var(--main-color-fifth);
    border-bottom: 1px solid var(--main-color-fifth);
    padding: 0;
}

.navigation .search button:hover {
    background-color: var(--main-color);
}

.navigation .search button span {
    display: block;
    line-height: 33px;
    background-size: 24px;
    font-weight: 500;
    font-size: 15px;
    line-height: 36px;
    color: var(--main-color-seventh);
}

.navigation .search button span:hover {
    color: #ffffff;
}

#search-suggestions {
    display: none;
    position: absolute;
    top: 47px;
    background: #fff;
    width: 503px;
    height: 385px;
    border: 1px solid #dcdcdc;
    overflow: auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
    z-index: 10;
}

#search-suggestions li {
    height: 55px;
}

#search-suggestions a {
    display: block;
    text-decoration: none;
    color: #4d4d4d;
    padding: 10px;
    border-bottom: 1px solid #f0f0f0;
}

#search-suggestions li:last-of-type a {
    border-bottom: none;
}

#search-suggestions .img {
    display: inline-block;
    text-align: center;
    width: 40px;
    height: 35px;
    margin-right: 15px;
}

#search-suggestions img {
    max-width: 40px;
    max-height: 35px;
}

#search-suggestions mark {
    background: none;
    color: #d0252a;
}

#search-suggestions .price {
    float: right;
    display: block;
    line-height: 35px;
    margin-left: 15px;
}

.navigation .brands {
    float: right;
    position: relative;
}

.navigation .brands > a {
    font-size: 11px;
    text-decoration: none;
    text-transform: uppercase;
    color: #999;
    cursor: default;
}

.navigation .brands > a:after {
    content: "";
    float: right;
    display: block;
    background: #5e5e5e url(../images/main-sprite.png) 2px -108px no-repeat;
    width: 30px;
    height: 11px;
    padding: 12px;
}

.navigation .brands > a span {
    float: left;
    display: block;
    width: 160px;
    padding: 10px;
}

#brand-list {
    display: none;
    position: absolute;
    top: 35px;
    background: #fff;
    width: 232px;
    height: 385px;
    border: 1px solid #dcdcdc;
    overflow: auto;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
    z-index: 10;
}

#brand-list > ul {
    padding-bottom: 20px;
}

#brand-list li strong {
    display: block;
    padding: 15px 15px 0;
    border-bottom: 1px solid #f0f0f0;
}

#brand-list li li a {
    display: block;
    line-height: 19px;
    text-decoration: none;
    padding: 0 15px;
}

/* ####### Promo slider ####### */

.promo-slider-block .caroufredsel_wrapper {
    margin: 0 0 10px auto !important;
}

#promo-slider img {
    width: 100%;
    height: 336px;
}

#promo-slider a {
    float: left;
    display: block;
    height: 336px;
    overflow: hidden;
}

#promo-slider-nav {
    text-align: center;
    margin: 10px 0 20px auto;
}

#promo-slider-nav span.swiper-pagination-bullet {
    display: inline-block;
    background: #fff;
    width: 6px;
    height: 6px;
    margin: 0 3px;
    border: 1px solid var(--main-color-ninth);
    border-radius: 50%;
    outline: none;
    vertical-align: middle;
    opacity: 0.5;
}

#promo-slider-nav span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    border-color: var(--main-color);
    background-color: var(--main-color);
    width: 12px;
    height: 12px;
    opacity: 1;
    animation: bounce .8s;
}

/* ####### Page content ####### */

section {
    min-height: 500px;
    padding: 0 10px 25px;
    padding-bottom: 0;
}

section h1 {
    font-weight: normal;
    font-size: 20px;
    margin: 0 0 32px 10px;
}

section.search-page > h1 {
    display: none;
}

section ul {
    margin-bottom: 10px;
}

section ul li {
    margin-bottom: 2px;
}

section div.cat-desc ul li {
    margin-bottom: 6px;
    list-style-type: decimal;
    margin-left: 13px;
}

section .tabs {
    position: relative;
    margin: 52px 0 24px 0;
}

section .tab {
    float: left;
    background: var(--main-color-third);
    width: 162px;
    margin-right: 10px;
    border-radius: 6px;
    color: var(--main-color);
}

section .tab.active {
    background: var(--main-color-fourth);
}

section .tabs .tab a {
    display: block;
    font-weight: 600;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    color: var(--main-color);
    padding: 10px;
    letter-spacing: -0.2px;
}

section .tabs .more, .brands-slider-block .more {
    right: 0;
    bottom: 0;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    color: var(--main-color-seventh);
    margin-left: auto;
    display: block;
    width: max-content;
    padding-top: 10px;
}

section .tabs .more svg,
.brands-slider-block .more svg {
    fill: var(--main-color-seventh);
    margin-left: 3px;
}

.brands-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 24px;
}

/* ####### Main page ####### */

.goods-slider-block, .goods-slider2-block {
    padding-bottom: 20px;
}

.goods-slider-block .caroufredsel_wrapper, .goods-slider2-block .caroufredsel_wrapper {
    border: 1px solid #d6d6d6;
}

.goods-slider-block .caroufredsel_wrapper, #goods-slider, .goods-slider2-block .caroufredsel_wrapper, #goods-slider2 {
    width: 916px;
    /*height: 230px;*/
    overflow: hidden;
}

#goods-slider-prev, #goods-slider-next, #goods-slider2-prev, #goods-slider2-next {
    float: left;
    width: 13px;
    height: 151px;
    padding-top: 121px;
}

#goods-slider-prev, #goods-slider, #goods-slider2-prev, #goods-slider2 {
    margin-right: 17px;
}

#goods-slider-prev span, #goods-slider-next span, #goods-slider2-prev span, #goods-slider2-next span, #brands-slider-prev span, #brands-slider-next span, #goods-slider3-prev, #goods-slider3-next, #goods-slider4-prev, #goods-slider4-next {
    display: block;
    background: url(../images/main-sprite.png) -18px -161px no-repeat;
    width: 13px;
    height: 29px;
    cursor: pointer;
}

#goods-slider-prev span:hover, #goods-slider2-prev span:hover, #brands-slider-prev span:hover, #goods-slider3-prev:hover, #goods-slider4-prev:hover {
    background-position: -18px -311px;
}

#goods-slider-next span, #goods-slider2-next span, #brands-slider-next span, #goods-slider3-next, #goods-slider4-next {
    background-position: -20px -211px;
}

#goods-slider-next span:hover, #goods-slider2-next span:hover, #brands-slider-next span:hover, #goods-slider3-next:hover, #goods-slider4-next:hover {
    background-position: -20px -261px;
}

#goods-slider, #goods-slider2 {
    float: left;
    width: 916px;
}

#goods-slider div, #goods-slider2 div {
    float: left;
    background: #fff;
    width: 153px;
    height: 240px;
    padding: 15px;
    border-right: 1px solid #d6d6d6;
}

#goods-slider a, #goods-slider2 a {
    display: block;
}

#goods-slider .img, #goods-slider2 .img {
    text-align: center;
    height: 95px;
    margin-bottom: 10px;
}

#goods-slider img, #goods-slider2 img {
    max-width: 156px;
    max-height: 95px;
}

#goods-slider h3, #goods-slider2 h3 {
    font-size: 14px;
    line-height: 1.2;
    color: var(--main-color-seventh);
    height: 35px;
    margin-bottom: 10px;
}

#goods-slider h3 a, #goods-slider2 h3 a {
    text-decoration: none;
    color: var(--main-color-seventh);
}

#goods-slider .old-price, #cat-items > div .old-price {
    text-decoration: line-through;
    color: #E4666E;
    font-weight: 500;
    font-size: 12px;
}

#cat-items .old-price span {
    display: inline-block;
    text-align: left;
    padding: 0;
    height: auto;
}

#goods-slider .price, #goods-slider2 .price, #cat-items > div .price {
    color: var(--main-color-seventh);
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 16px;
}

#cat-items .price span {
    padding: 0;
    height: auto;
    text-align: left;
    display: inline-block;
}

#goods-slider .price strong, #goods-slider2 .price strong, #cat-items > div .price strong {
    font-size: 21px;
}

.goods-slider2-block .caroufredsel_wrapper, #goods-slider2 {
    height: 215px;
}

#goods-slider2-prev, #goods-slider2-next {
    height: 146px;
    padding-top: 111px;
}

#goods-slider2 div {
    height: 225px;
}

.goods-slider-block .defer, #cat-items > div .defer {
    text-decoration: none;
    text-transform: lowercase;
    width: 125px;
    margin: 0 auto;
}

.brands-slider-block {
    position: relative;
    margin-bottom: 52px;
    margin-top: 46px;
}

.brands-slider-block .caroufredsel_wrapper {
    width: 100% !important;
    height: 63px !important;
    overflow: hidden;
}

#brands-slider {
    width: 100%;
    height: 63px;
    display: flex;
}

#brands-slider a {
    display: block;
    margin-right: 16px;
    width: 143px;
    height: 63px;
}

#brands-slider-next {
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: var(--main-color-second);
    border-radius: 50%;
    right: -16px;
    top: 61%;
    z-index: 1;
    box-shadow: 0 0 20px rgba(45, 45, 45, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#category-slider-next {
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: var(--main-color-second);
    border-radius: 50%;
    right: -16px;
    top: 30%;
    z-index: 1;
    box-shadow: 0 0 20px rgba(45, 45, 45, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#brands-slider-prev {
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: var(--main-color-second);
    border-radius: 50%;
    left: -7px;
    top: 61%;
    z-index: 1;
    box-shadow: 0 0 20px rgba(45, 45, 45, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#category-slider-prev {
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: var(--main-color-second);
    border-radius: 50%;
    left: 0;
    top: 30%;
    z-index: 1;
    box-shadow: 0 0 20px rgba(45, 45, 45, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

#brands-slider-prev svg,
#brands-slider-next svg,
#category-slider-prev svg,
#category-slider-next svg {
    stroke: var(--main-color-seventh);
}

#brands-slider-prev, #brands-slider {
    margin-right: 15px;
}

#brands-slider-prev.swiper-button-disabled,
#brands-slider.swiper-button-disabled,
#category-slider-next.swiper-button-disabled,
#category-slider-prev.swiper-button-disabled {
    display: none;
}

.main-page .news-block {
    margin-bottom: 52px;
    margin-top: 52px;
}

.main-page .news-block h2 {
    display: inline-block;
    font-size: 20px;
    color: var(--main-color-seventh);
    font-weight: 600;
    letter-spacing: -0.01em;
    margin: 0 16px 16px 0;
}

.main-page .news-block .all {
    display: inline-block;
    color: var(--main-color);
}

.main-page .news-block .all:hover {
    color: var(--main-color-hover);
}

.main-page .news-block .reviews {
    position: relative;
    width: 220px;
}

.main-page .news-block .reviews .comments {
    height: 340px;
    overflow-y: scroll;
}

.main-page .news-block .reviews .comments article {
    font-size: 11px;
    padding: 5px 0;
}

.main-page .news-block .reviews h3 {
    font-size: 14px;
    margin-bottom: 5px;
}

.main-page .news-block .reviews p {
    margin-bottom: 5px;
}

.reviews .grade .star {
    float: left;
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("/static/images/star.svg");
    background-size: 16px 16px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.reviews .grade .star.empty {
    background-position: 0 -14px;
}

.main-page .news-block .reviews .footer {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #fff;
    width: 220px;
    padding: 0 20px 20px;
    box-shadow: 0 -35px 30px -5px #fff;
}

.main-page .news-block .reviews .footer .button-yellow {
    display: block;
    border: 1px solid var(--main-color);
    font-size: 13px;
    text-align: center;
    text-decoration: none;
    color: var(--main-color);
    background-color: var(--main-color-third);
    width: 130px;
    padding: 6px 25px;
    border-radius: 4px;
}

.main-page .news-block .reviews .footer .button-yellow:hover {
    background-color: var(--main-color);
    color: #ffffff;
}

.main-page .news-block .news article {
    clear: both;
    margin-bottom: 25px;
    min-height: 60px;
}

.main-page .news-block .news article:last-of-type {
    margin-bottom: 0;
}

.main-page .news-block .news article a {
    display: block;
    text-decoration: none;
    color: var(--main-color-seventh);;
}

.main-page .news-block .news img {
    float: left;
    max-width: 60px;
    max-height: 60px;
    margin-right: 20px;
    border-radius: 8px;
}

.main-page .news-block .news time {
    display: block;
    font-size: 11px;
}

.main-page .news-block .news p {
    font-weight: 600;
    color: var(--main-color);
}

.main-page .news-block .vk {
    width: 200px;
}

.main-page .banner-970x145 {
    margin-bottom: 25px;
    outline: 1px solid #d6d6d6;
}

.main-page .banner-970x145 a, .main-page .banner-470x115 a {
    display: block;
}

.main-page .banner-970x145, .main-page .banner-970x145 img {
    width: 970px;
    height: 145px;
}

.main-page .banner-470x115 a {
    float: left;
    /* outline: 1px solid #d6d6d6; */

    width: 50%;
    text-align: center;
    outline: none;
    margin: 0;
}

.main-page .banner-470x115 a:first-of-type {
    /* margin-right: 40px; */
}

/*
.main-page .banner-470x115 img {
	width: 470px;
	height: 115px;
}
/**/

.main-page .about {
    margin-bottom: 27px;
    margin-top: 52px;
    position: relative;
}

.main-page .about h2 {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 32px;
    letter-spacing: -0.02em;
    color: var(--main-color-seventh);
}

.main-page .about h2 span {
    color: var(--main-color);
}

.main-page .about ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.about__wrapper .img {
    display: block;
    width: 144px;
    height: 45px;
    margin-bottom: 44px;
}

.main-page .about li {
    font-weight: 500;
    font-size: 16px;
    line-height: 128%;
    width: 212px;
    height: 168px;
    letter-spacing: -0.02em;
    color: var(--main-color-seventh);
    border: 1px solid #CACACD;
    box-sizing: border-box;
    border-radius: 8px;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 16px;
    padding-bottom: 24px;
}

#about-slider-next {
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: var(--main-color-second);
    border-radius: 50%;
    right: -16px;
    top: 55%;
    z-index: 1;
    box-shadow: 0 0 20px rgba(45, 45, 45, 0.1);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

#about-slider-prev {
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: var(--main-color-second);
    border-radius: 50%;
    left: -16px;
    top: 55%;
    z-index: 1;
    box-shadow: 0 0 20px rgba(45, 45, 45, 0.1);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

#about-slider-next svg,
#about-slider-prev svg {
    stroke: var(--main-color-seventh);
}

#about-slider-prev.swiper-button-disabled,
#about-slider-next.swiper-button-disabled {
    display: none;
}

.clear-item {
    display: block;
    width: 164px;
}

.main-page .about li strong {
    color: var(--main-color);
}

.about__wrapper {
    display: block;
    width: 100%;
}

/* ####### Breadcrumbs ####### */

.breadcrumbs {
    padding: 10px 10px 5px;
    margin: 0 0 10px 15px;
    margin-bottom: 52px;
    padding-top: 16px;
}

.breadcrumbs li {
    display: inline-block;
    position: relative;
    padding-right: 15px;
    margin-bottom: 4px;
}

.breadcrumbs li:after {
    display: block;
    width: 10px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-image: url("/static/images/breadcrumbs-arrow.svg");
    background-size: 3px 6px;
    background-position: center;
    background-repeat: no-repeat;
    content: "";
}

.breadcrumbs li:last-of-type:after {
    display: none;
}

.breadcrumbs li:last-of-type {
    color: rgba(43, 45, 58, 0.5);
}

.breadcrumbs a {
    text-decoration: none;
}

/* ####### Product card ####### */

.product section h1 {
    font-weight: 600;
    margin-bottom: 30px;
    max-width: 600px;
}

#product {
    position: relative;
}

.product-photos, .product-info {
    float: left;
}

.product-photos {
    /* margin-right: 35px; */
    position: relative;
}

.product-photos .photo {
    line-height: 300px;
    text-align: center;
    width: 550px;
    height: 300px;
    margin-right: 10px;
    margin-bottom: 25px;
    display: inline-block;
    position: relative;
}

.product-photos .photo a {
    display: block;
    height: 300px;
}

.product-photos .photo img {
    max-width: 500px;
    max-height: 300px;
}

a .fa-djicon {
    position: absolute;
    right: 80px;
    top: calc(100% + 20px);
}

a .fa-djicon,
a .fa-djicon-video {
    cursor: pointer;
    vertical-align: middle
}

a:hover .fa-djicon,
a:hover .fa-djicon-video {
    color: #d0d0d0;
}

.product-photos-slider-block, .product-videos-slider-block {
    float: left;
    position: relative;
    padding: 0 10px;
}

.product-photos-slider-block {
    margin-right: 20px;
}

.product-photos-slider-block p, .product-videos-slider-block p {
    font-size: 10px;
    text-transform: uppercase;
    margin: 0 5px 5px;
}

.product-photos-slider-block .caroufredsel_wrapper, #product-photos-slider {
    width: 402px;
    height: 47px;
    overflow: hidden;
}

#product-photos-slider, #product-videos-slider {
    float: left;
}

#product-photos-slider a, #product-videos-slider a {
    float: left;
    display: block;
    width: 57px;
    padding: 0px 0px;
    outline: none;
}

#product-photos-slider a span, #product-videos-slider a span {
    display: block;
    line-height: 45px;
    height: 45px;
    border: 1px solid #b6b6b6;
    text-align: center;
}

#product-photos-slider a.selected span,
#product-videos-slider a.selected span,
#product-photos-slider a span:hover,
#product-videos-slider a span:hover {
    border-color: var(--main-color);
}

#product-photos-slider img, #product-videos-slider img {
    max-width: 55px;
    max-height: 44px;
}

.product-videos-slider-block .caroufredsel_wrapper, #product-videos-slider {
    width: 134px;
    height: 47px;
    overflow: hidden;
}

#product-photos-slider-prev, #product-photos-slider-next, #product-videos-slider-prev, #product-videos-slider-next {
    position: absolute;
    top: 30px;
    left: 0;
    width: 9px;
    height: 32px;
}

#product-photos-slider-next, #product-videos-slider-next {
    left: auto;
    right: 0;
}

#product-photos-slider-prev, #product-photos-slider-next, #product-videos-slider-prev, #product-videos-slider-next {
    display: block;
    background: url(../images/main-sprite.png) -20px -515px no-repeat;
    height: 20px;
    cursor: pointer;
}

#product-photos-slider-prev:hover, #product-videos-slider-prev:hover {
    background-position: -20px -615px;
}

#product-photos-slider-next, #product-videos-slider-next {
    background-position: -20px -565px;
}

#product-photos-slider-next:hover, #product-videos-slider-next:hover {
    background-position: -20px -665px;
}

.subheader {
    margin: -25px 0px 62px 10px;
}

.product-info {
    width: 300px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 24px;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
}

.product-info.articles-slider {
    padding: 0;
    box-sizing: border-box;
    width: 100%;
    position: static;
}

.analogs__button-prev.swiper-button-disabled,
.analogs__button-next.swiper-button-disabled {
    display: none;
}

.analogs__button-prev {
    margin-right: auto;
}

.analogs__button-next {
    margin-left: auto;
}

.product-info.articles-slider .analogs {
    margin-top: 0;
}

.product-info .art {
    font-size: 14px;
    text-align: center;
    margin-bottom: 5px;
}

/*.product-info .product_presence {*/
/*    padding: 15px 15px 7px;*/
/*}*/

.product-info .loan_and_installment_terms {
    margin-bottom: 24px;
}

.product-info .price .economy {
    color: var(--main-color-seventh);
    font-weight: 500;
    font-size: 14px;
    position: absolute;
    right: 0;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 4px;
    top: -25px;
    background-color: var(--main-color-eleventh);
    min-width: 103px;
    box-sizing: border-box;
}

.product-info .price .economy_label {
    font-weight: 400;
    font-size: 12px;
    color: var(--main-color-seventh);
    margin-bottom: 8px;
}

.product-info .price {
    position: relative;
    font-size: 28px;
    text-align: left;
}

/* .product-info .price:after {
	content: "";
	position: absolute;
	top: -1px;
	left: 131px;
	background: url(../images/main-sprite.png) -12px -471px;
	width: 27px;
	height: 10px;
} */

.product-info .price p {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 12px;
    color: var(--main-color-seventh);
}

.product-info .price .old {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 10px;
    color: #E4666E;
    text-decoration: line-through;
}

.product-info .buttons {
    width: 100%;
    margin-top: 16px;
    margin-bottom: 16px;
}

.product-info .button {
    font-size: 16px;
    line-height: 50px !important;
    height: 50px;
    background-position: 34px center;
}

.product-info .button {
    border-radius: 4px;
}

.product-info .analogs__slider .button,
.product-info .articles-slider .button,
.product-info .analogs__slider .button.btn-under-order,
.product-info .articles-slider .button.btn-under-order,
.product-info .analogs__slider .button.btn-under-order:hover,
.product-info .articles-slider .button.btn-under-order:hover {
    font-size: 14px;
    line-height: 35px !important;
    height: 35px;
    background-position: 44px center;
}

.product-info p .button.gray {
    float: left;
    font-size: 11px;
    line-height: 35px;
    width: 140px;
    height: 35px;
}

.product-info p .button.gray.btn-credit {
    border: 1px solid var(--main-color);
    border-radius: 2px;
    background: #F9F7F7;
    color: var(--main-color);
    line-height: 48px;
    height: 48px;
    text-transform: none;
    font-size: 16px;
    font-weight: normal;
}

.product-info p .button.gray.btn-credit b {
    font-size: 18px;
}

.product-info .button.gray:first-of-type {
    margin-right: 10px;
}

.product-info .delivery {

}

.product-info .delivery h2 {
    font-size: 12px;
    text-align: center;
    text-transform: uppercase;
}

.product-info .item-delivery img {
    margin: 100px 115px;
}

.product-info .delivery a {
    color: var(--main-color);
    font-size: 12px;
    text-decoration: none;
    font-weight: 500;
    padding: 0 0;
    margin-left: 4px;
}

.product-info .delivery a:hover {
    color: var(--main-color-hover);
}

.product-info .delivery table {
    background: #f5f5f5;
    font-size: 11px;
    margin-bottom: 3px;
}

.product-info .delivery tr {
    border-bottom: 1px solid #d8d8d8;
}

.product-info .delivery tbody tr:last-of-type {
    border-bottom: none;
}

.product-info .delivery th, .product-info .delivery td {
    padding: 3px 10px;
}

.product-info .delivery th {
    font-weight: normal;
}

.product-info .delivery td {
    font-weight: bold;
    text-align: center;
}

.product-info .delivery td:first-of-type, .product-info .delivery th:first-of-type {
    text-align: left;
    padding-left: 20px;
}

.product-info .delivery td:first-of-type:before {
    content: "● ";
    font-size: 12px;
    line-height: 11px;
    color: var(--main-color);
    margin-right: 7px;
}

.product-info .delivery .note {
    font-size: 11px;
    color: #999;
    padding-left: 20px;
}

.product-info .likes {
    text-align: center;
    padding: 15px 0px;
}

.product-description, .product-similar, .product-about {
    clear: both;
    margin-bottom: 30px;
}

.product-description h2, .product-similar h2, .product-watched h2, .vk-comments h2 {
    margin-bottom: 24px;
    font-size: 20px;
    font-weight: 600;
    color: var(--main-color-seventh);
}

.product-watched h2 {
    margin-top: 32px;
}

.product-description .text {
    padding: 0;
}

.product-description .text p {
    font-weight: 400;
    font-size: 14px;
    color: var(--main-color-seventh);
    margin-bottom: 24px;
    text-align: left !important;
}

.product-description .text.tab-specific p {
    margin-bottom: 24px;
    margin-top: 32px;
}

.product-description .text p span {
    color: var(--main-color-seventh) !important;
}

.product-description .text p.delivery-tab {
    margin-bottom: 0;
}

.product-description .text div {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.01em;
    color: var(--main-color-seventh);
    margin-bottom: 12px;
}

.product-description .text div span {
    color: var(--main-color-seventh) !important;
}

.product-description .text h4 {
    font-weight: 500;
    font-size: 16px;
    color: var(--main-color-seventh);
    margin-bottom: 12px;
    margin-top: 52px;
}

.product-description .text h3 {
    font-weight: 500;
    font-size: 16px;
    color: var(--main-color-seventh);
    margin-bottom: 16px;
}

.product-description .text ul {
    margin: 0;
    bottom: 0;
    list-style: none;
}

.product-description .text ul li {
    margin-bottom: 16px;
    padding-left:  20px;
    position: relative;
    font-weight: 400;
    font-size: 14px;
    color: var(--main-color-seventh);
}

.product-description .text ul li:before {
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    content: "";
    left: 0;
    top: 3px;
    border-radius: 50%;
    background-color: var(--main-color);
}

.product-description .text ul.files li:before {
    display: none;
}

.product-description .text ul.files li {
    padding-left: 0;
    color: rgba(43, 45, 58, 0.5);
    width: max-content;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    max-width: 100%;
}

.product-description .text ul.files li a {
    display: inline-block;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    border: 1px solid var(--main-color);
    border-radius: 6px;
    width: max-content;
    color: var(--main-color);
    margin-right: 4px;
    position: relative;
}

.product-description .text ul.files li a:hover {
    border: 1px solid var(--main-color-hover);
    color: var(--main-color-hover);
}

.note {
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 32px;
    color: rgba(43, 45, 58, 0.8);
}

.product-tabs.tab-video {
    text-align: center;
}

.product-tabs.tab-video iframe {
    margin: 10px 0px;
}

.product-description #show-all {
    text-transform: none;
    color: var(--main-color);
    margin-left: 10px;
    border-color: var(--main-color);
}

.product-similar {
    margin-bottom: 45px;
}

.goods-slider3-block, .goods-slider4-block {
    position: relative;
    padding: 0 30px;
}

.goods-slider3-block .caroufredsel_wrapper, #goods-slider3, .goods-slider4-block .caroufredsel_wrapper, #goods-slider4 {
    width: 905px;
    height: 200px;
    margin: 0 auto;
    overflow: hidden;
}

.goods-slider3-block .caroufredsel_wrapper, .goods-slider4-block .caroufredsel_wrapper {
    border: 1px solid #d6d6d6;
}

#goods-slider3, #goods-slider4 {
    float: left;
    width: 916px;
}

#goods-slider3 div, #goods-slider4 div {
    float: left;
    background: #fff;
    /*width: 153px;*/
    /*height: 240px;*/
    width: 123px;
    height: 240px;
    padding: 15px;
    border-right: 1px solid #d6d6d6;
}

#goods-slider3 a, #goods-slider4 a {
    display: block;
}

#goods-slider3 .img, #goods-slider4 .img {
    text-align: center;
    height: 95px;
    margin-bottom: 10px;
}

#goods-slider3 img, #goods-slider4 img {
    max-width: 127px;
    max-height: 95px;
}

#goods-slider3 h3, #goods-slider4 h3 {
    font-size: 14px;
    line-height: 1.2;
    color: var(--main-color-seventh);
    height: 35px;
    margin-bottom: 10px;
}

#goods-slider3 h3 a,
#goods-slider4 h3 a {
    text-decoration: none;
    color: var(--main-color-seventh);
    width: 135px;
}

#goods-slider3 .old-price {
    text-decoration: line-through;
    color: #c0272d;
}

#goods-slider3 .price, #goods-slider4 .price {
    font-size: 14px;
    line-height: 1.2;
    color: var(--main-color-seventh);
    margin-bottom: 5px;
    margin-top: 3px;
}

#goods-slider3 .price strong, #goods-slider4 .price strong {
    font-size: 21px;
}

#goods-slider3-prev, #goods-slider3-next, #goods-slider4-prev, #goods-slider4-next {
    position: absolute;
    top: 85px;
    left: 0;
    height: 29px;
}

#goods-slider3-next, #goods-slider4-next {
    left: auto;
    right: 0;
}

.product-watched {

}

.product-about {
    position: relative;
    padding: 30px;
    border: 1px solid #d6d6d6;
}

.product-about h2 {
    position: absolute;
    top: -13px;
    left: 34%;
    background: #fff;
    font-size: 17px;
    text-align: center;
    text-transform: uppercase;
    width: 32%;
}

.product-about div {
    float: left;
    background: #f1f1f1;
    width: 225px;
    padding: 15px 30px;
    margin-right: 30px;
    outline: 1px solid #e9e9e9;
}

.product-about div:last-of-type {
    margin-right: 0;
}

.product-about img {
    float: right;
    margin-left: 10px;
}

.product-about p {
    position: relative;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    color: #4d4d4d;
}

.product-about p:before {
    content: "";
    position: absolute;
    top: 4px;
    left: -30px;
    background: #3daeea;
    width: 13px;
    height: 27px;
}

.product-about strong {
    color: var(--main-color);
}

.vk-comments {
    margin-bottom: 40px;
}

/* ####### Left-col, main-col ####### */

.left-col, .main-col {
    float: left;
    font-size: 14px;
}

.left-col.menu {
    width: 240px;
    margin-right: 24px;
    margin-bottom: 52px;
}

.page-reviews .left-col {
    display: none;
}

.left-col .block {
    margin-bottom: 16px;
}

.left-col h2 {
    font-weight: 500;
    font-size: 20px;
    color: var(--main-color-seventh);
    padding-left: 16px;
    padding-right: 16px;
}

.left-col ul {
    border: 1px solid rgba(43, 45, 58, 0.1);
    box-sizing: border-box;
    border-radius: 14px;
    padding-top: 16px;
    padding-bottom: 10px;
    margin: 0;
}

.left-col ul:hover {
    border: 1px solid var(--main-color);
}

.left-col ul.dropdown-menu-list {
    border: none;
    padding-bottom: 18px;
    padding-top: 0;
    padding-left: 10px;
    display: none;
    animation: bounce .8s;
}

.left-col ul.dropdown-menu-list--active {
    display: block;
}

.left-col ul.dropdown-menu-list.dropdown-menu-list--second {
    padding-left: 20px;
}

.left-col li {
    margin-bottom: 0;
    position: relative;
}

.left-col .dropdown-menu-button {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 16px;
    right: 6px;
    content: "";
    padding: 0;
    margin: 0;
    border: 0;
    z-index: 1;
    outline: none;
    background-color: transparent;
}

.left-col .dropdown-menu-button svg {
    stroke: var(--main-color-seventh);
}

.left-col .dropdown-menu-button--active svg {
    stroke: var(--main-color);
    transform: rotate(180deg);
}

.left-col .dropdown-menu-list .dropdown-menu-button {
    top: 4px;
}

.left-col ul li a {
    display: block;
    text-decoration: none;
    color: var(--main-color-seventh);
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 16px;
    padding-right: 26px;
    font-weight: 500;
    font-size: 14px;
}

.left-col ul li a.dropdown-menu-title--active {
    color: var(--main-color);
}

.left-col ul.dropdown-menu-list li a {
    padding-top: 4px;
    padding-bottom: 4px;
}

.basic-menu li:not(:last-child):not(:first-child) {
    border-bottom: 1px solid rgba(43, 45, 58, 0.05);
}

.bottom-block li:not(:last-child) {
    border-bottom: 1px solid rgba(43, 45, 58, 0.05);
}

.dropdown-menu-list li:not(:last-child):not(:first-child) {
    border-bottom: none;
}

.left-col li a:hover {
    color: var(--main-color);
}

.left-col .active > a {
    color: var(--main-color);
    position: relative;
}

.left-col .active > a:before {
    position: absolute;
    display: block;
    width: 4px;
    height: 26px;
    left: 0;
    top: 14px;
    background-color: var(--main-color);
    border-radius: 12px;
    content: "";
}

.left-col .dropdown-menu-list .active a:before {
    display: none;
}

.main-col {
    width: 716px;
    padding-bottom: 85px;
}

.main-col h1 {
    margin: 0;
    margin-bottom: 32px;
    font-weight: 600;
    font-size: 24px;
    line-height: 124%;
    color: var(--main-color-seventh);
    margin-right: 150px;
}

.main-col dt h1 {
    margin-bottom: 0;
    line-height: normal !important;
}

.main-col p, .main-col ul {
    margin-bottom: 0;
}

.main-col ul li:before {
    color: var(--main-color-seventh);
}

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

.main-col .text_full h1 {
    width: 100%;
}

.icons_0218:first-child {
    background-image: url("/static/images/speech-message-bubble.svg") !important;
    background-position: center;
}

/* ####### Categories ####### */

/*.categories .left-col ul {*/
/*    border: none;*/
/*    padding: 0;*/
/*}*/

/*.categories ul li:before {*/
/*    content: "";*/
/*}*/

#cat-items {
    margin-bottom: 62px;
}

#cat-items li, #cat-items a, #cat-items span, .categories .sort a {
    display: block;
}

#cat-items li {
    display: block;
    width: 182px;
    min-height: 198px;
    border: 1px solid rgba(43, 45, 58, 0.1);
    border-radius: 8px;
}

#cat-items li:not(:last-child) {
    margin-right: 16px;
}

#cat-items li:hover,
#cat-items li:active {
    box-shadow: 4px 8px 24px rgba(0, 0, 0, 0.04);
    border: 1px solid var(--main-color);
}

/*#cat-items li:nth-of-type(5n) {*/
/*    margin-right: 0;*/
/*}*/

#cat-items li a {
    font-size: 14px;
    text-decoration: none;
    color: var(--main-color-seventh);
}

#cat-items span {
    text-align: center;
    padding: 5px;
}

#cat-items li .img {
    line-height: 105px;
    width: 154px;
    height: 105px;
    padding: 15px 15px 5px;
    border-top: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

#cat-items li img {
    max-width: 154px;
    max-height: 105px;
}

/*.categories .left-col {*/
/*    font-size: 12px;*/
/*    margin-right: 10px;*/
/*    width: 202px;*/
/*}*/

.categories .left-col h2 {
    font-weight: 500;
    font-size: 20px;
    color: var(--main-color-seventh);
}

.categories .left-col .cat-list h2 {
    padding: 0 10px 10px;
}

.categories .left-col .cat-list li {
    margin-bottom: 0;
}

.cat-vendors aside{
    z-index: 5;
    background: white;
    height: 120px;
    overflow-y: scroll;
	}

.categories .left-col .cat-vendors ul {
    margin-bottom: 15px;
}

.categories .left-col .cat-vendors li {
    margin-bottom: 7px;
}

.categories .left-col .cat-vendors input {
    vertical-align: text-bottom;
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

.categories .left-col .cat-vendors p a {
    text-decoration: none;
    color: var(--main-color);
    border-bottom: 1px dashed var(--main-color);
}

.categories .left-col .product-filters-header {
    cursor: pointer;
}

.categories .left-col .product-filters-content {
    display: none;
}

#triangle-right {
    width: 0;
    height: 0;
    border-top: 5px solid var(--main-color-third);
    border-left: 10px solid black;
    border-bottom: 5px solid var(--main-color-third);
    display: inline-block;
}

.rotation {
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#price-amount-f, #price-amount-t {
    background-color: #F6F7FF;
    border-radius: 6px;
    width: 84px;
    display: inline-block;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 4px;
    padding-right: 4px;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    color: var(--main-color-seventh);
    box-sizing: border-box;
    border: none;
    margin-top: 24px;
}

.irs-bar {
    height: 2px;
    top: 9px;
}

#price-range {
    position: relative;
    height: 41px;
}

#price-range .min, #price-range .max {
    position: absolute;
    font-size: 11px;
    color: #999;
}

#price-range .min {
    left: 0;
}

#price-range .max {
    right: 0;
}

#price-range .handler {
    position: absolute;
    top: 22px;
    background: url(../images/main-sprite.png) -19px -865px no-repeat;
    width: 7px;
    height: 19px;
    cursor: pointer;
}

#price-range .handler.f {
    left: 0;
}

#price-range .handler.t {
    background-position: -26px -865px;
    left: 171px;
}

#price-range .range {
    position: absolute;
    top: 17px;
    left: 7px;
    background: var(--main-color);
    width: 165px;
    height: 5px;
}

/*.categories .left-col button {*/
/*    float: left;*/
/*    background: var(--main-color);*/
/*    font-size: 11px;*/
/*    text-transform: uppercase;*/
/*    color: #fff;*/
/*    width: 88px;*/
/*    height: 30px;*/
/*    margin: 0 8px 0 7px;*/
/*    border: none;*/
/*    outline: none;*/
/*}*/

/*.categories .left-col button[type="reset"] {*/
/*    background: #e6e6e6;*/
/*    color: #666;*/
/*    margin: 0 7px 0 0;*/
/*}*/

.categories .main-col {
    width: 716px;
    padding-bottom: 40px;
}

.categories.subcategories .main-col {
    width: 768px;
}

.categories.subcategories .left-col {
    width: 175px;
    margin-right: 27px;
    margin-left: 10px;
}

.categories.info .main-col {
    background: #eee;
    width: 709px;
    padding: 25px 30px 50px;
}

.categories .main-col #cat-items {
    display: flex;
    flex-wrap: wrap;
}

.categories .main-col .category-swiper #cat-items {
    flex-wrap: nowrap;
}

.categories .cat-view {
    margin-bottom: 42px;
    margin-right: 14px;
}

.categories .sort {
    display: inline-block;
    position: relative;
    margin-right: 32px;
}

.categories .sort a {
    text-decoration: none;
    color: var(--main-color-seventh);
}

.categories .sort > a {
    display: inline-block;
    position: relative;
    background: #fff;
    width: 165px;
    height: 28px;
    border: 1px solid rgba(43, 45, 58, 0.25);
    box-sizing: border-box;
    border-radius: 6px;
    margin-left: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 6px;
    padding-right: 26px;
}

.categories .sort > a:hover {
    border: 1px solid var(--main-color);
    color: var(--main-color);
}

.categories .sort > a.sort-default-show {
    color: var(--main-color);
    border: 1px solid var(--main-color);
}

.categories .per_page > a svg,
.categories .sort > a svg{
    display: block;
    position: absolute;
    top: 4px;
    right: 4px;
    stroke: var(--main-color-seventh);
}

.categories .per_page > a.per_page-default-show svg,
.categories .sort > a.sort-default-show svg{
    stroke: var(--main-color);
    transform: rotate(180deg);
}

#sort, #sort li {
    margin-bottom: 0;
}

#sort {
    display: none;
    position: absolute;
    top: 23px;
    right: 0;
    background: #fff;
    border: 1px solid var(--main-color);
    border-top: none;
    z-index: 1;
    box-sizing: border-box;
    width: 165px;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

#sort li a {
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 4px;
    padding-bottom: 4px;
}

#sort li a:hover {
    color: var(--main-color);
}

#sort li a.sort__link-inactive,
#sort li a.sort__link-inactive:hover,
#per_page li a.per_page__link-inactive,
#per_page li a.per_page__link-inactive:hover {
    color: gray;
    cursor: default;
}

.cat-view .view {
    float: right;
    line-height: 27px;
}

.cat-view .tile, .cat-view .list {
    float: right;
    display: block;
    width: 24px;
    height: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    content: "";
    margin-left: 14px;
}

.cat-view .tile {
    background-image: url("/static/images/grid.svg");
}

.cat-view .tile.active {
    background-image: url("/static/images/grid-active.svg");
}

.cat-view .list {
    background-image: url("/static/images/table.svg");
}

.cat-view .list.active {
    background-image: url("/static/images/table-active.svg");
}

.search-results .cat-view .tile {
    background-image: url("/static/images/grid-search.svg");
}

.search-results .cat-view .tile.active {
    background-image: url("/static/images/grid-active-search.svg");
}

#cat-items.tile > div {
    position: relative;
    width: 160px;
    height: auto;
    border: 1px solid var(--main-color-tenth);
    border-radius: 6px;
    margin-right: 14px;
    margin-bottom: 14px;
    padding: 8px;
    padding-bottom: 42px;
}

#cat-items.tile > div:hover {
    border: 1px solid var(--main-color);
}

#cat-items > div .img {
    line-height: 105px;
    text-align: center;
    width: 161px;
    height: 105px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#cat-items .list-center {
    display: block;
    margin-bottom: 8px;
}

#cat-items > div img {
    max-width: 161px;
    max-height: 105px;
}

#cat-items > div h3 {
    overflow: hidden;
    height: 40px;
}

#cat-items > div h3 a {
    text-decoration: none;
    color: var(--main-color-seventh);
}

#cat-items.tile > div .desc, #cat-items.tile > div .art {
    display: none;
}

#cat-items.tile > div .list-right {

}

#cat-items.list > div {
    position: relative;
    height: auto;
    padding: 16px;
    width: 100%;
    border: 1px solid var(--main-color-tenth);
    border-radius: 6px;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
}

#cat-items.list > div:hover {
    border: 1px solid var(--main-color);
}

#cat-items.list > div .img {
    line-height: 120px;
    width: 120px;
    height: 120px;
    margin-bottom: 0;
    max-width: 120px;
    max-height: 120px;
    padding-top: 12px;
}

#cat-items.list > div h3 {
    height: auto;
    max-height: max-content;
    min-height: auto;
}

#cat-items.list > div .desc {
    margin-bottom: 12px;
    font-size: 14px;
}

#cat-items.list > div .art {
    font-size: 12px;
    color: var(--main-color-seventh);
    font-weight: 400;
}

#cat-items.list > div .art span {
    display: inline-block;
    width: auto;
    font-weight: 600;
}

#cat-items.list > div .list-center {
    width: 420px;
    margin-bottom: 0;
}

#cat-items.list > div .list-right {
    width: 150px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

#cat-items.list > div .price {
    margin-bottom: 7px;
}

#cat-items.list > div .old-price {
    font-size: 11px;
    width: 125px;
    margin-bottom: 0;
    margin-top: 0;
    height: 15px;
    line-height: 1.1;
}

#stickers {
    position: absolute;
    top: 6px;
    left: 6px;
}

#stickers .hit {
    background-position: 0 0;
    background-image: url("/static/images/hit.svg");
    background-size: 40px 40px;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

#stickers .sale {
    background-position: 0 0;
    background-image: url("/static/images/sale.svg");
    background-size: 40px 40px;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

#product #stickers .sale {
    background-position: 0 0;
    background-image: url("/static/images/sale.svg");
    background-size: 52px 52px;
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
}

#stickers .black-friday-icon {
    background-position: 0 0;
    background-image: url("/static/images/black-friday-icon.svg");
    background-size: 40px 40px;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

#product #stickers .black-friday-icon {
    background-position: 0 0;
    background-image: url("/static/images/black-friday-icon.svg");
    background-size: 52px 52px;
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
}

.free-delivery #stickers .free-delivery {
    top: 90px;
}

#cat-items.list #stickers .free-delivery {
    top: 120px;
}

.card_wrapper #stickers {
    top: 0;
    left: 0;
}

#product #stickers > div {
    background-position: 0 0;
    width: 40px;
    height: 39px;
    margin-bottom: 3px;
}

#product #stickers .hit {
    background-position: 0 0;
    background-image: url("/static/images/hit.svg");
    background-size: 52px 52px;
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
}

#stickers .new {
    background-position: 0 0;
    background-image: url("/static/images/new.svg");
    background-size: 40px 40px;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

#product #stickers .new {
    background-position: 0 0;
    background-image: url("/static/images/new.svg");
    background-size: 52px 52px;
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
}

#stickers .soon {
    background-position: 0 0;
    background-image: url("/static/images/soon.svg");
    background-size: 40px 40px;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}

#product #stickers .soon {
    background-position: 0 0;
    background-image: url("/static/images/soon.svg");
    background-size: 52px 52px;
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
}

#stickers .free-delivery {
    position: absolute;
    top: 266px;
    left: -7px;
    width: 98px;
    height: 22px;
    background-image: url("/static/images/free-delivery-sm.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 98px 22px;
}

#product #stickers .free-delivery {
    top: 266px;
    left: 0;
    width: 179px;
    height: 40px;
    background-image: url("/static/images/free-delivery.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 179px 40px;
}

.categories .tab {
    position: relative;
    width: auto;
}

.categories .tabs .tab a {
    padding: 5px 45px;
}

.categories .tabs .tab .more {
    right: 10px;
    bottom: 8px;
    font-size: 11px;
    line-height: 11px;
    text-transform: lowercase;
    color: var(--main-color);
    padding: 0;
}

.categories .tabs .more:after {
    content: "";
}

.categories .goods-slider-block {
    margin-bottom: 30px;
}

.cat-desc {
    clear: both;
    color: var(--main-color-seventh);
    margin-bottom: 52px;
    margin-top: 20px;
    font-size: 14px;
    line-height: 152%;
    font-weight: 400;
}

.cat-desc p {
    margin-bottom: 0;
    text-align: left !important;
}

.cat-desc p:not(:last-child) {
    margin-bottom: 20px;
}

.cat-desc h2 {
    text-align: left !important;
    margin-bottom: 20px;
}

.cat-desc h3 {
    text-align: left !important;
    margin-bottom: 20px;
}

.cat-desc h4 {
    text-align: left !important;
    margin-bottom: 20px;
}

.cat-desc img {
    margin-left: 30px;
}

.main-col .page-nav {
    clear: both;
    background: #e7e7e7;
    font-size: 11px;
    text-align: center;
    height: 32px;
    padding-top: 12px;
    border: 1px solid #dcdbdb;
}

.main-col .page-nav ul {
    display: inline-block;
}

.main-col .page-nav li {
    float: left;
    margin: 0 3px;
}

.main-col .page-nav li:before {
    content: "";
}

.main-col .page-nav li a {
    display: block;
    background: #fff;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
    height: 20px;
    padding: 0 7px;
}

.main-col .page-nav li a:hover, .main-col .page-nav .active a {
    background: var(--main-color);
    color: #fff;
}

.main-col .page-nav .prev a, .main-col .page-nav .next a {
    font-weight: bold;
    font-size: 14px;
    color: var(--main-color);
}

.categories-all {
    margin: 30px 0 10px;
    display: flex;
    flex-wrap: wrap;
    padding-left: 20px;
}

.categories-all a, .categories-all img {
    display: block;
}

.categories-all article {
    display: block;
    width: 300px;
    margin: 0 24px 20px 0;
}

.categories-all article:last-child .category__button,
.categories-all article:nth-last-child(2) .category__button {
    display: none;
}

.categories-all article:nth-of-type(3n+1), .categories-all article:first-of-type {
    clear: both;
}

.categories-all article:nth-of-type(3n) {
    margin-right: 0;
}

.categories-all article a {
    text-decoration: none;
    color: var(--main-color-seventh);
}

.categories-all article > a {
    line-height: 60px;
    color: var(--main-color-seventh);
    height: 60px;
    padding: 5px 20px;
    margin-bottom: 30px;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

.categories-all img {
    width: 60px;
    height: 60px;
    margin-right: 12px;
    display: block;
}

.categories-all h2 {
    font-size: 16px;
    line-height: normal;
    font-weight: 600;
}

.categories-all article a:hover h2 {
    color: var(--main-color);
}

.category__button {
    width: 24px;
    height: 24px;
    display: block;
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
    margin-left: 10px;
}

.category__button.category__button--open {
    transform: rotate(180deg);
}

.category__button svg {
    stroke: var(--main-color-seventh);
    stroke-opacity: 0.3;
}

.category__button:hover svg {
    stroke: var(--main-color);
    stroke-opacity: 1;
}

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

.category__wrapper a {
    display: flex;
    width: max-content;
    max-width: calc(100% - 34px);
    align-items: center;
}

.categories-all article > ul ul {
    display: none;
    animation: bounce 1.2s;
    margin-bottom: 20px;
}

.categories-all article > ul a {
    font-size: 14px;
    margin-bottom: 12px;
    position: relative;
    padding-right: 14px;
}

.categories-all article > ul a svg {
    stroke: var(--main-color-seventh);
    display: block;
    position: absolute;
    top: 2px;
    right: 0;
}

.categories-all article > ul a:hover {
    color: var(--main-color);
}

.categories-all article ul .category-item--active > a svg {
    transform: rotate(180deg);
}

.categories-all article > ul ul a {
    color: #999;
    margin-bottom: 8px;
}

.categories-all article > ul ul a:after {
    display: none;
}

/* ####### Wire configurator ####### */
/* ####### Wire configurator ####### */

.wire-configurator {
    position: relative;
    background: url(../images/wires-plate.jpg) no-repeat;
    width: 694px;
    height: 281px;
    margin: 35px auto 40px;
    border-radius: 20px;
}

.cord-length {
    text-align: center;
    color: #fff;
    width: 230px;
    padding: 15px 20px 0 0;
    margin: 0 auto;
}

.cord-length p {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 0;
}

#cord-length-range {
    position: relative;
}

#cord-length-range > div {
    position: absolute;
    top: 0;
}

#cord-length-range .value {
    right: 0;
}

#cord-length-range .handler {
    top: 22px;
    left: 0;
    background: var(--main-color);
    width: 50px;
    height: 14px;
    cursor: pointer;
    z-index: 1;
}

#cord-length-range .range {
    top: 28px;
    left: 0;
    background: #fff;
    width: 100%;
    height: 2px;
    z-index: 0;
}

.cord-left, .cord-right {
    position: absolute;
    top: 160px;
    background: #fff;
}

.cord-left {
    left: 50px;
}

.cord-right {
    right: 50px;
}

.cord-left > a, .cord-right > a {
    display: block;
    font-weight: bold;
    font-size: 11px;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    width: 85px;
    height: 68px;
    padding-top: 17px;
}

.cord-left > a.img, .cord-right > a.img {
    width: 85px;
    height: 85px;
    padding-top: 0;
}

.cord-left > a.img img, .cord-right > a.img img {
    /* max-width: 85px; */
    /* max-height: 85px; */
}

.cord-left > a:not(.img):after, .cord-right > a:not(.img):after {
    content: "▼";
    display: block;
    font-size: 26px;
    text-align: center;
    color: var(--main-color);
}

.cord-list {
    display: none;
    position: absolute;
    top: 85px;
    background: #fff;
    width: 180px;
    max-height: 386px;
    overflow-y: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 1;
}

.cord-list li, .cord-params li {
    margin: 0;
}

.cord-list li:first-of-type {
    background: #eee;
    font-size: 11px;
    line-height: 25px;
    height: 25px;
    padding: 0 15px;
    border-bottom: 1px solid #bfbfbf;
}

.cord-list li a {
    display: block;
    /* line-height: 45px; */
    text-decoration: none;
    /* height: 45px; */
    padding: 0 5px;
    overflow: hidden;
    font-size: 10px;
}

.cord-list li img {
    max-width: 35px;
    max-height: 35px;
}

#cord-result {
    background: #fff;
    border-left: 1px solid #dcdbdb;
    border-top: 1px solid #dcdbdb;
}

#cord-result > div {
    position: relative;
    height: 100px;
    padding: 10px 20px 10px 30px;
    border-right: 1px solid #dcdbdb;
    border-bottom: 1px solid #dcdbdb;
}

#cord-result > div .img {
    float: left;
    line-height: 80px;
    text-align: center;
    width: 125px;
    height: 80px;
}

#cord-result > div img {
    max-width: 125px;
    max-height: 80px;
}

#cord-result > div h2 {
    font-size: 14px;
    margin-bottom: 5px;
}

#cord-result > div h2 a {
    text-decoration: none;
}

#cord-result > div .desc {
    font-size: 11px;
    color: #666;
    margin-bottom: 10px;
}

#cord-result > div .art {
    font-size: 10px;
    color: #000;
}

#cord-result > div .list-center {
    position: absolute;
    top: 20px;
    left: 185px;
    width: 377px;
    height: 90px;
}

#cord-result > div .list-right {
    float: right;
    position: relative;
    text-align: center;
    width: 125px;
    padding-top: 15px;
}

#cord-result > div .price {
    margin-bottom: 7px;
}

#cord-result > div .price strong {
    font-size: 20px;
}

.cord-params {
    position: absolute;
    top: 140px;
    left: 270px;
    width: 150px;
}

.cord-params .color, .cord-params .vendor {
    position: relative;
}

.cord-params > a, .cord-params div > a {
    display: block;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    color: var(--main-color-seventh);
    height: 30px;
    margin-bottom: 13px;
}

#cord-color, #cord-vendor {
    position: relative;
    background: #fff;
    font-size: 10px;
    text-transform: uppercase;
}

#cord-color:after, #cord-vendor:after {
    content: "▼";
    position: absolute;
    top: 0;
    right: 7px;
    color: var(--main-color);
}

#cord-color-list, #cord-vendor-list {
    display: none;
    position: absolute;
    top: 30px;
    background: #fff;
    width: 150px;
    max-height: 175px;
    overflow-y: auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    z-index: 1;
}

#cord-color-list a, #cord-vendor-list a {
    display: block;
    position: relative;
    line-height: 34px;
    text-decoration: none;
    /* height: 34px; */
    padding: 0 5px 0 40px;
}

#cord-color-list a:hover, #cord-vendor-list a:hover, .cord-list li a:hover {
    background: #eee;
    color: var(--main-color-seventh);
}

#cord-vendor-list a {
    line-height: 25px;
    /* height: 25px; */
    padding: 0 5px 0 20px;
    /* font-size: 9px; */
}

#cord-color-list a span {
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    background: #fff;
    width: 26px;
    height: 26px;
}

#cord-reset {
    background: #8c8c8b;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
}

.cableguy ul li:before {
    content: "";
}

/* ####### Vendor list ####### */

#vendor-toc {
    font-size: 16px;
    text-align: center;
    margin: 28px 0 32px;
}

#vendor-toc li {
    display: inline;
}

#vendor-toc a, #vendor-list a {
    text-decoration: none;
    color: #000;
}

#vendor-toc a {
    padding: 8px;
    display: inline-block;
}

#vendor-toc .active a {
    background: var(--main-color);
    color: #fff;
    border-radius: 4px;
}

#vendor-list {
    color: #000;
    width: 920px;
    margin: 0 auto 60px;
    -webkit-column-count: 5;
    -moz-column-count: 5;
    column-count: 5;
}

#vendor-list > li {
    margin-bottom: 20px;
}

#vendor-list strong {
    display: block;
    padding-bottom: 3px;
    margin-bottom: 7px;
    font-size: 16px;
}

#vendor-list a {
    display: block;
    font-size: 14px;
    padding-top: 4px;
    padding-bottom: 4px;
}

#vendor-list a:hover {
    color: var(--main-color);
}

/* ####### News ####### */

.main-col.news-main {
    width: 100%;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;
}

.news .news-wrapper {
    margin-bottom: 52px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.news .news-wrapper article {
    width: 31%;
    margin-bottom: 52px;
    position: relative;
}

.news .news-wrapper article:first-child {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: static;
}

.news .news-wrapper article:first-child a {
    display: block;
    width: 50%;
    margin-bottom: 0;
}

.news .news-wrapper article:first-child a.img {
    width: 45%;
}

.news .news-wrapper .pager {
    width: 100%;
    margin-top: 52px;
}

.main-col .news article .img {
    display: block;
    width: 100%;
    height: 200px;
    border-radius: 16px;
    margin-bottom: 16px;
    overflow: hidden;
}

.news .news-wrapper article:first-child .img {
    height: 260px;
}

.main-col .news article img {
    width: 100%;
    height: 100%;
    display: block;
}

.news-link {
    padding-bottom: 18px;
    display: block;
}

.news .news-wrapper article:first-child a.news-link {
    position: relative;
}

.news-link h2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 142%;
    margin-bottom: 16px;
    width: 95%;
    color: var(--main-color-seventh);
}

.news .news-wrapper article:first-child h2 {
    margin-bottom: 12px;
}

.news-link h2 {
    color: var(--main-color-seventh);
}

.news-link p {
    font-weight: 400;
    font-size: 14px;
    line-height: 152%;
    margin-bottom: 16px;
    color: var(--main-color-seventh);
    width: 95%;
    display: block;
}

.news .news-wrapper article:first-child .news-link p {
    margin-bottom: 32px;
}

.news-link p:hover {
    color: var(--main-color-seventh);
}

.news-link .details {
    font-weight: 500;
    font-size: 16px;
    color: var(--main-color);
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
    padding-top: 24px;
}

.news-link .details svg {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    fill: var(--main-color);
}

.news-link .details:hover {
    color: var(--main-color-hover);
}

.news-link .details:hover svg {
    fill: var(--main-color-hover);
}

.news-wrapper .news-content {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 16px;
    align-items: center;
    min-height: 41px;
}

.news .news-wrapper article:first-child .news-content {
    margin-bottom: 24px;
}

.news-content h3 {
    display: block;
    background-color: rgba(85, 104, 255, 0.15);
    border-radius: 8px;
    color: var(--main-color);
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 11px;
    padding-bottom: 11px;
    max-width: 40%;
    min-width: 100px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
}

.news-content h3.content-news {
    background-color: rgba(85, 104, 255, 0.15);
    color: var(--main-color);
}

.news-content h3.content-release {
    background-color: rgba(25, 193, 57, 0.1);
    color: var(--main-color-twelfth);
}

.news-content h3.content-announcement {
    background-color: rgba(255, 137, 112, 0.15);
    color: #FF8970;
}

.news-content time {
    font-weight: 500;
    font-size: 14px;
    color: rgba(43, 45, 58, 0.4);
    display: block;
    max-width: 40%;
    text-align: right;
}

.main-col .share {
    padding-top: 15px;
    margin-bottom: 50px;
    border-top: 1px solid #e5e5e5;
}

/* ####### Reviews ####### */

.main-col .reviews .our-rating {
    float: right;
}

.main-col .reviews .our-rating a {
    display: block;
    background: #fff;
    line-height: 175px;
    text-align: center;
    width: 175px;
    height: 175px;
    border-radius: 50%;
}

.main-col .reviews .head > p {
    width: 34%;
    font-weight: normal;
    font-size: 14px;
    line-height: 124%;
    margin-bottom: 16px;
}

.main-col .reviews form {
    display: block;
    width: 334px;
}

.main-col .reviews input {
    display: block;
    width: 100%;
    border: 1px solid rgba(43, 45, 58, 0.2);
    box-sizing: border-box;
    border-radius: 8px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 13px;
    padding-bottom: 14px;
    margin-bottom: 16px;
    background-color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    font-size: 16px;
    color: var(--main-color-seventh);
}

.main-col .reviews input:hover,
.main-col .reviews input:focus {
    border: 1px solid var(--main-color);
}

.main-col .reviews input::placeholder {
    padding-top: 0;
    padding-bottom: 0;
    color: rgba(43, 45, 58, 0.5);
}

.reviews .password-memory {
    font-weight: 500;
    font-size: 14px;
    display: block;
    color: var(--main-color);
    margin-bottom: 24px;
}

.main-col .reviews .social {
    display: block;
    width: 336px;
}

.main-col .reviews .social p {
    color: #a6a6a5;
    margin-bottom: 10px;
}

.main-col .reviews .social a {
    background-color: #fff !important;
}

.main-col .reviews .items {
    clear: both;
    margin-bottom: 10px;
}

.main-col .reviews article {
    padding-bottom: 32px;
    padding-top: 32px;
    padding-left: 48px;
    margin-right: 20px;
    position: relative;
}

.main-col .reviews article:not(:last-child) {
    border-bottom: 1px dashed rgba(85, 104, 255, 0.15);
}

.reviews article .first-letter {
    width: 32px;
    height: 32px;
    display: flex;
    position: absolute;
    border-radius: 50%;
    background-color: rgba(85, 104, 255, 0.15);
    left: -48px;
    top: -7px;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    color: var(--main-color);
}

.reviews article .first-letter-admin {
    width: 32px;
    height: 32px;
    display: flex;
    position: absolute;
    border-radius: 50%;
    background-color: rgba(85, 104, 255, 0.15);
    left: 0;
    top: -8px;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 16px;
    color: var(--main-color);
}

.main-col .reviews .header {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 32px;
}

.main-col .reviews .grade .star {
    margin-right: 2px;
}

.main-col .reviews article h2 {
    font-weight: 500;
    font-size: 14px;
    color: var(--main-color-seventh);
    display: block;
    width: 78%;
}

.main-col .reviews article h3 {
    font-weight: 500;
    font-size: 16px;
    line-height: 124%;
    margin-bottom: 6px;
    color: var(--main-color-seventh);
}

.main-col .reviews article h3 .hide_name-DJSTORE {
    display: block;
    font-weight: 500;
    font-size: 14px;
    line-height: 124%;
    color: var(--main-color-seventh);
}

.main-col .reviews article h3 .answer-review {
    display: block;
    font-weight: normal;
    font-size: 12px;
    color: var(--main-color);
    margin-bottom: 24px;
}

.main-col .reviews article p {
    font-weight: 400;
    font-size: 14px;
    line-height: 162%;
    color: var(--main-color-seventh);
}

.main-col .reviews article p:not(:last-child) {
    margin-bottom: 20px;
}

.main-col .reviews article .answer {
    position: relative;
    padding-left: 48px;
    margin-top: 32px;
}

/* ####### Registration ####### */

#register {
    margin-left: 16px;
    margin-right: 16px;
    margin-bottom: 104px;
}

.register-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding-right: 60px;
    box-sizing: border-box;
}

.register-title,
.review-title {
    font-weight: 600;
    font-size: 24px;
    letter-spacing: -0.01em;
    color: var(--main-color-seventh);
    display: block;
    margin-bottom: 32px;
}

#register form {
    display: block;
    width: 35%;
}

#register .social {
    display: block;
    width: 40%;
}

#register form {
    margin-right: 13%;
}

#register label {
    display: block;
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    color: var(--main-color-seventh);
    margin-bottom: 10px;
}

.register-password {
    display: block;
    margin-bottom: 10px;
}

#register .checkbox {
    display: flex;
    flex-wrap: wrap;
    margin-top: -12px;
}

#register .checkbox.checkboxinput + label {
    display: block;
    width: max-content;
    padding-left: 24px;
    position: relative;
    cursor: pointer;
    margin-bottom: 14px;
}

#register .checkbox.checkboxinput + label::after {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    border: 1px solid rgba(43, 45, 58, 0.2);
    box-sizing: border-box;
    border-radius: 4px;
    background-color: rgba(43, 45, 58, 0.03);
    content: "";
}

#register .checkbox.checkboxinput + label:hover::after {
    border: 1px solid var(--main-color);
}

#register .checkbox.checkboxinput:checked + label::before {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    border: 1px solid var(--main-color);
    box-sizing: border-box;
    border-radius: 4px;
    background-color: var(--main-color);
    background-image: url("/static/images/checkbox.svg");
    background-repeat: no-repeat;
    background-position: 0 1px;
    background-size: 15px 14px;
    content: "";
}

#register .checkbox-news + label {
    display: block;
    width: max-content;
    padding-left: 24px;
    position: relative;
    cursor: pointer;
    margin-bottom: 14px;
}

#register .checkbox-news + label::after {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    border: 1px solid rgba(43, 45, 58, 0.2);
    box-sizing: border-box;
    border-radius: 4px;
    background-color: rgba(43, 45, 58, 0.03);
    content: "";
}

#register .checkbox-news + label:hover::after {
    border: 1px solid var(--main-color);
}

#register .checkbox-news:checked + label::before {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    border: 1px solid var(--main-color);
    box-sizing: border-box;
    border-radius: 4px;
    background-color: var(--main-color);
    background-image: url("/static/images/checkbox.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 15px 14px;
    content: "";
    z-index: 10;
}

#register input {
    display: block;
    width: 100%;
    border: 1px solid rgba(43, 45, 58, 0.2);
    box-sizing: border-box;
    border-radius: 8px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 13px;
    padding-bottom: 14px;
    margin-bottom: 24px;
    background-color: #ffffff;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    color: var(--main-color-seventh);
}

#register .phone input {
    margin-bottom: 24px;
}

#register input.checkbox.checkboxinput,
#register #cksubscribe {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

#register input:hover {
    border: 1px solid var(--main-color);
}

#register input:focus {
    border: 1px solid var(--main-color);
}

#register .phone .country {
    width: 13%;
    margin-right: 2.5%;
    float: left;
    display: block;
    padding-left: 8px;
    padding-right: 8px;
}

#register .phone .country::placeholder {
    font-weight: 500;
    font-size: 14px;
    color: rgba(43, 45, 58, 0.2);
}

#register .phone .pref {
    width: 23.95%;
    margin-right: 2.5%;
    float: left;
}

#register .phone .num {
    width: 58%;
}

#register .checkbox input {
    width: auto;
    margin-right: 10px;
}

#register .captcha {
    margin-bottom: 15px;
}

#register .captcha .c-right {
    float: right;
    width: 70%;
}

#register .captcha img {
    border: 1px solid #cfcece;
    margin-right: 10px;
}

#register .captcha a:not(:hover) {
    color: #0071bb;
}

#register .captcha input {
    float: none;
    width: 90px;
    padding: 0 5px;
    margin-top: 10px;
}

/* ####### Fancybox style ####### */

.fancybox-overlay {
    background: rgba(0, 0, 0, 0.5);
}

.fancybox-skin {
    background: #fff !important;
    padding: 0 !important;
    border-radius: 14px;
    box-shadow: 8px 16px 32px rgba(165, 165, 165, 0.16) !important;
}

.fancybox-close {
    top: 16px;
    right: 24px;
    background-image: url("../images/x.svg");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 24px;
    height: 24px;
}

.fancybox-close:hover {
    background-image: url("../images/x-active.svg");
}

/* ####### Lightboxes ####### */

[id$="-box"] {
    display: none;
    color: var(--main-color-seventh);
    width: 500px;
}

#order-status-box h2 {
    border: none;
}

[id$="-box"] a {
    font-weight: 500;
    font-size: 14px;
    display: block;
    color: var(--main-color);
    margin-bottom: 24px;
}

[id$="-box"] label, [id$="-box"] input {
    display: block;
}

[id$="-box"] label {
    font-size: 14px;
    margin-bottom: 3px;
}

[id$="-box"] input, [id$="-box"] textarea {
    display: block;
    width: 100%;
    border: 1px solid rgba(43, 45, 58, 0.2);
    box-sizing: border-box;
    border-radius: 8px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 14px;
    padding-bottom: 14px;
    margin-bottom: 16px;
    background-color: #ffffff !important;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    color: var(--main-color-seventh);
}

[id$="-box"] input:hover,
[id$="-box"] textarea:hover {
    border: 1px solid var(--main-color);
}

[id$="-box"] input:focus,
[id$="-box"] textarea:focus {
    border: 1px solid var(--main-color);
}

[id$="-box"] input::placeholder {
    font-weight: 400;
    font-size: 16px;
    color: rgba(43, 45, 58, 0.5);
}

.password-memory:hover {
    color: var(--main-color-hover);
}

[id$="-box"] button, #register button, .main-col .reviews button {
    background: var(--main-color);
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 8px;
    box-sizing: border-box;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    display: block;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
}

#register button {
    margin-top: 32px;
}

[id$="-box"] button:hover,
#register button:hover,
.main-col .reviews button:hover {
    background-color: var(--main-color-hover);
}

input:-webkit-autofill {
    background-color: #fff !important;
}

#auth-box {
    width: 465px;
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 40px;
    display: block;
    border-radius: 14px;
    box-sizing: border-box;
}

#auth-box .registration {
    padding-top: 32px;
    width: 100%;
    border-top: 1px dashed rgba(85, 104, 255, 0.1);
    text-align: center;
    margin-top: 32px;
    margin-bottom: 0;
}

#auth-box .registration:hover {
    color: var(--main-color-hover);
}

.fancybox-inner > #order-status-box {
    padding: 0;
}

#order-status-box {
    width: 465px;
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 40px;
    border-radius: 14px;
    box-sizing: border-box;
    display: block;
}

#auth-box .h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: var(--main-color-seventh);
    margin-bottom: 24px;
    text-align: center;
}

#auth-box h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: var(--main-color-seventh);
    margin-bottom: 24px;
    text-align: center;
}

#order-status-box p {
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 14px;
    line-height: 142%;
    color: rgba(43, 45, 58, 0.7);
}

#order-status-box h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: var(--main-color-seventh);
    margin-bottom: 24px;
    text-align: center;
}

#auth-box .social {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 256px;
    margin: 0 auto;
}

#auth-box .social a {
    display: block;
    width: 118px;
    border-radius: 6px;
    border: 1px solid rgba(43, 45, 58, 0.15);
    padding-left: 38px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 5px;
    position: relative;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 12px;
    color: var(--main-color-seventh);
}

#auth-box .social a:before {
    display: block;
    position: absolute;
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
}

#auth-box .social .vk:before {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    left: 9px;
    top: 9px;
    background-image: url("/static/images/vk-popup.svg");
}

#auth-box .social .fb:before {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    left: 9px;
    top: 9px;
    background-image: url("/static/images/facebook-popup.svg");
}

#auth-box .social a:hover {
    border: 1px solid #2B2D3A;
}

#register .social a, .main-col .reviews .social a {
    display: block;
    width: 160px;
    border-radius: 6px;
    border: 1px solid rgba(43, 45, 58, 0.15);
    padding-left: 64px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 5px;
    position: relative;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 12px;
    color: var(--main-color-seventh);
}

#register .social a:hover,
.main-col .reviews .social a:hover {
    border: 1px solid var(--main-color-seventh);
}

#register .social a.vk:before,
.social.review-social a.vk:before {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    left: 30px;
    top: 12px;
    background-image: url("/static/images/vk-popup.svg");
    display: block;
    position: absolute;
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
}

#register .social a.fb:before,
.social.review-social a.fb:before {
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    left: 30px;
    top: 12px;
    background-image: url("/static/images/facebook-popup.svg");
    display: block;
    position: absolute;
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
}

.social-wrap {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
}

.fb, #register .social .fb, .main-col .reviews .social .fb {
    background-position: 23px -30px;
}

#credit-box.form-open {
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 40px;
    border-radius: 14px;
    box-sizing: border-box;
    width: 580px;
    max-width: 90vw;
    display: block;
}

#credit-box h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: var(--main-color-seventh);
    margin-bottom: 32px;
}

#credit-menu a {
    display: block;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid #d8d8d8;
}

#credit-form {
    display: none;
}

#credit-form > * {
    float: left;
}

#credit-form .credit-logo {
    width: 100px;
    padding-top: 33px;
    margin-right: 70px;
}

#credit-form .credit-logo img {
    display: block;
    margin: 0 auto 30px;
}

#credit-form p {
    font-size: 14px;
}

#credit-form p.small {
    font-size: 12px;
}

#credit-form form {
    text-align: left;
    width: 340px;
}

#credit-form label {
    position: relative;
    font-size: 11px;
}

#credit-form .city:after, #credit-form .address:after {
    content: "▼";
    position: absolute;
    bottom: 7px;
    right: 7px;
    cursor: text;
}

#credit-form .captcha {
    padding: 8px 0 5px;
}

#credit-form .captcha input {
    display: inline-block;
    width: 160px;
    height: 28px;
    margin-right: 10px;
}

#credit-form .captcha img {
    height: 30px;
}

#credit-form input {
    text-align: left;
}

#credit-form button {
    width: 200px;
    margin-bottom: 15px;
}

#tinkoff button[type="submit"] {
    background: none;
    text-align: center;
    border: 1.95833px solid rgba(43, 45, 58, 0.2);
    box-sizing: border-box;
    border-radius: 15.6667px;
    width: 236px;
    height: 90px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

#tinkoff button[type="submit"] img {
    width: 192px;
    height: auto;
}

#pos-credit-link img {
    width: 192px;
    height: auto;
}

/* ####### User profile ####### */

.profile-header p {
    font-size: 14px;
    color: var(--main-color-seventh);
}

.profile-header .name {
    font-weight: 600;
    font-size: 16px;
    color: var(--main-color-seventh);
}

.profile-wrapper h2 {
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-weight: 500;
    font-size: 16px;
    color: var(--main-color-seventh);
    padding-left: 36px;
}

.profile-wrapper a {
    color: var(--main-color);
}

.profile-wrapper a:hover {
    color: var(--main-color);
}

.profile-wrapper > div {
    padding: 0;
    margin-bottom: 130px;
}

.profile-wrapper .left-col {
    width: 178px;
    margin-right: 10px;
}

.profile-wrapper .left-col.menu {
    width: 205px;
    margin-right: 10px;
    margin-bottom: 52px;
}

.profile-wrapper .left-col h3 {
    font-size: 13px;
}

.profile-wrapper .left-col p {
    color: var(--main-color-seventh);
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 16px;
    display: block;
}

.profile-wrapper .service a {
    display: block;
}

.profile-wrapper .main-col {
    width: 765px;
}

.profile-wrapper .main-col > div table {
    width: 100%;
    margin-bottom: 42px;
}

.profile-wrapper .main-col > div td {
    line-height: 33px;
    height: 33px;
}

.profile-wrapper.details h1 {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 32px;
    color: var(--main-color-seventh);
    margin-left: 0;
}

.profile-wrapper.details > div {
    float: left;
}

.profile-wrapper.details h2 {
    background-image: none;
    width: 200px;
    padding-left: 30px;
}

.profile-wrapper.details p {
    font-weight: 400;
    font-size: 14px;
    line-height: 152%;
    color: var(--main-color-seventh);
    margin-bottom: 0;
    padding-left: 24px;
}

.profile-wrapper.details .cart-order-payment p {
    padding-left: 0;
}

.profile-wrapper.details table {
    width: 100%;
}

.profile-wrapper.details table a {
    display: block;
    font-weight: 500;
    font-size: 16px;
    color: var(--main-color-seventh);
    margin-bottom: 6px;
}

.profile-wrapper.details table img {
    max-width: 110px;
    max-height: 65px;
    margin-right: auto;
    display: block;
}

.profile-wrapper.details th:nth-of-type(2) {
    text-align: left;
    width: 44%;
}

.profile-wrapper.details tbody tr:not(:last-child) {
    border-bottom: 1px solid rgba(43, 45, 58, 0.1);
}

.profile-wrapper.details tfoot tr:not(:last-child) {
    border-bottom: none;
}

.profile-wrapper.details tbody td:nth-of-type(3) {
    font-weight: 500;
    font-size: 14px;
    text-align: center;
}
.profile-wrapper.details tbody td:nth-of-type(4) {
    font-weight: 600;
    font-size: 16px;
    text-align: center;
}

.profile-wrapper.details tfoot tr {
    border: none;
}

.profile-wrapper.details tfoot > td {
    padding: 5px 0;
}

.profile-wrapper.details tfoot table td {
    font-weight: 400;
    font-size: 14px;
    color: var(--main-color-seventh);
}

.profile-wrapper.details .payment, .profile-wrapper.details .mailing {
    width: 50%;
    margin-bottom: 50px;
}

.profile-wrapper.details .payment > div, .profile-wrapper.details .mailing > div {
    min-height: 146px;
}

.profile-wrapper.details .goods, .profile-wrapper.details .comment {
    float: none;
    clear: both;
    width: 100%;
}

.profile-wrapper.details .goods > div {
    padding: 0;
}

.profile-wrapper.details .comment textarea {
    width: 450px;
    height: 132px;
    resize: none;
    display: block;
    box-sizing: border-box;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 16px;
    padding-right: 16px;
    border: 1px solid rgba(43, 45, 58, 0.2);
    border-radius: 8px;
    margin-bottom: 32px;
}

.profile-wrapper.details .comment textarea:hover,
.profile-wrapper.details .comment textarea:focus {
    border: 1px solid var(--main-color);
}

.profile-wrapper.details .comment button {
    width: 334px;
    border: 0;
    display: block;
    box-sizing: border-box;
    background-color: var(--main-color);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    height: 52px;
    line-height: 52px;
    border-radius: 8px;
}

.profile-wrapper.details .comment button:hover {
    background-color: var(--main-color-hover);
}

.profile-wrapper.details .mailing tr {
    border: none;
}

.profile-wrapper.details .mailing tr td:last-of-type {
}

#user-data-box form {
    padding: 20px 80px 40px 20px;
}

#user-data-box label {
    float: left;
    font-size: 13px;
    text-align: right;
    width: 24%;
    height: 30px;
    padding: 5px 3% 0 0;
}

#user-data-box input, #password-box input, #user-data-box textarea {
    background: #eee;
    text-align: left;
    width: 69%;
    margin-bottom: 15px;
    border: none;
}

#profile_edit_div label {
    display: block;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
}

#profile_edit_div .edit-row span {
    font-weight: 500;
    font-size: 16px;
    color: var(--main-color-seventh);
    margin-right: 10px;
}

#profile_edit_div input, #password-box input, #profile_edit_div textarea {

}

#profile_edit_div input.phone_code, #profile_edit_div input.phone {
    display: inline-block;
}

#profile_edit_div input.phone_code {
    text-align: center;
    width: 75px;
    margin-right: 10px;
}

#user-data-box button {
    margin: 20px 0 0 60px;
}

#password-box form {
    padding: 20px 95px 25px;
}

#password-box label {
    font-size: 13px;
}

#password-box input {
    text-align: center;
    width: 97%;
    margin-bottom: 5px;
}

#password-box button {
    margin-top: 15px;
}

/* ####### Footer ####### */

footer {
    clear: both;
    background: var(--main-color-eleventh);
    color: var(--main-color-seventh);
    padding: 30px 20px 70px 20px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 52px;
    border-radius: 12px 12px 0 0;
}

body {
    position: relative;
}

.new-year-enabled_.product footer {
    margin-top: 72px;
}

footer .small {
    font-size: 12px;
    line-height: 124%;
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
}

footer .info {
    float: left;
    width: 200px;
    margin-right: 75px;
}

.phones p {
    margin-bottom: 10px;
}

footer .copyright {
    font-size: 11px;
    margin-bottom: 25px;
    width: 160px;
}

footer .phones {
    font-size: 11px;
    line-height: 1.15;
    color: #666;
    margin-bottom: 30px;
}

footer .phones strong {
    display: block;
    font-size: 16px;
    color: var(--main-color-seventh);
}

footer .social-block {
    float: right;
    width: 225px;
}

footer .social-block p {
    margin-bottom: 11px;
}

footer .social-block input {
    line-height: 27px;
    width: 184px;
    height: 27px;
    padding: 0 7px;
    margin-bottom: 10px;
    border: 1px solid #a3a3a3;
}

footer .social-block button {
    background: #0071bb;
    font-size: 12px;
    width: 200px;
    color: #fff;
    padding: 7px;
    margin-bottom: 10px;
    border: none;
}

footer .social {
    text-align: center;
    flex-wrap: wrap;
    justify-content: space-between;
    display: flex;
}

.social.clear:before, .social.clear:after {
    display: none;
}

footer .social a {
    display: block;
    text-decoration: none;
    width: 32px;
    height: 32px;
    margin-bottom: 16px;
}

footer .social .vk {
    background: url("/static/images/social/vkontakte.svg") no-repeat;
    background-position: 0 0;
    background-size: 32px 32px;
}

footer .social .fb {
    background: url("/static/images/social/facebook.svg") no-repeat;
    background-position: 0 0;
    background-size: 32px 32px;
}

footer .social .yt {
    background: url("/static/images/social/youtube.svg") no-repeat;
    background-position: 0 0;
    background-size: 32px 32px;
}

footer .social .ig {
    background: url("/static/images/social/instagram.svg") no-repeat;
    background-position: 0 0;
    background-size: 32px 32px;
}

footer .social .tw {
    background: url("/static/images/social/twitter.svg") no-repeat;
    background-position: 0 0;
    background-size: 32px 32px;
}

footer .social .telegram {
    background: url("/static/images/social/telegram.svg") no-repeat;
    background-position: 0 0;
    background-size: 32px 32px;
}

footer .service-menu {
    width: 450px;
    column-count: 3;
    -moz-column-count: 3;
    -webkit-column-count: 3;
}

footer .service-menu .service-item {
    display: block;
    width: 29%;
}

footer .service-menu .service-item {
    margin-right: 4%;
}

footer .service-menu h3 {
    font-size: 12px;
    color: #0071bb;
    text-transform: uppercase;
    margin-bottom: 10px;
}

footer .service-menu ul {
    margin-bottom: 42px;
}

footer .service-menu li:not(:last-child) {
    margin-bottom: 8px;
}

footer .service-menu a {
    text-decoration: none;
}

footer .service-info {
    padding: 25px 0 0;
    border-top: 1px solid #e2e2e2;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

footer .service-info .age-rating {
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    color: #bcbec0;
    width: 38px;
    height: 38px;
    border:1px solid #bcbec0;
    border-radius: 50%;
    display: block;
}

footer .service-info .counters {
    float: right;
}

footer .service-info .payment-methods img {
    margin-bottom: 12px;
    margin-right: 20px;
    width: 42px;
    height: 30px;
}

footer .info {
    margin-right: 40px;
}

footer .copyright {
    margin-bottom: 15px;
}

footer .tagline {
    background: var(--main-color);
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    text-align: center;
    color: #fff;
    width: 163px;
    height: 32px;
    margin-bottom: 25px;
    border-radius: 4px;
    cursor: pointer;
}

footer .service-menu {
    width: 470px;
    display: flex;
    flex-wrap: wrap;
}

footer .right-col {
    float: right;
    width: 225px;
}

footer .news-subscribe h3 {
    font-size: 14px;
    font-weight: 600;
}

footer .news-subscribe input {
    /*line-height: 30px;*/
    text-align: center;
    width: 188px;
    height: 30px;
    padding: 0 5px;
    margin-bottom: 7px;
    border: 1px solid rgba(43, 45, 58, 0.2);
    font-size: 14px;
    border-radius: 4px;
    background-color: transparent;
    cursor: pointer;
}

footer .news-subscribe input::placeholder {
    font-size: 14px;
    padding-top: 0;
    padding-bottom: 0;
}

footer .news-subscribe input:focus {
    border: 1px solid var(--main-color);
}

footer .news-subscribe input:hover {
    border: 1px solid var(--main-color);
}

footer .news-subscribe button {
    background: var(--main-color);
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    width: 200px;
    height: 32px;
    border: none;
    border-radius: 4px;
}

footer .news-subscribe button:hover {
    background: var(--main-color-hover);
}

footer .orphus {
    text-align: center;
}

footer .service-info .legal {
    font-size: 12px;
    line-height: 124%;
    color: rgba(43, 45, 58, 0.6);
    display: block;
    width: 220px;
}

.payment-methods {
    display: block;
    width: 505px;
}

footer .service-info .payment-methods img {
    display: block;
}

footer .service-info .counters {
    line-height: 38px;
}

.footer-payment-systems {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

#cart-plate {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    color: #fff;
    width: 100%;
}

#cart-plate .wrapper {
    width: 1152px;
    height: 80px;
    margin: 0 auto;
    box-sizing: border-box;
}

#cart-plate .wrapper > div {
    float: right;
    line-height: 28px;
    position: relative;
}

#scrolltop a {
    display: block;
    text-decoration: none;
    outline: none;
    position: relative;
}

#scrolltop a {
    content: "";
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 6px;
    background-color: #fff;
    right: 0;
    top: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 0, 0, 0.08);
}

#scrolltop a svg {
    stroke: var(--main-color-seventh);
    stroke-opacity: 0.5;
}

#cart-plate .wrapper .order {
    border-left: none;
    padding: 12px 0 12px 24px;
    display: none;
}

#cart-plate .wrapper .cart,
#cart-plate .wrapper .order-status {
    display: none;
}

#cart-plate .wrapper .cart img {
    margin: 15px 138px;
}

#cart-plate .wrapper .cart a {
    display: block;
    text-decoration: none;
    color: #fff;
    height: 28px;
    padding: 7px 0;
}

#cart-plate .wrapper .cart a {
    background-image: url("/static/images/basket.svg");
    background-repeat: no-repeat;
    background-position: 10px 18px;
    padding: 12px 0 12px 46px;
    background-size: 24px 24px;
    font-size: 14px;
}

#cart-plate .button {
    float: right;
    background: #ffffff;
    line-height: 38px !important;
    text-transform: none;
    width: 154px;
    height: 38px;
    border-radius: 6px;
    color: var(--main-color) !important;
    padding: 0;
    font-size: 14px;
    font-weight: 500;
}

footer #cart-amount {
    display: inline-block;
    background-color: var(--main-color-thirteenth);
    height: 38px;
    padding: 0 15px;
    margin: 0 12px 0 12px;
    border-radius: 6px;
    color: #fff;
    font-size: 12px;
    box-sizing: border-box;
    line-height: 38px;
}

footer #cart-total {
    margin-left: 4px;
}

#cart-plate .order-status {
    width: 361px;
    padding: 12px 0;
}

#cart-plate .order-status .button {
    float: none;
    width: 166px;
    border: 1px solid var(--main-color-thirteenth);
    border-radius: 6px;
    background-color: var(--main-color-thirteenth);
    color: #ffffff !important;
    line-height: 38px !important;
    padding: 0;
    background-image: url("/static/images/box-order.svg");
    background-size: 22px 22px;
    background-repeat: no-repeat;
    background-position: 16px center;
    padding-left: 38px;
    height: 38px;
    box-sizing: border-box;
    font-weight: 500;
    font-size: 14px;
}

#cart-plate .order-status .button:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: var(--main-color) !important;
    background-image: url("/static/images/box-order-active.svg");
}

/* ####### Helper classes ####### */

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.left {
    text-align: left !important;
}

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

#cat-items.clear:before,
#cat-items.clear:after {
   display: none;
}

.clear:after {
    clear: both;
}

.hidden {
    display: none;
}

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

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

/*
@media screen and (max-width: 1260px)
	#bg-l, #bg-r {
		background: none;
	}
}
/**/

/* ####### Print styles ####### */

@media print {
    *, *:before, *:after {
        background: var(--main-color-third) !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a, a:visited {

    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: "";
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr, img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }

    h2, h3 {
        page-break-after: avoid;
    }
}

/* ####### Contacts page ####### */

.contacts-block {
    color: var(--main-color-seventh);
    font-size: 14px;
}

.contacts-block a,
.contacts-block a:visited {
    color: var(--main-color-seventh);
    text-decoration: none;
}

.contacts-block a:hover {
    color: #166eff;

}

.contacts-block p {
    margin: 0 0 1.5em;
    font-size: 14px;
    color: var(--main-color-seventh);
    margin-bottom: 1em;
    line-height: 18px;
}

.contacts-block .city_selector_link {
    padding: 0;
    font-weight: 400;
}

.contacts-block hr {
    margin: 2px 0;
    background: #e0e1e1;
}

.contacts-block ul {
    list-style: none;
    overflow: hidden;
}

.contacts-block h2.contacts-header-small-black {
    font-size: 14px;
    color: var(--main-color-seventh);
    margin: 0 0 3px;
}

.contacts-block h2 a {
    color: #000;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 400;
}

.contacts-block h3 {
    color: #0071bc;
    font-size: 20px;
    font-weight: normal;
    line-height: 16px;
}

.contacts-block .contacts-block-mode h2.contacts-header-small-black {
    margin: 0 0 15px;
}

.contacts-block .contacts-block-mode strong {
    font-size: 16px;
}

.contacts-block .contacts-address {
    margin-bottom: 20px;
}

.contacts-block ul.contacts-block-phone {
    margin: 0 0 20px;
}

.contacts-block ul.contacts-block-phone li {
    background: none;
    font-size: 14px;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

.contacts-block ul.contacts-block-phone li:before {
    content: "";
}

.contacts-block ul.contacts-block-phone strong {
    font-size: 16px;
}

.contacts-block .contacts-block-phone-small {
    font-size: 12px;
}

.contacts-block .contacts-alien {
    color: #0071bc;
    font-size: 17px;
    text-align: center;
    line-height: 21px;
    padding: 27px 34px;
    margin-bottom: 45px;
    border: 2px solid #e6e6e6;
}

.contacts-block .contacts-alien h2 {
    font-size: 24px;
}

.contacts-block .contacts-alien img:first-of-type {
    margin-bottom: 20px;
}

.contacts-block .contacts-alien-address {
    font-size: 17px;
    color: #0073b5;
    text-align: center;
    padding-bottom: 10px;
}

.contacts-block .contacts-departments,
.contacts-block #contacts_form {
    width: 42.5%;
    padding: 24px 16px 24px 16px;
    min-height: 530px;
}

.contacts-block .contacts-departments {
    float: left;
    margin: 0 1% 30px 0;
}

.contacts-block .contacts-departments h3 {
    font-weight: bold;
    font-size: 14px;
    margin: 0;
}

.contacts-block .contacts-departments p {
    margin-bottom: 28px;
}

.contacts-block #contacts_form td {
    vertical-align: top;
    padding: 0;
}

.contacts-block .small {
    width: 34%;
}

.contacts-block .average {
    width: 68%;
}

.contacts-block .big {
    width: 100%;
    box-sizing: border-box;
}

/* ####### Auth pages ####### */

/* ####### Auth pages ####### */

.auth-page .social a {
    display: inline-block;
    background: url(../images/social-sprite2.png) 23px 0 no-repeat;
    line-height: 30px;
    text-decoration: none;
    width: 110px;
    height: 30px;
    padding-left: 20px;
    border: 1px solid #d8d8d8;
}

.auth-page .social a {
    width: 85px;
    padding-left: 45px;
}

.auth-page .social .vk {
    margin-right: 10px;
}

.auth-page .social .fb {
    background-position: 23px -30px;
}

.auth-page button {
    background: var(--main-color);
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    width: 160px;
    height: 35px;
    border: none;
    border-radius: 2px;
}

.auth-page form, .auth-page .social {
    float: left;
    width: 43.5%;
}

.auth-page form {
    margin-right: 13%;
}

.auth-page.login form {
    width: 40%;
}

.auth-page label {
    clear: both;
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: var(--main-color-seventh);
    margin-bottom: 10px;
}

.auth-page input {
    display: block;
    width: 100%;
    border: 1px solid rgba(43, 45, 58, 0.2);
    box-sizing: border-box;
    border-radius: 8px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 13px;
    padding-bottom: 14px;
    margin-bottom: 24px;
    background-color: #ffffff;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    color: var(--main-color-seventh);
    max-width: 370px;
}

.auth-page.remind input {
    float: none;
}

.auth-page .phone .country {
    width: 5%;
    margin-right: 2.5%;
}

.auth-page .phone .pref {
    width: 7.95%;
    margin-right: 2.5%;
}

.auth-page .phone .num {
    width: 42%;
}

.auth-page .checkbox {
    padding-left: 30%;
}

.auth-page .checkbox input {
    float: left;
    width: auto;
    margin-right: 10px;
}

.auth-page .captcha {
    margin-bottom: 15px;
}

.auth-page .captcha .c-right {
    float: right;
    width: 70%;
}

.auth-page .captcha img {
    border: 1px solid #cfcece;
    margin-right: 10px;
}

.auth-page .captcha a:not(:hover) {
    color: #0071bb;
}

.auth-page .captcha input {
    float: none;
    width: 90px;
    padding: 0 5px;
    margin-top: 10px;
}

.auth-page.login button, .auth-page.remind button {
    margin-left: 0;
}

.auth-page.remind button {

}

.auth-page .forget {
    float: right;
    line-height: 35px;
    width: 120px;
    margin: 0;
}

.auth-page.remind .login {
    margin-right: 25px;
}

.auth-page .social h2 {
    font-weight: normal;
    font-size: 20px;
    margin-bottom: 15px;
}

/* ############################### */

.fotorama--fullscreen {
    background-color: rgba(0, 0, 0, 0.5);
}

.fotorama__active .fotorama__thumb.fotorama__loaded.fotorama__loaded--img {
    background: #fff;
    opacity: 1;
}

/***/
.fotorama__fullscreen-icon {
    background: none;
}

.fotorama__fullscreen-icon:hover {
    opacity: 1;
}

.fotorama__fullscreen-icon:hover + .fotorama__arr,
.fotorama__fullscreen-icon:hover ~ .fotorama__arr {
    opacity: .2;
}

.fotorama__arr--disabled {
    opacity: .1 !important;
}

.fotorama__arr {
    width: 45px;
    height: 80px;
}

.fotorama__arr--next {
    right: 52px;
    bottom: -45px;
    width: 32px;
    height: 32px;
    background-image: url("/static/images/arrow_right-fotorama.svg");
    background-size: 32px 32px;
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    display: block;
}

.fotorama__arr--prev {
    left: 52px;
    bottom: -45px;
    width: 32px;
    height: 32px;
    background-image: url("/static/images/arrow_left-fotorama.svg");
    background-size: 32px 32px;
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    display: block;
}

.fotorama__nav-wrap {
    width: 416px;
    margin: 0 auto;
}

.fotorama__fullscreen-icon:after {
    width: 24px;
    height: 24px;
    background-position: 0 0;
    background-image: url("/static/images/x.svg");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    display: block;
    content: "";
}

.fotorama__fullscreen-icon:hover:after {
    background-image: url("/static/css/../images/x-active.svg");
}

.fotorama__stage__frame {
    padding-top: 110px;
    padding-left: 110px;
    padding-right: 110px;
    padding-bottom: 22px;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.fotorama__thumb {
    background-color: #fff;
    text-align: center;
}

.fotorama__thumb .fotorama__img {
    position: static !important;
    width: auto !important;
    height: auto !important;
    min-width: unset !important;
    min-height: unset !important;
    max-width: 44px !important;
    max-height: 44px !important;
}

.product-colors-gallery h3 {
    font-weight: 500;
    margin-bottom: 12px;
    text-align: left;
}

/*
.fotorama__thumb-border {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	border-style: solid;
	border-color: #00afea;
	background-image: linear-gradient(to bottom right, rgba(255, 255, 255, .25), rgba(64, 64, 64, .1));
}
/**/
/*
#product-photos-slider img, #product-videos-slider img {
	max-width: 55px;
	max-height: 44px;
}
/**/
.container {
    /*background: #fff;*/
    width: 1000px;
    margin: 0 auto;
}

/******************
*
*/
/** jpplayer **/
.jpplayer {
}

.jpplayer .left {
    margin: 1px 0 0 0;
}

.jpplayer .jp-play,
.jpplayer .jp-pause {
    width: 50px;
    display: inline-block;

    background: url(../images/btns_jplayer.png) no-repeat;
    width: 16px;
    height: 16px;
}

.jpplayer .jp-pause {
    background: url(../images/btns_jplayer.png) -16px 0px no-repeat;
}

.jpplayer .bar_cont {
    border: 1px solid #EEEEEE;
    width: 300px;
    margin: 1px 0 15px 0;
}

.jpplayer .jp-seek-bar {
    background: #EEEEEE;
    cursor: pointer;
}

.jpplayer .jp-play-bar {
    height: 3px;
    background: #7410FF;
}

/**** pager ****/

.pager a {
    min-height: 28px;
    display: inline-block;
    margin-top: -2px;
}

.pager span.current,
.pager .pages-link a {
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    padding: 2px 6px;
    color: rgba(43, 45, 58, 0.7);
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid transparent;
    min-width: 24px;
    min-height: 24px;
    margin-top: 0;
}

.pager .pages-link {
    display: inline-block;
    width: max-content;
    height: max-content;
    margin: 0 6px;
}

.pager a {
    background: #fff;
}

.pager .pages-link a:hover {
    border: 1px solid var(--main-color);
    color: var(--main-color);
}

.pager span.current {
    background-color: var(--main-color);
    border: 1px solid var(--main-color);
    color: #fff;
}

/**** slider ***/
.slider-border-btn,
.slider-prev,
.slider-next,
.slider,
.product_item {
    display: table-cell;
}

.slider-border-btn {
    vertical-align: middle;
}

.slider-prev.disabled span,
.slider-next.disabled span {
    opacity: 0;
}

.slider-block .caroufredsel_wrapper {
    width: 100% !important;
    height: 330px !important;
}

.slider {
    position: relative;
    width: 100%;
    display: block;
}

.slider .product_item {
    box-sizing: inherit;
    background: #ffffff;
    width: 196px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 12px;
    padding-bottom: 24px;
    border-radius: 8px;
    border: 1px solid var(--main-color-tenth);
    display: block;
    cursor: pointer;
}

.slider .product_item:not(:last-child) {
    margin-right: 20px;
}

.slider .product_item p {
    margin-bottom: 0px;
}

.slider .product_item a {
    display: block;
}

.slider .product_item img {
    max-width: 134px;
    max-height: 95px;
    display: block;
    margin: 0 auto;
    min-height: 50px;
}

.slider .product_item h3 {
    font-size: 14px;
    line-height: 1.2;
    color: var(--main-color-seventh);
    height: 48px;
    margin-bottom: 10px;
}

.slider .product_item h3 a {
    text-decoration: none;
    color: var(--main-color-seventh);
}

.slider .product_item .img {
    height: 95px;
    line-height: 95px;
    width: 134px;
    margin: 0 auto;
    margin-bottom: 10px;
    mix-blend-mode: multiply;
    display: flex;
    align-items: center;
    justify-content: center;
}

.slider .product_item .price {
    font-size: 20px;
    font-weight: 600;
    color: var(--main-color-seventh);
    margin-bottom: 16px;
    letter-spacing: 0.5px;
}

.slider .product_item .old-price {
    text-decoration: line-through;
    color: #E4666E;
    font-weight: 500;
}

.slider .product_item .list-right-wrapper {
    min-height: 56px;
}

.slider .product_item .price.price-request {
    min-height: 40px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.slider .product_item form p,
.slider .product_item form div {
    margin: 0;
    padding: 0;
}

/* ####### Cart ####### */
.cart h2 {
    font-size: 18px;
    margin-bottom: 15px;
}

.cart section {
    width: 960px;
    padding: 10px 10px 25px;
    margin: 0 auto 45px;
}

.cart section.empty {
    background: #f2f2f2 url(../images/cart-empty-bg.jpg) center no-repeat;
}

.cart section a,
.cart h2 {
    color: var(--main-color);
}

.cart section a:hover {
    color: var(--main-color);
}

.cart .status-panel,
.main-col .howto-order-success {
    position: relative;
    background: #5bba48;
    font-weight: bold;
    font-size: 18px;
    line-height: 50px;
    color: #fff;
    width: 785px;
    height: 50px;
    padding: 0 30px;
    margin: 0 0 25px 115px;
}

.cart .status-panel:before,
.main-col .howto-order-success:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -105px;
    background: #00adee url(../images/main-sprite.png) 21px -1350px no-repeat;
    width: 95px;
    height: 50px;
}

.cart .border-gray {

}

.cart .border-gray table {
    margin-bottom: 15px;
}

.cart .border-gray th,
.cart .border-gray td {
    padding: 0px 10px 0px 0;
}

.cart .border-gray th {
    text-align: left;
}

/***********************/

#credit-box .credit-window-cont input:not(.captchainput), #credit-box select {
    background: #eee;
    border: none;
}

#model_credit_alpha_form_phone {
    width: 97%;
}

[id$="-box"] select {
    line-height: 30px;
    width: 100%;
    height: 30px;
    padding: 0px 1.5%;
    margin-bottom: 10px;
    border: 1px solid #cfcece;
}

#credit-box .credit-window-cont {
    padding: 25px 60px 40px;
}

#credit-box .credit-window-cont > * {
    float: left;
}

#credit-box .credit-window-cont .credit-icon {
    width: 100px;
    padding-top: 33px;
    margin-right: 70px;
}

#credit-box .credit-window-cont .credit-icon img {
    display: block;
    width: auto !important;
    height: auto !important;
    max-width: 75px;
    margin: 0 auto 10px;
}

#credit-box .bank-credit-table {
    width: auto !important;
    margin-left: 0 !important;
}

#credit-box .credit-window-cont p, #credit-box .credit-window-cont h3 {
    font-size: 14px;
    margin-bottom: 15px;
}

#credit-box .credit-window-cont p.small {
    font-size: 12px;
}

#credit-box .credit-window-cont form {
    text-align: left;
    width: 340px;
}

#credit-box .credit-window-cont label {
    position: relative;
    font-size: 11px;
}

#credit-box .credit-window-cont .captcha {
    padding: 8px 0 5px;
}

#credit-box .credit-window-cont .captcha input {
    display: inline-block;
    width: 160px;
    height: 28px;
    margin-right: 10px;
}

#credit-box .credit-window-cont .captcha img {
    height: 30px;
}

#credit-box .credit-window-cont input {
    text-align: left;
}

#credit-box .credit-window-cont input[type="submit"] {
    background: var(--main-color);
    font-size: 14px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    width: 200px;
    height: 35px;
    margin-bottom: 15px;
    border: none;
    border-radius: 2px;
}

/******************************/
.cart-order-payment {
    display: inline-block;
    width: auto;
}

.btn-th {
    background: var(--main-color);
    font-size: 14px;
    line-height: 1.3;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 2px;
    padding: 7px 20px;
    display: inline-block;
}

.btn-th-pay {
    font-weight: bold;
    font-size: 16px;
    padding: 10px 25px;
}

a.btn-th,
a.btn-th:hover {
    color: #fff;
    text-decoration: initial;
}

.payment-qiwi .clear_padded body td,
.payment-qiwi .clear_padded tbody td,
.payment-qiwi .clear_padded thead td {
    padding: 5px !important;
    width: auto !important;
    font-weight: normal !important;
}

.news ul li {
    margin-left: 25px;
}

.news ul li:before {
    content: "●";
    font-size: 12px;
    line-height: 1;
    color: var(--main-color);
    margin-right: 5px;
}

/************************************/
/************************************/
/************************************/

.navigation .search input {
    font-size: 14px;
}

/*
.autocomplete-suggestion {
	position: relative;
	line-height: 55px;
	height: 55px;
	padding-left: 70px;
}

.autocomplete-suggestion img {
	position: absolute;
	top: 5px;
	left: 10px;
	max-width: 50px;
	max-height: 50px;
}
/**/

.autocomplete-suggestion img {
    mix-blend-mode: multiply;
    display: block;
    margin: 0 auto;
}

.autocomplete-suggestion span {
    vertical-align: middle;
}

.autocomplete-suggestion:hover {
    color: var(--main-color);
}

@media screen and (max-width: 1400px) {
    #bg-l, #bg-r {
        background: none;
    }
}

#nav-menu .item {
    position: relative;
    padding: 0 10px 0 10px;
    display: flex;
    align-items: center;
}

.promo-slider-block {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 42px;
    padding-bottom: 20px;
    margin-bottom: 22px;
    position: relative;
}

.promo-slider-under-block {
    display: none;
}

.promo-slider-under-block h2 a,
.promo-slider-under-block h2 a:active,
.promo-slider-under-block h2 a:visited,
.promo-slider-under-block h2 a:hover {
    color: var(--main-color);
    text-decoration: none;
    font-weight: normal;
}

/**** SELECT 2 *********/
.navigation .brands > .brands-select {
    float: left;
    display: block;
    width: 234px;
    font-size: 14px;
}

.navigation .brands > .brands-select select {
    width: 100%;
    height: 35px;
    line-height: 35px;
    background-color: var(--main-color-second);
    border-radius: 4px;
    border: 1px solid var(--main-color-fifth);
}

.brands-select .select2-dropdown {
    background-color: unset;
    border: none;
    border-radius: 0;
}

.brands-select .select2-container--default .select2-selection--single {
    background-color: var(--main-color-second);
    border: none;
    border-radius: 0;
    height: 38px;
    border: 1px solid var(--main-color-fifth);
    border-radius: 4px;
}

.brands-search .select2-search--dropdown {
    padding: 0;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    background: var(--main-color-second);
    border: 1px solid var(--main-color-fifth);
}

.brands-select .select2-container--default .select2-selection--single .select2-selection__arrow {
    display: block;
    background-color: var(--main-color-second);
    background-image: url('/static/images/arrow_down_black.svg');
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: center;
    width: 11px;
    height: 12px;
    padding: 12px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 1px solid var(--main-color-fifth);
}

.brands-select .select2-container--default .select2-selection--single .select2-selection__arrow:hover {
    background-color: var(--main-color);
    background-image: url('../images/arrow_down_white.svg');
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.brands-select .select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.brands-select .select2-selection__rendered,
.brands-select .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 36px;
    background-color: var(--main-color-second);
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    color: rgba(43, 45, 58, 0.6);
    letter-spacing:-0.5px;
}

.select2-container--default .brands-search .select2-search--dropdown .select2-search__field {
    width: 230px;
    height: 31px;
    border: none;
    background: var(--main-color-second);
    outline: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    font-weight: 400;
    color: var(--main-color-seventh);
    /*border-right: 1px solid var(--main-color-fifth);*/
}

.select2-container--default .brands-search .select2-search--inline .select2-search__field {
    line-height: 23px;
}

.brands-search .select2-results {
    display: block;
    background-color: var(--main-color-second);
    overflow: hidden;
    border-right: 1px solid var(--main-color-fifth);
    border-left: 1px solid var(--main-color-fifth);
    border-bottom: 1px solid var(--main-color-fifth);
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.select2-dropdown.brands-search.select2-dropdown--below {
    background: none;
    border: none;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.25);
    margin-top: -38px;
    border-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    overflow: hidden;
}

.selection {
    background-color: var(--main-color-second);
}

.select2-container--default .brands-search .select2-results__group {
    font-weight: 700;
    padding: 15px 10px 0;
}

/*******************/
.content.cart {
    min-height: 500px;
}

.content.cart.empty-basket {
    position: relative;
    padding-left: 18px;
    box-sizing: border-box;
}

.content.cart.empty-basket:before {
    display: block;
    width: 420px;
    height: 420px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("/static/images/Illustration.jpg");
    background-size: contain;
    position: absolute;
    right: 32px;
    top: 0;
    content: "";
}

.content.cart.empty-basket h1 {
    max-width: 376px;
    margin-bottom: 16px;
    padding-top: 50px;

}

.content.cart.empty-basket p {
    max-width: 376px;
    margin-bottom: 16px;
    font-weight: 400;
    font-size: 16px;
    color: var(--main-color-seventh);
    line-height: 152%;
}

.content.cart.empty-basket p .empty-basket-link {
    color: var(--main-color);
}

.content.cart.empty-basket p .empty-basket-link:hover {
    color: var(--main-color-hover);
}

.content.cart.empty-basket .empty-basket-button {
    display: block;
    background-color: var(--main-color);
    line-height: 52px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    height: 52px;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    padding-left: 30px;
    background-image: url("/static/images/basket.svg");
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: 32px center;
    width: 234px;
    box-sizing: border-box;
    margin-top: 32px;
}

.content.cart.empty-basket .empty-basket-button:hover {
    background-color: var(--main-color-hover);
}

.profile-coll > table {
    width: 100%;
    margin-bottom: 10px;
}

.profile-coll > table td {
    line-height: 33px;
    height: 33px;
}

.btn-not-produced {
    display: block;
    background: #DDE2FF;
    font-weight: 600;
    font-size: 15px;
    text-align: center;
    padding: 4px;
    border: none;
    border-radius: 4px;
    color: #B3BBFF;
    position: absolute;
    width: 160px;
    box-sizing: border-box;
    bottom: 8px;
    left: 8px;
}

.product-info .btn-not-produced {
    position: static;
    width: 268px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.list-right .button {
    position: absolute;
    width: 160px;
    box-sizing: border-box;
    bottom: 8px;
    left: 8px;
}

.list .list-right .button {
    position: static;
    width: 100%;
}

.list .list-right .btn-not-produced {
    position: static;
    width: 100%;
}

    /*****************/

.h3,
.slider .product_item .h3 {
    display: block;
    padding: 0;
    margin: 0;
}

.slider .product_item .h3 {
    height: 56px;
    margin-bottom: 8px;
    overflow: hidden;
}

.slider .product_item .h3 a {
    text-decoration: none;
    color: var(--main-color-seventh);
    font-weight: 500;
    font-size: 14px;
    line-height: 142%;
}

footer .service-menu .h3 {
    font-size: 14px;
    font-weight: 600;
    color: var(--main-color-seventh);
    margin-bottom: 12px;
}

#cat-items > div .h3 {
    overflow: hidden;
    min-height: 70px;
    max-height: 70px;
}

#cat-items > div .h3 a {
    text-decoration: none;
    color: var(--main-color-seventh);
    font-size: 14px;
    font-weight: 500;
}

#cat-items.list > div .h3 {
    height: auto;
    margin-bottom: 12px;
    max-height: max-content;
    min-height: auto;
    color: var(--main-color-seventh);
    font-size: 14px;
    font-weight: 500;
}

/* Super-header styles */
header .super-header {
    display: none;
}

.super-header {
    padding: 0px;
    margin: 0px 0px 2px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.super-header > li,
.super-header > li:first-of-type,
.super-header > li:last-of-type {
    float: left;
    width: 16%;
    padding: 0px;
}

.super-header > li a,
.super-header > li:first-of-type a,
.super-header > li:last-of-type a {
    display: block;
    color: var(--main-color-seventh);
}

.super-header > li.active,
.super-header > li.current,
.super-header > li.active > .stretch-element,
.super-header > li.current > .stretch-element {
    border-bottom: 0px none;
    background-color: #fff;
    box-shadow: none;
}

.super-header > li a small {
    display: block;
    font-weight: normal;
    color: #808080;
}

.super-header > li a small.correct-studio {
    font-size: 69%;
    line-height: 150%;
}

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

.clearfix:after {
    clear: both;
}

.stretch-element {
    position: absolute;
    margin-top: 0px;
    overflow: hidden;
    border-bottom: #7ec8e6 3px solid;
    background-color: #f7f7f7;
}

.table-cell {
    display: table-cell;
    width: 1%;
}

/* End of super-header styles */

/* Start of dj-top styles */
.dj-icons-top.hide_in_the_basket_section {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}
.dj-icons-top li {
    border-right: none;
    max-width: 100px;
}

.dj-icons-top li a.dj-icons {
    background-repeat: no-repeat;
    min-height: 32px;
    text-align: left;
    display: flex;
    align-items: center;
}

.dj-icons-top li a.dj-icons span {
    display: block;
    width: calc(100% - 38px);
}

.dj-icons-top li a.dj-icons svg {
    margin-right: 6px;
}

a.dj-icons.dj-icon-cards svg {
    fill: var(--main-color-seventh);
}

a.dj-icons.dj-icon-car svg {
    fill: var(--main-color-seventh);
}

a.dj-icons.dj-icon-check svg {
    stroke: var(--main-color-seventh);
}

a.dj-icons.dj-icon-landmark {
    background-image: url("../images/location.svg");
}

a.dj-icons.dj-icon-landmark:hover {
    background-image: url("../images/location-active.svg");
}

/* End of dj-top styles */

/* Dynamic bundle */
#bundle-product-dynamic {
    position: fixed;
    top: 20px;
    right: 50px;
    width: 300px;
    cursor: default;
    z-index: 101;
    box-shadow: 8px 16px 32px rgba(165, 165, 165, 0.16);
    border-radius: 12px;
    box-sizing: border-box;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 24px;
    padding-bottom: 24px;
    background-color: #fff;
}

#bundle-product-dynamic.bundle-product-dynamic--modification {
    position: static !important;
    display: block;
    box-shadow: none;
    top: 0;
    right: 0;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    padding-bottom: 0;
}

#bundle-product-dynamic.bundle-product-dynamic--modification .button {
    width: 334px;
    border-radius: 8px;
}

#bundle-product-dynamic.bundle-product-dynamic--modification .bundle-price-info-discount.arrow-box {
    margin-left: 0;
    border-radius: 8px;
    padding: 12px 14px;
    padding-left: 34px;
    width: max-content;
}

#bundle-product-dynamic.bundle-product-dynamic--modification .bundle-close-icon {
    display: none;
}

.bundle-product-dynamic .page-cbundle-cart .product-info {
    margin-top: inherit;
    padding: 5px 10px;
}

.bundle-product-dynamic.product-info .price strong {
    font-size: 26px;
}

.bundle-product-dynamic.product-info .bundle-price-summ {
    font-size: 20px;
}

.bundle-product-dynamic .bundle-close-icon {
    border: 0;
    padding: 0;
    box-sizing: border-box;
    height: 24px;
    width: 24px;
    float: right;
    margin-right: 0;
    cursor: pointer;
    background-image: url("/static/images/x.svg");
    background-size: 24px 24px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-color: transparent;
}

.bundle-product-dynamic .bundle-close-icon:hover {
    background-image: url("/static/images/x-active.svg");
}

.product-photos-gallery-thomann {
    zoom: 1;
    max-height: 100%;
    width: 585px;
    overflow-y: hidden;
    margin-top: 32px;
}

.product-photos-gallery-thomann > a {
    /* display: list-item; */
    display: table;
    border: 1px solid rgba(43, 45, 58, 0.2);
    box-sizing: border-box;
    cursor: pointer;
    float: left;
    width: 56px;
    height: 56px;
    position: relative;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
    margin-right: 8px;
    border-radius: 8px;
    margin-bottom: 8px;
}

.product-photos-gallery-thomann > a.selected,
.product-photos-gallery-thomann > a:hover {
    border-color: var(--main-color);
}

.product-photos-gallery-thomann > a > span {
    /* display: block;
    line-height: 45px;
    height: 45px;
    border: 1px solid #b6b6b6;
    text-align: center; */
}

.product-photos-gallery-thomann > a > span > img,
.product-photos-gallery-thomann > a > span > i {
    box-sizing: border-box;
    padding: 1px;
    max-width: 52px;
    max-height: 52px;
}

.product-photos-gallery-thomann .video-code {
    display: none;
}

.dj-thomann-media-list-extend {
    cursor: pointer;
    display: block !important;
    width: 24px;
    height: 24px;
    margin: 0 auto;
}

.fa-chevron-down {
    background-image: url("/static/images/arrow_down.svg");
    background-size: 24px 24px;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: none;
}

.fa-chevron-down:hover {
    background-image: url("/static/images/arrow_down-active.svg");
}

.fa-chevron-down:before {
    content: "" !important;
}

.fa-chevron-up:before {
    content: "" !important;
}

.fa-chevron-up {
    background-image: url("/static/images/arrow_up.svg");
    background-size: 24px 24px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.fa-chevron-up:hover {
    background-image: url("/static/images/arrow_up-active.svg");
}

.fa-youtube-play:before {
    content: "" !important;
    background-image: url("/static/images/play.svg");
    background-size: 48px 48px;
    background-position: 0 0;
    background-repeat: no-repeat;
    width: 48px;
    height: 48px;
    display: block;
}

.middle-helper {
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.image-helper {
    display: inline-block;
    vertical-align: middle;
}

#product .block-audio {
    padding-top: 0px;
}

#product .jp-audio {
    margin-left: 0px;
}

.card_wrapper {
    margin-bottom: 0 !important;
}

/* Product colors */
.product-colors-gallery {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-top: -20px;
    max-height: 300px;
    width: 58px;
    position: absolute;
    right: 0;
    top: 0;
}

.product-colors-slide {
    background: url(../images/second-sprite.png);
    height: 20px;
    background-position: -8px;
    background-repeat: no-repeat;
    cursor: pointer;
    opacity: 0.8;
}

.product-colors-slide:hover {
    opacity: 1;
}

.product-colors-slide.disabled {
    opacity: 0.2;
    cursor: default;
}

.product-colors-slide-up {
    background-image: url(/static/images/arrow_up.svg);
    background-size: 24px 24px;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block !important;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    cursor: pointer;
}

.product-colors-slide-up:hover {
    background-image: url(/static/images/arrow_up-active.svg);
}

.product-colors-slide-down {
    background-image: url("/static/images/arrow_down.svg");
    background-size: 24px 24px;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block !important;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    cursor: pointer;
}

.product-colors-slide-down:hover {
    background-image: url(/static/images/arrow_down-active.svg);
}

.product-colors-gallery-wrapper {
    max-height: 252px;
    overflow-y: hidden;
}

.product-colors-gallery-body {
    position: relative;
}

.product-colors-gallery-link {
    padding: 2px;
    border: 1px solid rgba(43, 45, 58, 0.2);
    width: 56px;
    height: 56px;
    display: table;
    margin-bottom: 8px;
    border-radius: 8px;
    box-sizing: border-box;
}

.product-colors-gallery-link.current,
.product-colors-gallery-link:hover {
    border-color: var(--main-color);
}

.product-colors-gallery-link img {
    max-height: 50px;
    max-width: 50px;
}

.mobile-menu-open {
    display: none;
    width: 44px;
    height: 44px;
    box-sizing: border-box;
    background-color: transparent;
    border: none;
    padding: 0;
    flex-direction: column;
    justify-content: center;
    transition: .3s;
}

.mobile-menu-open span {
    width: 20px;
    height: 2px;
    border-radius: 2px;
    display: block;
    background-color: var(--main-color-seventh);
    transition: .3s;
}

.mobile-menu-open span:first-child {
    margin-bottom: 3px;
}

.mobile-menu-open span:last-child {
    margin-top: 3px;
}

.mobile-toggler span {
    background-color: #000;
    display: block;
    height: 3px;
    width: 100%;
}

.mobile-menu.active + header .mobile-menu-open span:first-child {
    transform: rotate(-45deg);
    margin-bottom: -2px;
}

.mobile-menu.active + header .mobile-menu-open span:nth-child(2) {
    opacity: 0;
}

.mobile-menu.active + header .mobile-menu-open span:nth-child(3) {
    margin-top: -2px;
    transform: rotate(45deg);
}

.mobile-menu {
    display: none;
    left: 0;
    position: fixed;
    top: 0;
    width: calc(100% + 30px);
    height: calc(100% - 100px);
    overflow: hidden;
    z-index: 999;
    background-color: var(--main-color-eleventh);
    padding-right: 46px;
    padding-top: 24px;
    padding-bottom: 24px;
    box-sizing: border-box;
    animation: bounce 0.4s;
    margin-top: 100px;
    overflow-x: hidden;
}

.mobile-menu .container {
    max-height: 100%;
    background-color: var(--main-color-third);
    box-shadow: 0 0 0;
    overflow: auto;
}

.mobile-menu-close {
    float: none;
    background-size: 24px 24px;
    background-image: url("/static/images/x-active.svg");
    width: 24px;
    height: 24px;
    margin-right: 0;
    margin-bottom: 0;
    margin-top: 0;
    margin-left: auto;
    border: none;
    background-color: transparent;
    padding: 0;
}

.mobile-menu .mobile-user-block ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

.mobile-menu .mobile-user-block li {
    display: block;
}

.mobile-menu .mobile-user-block ul .login {
    order: 2;
}

.mobile-menu .mobile-user-block ul .register {
    order: 1;
}

.mobile-menu .mobile-user-block ul .register a {
    background-image: url(/static/images/pen.svg);
    border-top: 1px dashed rgba(85, 104, 255, 0.15);
    color: var(--main-color);
}

.mobile-menu .mobile-user-block ul .login a {
    width: 100%;
    display: block;
    background: var(--main-color);
    border-radius: 0 8px 8px 0;
    color: #fff;
    background-image: url("/static/images/user-white.svg");
    background-position: 16px 7px;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    margin-left: 0;
    padding-left: 46px;
    padding-top: 9px;
    padding-bottom: 9px;
}

.mobile-menu .mobile-user-block ul .login a svg {
    display: none;
}

.mobile-menu .mobile-user-block ul li.name a svg {
    display: none;
}

.mobile-menu ul {
    padding: 0;
}

.mobile-menu ul li a {
    font-weight: 500;
    font-size: 16px;
    padding-left: 30px;
    padding-top: 12px;
    padding-bottom: 12px;
    color: var(--main-color-seventh);
    background-position: 0px center;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    display: block;
    box-sizing: border-box;
    margin-left: 16px;
}

.mobile-menu ul.mobile-menu-list li:not(:last-child) a {
    border-bottom: 1px dashed rgba(85, 104, 255, 0.15);
}

.mobile-menu ul li a.menu-item-1 {
    background-image: url("/static/images/order.svg");
}

.mobile-menu ul li a.menu-item-2 {
    background-image: url("/static/images/payment-method.svg");
}

.mobile-menu ul li a.menu-item-3 {
    background-image: url("/static/images/delivery-black.svg");
}

.mobile-menu ul li a.menu-item-4 {
    background-image: url("/static/images/guarantee-return.svg");
}

.mobile-menu ul li a.menu-item-5 {
    background-image: url("/static/images/like.svg");
}

.mobile-menu ul li a.menu-item-6 {
    background-image: url("/static/images/menu-item-6.svg");
}

.mobile-menu ul li a.menu-item-7 {
    background-image: url("/static/images/menu-item-7.svg");
}

.mobile-menu ul li a.menu-item-8 {
    background-image: url("/static/images/menu-item-8.svg");
}

.mobile-menu ul li a.menu-item-9 {
    background-image: url("/static/images/map-pin.svg");
}

.mobile-menu ul li a.menu-item-10 {
    background-image: url("/static/images/online-shopping.svg");
}

.mobile-menu ul li a.menu-item-11 {
    background-image: url("/static/images/catalog-black.svg");
}

/* Fix RetailRocket markup error */
/* body > div.bg-wrapper > div.container.categories.subcategories > section > div.main-col > div:nth-child(1) > div {
    margin-top: -20px;
} */
/* End of fix RetailRocket markup error */

.edit-row:after {
    content: "";
    display: block;
    clear: both;
}

/* Product presence */
hr.product_presence_divider {
    margin: 5px 25px;
}

.product_presence_header {
    text-align: center;
    font-weight: bold;
    margin: 0px 0 5px;
}

.product_presence_info:not(:last-child) {
    margin-bottom: 16px;
}

.product_presence_info_conditions {
    overflow: hidden;
    font-size: 14px;
}

.product_presence_info_conditions .product_presence_info_icon.icon_rub {
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: var(--main-color-seventh);
}

.product_presence_info_icon {
    height: 18px;
    width: 18px;
    background-position: center center;
    background-size: contain;
    display: inline-block;
    vertical-align: text-bottom;
    margin: 0 8px 0 0;
}

.installment_conditions {
    font-weight: bold;
    text-decoration: none;
}

.icon_rub {
    background: url(/static/images/icon_rub.svg);
}

.icon_help_passive svg {
    fill-opacity: 0.1;
}

.icon_help_passive:active svg {
    fill-opacity: 0.2;
}

.cashback_info .icon_help_passive {
    cursor: pointer;
    margin-right: 5px;
}

.icon_percent {
    cursor: pointer;
}

.icon_percent svg {
    fill-opacity: 0.1;
}

.icon_percent:active svg {
    fill-opacity: 0.2;
}

.icon_accept {
    /*background: url(/static/images/icon_accept.svg);*/
    height: 0;
    width: 0;
}

.icon_accept_orange {
    /*background: url(/static/images/icon_accept_orange.svg);*/
    height: 0;
    width: 0;
}

.icon_geo {
    background: url(/static/images/map-pin.svg);
}

.icon_delivery {
    background: url(/static/images/delivery-black.svg);
}

.icon_price {
    background: url(/static/images/price.svg);
}

.icon_pickup {
    background: url(/static/images/box-black.svg);
}

.product_presence_asterisk {
    font-style: italic;
}

.show_in_basket_section {
    display: none;
}

body .ui-tooltip {
    box-shadow: 0px 16px 26px rgba(103, 103, 103, 0.12);
}

body .ui-widget.ui-widget-content {
    border: 0;
    border-radius: 6px;
}

body .ui-tooltip {
    padding: 10px;
}


body .ui-tooltip-content {
    font-size: 14px;
    line-height: 148%;
    color: rgba(43, 45, 58, 0.8);
}

body .ui-widget-content a {
    color: var(--main-color);
    text-decoration: none;
    font-size: 14px;
}

body .ui-widget-content a.more_arrow_right {
    display: inline-block;
    clear: both;
    margin: 8px 0 15px;
}

body .ui-widget-content a.more_arrow_right svg {
    fill: var(--main-color);
    margin-left: 4px;
}

body .ui-widget-content a.more_arrow_right:active {
    color: var(--main-color-hover);
}

body .ui-widget-content a.more_arrow_right:active svg {
    fill: var(--main-color-hover);
}

body .ui-widget-content a.more_arrow_right:last-child {
    margin-bottom: 0px;
}

/*.gifts_wrap {*/
/*    margin-bottom: 15px;*/
/*    background: #FFFFFF;*/
/*    padding: 10px 15px 10px 35px;*/
/*    vertical-align: baseline;*/
/*    opacity: 0.5;*/
/*}*/

.gifts_wrap_active {
    opacity: 1;
}

.gifts_wrap > div {
    display: inline-block;
    padding: 0 5px;
    vertical-align: middle;
}

.gifts_wrap .gift-preview {
    width: 62px;
}

.gifts_wrap .gift-preview img {
    width: 100%;
}

.gifts_wrap .gift-name {
    width: 405px; /*390px;*/
    font-size: 13px;
    font-weight: bold;
    padding-left: 10px;
}

.gifts_wrap .gift-name a {

}

.gifts_wrap .gift-note {
    background-color: #f8cd01;
    padding: 2px 5px;
}

.gifts_wrap .gift-price {
    width: 98px; /*110px;*/
    font-size: 16px;
    color: #f00;
}

.gifts_wrap .gift-icon {
    background: url("/static/images/giftcart-05.svg");
    width: 40px;
    height: 40px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.cashback_info {
    font-weight: 500;
    font-size: 14px;
    color: var(--main-color-seventh);
}

.cashback_info span {
    color: #2BC277;
    font-weight: 600;
    font-size: 14px;
}

.cashback_info i {
    cursor: pointer;
}

.date_published {
    margin-bottom: px;
}

.flat_button {
    background-color: var(--main-color);
}

.rr-content .tab-title .category-title .tablinks {
    background-color: var(--main-color-third) !important;
    border: none !important;
    border-radius: 6px !important;
}

.rr-content .tab-title .category-title .tablinks span {
    color: var(--main-color) !important;
}

.rr-content .tab-title .category-title .tablinks.active {
    background-color: var(--main-color-fourth) !important;
}

.select2-container--default .brands-search .select2-results>.select2-results__options {
    background-color: var(--main-color-second);
}

.brands-search .select2-results__option {
    font-weight: 500;
    font-size: 14px;
    line-height: 120%;
    color: var(--main-color-seventh);
}

.brands-search .select2-results__option:hover {
    color: var(--main-color);
}

.navigation nav > ul li.all-categories a {
    padding-left: 40px;
}
@media screen and (max-width: 640px) {
    .all-categories {
        display: block;
    }
}

.select2-container {
    min-width: 234px !important;
}

.slider-block.clear {
    position: relative;
}

.rr-widget {
    margin-top: 42px;
}

.main-page .rr-widget {
    margin-top: 0;
}

.rr-widget .slick-prev,
.retailrocket .slider-prev span {
    position: absolute;
    width: 32px !important;
    height: 32px !important;
    background: none !important;
    background-color: var(--main-color-second) !important;
    border-radius: 50% !important;
    left: 0 !important;
    top: 40%;
    background-image: url("../images/arrow-left.svg") !important;
    background-repeat: no-repeat !important;
    background-position:  center !important;
    background-size: 6px 10px !important;
    z-index: 100;
    cursor: pointer;
}

.retailrocket .slider-prev {
    background-color: transparent !important;
}

.rr-widget .slick-prev:hover,
.retailrocket .slider-prev:hover span {
    background-image: url("../images/arrow-left-active.svg") !important;
}

.slider-prev {
    position: absolute;
    width: 32px !important;
    height: 32px !important;
    background: none !important;
    background-color: var(--main-color-second) !important;
    border-radius: 50% !important;
    left: -17px !important;
    top: 44%;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.speciall-you-btn .slider-prev {
    top: 54%;
}

.slider-prev svg,
.slider-next svg {
    stroke: var(--main-color-seventh);
}

.rr-widget .slick-next,
.retailrocket .slider-next span {
    position: absolute;
    width: 32px !important;
    height: 32px !important;
    background: none !important;
    background-color: var(--main-color-second) !important;
    border-radius: 50% !important;
    right: 0 !important;
    top: 40%;
    background-image: url("../images/arrow-right.svg") !important;
    background-repeat: no-repeat !important;
    background-position:  center !important;
    background-size: 6px 10px !important;
    z-index: 1;
    cursor: pointer;
}

.slider-next {
    position: absolute;
    width: 32px !important;
    height: 32px !important;
    background: none !important;
    background-color: var(--main-color-second) !important;
    border-radius: 50% !important;
    right: -17px !important;
    top: 44%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.speciall-you-btn .slider-next {
    top: 54%;
}

.retailrocket .slider-next {
    background-color: transparent !important;
}

.rr-widget .slick-next.swiper-button-disabled,
.rr-widget .slick-prev.swiper-button-disabled {
    display: none;
}

.slider-next.swiper-button-disabled,
.slider-prev.swiper-button-disabled {
    display: none;
}

.rr-widget .slick-next:hover,
.retailrocket .slider-next:hover span {
    background-image: url("../images/arrow-right-active.svg") !important;
}

.rr-content {
    margin: 0 !important;
}

.rr-widget .slick-list {
    border: none !important;
}

.rr-widget .rr-item {
    box-sizing: inherit !important;
    float: left !important;
    background: #ffffff !important;
    width: 196px !important;
    padding-left: 16px !important;
    padding-right: 16px !important;
    padding-top: 12px !important;
    padding-bottom: 24px !important;
    border-radius: 8px !important;
    border-top: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border: 1px solid var(--main-color-tenth) !important;
    cursor: pointer !important;
    display: block !important;
}

.rr-widget .rr-item:not(:last-child) {
    margin-right: 20px !important;
}

.search-page .rr-widget .rr-item:not(:last-child) {
    margin-right: 18px !important;
}

.search-page .rr-widget .rr-item {
    width: 195px !important;
}

.rr-widget .item-title:hover {
    text-decoration: none !important;
}

.slick-track {
    display: flex;
    width: max-content !important;
}

.rr-widget .item-title {
    font-family: "Montserrat", "Arial", sans-serif !important;
    color: var(--main-color-seventh) !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    line-height: 142% !important;
    height: 56px !important;
    margin-bottom: 8px !important;
    overflow: hidden !important;
}

.rr-widget .item-price-currency:before {
    content: "₽" !important;
}


.rr-widget .item-price-value,
.rr-widget .item-price-currency {
    font-family: "Montserrat", "Arial", sans-serif !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: var(--main-color-seventh) !important;
    letter-spacing: 0.5px !important;
}

.rr-widget .item-price {
    margin-bottom: 16px !important;
}

.retailrocket a.button.cart_but {
    font-family: "Montserrat", "Arial", sans-serif !important;
    font-weight: 600;
    letter-spacing: 0.2px;
    padding-left: 30px;
}

.rr-content .tab-title .category-title .tablinks span {
    font-family: "Montserrat", "Arial", sans-serif !important;
    display: block;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-align: center;
    text-decoration: none;
    text-transform: none !important;
    color: var(--main-color);
    padding: 10px;
    letter-spacing: -0.2px;
}

.availability {
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: -0.02em;
    color: var(--main-color-seventh);
    padding-left: 24px;
    position: relative;
    display: block;
}

.product_item .availability {
    display: none;
}

#cat-items .availability {
    display: none;
}

.absence {
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: -0.02em;
    color: var(--main-color-sixth);
    padding-left: 24px;
    position: relative;
    display: block;
}

.product_item .absence {
    display: none;
}

#cat-items .absence {
    display: none;
}

.absence-wrapper {
    min-height: 16px;
    display: block;
}

.absence::before {
    width: 18px;
    height: 18px;
    display: block;
    background-color: var(--main-color-fourth);
    left: 0;
    top: 0;
    border-radius: 50%;
    content: "";
    position: absolute;
}

.availability::after {
    width: 18px;
    height: 19px;
    display: block;
    left: 0;
    top: 0;
    content: "";
    position: absolute;
    background-image: url("../images/check.svg");
    background-size: 18px 19px;
    background-repeat: no-repeat;
    background-position: 0 0 ;
}

.availability.availability_pre_order::after {
    background-image: url("/static/images/check-order.svg");
}

.availability.availability_upon_request::after {
    background-image: url("/static/images/check-order.svg");
}

.absence::after {
    width: 10px;
    height: 10px;
    display: block;
    left: 4px;
    top: 4px;
    content: "";
    position: absolute;
    background-image: url("../images/absence.svg");
    background-size: 10px 10px;
    background-repeat: no-repeat;
    background-position: 0 0 ;
}

.rr-widget .rr-items {
    margin-top: 24px !important;
    max-width: 990px !important;
}

.brands-title {
    font-size: 20px;
    font-weight: 600;
    color: var(--main-color-seventh);
    width: auto;
}

.brands-slider-block .more {
    padding-top: 6px;
}

.banner-main-first {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 52px;
    margin-bottom: 52px;
}

.banner-main-first a,
.banner-main-second a,
.banner-main-third a {
    display: block;
    border-radius: 8px;
    overflow: hidden;
}

.banner-main-first a img,
.banner-main-second a img,
.banner-main-third a img {
    display: block;
    width: 100%;
    height: auto;
}

.banner-main-second {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 52px;
    margin-top: 46px;
}

.about .clear:before, .about .clear:after {
    display: none;
}

section .about ul li:before {
    content: none;
}

.banner-main-fourth {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 52px;
    margin-bottom: 52px;
}

.banner-main-fourth a {
    display: block;
    width: 49%;
    height: auto;
    border-radius: 6px;
    overflow: hidden;
}

.banner-main-fourth a img {
    display: block;
    width: 100%;
    height: auto;
}


.ya-market-reviews {
    display: block;
}

.news-footer {
    font-weight: 600;
    font-size: 14px;
    color: var(--main-color-seventh);
}

.news-subscribe {
    text-align: center;
}

.phones p a {
    font-weight: 500;
    font-size: 16px;
    line-height: 124%;
    letter-spacing: -0.02em;
}

.phones p a span {
    font-weight: 400;
    font-size: 13px;
    line-height: 124%;
    letter-spacing: -0.02em;
    color: var(--main-color-sixth);
    display: block;
}

.button.btn-under-order {
    color: var(--main-color) !important;
    border: 1px solid var(--main-color);
    height: 35px;
    background-image: url(/static/css/../images/box.svg);
    background-color: #fff;
    position: absolute;
    width: 160px;
    box-sizing: border-box;
    bottom: 8px;
    left: 8px;
    background-size: 20px 20px;
}

.product_item .button.btn-under-order {
    position: static;
    box-sizing: inherit;
}

.product-info .button.btn-under-order {
    position: static;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    margin-bottom: 16px;
    background-position: 38px center;
    background-size: 20px 20px;
}

.product-info .button.btn-under-order:hover {
    background-image: url(/static/css/../images/box-active.svg);
    background-repeat: no-repeat;
    color: #fff !important;
    background-position: 38px center;
}

.button.btn-under-order:hover {
    background-image: url(/static/css/../images/box-active.svg);
    background-repeat: no-repeat;
    color: #fff !important;
    background-position: 44px center;
    background-size: 20px 20px;
}

.visually-hidden {
    position: absolute;
    margin: -1px;
    width: 1px;
    height: 1px;
    border: 0;
    padding: 0;
    overflow: hidden;
    white-space: nowrap;
    -webkit-clip-path: inset(100%);
    clip-path: inset(100%);
    clip: rect(0 0 0 0);
}

.order_number::-webkit-outer-spin-button,
.order_number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.rr-widget .retailrocket-widgettitle {
    background-color: transparent !important;
    border: none !important;
    text-transform: none !important;
    padding: 0 !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-top: 52px !important;
    margin-bottom: 16px !important;
    color: var(--main-color-seventh) !important;
}

#cat-items a {
    background-position: 25px center;
}

.list-right-wrapper {
    display: flex;
    flex-direction: column;
    min-height: 50px;
    justify-content: flex-end;
}

#cat-items.list .list-right-wrapper {
    position: absolute;
    right: 16px;
    top: 16px;
    width: 150px;
    justify-content: flex-start;
}

#cat-items.list .list-right-wrapper .price {
    font-size: 18px;
}

.product-photos .fa-search-plus:before {
    content: "";
}

.fa-search-plus svg {
    width: 20px;
    height: 20px;
}

.fa-search-plus svg {
    fill: #2B2D3A;
    fill-opacity: 0.3;
}

.fa-search-plus:active svg {
    fill: var(--main-color);
    fill-opacity: 1;
}

.fa-search-plus {
    width: 20px;
    height: 20px;
}

.select2-container--default .brands-search .select2-results__option--highlighted[aria-selected] {
    background-color: transparent;
    color: var(--main-color);
}

.categories .cat-view-tags {
    margin-right: 0;
    margin-bottom: 42px;
    margin-top: -8px;
}

.cat-view-tags a {
    color: var(--main-color-seventh);
    display: inline-block;
    text-decoration: none;
    background-color: rgba(85, 104, 255, 0.1);
    border-radius: 16px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 16px;
    padding-right: 18px;
    width: max-content;
}

.cat-view-tags a:not(:last-child) {
    margin-right: 8px;
    margin-bottom: 12px;
}

.cat-view-tags a.active {
    color: var(--main-color);
    background-color: rgba(85, 104, 255, 0.2);
}


.brands-search .select2-results__options::-webkit-scrollbar-track {
    border-radius: 0 0 6px 6px;
}

.brands-search .select2-results__options::-webkit-scrollbar {
    width: 6px;
}

.brands-search .select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: var(--main-color);
}
.brands-search .select2-results__options:hover::-webkit-scrollbar-thumb {
    background: var(--main-color);
}

.auth-information {
    font-weight: 500;
    font-size: 14px;
    color: rgba(43, 45, 58, 0.7);
    margin-bottom: 24px;
}



.product-bundles {
    clear: both;
    margin-top: 52px;
}

.product-bundles h2 {
    font-size: 20px;
    margin-bottom: 12px;
    font-weight: 500;
}

.bundle-item {
    background: #fff;
    margin-bottom: 12px;
}

.bundle-item .items, .bundle-item .items div, .bundle-item .info {
    float: left;
}

.bundle-item .items, .bundle-item .info {
    padding: 15px 0;
}

.bundle-item .items {
    width: 570px;
    padding-right: 30px;
    overflow: hidden;
}

.bundle-item .items div {
    text-align: center;
    position: relative;
    line-height: 55px;
    width: 55px;
    height: 55px;
    padding: 10px;
    margin: 12.5px 40px 0 0;
    border: 1px solid rgba(43, 45, 58, 0.2);
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.bundle-item .items div:hover {
    border: 1px solid var(--main-color);
}

.bundle-item .items div:first-of-type {
    line-height: 80px;
    width: 80px;
    height: 80px;
    margin-top: 0;
}

.bundle-item .items div:after {
    content: "";
    position: absolute;
    bottom: 45%;
    right: -29px;
    background-image: url("/static/images/plus-2.svg");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 15px 15px;
    display: block;
    width: 15px;
    height: 15px;
}

.bundle-item .items .plus {
    width: 50px;
    height: 50px;
    padding: 12.5px;
    margin-right: 0;
}

.bundle-item .items .plus:after {
    content: none;
}

.bundle-item .items .plus span {
    display: block;
    font-size: 0;
    text-align: center;
    text-decoration: none;
    color: var(--main-color);
    overflow: hidden;
    background-image: url("/static/images/plus-2-active.svg");
    background-position: 0 6px;
    background-repeat: no-repeat;
    background-size: 35px 35px;
    width: 35px;
    height: 40px;
    margin: 0 auto;
}

.bundle-item .items div img {
    max-width: 55px;
    max-height: 55px;
}

.bundle-item .items div:first-of-type img {
    max-width: 80px;
    max-height: 80px;
}

.bundle-item .info {
    position: relative;
    width: 305px;
    padding-left: 36px;
}

.bundle-item .info:before, .bundle-item .info:after {
    content: "";
    position: absolute;
    top: 59px;
    left: 0;
    width: 6px;
    height: 10px;
    background-image: url("/static/images/arrow-right.svg");
    background-size: 6px 10px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.bundle-item .info:before {
    border-color: transparent transparent transparent #cacac9;
}

.bundle-item .info p {
    font-size: 14px;
    color: #E4666E;
    margin-bottom: 16px;
}

.product-bundles h3, .bundle-item .info .price {
    font-size: 18px;
    margin-bottom: 4px;
}

.bundle-item .info .button {
    width: 210px;
    margin-top: 5px;
    background-image: none;
    padding-left: 0;
    height: 42px;
    line-height: 42px !important;
}

.show-bundles {
    text-align: center;
    margin-top: 15px;
}

.show-bundles a {
    text-decoration: none;
    color: var(--main-color-seventh);
    font-size: 14px;
    margin-top: 52px;
    display: block;
}

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

.ui-widget {
    font-family: "Montserrat", "Arial", sans-serif !important;
}

.cart-subscribe.licenses input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.cart-subscribe.licenses label {
    font-weight: 400;
    font-size: 14px;
    color: var(--main-color-seventh);
    padding-left: 24px;
    position: relative;
    cursor: pointer;
    display: block;
    line-height: 17px;
}

.cart-subscribe.licenses input + label::after {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    border: 1px solid rgba(43, 45, 58, 0.2);
    box-sizing: border-box;
    border-radius: 4px;
    background-color: rgba(43, 45, 58, 0.03);
    content: "";
}

.cart-subscribe.licenses input + label:hover::after {
    border: 1px solid var(--main-color);
}

.cart-subscribe.licenses input:checked + label::before {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    border: 1px solid var(--main-color);
    box-sizing: border-box;
    border-radius: 4px;
    background-color: var(--main-color);
    background-image: url(/static/images/checkbox.svg);
    background-repeat: no-repeat;
    background-position: 0 1px;
    background-size: 15px 14px;
    content: "";
    z-index: 0;
}

.cart-subscribe.licenses .licenses-link {
    font-weight: 400;
    font-size: 14px;
    color: var(--main-color);
}

.cart-subscribe.licenses .licenses-link:hover {
    color: var(--main-color-hover);
}

.indent {
    margin-bottom: 24px;
}

.panel-cart input[type="text"].basket-telephone {
    width: 212px;
    border-radius: 0 8px 8px 0;
    display: inline-block;
    margin-left: -4px;
}

.CDEK-widget__popup {
    height: 74% !important;
}

.sdek,
.boxberry {
    display: flex;
    width: 133px;
    height: 44px;
    border: 1px solid rgba(43, 45, 58, 0.2) !important;
    box-sizing: border-box;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
}

.sdek:hover,
.boxberry:hover {
    border: 1px solid var(--main-color) !important;
}

.zoom {
    display: inline-block;
}

.page-reviews .main-col {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.page-reviews .main-col h1 {
    width: 34%;
}

#addform_review {
    position: relative;
    margin-bottom: 40px;
}

.social.review-social {
    position: absolute;
    top: -61px;
    right: 12%;
}

.main-col .reviews article .review-date {
    font-weight: 500;
    font-size: 14px;
    color: rgba(43, 45, 58, 0.6);
    min-width: 72px;
    margin-left: auto;
}

.name_td label {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
}

.name_td label.dignity {
    margin-top: 52px;
}

.name_td label.limitations {
    margin-top: 24px;
}

.name_td label.code {
    margin-top: 24px;
}

.contacts textarea {
    width: 450px;
    height: 100px;
    display: block;
    border: 1px solid rgba(43, 45, 58, 0.2);
    box-sizing: border-box;
    border-radius: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 16px;
    padding-right: 16px;
    font-weight: 500;
    font-size: 14px;
    color: var(--main-color-seventh);
    resize: none;
}

.contacts textarea:hover,
.contacts textarea:focus {
    border: 1px solid var(--main-color);
}

.hiding-name {
    margin-top: 32px;
    margin-bottom: 16px;
}

.hiding-name input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.hiding-name label {
    font-weight: 400;
    font-size: 14px;
    color: var(--main-color-seventh);
    padding-left: 24px;
    position: relative;
    cursor: pointer;
}

.hiding-name input:checked + label::before {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    border: 1px solid var(--main-color);
    box-sizing: border-box;
    border-radius: 4px;
    background-color: var(--main-color);
    background-image: url("/static/images/checkbox.svg");
    background-repeat: no-repeat;
    background-position: 0 1px;
    background-size: 15px 14px;
    content: "";
    z-index: 10;
}

.hiding-name input + label::after {
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    left: 0;
    top: -1px;
    border: 1px solid rgba(43, 45, 58, 0.2);
    box-sizing: border-box;
    border-radius: 4px;
    background-color: rgba(43, 45, 58, 0.03);
    content: "";
}

.main-col .reviews .captcha_td_input input {
    margin-bottom: 0;
}

.main-col .reviews input.feedback {
    background-color: var(--main-color);
    color: #fff;
}

.main-col .reviews input.feedback:hover,
.main-col .reviews input.feedback:active {
    background-color: var(--main-color-hover);
    color: #fff;
}

.reviews div.star-rating,
.reviews div.star-rating a {
    background: none !important;
    margin-right: 4px;
}

.reviews div.star-rating a {
    width: 18px;
    height: 17px;
    background-image: url("/static/images/star-inactive.svg") !important;
    background-size: 18px 17px;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
}

.reviews div.star-rating-hover a {
    width: 18px;
    height: 17px;
    background-image: url("/static/images/star.svg") !important;
    background-size: 16px 15px;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    z-index: 10;
}

.reviews div.rating-cancel.star-rating-hover a {
    width: 18px;
    height: 18px;
    background-image: url("/static/images/minus-hover.svg") !important;
    background-size: 18px 18px;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    z-index: 10;
}

.reviews div.rating-cancel a {
    width: 18px;
    height: 18px;
    background-image: url("/static/images/minus-star.svg") !important;
    background-size: 18px 18px;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    z-index: 10;
}

.reviews div.star-rating-on a {
    width: 18px;
    height: 17px;
    background-image: url("/static/images/star.svg") !important;
    background-size: 18px 17px;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    z-index: 10;
}

.reviews div.rating-cancel, .reviews div.star-rating {
    width: 18px;
    height: 18px;
}

.reviews div.rating-cancel {
    margin-right: 10px;
}

#bundle-product-dynamic .bundle-price-info {
    padding-right: 24px;
}

.information-wrapper {
    display: block;
    width: max-content;
    height: max-content;
    position: absolute;
    right: 0;
    top: -60px;
}

.information-wrapper h3 {
    display: block;
    background-color: rgba(85, 104, 255, 0.15);
    border-radius: 8px;
    color: var(--main-color);
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 11px;
    padding-bottom: 11px;
    max-width: 40%;
    min-width: 100px;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
}

.information-wrapper h3.content-news {
    background-color: rgba(85, 104, 255, 0.15);
    color: var(--main-color);
}

.information-wrapper h3.content-release {
    background-color: rgba(25, 193, 57, 0.1);
    color: var(--main-color-twelfth);
}

.information-wrapper h3.content-announcement {
    background-color: rgba(255, 137, 112, 0.15);
    color: #FF8970;
}

.news .author-wrapper {
	display: none;
	}

.author-wrapper-picture {
    display: block;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 16px;
}

.author-wrapper h4 {
    font-weight: 600;
    font-size: 14px;
    color: var(--main-color-seventh);
    margin-bottom: 8px;
}

.author-wrapper h4 span {
    color: var(--main-color);
}

.author-wrapper p {
    font-weight: 400;
    font-size: 12px;
    line-height: 142%;
    color: rgba(43, 45, 58, 0.6);
    width: 100%;
}

.item-information {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.author-wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 82%;
}

.date_published.item-information {
    margin-bottom: 46px;
}

.item-information-date {
    display: block;
    width: max-content;
    max-width: 15%;
    text-align: right;
    font-weight: 500;
    font-size: 14px;
    color: rgba(43, 45, 58, 0.4);
}

#page-index a {
    color: var(--main-color);
}

#page-index a:hover {
    color: var(--main-color-hover);
}

.categories-all article > ul ul.show-list {
    display: block;
}

.error {
    margin-bottom: 10px;
}

#edit_company_div td {
    width: 100%;
    display: block;
}

/*#edit_company_div td.va-m {*/
/*    width: 193px;*/
/*}*/

#edit_company_div .form-buttons {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 24px;
}

.profile-wrapper {
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
}

.profile-wrapper .orders-title {
    background-image: url("/static/images/cart.svg");
}

.profile-wrapper .parcels-title {
    background-image: url("/static/images/box-black.svg");
}

.left-col ul.company-list {
    border: none;
    padding: 0;
    border-radius: 0;
}

.profile-wrapper.personal-area .left-col {
    width: 224px;
    margin-right: 16px;
    margin-bottom: 0;
}

.profile-wrapper.personal-area .main-col {
    width: 720px;
}

.profile-wrapper.personal-area h2 {
    width: 50%;
    padding-right: 0;
    display: block;
    box-sizing: border-box;
    margin-bottom: 24px;
    min-height: 24px;
    padding-top: 2px;
}

.profile-wrapper.personal-area h2 span {
    color: rgba(43, 45, 58, 0.5);
}

.personal-area table {
    background-color: var(--main-color-eleventh);
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 8px;
    box-sizing: border-box;
    display: block;
}

.personal-area table thead {
    padding-bottom: 16px;
    padding-top: 16px;
    box-sizing: border-box;
    display: block;
    width: 100%;
}

.personal-area table tr {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.personal-area #my_order_table th {
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: var(--main-color-seventh);
}

.personal-area .parcel-table th {
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: var(--main-color-seventh);
}

.personal-area #my_order_table th.number-order {
    text-align: left;
}

.personal-area .parcel-table th.number-order {
    text-align: left;
}

.personal-area table tbody {
    padding-bottom: 16px;
    padding-top: 44px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    border-top: 1px solid rgba(43, 45, 58, 0.1);
}

.personal-area .orders-information {
    background-color: var(--main-color-eleventh);
    padding-left: 32px;
    padding-right: 32px;
    border-radius: 8px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin-bottom: 42px;
    padding-bottom: 24px;
}

.personal-area .orders-information div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.personal-area .orders-information h3 {
    display: block;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: var(--main-color-seventh);
    width: 17.5%;
    padding-bottom: 16px;
    padding-top: 16px;
    box-sizing: border-box;
}

.personal-area .orders-information h3.number-order {
    text-align: left;
    width: 4%;
}

.personal-area .orders-information span {
    display: block;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: var(--main-color-seventh);
    width: 17.5%;
    padding-bottom: 20px;
    padding-top: 20px;
    box-sizing: border-box;
}

.personal-area .orders-information span.number-order {
    text-align: left;
    width: 4%;
}

.personal-area .orders-information div:first-child {
    border-bottom: 1px solid rgba(43, 45, 58, 0.1);
    margin-bottom: 24px;
}

.personal-area .orders-information a {
    font-weight: 500;
    color: var(--main-color);
    font-size: 12px;
}

.personal-area .orders-information a:hover {
    color: var(--main-color-hover);
}

.personal-area .orders-information .status-order {
    display: block;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff;
    background-color: var(--main-color);
    font-weight: 500;
    font-size: 12px;
    width: fit-content;
    box-sizing: border-box;
    border-radius: 500px;
    margin: 0 auto;
}

.personal-area .orders-information span.status-order-wrapper {
    width: 25%;
}

.personal-area .orders-information h3.status-order-wrapper {
    width: 25%;
}




/*--------------*/

.personal-area .parcel-information {
    background-color: var(--main-color-eleventh);
    padding-left: 32px;
    padding-right: 32px;
    border-radius: 8px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    padding-bottom: 24px;
}

.personal-area .parcel-information div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.personal-area .parcel-information h3 {
    display: block;
    font-weight: 500;
    font-size: 12px;
    text-align: center;
    color: var(--main-color-seventh);
    width: 15.5%;
    padding-bottom: 16px;
    padding-top: 16px;
    box-sizing: border-box;
}

.personal-area .parcel-information h3.number-order {
    text-align: left;
    width: 6%;
}

.personal-area .parcel-information span {
    display: block;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: var(--main-color-seventh);
    width: 15.5%;
    padding-bottom: 20px;
    padding-top: 20px;
    box-sizing: border-box;
}

.personal-area .parcel-information span.number-order {
    text-align: left;
    width: 6%;
}

.personal-area .parcel-information div:first-child {
    border-bottom: 1px solid rgba(43, 45, 58, 0.1);
    margin-bottom: 24px;
}

.personal-area .parcel-information a {
    font-weight: 500;
    color: var(--main-color);
    font-size: 12px;
}

.personal-area .parcel-information a:hover {
    color: var(--main-color-hover);
}

.personal-area .parcel-information .status-order {
    display: block;
    padding-left: 12px;
    padding-right: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    color: #fff;
    background-color: var(--main-color);
    font-weight: 500;
    font-size: 12px;
    width: fit-content;
    box-sizing: border-box;
    border-radius: 500px;
    margin: 0 auto;
}

.profile-coll .all {
    display: block;
    width: max-content;
    font-weight: 400;
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
    color: var(--main-color);
    padding-top: 2px;
}

.profile-coll .all a:hover {
    color: var(--main-color-hover);
}

.profile-coll {
    position: relative;
}

.profile-wrapper .left-col h3 {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 8px;
    color: var(--main-color-seventh);
}

.profile-wrapper .left-col .email {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 12px;
    color: var(--main-color-seventh);
    display: block;
}

.profile-wrapper .left-col .email:hover {
    color: var(--main-color);
}

.profile-wrapper a.change {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
    box-sizing: border-box;
    color: var(--main-color);
}

.profile-wrapper a.change svg {
    margin-right: 4px;
    stroke: var(--main-color);
    margin-top: -5px;
}

.profile-wrapper a.change:last-child {
    margin-bottom: 24px;
}

.profile-wrapper a.change:active {
    color: var(--main-color-hover);
}

.profile-wrapper a.change:active svg {
    stroke: var(--main-color-hover);
}

.profile-wrapper .left-col h2 {
    background-image: url("/static/images/user.svg");
    width: 100%;
}

.edit_company span {
    font-weight: 400;
    font-size: 14px;
    display: block;
    margin-bottom: 8px;
    color: var(--main-color-seventh);
}

.left-col li.edit_company:not(:last-child) {
    margin-bottom: 18px;
}

.left-col ul li a.add-company-link {
    font-weight: 400;
    font-size: 14px;
    display: block;
    padding: 0;
    padding-left: 22px;
    color: var(--main-color);
    background-image: url("/static/images/plus-2-active.svg");
    background-size: 16px 16px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.left-col ul li a.add-company-link {
    color: var(--main-color-hover);
    background-image: url("/static/images/plus-2-hover.svg");
}

.edit_company span.edit_block {
    margin-bottom: 0;
}

.left-col ul li a.edit-company-link {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
    display: block;
    box-sizing: border-box;
    padding: 0;
    padding-left: 22px;
    background-image: url("/static/images/edit.svg");
    background-size: 16px 16px;
    background-position: 0 0;
    background-repeat: no-repeat;
    color: var(--main-color);
}

.left-col ul li a.edit-company-link:hover {
    color: var(--main-color-hover);
    background-image: url("/static/images/edit-active.svg");
}

.left-col ul li a.delete-company-link {
    font-weight: 400;
    font-size: 14px;
    display: block;
    box-sizing: border-box;
    padding: 0;
    padding-left: 22px;
    background-image: url("/static/images/delete-active.svg");
    background-size: 16px 16px;
    background-position: 0 0;
    background-repeat: no-repeat;
    color: #E4666E;
}

.left-col ul li a.delete-company-link:hover {
    color: #D96168;
    background-image: url("/static/images/delete-hover.svg");
}

.personal-area .orders-information .status-order--100,
.personal-area .orders-information .status-order--60,
.personal-area .orders-information .status-order---10 {
    background-color: #2BC277;
    color: #fff;
}

.personal-area .orders-information .status-order--30,
.personal-area .orders-information .status-order---20 {
    background-color: #FF8970;
    color: #fff;
}

.personal-area .orders-information .status-order---30,
.personal-area .orders-information .status-order----40 {
    background: rgba(85, 104, 255, 0.15);
    color: var(--main-color);
}

.personal-area .parcel-information .status-parcel--100,
.personal-area .parcel-information .status-parcel--60 {
    background-color: #2BC277;
    color: #fff;
}

.personal-area .parcel-information .status-parcel--40 {
    background-color: #FF8970;
    color: #fff;
}

.personal-area .parcel-information .status-parcel---10 {
    background: rgba(85, 104, 255, 0.15);
    color: var(--main-color);
}

.personal-area .parcel-information h4 {
    display: block;
    font-weight: 400;
    font-size: 12px;
    text-align: center;
    color: var(--main-color-seventh);
    width: 100%;
    padding: 0;
    box-sizing: border-box;
}

.personal-area .parcel-information h4.status-picture.status-picture--11 {
    display: block;
    width: 100%;
    height: 20px;
    background-image: url("/static/images/sdek.png");
    background-repeat: no-repeat;
    background-size: 70px 20px;
    background-position: center center;
    font-size: 0;
}

.personal-area .parcel-information h4.status-picture.status-picture--10 {
    display: block;
    width: 100%;
    height: 28px;
    background-image: url("/static/images/boxberry.png");
    background-repeat: no-repeat;
    background-size: 101px 28px;
    background-position: center center;
    font-size: 0;
}

.personal-area .parcel-information h4.status-picture.status-picture--6 {
    display: block;
    width: 100%;
    height: 24px;
    background-image: url("/static/images/DPD.png");
    background-repeat: no-repeat;
    background-size: 58px 24px;
    background-position: center center;
    font-size: 0;
}

.personal-area .parcel-information h4.status-picture.status-picture--1 {
    display: block;
    width: 100%;
    height: 22px;
    background-image: url("/static/images/EMS.png");
    background-repeat: no-repeat;
    background-size: 63px 22px;
    background-position: center center;
    font-size: 0;
}

#profileedit-window-confirm-cont .confirmation-title {
    display: block;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: var(--main-color-seventh);
    margin-bottom: 32px;
}

#profileedit-window-confirm-cont .confirmation-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.confirmation-buttons a {
    display: block;
    border-radius: 8px;
    width: 193px;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 6px;
    padding-left: 6px;
    cursor: pointer;
}

.confirmation-buttons a.confirmation-buttons-first {
    background-color: rgba(85, 104, 255, 0.1);
    color: var(--main-color);
}

.confirmation-buttons a.confirmation-buttons-first:hover {
    background-color: rgba(85, 104, 255, 0.15);
    color: var(--main-color);
}

.confirmation-buttons a.confirmation-buttons-second {
    background-color: var(--main-color);
    color: #fff;
}

.confirmation-buttons a.confirmation-buttons-second:hover {
    background-color: var(--main-color-hover);
    color: #fff;
}

.details.order-page h2 {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 24px;
    color: var(--main-color-seventh);
    width: 100%;
    padding-left: 0;
}

.profile-wrapper.details.order-page .info {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 70px;
    margin-right: 0;
    box-sizing: border-box;
    padding-right: 80px;
}

.profile-wrapper.details .payment div {
    font-weight: 400;
    font-size: 14px;
    line-height: 124%;
    color: var(--main-color-seventh);
    margin-bottom: 0;
}

.profile-wrapper.details .payment div.payment-qiwi {
    width: 100%;
}

.profile-wrapper.details .payment {
    width: 50%;
    margin-bottom: 70px;
}

.details.order-page h3 {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 8px;
    display: block;
    box-sizing: border-box;
}

.details.order-page div {
    display: block;
    width: 50%;
}

.details.order-page .info div:last-child {
    width: 100%;
    display: block;
    margin-top: 28px;
}

#chronopay_topay button {
    width: max-content;
    max-width: 332px;
    height: auto;
    line-height: normal;
    font-weight: 600;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    border-radius: 6px;
    min-width: 220px;
}

.profile-wrapper.details p.delivery-method {
    margin-bottom: 4px;
}

.profile-wrapper.details p.delivery-method span {
    font-weight: 500;
}

.profile-wrapper.details .payment div.cart-order-payment {
    width: 100%;
}

.details.order-page .goods div {
    width: 100%;
}

.details.order-page h3.info-title {
    padding-left: 24px;
    min-height: 24px;
    background-position: 0 0;
    background-size: 18px 18px;
    background-repeat: no-repeat;
}

.details.order-page h3.info-title--first {
    background-image: url("/static/images/status.svg");
}

.details.order-page h3.info-title--second {
    background-image: url("/static/images/payment-method.svg");
}

.details.order-page h3.info-title--third {
    background-image: url("/static/images/delivery-black.svg");
}

.details.order-page h3.info-title--fourth {
    background-image: url("/static/images/user.svg");
}

.details.order-page h3.info-title--fifth {
    background-image: url("/static/images/phone-black.svg");
}

.details.order-page .goods h2 {
    font-weight: 600;
    margin-bottom: 28px;
}

.profile-wrapper.details th {
    font-weight: 500;
    font-size: 14px;
    color: var(--main-color-seventh);
}

.goods-wrapper thead th {
    padding-bottom: 16px;
}

.goods-wrapper thead {
    border-bottom: 1px solid rgba(43, 45, 58, 0.1);
}

.goods-wrapper td {
    padding-top: 8px;
    padding-bottom: 8px;
}

.details.order-page .goods .art {
    font-weight: 500;
    font-size: 12px;
    color: rgba(43, 45, 58, 0.7);
    margin-bottom: 8px;
}

.goods-wrapper .totals-information {
    background-color: var(--main-color-eleventh);
    border-radius: 12px;
    margin-top: 34px;
    max-width: 450px;
}

.goods-wrapper .totals-information td:first-child {
    padding-left: 24px;
}

.goods-wrapper .totals-information td:last-child {
    padding-right: 24px;
    padding-left: 130px;
    text-align: right;
}

.goods-wrapper .totals-information .first-item td {
    padding-top: 16px;
}

.goods-wrapper .totals-information .sum-order td {
    padding-bottom: 16px;
    font-weight: 600;
    font-size: 18px;
}

.profile-wrapper.details .comment h2 {
    margin-top: 52px;
    margin-bottom: 16px;
    font-weight: 500;
    font-size: 24px;
}

#inquiry-order {
    margin-bottom: 0;
}

#inquiry-order div {
    font-weight: 400;
    font-size: 14px;
    line-height: 152%;
    margin-bottom: 32px;
    width: 100%;
    max-width: 615px;
}

#inquiry-order form label {
    display: none;
}

#inquiry-order div.name {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 14px;
}

#inquiry-order div.name span {
    font-weight: normal;
    font-size: 14px;
    color: rgba(43, 45, 58, 0.5);
    margin-left: 8px;
}

#inquiry-order div.message {
    font-weight: 400;
    font-size: 14px;
    line-height: 142%;
    margin-bottom: 24px;
}

.profile-wrapper.details p.color-paragraf {
    color: var(--main-color-tenth);
    margin-top: 6px;
}

.profile-wrapper > div.goods {
    margin-bottom: 0;
}

.profile-wrapper.details .mailing-information {
    background-color: var(--main-color-eleventh);
    border-radius: 12px;
    width: 334px;
}

.profile-wrapper .mailing-information td:first-child {
    padding-left: 24px;
    font-weight: 500;
    font-size: 14px;
}

.profile-wrapper .mailing-information td:last-child {
    padding-right: 24px;
    text-align: right;
    font-weight: 400;
    font-size: 14px;
}

.profile-wrapper.details .mailing-information tbody tr:not(:last-child) {
    border-bottom: 0;
}

.profile-wrapper .mailing-information td {
    padding-top: 6px;
    padding-bottom: 6px;
}

.profile-wrapper .mailing-information .mailing-item-first td {
    padding-top: 16px;
}

.profile-wrapper .mailing-information .mailing-item-last td {
    padding-bottom: 16px;
}

.categories .rr-widget .retailrocket-widgettitle {
    margin-top: 0 !important;
}

.categories .rr-widget .rr-items {
    margin-bottom: 52px;
}


.cart-items .cart-order-price-count {
    vertical-align: middle;
}

.cart-items .cart-delete {
    vertical-align: middle;
}

/*.product-added-message .pic img {*/
/*    margin-top: 16px;*/
/*    margin-bottom: 16px;*/
/*}*/

.cart-order .pic img {
    margin-top: 32px;
    margin-bottom: 24px;
}

.cart-items .name {
    vertical-align: middle;
}

.product-added-message .counts {
    vertical-align: middle;
}

.cart-order .name a {
    margin-top: 10px;
}

.mobile-menu ul li.name a {
    color: var(--main-color);
    background-image: url(/static/images/user-blue.svg);
}


.mobile-menu ul li.logout a {
    background-image: url(/static/images/logout.svg);
}

.cat-view .sort-button {
    display: none;
    width: 51px;
    height: 37px;
    border-radius: 12px;
    border: 1px solid var(--main-color);
    background-image: url("/static/images/sort-arrow-1.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 33px 20px;
    background-color: transparent;
}

.cat-view .sort-button.sort-button--show  {
    background-image: url("/static/images/sort-arrow-2.svg");
}

.cat-view .sort-button-wrapper {
    width: calc(100% - 76px);
    display: none;
    padding-right: 76px;
}

div.product-description .b-product-tabs.mobile-tabs {
    display: none;
}

.electronic-certificate-button span.electronic-certificate-mobile {
    display: none;
}

.electronic-certificate-button span {
    display: inline-block;
}

@media screen and (min-device-width: 1024px) {
    .boxberry_container {
        top: 16% !important;
    }
}

.successful-order .score-qiwi-paragraf {
    font-weight: 400;
    font-size: 14px;
    color: var(--main-color-seventh);
    margin-top: 16px;
    max-width: 600px;
    margin-bottom: 24px;
}

.product-added-message .cart-items-buttons a span.order-btn--modile {
    display: none;
}

.goods-wrapper td.parcel span {
    display: none;
}

.goods-wrapper td.ta-c span {
    display: none;
}

.product-description .mobile-tab {
    display: none;
}

footer .copyright-mobile {
    display: none;
}

.city-selection-input {
    display: block;
    border: 1px solid transparent;
    box-sizing: border-box;
    border-radius: 8px;
    width: 100%;
    max-width: 551px;
    padding-left: 44px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 16px;
    color: var(--main-color-seventh);
    background-image: url("/static/images/search-city.svg");
    background-position: 16px 9px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    margin-top: 24px;
    padding-right: 30px;
    background-color: #ECEDFB;
    letter-spacing: -0.01em;
}

.city-selection-input:hover,
.city-selection-input:focus {
    border: 1px solid var(--main-color);
}

.city-selection-input::placeholder {
    color: rgba(43, 45, 58, 0.5);
    padding-top: 0;
    padding-bottom: 0;
}

.city-input-wrapper {
    display: block;
    width: 100%;
    max-width: 551px;
    position: relative;
}

.city-selection-button {
    display: none;
    margin: 0;
    padding: 0;
    border: none;
    background-color: transparent;
    width: 16px;
    height: 16px;
    top: 12px;
    right: 13px;
    position: absolute;
}

.city-selection-button circle {
    fill-opacity: 0.2;
}

.city-selection-input:focus + .city-selection-button,
.city-selection-input:hover + .city-selection-button {
    display: block;
}

.product-added-message .window-message::-webkit-scrollbar-track {
    border-radius: 0 0 6px 6px;
}

.product-added-message .window-message::-webkit-scrollbar {
    width: 4px;
}

.product-added-message .window-message::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.5);
}

.product-added-message .window-message:hover::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.5);
}

.menu-navigation-button {
    padding: 0;
    margin: 0;
    background-color: transparent;
    border: none;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: -0.04em;
    width: 100%;
    position: relative;
    display: none;
    background-image: url("/static/images/return.svg");
    background-position: 0 12px;
    background-repeat: no-repeat;
    background-size: 18px 18px;
    min-height: 18px;
    line-height: 18px;
    padding-left: 24px;
    color: var(--main-color);
    margin-bottom: 12px;
    box-sizing: border-box;
    text-align: left;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-top: -12px;
}

#profile_edit_div {
    margin-left: 10px;
    background-image: url("/static/images/social.png");
    background-position: 83% 90px;
    background-repeat: no-repeat;
    background-size: 328px 300px;
}

#profileedit-window-cont #profile_edit_div {
    margin-left: 0;
    background-image: none;
}

#profileedit-window-cont #profile_edit_div input.phone {
    width: 289px;
}

#profileedit-window-cont #profile_edit_div .edit-row {
    width: 100%;
}

#profileedit-window-cont #profile_edit_div .form-buttons {
    width: 100%;
    margin-top: 24px;
    margin-bottom: 0;
}

.kupivcredit-window #profileedit-window-cont input {
    margin-bottom: 16px;
}

#profile_edit_div p {
    margin: 0;
    padding: 0;
    font-weight: 400;
    font-size: 16px;
    line-height: 152%;
    max-width: 450px;
    margin-bottom: 32px;
    margin-top: -16px;
}

#profile_edit_div .edit-row {
    display: block;
    width: 334px;
}

#profile_edit_div input {
    display: block;
    width: 100%;
    border: 1px solid rgba(43, 45, 58, 0.2);
    box-sizing: border-box;
    border-radius: 8px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 14px;
    padding-bottom: 14px;
    margin-bottom: 24px;
    background-color: #ffffff !important;
    cursor: pointer;
    font-weight: 500;
    font-size: 16px;
    color: var(--main-color-seventh);
}

#profile_edit_div input::placeholder {
    padding-top: 0;
    padding-bottom: 0;
    font-weight: 400;
    font-size: 16px;
    color: rgba(43, 45, 58, 0.5);
}

#profile_edit_div input:focus,
#profile_edit_div input:hover {
    border: 1px solid var(--main-color);
}

#profile_edit_div input.phone {
    width: 222px;
}

#profile_edit_div button {
    display: block;
    background-color: var(--main-color);
    border-radius: 8px;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 6px;
    padding-left: 6px;
    cursor: pointer;
    border: none;
}

#profile_edit_div button:hover {
    background-color: var(--main-color-hover);
}

#profile_edit_div .form-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 32px;
    width: 334px;
    margin-bottom: 104px;
}

.confirm-animation__wrapper {
    display: block;
    width: 401px;
    height: 180px;
    overflow: hidden;
    margin: 0 auto;
    margin-bottom: 16px;
    position: relative;
    max-width: 100%;
}

#confirm-animation {
    width: 500px;
    height: 350px;
    position: absolute;
    top: -89px;
    left: -51px;
}

#password-recovery {
    width: 500px;
    height: 350px;
    position: absolute;
    top: -89px;
    left: -51px;
}

#application-success {
    width: 500px;
    height: 350px;
    position: absolute;
    top: -89px;
    left: -51px;
}

.confirm-animation__title {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 32px;
    text-align: center;
}

.form-buttons button {
    display: block;
    background-color: var(--main-color);
    border-radius: 8px;
    width: 401px;
    box-sizing: border-box;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 6px;
    padding-left: 6px;
    cursor: pointer;
    border: none;
    margin: 0 auto;
    max-width: 100%;
}

.form-buttons button:hover {
    background-color: var(--main-color-hover);
}

.auth-page {
    margin-left: 10px;
    position: relative;
    min-height: 450px;
    margin-bottom: 104px;
}

.auth-page h2 {
    font-weight: 600;
    font-size: 24px;
    line-height: 124%;
    letter-spacing: -0.01em;
    color: var(--main-color-seventh);
    margin-bottom: 16px;
    max-width: 400px;
    width: 50%;
    padding-top: 50px;
}

.auth-page p {
    font-weight: 400;
    font-size: 16px;
    line-height: 152%;
    color: var(--main-color-seventh);
    margin-bottom: 32px;
    max-width: 450px;
    width: 46%;
}

.auth-page a {
    width: 370px;
    box-sizing: border-box;
    background: var(--main-color);
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 8px;
    font-weight: 600;
    font-size: 16px;
    display: block;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 32px;
    background-image: url("/static/images/user-white.svg");
    background-size: 20px 20px;
    background-position: 32px center;
    background-repeat: no-repeat;
}

.auth-page a:hover {
    background-color: var(--main-color-hover);
}

.auth-page:before {
    display: block;
    width: 450px;
    height: 450px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(/static/images/Illustration.jpg);
    background-size: contain;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
}

.catalog-filter__wrapper {
    display: none;
}

.filter-reset-mobile {
    display: none;
}

.catalog-filter .h2 {
    font-weight: 600;
    font-size: 14px;
    position: relative;
    padding-right: 24px;
    padding-bottom: 12px;
    color: var(--main-color-seventh);
    cursor: pointer;
}

.catalog-filter .filter-title svg {
    stroke: var(--main-color-seventh);
    transform: rotate(180deg);
    display: block;
    position: absolute;
    right: 0;
    top: 0;
}

.catalog-filter .filter-title.filter-title--hide svg {
    transform: rotate(0deg);
}

.left-col .filter-item ul {
    border: none;
    border-radius: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.left-col .filter-item ul li a {
    padding-left: 0;
    padding-right: 0;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 400;
    line-height: 124%;
}

.left-col .filter-item .active > a:before {
    display: none;
}

.left-col .filter-item ul li a span {
    display: block;
}

.left-col .filter-item ul li a span:first-child {
    width: 79%;
}

.left-col .filter-item ul li a span:last-child {
    width: 20%;
    font-weight: 500;
    font-size: 11px;
    color: rgba(43, 45, 58, 0.4);
    text-align: right;
}

.catalog-filter .cat-list {
    padding-bottom: 12px;
    border-bottom: 1px dashed rgba(85, 104, 255, 0.15);
}

.catalog-filter .filter-item {
    padding-bottom: 12px;
    animation: bounce 1.2s;
}

.catalog-filter .cat-price {
    padding-bottom: 12px;
    padding-top: 24px;
    border-bottom: 1px dashed rgba(85, 104, 255, 0.15);
}

.catalog-filter .brands-collector {
    margin-top: 36px;
    margin-bottom: 26px;
}

.cat-vendors-select {
    width: 100%;
    background-color: #fff;
    outline: 0;
    border: 1px solid rgba(43, 45, 58, 0.2);
    box-sizing: border-box;
    border-radius: 8px;
    font-weight: 400;
    font-size: 13px;
    padding-left: 11px;
    padding-top: 8px;
    padding-bottom: 8px;
    -webkit-appearance: none;
    background-image: url("/static/images/down-filter.svg");
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: 96% center;
    cursor: pointer;
}

.cat-vendors-select:hover {
    border: 1px solid var(--main-color);
}

.cat-vendors-select option {
    font-weight: 400;
    font-size: 13px;
    padding-top: 3px;
    padding-bottom: 3px;
    display: block;
}

.filter-button {
    border-radius: 8px;
    display: block;
    background-color: var(--main-color);
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 8px;
    width: 100%;
    border: none;
}

.filter-button:hover {
    background-color: var(--main-color-hover);
}

.filter-reset {
    border-radius: 8px;
    display: block;
    background-color: #EEF0FF;
    text-align: center;
    color: var(--main-color);
    font-weight: 500;
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 4px;
    padding-right: 4px;
    margin-bottom: 24px;
    width: 100%;
    border: none;
}

.filter-reset:hover {
    background-color: rgba(85, 104, 255, 0.15);
}

.irs-min,
.irs-max,
.irs-grid-pol,
.irs-grid-text {
    display: none !important;
}

.irs-bar {
    background-color: rgba(43, 45, 58, 0.2);
    height: 2px;
    border-radius: 2px;
    width: 100% !important;
    left: 0 !important;
}

.irs-slider {
    width: 20px;
    height: 20px;
    background-color: var(--main-color);
    border-radius: 50%;
    top: 0;
    cursor: pointer;
}

.irs-slider:hover {
    background-color: var(--main-color-hover);
}

.catalog-filter .filter-item--hide {
    display: none;
}

.interview__item {
    display: block;
    padding-top: 24px;
    padding-bottom: 24px;
    border-top: 1px dashed rgba(85, 104, 255, 0.15);
}

.interview__picture {
    border-radius: 8px;
    display: block;
    width: 175px;
    height: 132px;
    overflow: hidden;
}

.interview__item--letter h3 {
    font-weight: 600;
    font-size: 12px;
    text-align: center;
    margin-bottom: 8px;
    color: var(--main-color-seventh);
}

.interview__item--letter p {
    font-weight: 400;
    font-size: 11px;
    line-height: 136%;
    text-align: center;
    margin-bottom: 12px;
    color: var(--main-color-seventh);
}

.interview__item--letter a {
    border-radius: 8px;
    display: block;
    background-color: #EEF0FF;
    text-align: center;
    color: var(--main-color);
    font-weight: 500;
    font-size: 13px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 4px;
    padding-right: 4px;
    width: 100%;
}

.interview__item--letter a:hover {
    background-color: rgba(85, 104, 255, 0.15);
}

.filter-button-mobile {
    display: none;
}

.unknown {
    display: block;
    margin-left: 10px;
    margin-top: 72px;
    margin-bottom: 42px;
    position: relative;
    min-height: 436px;
}

.unknown:before {
    display: block;
    width: 436px;
    height: 436px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url("/static/images/404.png");
    background-size: contain;
    position: absolute;
    right: 0;
    top: 0;
    content: "";
}

.unknown h1 {
    padding-top: 30px;
    margin-left: 0;
    max-width: 382px;
    font-weight: 600;
    font-size: 24px;
    line-height: 124%;
    margin-bottom: 16px;
    color: var(--main-color-seventh);
}

.unknown p {
    font-weight: 400;
    font-size: 16px;
    line-height: 152%;
    margin-bottom: 32px;
    color: var(--main-color-seventh);
    max-width: 375px;
}

.unknown p a {
    color: var(--main-color);
}

.unknown p a:hover {
    color: var(--main-color-hover);
}

.unknown .unknown__wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 456px;
}

.unknown__wrapper a {
    border-radius: 8px;
    display: block;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 6px;
    padding-right: 6px;
    width: 220px;
    box-sizing: border-box;
}

.unknown__wrapper a:first-child {
    background-color: rgba(85, 104, 255, 0.1);
    color: var(--main-color);
}

.unknown__wrapper a:first-child:hover {
    background-color: rgba(85, 104, 255, 0.15);
    color: var(--main-color);
}

.unknown__wrapper a:last-child {
    background-color: var(--main-color);
    color: #fff;
}

.unknown__wrapper a:last-child:hover {
    background-color: var(--main-color-hover);
    color: #fff;
}

.search-results .unknown {
    margin-top: 20px;
}

.search-results .unknown:before {
    background-image: url("/static/images/not-found.png");
}

.iframe-wrapper {
    display: block;
    width: fit-content;
    border-radius: 16px;
    overflow: hidden;
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid #cccccc;
}

.captcha_td_image img {
    display: block;
}

#contacts_form h2 {
    font-weight: 500;
    font-size: 20px;
    line-height: 124%;
    margin-bottom: 8px;
    letter-spacing: -0.01em;
    color: var(--main-color-seventh);
}

#contacts_form p {
    font-weight: 400;
    font-size: 14px;
    line-height: 124%;
    letter-spacing: -0.01em;
    margin-bottom: 32px;
    color: var(--main-color-seventh);
}

.contacts label {
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 10px;
    color: var(--main-color-seventh);
    display: block;
}

.contacts.contacts-form {
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.contacts.contacts-form input,
.contacts.contacts-form textarea {
    display: block;
    width: 100%;
    border: 1px solid rgba(43, 45, 58, 0.2);
    box-sizing: border-box;
    border-radius: 8px;
    padding-top: 13px;
    padding-bottom: 13px;
    padding-left: 16px;
    padding-right: 16px;
    font-weight: 500;
    font-size: 16px;
    color: var(--main-color-seventh);
    margin-bottom: 24px;
}

.contacts.contacts-form textarea {
    height: 132px;
}

.contacts.contacts-form input:hover,
.contacts.contacts-form input:focus,
.contacts.contacts-form textarea:hover,
.contacts.contacts-form textarea:focus {
    border: 1px solid var(--main-color);
}

.contacts.contacts-form input::placeholder,
.contacts.contacts-form textarea::placeholder {
    font-weight: 400;
    font-size: 16px;
    padding-top: 0;
    padding-bottom: 0;
}

.contacts.contacts-form button {
    display: block;
    background-color: var(--main-color);
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    color: #fff;
    border-radius: 8px;
    font-size: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 6px;
    padding-right: 6px;
    width: 100%;
    box-sizing: border-box;
    border: none;
    margin-top: 32px;
}

.contacts.contacts-form button:hover {
    background-color: var(--main-color-hover);
}

.main-col .contacts-block-mode h1 {
    margin-right: 0;
}

.main-col .contacts-departments h1 {
    margin-right: 0;
}

.news-block .news-main {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
}

.news-main .col {
    display: block;
    width: 45%;
}

.news-main time {
    display: none;
}

.pager .pagination__item-show,
.pager .pagination__ellipsis {
    display: inline-block;
}

.pager .pagination__ellipsis > a {
    display: none;
}

.pager .pagination__ellipsis {
    width: 28px;
    height: 24px;
}

.pager .pagination__ellipsis:after {
    content: '...';
    display: inline-block;
}

.pages-icon--first {
    display: none;
}

.news-slider,
.articles-slider {
    width: 100%;
}

.news-slider article,
.articles-slider article {
    width: 213px;
    display: block;
    position: relative;
}

.news-slider article:not(:last-child),
.articles-slider article:not(:last-child) {
    margin-right: 16px;
}

.slider-buttons .swiper-button-disabled {
    display: none;
}

.swiper-button-first {
    margin-right: auto;
}

.swiper-button-second {
    margin-left: auto;
}

.news-slider article .news-content,
.articles-slider article .news-content {
    display: none;
}

.news-slider article .img,
.articles-slider article .img {
    display: block;
    border-radius: 8px;
    width: 213px;
    height: 152px;
    margin-bottom: 14px;
    overflow: hidden;
}

.news-slider article img,
.articles-slider article img {
    display: block;
    width: 213px;
    height: 152px;
}

.main-page .news-main .news-link h2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 142%;
    margin-bottom: 8px;
    margin-right: 0;
    max-height: 44px;
    overflow: hidden;
    position: relative;
    padding-bottom: 0;
    box-sizing: border-box;
    width: 100%;
}

.main-page .news-main .news-link p {
    width: 100%;
    max-height: 42px;
    overflow: hidden;
    position: relative;
    box-sizing: border-box;
}

.main-page .news-main .col .all {
    font-weight: 500;
    font-size: 14px;
    padding-bottom: 7px;
}

.main-page .news-main .news-link {
    min-height: 130px;
    box-sizing: border-box;
}

.main-page .news-main .news-link .details {
    padding-top: 16px;
    font-size: 14px;
}

.slider-buttons div {
    background-color: #EBEEF5;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
    cursor: pointer;
}

.slider-buttons {
    display: flex;
    justify-content: space-between;
    width: 80px;
    margin-left: auto;
}

.slider-buttons svg {
    stroke: var(--main-color-seventh);
}

.main-page .news-main .col-wrapper {
    display: flex;
    width: 100%;
    margin-bottom: 10px;
    align-items: flex-end;
}

.main-page .news-main h2 {
    padding-bottom: 6px;
    margin-bottom: 0;
}

.categories .categories-slider {
    margin-bottom: 0;
}

.categories .categories-slider a {
    margin-bottom: 42px;
}

#prev-banner {
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: var(--main-color-second);
    border-radius: 50%;
    left: 0;
    top: 41%;
    z-index: 2;
    box-shadow: 0 0 20px rgba(45, 45, 45, 0.1);
}

#next-banner {
    position: absolute;
    width: 32px;
    height: 32px;
    background-color: var(--main-color-second);
    border-radius: 50%;
    right: 0;
    top: 41%;
    z-index: 2;
    box-shadow: 0 0 20px rgba(45, 45, 45, 0.1);
    display: flex !important;
    justify-content: center;
    align-items: center;
}

#prev-banner svg,
#next-banner svg {
    stroke: var(--main-color-seventh);
}

.tabs-row {
    position: relative;
}

.rr-widget .slick-prev.swiper-button-disabled,
.slider-prev span.swiper-button-disabled {
    display: none;
}

.rr-widget .slick-next.swiper-button-disabled,
.slider-next span.swiper-button-disabled {
    display: none;
}

.section_cart .container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.section_cart #container {
    flex-grow: 1;
}

.product-info .analogs__slider .button {
    background-position: 44px center;
    margin-bottom: 0;
    width: 100%;
    box-sizing: border-box;
}

.product-info .analogs {
    display: flex;
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 24px;
    margin-bottom: 12px;
    align-items: center;
}

.analogs h3 {
    font-weight: 600;
    font-size: 20px;
    letter-spacing: -0.01em;
    color: var(--main-color-seventh);
    max-width: 50%;
}

.analogs__wrapper {
    display: flex;
    justify-content: space-between;
    width: 80px;
}

.analogs__wrapper div {
    background-color: #EBEEF5;
    width: 32px;
    height: 32px;
    justify-content: center;
    align-items: center;
    display: flex;
    border-radius: 50%;
    cursor: pointer;
}

.analogs__wrapper svg {
    stroke: var(--main-color-seventh);
}

.confirm-animation__title.recovery-title {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 12px;
}

#products-under-order-content .confirm-animation__title.recovery-title {
    margin-bottom: 24px;
}

.recovery-paragraf {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
    line-height: 142%;
    color: rgba(43, 45, 58, 0.7);
    width: 95%;
    display: block;
    margin: 0 auto;
    margin-bottom: 24px;
}

#auth-box .error {
    margin-bottom: 0;
}

a.close-ok {
    display: block;
    background-color: var(--main-color);
    border-radius: 8px;
    width: 100%;
    box-sizing: border-box;
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 6px;
    padding-left: 6px;
    cursor: pointer;
    border: none;
    margin-bottom: 0;
}

#products-under-order-content {
    display: block;
    width: 100%;
}

.attachment-mobile {
    display: none;
    border: none;
    border-radius: 6px;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 52px;
    padding-right: 12px;
    background-image: url("/static/images/web_app_djstore.svg");
    background-size: 32px 32px;
    background-position: 8px center;
    background-repeat: no-repeat;
    background-color: #D5DAF6;
    color: var(--main-color);
    font-weight: 500;
    font-size: 13px;
    line-height: 134%;
    letter-spacing: -0.01em;
    text-align: left;
    min-height: 42px;
    box-sizing: border-box;
}

.attachment-tooltip {
    position: fixed;
    bottom: 21px;
    left: 16px;
    padding-left: 50px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-right: 8px;
    background-image: url("/static/images/plus-tooltip.svg");
    background-size: 36px 36px;
    background-repeat: no-repeat;
    background-position: 8px center;
    box-shadow: 2px 2px 24px rgba(45, 45, 45, 0.24);
    background-color: #fff;
    z-index: 2147483650;
    border-radius: 8px;
    width: calc(100% - 32px);
    box-sizing: border-box;
    display: none;
    animation: bounce 1.2s;
}

.attachment-tooltip:after {
    position: absolute;
    width: 36px;
    height: 23px;
    display: block;
    content: "";
    bottom: -18px;
    left: calc(50% - 18px);
    border-radius: 4px;
    background-image: url("/static/images/polygon-tooltip.svg");
    background-size: 36px 23px;
    background-repeat: no-repeat;
    background-position: 0 0;
}

.attachment-tooltip__wrapper {
    background-color: #fff;
    display: block;
}

.attachment-tooltip h3 {
    font-weight: 500;
    font-size: 10px;
    line-height: 134%;
    letter-spacing: -0.01em;
    color: var(--main-color-seventh);
}

.attachment-tooltip p {
    font-weight: 500;
    font-size: 10px;
    line-height: 134%;
    letter-spacing: -0.01em;
    color: var(--main-color-seventh);
}

#geo_city span {
    color: var(--main-color);
    cursor: pointer;
}

#geo_city:hover span {
    color: var(--main-color-hover);
}

.subcategories .left-col.menu {
    display: none;
}

.search-count-title {
    font-weight: 500;
    margin-left: 10px;
}

.details.order-page div.processing {
    width: 100%;
}

.details.order-page div.processing p {
    padding-left: 0;
}

.news-wrapper .text_full h1 {
    padding: 0;
    margin: 0;
    font-size: 18px;
    color: var(--main-color-seventh);
    text-decoration: none;
    font-weight: 500;
    margin-top: 32px;
    margin-bottom: 32px;
}

.news-wrapper .text_full h2 {
    padding: 0;
    margin: 0;
    font-size: 16px;
    color: var(--main-color-seventh);
    text-decoration: none;
    font-weight: 500;
    margin-top: 32px;
    margin-bottom: 32px;
}

.news-wrapper .text_full h3 {
    padding: 0;
    margin: 0;
    font-size: 14px;
    color: var(--main-color-seventh);
    text-decoration: none;
    font-weight: 500;
    margin-top: 32px;
    margin-bottom: 32px;
}

.news-wrapper .text_full p {
    padding: 0;
    margin: 0;
    color: var(--main-color-seventh);
    font-size: 14px;
    line-height: 172%;
    margin-bottom: 32px;
}

.news-wrapper .text_full ul {
    font-size: 14px;
    color: var(--main-color-seventh);
    line-height: 172%;
    margin-bottom: 32px;
}

.news-wrapper .text_full ul li {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: var(--main-color-seventh);
    line-height: 172%;
}

.news-wrapper .text_full ul li:not(:last-child) {
    margin-bottom: 4px;
}

.news-wrapper .text_full ol {
    font-size: 14px;
    color: var(--main-color-seventh);
    line-height: 172%;
    margin-bottom: 32px;
}

.news-wrapper .text_full ol li {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: var(--main-color-seventh);
    line-height: 172%;
}

.news-wrapper .text_full ol li:not(:last-child) {
    margin-bottom: 4px;
}

.news-wrapper .text_full a {
    color: var(--main-color);
    font-weight: 600;
}

.news-wrapper .text_full a:hover {
    color: var(--main-color-hover);
}

.news-wrapper .text_full img {
    display: block;
    margin: 0 auto;
    border-radius: 12px;
    margin-bottom: 32px;
    overflow: hidden;
}

.news-wrapper .text_full .wrapper-iframe {
    display: block;
    margin: 0 auto;
    border-radius: 12px;
    margin-bottom: 32px;
    overflow: hidden;
}

.news-wrapper .text_full em {
    font-style: normal !important;
}

/*.button_f92 {*/
/*    background: var(--main-color) !important;*/
/*}*/

.label_e50._bottom_ea7 .text_468._noAd_b4d,
.label_e50._left_bba .text_468._noAd_b4d,
.label_e50._right_56b .text_468._noAd_b4d {
    font-family: "Montserrat", "Arial", sans-serif !important;
    font-size: 12px !important;
    color: #fff !important;
    font-weight: 700 !important;
}

.main-col .order-form .cont-l.cont-l-wrapper,
.main-col .order-form .cont-r.cont-r-wrapper {
    float: none;
    margin-left: 0;
    padding-left: 0;
}

.main-col .order-form .cont-l.cont-l-wrapper {
    width: 320px;
}

.main-col .order-form .cont-r.cont-r-wrapper {
    width: 100%;
}

.main-col .order-form .cont-l.cont-l-wrapper input,
.main-col .order-form .cont-l.cont-l-wrapper textarea {
    box-sizing: border-box;
}

body.scroll-hiding {
    overflow: hidden;
}

.auth-page.remind button {
    background: var(--main-color);
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 8px;
    box-sizing: border-box;
    max-width: 100%;
    font-weight: 600;
    font-size: 16px;
    display: block;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 24px;
    height: 51px;
    line-height: 51px;
    width: 370px;
}

.auth-page.remind button:hover {
    background-color: var(--main-color-hover);
}

#change-city-link2 {
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px;
    color: var(--main-color);
    cursor: pointer;
    display: inline-block;
    margin-left: 0;
}

#change-city-link2:hover {
    color: var(--main-color-hover);
}

.search-results {
    margin-left: 10px;
}

#logged-block-ul .logout {
    display: none;
}

.logout.personal-area-logout a {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 400;
    font-size: 14px;
    color: var(--main-color-seventh);
    display: block;
    box-sizing: border-box;
    margin-top: 14px;
}

.logout.personal-area-logout a svg {
    fill: var(--main-color-seventh);
    margin-right: 4px;
    margin-top: -4px;
}

.logout.personal-area-logout a:active {
    color: var(--main-color);
}

.logout.personal-area-logout a:active svg {
    fill: var(--main-color);
}

.categories.subcategories .search-page .main-col {
    width: 100%;
}

.attention {
    font-size: 14px;
    font-weight: 400;
    line-height: 142%;
    padding-top: 32px;
    padding-left: 32px;
    padding-right: 32px;
    padding-bottom: 40px;
}

.attention a {
    display: block;
    background: var(--main-color);
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 8px;
    box-sizing: border-box;
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 32px;
    margin-bottom: 0;
}

.attention a:hover {
    background-color: var(--main-color-hover);
}

.information-wrapper--article h3 {
    display: none;
}

.news-wrapper .news-content--article {
    display: none;
}

header .navigation-mobile {
    position: fixed;
    width: 100vw;
    display: none;
    bottom: 0;
    left: 0;
    background-color: #F7F7F7;
    box-shadow: 0 -4px 12px rgba(0, 0, 0, 0.07);
    z-index: 1000;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 12px;
    padding-bottom: 24px;
    box-sizing: border-box;
}

body.section_cart header .navigation-mobile .user-block {
    width: 100%;
}

.navigation-mobile #logged-block-ul .logout {
    display: none !important;
}

.navigation-mobile .navigation-mobile__main {
    padding-top: 28px;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: -0.03em;
    color: rgba(43, 45, 58, 0.3);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 24px 24px;
    background-image: url("/static/images/home.svg");
}

.main-page .navigation-mobile .navigation-mobile__main {
    color: var(--main-color);
    background-image: url("/static/images/home-active.svg");
    position: relative;
}

.main-page .navigation-mobile .navigation-mobile__main:after {
    width: 4px;
    height: 4px;
    display: block;
    background-color: var(--main-color);
    position: absolute;
    bottom: -6px;
    left: calc(50% - 2px);
    content: "";
    border-radius: 50%;
}

.navigation-mobile .navigation-mobile__catalog {
    padding-top: 28px;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: -0.03em;
    color: rgba(43, 45, 58, 0.3);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 24px 24px;
    background-image: url("/static/images/catalog-tab.svg");
}

.page-oborudovanie .navigation-mobile .navigation-mobile__catalog {
    color: var(--main-color);
    background-image: url("/static/images/catalog-tab-active.svg");
    position: relative;
}

.page-oborudovanie .navigation-mobile .navigation-mobile__catalog:after {
    width: 4px;
    height: 4px;
    display: block;
    background-color: var(--main-color);
    position: absolute;
    bottom: -6px;
    left: calc(50% - 2px);
    content: "";
    border-radius: 50%;
}

header .navigation-mobile .user-block .status-button {
    width: 45px;
}

header .navigation-mobile .user-block .status-button a {
    font-weight: 500;
    font-size: 11px;
    letter-spacing: -0.03em;
    color: rgba(43, 45, 58, 0.3);
    background-repeat: no-repeat;
    background-position: center 0;
    background-size: 24px 24px;
    background-image: url("/static/images/box-mobile.svg");
    padding-top: 28px;
}

.status-page header .navigation-mobile .user-block .status-button a {
    position: relative;
    color: var(--main-color);
    background-image: url("/static/images/box-mobile-active.svg");
}

.status-page header .navigation-mobile .user-block .status-button a:after {
    width: 4px;
    height: 4px;
    display: block;
    background-color: var(--main-color);
    position: absolute;
    bottom: -6px;
    left: calc(50% - 2px);
    content: "";
    border-radius: 50%;
}

header .navigation-mobile .user-block .login a,
header .navigation-mobile .user-block .name a {
    font-weight: 500;
    font-size: 11px;
    letter-spacing: -0.03em;
    color: rgba(43, 45, 58, 0.3);
}

header .navigation-mobile .user-block .login a svg,
header .navigation-mobile .user-block .name a svg {
    fill: rgba(43, 45, 58, 0.3);
}

.profile-page header .navigation-mobile .user-block .login a,
.profile-page header .navigation-mobile .user-block .name a {
    position: relative;
    color: var(--main-color);
}

.profile-page header .navigation-mobile .user-block .login a svg,
.profile-page header .navigation-mobile .user-block .name a svg {
    fill: var(--main-color);
}

.profile-page header .navigation-mobile .user-block .login a:after,
.profile-page header .navigation-mobile .user-block .name a:after {
    width: 4px;
    height: 4px;
    display: block;
    background-color: var(--main-color);
    position: absolute;
    bottom: -6px;
    left: calc(50% - 2px);
    content: "";
    border-radius: 50%;
}

header .navigation-mobile .user-block .cart-button {
    height: auto;
    width: max-content;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: -0.03em;
    color: rgba(43, 45, 58, 0.3);
    background-color: transparent;
}

header .navigation-mobile .user-block .cart-button .cart-wrapper svg {
    fill: rgba(43, 45, 58, 0.3);
}

.section_cart header .navigation-mobile .user-block .cart-button {
    color: var(--main-color);
}

.section_cart header .navigation-mobile .user-block .cart-button .cart-wrapper svg {
    fill: var(--main-color);
}

.section_cart .navigation-mobile .cart-button-content {
    position: relative;
}

.section_cart .navigation-mobile .cart-button-content:after {
    width: 4px;
    height: 4px;
    display: block;
    background-color: var(--main-color);
    position: absolute;
    bottom: -6px;
    left: calc(50% - 2px);
    content: "";
    border-radius: 50%;
}

.navigation-mobile .cart-button-content {
    display: block;
    margin-top: 4px;
    line-height: normal;
}

header .navigation-mobile .user-block .cart-button .cart-wrapper {
    width: 24px;
    height: 24px;
}

header .navigation-mobile .user-block .cart-button .cart-wrapper span.cart-amount {
    min-width: 18px;
    width: auto;
    height: 18px;
    font-weight: 500;
    font-size: 9px;
    left: 18px;
    top: -9px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1px;
}

header .navigation-mobile .user-block .login a {
    text-align: center;
}

header .navigation-mobile .user-block ul {
    width: max-content;
    max-width: 90px;
}

header .user-block .name a span:last-child {
    display: none;
}

.mobile-menu .mobile-user-block .name a span:last-child {
    display: none;
}

header .navigation-mobile .user-block .name a span:last-child {
    display: block;
}

header .navigation-mobile .user-block .name a span:nth-last-child(2) {
    display: none;
}

.no-overpayments {
    padding-left: 26px;
    display: block;
    width: 100%;
    font-size: 14px;
    margin-top: 8px;
}

.error-alert {
    font-weight: 400;
    font-size: 14px;
    display: none;
    color: #D92626;
    margin-top: 8px;
    padding-left: 24px;
    background-image: url("/static/images/alert-circle.svg");
    background-size: 18px 18px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.error-alert--show {
    display: block;
}

.panel-cart input[type="text"].empty-field,
.panel-cart input[type="email"].empty-field,
.panel-cart select.empty-field {
    border: 1px solid rgba(217, 38, 38, 0.2);
}

.panel-cart input[type="text"].error-field,
.panel-cart input[type="email"].error-field,
.panel-cart select.error-field {
    border: 1px solid #D92626;
}

.main-col .search-results .cat-view span {
    display: none;
}

.additional-picture img {
    display: block;
    width: 100%;
    height: auto;
}

.new-year-picture img {
    display: block;
    width: auto;
    height: auto;
    position: relative;
    top: 0;
    left: calc(50% - 600px);
}

.slider .product_item a span:first-child {
    display: none;
}

.slider .product_item a span:last-child {
    display: block;
}

.product-info .сart_but span:first-child {
    display: block;
}

.product-info .сart_but span:last-child {
    display: none;
}

.not_produced_product a {
    color: var(--main-color);
}

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

.rr-widget .item-image {
    display: flex;
    align-items: center;
    justify-content: center;
}

.additional-picture {
    width: 100%;
    height: max-content;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    display: none;
}

.new-year-picture {
    display: none;
    width: 100%;
    height: max-content;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    position: relative;
}

.new-year-picture.new-year-picture--hide {
    display: none;
}

.black {
    display: none;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-top: 42px;
    margin-bottom: 42px;
    justify-content: space-between;
    position: relative;
    background: #262626;
    border-radius: 18px;
    padding-top: 32px;
    padding-bottom: 48px;
    padding-left: 52px;
    padding-right: 32px;
    margin-right: 10px;
    margin-left: 10px;
}

.black:after {
    width: 90px;
    height: 90px;
    display: block;
    position: absolute;
    background-image: url("/static/images/black-1.png");
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat;
    filter: drop-shadow(10px 20px 32px rgba(209, 150, 32, 0.12));
    right: -8px;
    top: 11px;
    content: "";
}

.black::before {
    width: 28px;
    height: 28px;
    display: block;
    position: absolute;
    background-image: url("/static/images/black-2.png");
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat;
    filter: drop-shadow(10px 20px 32px rgba(209, 150, 32, 0.12));
    left: calc(48% + 20px);
    top: 18px;
    content: "";
}

.black__content {
    display: block;
    width: 46%;
    padding-top: 36px;
    box-sizing: border-box;
}

.black__content span {
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    letter-spacing: -0.02em;
    display: block;
    margin-bottom: 6px;
}

.black__content h3 {
    font-weight: 600;
    font-size: 42px;
    letter-spacing: -0.02em;
    margin-bottom: 24px;
    color: #fff;
}

.black__content a {
    background-color: #FEB936;
    border-radius: 8px;
    width: 201px;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    padding-left: 32px;
    background-position: 24px center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    background-image: url("/static/images/supermarket.svg");
    padding-top: 16px;
    padding-bottom: 16px;
    text-align: center;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
}

.black__timer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 52%;
    background-color: #2C2B2A;
    border-radius: 12px;
    overflow: hidden;
    height: 240px;
    box-shadow: 0 24px 48px rgba(17, 17, 17, 0.42);
}

.black__timer::before {
    width: 44px;
    height: 44px;
    display: block;
    position: absolute;
    background-image: url("/static/images/black-3.png");
    background-size: contain;
    background-position: 0 0;
    background-repeat: no-repeat;
    filter: drop-shadow(10px 20px 32px rgba(209, 150, 32, 0.12));
    left: 65%;
    bottom: 26px;
    content: "";
}

.black__wrapper {
    width: 420px;
    display: block;
    height: auto;
}

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

#countdown {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
}

#countdown .col-xs-6 {
    display: block;
    width: 33%;
}

#countdown .col-xs-6:last-child {
    display: none;
}

#countdown .time {
    font-weight: 600;
    font-size: 62px;
    letter-spacing: -0.02em;
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
}

#countdown .col-xs-6:first-child .time {
    background-image: url("/static/images/timer-round.svg");
    background-size: 6px 20px;
    background-repeat: no-repeat;
    background-position: 100% center;
}

#countdown .col-xs-6:nth-child(2) .time {
    background-image: url("/static/images/timer-round.svg");
    background-size: 6px 20px;
    background-repeat: no-repeat;
    background-position: 100% center;
}

.black__time span {
    font-weight: 500;
    font-size: 14px;
    letter-spacing: -0.02em;
    color: #fff;
    text-align: center;
    width: 33%;
}

.promo-slider-block.promo-slider-block--start {
    display: none;
}

.black.black--start {
    display: flex;
}

.black-friday-picture.black-friday-picture--start {
    display: block;
}

.tranquility__list {
    padding: 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    background-color: var(--main-color-eleventh);
    border-radius: 8px;
    padding-left: 36px;
    padding-top: 16px;
    padding-bottom: 16px;
    margin-top: 32px;
    margin-bottom: 40px;
    box-sizing: border-box;
}

.tranquility__list li {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: -0.02em;
    color: var(--main-color-seventh);
    padding-left: 32px;
    padding-right: 16px;
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: 0 0;
    min-height: 24px;
    padding-top: 4px;
    box-sizing: border-box;
    position: relative;
}

.tranquility__list li:first-child {
    background-image: url("/static/images/safety.svg");
}

.tranquility__list li:first-child:before {
    height: 36px;
    width: 1px;
    display: block;
    position: absolute;
    right: 0;
    top: -6px;
    content: "";
    background-color: rgba(45, 45, 45, 0.1);
}

.tranquility__list li:nth-child(2) {
    background-image: url("/static/images/badge.svg");
    margin-left: 16px;
}

.stock.tranquility__list {
    background-color: transparent;
    width: max-content;
    padding: 0;
    display: inline-block;
    margin: 0;
    border-radius: 0;
    position: relative;
}

.stock .tranquility__button {
    background-color: transparent;
    display: block;
    margin-bottom: -3px;
}

.stock .tranquility__button svg {
    display: block;
}

.stock .tranquility__tooltip {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    filter: drop-shadow(4px 6px 28px rgba(18, 18, 18, 0.1));
    padding-top: 12px;
    top: 16px;
}

.stock .tranquility__tooltip:before {
    position: relative;
    display: block;
    width: 52px;
    height: 34px;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 52px 34px;
    background-image: url("/static/images/polygon.svg");
    content: "";
    left: 131px;
    bottom: 12px;
}

.stock .tranquility__tooltip div {
    background-color: #fff;
    padding-left: 16px;
    padding-top: 8px;
    padding-bottom: 24px;
    padding-right: 4px;
    border-radius: 12px;
    margin-top: -34px;
}

.stock .tranquility__button.tranquility__button--open::after {
    display: none;
}

.product-description .text ul.files li a:before {
    background-image: url("/static/images/PDF.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 38px 16px;
    display: block;
    position: absolute;
    right: -1px;
    top: -1px;
    content: "";
    width: 38px;
    height: 16px;
}

.product-description .text ul.files li span {
    display: none;
}

.tranquility__tooltip {
    display: none;
    background-color: #fff;
    width: 328px;
    padding-left: 16px;
    padding-top: 8px;
    padding-bottom: 24px;
    padding-right: 4px;
    position: absolute;
    right: -164px;
    top: 32px;
    z-index: 1;
    box-sizing: border-box;
    border-radius: 12px;
    box-shadow: 0 16px 26px rgba(103, 103, 103, 0.12);
}

.tranquility__tooltip.tranquility__tooltip--open {
    display: block;
}

.tranquility__tooltip p {
    font-weight: 400;
    font-size: 14px;
    line-height: 148%;
    letter-spacing: -0.04em;
    color: rgba(43, 45, 58, 0.8);
    padding-right: 29px;
    margin-top: -4px;
}

.tranquility__tooltip p span {
    font-weight: 500;
}

.tranquility__button {
    padding: 0;
    margin: 0;
    border: 0;
    margin-left: 6px;
    position: relative;
    cursor: pointer;
    background-color: transparent;
}

.tranquility__button.tranquility__button--open::after {
    display: block;
    position: absolute;
    width: 28px;
    height: 24px;
    box-shadow: 0 16px 26px rgba(103, 103, 103, 0.12);
    background-position: 0 0;
    background-size: 28px 24px;
    background-repeat: no-repeat;
    background-image: url("/static/images/polygon.svg");
    top: 16px;
    left: -5px;
    content: "";
}

.product-photos .tranquility__button svg {
    fill: var(--main-color);
    stroke: var(--main-color-seventh);
    fill-opacity: 0.1;
    stroke-opacity: 0.4;
}

.product-photos .tranquility__button:active svg {
    fill-opacity: 0.2;
    stroke-opacity: 1.2;
}

.stock .tranquility__button svg {
    fill: var(--main-color);
    stroke: var(--main-color-seventh);
    fill-opacity: 0.1;
    stroke-opacity: 0.4;
}

.stock .tranquility__button:active svg {
    fill-opacity: 0.2;
    stroke-opacity: 1.2;
}

.tranquility__tooltip button {
    padding: 0;
    margin: 0;
    margin-left: auto;
    width: 20px;
    height: 20px;
    display: block;
    border: 0;
    background-color: transparent;
}

.tranquility__tooltip button svg {
    fill-opacity: 0.6;
    fill: var(--main-color-seventh);
}

.tranquility__tooltip button:active svg {
    fill-opacity: 1;
}

.logo img {
    height: auto;
}

.filter-black-friday {
    display: none;
}


.payment-basket {
    display: none;
    width: 328px;
    position: absolute;
    right: 4px;
    top: 0;
}

.payment-basket.payment-basket--show {
    display: block;
}

.payment-basket__wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.payment-basket__wrapper div {
    display: block;
    border-radius: 8px;
    overflow: hidden;
    width: 58px;
    height: 41px;
    filter: drop-shadow(0px 0px 6px rgba(45, 45, 45, 0.08));
    margin-bottom: 8px;
}

.payment-basket__wrapper div:not(:last-child) {
    margin-right: 8px;
}

.row.row-label {
    position: relative;
}

.button.cart_but {
    z-index: 1;
}

.button.button--basket {
    letter-spacing: -0.02em;
    font-size: 13px;
    background-image: none;
    padding-left: 0;
    background-color: #2BC277;
    z-index: 0;
    transition: .3s ease-out;
    width: 100%;
}

.product-info .button.button--basket {
    font-size: 13px;
    font-weight: 600;
    width: 100%;
}

.product-info .product-info__button .button.button--basket {
    font-size: 16px;
}

.product-info .cart_but span:last-child {
    display: none;
}

.product-info__button {
    display: flex;
    width: 100%;
}

.product-info__button .cart_but {
    width: 100%;
}

.list-right .button.button--basket {
    width: calc(100% - 16px);
}

.list .list-right .button.button--basket {
    width: 100%;
}

.cart_but span:nth-child(2) {
    display: none;
}

.button.button--basket span:first-child {
    display: none;
}

.product-info .cart_but--active {
    width: 68px;
    order: 2;
}

.product-info .cart_but--active span:first-child,
.product-info .cart_but--active span:last-child {
    display: none;
}

.product-info .cart_but--active span:nth-child(2) {
    display: block;
    font-weight: 500;
    letter-spacing: -0.01em;
}

.product-info .cart_but--active {
    padding-left: 0;
    background-image: none;
    border-radius: 0 4px 4px 0;
}

.button.button--active span:first-child {
    display: block;
    font-size: 15px;
    letter-spacing: -0.02em;
    font-weight: 600;
}

.button.button--active {
    line-height: normal !important;
    width: calc(100% - 68px);
    border-radius: 4px 0 0 4px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: -0.04em;
    padding-top: 7px;
    padding-bottom: 8px;
    box-sizing: border-box;
}

#cart-amount-basket {
    display: inline-block;
    min-width: 10px;
	}
#stickers .new-year-icon,
.swiper-slide #stickers .new-year-icon {
    background-position: 0 0;
    background-image: url("/static/images/sale.svg");
    background-size: 40px 40px;
    background-repeat: no-repeat;
    width: 40px;
    height: 40px;
}/*"/static/images/ng.svg"*/

#product .card_wrapper #stickers .new-year-icon {
    background-position: 0 0;
    background-image: url("/static/images/sale.svg");
    background-size: 52px 52px;
    background-repeat: no-repeat;
    width: 52px;
    height: 52px;
}

.filter-new-year {
    padding-bottom: 28px;
    border-bottom: 1px dashed rgba(85, 104, 255, 0.15);
    margin-bottom: 24px;
}

.filter-new-year input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.filter-new-year label {
    font-weight: 700;
    font-size: 12px;
    color: var(--main-color-seventh);
    position: relative;
    min-height: 20px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.filter-new-year input + label::after {
    width: 36px;
    height: 20px;
    display: block;
    position: absolute;
    right: 1px;
    top: 0;
    box-sizing: border-box;
    border-radius: 12px;
    background-color: rgba(43, 45, 58, 0.4);
    content: "";
}

.filter-new-year input + label::before {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    right: 19px;
    top: 2px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #fff;
    content: "";
    z-index: 1;
}

.filter-new-year input:checked + label::after {
    background-color: var(--main-color);
}

.filter-new-year input:checked + label::before {
    right: 3px;
}

.section_cart jdiv {
    display: none !important;
}

#credit-box form {
    display: none;
}

#credit-box form:nth-last-of-type(1) {
    display: block;
}

.navigation .select2-container .select2-selection__rendered {
    cursor: text;
}

#product .video-preview {
    max-width: 500px;
}

.section_cart .additional-picture {
    border-radius: 0;
}


@media (min-width: 768px) {

    .button.button--basket:hover {
        background-color: #25A867;
	}
    .filter-new-year input:checked + label:hover::after {
        background-color: var(--main-color-hover);
    }

    .filter-new-year input + label:hover::after {
        background-color: #BBC3FF;
    }

    .city-selection-button:hover circle {
        fill-opacity: 0.35;
    }

    body {
        padding-top: 0 !important;
    }

    #nav-menu .item span:first-child svg {
        fill: var(--main-color-seventh);
    }

    #nav-menu .item span:first-child {
        margin-right: 8px;
        display: inline-block;
    }

    #nav-menu .item span:last-child {
        margin-left: auto;
        width: 6px;
        display: block;
    }

    #nav-menu .item span.icon-item-3 svg,
    #nav-menu .item span.icon-item-4 svg,
    #nav-menu .item span.icon-item-11 svg {
        stroke: var(--main-color-seventh);
    }

    #nav-menu .item span:last-child svg {
        stroke: var(--main-color-seventh);
    }

    .navigation nav > ul li a:hover,
    .navigation nav > ul li .hover {
        color: var(--main-color);
        background-color: #E9EBFF;
    }

    .navigation nav > ul li:first-child a:hover,
    .navigation nav > ul li:first-child .hover {
        border-radius: 8px 0 0 0;
    }

    .navigation nav > ul li:last-child a:hover,
    .navigation nav > ul li:last-child .hover {
        border-radius: 0 0 0 8px;
    }

    .navigation nav > ul div ul li a:hover {
        color: var(--main-color);
        background-color: transparent;
    }

    .rr-widget .rr-item:hover {
        border: 1px solid var(--main-color) !important;
        box-shadow: 4px 6px 12px rgba(168, 168, 168, 0.15);
    }

    .slider .product_item:hover {
        border: 1px solid var(--main-color);
        box-shadow: 4px 6px 12px rgba(168, 168, 168, 0.15);
    }
}

.new-year-tooltip {
    display: none;
}

.cart_ny2020_link {
    display: block;
    margin-bottom: 32px;
    margin-top: 24px;
}

.cart_ny2020_link.ny2020_dismiss {
    margin-bottom: 52px;
}

#cart_dont_want_ny2020_link,
#cart_ny2020_takepart_link {
    display: inline-block;
    padding-left: 48px;
    min-height: 20px;
    font-weight: 500;
    font-size: 14px;
    color: var(--main-color-seventh);
    padding-top: 1px;
    box-sizing: border-box;
    position: relative;
}

#cart_dont_want_ny2020_link::after {
    width: 36px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    border-radius: 12px;
    background-color: var(--main-color);
    content: "";
}

#cart_dont_want_ny2020_link::before {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: 18px;
    top: 2px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #fff;
    content: "";
    z-index: 1;
}

#cart_ny2020_takepart_link::after {
    width: 36px;
    height: 20px;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
    border-radius: 12px;
    background-color: var(--main-color-eleventh);
    content: "";
}

#cart_ny2020_takepart_link::before {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    box-sizing: border-box;
    border-radius: 50%;
    background-color: #fff;
    content: "";
    z-index: 1;
}

.subheader.subheader-share {
    display: flex;
}

.subheader-share .art {
    width: max-content;
    max-width: 50%;
    margin-right: 20px;
    padding-top: 2px;
}

.subheader-share .tranquility__list {
    width: max-content;
    max-width: 50%;
    padding: 0;
    margin: 0;
    background-color: transparent;
    position: relative;
}

.subheader-share .tranquility__button {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: -0.02em;
    min-height: 32px;
    padding-top: 2px;
    margin-left: 0;
}

.subheader-share .tranquility__button svg {
    margin-right: 8px;
    margin-top: -3px;
}

.subheader-share .tranquility__button svg {
    fill: var(--main-color-seventh);
}

.unknown + div .rr-widget {
    margin-top: 0;
}

.unknown + div .rr-widget .retailrocket-widgettitle {
    margin-top: 0 !important;
}

.share .ya-share2__container_size_m .ya-share2__badge .ya-share2__icon {
    height: 32px;
    width: 32px;
    background-size: 32px 32px;
}

.share .ya-share2__list.ya-share2__list_direction_horizontal > .ya-share2__item {
    margin: 0 12px 0 0;
}

.share.tranquility__list li:first-child:before {
    display: none;
}

.share .tranquility__tooltip {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    filter: drop-shadow(4px 6px 28px rgba(18, 18, 18, 0.1));
    padding-top: 12px;
    top: 16px;
    width: 240px;
    right: -73px;
}

.share .tranquility__tooltip:before {
    position: relative;
    display: block;
    width: 52px;
    height: 34px;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: 52px 34px;
    background-image: url(/static/images/polygon.svg);
    content: "";
    left: 100px;
    bottom: 12px;
}

.share .tranquility__tooltip .share__wrapper {
    background-color: #fff;
    padding-left: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 16px;
    border-radius: 6px;
    margin-top: -34px;
}

.share .tranquility__button.tranquility__button--open::after {
    display: none;
}

.share .ya-share2__list.ya-share2__list_direction_horizontal {
    margin-top: 0;
}

.share .ya-share2__container_mobile .ya-share2__badge,
.share .ya-share2__badge {
    border-radius: 8px;
}

.product-description .text p,
.product-description .text ul li {
    line-height: 172%;
}

#page-index a.start-shopping {
    border-radius: 8px;
    display: block;
    font-weight: 600;
    font-size: 16px;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 6px;
    padding-right: 6px;
    width: 180px;
    box-sizing: border-box;
    background-color: var(--main-color);
    color: #fff;
    margin-top: 32px;
}

[id$="-box"] label.hint-wrapper {
    margin-bottom: 0;
    position: relative;
}

.hint-wrapper input:focus {
    padding-top: 18px;
    padding-bottom: 10px;
}

.hint-wrapper input:focus::placeholder {
    font-size: 0;
}

input + .hint {
    display: none;
    top: 4px;
    left: 16px;
    position: absolute;
    font-weight: 500;
    font-size: 12px;
    color: var(--main-color);
}

input:focus + .hint {
    display: block;
}

.about-page__picture {
    display: block;
    width: max-content;
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 32px;
}

.main-col div.about-page__title-first {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 52px;
}

.about-page__title-first div:first-child {
    font-size: 50px;
    font-weight: 400;
    letter-spacing: -0.01em;
    color: var(--main-color);
    padding-right: 36px;
    display: block;
    position: relative;
    text-transform: uppercase;
    width: max-content;
}

.about-page__title-first div:first-child:before {
    display: block;
    height: 52px;
    width: 3px;
    border-radius: 20%;
    position: absolute;
    right: 0;
    top: 5px;
    background: linear-gradient(to bottom, var(--main-color) 50%, var(--main-color-seventh) 50%);
    content: "";
}

.about-page__title-first div:last-child {
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -0.02em;
    color: var(--main-color-seventh);
    padding-left: 12px;
    display: block;
    position: relative;
    width: max-content;
}

.main-col .about-page__paragraf {
    font-size: 24px;
    line-height: 136%;
    letter-spacing: -0.01em;
    margin-bottom: 52px;
    color: var(--main-color-seventh);
}

.about-page__advantages {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: 52px;
}

.about-page__advantages > div {
    display: block;
    border-radius: 12px;
    width: 47%;
    background-color: var(--main-color-eleventh);
    padding-bottom: 16px;
    overflow: hidden;
}

.about-page__advantage div:nth-child(2) {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 16px;
    font-weight: 500;
    font-size: 28px;
    line-height: 136%;
    margin-bottom: 30px;
    position: relative;
    display: block;
}

.about-page__advantage div:nth-child(2):before {
    width: 30px;
    height: 2px;
    border-radius: 27%;
    background-color: var(--main-color);
    display: block;
    bottom: -12px;
    left: 16px;
    content: "";
    position: absolute;
}

.about-page__advantage div:nth-child(3) {
    padding-left: 16px;
    padding-right: 16px;
    padding-bottom: 16px;
    display: block;
    font-weight: 500;
    font-size: 22px;
    line-height: 124%;
    letter-spacing: -0.01em;
}

span.about-page__year {
    font-weight: 600;
    font-size: 50px;
    color: var(--main-color);
    line-height: 136%;
}

.main-col h3.about-page__title-second {
    font-weight: 600;
    font-size: 24px;
    line-height: 136%;
    letter-spacing: -0.01em;
    margin-bottom: 32px;
}

.main-col ul.about-page__list {
    margin-bottom: 28px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.main-col ul.about-page__list li {
    font-weight: 400;
    font-size: 16px;
    line-height: 136%;
    letter-spacing: -0.01em;
    margin-bottom: 24px;
    padding-left: 32px;
    position: relative;
    width: 49%;
    display: flex;
    align-items: center;
    box-sizing: border-box;
}

.main-col ul.about-page__list li:before {
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    background-color: rgba(85, 104, 255, 0.2);
    left: 0;
    top: calc(50% - 10px);
    content: "";
    border-radius: 50%;
}

.main-col ul.about-page__list li:after {
    width: 8px;
    height: 8px;
    display: block;
    position: absolute;
    background-color: var(--main-color);
    left: 6px;
    top: calc(50% - 4px);
    content: "";
    border-radius: 50%;
}

span.about-page__slider-title {
    font-weight: 500;
    font-size: 23px;
    line-height: 142%;
    letter-spacing: -0.01em;
    margin-bottom: 32px;
    display: block;
}

div.about-page__slider-title {
    font-weight: 500;
    font-size: 23px;
    line-height: 142%;
    letter-spacing: -0.01em;
    margin-bottom: 32px;
    display: block;
}

span.about-page__slider-title--last {
    margin-top: 96px;
    position: relative;
}

span.about-page__slider-title--last:before {
    width: 40px;
    height: 2px;
    border-radius: 27%;
    background-color: var(--main-color);
    display: block;
    bottom: -16px;
    left: 0;
    content: "";
    position: absolute;
}

.main-col .about-page__slider ul {
    display: flex;
    list-style: none;
    margin-bottom: 0;
}

.main-col .about-page__slider ul li {
    width: 200px;
    display: block;
    padding-left: 0;
    margin-bottom: 0;
}

.main-col .about-page__slider ul li:before {
    display: none;
}

.about-page__slider li:not(:last-child) {
    margin-right: 12px;
}

.about-page__item div:first-child {
    width: 200px;
    height: 100px;
    display: block;
    box-sizing: border-box;
    border: 1px solid rgba(43, 45, 58, 0.1);
    border-radius: 6px;
    background-position: center center;
    background-size: 48px 48px;
    background-repeat: no-repeat;
    margin-bottom: 16px;
}

.about-page__item div:last-child {
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.5px;
}

.about-page__slider {
    margin-bottom: 52px;
}

.about-page__slider--first .about-page__item:first-child div:first-child {
    background-image: url("/static/images/item-1.svg");
}

.about-page__slider--first .about-page__item:nth-child(2) div:first-child {
    background-image: url("/static/images/item-2.svg");
}

.about-page__slider--first .about-page__item:nth-child(3) div:first-child {
    background-image: url("/static/images/item-3.svg");
}

.about-page__slider--second .about-page__item:first-child div:first-child {
    background-image: url("/static/images/item-4.svg");
}

.about-page__slider--second .about-page__item:nth-child(2) div:first-child {
    background-image: url("/static/images/item-5.svg");
}

.about-page__slider--second .about-page__item:nth-child(3) div:first-child {
    background-image: url("/static/images/item-6.svg");
}

.about-page__slider--first .about-page__item div:first-child {
    background-color: var(--main-color-eleventh);
    border: 1px solid var(--main-color-eleventh);
}

.main-col .about-page__paragraf div {
    background-color: var(--main-color);
    border-radius: 6px;
    padding-left: 4px;
    padding-right: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
    color: #fff;
    display: inline-block;
}

.about-page__slider-title div:first-child {
    display: inline-block;
}

.about-page__slider-title div:nth-child(2) {
    display: none;
}

.select2-container--default .payment-select .select2-results__option[aria-disabled=true] {
    display: none;
}

.panel #select2-payment_mode-container {
    background-size: 24px 24px;
    background-position: 0 0;
    background-repeat: no-repeat;
    padding-left: 32px;
    line-height: 24px;
    color: var(--main-color-seventh);
    padding-right: 28px;
}

#select2-payment_mode-container[title="Банковской картой"] {
    background-image: url("/static/images/payment-method/chronopay.svg");
}

#select2-payment_mode-container[title="Наличными при получении"] {
    background-image: url("/static/images/payment-method/postcash.svg");
}

#select2-payment_mode-container[title="Квитанция для физических лиц"],
#select2-payment_mode-container[title="Счет для юридических лиц"] {
    background-image: url("/static/images/payment-method/bill.svg");
}

#select2-payment_mode-container[title="В кредит, Тинькофф"],
#select2-payment_mode-container[title="В рассрочку 0-0-6, Тинькофф"],
#select2-payment_mode-container[title="В рассрочку 0-0-12, Тинькофф"] {
    background-image: url("/static/images/payment-method/credittinkoff.svg");
    background-size: 27px 24px;
    padding-left: 39px;
    background-position: 0 -1px;
}

#select2-payment_mode-container[title="В кредит, Сбер"],
#select2-payment_mode-container[title="В кредит без переплат 0-0-6, Сбер"],
#select2-payment_mode-container[title="В кредит без переплат 0-0-10, Сбер"] {
    background-image: url("/static/images/payment-method/creditsber.svg");
}

#select2-payment_mode-container[title="В кредит, Почта.Банк"],
#select2-payment_mode-container[title="В рассрочку 0-0-12, Почта.Банк"] {
    background-image: url("/static/images/payment-method/pochtabank.svg");
    background-size: 35px 18px;
    padding-left: 41px;
    background-position: 0 1px;
}

.panel .select2-container--default .select2-selection--single {
    color: var(--main-color-seventh);
    width: 332px;
    box-sizing: border-box;
    border: 1px solid rgba(43, 45, 58, 0.2);
    border-radius: 8px;
    padding-left: 16px;
    padding-top: 11px;
    padding-bottom: 11px;
    display: block;
    font-weight: 500;
    font-size: 14px;
    height: auto;
}

.payment-select .select2-results__options::-webkit-scrollbar-track {
    border-radius: 0 0 6px 6px;
}

.payment-select .select2-results__options::-webkit-scrollbar {
    width: 6px;
}

.payment-select .select2-results__options::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: var(--main-color);
}
.payment-select .select2-results__options:hover::-webkit-scrollbar-thumb {
    background: var(--main-color);
}

.select2-container--default .payment-select .select2-results__option[aria-selected=true] {
    background-color: transparent;
}

.select2-container--default .payment-select .select2-results__option--highlighted[aria-selected] {
    background-color: transparent;
    color: var(--main-color);
}

.payment-select .select2-results__option[aria-selected] {
    padding-left: 16px;
    padding-right: 16px;
    font-weight: 500;
}

.select2-container--default .payment-select .select2-results>.select2-results__options {
    padding-top: 8px;
    padding-bottom: 8px;
}

.img-payment-select {
    margin-right: 12px;
}

.panel .select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url(/static/images/arrow_bottom.svg);
    background-size: 8px 4px;
    width: 8px;
    height: 4px;
    border-style: none;
    margin-left: 0;
    margin-top: 0;
    top: 0;
}

.panel .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    transform: rotate(180deg);
}

.panel .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 4px;
    width: 8px;
    top: 20px;
    right: 20px;
}

.panel .select2-container--default .select2-selection--single:focus {
    border: 1px solid var(--main-color);
}

.select2-container--open .payment-select.select2-dropdown--below {
    border: 1px solid var(--main-color);
    border-top: none;
}

.payment-select .select2-results__option {
    min-height: 36px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
}

#location-animation {
    width: 16px;
    height: 16px;
    display: none;
    margin-right: 4px;
    position: relative;
    top: -2px;
}

#location-animation-first {
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 4px;
    position: relative;
    top: -2px;
}

#city_selector_link-three-mugs,
#cart-three-mugs {
    height: 16px;
    width: 16px;
    display: inline-block;
}

#cart-button-three-mugs {
    height: 40px;
    width: 40px;
    display: inline-block;
}

#price-three-mugs,
#item-delivery-three-mugs {
    height: 100px;
    width: 100px;
    display: inline-block;
}

.djpl-play:before,
.djpl-pause:before {
    content: "" !important;
}

.jp-controls button.djpl-play {
    background-image: url("/static/images/play-1.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 35px 35px;
}

.jp-controls button.djpl-pause {
    background-image: url("/static/images/pause-1.svg");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 35px 35px;
}

.jp-playlist ul {
    border: 1px solid var(--main-color);
    box-shadow: none !important;
    border-radius: 6px;
}

.jp-playlist-item:hover {
    background: none !important;
}

#articles-news {
    display: block;
    width: 100%;
    margin-top: 42px;
}

.news-main #articles-news .col {
    width: 100%;
}

#articles-news .col-wrapper > h2,
#articles-news .all,
#articles-news .news-link p {
    display: none;
}

.articles-news__title {
    display: block;
    font-size: 20px;
    color: var(--main-color-seventh);
    font-weight: 600;
    letter-spacing: -0.01em;
}

#articles-news .slider-buttons {
    margin-bottom: 20px;
    margin-top: -20px;
}

.news .news-wrapper #articles-news article {
    width: 240px;
    margin-bottom: 0;
    margin-right: 24px;
}

.main-col .news #articles-news article .img {
    height: 170px;
}

.news .news-wrapper #articles-news article:first-child a.img {
    width: 100%;
    height: 170px;
    margin-bottom: 16px;
}

.news .news-wrapper #articles-news article:first-child a {
    width: 100%;
}

#articles-news .news-link h2 {
    font-size: 16px;
    font-weight: 500;
    line-height: 142%;
    margin-bottom: 16px;
    margin-right: 0;
    max-height: 44px;
    overflow: hidden;
    position: relative;
    padding-bottom: 0;
    box-sizing: border-box;
    width: 100%;
    letter-spacing: -0.01em;
}

#articles-news .news-link .details {
    padding-top: 16px;
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    display: block;
    bottom: 0;
    left: 0;
}

.shop__links a {
    line-height: 132%;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 400;
    display: block;
}

.shop h3 {
    font-size: 18px;
    margin-top: 42px;
    margin-bottom: 16px;
    color: #2b2d3a;
    font-weight: 500;
}

.shop p {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 4px;
    line-height: 152%;
    color: #2b2d3a;
}

.shop a {
    font-weight: 500;
}

.categories-all article > ul {
    display: none;
}

.categories-all article > ul.category__list--open {
    display: block;
}

.category-swiper-wrapper {
    padding-left: 16px;
    position: relative;
}

@media (min-width: 1024px) {
    .icon_help_passive:hover svg,
    .icon_percent:hover svg {
        fill-opacity: 0.2;
    }

    body .ui-widget-content a.more_arrow_right:hover {
        color: var(--main-color-hover);
    }

    body .ui-widget-content a.more_arrow_right:hover svg {
        fill: var(--main-color-hover);
    }

    .categories .per_page > a:hover svg,
    .categories .sort > a:hover svg{
        stroke: var(--main-color);
    }

    .logout.personal-area-logout a:hover {
        color: var(--main-color);
    }

    .logout.personal-area-logout a:hover svg {
        fill: var(--main-color);
    }

    .profile-wrapper a.change:hover {
        color: var(--main-color-hover);
    }

    .profile-wrapper a.change:hover svg {
        stroke: var(--main-color-hover);
    }

    .catalog-filter .filter-title:hover {
        color: var(--main-color);
    }

    .catalog-filter .filter-title:hover svg,
    .catalog-filter .filter-title.filter-title--hide:hover svg {
        stroke: var(--main-color);
    }

    .left-col .dropdown-menu-button:hover svg,
    .left-col .dropdown-menu-button--active:hover svg{
        stroke: var(--main-color);
    }

    .fa-search-plus:hover svg {
        fill: var(--main-color);
        fill-opacity: 1;
    }

    .tranquility__tooltip button:hover svg {
        fill-opacity: 1;
    }

    .product-photos .tranquility__button:hover svg {
        fill-opacity: 0.2;
        stroke-opacity: 1.2;
    }

    .stock .tranquility__button:hover svg {
        fill-opacity: 0.2;
        stroke-opacity: 1.2;
    }

    .categories-all article > ul a:hover svg {
        stroke: var(--main-color);
    }

    #prev-banner:hover svg,
    #next-banner:hover svg,
    .slider-buttons div:hover svg,
    .slider-prev:hover svg,
    .slider-next:hover svg,
    #brands-slider-prev:hover svg,
    #brands-slider-next:hover svg,
    #about-slider-next:hover svg,
    #about-slider-prev:hover svg,
    .analogs__wrapper div:hover svg,
    #category-slider-next:hover svg,
    #category-slider-prev:hover svg {
        stroke: var(--main-color);
    }

    #scrolltop a:hover svg {
        stroke-opacity: 1;
    }

    section .tabs .more:hover,
    .brands-slider-block .more:hover {
        color: var(--main-color);
    }

    section .tabs .more:hover svg,
    .brands-slider-block .more:hover svg {
        fill: var(--main-color);
    }

    #nav-menu .item:hover span:first-child svg,
    #nav-menu .item.hover span:first-child svg {
        fill: var(--main-color);
    }

    #nav-menu .item:hover span.icon-item-3 svg,
    #nav-menu .item.hover span.icon-item-3 svg,
    #nav-menu .item:hover span.icon-item-4 svg,
    #nav-menu .item.hover span.icon-item-4 svg,
    #nav-menu .item:hover span.icon-item-11 svg,
    #nav-menu .item.hover span.icon-item-11 svg {
        stroke: var(--main-color);
    }

    #nav-menu .item:hover span:last-child svg,
    #nav-menu .item.hover span:last-child svg {
        stroke: var(--main-color);
    }

    .cat-view-tags a:hover {
        color: var(--main-color);
        background-color: rgba(85, 104, 255, 0.2);
    }

    header .user-block .cart-button:hover .cart-wrapper svg,
    header .user-block .cart-button--hover .cart-wrapper svg {
        fill: var(--main-color);
    }

    header .user-block .cart-button:hover,
    header .user-block .cart-button--hover {
        color: var(--main-color);
        background-color: transparent;
    }

    header .user-block .status-button a:hover {
        color: var(--main-color);
    }

    header .user-block .status-button a:hover svg {
        fill: var(--main-color);
    }

    header .user-block .login a:hover,
    header .user-block .name a:hover {
        color: var(--main-color);
    }

    header .user-block .login a:hover svg,
    header .user-block .name a:hover svg {
        fill: var(--main-color);
    }

    a.dj-icons.dj-icon-check:hover svg {
        stroke: var(--main-color);
    }

    a.dj-icons.dj-icon-car:hover svg {
        fill: var(--main-color);
    }

    a.dj-icons.dj-icon-cards:hover svg {
        fill: var(--main-color);
    }

    .panel .select2-container--default .select2-selection--single:hover {
        border: 1px solid var(--main-color);
    }

    #page-index a.start-shopping:hover {
        background-color: var(--main-color-hover);
    }

    .subheader-share .tranquility__button:hover {
        color: var(--main-color);
    }

    .subheader-share .tranquility__button:hover svg {
        fill: var(--main-color);
    }

    .cart_ny2020_link.ny2020_dismiss:hover #cart_dont_want_ny2020_link::after {
        background-color: var(--main-color-hover);
    }

    .cart_ny2020_link:hover #cart_ny2020_takepart_link::after {
        background-color: #BBC3FF;
    }

    .new-year-wrapper {
        display: block;
        position: relative;
    }

    .new-year-tooltip {
        display: none;
        position: absolute;
        top: 40px;
        left: -5px;
        width: 225px;
        padding-top: 12px;
        filter: drop-shadow(4px 6px 28px rgba(18, 18, 18, 0.1));
        z-index: 100;
    }

    .card_wrapper .new-year-tooltip {
        top: 52px;
        left: 0;
    }

    .categories.subcategories .new-year-tooltip {
        left: calc(50% - 112.5px);
    }

    .new-year-tooltip:before {
        position: relative;
        display: block;
        width: 28px;
        height: 24px;
        background-position: center 0;
        background-repeat: no-repeat;
        background-size: 28px 24px;
        background-image: url(/static/images/polygon-basket.svg);
        content: "";
        left: 12px;
        bottom: 12px;
    }

    .categories.subcategories .new-year-tooltip:before {
        left: 98px;
    }

    .new-year-tooltip div {
        background: #fff;
        box-shadow: none;
        position: relative;
        box-sizing: border-box;
        overflow: hidden;
        display: block;
        width: 100%;
        border-radius: 8px;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-left: 12px;
        padding-right: 12px;
        margin-top: -23px;
    }

    .new-year-tooltip p {
        font-weight: 500;
        font-size: 14px;
        line-height: 148%;
        letter-spacing: -0.04em;
        color: #63ADF5;
    }

    .new-year-icon:hover + .new-year-tooltip {
        display: block;
    }

    .fotorama__nav__frame:hover .fotorama__thumb {
        border: 1px solid var(--main-color);
    }
}