/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%; }

body {
    margin: 0; }

main {
    display: block; }

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

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

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

a {
    background-color: transparent; }

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted; }

b,
strong {
    font-weight: bolder; }

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

small {
    font-size: 80%; }

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

sub {
    bottom: -0.25em; }

sup {
    top: -0.5em; }

img {
    border-style: none; }

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0; }

button,
input {
    overflow: visible; }

button,
select {
    text-transform: none; }

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0; }

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText; }

fieldset {
    padding: 0.35em 0.75em 0.625em; }

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal; }

progress {
    vertical-align: baseline; }

textarea {
    overflow: auto;
    -webkit-overflow-scrolling: touch; }

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

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

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px; }

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit; }

details {
    display: block; }

summary {
    display: list-item; }

template {
    display: none; }

[hidden] {
    display: none; }

html {
    color: #393E41;
    font-size: 1em;
    line-height: 1.2; }

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none; }

::selection {
    background: #b3d4fc;
    text-shadow: none; }

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0; }

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

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

textarea {
    resize: vertical; }

a {
    text-decoration: none; }

address {
    font-style: normal; }

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

button {
    cursor: pointer;
    border: 0;
    margin: 0;
    padding: 0; }

a.button {
    cursor: pointer; }

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

figure {
    margin: 0; }

/* Author's custom styles  */
*,
*:before,
*:after {
    line-height: 1.4;
    box-sizing: inherit;
    flex-shrink: 1; }

*:focus {
    outline: none; }

html,
body {
    height: 100%;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased; }

body {
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0.025em;
    color: #393E41;
    padding-bottom: calc(constant(safe-area-inset-bottom) + 1.25rem);
    padding-bottom: calc(env(safe-area-inset-bottom) + 1.25rem); }

.large-wrapper {
    width: auto;
    max-width: 1330px;
    margin: 0 auto; }

.wrapper {
    width: auto;
    max-width: 1256px;
    margin: 0 auto;
    width: 90%; }

@media only screen and (min-width: 100px) and (max-width: 900px) {
    .wrapper.wide {
        width: 100%; } }
.inner-wrapper {
    max-width: 1164px;
    margin: 0 auto;
    width: 90%;
    position: relative; }

.site {
    height: 100%;
    display: flex;
    flex-direction: column; }

.main-header {
    flex-shrink: 0; }

.main-content {
    flex-grow: 1;
    flex-shrink: 0; }

.main-footer {
    flex-shrink: 0; }

.scrollable-content {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }

.link {
    position: relative;
    text-decoration: none; }
.link::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 1px;
    background: #191919;
    transition: all ease 0.4s;
    transform: scale(0);
    transform-origin: center center; }
.link--white::after {
    background: #ffffff; }
.link:hover::after {
    transform: scale(1); }

.link2 {
    width: calc(100%);
    background-image: linear-gradient(transparent calc(100% - 1px), black 1px);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    transition: background-size 1s; }
.link2--white {
    background-image: linear-gradient(transparent calc(100% - 1px), #fff 1px); }
.link2:hover {
    background-size: 100% 100%; }

.simple-link {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline; }

.link-grey {
    color: #7a7a7a;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    text-decoration: underline; }

.link-black {
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    color: #191919; }

.object-fit-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }

.card-image {
    width: 24px;
    margin: 0 8px; }

.required {
    color: #ff4848;
    line-height: 1;
    flex-grow: 0;
    display: block;
    height: 7px;
    position: relative;
    top: 2px;
    margin-left: 3px; }

.border-b {
    position: relative; }
.border-b::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: #cccccc; }

.block-scroll {
    height: 100%;
    width: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch; }

.p-68 {
    padding: 68px 0; }
@media screen and (max-width: 768px) {
    .p-68 {
        padding: 30px 0; } }

.p-60 {
    padding: 60px; }
@media screen and (max-width: 768px) {
    .p-60 {
        padding-top: 30px; } }

.pt-60 {
    padding-top: 60px; }
@media screen and (max-width: 768px) {
    .pt-60 {
        padding-top: 30px; } }

.pb-60 {
    padding-bottom: 60px; }
@media screen and (max-width: 768px) {
    .pb-60 {
        padding-bottom: 30px; } }

.p-40 {
    padding: 40px; }
@media screen and (max-width: 768px) {
    .p-40 {
        padding-top: 20px; } }

.pt-40 {
    padding-top: 40px; }
@media screen and (max-width: 768px) {
    .pt-40 {
        padding-top: 20px; } }

.pb-40 {
    padding-bottom: 40px !important; }
@media screen and (max-width: 768px) {
    .pb-40 {
        padding-bottom: 20px !important; } }

.mb-20 {
    margin-bottom: 20px !important; }
@media screen and (max-width: 768px) {
    .mb-20 {
        margin-bottom: 10px; } }

.mb-30 {
    margin-bottom: 30px !important; }
@media screen and (max-width: 768px) {
    .mb-30 {
        margin-bottom: 15px; } }

.mb-35 {
    margin-bottom: 35px !important; }
@media screen and (max-width: 768px) {
    .mb-35 {
        margin-bottom: 18px; } }

.mb-40 {
    margin-bottom: 40px !important; }
@media screen and (max-width: 768px) {
    .mb-40 {
        margin-bottom: 20px; } }

.block {
    display: block; }

.label {
    color: #ffffff;
    font-family: 'Vollkorn';
    font-size: 16px;
    font-weight: 400;
    padding: 2px 3px 2px 40px;
    margin-bottom: 0.5em; }
@media screen and (max-width: 768px) {
    .label {
        font-size: 14px;
        padding-left: 20px; } }
.label--red {
    background-color: #f93943; }
.label--center {
    padding: 1px 14px; }

hr.spacer {
    margin: 24px 0;
    height: 1px;
    display: block;
    background: #cccccc;
    border: 0;
    width: 100%; }

.label-text {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 11px; }

.slider-small {
    position: relative;
    padding: 0 35px; }
.slider-small__arrow {
    width: 16px;
    height: 16px;
    color: #979797;
    border: 1px solid currentColor;
    font-size: 0;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease 0.4s; }
.slider-small__arrow::after {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    transform-origin: center center; }
.non-touch .slider-small__arrow:hover {
    color: #191919; }
.slider-small__arrow--prev {
    left: 0; }
.slider-small__arrow--prev::after {
    transform: rotate(-135deg);
    margin-left: 2px; }
.slider-small__arrow--next {
    right: 0; }
.slider-small__arrow--next::after {
    transform: rotate(45deg);
    margin-left: -2px; }

.slider-arrows__arrow {
    height: 12px;
    width: 12px;
    display: inline-flex;
    border-top: 2px solid #cccccc;
    border-right: 2px solid #cccccc;
    transform: rotate(45deg); }
.slider-arrows__arrow--prev {
    transform: rotate(-135deg);
    left: 0; }
.slider-arrows__arrow--next {
    right: 0; }

.slider-controls__dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 -8px;
    padding: 0 32px; }
.slider-controls li {
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity ease 0.4s; }
.non-touch .slider-controls li:hover {
    opacity: 0.8; }
.slider-controls li.is-active button {
    width: 12px;
    height: 12px;
    background-color: #3b3b3b; }
.slider-controls button {
    width: 8px;
    height: 8px;
    background-color: rgba(59, 59, 59, 0.2);
    border-radius: 50%; }

.step {
    color: #191919;
    font-family: 'Vollkorn';
    font-size: 24px;
    font-weight: 400;
    margin-right: 8px; }

.default-list {
    margin-bottom: 22px; }
.default-list__item {
    margin-bottom: 6px; }
.default-list__label-small {
    color: #7a7a7a;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    line-height: 22px;
    margin-right: 10px; }
.default-list__label-large {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    line-height: 22px; }

.text-section .wrapper {
    position: relative; }

.text-section .text {
    max-width: 916px;
    width: 100%;
    margin: 0 auto;
    padding: 0 43px; }
@media screen and (max-width: 480px) {
    .text-section .text {
        padding: 0 30px 0 0; } }

.block-ui > .block-ui-container {
    display: none; }

.block-ui-active > .block-ui-container {
    display: block; }

.page-loader {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999;
    display: flex;
    justify-content: center;
    align-items: center; }

.loader {
    position: relative;
    width: 233px;
    margin: 0 auto; }
.loader__logo {
    position: relative;
    display: inline-block;
    z-index: 2;
    padding: 10px 20px;
    overflow: hidden; }
.loader__logo::before, .loader__logo::after {
    content: '';
    height: 50%;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    background: #191919;
    z-index: -1;
    transform: translateX(-100%);
    opacity: 1; }
.loader__logo::before {
    top: 0;
    transform-origin: left;
    animation: showLoaderLines 4s ease infinite forwards; }
.loader__logo::after {
    bottom: 0;
    transform-origin: left;
    animation: showLoaderLines2 4s ease infinite forwards; }
@keyframes showLoaderLines {
    0% {
        transform: translateX(-200%); }
    8.33%,
    25% {
        transform: translateX(-100%); }
    25% {
        transform: translateX(0%); }
    33.33%,
    50% {
        transform: translateX(0%); }
    58.33%,
    75% {
        transform: translateX(100%); }
    83.33%,
    100% {
        transform: translateX(200%); } }
@keyframes showLoaderLines2 {
    0% {
        transform: translateX(-200%); }
    8.33%,
    25% {
        transform: translateX(-100%); }
    33.33%,
    50% {
        transform: translateX(0%); }
    58.33% {
        transform: translateX(0%); }
    75% {
        transform: translateX(100%); }
    83.33%,
    100% {
        transform: translateX(200%); } }
.search-results-empty {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    width: 100%;
    min-height: 20vw; }
.search-results-empty__icon {
    color: #f93943;
    margin-right: 16px; }
.search-results-empty__text {
    color: #3b3b3b;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin: 0; }

.form-message {
    min-height: 378px; }
@media screen and (max-width: 1024px) {
    .form-message {
        min-height: 320px; } }

.form-message .grid__icon {
    margin-bottom: 35px; }

.form-message .grid__title {
    margin-bottom: 31px; }

.sitemap__list a {
    color: #191919;
    display: inline-block;
    margin-bottom: 10px;
    position: relative; }
.sitemap__list ul {
    margin-left: 20px; }
.sitemap__list > li > a {
    font-size: 20px;
    font-weight: 700; }

.section__title.lined {
    font-size: 18px;
    color: #393e41;
    text-transform: uppercase;
    position: relative;
    font-weight: 300;
    letter-spacing: 0.9px; }
.section__title.lined span {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 0 25px; }
@media only screen and (min-width: 100px) and (max-width: 450px) {
    .section__title.lined span {
        width: 230px;
        background: #fff;
        position: relative;
        z-index: 2;
        text-align: center;
        display: block;
        margin: 0 auto; } }

.section__title.lined:before {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background: #e7e6e6;
    position: absolute;
    left: 0;
    top: 50%; }

.not_upper {
    text-transform: lowercase; }

.clearfix:after {
    display: block;
    content: "";
    height: 0;
    clear: both;
    zoom: 1; }

/* landing loyal program */
#landing_lp #advertising {
    margin-bottom: 0; }
#landing_lp #heading_lp {
    width: 100%;
    background-image: url("../img/landing/heading_bg.jpg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100%;
    color: #000;
    margin-bottom: 100px;
    text-align: center; }
#landing_lp #heading_lp h2 {
    padding: 8% 0 3% 0;
    font-size: 72px;
    font-weight: 700;
    font-family: 'Cormorant Infant', serif;
    line-height: 1;
    margin: 0; }
#landing_lp #heading_lp h2 span {
    display: block;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 3.2px;
    font-weight: 700; }
#landing_lp #heading_lp li {
    display: inline-block;
    font-size: 180px;
    font-family: 'Cormorant Infant', serif;
    font-weight: 300;
    color: #fff;
    line-height: 1;
    padding: 0 0 0 25px; }
#landing_lp #heading_lp li span {
    display: block;
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    font-weight: 400;
    color: #000;
    line-height: 1;
    letter-spacing: 0.45px; }
#landing_lp #heading_lp li:first-child {
    border-right: 1px solid #fff;
    padding: 0 25px 0 0; }
#landing_lp #heading_lp p {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    padding: 3% 0 3.5% 0;
    margin: 0;
    letter-spacing: 0.53px; }
#landing_lp #heading_lp #scroll {
    cursor: pointer; }
#landing_lp #heading_lp #scroll span {
    display: block;
    font-size: 15px;
    padding: 10px 0 15px 0;
    line-height: 1;
    color: #000;
    letter-spacing: 0.38px; }
@media screen and (max-width: 1340px) {
    #landing_lp #heading_lp p {
        padding: 1.5% 0 1% 0; } }
@media screen and (max-width: 1100px) {
    #landing_lp #heading_lp h2 {
        padding: 5% 0 3% 0; }
    #landing_lp #heading_lp h2 span {
        font-size: 14px; }
    #landing_lp #heading_lp li {
        font-size: 90px; }
    #landing_lp #heading_lp li span {
        font-size: 14px; }
    #landing_lp #heading_lp p {
        font-size: 16px;
        padding: 3% 0 4.7% 0; } }
@media screen and (max-width: 830px) {
    #landing_lp #heading_lp p {
        padding: 1.5% 0 1% 0;
        letter-spacing: 0.4px; } }
@media screen and (max-width: 700px) {
    #landing_lp #heading_lp h2 {
        padding: 5% 0 3% 0;
        font-size: 48px; }
    #landing_lp #heading_lp h2 span {
        font-size: 12px;
        letter-spacing: 2.4px; }
    #landing_lp #heading_lp li {
        font-size: 90px; }
    #landing_lp #heading_lp li span {
        font-size: 12px; }
    #landing_lp #heading_lp p {
        font-size: 16px;
        padding: 1.5% 0 1% 0; } }
@media screen and (max-width: 670px) {
    #landing_lp #heading_lp {
        background-image: url("../img/landing/heading_bg_m.jpg");
        background-size: cover;
        background-position: right bottom;
        height: auto;
        margin-bottom: 50px; }
    #landing_lp #heading_lp #wrap {
        margin-top: 90%;
        padding-bottom: 15px; }
    #landing_lp #heading_lp #wrap span {
        padding: 10px 0 0 0; } }
@media screen and (max-width: 385px) {
    #landing_lp #heading_lp h2 {
        padding: 5% 0 3% 0; }
    #landing_lp #heading_lp h2 span {
        font-size: 12px;
        letter-spacing: 2.4px; }
    #landing_lp #heading_lp li {
        width: 140px;
        font-size: 80px; }
    #landing_lp #heading_lp li span {
        max-width: 110px;
        margin: 0 auto !important; }
    #landing_lp #heading_lp #wrap {
        margin-top: 80%;
        padding-bottom: 15px; } }
#landing_lp #marketplace {
    text-align: center;
    margin-bottom: 150px; }
#landing_lp #marketplace p {
    font-size: 21px;
    margin: 0;
    color: #393e41;
    letter-spacing: 0.53px; }
#landing_lp #marketplace p span {
    font-family: 'Cormorant Infant', serif;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0.75px; }
#landing_lp #marketplace p a {
    color: #393e41;
    text-decoration: underline;
    font-size: 21px; }
#landing_lp #marketplace p:first-child {
    margin-bottom: 40px; }
@media screen and (max-width: 630px) {
    #landing_lp #marketplace {
        margin-bottom: 60px; }
    #landing_lp #marketplace p {
        font-size: 16px;
        padding: 0 15px;
        letter-spacing: 0.4px; }
    #landing_lp #marketplace p a {
        font-size: 16px;
        letter-spacing: 0.4px; }
    #landing_lp #marketplace p span {
        font-size: 21px !important;
        letter-spacing: 0.53px !important; }
    #landing_lp #marketplace p:first-child {
        margin-bottom: 30px; } }
#landing_lp #discounts {
    margin-bottom: 75px; }
#landing_lp #discounts ul {
    display: table; }
#landing_lp #discounts li {
    display: table-cell;
    vertical-align: top;
    text-align: center;
    font-size: 24px;
    letter-spacing: 0.6px; }
#landing_lp #discounts li p {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 25px;
    max-width: 300px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 30px;
    letter-spacing: 4.8px; }
#landing_lp #discounts li span {
    font-family: 'Cormorant Infant', serif;
    font-size: 36px;
    font-weight: 700;
    letter-spacing: 0.9px; }
#landing_lp #discounts li a {
    color: #393e41;
    text-decoration: underline; }
#landing_lp #discounts li.large {
    width: 31%; }
#landing_lp #discounts li.small {
    width: 3.5%;
    padding-top: 10px; }
#landing_lp #discounts > p {
    font-family: 'Cormorant Infant', serif;
    font-size: 18px;
    font-weight: 400;
    color: #949494;
    font-style: italic;
    text-align: center;
    margin: 75px 0 0 0; }
@media screen and (max-width: 900px) {
    #landing_lp #discounts {
        padding: 0 15px; }
    #landing_lp #discounts li {
        font-size: 21px; }
    #landing_lp #discounts li p {
        font-size: 18px; } }
@media screen and (max-width: 700px) {
    #landing_lp #discounts ul {
        display: block; }
    #landing_lp #discounts li {
        display: block;
        margin-top: 60px; }
    #landing_lp #discounts li p {
        margin-top: 35px;
        margin-bottom: 25px; }
    #landing_lp #discounts li:first-child {
        margin-top: 0; }
    #landing_lp #discounts li.large {
        width: 100%; }
    #landing_lp #discounts li.small {
        display: none; } }
#landing_lp #notice {
    background-color: #f7f7f7;
    text-align: center;
    position: relative;
    padding: 55px 12%; }
#landing_lp #notice #intro {
    background-image: url("../img/landing/mark.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center top; }
#landing_lp #notice #intro > p {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 50px 0 65px 0;
    margin: 0;
    color: #000;
    letter-spacing: 4.8px; }
#landing_lp #notice #intro ul {
    float: right;
    width: 45%;
    text-align: left; }
#landing_lp #notice #intro ul li {
    font-size: 21px;
    position: relative;
    padding-left: 25px;
    letter-spacing: 0.53px; }
#landing_lp #notice #intro ul li:before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50%;
    margin: 0 0 0 5px;
    position: absolute;
    left: 0;
    top: 10px; }
#landing_lp #notice #intro ul li:first-child {
    margin-bottom: 20px; }
#landing_lp #notice #intro ul:first-child {
    float: left; }
@media screen and (max-width: 900px) {
    #landing_lp #notice #intro ul li {
        font-size: 16px;
        letter-spacing: 0.4px; } }
@media screen and (max-width: 720px) {
    #landing_lp #notice {
        padding: 55px 15px 40px 15px !important; }
    #landing_lp #notice ul {
        float: none !important;
        width: 100% !important;
        padding: 0 !important; }
    #landing_lp #notice ul li {
        margin-top: 35px !important; }
    #landing_lp #notice ul:first-child li:first-child {
        margin-top: 0 !important; } }
#landing_lp #reg {
    padding: 0 12%;
    position: relative;
    margin-bottom: 135px;
    background: #fff; }
#landing_lp #reg #bg {
    position: absolute;
    left: 0;
    top: 0;
    background-color: #f7f7f7;
    height: 50%;
    width: 100%; }
#landing_lp #reg .wrap {
    position: relative;
    text-align: center; }
#landing_lp #reg .wrap #text {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    padding: 135px 0 50px 0; }
#landing_lp #reg .wrap p {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin: 0;
    line-height: 1;
    letter-spacing: 3.2px; }
#landing_lp #reg .wrap p span {
    display: block;
    font-family: 'Cormorant Infant', serif;
    font-size: 72px;
    font-weight: 700;
    text-transform: lowercase;
    line-height: 1;
    letter-spacing: 0; }
#landing_lp #reg .wrap .anm_btn {
    display: block;
    height: 67px;
    line-height: 67px;
    width: 300px;
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px; }
@media screen and (max-width: 900px) {
    #landing_lp #reg p {
        font-size: 12px; }
    #landing_lp #reg p span {
        font-size: 50px; }
    #landing_lp #reg a {
        height: 40px !important;
        line-height: 40px !important;
        width: 140px !important; } }
@media screen and (max-width: 720px) {
    #landing_lp #reg {
        padding: 0;
        margin-bottom: 60px; }
    #landing_lp #reg #bg {
        display: none; }
    #landing_lp #reg #text {
        padding: 10% 15px 5% 15px !important; } }
@media screen and (max-width: 400px) {
    #landing_lp #reg p {
        font-size: 12px !important;
        letter-spacing: 2.4px !important; }
    #landing_lp #reg p span {
        font-size: 48px !important; } }

/* login & register */
#login_reg {
    margin: 80px auto; }
#login_reg h3 {
    font-size: 18px;
    letter-spacing: 3.6px;
    color: #000000;
    text-transform: uppercase;
    font-weight: 700;
    margin: 10px 15px 0 15px; }
#login_reg #login {
    float: left;
    width: 30%;
    height: 600px;
    text-align: center;
    padding: 60px 10px 77px 10px;
    border: 1px solid #EEEEEE; }
#login_reg #login h3 {
    margin: 15px 15px 70px 15px; }
#login_reg #login .form__element {
    border-bottom: 1px solid #707070;
    letter-spacing: 0.3px;
    color: #393E41;
    font-size: 12px; }
#login_reg #login .form__item {
    padding: 0 40px 25px; }
#login_reg #login .form__icon--reveal {
    background-image: url(../img/icons/eye.svg); }
#login_reg #login .form__field {
    position: relative; }
#login_reg #login .form__field .required {
    position: absolute;
    right: 5px;
    top: 15px;
    display: block;
    color: #F93943;
    font-size: 18px; }
#login_reg #login .error_message {
    color: #F93943;
    font-size: 12px;
    width: 270px;
    margin: 0 auto;
    text-align: left;
    letter-spacing: 0.3px; }
#login_reg #login .input-error {
    border-bottom: 1px solid #F93943; }
#login_reg #login .form__label {
    text-align: left; }
#login_reg #login #fb_btn {
    width: 280px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.9px;
    padding: 0 22px;
    text-align: left;
    margin-top: 10px;
    border: 1px solid #fff;
    position: relative;
    overflow: hidden; }
#login_reg #login #fb_btn .icon {
    margin-right: 40px; }
#login_reg #login #fb_btn span {
    position: relative;
    z-index: 1; }
#login_reg #login #fb_btn:hover {
    background: #fff;
    border: 1px solid #707070;
    color: #393E41; }
#login_reg #login #fb_btn:hover .a {
    fill: #393E41; }
#login_reg #login #fb_btn:active {
    background: #4267B2; }
#login_reg #login #fb_btn:active {
    background: #4267B2;
    color: #fff; }
#login_reg #login #fb_btn:active .a {
    fill: #fff; }
#login_reg #login #fb_btn:hover::after {
    right: -150px; }
#login_reg #login #fb_btn:hover::before {
    left: -150px; }
#login_reg #login #fb_btn::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #3C66C4;
    transition: all ease .4s;
    width: 50%; }
#login_reg #login #fb_btn::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-color: #3C66C4;
    transition: all ease .4s;
    width: 50%; }
#login_reg #login #login_btn {
    margin: 0 auto;
    margin-top: 42px; }
#login_reg #login #pass {
    text-align: right;
    width: 280px;
    margin: 0 auto; }
#login_reg #login #pass a {
    display: block;
    font-size: 12px;
    letter-spacing: 0.3px;
    color: #393E41;
    text-decoration: underline; }
#login_reg #register {
    float: right;
    width: 70%;
    height: 600px;
    background-image: url(../img/trendoandfriends.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover; }
#login_reg #register h3 {
    margin-bottom: 24px; }
#login_reg #register #reg_content {
    float: left;
    width: 50%;
    margin: 20px;
    background: #fff;
    text-align: center;
    padding: 30px 15px 0 15px; }
#login_reg #register #reg_content p {
    font-size: 16px;
    letter-spacing: 0.4px;
    line-height: 1; }
#login_reg #register #reg_content p span {
    display: block;
    font-size: 24px;
    letter-spacing: 0.6px;
    font-weight: 700;
    font-family: 'Cormorant Infant', serif;
    line-height: 1; }
#login_reg #register #reg_content ul li {
    display: inline-block;
    font-size: 60px;
    font-family: 'Cormorant Infant', serif;
    font-weight: 300;
    line-height: 1;
    padding: 0 0 0 15px;
    width: 110px; }
#login_reg #register #reg_content ul li span {
    display: block;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.3px; }
#login_reg #register #reg_content ul li:first-child {
    border-right: 1px solid #EEEEEE;
    padding: 0 15px 0 0; }
#login_reg #register #reg_content ul p {
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    padding: 3% 0 4.7% 0;
    margin: 0;
    letter-spacing: 0.53px; }
#login_reg #register #reg_content .anm_btn.red {
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px; }
#login_reg #register #reg_content .anm_btn.white {
    padding: 0 22px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px; }
#login_reg #register #reg_content > span {
    font-size: 12px;
    letter-spacing: 0.3px;
    display: block;
    margin: 15px;
    max-width: 190px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1; }
#login_reg #register #program {
    float: right;
    width: 45%;
    display: table;
    height: 100%; }
#login_reg #register #program > div {
    width: 100%;
    height: 100%;
    text-align: center;
    display: table-cell;
    vertical-align: middle; }
#login_reg #register #program > div div {
    display: inline-block;
    background: #EEEEEE;
    text-align: center;
    width: 229px;
    height: 66px; }
#login_reg #register #program > div div p:first-child {
    font-size: 32px;
    font-family: 'Cormorant Infant', serif;
    font-weight: 700;
    letter-spacing: 0px;
    color: #000000;
    margin: 0;
    padding-top: 5px; }
#login_reg #register #program > div div p:last-child {
    font-size: 10px;
    font-weight: 700;
    margin: 0; }
#login_reg #register #program a {
    display: block;
    font-size: 14px;
    letter-spacing: 0.7px;
    color: #FFFFFF;
    text-decoration: underline;
    padding-top: 10px; }
@media only screen and (min-width: 980px) and (max-width: 1260px) {
    #login_reg #register #program {
        float: left;
        width: 20%; } }
@media only screen and (min-width: 980px) and (max-width: 1135px) {
    #login_reg #login #login_btn,
    #login_reg #login #fb_btn {
        width: 200px;
        padding: 0 10px; }
    #login_reg #login #login_btn .icon,
    #login_reg #login #fb_btn .icon {
        margin-right: 10px; }
    #login_reg #login #pass {
        width: 200px; } }
@media only screen and (min-width: 671px) and (max-width: 979px) {
    #login_reg #register #program {
        display: none; }
    #login_reg #login {
        width: 50%; }
    #login_reg #register {
        width: 50%;
        background: #eee; }
    #login_reg #register #reg_content {
        float: none;
        width: auto; }
    #login_reg #register #reg_content > span {
        padding-bottom: 10px; } }
@media only screen and (min-width: 671px) and (max-width: 979px) {
    #login_reg #register #reg_content .anm_btn.red {
        margin-top: 20px; } }
@media only screen and (min-width: 671px) and (max-width: 769px) {
    #login_reg #register #reg_content p {
        margin: 0; } }
@media only screen and (min-width: 671px) and (max-width: 775px) {
    #login_reg #register #reg_content .anm_btn.white,
    #login_reg #register #reg_content .anm_btn.red {
        width: 210px;
        padding: 0 10px; }
    #login_reg #login #login_btn,
    #login_reg #login #fb_btn {
        width: 210px;
        padding: 0 10px; }
    #login_reg #login #login_btn .icon,
    #login_reg #login #fb_btn .icon {
        margin-right: 10px; }
    #login_reg #login #pass {
        width: 210px; } }
@media screen and (max-width: 670px) {
    #login_reg {
        width: 100%;
        max-width: 100%;
        margin-top: 30px; }
    #login_reg .anm_btn {
        width: 280px !important; }
    #login_reg #login #login_btn,
    #login_reg #login #fb_btn,
    #login_reg .anm_btn.red {
        border: none; }
    #login_reg #login {
        float: none;
        width: 100%;
        height: 600px;
        border-top: none;
        border-left: none;
        border-right: none;
        height: auto; }
    #login_reg #register {
        float: none;
        width: 100%;
        height: auto;
        background-image: none;
        height: auto; }
    #login_reg #register #reg_content {
        float: none;
        width: 100%;
        margin: 0; }
    #login_reg #register #reg_content > span {
        margin-bottom: 30px; }
    #login_reg #register #program {
        float: none;
        width: 100%;
        height: 600px;
        background-image: url(../img/trendoandfriendsmobile.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: cover; } }
@media screen and (max-width: 375px) {
    #login_reg #register #program {
        background-size: contain; } }

/* css dropdown */
.css_dropdown .dropdown_input, .css_dropdown .dropdown_submenu {
    display: none; }
.css_dropdown .dropdown_label {
    position: relative;
    display: block;
    cursor: pointer; }
.css_dropdown .dropdown_arr {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-left: 10px;
    float: right; }
.css_dropdown .dropdown_arr::after, .css_dropdown .dropdown_arr::before {
    content: '';
    height: 1px;
    width: 9px;
    background: #393e41;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    transform-origin: center;
    transition: transform cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s; }
.css_dropdown .dropdown_arr::before {
    transform: rotate(45deg);
    left: 0px; }
.css_dropdown .dropdown_arr::after {
    transform: rotate(-45deg);
    right: 1px; }
.css_dropdown .dropdown_input:checked ~ .dropdown_submenu {
    display: block; }
.css_dropdown .dropdown_input:checked ~ .dropdown_label .dropdown_arr::before {
    transform: rotate(-45deg); }
.css_dropdown .dropdown_input:checked ~ .dropdown_label .dropdown_arr::after {
    transform: rotate(45deg); }

/* products listing */
#listing_heading {
    display: block;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #E7E6E6;
    margin-bottom: 20px;
    padding-bottom: 25px; }
#listing_heading #category_title h1 {
    letter-spacing: 0.9px;
    color: #393E41;
    margin: 0;
    font-weight: 700;
    font-size: 18px; }
#listing_heading #category_title div {
    letter-spacing: 0.33px;
    color: #393E41;
    text-transform: lowercase;
    font-size: 13px; }

/* arroows */
/* pagination */
.arrow {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    flex-shrink: 0; }

.arrow::after, .arrow::before {
    content: '';
    height: 1px;
    width: 9px;
    background: #393e41;
    position: absolute;
    margin-top: -1px;
    transform-origin: center;
    transition: transform cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s; }

.arrow.arrow_left::before {
    transform: rotate(-35deg);
    left: 0px;
    top: 7px; }

.arrow.arrow_left::after {
    transform: rotate(35deg);
    left: 0;
    top: 12px; }

.arrow.arrow_right::before {
    transform: rotate(35deg);
    right: 0px;
    top: 7px; }

.arrow.arrow_right::after {
    transform: rotate(-35deg);
    right: 0;
    top: 12px; }

/* custom check radio */
.check-radio {
    display: inline-block;
    position: relative;
    padding: 0 24px;
    line-height: 18px; }
.check-radio__element {
    display: inline-block;
    padding-left: 1.75rem;
    position: relative;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    color: #191919; }
.check-radio__element:before, .check-radio__element:after {
    content: '';
    width: 18px;
    height: 18px;
    background-color: #ffffff;
    border: 2px solid #7a7a7a;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.35s ease; }
.check-radio__element:after {
    width: 15px;
    height: 12px;
    border: 0;
    top: 3px;
    left: 2px; }
.check-radio__element--white {
    color: #ffffff; }
.check-radio__element--white::before {
    border-color: #ffffff; }
.non-touch .check-radio__element:hover::before {
    border-color: #191919; }
.check-radio__input {
    position: absolute;
    opacity: 0; }
.lt-ie9 .check-radio__input {
    display: inline-block;
    vertical-align: middle; }
.lt-ie9 .check-radio__element:before, .lt-ie9 .check-radio__element:after {
    display: none; }
.check-radio__input:checked ~ .check-radio__element:after {
    background: #000; }
.check-radio__input:disabled ~ .check-radio__element:after {
    background: #000; }
.check-radio__input[type="checkbox"] ~ .check-radio__element::after {
    background: url("../img/icons/check.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0; }
.check-radio__input[type="checkbox"]:checked ~ .check-radio__element::after {
    opacity: 1; }
.check-radio__input[type="radio"] ~ .check-radio__element:before {
    width: 18px;
    height: 18px; }
.check-radio__input[type="radio"] ~ .check-radio__element::after {
    width: 10px;
    height: 10px;
    left: 4px;
    top: 4px;
    transform-origin: center center;
    transform: scale(0);
    opacity: 0;
    transition: all ease 0.4s; }
.check-radio__input[type="radio"] ~ .check-radio__element:before, .check-radio__input[type="radio"] ~ .check-radio__element:after {
    border-radius: 50%; }
.check-radio__input[type="radio"]:checked ~ .check-radio__element:before {
    border-color: #000; }
.check-radio__input[type="radio"]:checked ~ .check-radio__element:after {
    transform: scale(1);
    opacity: 1; }
.check-radio__input[type="radio"]:checked ~ .check-radio__element {
    color: #000;
    text-decoration: underline; }
.check-radio__input[type="radio"] ~ .check-radio__element {
    color: rgba(25, 25, 25, 0.6);
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 700; }

.check-w-link {
    display: flex;
    justify-content: space-between;
    align-items: flex-start; }
.check-w-link > * {
    padding: 0 30px;
    margin-bottom: 22px; }
@media screen and (max-width: 480px) {
    .check-w-link {
        display: block;
        padding: 0;
        margin: 0 0 20px; } }

/* end of custom check radio */
.form {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    text-align: left; }
.form__row {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin: 0 -15px;
    padding-bottom: 30px; }
@media (max-width: 768px) {
    .form__row {
        margin: 0 -10px;
        padding-bottom: 20px; } }
.form__row--npb {
    padding-bottom: 0; }
.form__row--centered {
    justify-content: center; }
.form__row--checkbox {
    padding-top: 22px; }
.form__row--checkbox .form__item {
    padding-bottom: 0; }
.form__row .form__item--error .form__error {
    bottom: 0; }
.form__row .form__item--textarea .form__error {
    bottom: 0; }
.form__column {
    display: flex;
    flex-direction: column;
    align-items: flex-start; }
@media screen and (max-width: 768px) {
    .form__column {
        margin: 0;
        padding-bottom: 25px; }
    .form__column:last-of-type {
        padding-bottom: 0; } }
.form__column--center {
    align-items: center;
    margin-bottom: 20px; }
.form__column--330 {
    max-width: 330px;
    width: 100%;
    margin-left: auto;
    margin-right: auto; }
.form__column--checks {
    padding-bottom: 16px; }
.form__column .button {
    margin-bottom: 6px; }
.form__column--center .form__item--checkradio {
    justify-content: center;
    display: flex; }
.form__column--center .form__item--checkradio-start {
    justify-content: flex-start; }
.form__column--center .form__field {
    width: 100%; }
.form__column .form__item {
    padding: 0 0 25px; }
@media (max-width: 768px) {
    .form__column .form__item {
        padding: 0 0px 15px; } }
.form__column .form__item--check .check-radio:only-of-type {
    padding-left: 24px;
    padding-right: 0; }
.form__column--330 .form__item {
    width: 100%; }
.form__column--330 .form__item--check {
    align-self: flex-start;
    padding-bottom: 14px;
    width: auto !important;
    min-width: auto !important;
    max-width: 100%; }
.form__item {
    min-width: 240px;
    padding: 0 15px 25px;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative; }
@media (max-width: 768px) {
    .form__item {
        max-width: 100%;
        flex-basis: auto;
        padding: 0 10px 15px; } }
@media (max-width: 480px) {
    .form__item {
        min-width: 100%; } }
.form__item--30 {
    width: 30%; }
.form__item--33 {
    width: 33.333333%; }
.form__item--50 {
    width: 50%; }
.form__item--70 {
    width: 70%; }
.form__item--100 {
    width: 100%; }
.form__item--330 {
    max-width: 330px;
    width: 100%; }
@media (max-width: 768px) {
    .form__item--330 {
        max-width: 330px; } }
.form__item--error .form__element {
    border-color: #ff4848; }
.form__item--error .check-radio__element::before {
    border-color: #ff4848; }
.form__item--checkradio {
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 -15px;
    flex-wrap: wrap; }
.form__item--checkradio .check-radio {
    padding: 0 15px; }
.form__item--checkradio.border-b::after {
    left: 30px;
    right: 30px; }
.form__item--check {
    flex-direction: row;
    padding-bottom: 20px;
    margin: 0 -24px; }
.form__item--check:last-of-type {
    padding-bottom: 0; }
.form__item--textarea .form__label {
    left: 40px;
    top: 16px;
    transform: translateY(0px); }
.form__item--textarea .form__label.opened {
    transform: translateY(-10px); }
@media screen and (max-width: 768px) {
    .form__item--textarea .form__label {
        left: 16px;
        top: 14px; } }
.form__item--checkboxes .form__error {
    position: relative;
    bottom: 0;
    padding-left: 28px; }
.form__item--checkboxes.form__item--error .check-radio__element::before {
    border-color: #ff4848; }
.form__label {
    display: block;
    color: #7a7a7a;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    top: 0;
    font-weight: 400;
    flex-shrink: 0;
    position: relative;
    transform: translateY(11px);
    transition: all ease 0.4s;
    margin-bottom: -18px;
    z-index: 20;
    transform-origin: left top; }
.form__label.opened {
    transform: translateY(-3px) scale(0.7); }
.form__field {
    flex-grow: 1;
    max-width: 100%;
    flex-grow: 1;
    display: flex;
    align-items: flex-end; }
.form__with-icon {
    position: relative; }
.form__with-icon .form__element {
    padding-right: 40px; }
.form__icon {
    display: block;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 7px;
    right: 20px; }
.form__icon--reveal {
    width: 14px;
    height: 9px;
    background-image: url("../img/icons/reveal.svg");
    background-size: cover;
    transition: all 0.3s ease;
    opacity: 0.5; }
.form__icon--reveal.is-visible {
    opacity: 1; }
.form__element {
    display: flex;
    width: 100%;
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 400;
    border: 0;
    border-bottom: 2px solid #7a7a7a;
    appearance: none;
    outline: none;
    border-radius: 0;
    padding: 10px 0px 5px;
    line-height: 1; }
@media screen and (max-width: 768px) {
    .form__element {
        font-size: 16px; } }
.form__textarea {
    height: 90px;
    max-height: 90px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    border: 2px solid #7a7a7a;
    padding: 20px 24px; }
@media screen and (max-width: 768px) {
    .form__textarea {
        padding: 16px; } }
.form input::-ms-clear,
.form input::-ms-reveal {
    display: none; }
.form select::-ms-expand {
    display: none; }
.form__select {
    background: transparent;
    padding-right: 30px;
    background-image: url("../img/arrow.svg");
    background-position: 96% center;
    background-repeat: no-repeat; }
.form__error {
    color: #ff4848;
    font-family: 'Jost', sans-serif;
    font-size: 10px;
    font-weight: 400;
    bottom: 18px;
    margin: 0px; }
@media (max-width: 768px) {
    .form__error {
        bottom: 10px; } }
.form__button {
    width: 100%;
    max-width: 300px;
    margin: 20px auto 0; }
@media (max-width: 480px) {
    .form__button {
        min-width: 100%;
        padding: 6px 12px;
        margin: 0 auto; } }
.form__button::before {
    content: " ";
    display: block;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 4px solid #fff;
    border-color: #f93943 transparent #f93943 transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -25px;
    margin-left: -25px;
    transition: opacity 0.3s ease;
    transform-origin: center center;
    opacity: 0; }
.form__button.loading {
    font-size: 0;
    min-width: 50px;
    height: 50px;
    background: none;
    position: relative;
    border: 0; }
.form__button.loading::before {
    animation: spin 1.2s ease infinite;
    opacity: 1; }
@keyframes spin {
    0% {
        transform: rotate(0deg); }
    100% {
        transform: rotate(360deg); } }
.form__date {
    display: flex;
    max-width: 100%;
    margin: 0 -5px;
    justify-content: space-between;
    align-self: flex-start;
    flex-wrap: wrap; }
@media screen and (max-width: 768px) {
    .form__date {
        margin: 0; } }
.form__date .form__item {
    min-width: 0;
    flex-grow: 0;
    flex-shrink: 0;
    width: auto;
    padding: 0 5px 25px; }
@media screen and (max-width: 768px) {
    .form__date .form__item {
        padding: 0 0px 15px; } }
@media screen and (max-width: 480px) {
    .form__date .form__item {
        width: 100%; } }
.form__date .select-mobile {
    min-width: auto; }
.form__date .select--underlined {
    min-width: 0; }
.form__date .form__label {
    position: relative;
    width: 100%;
    flex-grow: 1;
    padding: 0 5px 5px;
    transform: translateY(10px);
    margin-bottom: 0; }
@media screen and (max-width: 768px) {
    .form__date .form__label {
        padding: 0 0 5px; } }

.grid {
    display: flex;
    flex-wrap: wrap;
    margin: -15px; }
.grid--center {
    justify-content: center; }
.grid__box {
    display: flex;
    padding: 15px; }
.grid__box--50 {
    flex-grow: 1;
    flex-basis: auto;
    max-width: 50%;
    min-width: 380px; }
@media screen and (max-width: 1024px) {
    .grid__box--50 {
        max-width: none;
        width: 50%; } }
.grid__box--100 {
    flex-grow: 1;
    flex-basis: 100%;
    max-width: 100%; }
@media screen and (max-width: 768px) {
    .grid__box {
        max-width: 100% !important;
        min-width: 100% !important; } }
.grid__form {
    max-width: 100%;
    width: 100%; }
.grid__body {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    max-width: 100%; }
.grid__bottom {
    margin-top: auto; }
.grid__content {
    display: flex;
    flex-direction: column;
    border: 1px solid #191919;
    padding: 40px;
    width: 100%; }
.grid__content--center {
    justify-content: center;
    text-align: center;
    align-items: center; }
.grid__content--padded {
    padding: 80px 40px; }
@media screen and (max-width: 768px) {
    .grid__content {
        padding: 30px 16px; } }
.grid__sided {
    max-width: 335px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    font-size: 18px;
    margin: 0 -0.556em -0.556em; }
.grid__centered {
    display: flex;
    flex-wrap: wrap;
    max-width: 335px;
    margin: 0 auto;
    width: 100%;
    justify-content: center; }
.grid__centered--padded {
    padding-top: 14px; }
.grid__labels {
    display: flex;
    flex-direction: column;
    width: 100%;
    justify-content: center;
    align-items: center; }
.grid__buttons {
    width: 100%;
    margin-top: auto;
    flex-direction: column;
    display: flex;
    align-items: center; }
.grid__text {
    max-width: 430px;
    width: 100%;
    margin-bottom: 24px; }
.grid__text--narrow {
    max-width: 330px; }
.grid__text p {
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #7a7a7a; }
.grid__icon {
    display: block;
    margin-bottom: 10px; }
.grid__title {
    margin-bottom: 0.500em; }
.grid__link {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    font-weight: 600;
    padding: 0 0.556em 0.556em;
    display: block; }
.grid__link .grid__icon {
    margin-bottom: 0;
    display: block; }
.grid__link::after {
    left: 0.556em;
    right: 0.556em;
    bottom: 0.556em; }
@media screen and (max-width: 768px) {
    .grid__link {
        font-size: 16px; } }
.grid__box--animated .grid__icon {
    transform: scale(0);
    animation-name: scaleUp;
    animation-duration: 0.7s;
    animation-fill-mode: forwards; }
@keyframes scaleUp {
    0% {
        opacity: 0;
        transform: scale(0); }
    50% {
        transform: scale(1.4); }
    100% {
        opacity: 1;
        transform: scale(1); } }
.grid__box--animated .grid__title {
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 0.4s;
    animation-delay: 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out; }
.grid__box--animated .button {
    opacity: 0;
    animation-name: fadeIn;
    animation-duration: 0.4s;
    animation-delay: 0.8s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out; }
@keyframes fadeIn {
    0% {
        opacity: 0; }
    100% {
        opacity: 1; } }
.title {
    margin: 0; }
.title__16 {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0.625em; }

.icon__item {
    fill: currentColor; }
.icon--red {
    color: #f93943; }
.icon--green {
    color: #47b516; }
.icon--10 {
    width: 10px;
    height: 10px;
    display: block; }
.icon--12 {
    width: 12px;
    height: 12px;
    display: block; }
.icon--14 {
    width: 14px;
    height: 14px;
    display: block; }
.icon--16 {
    width: 16px;
    height: 16px;
    display: block; }
.icon--24 {
    width: 21px;
    height: 21px;
    display: block; }
.icon--30 {
    width: 30px;
    height: 30px;
    display: block; }
.icon--34 {
    width: 34px;
    height: 34px;
    display: block; }
.icon--40 {
    width: 40px;
    height: 40px; }
@media screen and (max-width: 768px) {
    .icon--40 {
        width: 36px;
        height: 36px; } }
.icon--50 {
    width: 50px;
    height: 50px; }
@media screen and (max-width: 768px) {
    .icon--50 {
        width: 40px;
        height: 40px; } }
.icon--64 {
    width: 64px;
    height: 64px;
    display: block; }
@media screen and (max-width: 768px) {
    .icon--64 {
        width: 44px;
        height: 44px; } }
.icon--lock {
    width: 31px;
    height: 42px; }
.icon--delivery {
    width: 44px;
    height: 24px; }
.icon--box {
    width: 40px;
    height: 36px; }
.icon--track {
    width: 34px;
    height: 30px; }
.icon--return {
    width: 36px;
    height: 42px; }
.icon--social {
    color: #191919; }
.non-touch .icon--social:hover {
    color: #f93943; }
.icon--profile {
    color: #191919; }
.icon--favourite {
    display: block;
    height: 21px;
    width: 21px; }
.icon--favourite-red {
    color: #f93943; }
.icon--basket {
    color: #191919; }

.black_btn {
    display: block;
    background-color: #393e41;
    height: 40px;
    line-height: 38px;
    font-size: 15px;
    color: #fff;
    min-width: 120px;
    border: 1px solid #393e41;
    padding: 0 15px;
    text-align: center;
    letter-spacing: 0.75px; }
.black_btn:hover {
    background-color: #000; }
.black_btn:active {
    border: 1px solid #707070;
    background-color: #fff;
    color: #393e41; }

.red_btn {
    display: block;
    background-color: #F93943;
    height: 40px;
    line-height: 38px;
    font-size: 15px;
    color: #fff;
    min-width: 120px;
    padding: 0 15px;
    text-align: center;
    letter-spacing: 0.75px; }
.red_btn:hover {
    background-color: #FF9499; }
.red_btn:active {
    background-color: #E8101B; }

.white_btn {
    display: block;
    background-color: #fff;
    height: 40px;
    line-height: 38px;
    font-size: 15px;
    border: 1px solid #707070;
    padding: 0 15px;
    text-align: center;
    letter-spacing: 0.75px;
    color: #393E41; }
.white_btn:hover {
    background-color: #393e41;
    border: 1px solid #393e41;
    color: #fff; }
.white_btn:active {
    border: 1px solid #000000;
    background-color: #000000;
    color: #393e41; }

.transperent_button {
    display: block;
    font-size: 15px;
    color: #393e41;
    text-decoration: none;
    background: transparent;
    border: 0;
    width: 110px;
    align-items: center;
    text-align: center;
    letter-spacing: 0.38px;
    position: relative;
    margin-left: auto;
    margin-right: auto; }
.transperent_button:hover::after {
    transform: scale(1); }
.transperent_button:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 1px;
    background: #393e41;
    transition: all ease 0.4s;
    transform: scale(0);
    transform-origin: center center; }

.anm_btn {
    display: block;
    width: 280px;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0.9px;
    padding: 0 15px;
    position: relative;
    overflow: hidden;
    border: 1px solid transparent;
    text-align: center; }
.anm_btn > span {
    position: relative;
    z-index: 1; }
.anm_btn:hover {
    background: #fff;
    border: 1px solid #707070;
    color: #393E41; }
.anm_btn:active {
    background: #fff; }
.anm_btn:hover::after {
    right: -55%; }
.anm_btn:hover::before {
    left: -55%; }
.anm_btn::after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 150%;
    transition: all ease .4s;
    width: 55%; }
.anm_btn::before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 150%;
    transition: all ease .4s;
    width: 55%; }

.anm_btn.black:active {
    background: #fff;
    color: #3C66C4; }
.anm_btn.black::after {
    background-color: #393E41; }
.anm_btn.black::before {
    background-color: #393E41; }

.anm_btn.red:active {
    background: #E8101B; }
.anm_btn.red::after {
    background-color: #F93943; }
.anm_btn.red::before {
    background-color: #F93943; }

.anm_btn.white {
    color: #393E41;
    transition: all ease .8s;
    border: 1px solid #707070; }
.anm_btn.white:hover {
    background: #393E41;
    border: 1px solid #393E41;
    color: #fff;
    transition: all ease .8s; }
.anm_btn.white:active {
    background: #000000;
    color: #fff; }
.anm_btn.white::after {
    background-color: #fff; }
.anm_btn.white::before {
    background-color: #fff; }

.button {
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #ffffff;
    line-height: 2.42;
    min-height: 40px;
    text-decoration: none;
    background: transparent;
    border: 0;
    min-width: 185px;
    overflow: hidden;
    padding: 0px 16px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    transition: all ease 0.4s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 0); }
@media screen and (max-width: 768px) {
    .button {
        font-size: 13px; } }
.button::after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #191919;
    transition: all ease 0.4s;
    z-index: -1; }
.button--icon .icon {
    color: currentColor; }
.button--icon-right .icon {
    margin-left: 12px; }
.button--icon-left .icon {
    margin-right: 12px; }
.button--full {
    border: 2px solid transparent;
    border-bottom: 4px solid transparent; }
.button--full::after {
    transform: translateY(0%);
    bottom: 0;
    background-color: transparent; }
.button--border {
    border: 2px solid transparent;
    border-bottom: 4px solid transparent;
    color: #191919; }
.button--border::after {
    transform: translateY(100%);
    bottom: 0;
    background-color: transparent; }
.button--black {
    border-color: #191919; }
.button--black::after {
    background-color: #191919; }
.button--white {
    border-color: #ffffff;
    color: #ffffff; }
.button--white::after {
    background-color: #ffffff; }
.button--grey {
    border: 2px solid #7a7a7a;
    border-bottom: 4px solid #7a7a7a;
    min-width: 60px;
    color: #7a7a7a; }
.button--grey::after {
    bottom: 0px;
    background: currentColor;
    transform: translateY(100%); }
.button--border-bot {
    position: relative;
    z-index: 40;
    min-height: 26px;
    min-width: 117px;
    line-height: 18px;
    padding: 6px 8px 4px;
    align-items: flex-start;
    border: 2px solid transparent;
    border-bottom: 4px solid transparent; }
.button--border-bot::before, .button--border-bot::after {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border: 2px solid transparent;
    border-bottom: 4px solid transparent;
    width: 0;
    height: 0;
    transform: translate(0);
    transition: none; }
.button--border-bot::before {
    bottom: -4px;
    left: 0; }
.button--border-bot::after {
    top: 0;
    right: 0;
    left: auto;
    background-color: transparent; }
.non-touch .button--border-bot:hover::before, .non-touch .button--border-bot:hover::after {
    width: 100%;
    height: 200%; }
.non-touch .button--border-bot:hover::before {
    transition: height 0.25s ease-in; }
.non-touch .button--border-bot:hover::after {
    transition: border-color 0s ease-out 0.25s, width 0.25s ease-out 0.25s, height 0.25s ease-out 0.5s;
    background-color: transparent !important; }
.button--border-bot.button--black {
    color: #191919;
    border: 0;
    border-bottom: 4px solid #191919; }
.non-touch .button--border-bot.button--black:hover {
    color: #191919;
    border-color: #191919; }
.non-touch .button--border-bot.button--black:hover::before {
    border-right-color: #191919; }
.non-touch .button--border-bot.button--black:hover::after {
    border-top-color: #191919;
    border-left-color: #191919; }
.button--border-bot.button--white {
    color: #ffffff;
    border: 0;
    border-bottom: 4px solid #ffffff; }
.non-touch .button--border-bot.button--white:hover {
    color: #ffffff;
    border-color: #ffffff; }
.non-touch .button--border-bot.button--white:hover::before {
    border-right-color: #ffffff; }
.non-touch .button--border-bot.button--white:hover::after {
    border-top-color: #ffffff;
    border-left-color: #ffffff; }
.button--border-bot.button--gray {
    color: #cccccc;
    border: 0;
    border-bottom: 4px solid #cccccc; }
.non-touch .button--border-bot.button--gray:hover {
    color: #cccccc !important;
    border-color: #cccccc !important; }
.non-touch .button--border-bot.button--gray:hover::before {
    border-right-color: #cccccc; }
.non-touch .button--border-bot.button--gray:hover::after {
    border-top-color: #cccccc;
    border-left-color: #cccccc; }
.button--see-more.button--black {
    color: #191919; }
.button--see-more.button--black::after {
    background: #191919; }
.non-touch .button--see-more.button--black:hover {
    color: #191919; }
.button--see-more.button--white {
    color: #ffffff; }
.button--see-more.button--white::after {
    background: #ffffff; }
.non-touch .button--see-more.button--white:hover {
    color: #ffffff; }
.button--see-more {
    position: relative;
    line-height: 18px;
    padding: 8px 0;
    min-width: 200px;
    justify-content: flex-end;
    min-height: 26px;
    line-height: 18px;
    margin-left: auto; }
.button--see-more::before {
    display: none; }
.button--see-more::after {
    height: 4px;
    position: absolute;
    bottom: 0px;
    top: auto;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 20;
    transition: transform ease 0.4s; }
.non-touch .button--see-more:hover::after {
    transform: translateY(100%) !important; }
.button__cont {
    display: flex; }
.button__cont--center {
    justify-content: center; }
.button--login {
    margin-bottom: 6px; }
.button--create {
    margin-bottom: 22px; }

.non-touch .button--full:hover::after {
    transform: translateY(100%); }
.non-touch .button--black:hover {
    color: #191919; }
.non-touch .button--grey:hover {
    color: #191919;
    border-color: #191919; }
.non-touch .button--grey:hover::after {
    transform: translateY(100%);
    bottom: 0px;
    background: transparent; }
.non-touch .button--border.button--black:hover {
    color: #ffffff; }
.non-touch .button--border:hover::after {
    bottom: 0px;
    transform: translateY(0%); }
.non-touch .button--white:hover {
    border-color: #191919;
    color: #191919; }
.non-touch .button--white:hover::after {
    background-color: #ffffff; }

.button-favourite {
    display: block;
    width: 22px;
    height: 17px;
    background-image: url("../img/icons/favourite.svg");
    background-repeat: no-repeat;
    background-size: contain; }
.non-touch .button-favourite:hover {
    background-image: url("../img/icons/favourite-red.svg"); }
.button-favourite.is-active {
    background-image: url("../img/icons/favourite-red.svg"); }

.button-favourite-red {
    display: block;
    width: 22px;
    height: 17px;
    background-image: url("../img/icons/favourite-red.svg");
    background-repeat: no-repeat;
    background-size: contain; }

.non-touch .button-favourite-red:hover {
    background-image: url("../img/icons/favourite-red.svg"); }

.button-favourite-red.is-active {
    background-image: url("../img/icons/favourite-red.svg"); }

.button-scroll-top {
    display: block;
    height: 43px;
    width: 43px;
    border-left: 3px solid #191919;
    position: relative;
    overflow: hidden;
    background: #ffffff;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10; }
@media screen and (max-width: 480px) {
    .button-scroll-top {
        width: 32px;
        height: 32px; } }
.button-scroll-top::before {
    content: '';
    height: 10px;
    width: 10px;
    position: absolute;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    left: 9px;
    transform: rotate(-45deg);
    transition: border-color ease 0.4s;
    z-index: 20; }
.button-scroll-top::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateX(-100%);
    background: #000;
    transition: transform ease 0.4s;
    z-index: 12; }
.non-touch .button-scroll-top:hover::before {
    border-color: #ffffff; }
.non-touch .button-scroll-top:hover::after {
    transform: translateX(0%); }

.card {
    max-width: 280px;
    height: 430px;
    min-height: 250px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    padding: 5px;
    display: flex;
    flex-direction: column;
    transition: box-shadow cubic-bezier(0.215, 0.61, 0.355, 1) 0.4s; }
.card--empty {
    height: 350px; }
@media screen and (max-width: 768px) {
    .card {
        height: auto !important; } }
.card--small {
    max-width: 160px;
    height: 250px;
    padding: 0; }
.card--small .card__image-cont {
    max-height: 200px !important; }
.card--small .card__image-cont {
    width: 100%;
    height: 180px; }
.card--small .card__title {
    font-size: 14px;
    font-weight: 400; }
.card--small .card__type {
    color: #595959;
    font-family: 'Jost', sans-serif;
    font-size: 11px;
    font-weight: 400; }
.card__favourite {
    margin-left: auto; }
.card__favourite-red {
    margin-left: auto; }
.card__top {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5px 10px 10px;
    z-index: 20;
    transform: translateY(-100%);
    transition: transform ease 0.4s; }
@media screen and (max-width: 1024px) {
    .card__top {
        transform: translateY(0); } }
.touch .card__top {
    transform: translateY(0); }
.card__similar {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Jost', sans-serif;
    font-size: 10px;
    font-weight: 400;
    color: #000;
    transition: background ease 0.4s;
    text-decoration: underline;
    padding: 4px 6px;
    border-radius: 3px; }
.card__similar__icon {
    width: 18px;
    height: 18px;
    margin-right: 5px; }
.card__similar__text {
    font-size: 0;
    transition: font-size ease 0.4s; }
.card__similar:hover {
    background: #ffffff; }
.card__similar:hover .card__similar__text {
    font-size: 10px; }
.card__link {
    display: flex;
    flex-direction: column;
    text-decoration: none;
    flex-grow: 1;
    flex-shrink: 0;
    justify-content: flex-start; }
.card__image-cont {
    max-width: 280px;
    width: 100%;
    height: 280px;
    max-height: 280px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    flex-direction: column;
    transition: height ease 0.4s;
    transition: max-height ease 0.4s;
    flex-grow: 1;
    flex-shrink: 0; }
.card__image-cont_banner {
    height: 290px !important;
    max-height: 350px; }
@media screen and (max-width: 1024px) {
    .card__image-cont {
        height: 190px;
        max-height: 190px; } }
.non-touch .card__image-cont {
    position: relative; }
.non-touch .card__image-cont .static_cont {
    position: absolute;
    width: 100%;
    height: 280px;
    max-width: 280px;
    max-height: 280px;
    top: 0;
    left: 0;
    z-index: 1; }
.non-touch .card__image-cont_banner .static_cont {
    height: 350px;
    max-height: 350px;}
.non-touch .card__image-cont img {
    position: absolute;
    width: 100%;
    max-width: 280px;
    max-height: 280px;
    top: 0;
    left: 0;
    z-index: 1; }
.non-touch .card__image-cont img {
    max-height: 350px; }
.non-touch .card:not(.card--empty):hover .card__image-cont, .touch .card__image-cont, .card--touch .card__image-cont {
    max-height: 220px;
    width: 280px;
    width: 100%; }
.card .card__info {
    background: #fff;
    position: relative;
    z-index: 2;
    width: 100%;
    transition: all ease 0.4s;
    top:30px;
}
.card__image {
    max-width: 100%;
    max-height: 100%;
    display: block;
    flex-shrink: 0;
    align-self: flex-start; }
.card__title {
    color: #393e41;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    letter-spacing: 0.4px; }
@media only screen and (min-width: 100px) and (max-width: 750px) {
    .card__title {
        font-size: 13px;
        margin-top: 5px;
        margin-left:5px;
        letter-spacing: 0.33px; } }
.card__type {
    font-size: 13px;
    font-weight: 400;
    color: #393e41;
    display: block;
    margin-bottom: 6px;
    margin-left:5px;
    overflow: hidden;
    text-overflow: ellipsis;
    letter-spacing: 0.33px;
    max-height: 15px;
    line-height: 1.2;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical; }
.card__price-cont {
    font-size: 0;
    display: flex;
    align-items: flex-end;
    margin-left:5px;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 40px; }
.card__price {
    color: #393e41;
    font-size: 14px;
    position: relative;
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 12px;
    text-transform: uppercase;
    font-weight: 500;
    margin-right: 12px;
    line-height: 1; }
@media only screen and (min-width: 100px) and (max-width: 750px) {
    .card__price {
        font-size: 13px; } }
@media only screen and (min-width: 100px) and (max-width: 750px) {
    .card__price {
        font-size: 13px; } }
.card__price sup {
    font-size: 9px; }
.card__price small {
    font-size: 9px; }
.card__price-old {
    color: #393e41;
    font-size: 14px;
    position: relative;
    font-weight: 400;
    text-transform: uppercase; }
@media only screen and (min-width: 100px) and (max-width: 750px) {
    .card__price-old {
        font-size: 13px; } }
.card__price-old::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 7px;
    height: 1px;
    background-color: #666666; }
.card__price-old sup {
    font-size: 9px; }
.card__price-old small {
    font-size: 9px; }
.card__label-cont {
    width: 100%;
    z-index: 2;
    display: flex;
    flex-direction: column; }
.card__label-cont span.label_discount {
    font-size: 16px;
    font-weight: 800;
    text-transform: lowercase;
    background: #fff;
    color: #000; }
@media only screen and (min-width: 100px) and (max-width: 750px) {
    .card__label-cont span.label_discount {
        margin-left:5px;
        font-size: 13px;
        letter-spacing: 0.33px; } }
.card__label-cont span.label_discount.sale {
    text-transform: uppercase; }
.card .text_labels {
    position: absolute;
    bottom: -35px;
    left: 0;
    padding-bottom: 5px; }
@media screen and (max-width: 450px) {
    card .text_labels {
        padding-bottom: 90px;} }
.card .text_labels span {
    font-size: 12px;
    font-weight: 400;
    text-transform: lowercase;
    text-transform: capitalize;
    background: #fff;
    display: inline-block;
    letter-spacing: 0.3px;
    line-height: 25px;
    padding: 0 12px;
    color: #000;
    margin: 0 10px 0 0; }
@media screen and (max-width: 450px) {
    .card .text_labels span {
        font-size: 10px;
        line-height: normal;
        padding: 0 6px; } }
.card .text_labels span.premium {
    background: #D1BA48;
    color: #393E41; }
.card .text_labels span.extra30 {
    background: repeating-radial-gradient(#ff2ad6, #1b2cb8 85px);
    color: #393E41; }
.card .text_labels span.pink10 {
    background: repeating-linear-gradient(180deg, #ff3d81, #552A85 100px);
    color: #393E41; }
.card .text_labels span.midseasonsale {
    background: #e01b2b;
    color: #ffffff; }
.card .text_labels span.extra20 {
    background: #C0AA9D;
    color: #ffffff;
    font-weight: 800;
    line-height: 15px;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}
.card .text_labels span.totalsale {
    background: #E11E2B;
    color: #ffffff;
    font-weight: 800;
    line-height: 15px;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}
.card .text_labels span.salesanddeals {
    background: #ffffff;
    color: #000000;
    font-weight: 800;
    line-height: 15px;
    padding: 5px 8px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

@media screen and (max-width: 450px) {
    .card .text_labels span.salesanddeals {
        line-height: 4px;
        padding: 5px 3px;
        font-size: 10px;

    }
}



.card .text_labels span.blackfriday {
    background: #000000;
    line-height: 15px;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #ffffff; }      
.card .text_labels span.extra30 {
    background: repeating-radial-gradient(#ff2ad6, #1b2cb8 85px);
    line-height: 15px;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #ffffff; }      
.card .text_labels span.pink10 {
  background: repeating-linear-gradient(180deg, #ff3d81, #552A85 100px);
    line-height: 15px;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #ffffff; }      
.card .text_labels span.christmas {
    background: #ff0000;
    line-height: 15px;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #ffffff; }      
.card .text_labels span.saleout {
    background: #000000;
    line-height: 15px;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #FFFF00; }    

.card__label {
    justify-content: center;
    line-height: 1.4;
    position: relative;
    z-index: 2;
    padding:0px 10px 0px 0px;
    text-align: left; }
.card__label--black {
    background-color: #000000 !important;
    max-width: 100%;
    letter-spacing: 2px !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    font-size: 10px !important;
    text-align: center !important;
    height: 30px;
    line-height: 30px; }
.card__label--red {
    background-color: #fff;
    color: #393e41;
    font-size: 16px;
    letter-spacing: 0.4px;
    color: #393E41; }
.card__bot {
    border-top: 1px solid transparent;
    padding-top: 8px;
    transform: translateY(200%);
    transition: all ease 0.4s;
    background: #fff;
    margin:0px 5px 50px;
    z-index: 2; }
@media screen and (max-width: 1024px) {
    .card__bot {
        position: relative;
        transform: translateY(0);
        border-top: 1px solid #e5e5e5; } }
.card__sizes {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap; }
.card__sizes-list {
    display: flex;
    align-items: center;
    margin: -0.4375em;
    max-width: 270px;
    padding:10px 0px 10px 0px;
    overflow: hidden; }
.card__sizes-list {
    font-size: 13px; }
@media screen and (min-width: 768px) {
    .card__sizes-list {
        font-size: calc(13px + 3 * ((100vw - 768px) / 562)); } }
@media screen and (min-width: 1330px) {
    .card__sizes-list {
        font-size: 16px; } }
.card__sizes-item {
    font-size: inherit;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 1;
    padding: 0 0.4375em;
    position: relative;
    white-space: nowrap;
    margin-left:5px;
    font-size: 12px;
    color: #949494;
    border-left: 1px solid #949494; }
.card__sizes-item:nth-of-type(1n+4) {
    display: none; }
.card__sizes-item:nth-of-type(3)::after {
    display: none; }
.card__sizes-item:last-child::after {
    display: none; }
.card__sizes-item:first-child {
    border: none; }
.card__sizes-link {
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    color: #595959; }
.card__sizes-link {
    font-size: 11px; }
@media screen and (min-width: 320px) {
    .card__sizes-link {
        font-size: calc(11px + 1 * ((100vw - 320px) / 1010)); } }
@media screen and (min-width: 1330px) {
    .card__sizes-link {
        font-size: 12px; } }
.card__slider-cont {
    position: relative;
    padding: 0 26px;
    max-width: 220px; }
.card__slider {
    display: flex;
    margin: 0 -7px;
    overflow: hidden;
    justify-content: center; }
@media screen and (max-width: 1024px) {
    .card__slider {
        margin: 0 -4px; } }
.card__slider-arrow {
    width: 16px;
    height: 16px;
    color: #979797;
    border: 1px solid currentColor;
    font-size: 0;
    background: transparent;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    margin-top: -8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease 0.4s; }
.card__slider-arrow:hover {
    color: #191919; }
.card__slider-arrow::after {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    transform-origin: center center; }
.card__slider-image {
    transition: opacity ease 0.4s; }
.non-touch .card__slider-image:hover {
    opacity: 0.7; }
.card__slider-arrow--prev {
    left: 0; }
.card__slider-arrow--prev::after {
    transform: rotate(-135deg);
    margin-left: 2px; }
.card__slider-arrow--next {
    right: 100px; }
.card__slider-arrow--next::after {
    transform: rotate(45deg);
    margin-left: -2px; }
.card__slider-item {
    max-width: 26px;
    flex-shrink: 0;
    flex-basis: 100%;
    margin: 0 5px 40px; }
@media screen and (max-width: 1024px) {
    .card__slider-item {
        margin: 0 5px 40px; } }
.card__slider-anchor {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 35px;
    margin-top: 5px; }

.non-touch .card:not(.card--empty):hover .card__top,
.card--touch .card__top,
.touch .card--touch .card__top {
    transform: translateY(0); }
.non-touch .card:not(.card--empty):hover .card__bot,
.card--touch .card__bot,
.touch .card--touch .card__bot {
    position: relative;
    transform: translateY(0);
    border-top: 1px solid #e5e5e5; }

.non-touch .card--empty:hover {
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
    height: 350px; }
.non-touch .card--empty:hover .card__top {
    transform: translateY(0); }

.touch .card .card__top {
    transform: translateY(0); }
.touch .card .card__link {
    flex-grow: 0; }
.touch .card .card__bot {
    position: relative;
    transform: translateY(0);
    border-top: 1px solid #e5e5e5; }

@media screen and (max-width: 768px) {
    .card {
        padding: 2px; }

    .listing__cards__item {
        padding: 0; } }
.slider-hb {
    margin-bottom: 80px;
    position: relative; }
@media screen and (min-width: 1200px) {
    .slider-hb {
        min-height: 420px; } }
@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .slider-hb {
        min-height: 351px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .slider-hb {
        min-height: 324px; } }
@media screen and (min-width: 640px) and (max-width: 767px) {
    .slider-hb {
        min-height: 480px; } }
@media screen and (min-width: 480px) and (max-width: 640px) {
    .slider-hb {
        min-height: 310px; } }
@media screen and (min-width: 359px) and (max-width: 480px) {
    .slider-hb {
        min-height: 236px; 
        margin-bottom: 15px !important;
    } }
@media screen and (max-width: 359px) {
    .slider-hb {
        min-height: 200px; 
        margin-bottom:0px !important;
    } } 
@media screen and (max-width: 768px) {
    .slider-hb {
        margin-bottom: 36px; } }
.slider-hb__dots-list {
    position: absolute;
    bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: 0;
    margin: 0 -8px;
    max-width: 100%;
    z-index: 2000; }
@media screen and (max-width: 768px) {
    .slider-hb__dots-list {
        bottom: 30px; } }
.slider-hb__dots-list li {
    padding: 0 8px; }
.slider-hb__dots-list button {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: block;
    font-size: 0;
    border: 0;
    padding: 0; }
.slider-hb__dots-list li.is-active button {
    width: 6px;
    height: 6px;
    background-color: #191919; }
.slider-hb--full {
    margin-bottom: 0; }
.slider-hb--full .slider-hb__dots-list {
    bottom: 30px; }

/**
* slider-hb
*/
.slider-hb .hb__slider-arrow {
    height: 17px;
    width: 42px;
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    z-index: 1;
    color: #231f20; }
.slider-hb .hb__slider-arrow svg {
    height: 17px; }

.slider-hb .hb__slider-arrow--prev {
    left: -25px;
    right: auto; }
.slider-hb .hb__slider-arrow--prev:after {
    transform: rotate(-135deg); }

.slider-hb .hb__slider-arrow--next {
    left: auto;
    right: -25px; }

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

.banner {
    position: relative;
    display: flex;
    text-decoration: none;
    align-items: center;
    width: 100%;
    max-width: 100%; }
.banner--full-1 {
    min-height: 432px;
    height: 20px;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 90px 0; }
@media screen and (max-width: 768px) {
    .banner--full-1 {
        padding: 50px 0; } }
.banner--top {
    flex-shrink: 0; }
.banner picture,
.banner img {
    width: 100%; }
.banner--full-2 {
    min-height: 432px;
    height: 20px;
    align-items: flex-start;
    padding: 90px; }
@media screen and (max-width: 1024px) {
    .banner--full-2 {
        min-height: auto;
        height: auto; } }
@media screen and (max-width: 768px) {
    .banner--full-2 {
        padding: 50px; } }
@media screen and (max-width: 480px) {
    .banner--full-2 {
        padding: 40px 30px; } }
.banner--full-2 .banner__text {
    align-items: flex-start; }
.banner--full-2 .banner__button {
    margin-top: auto; }
.banner--sale {
    min-height: 258px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px; }
.banner--sale .banner__text {
    color: #ffffff;
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    line-height: 1.42; }
.banner--sale .banner__text {
    font-size: 22px; }
@media screen and (min-width: 320px) {
    .banner--sale .banner__text {
        font-size: calc(22px + 6 * ((100vw - 320px) / 1010)); } }
@media screen and (min-width: 1330px) {
    .banner--sale .banner__text {
        font-size: 28px; } }
.banner--sale .banner__button {
    margin-top: auto; }
.banner--sale-brand {
    min-height: 220px;
    height: 100%;
    padding: 18px 16px 26px;
    flex-direction: row;
    justify-content: space-between;
    background: #000000;
    position: relative; }
@media screen and (max-width: 768px) {
    .banner--sale-brand {
        min-height: 0; } }
.banner--sale-brand::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(to right, #000000 0%, rgba(0, 0, 0, 0) 100%); }
.banner--sale-brand .banner__text {
    color: #ffffff;
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 40px;
    align-items: flex-start;
    justify-content: space-between;
    margin-right: auto;
    padding-left: 35px; }
.banner--sale-brand .banner__percent__item {
    color: rgba(255, 255, 255, 0.4);
    position: relative;
    left: -8%; }
.banner--sale-brand .banner__percent__item {
    font-size: 70px; }
@media screen and (min-width: 320px) {
    .banner--sale-brand .banner__percent__item {
        font-size: calc(70px + 70 * ((100vw - 320px) / 1010)); } }
@media screen and (min-width: 1330px) {
    .banner--sale-brand .banner__percent__item {
        font-size: 140px; } }
.banner--sale-brand .banner__percent {
    margin-top: -20px;
    margin-bottom: 2px; }
@media screen and (max-width: 1024px) {
    .banner--sale-brand .banner__percent {
        margin-top: -10px; } }
.banner--sale-brand .banner__button {
    margin-top: -15px;
    margin-right: auto;
    padding-left: 21%; }
.banner--black-h {
    background-color: #000;
    position: relative; }
.banner--black-h::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-image: linear-gradient(88deg, #000000 0%, rgba(0, 0, 0, 0) 100%); }
.banner--black, .banner--blue, .banner--red, .banner--green {
    position: relative; }
.banner--black::after, .banner--blue::after, .banner--red::after, .banner--green::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
.banner--black {
    background: #000000; }
.banner--black::after {
    background-image: linear-gradient(to top, #000000 0%, rgba(0, 0, 0, 0) 100%); }
.banner--blue {
    background: #1f878d; }
.banner--blue::after {
    background-image: linear-gradient(to top, #1f878d 0%, rgba(31, 135, 141, 0) 100%); }
.banner--red {
    background: #911434; }
.banner--red::after {
    background-image: linear-gradient(to top, #911434 0%, rgba(145, 20, 52, 0) 100%); }
.banner--green {
    background: #245a35; }
.banner--green::after {
    background-image: linear-gradient(to top, #245a35 0%, rgba(39, 58, 45, 0) 100%); }
.banner__cont {
    height: 100%; }
.banner__box {
    position: relative;
    z-index: 20;
    display: flex;
    flex-direction: column;
    justify-content: center; }
.banner__box--text {
    max-width: 360px;
    align-items: center;
    width: 100%;
    margin-top: -3px; }
.banner__box--img {
    flex-basis: auto;
    flex-grow: 1;
    width: 100%;
    max-width: 240px;
    z-index: 21; }
.banner__product-img {
    position: relative;
    top: -50px;
    left: 6px;
    margin-bottom: -100px;
    flex-shrink: 0; }
@media screen and (max-width: 768px) {
    .banner__product-img {
        margin-bottom: -70px;
        top: -30px; } }
.banner__button--large .button {
    min-width: 240px; }
.banner__percent__item {
    color: rgba(255, 255, 255, 0.7);
    font-family: 'Vollkorn';
    font-size: 100px;
    font-weight: 400;
    position: relative;
    z-index: 20;
    line-height: 1; }
.banner__percent__item {
    font-size: 70px; }
@media screen and (min-width: 320px) {
    .banner__percent__item {
        font-size: calc(70px + 30 * ((100vw - 320px) / 1010)); } }
@media screen and (min-width: 1330px) {
    .banner__percent__item {
        font-size: 100px; } }
.banner__text {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
    margin-bottom: 10px;
    z-index: 20; }
.banner__brand-img {
    max-width: 262px; }
@media screen and (max-width: 1024px) {
    .banner__brand-img {
        max-width: 160px; } }
@media screen and (max-width: 480px) {
    .banner__brand-img {
        max-width: 100px; } }
.banner__title-big {
    color: #ffffff;
    font-family: 'Vollkorn';
    font-weight: 400;
    line-height: 1.2;
    margin: 0; }
.banner__title-big {
    font-size: 36px; }
@media screen and (min-width: 320px) {
    .banner__title-big {
        font-size: calc(36px + 36 * ((100vw - 320px) / 1010)); } }
@media screen and (min-width: 1330px) {
    .banner__title-big {
        font-size: 72px; } }
.banner__title-big small {
    display: block;
    font-size: 0.667em;
    line-height: 0.778em; }
.banner__title-small {
    margin: 0;
    color: #ffffff;
    font-family: 'Jost', sans-serif;
    font-size: 26px;
    font-weight: 400;
    line-height: 1.84; }
.banner__title-small {
    font-size: 20px; }
@media screen and (min-width: 320px) {
    .banner__title-small {
        font-size: calc(20px + 6 * ((100vw - 320px) / 1010)); } }
@media screen and (min-width: 1330px) {
    .banner__title-small {
        font-size: 26px; } }
@media screen and (max-width: 480px) {
    .banner__title-small {
        line-height: 1.2; } }

.banner .campaign_timer_container {
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.banner .campaign_timer_container .timer {
    background-color: black;
    color: white;
    margin: 5px;
}

.banner .campaign_timer_container .timer .timer_text {
    margin: 0px 5px 0px 5px;
    font-size: 13px;
}

.banner .campaign_timer_container .timer .boxes {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.banner .campaign_timer_container .timer .boxes .box {
    margin: 0px 5px 0px 5px;
}

.banner .campaign_timer_container .timer .boxes .box .text {
    font-size: 10px;
    text-align: center;
}

.banner .campaign_timer_container .timer .boxes .box .number {
    font-size: 13px;
    text-align: center;
}

.banner .campaign_timer_container .timer .boxes .box_devider {
    margin: 0px;
}



.banners {
    overflow: hidden; }
.banners--offset {
    padding-top: 30px; }
.banners--offset .banners__list {
    margin: 0 -20px -20px;
    align-items: center; }
.banners--offset .banners__item {
    min-width: 380px;
    padding: 0 20px 20px; }
@media screen and (max-width: 480px) {
    .banners--offset .banners__item {
        min-width: 250px; } }
@media screen and (max-width: 400px) {
    .banners--offset .banners__item {
        padding-bottom: 20px; } }
.banners__list { }
@media screen and (max-width: 1024px) {
    .banners__list {
        margin: 0 -10px; } }
@media screen and (max-width: 1024px) {
    .banners__item {
        padding: 10px; } }

@media screen and (min-width: 1024px) {
    #banners_products, #banners_products_down {
        min-height: 421px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
    #banners_products, #banners_products_down {
        min-height: 371px; } }
@media screen and (min-width: 480px) and (max-width: 768px) {
    #banners_products, #banners_products_down {
        min-height: 367px; } }
@media screen and (max-width: 480px) {
    #banners_products, #banners_products_down {
        min-height: 292px; } }
#banners_products .cards__item, #banners_products_down .cards__item {
    padding: 0 15px;
    position: relative; }
@media only screen and (min-width: 100px) and (max-width: 768px) {
    #banners_products .cards__item:first-child, #banners_products_down .cards__item:first-child {
        padding-left: 0 !important; } }
#banners_products .banner__cont, #banners_products_down .banner__cont {
    position: relative; }
#banners_products .banner__cont:after, #banners_products_down .banner__cont:after {
    content: "";
    display: block;
    width: 100%;
    background: #F8F8F8;
    position: absolute;
    top: 0;
    left: 0;
    height: 235px; }
#banners_products .banner_products_title, #banners_products_down .banner_products_title {
    background: #F8F8F8;
    font-size: 12px;
    padding: 30px 0 0 0;
    text-align: center;
    letter-spacing: 1.2px;
    color: #393E41;
    width: 100%;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    height: 90px; }
#banners_products .banner_products_title .title_label, #banners_products_down .banner_products_title .title_label {
    color: #393e41;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 16px;
    display: block; }
#banners_products .banner_img, #banners_products_down .banner_img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 186px;
    height: 240px;
    position: relative;
    z-index: 1; }
#banners_products .banner_content, #banners_products_down .banner_content {
    display: none; }
@media only screen and (min-width: 100px) and (max-width: 1024px) {
    #banners_products .cards__slider, #banners_products_down .cards__slider {
        padding-bottom: 20px; } }

#banners_products_down {
    margin-bottom: 0px; }

#banners_partners, #selected_products {
    margin-top: 60px; }
@media screen and (min-width: 1200px) {
    #banners_partners, #selected_products {
        min-height: 587px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
    #banners_partners, #selected_products {
        min-height: 474px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
    #banners_partners, #selected_products {
        min-height: 833px; } }
@media screen and (min-width: 640px) and (max-width: 768px) {
    #banners_partners, #selected_products {
        min-height: 814px; } }
@media screen and (min-width: 480px) and (max-width: 640px) {
    #banners_partners, #selected_products {
        min-height: 746px; } }
@media screen and (min-width: 359px) and (max-width: 480px) {
    #banners_partners, #selected_products {
        min-height: 1362px; } }
@media screen and (max-width: 359px) {
    #banners_partners, #selected_products {
        min-height: 1201px; } }
#banners_partners h3, #selected_products h3 {
    margin-bottom: 50px;
    font-size: 21px;
    font-weight: 300;
    letter-spacing: 1.05px;
    color: #393E41;
    text-transform: capitalize; }
@media screen and (max-width: 900px) {
    #banners_partners h3, #selected_products h3 {
        font-size: 18px;
        letter-spacing: 0.9px; } }
#banners_partners h3:before, #selected_products h3:before {
    content: '';
    display: block;
    height: 1px;
    width: 100%;
    background: #e7e6e6;
    position: absolute;
    left: 0;
    top: 50%; }
#banners_partners .banners__item, #selected_products .banners__item {
    float: left;
    width: 50%;
    display: table;
    max-height: 415px;
    margin-bottom: 30px; }
@media screen and (min-width: 1200px) {
    #banners_partners .banners__item, #selected_products .banners__item {
        min-height: 330px; } }
@media screen and (min-width: 1024px) and (max-width: 1200px) {
    #banners_partners .banners__item, #selected_products .banners__item {
        min-height: 260px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
    #banners_partners .banners__item, #selected_products .banners__item {
        min-height: 420px; } }
@media screen and (min-width: 640px) and (max-width: 768px) {
    #banners_partners .banners__item, #selected_products .banners__item {
        min-height: 669px; } }
@media screen and (min-width: 480px) and (max-width: 640px) {
    #banners_partners .banners__item, #selected_products .banners__item {
        min-height: 600px; } }
@media screen and (min-width: 359px) and (max-width: 480px) {
    #banners_partners .banners__item, #selected_products .banners__item {
        min-height: 590px; } }
@media screen and (max-width: 359px) {
    #banners_partners .banners__item, #selected_products .banners__item {
        min-height: 480px; } }
#banners_partners .banner_img, #selected_products .banner_img {
    display: block;
    width: 50%;
    display: table-cell;
    width: 260px;
    max-height: 416px; }
#banners_partners .banner_content, #selected_products .banner_content {
    /*text-align: center;*/
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    /*padding:0 50px 0 8%;*/
    padding: 0 50px 0 50px;
    text-align: left; }
#banners_partners .banner_content .banner_title, #selected_products .banner_content .banner_title {
    font-size: 16px;
    letter-spacing: 0.4px;
    color: #393E41;
    text-transform: uppercase;
    line-height: 21px;
    margin-bottom: 20px;
    font-weight: 800; }
#banners_partners .banner_content .banner_description, #selected_products .banner_content .banner_description {
    line-height: 20px;
    margin-bottom: 20px;
    font-size: 13px;
    letter-spacing: 0.33px;
    color: #393E41; }
#banners_partners .banner_content .anm_btn, #selected_products .banner_content .anm_btn {
    width: 220px;
    padding: 0;
    text-align: center;
    height: 40px;
    line-height: 38px;
    font-size: 15px;
    padding: 0 15px;
    letter-spacing: 0.75px; }
#banners_partners .banner_content .transperent_button, #selected_products .banner_content .transperent_button {
    display: none; }
@media only screen and (min-width: 515px) and (max-width: 1100px) {
    #banners_partners .banner_img, #selected_products .banner_img {
        display: block;
        width: 95%;
        height: auto; }
    #banners_partners .banner_content, #selected_products .banner_content {
        display: block;
        width: 100%;
        padding: 5%;
        margin-top: 20px; } }
@media only screen and (min-width: 100px) and (max-width: 514px) {
    #banners_partners .banners__item, #selected_products .banners__item {
        float: none;
        width: 100%;
        display: block;
        max-height: none;
        padding: 0 45px;
        margin: 0; }
    #banners_partners .banners__item:first-child, #selected_products .banners__item:first-child {
        margin-bottom: 20px; }
    #banners_partners .banner_img, #selected_products .banner_img {
        display: block;
        width: 100%;
        height: auto; }
    #banners_partners .banner_content, #selected_products .banner_content {
        display: block;
        width: 100%;
        padding: 5%;
        margin-top: 20px; } }
#banners_partners .anm_btn, #selected_products .anm_btn {
    margin-top: 20px; }
#banners_partners .banner_products_title, #selected_products .banner_products_title {
    display: none; }

@media only screen and (min-width: 100px) and (max-width: 514px) {
    .cards__item {
        padding: 0 10px !important;
        max-width: 160px !important; }

    #banners_products .banner_img,
    #banners_products_down .banner_img {
        width: 110px !important;
        height: 140px !important; }
    #banners_products .banner_img img,
    #banners_products_down .banner_img img {
        max-height: 100%; }

    #banners_products .banner_products_title,
    #banners_products_down .banner_products_title {
        font-size: 11px !important; }

    #banners_products .cards__cont,
    #banners_products_down .cards__cont {
        padding: 10px 0 45px 0 !important; }

    .anm_btn {
        width: 100% !important; } }
#shop_now {
    margin-bottom: 130px;
    width: 100%;
    /*    @media screen and (min-width: $desktop) {
            min-height: 339px;
        }
        @media screen and (min-width: $tablet-h) and (max-width: $desktop) {
            min-height: 319px;
        }
        @media screen and (min-width: $tablet-v) and (max-width: $tablet-h) {
            min-height: 291px;
        }
        @media screen and (min-width: $phone-h) and (max-width: $tablet-v) {
            min-height: 221px;
        }
        @media screen and (min-width: $phone-v) and (max-width: $phone-h) {
            min-height: 949px;
        }
        @media screen and (min-width: $phone-s) and (max-width: $phone-v) {
            min-height: 772px;
        } 
        @media screen and (max-width: $phone-s) {
            min-height: 638px;
        }*/ }
#shop_now .wrapper {
    width: 100%; }
#shop_now .banners {
    overflow: visible; }
#shop_now .banner_products_title {
    display: none; }
#shop_now .banners__item {
    float: right;
    width: 48.5%;
    position: relative;
    text-align: center; }
@media screen and (min-width: 1200px) {
    #shop_now .banners__item {
        min-height: 339px; } }
@media screen and (min-width: 1024px) and (max-width: 1200px) {
    #shop_now .banners__item {
        min-height: 319px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
    #shop_now .banners__item {
        min-height: 221px; } }
@media screen and (min-width: 640px) and (max-width: 768px) {
    #shop_now .banners__item {
        min-height: 221px; } }
@media screen and (min-width: 480px) and (max-width: 640px) {
    #shop_now .banners__item {
        min-height: 290px; } }
@media screen and (min-width: 359px) and (max-width: 480px) {
    #shop_now .banners__item {
        min-height: 230px; } }
@media screen and (max-width: 359px) {
    #shop_now .banners__item {
        min-height: 180px; } }
#shop_now .banners__item .banner_content {
    position: absolute;
    bottom: -55px;
    left: 0;
    width: 100%;
    padding: 0 52px;
    margin: 0 auto; }
#shop_now .banners__item .wrap {
    background: #fff;
    padding: 30px 10px 0 5px;
    color: #393e41; }
#shop_now .banners__item .wrap .banner_title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    line-height: 21px;
    letter-spacing: 0.8px;
    color: #393E41; }
#shop_now .banners__item .wrap .banner_description {
    font-size: 13px;
    letter-spacing: 0.33px; }
#shop_now .banners__item .wrap .anm_btn {
    display: none;
    background-color: #fff;
    height: auto;
    line-height: 15px;
    font-size: 15px;
    text-transform: lowercase;
    color: #3d3e40;
    border: none;
    padding: 0 15px;
    text-align: center; }
#shop_now .banners__item .wrap .transperent_button {
    margin-top: 5px; }
#shop_now .banners__item:first-child {
    float: left; }
@media only screen and (min-width: 100px) and (max-width: 740px) {
    #shop_now {
        margin-bottom: 10px; }
    #shop_now .banners__item {
        float: none;
        width: 100%;
        margin-bottom: 100px; }
    #shop_now .banners__item .banner_content {
        bottom: -60px;
        padding: 0 40px; }
    #shop_now .banners__item:first-child {
        float: none; } }

@media screen and (min-width: 1024px) {
    #large_colection {
        min-height: 945px; } }
@media screen and (min-width: 768px) and (max-width: 1024px) {
    #large_colection {
        min-height: 965px; } }
@media screen and (min-width: 359px) and (max-width: 768px) {
    #large_colection {
        min-height: 706px; } }
@media screen and (max-width: 359px) {
    #large_colection {
        min-height: 756px; } }
#large_colection .section__title.lined {
    margin-bottom: 50px; }
#large_colection .banner_products_title, #large_colection .banner_content {
    display: none; }
#large_colection picture {
    position: relative;
    height: 419px; }
#large_colection picture img {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    object-fit: cover; }
@media screen and (max-width: 800px) {
    #large_colection picture {
        height: 240px; } }
#large_colection .cards .wrapper {
    width: 100%;
    max-width: 100%; }
#large_colection section.cards {
    overflow: visible; }

@media screen and (min-width: 800px) {
    .cards__slider .card__image-cont {
        height: 220px;
        max-height: 220px; }
    .cards__slider__image-cont {
        height: 220px;
        max-height: 220px; }
    .non-touch .cards__slider__image-cont {
        position: relative; }
    .non-touch .cards__slider__image-cont .static_cont {
        height: 220px;
        max-height: 220px; }
    .non-touch .cards__slider__image-cont img {
        max-height: 220px; }
    .cards__slider .card {
        height: 370px; } }
@media screen and (max-width: 1024px) {
    .cards__slider .card__image-cont {
        max-width: none !important;
        height: auto !important;
        max-height: none !important; } }
.breadcrumb {
    padding: 18px 0 30px; }
@media (max-width: 768px) {
    .breadcrumb {
        display: none; } }
.breadcrumb__list {
    display: flex;
    margin: 0 -15px; }
.breadcrumb__item {
    position: relative;
    padding: 0 15px; }
.breadcrumb__item:last-of-type::after {
    display: none; }
.breadcrumb__item::after {
    content: '';
    position: absolute;
    top: 1px;
    right: -8px;
    height: 7px;
    width: 7px;
    margin-top: 7px;
    margin-right: 8px;
    border-bottom: 1px solid #999999;
    border-right: 1px solid #999999;
    transform: rotate(-45deg); }
.breadcrumb a,
.breadcrumb span {
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none; }
.breadcrumb a {
    color: rgba(59, 59, 59, 0.7); }
.breadcrumb span {
    color: #3b3b3b;
    font-weight: 600; }

.section__header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 21px; }
@media screen and (max-width: 768px) {
    .section__header {
        margin-bottom: 10px; } }
.section__title {
    width: 100%;
    color: #393e41;
    font-size: 18px;
    margin: 0;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400; }
.section__title-mid {
    color: #191919;
    font-family: 'Vollkorn';
    font-weight: 400;
    text-align: center;
    margin: 0;
    margin-bottom: 1.3333333333em; }
.section__title-mid {
    font-size: 20px; }
@media screen and (min-width: 320px) {
    .section__title-mid {
        font-size: calc(20px + 4 * ((100vw - 320px) / 1010)); } }
@media screen and (min-width: 1330px) {
    .section__title-mid {
        font-size: 24px; } }
@media screen and (max-width: 768px) {
    .section__title-mid {
        line-height: 1.2;
        padding-top: 1.3333333333em; } }

.preview {
    overflow: hidden; }
.preview__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -19px -38px;
    padding-bottom: 20px; }
@media screen and (max-width: 768px) {
    .preview__list {
        margin: 0 -12px -24px; } }
.preview__anchor {
    text-decoration: none;
    position: relative;
    display: block;
    height: 100%;
    overflow: hidden; }
.preview__anchor::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 4px;
    background-color: #e5e5e5;
    z-index: 20; }
.preview__anchor::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    transform: translateX(100%);
    opacity: 0;
    height: 4px;
    background-color: #191919;
    transition: all ease 0.4s;
    z-index: 21; }
.non-touch .preview__anchor:hover::before {
    transform: translateX(0%);
    opacity: 1; }
.preview__item {
    min-width: 210px;
    width: 33.333333%;
    flex-grow: 1;
    padding: 0 19px 38px; }
@media screen and (max-width: 768px) {
    .preview__item {
        padding: 0 12px 30px; } }
.preview__img {
    margin-bottom: 16px; }
.preview__img img {
    max-width: 100%;
    width: 100%; }
.preview__text {
    color: #3b3b3b;
    font-family: 'Jost', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.44;
    margin: 0;
    padding-bottom: 1.1111111111em; }
.preview__text {
    font-size: 14px; }
@media screen and (min-width: 320px) {
    .preview__text {
        font-size: calc(14px + 4 * ((100vw - 320px) / 1010)); } }
@media screen and (min-width: 1330px) {
    .preview__text {
        font-size: 18px; } }

.images {
    overflow: hidden; }
.images__cont {
    display: flex;
    flex-direction: column;
    text-align: center; }
.images__cont .button {
    align-self: center;
    min-width: 130px; }
.images__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 -20px -56px;
    padding-bottom: 48px; }
@media screen and (max-width: 640px) {
    .images__list {
        margin-bottom: -36px;
        padding-bottom: 30px; } }
.images__item {
    min-width: 120px;
    max-width: 16.6666667%;
    flex-basis: 100%;
    display: flex;
    justify-content: center;
    padding: 0 20px 56px; }
@media screen and (max-width: 640px) {
    .images__item {
        padding-bottom: 36px; } }
.images__anchor {
    opacity: 0.3;
    transition: opacity ease 0.4s; }
.non-touch .images__anchor:hover {
    opacity: 1; }

.preview_images_container {
    width: 80px;
    margin: 0px 5px;
    display: flex;
    flex-direction: column; }

.preview_image_container {
    width: 80px;
    margin: 0px 0px 10px 0px;
    padding: 5px; }

.preview_image_container_selected {
    border-style: solid;
    border-width: 1px;
    border-color: #7a7a7a; }

.preview_image_container_not_selected {
    border-style: solid;
    border-width: 1px;
    border-color: transparent; }

.preview_image_arrow_container {
    display: flex;
    height: 40px;
    justify-content: center; }

.preview_image_arrow_prev:after {
    transform: rotate(-45deg); }

.preview_image_arrow_next:after {
    transform: rotate(135deg); }

.preview_image_arrow:after {
    display: block;
    content: '';
    height: 15px;
    width: 15px;
    border-top: 5px solid #000;
    border-right: 5px solid #000;
    transition: all .3s linear; }

.preview_image_arrow {
    height: 40px;
    width: 40px;
    display: block;
    position: absolute;
    padding-top: 12px;
    background: #fff;
    opacity: 0.5;
    z-index: 1;
    padding-left: 12px; }

.preview_image_arrow:hover {
    opacity: 1; }

@media screen and (min-width: 768px) {
    .modal__image_preview {
        max-width: 850px !important; }
    .modal__image_preview .imageZoomModalContainer {
        display: flex;
        flex-direction: row;
        margin: 50px 0px 0px 0px; }
    .modal__image_preview .imageZoomModalContainer .scrollerContainer {
        display: none; }
    .modal__image_preview .imageZoomModalContainer .imageZoomContainer {
        max-height: calc(100vh - 170px);
        min-height: calc(100vh - 170px);
        overflow: hidden; }
    .modal__image_preview .imageZoomModalContainer .imageZoomContainer .product__image {
        /*border: 2px solid red;*/ }
    .modal__image_preview .imageZoomModalContainer .imageZoomOptions {
        display: flex;
        flex-direction: row;
        justify-content: center;
        height: 40px;
        align-items: center; }
    .modal__image_preview .imageZoomModalContainer .imageZoomOptions a {
        margin: 5px 20px;
        width: 22px;
        height: 22px; } }
@media screen and (max-width: 767px) {
    .modal__image_preview {
        max-height: calc(100vh) !important; }
    .modal__image_preview .imageZoomModalContainer {
        display: flex;
        flex-direction: column; }
    .modal__image_preview .imageZoomModalContainer .thumbnailsContainer {
        display: none; }
    .modal__image_preview .imageZoomModalContainer .scrollerContainer {
        display: flex;
        flex-direction: row;
        height: 90px;
        margin: 5px 0px 0px 0px;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 10px; }
    .modal__image_preview .imageZoomModalContainer .scrollerThumbnailContainer {
        margin: 0px 5px;
        padding: 0px;
        align-self: center;
        height: 100%; }
    .modal__image_preview .imageZoomModalContainer .scrollerThumbnailContainer img {
        max-height: 80px;
        max-width: 80px; }
    .modal__image_preview .imageZoomModalContainer .imageZoomContainer {
        max-height: calc(100vh - 205px);
        min-height: calc(100vh - 205px);
        /*border: 1px solid black;*/
        overflow: hidden;
        margin-top: 50px; }
    .modal__image_preview .imageZoomModalContainer .imageZoomContainer .product__image {
        /*border: 2px solid red;*/ }
    .modal__image_preview .imageZoomModalContainer .imageZoomOptions {
        display: none; } }

.newsletter {
    overflow: hidden;
    background-color: #e7e6e6;
    text-align: center;
    /*
    &__subtitle {
        color: $color-white;
        font-family: 'Jost', sans-serif;
        font-size: 24px;
        font-weight: 400;
        margin: 0;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        flex-shrink: 0;
        line-height: 1.2;

        span:not(.label) {
            margin-right: 22px;
            margin-bottom: 0.5em;
        }

        @media screen and (max-width:$tablet-v) {
            font-size: 18px;
        }
    }*/ }
.newsletter__cont {
    max-width: 445px;
    padding: 65px 0 62px 0;
    margin-left: auto;
    margin-right: auto; }
.newsletter__title {
    color: #393e41;
    font-size: 16px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.4px; }
.newsletter__title .subtitle {
    font-weight: 400;
    letter-spacing: 0.4px; }
@media screen and (max-width: 900px) {
    .newsletter__title {
        font-size: 15px;
        letter-spacing: 0.38px; }
    .newsletter__title .subtitle {
        font-size: 15px;
        letter-spacing: 0.38px; } }
.newsletter__header {
    margin-bottom: 20px; }
.newsletter__fields {
    width: 100%; }
@media screen and (max-width: 480px) {
    .newsletter__fields .button {
        width: 100%; } }
.newsletter__label {
    color: #393e41;
    font-size: 12px;
    text-align: left;
    letter-spacing: 0.3px; }
.newsletter__item {
    padding: 0; }
.newsletter .clearfix {
    width: 100%;
    text-align: left; }
.newsletter .clearfix .newsletter__item {
    display: inline-block;
    width: 70%;
    padding: 0; }
.newsletter__input {
    color: #393e41;
    font-size: 12px;
    line-height: 37px;
    width: 100%;
    background: transparent;
    border-bottom: 1px solid #707070;
    padding: 0;
    text-align: left; }
.newsletter__button {
    display: inline-block;
    padding-top: 30px; }
.newsletter__button button {
    width: auto;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    min-width: 120px;
    letter-spacing: 0.75px; }
.newsletter .check-radio {
    padding: 0;
    margin-top: 10px; }
.newsletter .check-radio span {
    color: #949494;
    font-size: 12px;
    font-family: 'Jost', sans-serif;
    letter-spacing: 0.3px;
    color: #949494; }
.newsletter .check-radio span a {
    color: #949494;
    font-size: 12px; }
.newsletter .link--white::after {
    background: #949494; }
@media screen and (max-width: 768px) {
    .newsletter .form__column {
        padding-bottom: 15px; } }
@media screen and (max-width: 768px) {
    .newsletter .form__item--check {
        padding-top: 10px; } }
.newsletter .form__item--error .form__element {
    border-color: rgba(221, 33, 90, 0.4); }
.newsletter .form__item--check .form__error {
    margin-top: 6px; }
.newsletter .form__error {
    color: #dd215a;
    font-size: 12px;
    font-weight: 600;
    margin-top: 3px; }
.newsletter .form__item--error .check-radio__element::before {
    border-color: #dd215a; }
.newsletter .check-radio__element {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400; }
.newsletter .check-radio__element a,
.newsletter .check-radio__element strong {
    color: #ffffff;
    text-decoration: none;
    line-height: inherit; }
.newsletter__header-text {
    color: #ffffff;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 0; }
.newsletter__header-bot {
    display: flex;
    align-items: center;
    justify-content: space-between; }
@media screen and (max-width: 480px) {
    .newsletter__header-bot {
        display: block; } }
.newsletter__social-register {
    font-size: 0;
    margin: 0 -8px;
    max-width: 100%; }
.newsletter__social-register > * {
    margin: 0 8px 16px; }
@media screen and (max-width: 480px) {
    .newsletter__social-register > * {
        width: 100%; } }
.newsletter--large .newsletter__cont {
    padding: 59px 40px 38px 170px; }
.newsletter--large .newsletter__title {
    font-size: 40px;
    line-height: 1.77;
    letter-spacing: 1px; }
@media screen and (max-width: 480px) {
    .newsletter--large .newsletter__title {
        line-height: 1.2;
        margin-bottom: 16px; } }
.newsletter--large .label {
    font-size: 21px;
    display: inline-block;
    padding: 1px 25px;
    flex-shrink: 0;
    margin: 0;
    margin-right: 16px; }
@media screen and (max-width: 480px) {
    .newsletter--large .label {
        margin: 0 0 16px; } }
.newsletter--large .newsletter__header {
    max-width: 620px;
    width: 100%; }
.newsletter--large .newsletter__fields {
    max-width: 574px;
    width: 100%;
    border-top: 1px solid rgba(204, 204, 204, 0.4);
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
    padding-top: 11px;
    padding-bottom: 30px;
    margin-bottom: 24px; }
.newsletter--large .newsletter__label {
    font-size: 14px;
    margin-bottom: -24px;
    color: #7a7a7a; }
.newsletter--large .newsletter__input {
    border-color: #ffffff; }

@media only screen and (min-width: 100px) and (max-width: 800px) {
    .newsletter__cont {
        padding: 50px 15px 40px 15px; }

    .newsletter__item {
        display: block !important;
        width: 100% !important; }

    .newsletter__button {
        display: block;
        padding: 20px 0 0 0; }
    .newsletter__button button {
        width: 100%;
        margin: 0; } }
.accents {
    padding: 20px 0;
    overflow: hidden;
    background-color: #000;
    /*
        @media screen and (max-width: $phone-v) {
            .large-wrapper {
                width: 90%;
            }
        }
    */ }
@media screen and (max-width: 1024px) {
    .accents {
        padding: 34px 0; } }
.accents .large-wrapper {
    max-width: 1196px; }
.accents__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center; }
.accents__item {
    display: flex;
    flex-grow: 1;
    min-width: 240px;
    width: 25%;
    align-items: center;
    position: relative;
    padding: 0 15px;
    border-left: 1px solid #838383;
    border-right: 1px solid #747474;
    height: 42px; }
.accents__item a {
    width: 100%;
    text-align: center;
    display: block; }
@media screen and (max-width: 990px) {
    .accents__item {
        width: 50%; } }
.accents__item:first-of-type::after {
    display: none; }
.accents__item:first-child {
    border-left: none; }
.accents__item:last-child {
    border-right: none; }
.accents__icon {
    color: #fff;
    margin-right: 18px; }
@media screen and (max-width: 1024px) {
    .accents__icon svg {
        width: 30px;
        height: 30px; } }
.accents__title {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1.2px;
    text-transform: uppercase; }
@media screen and (max-width: 1024px) {
    .accents__title {
        font-size: 14px; } }
.accents--small .accents__list {
    justify-content: space-between; }
.accents .accents--small {
    padding: 10px; }
.accents .accents--small .accents__item {
    border: none;
    height: auto; }
.accents .accents--small a {
    display: block;
    text-align: center; }
.accents .accents--small a span {
    display: block;
    text-align: center;
    margin-top: 5px;
    margin: 0; }
.accents--small .accents__item {
    padding: 0 10px;
    min-width: 0px;
    flex-grow: 0;
    width: 25%;
    /*
            @media screen and (max-width: $phone-v) {
                padding: 12px 0px;
            }*/ }
@media only screen and (min-width: 100px) and (max-width: 514px) {
    .accents--small .accents__item {
        width: 50%; } }
.accents--small .accents__item::after {
    display: none; }
.accents--small .accents__title {
    font-size: 12px;
    line-height: 1.16;
    text-align: center;
    /*
    @media screen and (max-width: $phone-v) {
        font-size: 14px;
        max-width: 100%;
    }*/ }
@media only screen and (min-width: 100px) and (max-width: 990px) {
    .accents .accents__item {
        border: none; }
    .accents .accents__item a {
        width: 80%;
        text-align: left; } }
@media only screen and (min-width: 100px) and (max-width: 650px) {
    .accents {
        padding: 15px 0 30px 0; }
    .accents .accents__item {
        border: none;
        height: auto;
        margin-top: 15px;
        min-width: auto; }
    .accents .accents__item a {
        width: 100%;
        text-align: center; }
    .accents .accents__item a strong {
        display: block;
        margin-top: 10px;
        letter-spacing: 0.6px;
        font-size: 12px; } }

.cards {
    overflow: hidden; }
.cards__cont {
    padding: 0 10px 10px;
    margin: 0 -10px;
    position: relative; }
@media screen and (max-width: 768px) {
    .cards__cont {
        overflow: auto;
        padding: 0;
        margin: 0; }
    .cards__cont__slider-controls {
        display: none; } }
.cards__slider {
    display: flex;
    padding: 10px 0;
    margin: 0 -20px;
    overflow: hidden; }
@media screen and (max-width: 768px) {
    .cards__slider {
        overflow: auto;
        margin: 0; }
    .cards__slider::-webkit-scrollbar {
        height: 6px; }
    .cards__slider::-webkit-scrollbar-thumb {
        background: #7a7a7a;
        border-radius: 20px; }
    .cards__slider::-webkit-scrollbar-track {
        background: #e8e8e8;
        border-radius: 20px; } }
.cards__slider-controls {
    width: 100%;
    display: none; }
.cards__slider-controls .cards__slider-arrow--prev {
    left: -25px; }
.cards__slider-controls .cards__slider-arrow--next {
    right: -25px; }
.cards__slider-arrow {
    height: 17px;
    width: 42px;
    display: block;
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    background: transparent;
    z-index: 1;
    font-size: 30px;
    color: #231f20; }
.cards__slider-arrow svg {
    height: 17px; }
.cards__slider-arrow:hover {
    opacity: 1; }
.cards--small-slider .cards__cont {
    padding: 0 74px;
    position: relative; }
@media screen and (max-width: 768px) {
    .cards--small-slider .cards__cont {
        padding: 0; } }
.cards--small-slider .cards__cont--no-slider {
    padding: 0; }
.cards--small .cards__slider-arrow {
    opacity: 1; }
.cards--small .cards__slider-controls {
    position: absolute;
    top: 50%;
    transform: translateY(-50%); }
@media screen and (max-width: 768px) {
    .cards--small .cards__slider-controls {
        display: none; } }
.cards--small .cards__slider-controls {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0; }
.cards--small .cards__slider-arrow {
    position: absolute; }
.cards--small .cards__slider-arrow--prev {
    left: 5px; }
.cards--small .cards__slider-arrow--next {
    right: 5px; }
.cards--small .cards__item {
    width: 100%;
    max-width: 192px; }
.cards__item {
    padding: 0 20px;
    width: 100%;
    max-width: 260px;
    flex-grow: 1;
    flex-shrink: 0; }
.cards__slider-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    position: absolute;
    bottom: 30px;
    width: 100%; }
@media screen and (max-width: 768px) {
    .cards__slider-dots {
        display: none; } }
.cards__slider-dots-list {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 -8px;
    padding: 0 32px; }
.cards__slider-dots-list li {
    padding: 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity ease 0.4s; }
.non-touch .cards__slider-dots-list li:hover {
    opacity: 0.8; }
.cards__slider-dots-list li.is-active button {
    width: 6px;
    height: 6px;
    background-color: #3b3b3b; }
.cards__slider-dots-list button {
    width: 6px;
    height: 6px;
    background-color: rgba(59, 59, 59, 0.2);
    border-radius: 50%; }
.non-touch .cards__cont:hover .cards__slider-arrow {
    opacity: 1; }
.touch .cards__slider {
    overflow: auto;
    margin: 0; }
.touch .cards__slider-dots {
    display: none; }
.touch .cards__slider-arrow {
    opacity: 1;
    margin: 0 20px; }
.touch .cards__slider-dots-list {
    display: none; }

/*.product__slider*/
.product__slider .product__slider-arrow {
    height: 17px;
    width: 40px;
    display: block;
    position: absolute;
    padding-top: 12px;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    opacity: 0.5;
    z-index: 1; }
.product__slider .product__slider-arrow svg {
    height: 17px; }

/*
.product__slider .product__slider-arrow::after {
        display: block;
        content:'';
        height: 15px;
        width: 15px;
        border-top: 5px solid #000;
        border-right: 5px solid #000;
        transition: all .3s linear;
    }
*/
.product__slider .product__slider-arrow--prev {
    left: 20px;
    right: auto;
    padding-left: 14px;
    /*
    &:after {
            transform: rotate(-135deg);
        }*/ }

.product__slider .product__slider-arrow--next {
    left: auto;
    right: 20px;
    padding-left: 10px;
    /*
    &:after {
            transform: rotate(45deg);
        }*/ }

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

.cards:hover .cards__slider-controls {
    display: block; }

.cards.pb-60 {
    padding-bottom: 50px; }

.last_viewed {
    max-width: 185px; }

.coockie {
    position: fixed;
    border-bottom: 4px solid #191919;
    background-color: #c20626;
    padding: 21px 20px 6px 20px;
    z-index: 10000;
    bottom: 0;
    left: 0;
    right: 0; }
.coockie__cont {
    display: flex;
    justify-content: space-between;
    align-items: center; }
@media screen and (max-width: 768px) {
    .coockie__cont {
        flex-wrap: wrap; } }
.coockie__box {
    display: flex;
    margin-right: 56px;
    margin-bottom: 20px; }
@media screen and (max-width: 768px) {
    .coockie__box {
        flex-wrap: wrap;
        margin: 0 0 20px; } }
.coockie__title {
    color: #ffffff;
    font-family: 'Vollkorn';
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 5px; }
.coockie__icon {
    color: #ffffff;
    margin-right: 31px;
    margin-bottom: 10px; }
@media screen and (max-width: 768px) {
    .coockie__icon svg {
        width: 40px;
        height: 40px; } }
.coockie__text {
    color: #ffffff;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 400;
    margin: 0 0 10px; }
.coockie__text a {
    color: #ffffff;
    text-decoration: none; }
@media screen and (max-width: 480px) {
    .coockie__button {
        flex-grow: 1; }
    .coockie__button .button {
        width: 100%; } }

.listing {
    padding-bottom: 74px; }
.listing--padded {
    padding-top: 40px; }
@media screen and (max-width: 768px) {
    .listing--padded {
        padding-top: 20px; } }
@media screen and (max-width: 768px) {
    .listing {
        padding-bottom: 30px; } }
@media screen and (max-width: 768px) {
    .listing .card__top {
        transform: translateY(0); } }
@media screen and (max-width: 768px) {
    .listing .card__bot {
        position: relative;
        transform: translateY(0); } }
@media screen and (max-width: 495px) {
    .listing .card {
        max-width: 100%;
        height: auto;
        border-radius: 1px;
        /*border: 1px solid $color-grey6;*/ }
    .listing .card__image-cont {
        max-width: none;
        /*        height: auto;
                max-height: none !important; */
    } }
@media screen and (max-width: 640px) {
    .listing .card__image {
        max-width: none; } }
@media screen and (max-width: 480px) {
    .listing .card__image {
        width: 100%;
        max-height: none !important; } }
@media screen and (max-width: 640px) {
    .listing .card__slider {
        margin: 0 -4px; } }
@media screen and (max-width: 640px) {
    .listing .card__slider-item {
        margin: 0 5px; } }
@media screen and (max-width: 640px) {
    .non-touch .listing .card:not(.listing .card--empty):hover .listing .card__image-cont, .touch .listing .card__image-cont, .listing .card--touch .listing .card__image-cont {
        max-height: none; } }
.listing .wrapper {
    display: flex;
    align-items: flex-start; }
@media screen and (max-width: 540px) {
    .listing .wrapper {
        display: block; } }
.listing__top {
    flex-grow: 1;
    max-width: 100%;
    width: 100%;
    padding-left: 50px;
    padding-bottom: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; }
.listing__top > * {
    margin-bottom: 10px; }
@media screen and (max-width: 1365px) {
    .listing__top {
        padding-left: 50px; } }
@media screen and (max-width: 768px) {
    .listing__top {
        padding-left: 0;
        padding-bottom: 0; } }
.listing__select.mobile {
    display: none;
    flex-grow: 1;
    flex-shrink: 0;
    width: 50%;
    border-right: 1px solid #E7E6E6;
    padding: 0 0 0 15px !important; }
@media screen and (max-width: 768px) {
    .listing__select.mobile {
        display: block; } }
.listing__select.mobile a {
    display: block;
    width: 110px;
    letter-spacing: 1.2px;
    color: #393E41;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase; }
.listing__select.mobile a span {
    float: right; }
@media screen and (max-width: 768px) {
    .listing .listing__selects {
        border-bottom: 1px solid #E7E6E6;
        padding-bottom: 20px; }
    .listing .listing_wrapper {
        width: 100% !important; }
    .listing #page_limit_filter {
        display: none; }
    .listing .select--underlined .select__selected-result {
        letter-spacing: 1.2px !important;
        color: #393E41 !important;
        font-weight: 600 !important;
        font-size: 12px !important;
        text-transform: uppercase; }
    .listing .listing__select {
        padding: 0 15px 0 0; }
    .listing .select--underlined .select__selected {
        padding-bottom: 0 !important; }
    .listing #selected_filters {
        padding: 0 10px; } }
.listing__results {
    display: flex;
    align-items: center;
    padding-right: 10px; }
.listing__results-icon {
    margin-right: 9px;
    color: #7a7a7a; }
@media screen and (max-width: 768px) {
    .listing__results-icon {
        display: none; } }
.listing__results-text {
    color: #3b3b3b;
    font-family: 'Jost', sans-serif;
    font-weight: 400; }
.listing__results-text {
    font-size: 13px; }
@media screen and (min-width: 320px) {
    .listing__results-text {
        font-size: calc(13px + 3 * ((100vw - 320px) / 1010)); } }
@media screen and (min-width: 1330px) {
    .listing__results-text {
        font-size: 16px; } }
.listing__selects {
    width: 100%;
    border-bottom: 1px solid #E7E6E6; }
@media screen and (max-width: 768px) {
    .listing__selects {
        margin: 0 0 10px; } }
@media screen and (max-width: 540px) {
    .listing__selects {
        width: 100%; } }
.listing__select {
    position: relative;
    float: left;
    cursor: pointer; }
.listing__select .select__arrow {
    cursor: pointer; }
.listing__select .select__results {
    border: 1px solid #E7E6E6 !important;
    border-bottom: 3px solid #393E41 !important; }
.listing__select .select--underlined .select__selected {
    font-size: 13px;
    letter-spacing: 0.33px;
    color: #393E41;
    padding-right: 0;
    padding-bottom: 20px;
    border-bottom: none; }
.listing__select .select--underlined .select__selected-result {
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 0.33px;
    color: #393E41; }
.listing__select .select--underlined .select__item {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.33px;
    color: #949494;
    padding: 4px 10px; }
.listing__select .select--underlined {
    min-width: 136px; }
.listing__select .select__arrow::after, .listing__select .select__arrow::before {
    height: 1px;
    background: #393e41; }
.listing__select:last-child {
    float: right; }
.listing__filters {
    width: 300px;
    flex-shrink: 0;
    min-height: 724px;
    /*
            position: -webkit-sticky;
            position: sticky;
            top: 80px;
            align-self: flex-start;
            height: auto;  
    */ }
@media screen and (max-width: 768px) {
    .listing__filters {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 100vh;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        background: #ffffff;
        width: 100%;
        max-width: 100%;
        padding: 50px 0 0 0;
        z-index: 100000;
        transform: translateX(-100%);
        transition: transform ease 0.4s; }
    .listing__filters.is-open {
        transform: translateX(0); } }
.listing__close {
    position: absolute;
    top: 15px;
    right: 4%;
    width: 12px;
    height: 12px;
    color: #3b3b3b;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding-left: 15px; }
@media screen and (max-width: 768px) {
    .listing__close {
        display: block; } }
.listing__cards {
    flex-grow: 1;
    display: flex;
    width: 100%;
    /*max-width: calc(100% - 223px);*/
    align-items: center;
    flex-direction: column; 
    min-height: 724px;
}
@media screen and (max-width: 768px) {
    .listing__cards {
        max-width: 100%; } }
.listing__cards__list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0px -20px -9px;
    padding-left: 51px;
    max-width: 100%;
    min-width: 170px; }
@media screen and (max-width: 1365px) {
    .listing__cards__list {
        padding-left: 30px;
        margin: 0px -10px -9px; } }
@media screen and (max-width: 768px) {
    .listing__cards__list {
        padding: 0;
        margin: 0 auto; } }
.listing__cards__item {
    padding: 9px 0;
    width: 33.333333%;
    min-width: 152px;
    flex-grow: 1;
    max-width: 33.333333%; }
@media screen and (max-width: 1365px) {
    .listing__cards__item {
        padding: 0px; } }
@media screen and (max-width: 1020px) {
    .listing__cards__item {
        max-width: 50%; } }
@media screen and (max-width: 768px) {
    .listing__cards__item {
        max-width: 290px;
        min-width: 212px;
        padding-bottom: 30px; } }
@media screen and (max-width: 540px) {
    .listing__cards__item {
        min-width: 152px;
        margin: 0 auto; } }

.filter__list::-webkit-scrollbar {
    width: 6px; }
.filter__list::-webkit-scrollbar-thumb {
    background: #7a7a7a;
    border-radius: 20px; }
.filter__list::-webkit-scrollbar-track {
    background: #e8e8e8;
    border-radius: 20px; }
.filter__list__item {
    margin-bottom: 7px; }
.filter__list__item .check-radio {
    padding: 0; }
.filter__list__item .check-radio .check-radio__element {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 0.33px;
    color: #949494;
    padding-left: 18px; }
.filter__list__item .check-radio .check-radio__element::before {
    border-radius: 2px;
    border: 1px solid #979797; }
.filter__item {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.2;
    text-decoration: none; }
.filter__item--back {
    color: #000 !important;
    font-size: 14px;
    position: relative;
    padding-left: 15px;
    cursor: pointer; }
.filter__item--back::before {
    content: '';
    height: 7px;
    width: 7px;
    position: absolute;
    left: 5px;
    top: 8px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(-135deg);
    line-height: 1.2; }
.filter__item--selected {
    font-weight: bold;
    color: #000 !important; }
.filter__title {
    letter-spacing: 1.2px;
    color: #393E41;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.28;
    text-transform: uppercase; }
.filter__clear {
    color: #7a7a7a;
    font-family: 'Jost', sans-serif;
    font-size: 10px;
    font-weight: 400;
    text-decoration: none;
    position: relative;
    display: flex;
    align-items: center;
    line-height: 1;
    transition: color ease 0.4s;
    margin-left: 10px; }
.non-touch .filter__clear:hover {
    color: #191919; }
.filter__clear__icon {
    margin-left: 6px; }
.filter--links {
    margin-bottom: 20px;
    border-bottom: 1px solid #E7E6E6;
    padding-bottom: 20px; }
.filter--links .filter__list__item {
    padding-left: 15px;
    position: relative; }
.filter--links .filter__item {
    color: #7a7a7a;
    cursor: pointer; }
.filter--checks {
    border-bottom: 1px solid #E7E6E6;
    padding-bottom: 16px;
    margin-bottom: 20px; }
.filter--checks .filter__list {
    max-height: 195px;
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
.filter--choosen {
    padding-bottom: 14px;
    border-bottom: 1px solid #191919; }
.filter--choosen .filter__list__item {
    margin: 0px -12px 7px; }
.filter--choosen .filter__title {
    justify-content: flex-end;
    border-bottom: 1px solid #191919; }
.filter--choosen .filter__clear {
    color: #3b3b3b;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 8px; }
.filter--choosen .filter__clear__icon {
    color: #191919; }
.filter--banner {
    display: flex; }
.filter--banner img {
    width: auto; }
.filter--range {
    border-bottom: 1px solid rgba(216, 216, 216, 0.6);
    margin-bottom: 20px; }
.filter__prices {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 -5px 10px; }
.filter__prices__item {
    color: #3b3b3b;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 700;
    padding: 0 5px; }
.filter__search {
    position: relative;
    border-bottom: 1px solid #393E41;
    margin: 12px 0; }
.filter__search__icon {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1; }
.filter__search__cont {
    position: relative;
    margin-bottom: 5px; }
.filter__search__cont input {
    border: none; }
.filter__label.opened {
    color: #7a7a7a;
    font-family: 'Jost', sans-serif;
    font-size: 8px;
    font-weight: 400;
    transform: translateY(-10px); }
.filter__input {
    display: flex;
    width: 100%;
    color: #949494;
    font-size: 10px;
    font-weight: 400;
    border: 0;
    appearance: none;
    outline: none;
    padding: 0px 5px;
    line-height: 1;
    border: 1px solid #949494;
    border-radius: 4px; }
.filter__color {
    width: 18px;
    height: 18px;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
    margin-top: -2px;
    border: 1px solid transparent;
    border-radius: 50%; }
.filter #color_17 + span span,
.filter #color_1 + span span {
    border: 1px solid #E7E6E6; }
.filter__choosen {
    color: #3b3b3b;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 400;
    padding: 0px 12px 0;
    margin: 0;
    position: relative;
    display: inline-block;
    vertical-align: middle; }
.filter__choosen::after {
    content: '';
    width: 4px;
    height: 4px;
    position: absolute;
    right: -4px;
    top: 50%;
    margin-top: -1px;
    background-color: #d8d8d8;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle; }
.filter__choosen:only-child::after {
    display: none; }
.filter__choosen:last-child::after {
    display: none; }
.filter__choosen .filter__color {
    margin-right: 0; }
.filter .check-radio__element:before, .filter .check-radio__element:after {
    content: '';
    width: 13px;
    height: 13px;
    background-color: #ffffff;
    border: 1px solid #949494;
    position: absolute;
    top: 2px;
    left: 0;
    transition: all 0.35s ease; }

.range {
    height: 20px;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 26px; }
.range::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    background-color: #d8d8d8; }
.range__dot {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background-color: #191919;
    z-index: 20; }
.range__line {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    height: 2px;
    background-color: #191919;
    z-index: 10; }

.listing__top #category_title {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
.listing__top h1 {
    font-size: 12px;
    letter-spacing: 1.2px;
    color: #393E41;
    font-weight: 600;
    text-transform: uppercase; }

@media screen and (max-width: 768px) {
    #mobile_btn_filters.fixed_btn {
        position: fixed;
        top: 60px;
        z-index: 9999;
        left: 0;
        padding: 10px;
        border-top: 1px solid #E7E6E6;
        background: #fff; } }
#category_description_container {
    text-align: center; }
#category_description_container #category_description {
    height: 70px;
    overflow: hidden;
    position: relative;
    max-width: 883px;
    margin: 0 auto; }
#category_description_container #category_description p, #category_description_container #category_description strong, #category_description_container #category_description a {
    font-size: 13px;
    letter-spacing: 0.33px; }
@media screen and (max-width: 400px) {
    #category_description_container #category_description p, #category_description_container #category_description strong, #category_description_container #category_description a {
        font-size: 11px; } }
#category_description_container #category_description a {
    color: #000;
    position: relative;
    font-weight: 500; }
#category_description_container #category_description a:hover::after {
    transform: scale(1); }
#category_description_container #category_description a:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 1px;
    background: #393e41;
    transition: all ease 0.4s;
    transform: scale(0);
    transform-origin: center center; }
#category_description_container #category_description.expanded {
    height: auto; }
#category_description_container #category_description.expanded:after {
    display: none; }
#category_description_container #category_description:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 18px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); }
@media screen and (max-width: 400px) {
    #category_description_container #category_description:after {
        bottom: 0;
        height: 10px; } }
#category_description_container button {
    width: auto;
    padding-top: 3px;
    margin: 0 auto;
    margin-bottom: 20px;
    text-decoration: underline;
    letter-spacing: 0.38px;
    color: #000000;
    font-size: 15px;
    background: transparent; }
@media screen and (max-width: 400px) {
    #category_description_container button {
        font-size: 13px; } }
#category_description_container #btn_less {
    display: none; }

.filter__list.cats {
    max-height: 250px;
    overflow-y: scroll;
    overflow-x: visible; }

.selected_filter_item {
    display: block; }
.selected_filter_item span {
    font-size: 12px;
    letter-spacing: 0.3px;
    color: #949494; }

.dropdown_submenu {
    margin-top: 15px; }

#selected_filters {
    padding-left: 50px;
    width: 100%;
    margin-bottom: 25px; }
#selected_filters li {
    float: left;
    margin-bottom: 10px; }
#selected_filters li a {
    display: block;
    height: 100%;
    border: 1px solid #E7E6E6;
    margin-right: 10px;
    letter-spacing: 0.3px;
    color: #949494;
    font-size: 12px;
    padding: 10px;
    cursor: pointer; }
#selected_filters li a span {
    display: inline-block; }
@media screen and (max-width: 768px) {
    #selected_filters li a {
        padding: 5px; } }

#selected_filters.modal_filters {
    padding: 0; }

.non-touch .select--underlined .select__item:not(.select__list-inner):hover {
    background: transparent !important;
    color: #393E41; }

.property .dropdown_submenu {
    display: block !important; }
.property .dropdown_arr {
    display: none !important; }

@media screen and (max-width: 768px) {
    .filter--checks, .filter--links {
        padding-bottom: 0;
        margin-bottom: 20px; }
    .filter--checks .dropdown_submenu, .filter--links .dropdown_submenu {
        background: #F8F8F8;
        padding: 15px 30px 15px 30px;
        margin-top: 0; }
    .filter--checks .filter__title, .filter--links .filter__title {
        display: inline-block;
        padding: 0 0 20px 30px; }
    .filter--checks .dropdown_arr, .filter--links .dropdown_arr {
        margin: 0 20px 0 10px; }
    .filter--checks .selected_filter_item, .filter--links .selected_filter_item {
        padding-left: 30px; }
    .filter--checks .selected_filter_item span, .filter--links .selected_filter_item span {
        display: block;
        margin-top: -18px;
        padding-bottom: 16px; }

    #selected_filters ul {
        max-width: 95%;
        margin-left: auto;
        margin-right: auto; }

    .filter--links {
        border-top: 1px solid #E7E6E6;
        padding-top: 20px; }

    #filters_btn {
        width: 100%;
        margin: 0 auto;
        max-width: 450px;
        position: sticky;
        position: -webkit-sticky; /* Safari */  
        top: 0;
        padding: 38px;
        line-height: 0px;
        font-size: 16px;
        font-weight: 600;

    }

    #filters_btn_close {
        position: absolute;
        right: 14px;
        top: -2px;
        font-size: 20px;
        color: #393E41;
        background: #ffffff;

        font-weight: 900;
        font-size: 35px;
    } 

}
.paginator {
    padding-top: 40px;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    max-width: 450px;
    margin: 0 auto; }
@media (max-width: 480px) {
    .paginator {
        position: relative;
        justify-content: center;
        padding: 20px 24px 0;
        border-top: 1px solid #d8d8d8; } }
.paginator__page {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #949494;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    padding: 0 18px;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle; }
.paginator__page:hover {
    color: #393E41; }
.paginator__page.is-active {
    color: #393E41; }
.paginator__separator {
    text-align: center;
    vertical-align: middle;
    margin: 0 12px;
    cursor: default; }
.paginator__prev-page, .paginator__next-page {
    font-size: 14px;
    font-weight: 400;
    display: flex; }
@media (max-width: 480px) {
    .paginator__prev-page, .paginator__next-page {
        font-size: 0;
        border: 0 !important;
        min-height: 0 !important;
        min-width: 24px;
        padding: 0; } }
@media (max-width: 480px) {
    .paginator__prev-page::before, .paginator__next-page::before {
        content: "";
        width: 12px !important;
        height: 12px !important;
        display: inline-block;
        position: absolute;
        border: 0;
        border-top: 2px solid #191919;
        border-right: 2px solid #191919;
        top: 50%;
        left: 50%;
        transition: 0.3 ease; } }
@media (max-width: 480px) {
    .paginator__prev-page::after, .paginator__next-page::after {
        display: none; } }
.paginator__next-page {
    flex-direction: row-reverse; }
@media (max-width: 480px) {
    .paginator__next-page {
        position: absolute;
        right: 0; }
    .paginator__next-page.button--black::before {
        border-color: #191919; }
    .paginator__next-page.button--gray::before {
        border-color: #d8d8d8; }
    .paginator__next-page::before {
        transform: translate(-50%, -50%) rotate(45deg);
        margin-left: -1px; } }
@media (max-width: 480px) {
    .paginator__prev-page {
        position: absolute;
        left: 0; }
    .paginator__prev-page.button--black::before {
        border-color: #191919; }
    .paginator__prev-page.button--gray::before {
        border-color: #d8d8d8; }
    .paginator__prev-page::before {
        transform: translate(-50%, -50%) rotate(-135deg);
        margin-left: 2px; } }
.paginator__first-page {
    margin-left: 18px; }
@media (max-width: 480px) {
    .paginator__first-page {
        margin: 0; } }
.paginator__last-page {
    margin-right: 18px; }
@media (max-width: 480px) {
    .paginator__last-page {
        margin: 0; } }

/* pagination */
.paginator_arr {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    flex-shrink: 0; }

.paginator_arr::after, .paginator_arr::before {
    content: '';
    height: 1px;
    width: 9px;
    background: #393e41;
    position: absolute;
    margin-top: -1px;
    transform-origin: center;
    transition: transform cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s; }

.paginator_arr.prev_page::before {
    transform: rotate(-35deg);
    left: 0px;
    top: 7px; }

.paginator_arr.prev_page::after {
    transform: rotate(35deg);
    left: 0;
    top: 12px; }

.paginator_arr.next_page::before {
    transform: rotate(35deg);
    right: 0px;
    top: 7px; }

.paginator_arr.next_page::after {
    transform: rotate(-35deg);
    right: 0;
    top: 12px; }

.select {
    position: relative;
    z-index: 1003;
    background-color: #ffffff; }
.touch .select {
    /*display: none;*/ }
.select.is-open {
    z-index: 1030; }
.select__selected {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 9999; }
@media screen and (max-width: 640px) {
    .select__selected {
        justify-content: right; } }
.select__selected-result {
    color: #3b3b3b;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
.select__results {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1001;
    transform: translateY(-200%); }
.select__list::-webkit-scrollbar {
    width: 6px; }
.select__list::-webkit-scrollbar-thumb {
    background: #7a7a7a;
    border-radius: 20px; }
.select__list::-webkit-scrollbar-track {
    background: #e8e8e8;
    border-radius: 20px; }
.select__item {
    line-height: 1.2; }
.select__item--hidden {
    display: none; }
.select__container {
    position: relative;
    background: inherit; }
.select__arrow {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-left: 10px; }
.select__arrow::after, .select__arrow::before {
    content: '';
    height: 2px;
    width: 9px;
    background: #7f7f7f;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    transform-origin: center;
    transition: transform cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s; }
.select__arrow::after {
    transform: rotate(-45deg);
    right: 1px; }
.select__arrow::before {
    transform: rotate(45deg);
    left: 0px; }
.is-open .select__arrow::after {
    transform: rotate(45deg); }
.is-open .select__arrow::before {
    transform: rotate(-45deg); }
.select--normal {
    min-width: 120px;
    overflow: hidden; }
@media screen and (max-width: 768px) {
    .touch .select--normal {
        /*                display: none;*/ } }
@media screen and (max-width: 640px) {
    .select--normal {
        min-width: 100%; } }
.select--normal .select__selected {
    font-size: 12px;
    font-weight: 600;
    overflow: hidden;
    background: inherit;
    padding: 13px 23px 11px;
    border: 1px solid transparent;
    border-bottom: 0; }
.select--normal .select__item {
    margin-bottom: 8px;
    color: #3b3b3b;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none; }
.select--normal .select__results {
    padding: 8px 23px 16px; }
.select--normal .select__list {
    padding: 8px 0 0;
    max-height: 88px;
    overflow-y: auto; }
.select--normal.is-open {
    overflow: visible; }
.select--normal.is-open .select__selected {
    border: 1px solid #cccccc;
    border-bottom: 0; }
.select--normal.is-open .select__selected::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 23px;
    right: 23px;
    height: 1px;
    background: #cccccc; }
.select--normal.is-open .select__results {
    transform: translateY(0);
    background: inherit;
    border: 1px solid #cccccc;
    border-top: 0; }
.select--underlined {
    min-width: 150px;
    overflow: hidden; }
@media screen and (max-width: 340px) {
    .select--underlined {
        min-width: 130px; } }
@media screen and (max-width: 768px) {
    .touch .select--underlined {
        /*display: none;*/ } }
.select--underlined .select__selected {
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    background: inherit;
    padding-right: 10px;
    padding-bottom: 5px;
    border-bottom: 2px solid #7a7a7a; }
.select--underlined .select__item {
    color: #3b3b3b;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    padding: 4px 16px;
    transition: background cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s;
    cursor: pointer; }
.non-touch .select--underlined .select__item:not(.select__list-inner):hover {
    background: rgba(204, 204, 204, 0.4); }
.select--underlined .select__selected-result {
    font-size: 14px;
    font-weight: 400; }
.select--underlined .select__results {
    padding: 4px 0px 12px; }
.select--underlined .select__list {
    padding: 8px 0 0;
    max-height: 140px;
    overflow-y: auto; }
.select--underlined .select__arrow {
    margin-left: 16px; }
.select--underlined .select__arrow::after, .select--underlined .select__arrow::before {
    background: #191919; }
.select--underlined.is-open {
    overflow: visible; }
.select--underlined.is-open .select__results {
    transform: translateY(0);
    background: inherit;
    border: 1px solid #cccccc;
    border-top: 0; }
.select--normal2 {
    overflow: hidden; }
@media screen and (max-width: 768px) {
    .touch .select--normal2 {
        /*display: none;*/ } }
@media screen and (max-width: 640px) {
    .select--normal2 {
        min-width: 100%; } }
.select--normal2 .select__selected {
    font-size: 14px;
    font-weight: 400;
    overflow: hidden;
    background: inherit;
    padding: 6px 12px;
    border: 1px solid #cccccc;
    text-transform: uppercase; }
.select--normal2 .select__item {
    margin-bottom: 8px;
    color: #3b3b3b;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none; }
.select--normal2 .select__selected-result {
    font-size: 14px;
    font-weight: 400;
    line-height: 1; }
.select--normal2 .select__results {
    padding: 8px 23px 16px; }
.select--normal2 .select__list {
    padding: 8px 0 0;
    max-height: 88px;
    overflow-y: auto; }
.select--normal2.is-open {
    overflow: visible; }
.select--normal2.is-open .select__selected {
    border: 1px solid #cccccc;
    border-bottom: 0; }
.select--normal2.is-open .select__selected::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 23px;
    right: 23px;
    height: 1px;
    background: #cccccc; }
.select--normal2.is-open .select__results {
    transform: translateY(0);
    background: inherit;
    border: 1px solid #cccccc;
    border-top: 0; }
.select__box {
    position: relative; }
.select__label {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 400;
    position: absolute;
    z-index: 1006;
    transform: translateY(0px);
    width: 100%;
    max-width: calc(100% - 42px);
    background: #ffffff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all ease 0.4s; }
.select__label.opened {
    font-size: 10px;
    font-weight: 400;
    transform: translateY(-14px); }
.select__inner {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 7px 0;
    margin: 0 -16px; }
.select__inner__item {
    padding: 4px 16px;
    transition: background cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.3s; }
.non-touch .select__inner__item:hover {
    background: rgba(204, 204, 204, 0.4); }
.select__mobile {
    position: relative;
    display: none; }
.touch .select__mobile {
    display: block; }
.touch .select__mobile select {
    width: 100%; }
@media screen and (max-width: 768px) {
    .touch .select__mobile {
        display: block; } }
@media screen and (max-width: 640px) {
    .select__mobile {
        width: 100%; } }
.select__mobile--2 {
    width: 65px;
    border: 1px solid #cccccc;
    padding-right: 11px; }
.select__mobile .select__arrow {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    right: 0; }
.select__mobile select {
    appearance: none;
    color: #3b3b3b;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 600;
    border: 0;
    padding: 13px 23px;
    padding-left: 0;
    background: url("../img/icons/select_arrow.svg");
    background-position: right center;
    background-repeat: no-repeat; }
@media screen and (max-width: 640px) {
    .select__mobile select {
        width: 100%; } }
.select__mobile--2 select {
    color: #3b3b3b;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    padding: 7px 12px;
    padding-right: 0;
    width: 100%;
    line-height: 1;
    text-align: center; }
.select__mobile--underlined {
    border-bottom: 2px solid #7a7a7a; }
.select__mobile--underlined select {
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 400;
    padding: 0;
    padding-right: 43px; }
.select__mobile select::-ms-expand {
    display: none; }

.product__cont {
    display: block;
    display: flex;
    justify-content: center;
    align-items: flex-start; }
@media screen and (max-width: 1024px) {
    .product__cont {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding-left: 0; } }
@media screen and (max-width: 768px) {
    .product__cont {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        align-items: center;
        padding-left: 0; } }
.product__side {
    flex-basis: 50%;
    flex-grow: 1;
    padding-right: 80px;
    float: left;
    width: 50%;
    padding-right: 15px;
    position: relative; }
@media screen and (max-width: 1024px) {
    .product__side {
        width: 100%;
        flex-basis: 50%;
        flex-grow: 1;
        padding-right: 40px; } }
@media screen and (max-width: 768px) {
    .product__side {
        width: 100%;
        flex-basis: 50%;
        flex-grow: 1;
        margin-bottom: 26px;
        padding: 0;
        flex: 0 0 auto;
        max-width: 100%; } }
.product__side--product {
    padding-right: 110px;
    max-width: 500px; }
@media screen and (max-width: 768px) {
    .product__side--product {
        width: 100%;
        max-width: 100%;
        flex: 1 1 auto; } }
@media screen and (max-width: 480px) {
    .product__side--product {
        width: 100%;
        padding-right: 0; } }
.product #product_right {
    padding-right: 0;
    max-width: 100%; }
.product__slide {
    display: block;
    text-align: center;
    height: 500px;
    display: flex;
    justify-content: center;
    position: relative; }
.product__slide picture {
    height: 100%;
    display: block;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column; }
@media screen and (max-width: 768px) {
    .product__slide picture {
        width: 100%; } }
.product__slide picture img {
    height: auto;
    max-height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto; }
.product__labels {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column; }
.product__labels .label {
    min-width: 54px;
    padding: 1px 8px;
    margin-bottom: 0; }
.product__highlights {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    overflow: hidden;
    margin: 0 -18px -10px;
    padding-bottom: 20px; }
@media screen and (max-width: 768px) {
    .product__highlights {
        padding-bottom: 10px; } }
.product__highlight {
    display: flex;
    align-items: center;
    color: #f93943;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 600;
    padding: 0 18px 0px;
    margin-bottom: 10px;
    position: relative; }
.product__highlight:first-of-type::after {
    display: none; }
.product__highlight::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -2px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #d8d8d8; }
@media screen and (max-width: 768px) {
    .product__highlight::after {
        display: none; } }
.product__highligh-icon {
    margin-right: 4px; }
.product__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px; }
@media screen and (max-width: 359px) {
    .product__header {
        flex-direction: column;
        align-items: flex-start; } }
.product #product_top_label {
    letter-spacing: 0.4px;
    color: #393E41;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 800; }
.product__title {
    font-weight: 400;
    margin: 0;
    padding-right: 15px;
    margin-bottom: 8px;
    color: #393E41;
    letter-spacing: 0.8px;
    font-size: 16px; }
.product__title #product_brand {
    font-size: 21px;
    letter-spacing: 2.1px;
    text-transform: uppercase;
    display: block; }
.product__logo {
    position: absolute;
    right: 0;
    top: 0; }
@media screen and (max-width: 480px) {
    .product__logo {
        position: relative;
        max-width: 100px; } }
.product__rating {
    display: flex;
    align-items: center;
    margin-bottom: 26px; }
@media screen and (max-width: 768px) {
    .product__rating {
        margin-bottom: 16px; } }
.product__u-rate {
    color: #3b3b3b;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    display: block;
    margin-left: 3px; }
.product__rate {
    display: block;
    width: 70px;
    height: 14px;
    background: url("../img/icons/stars-gray.svg");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden; }
.product__rate::after {
    content: '';
    position: absolute;
    left: -70px;
    right: 0;
    height: 14px;
    background: url(../img/icons/stars-black.svg);
    background-size: 70px;
    background-repeat: no-repeat; }
.product__rate--1::after {
    left: -57px; }
.product__rate--2::after {
    left: -43px; }
.product__rate--3::after {
    left: -29px; }
.product__rate--4::after {
    left: -15px; }
.product__rate--5::after {
    left: 0px; }
.product__price-cont {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #707070;
    width: 100%; }
.product__price {
    color: #F93943;
    font-size: 18px;
    margin-right: 5px;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0px; }
.product__price small {
    text-transform: none;
    padding-left: 2px; }
.product__price-old {
    color: #393E41;
    text-transform: uppercase;
    line-height: 1;
    position: relative;
    font-size: 18px;
    letter-spacing: 0px; }
.product__price-old small {
    text-transform: none;
    padding-left: 2px; }
.product__price-old::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    height: 1px;
    background-color: #393E41; }
.product__colors {
    overflow: hidden;
    position: relative;
    width: 100%; }
.product__colors #product_fav {
    position: absolute;
    right: 0;
    top: 0; }
.product__colors .slider-small {
    max-width: 100%; }
@media screen and (max-width: 768px) {
    .product__colors .slider-small {
        padding: 0; } }
@media screen and (max-width: 768px) {
    .product__colors .slider-small__arrow {
        display: none; } }
.product__colors-slider {
    display: flex;
    margin: 0 -4px 30px; }
@media screen and (max-width: 768px) {
    .product__colors-slider {
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 10px;
        margin-bottom: 20px; }
    .product__colors-slider::-webkit-scrollbar {
        height: 6px; }
    .product__colors-slider::-webkit-scrollbar-thumb {
        background: #7a7a7a;
        border-radius: 20px; }
    .product__colors-slider::-webkit-scrollbar-track {
        background: #e8e8e8;
        border-radius: 20px; } }
.product__colors-item {
    padding: 0 4px; }
.product__colors-cont {
    display: block;
    padding: 4px 7px;
    border: 1px solid #E2E2E2;
    transition: all ease 0.4s; }
.non-touch .product__colors-cont:hover, .product__colors-cont.is-active {
    border: 1px solid #707070; }
.non-touch .product__colors-cont:hover {
    opacity: 0.8; }
.product__colors-img {
    max-width: 30px; }
.product__color-selected {
    margin-bottom: 10px; }
.product__color-type {
    letter-spacing: 0.38px;
    color: #000000;
    font-size: 15px;
    font-weight: 500; }
.product__color-result {
    letter-spacing: 0.38px;
    color: #000000;
    font-size: 15px;
    font-weight: 400; }
.product__dimmensions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px; }
@media screen and (max-width: 768px) {
    .product__dimmensions {
        margin-bottom: 20px; } }
@media screen and (max-width: 768px) {
    .product__dimmensions .select__box {
        width: 100%; } }
.product__dimmensions .select__mobile {
    margin-bottom: 20px;
    width: 100%; }
.product__dimmensions-title {
    letter-spacing: 0.38px;
    color: #000000;
    font-size: 15px;
    font-weight: 500; }
@media screen and (max-width: 359px) {
    .product__dimmensions-title {
        flex-grow: 1;
        width: 100%;
        margin-bottom: 16px; } }
.product__dimmensions-result {
    color: #3b3b3b;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 400; }
.product__dimmensions-info {
    float: right;
    margin-left: 15px;
    padding-top: 10px; }
@media screen and (max-width: 570px) {
    .product__dimmensions-info {
        display: block;
        width: 100%;
        float: none;
        margin: 10px 0 0 0; } }
.product__dimmensions-info .icon--24 {
    display: inline-block; }
.product__dimmensions-text {
    letter-spacing: 0.3px;
    color: #393E41;
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
    margin-left: 4px; }
.product__dimmensions-sizes {
    flex-grow: 1;
    flex-basis: 100%;
    width: 100%;
    flex-shrink: 0; }
.product__dimmensions-list {
    float: left;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top: 10px;
    max-width: 400px; }
@media screen and (max-width: 570px) {
    .product__dimmensions-list {
        float: none;
        overflow: auto;
        -webkit-overflow-scrolling: touch; } }
.product__dimmensions-item {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    min-width: 30px;
    margin-right: 10px;
    margin-bottom: 10px; }
.product__dimmensions-item:last-child {
    margin-right: 0; }
.product__dimmensions-item.is-active a {
    border-color: 1px solid #393E41;
    background: #393E41;
    color: #fff; }
.product__dimmensions-size {
    display: flex;
    align-items: center;
    letter-spacing: 0.35px;
    color: #707070;
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
    line-height: 30px;
    position: relative;
    border: 1px solid #E2E2E2;
    width: 100%;
    text-align: center;
    display: block;
    padding: 0 7px; }
.product__dimmensions-size:hover {
    border: 1px solid #393E41; }
.product__buttons {
    display: flex;
    align-items: center; }
.product__buttons #phone_order {
    padding-top: 18px; }
.product__buttons #phone_order > span {
    letter-spacing: 0.3px;
    color: #000000;
    font-size: 12px;
    font-weight: 300;
    font-style: italic; }
.product__buttons .anm_btn.black {
    margin-right: 15px;
    line-height: 52px;
    height: 52px; }
.product__buttons .anm_btn {
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    max-width: 250px;
    letter-spacing: 0.75px;
    font-size: 15px; }
.product__buttons .anm_btn:hover .icon {
    color: #393E41; }
.product__buttons .anm_btn:hover .icon .basket_icon {
    fill: #393E41; }
.product__buttons .anm_btn.white:hover .icon {
    color: #fff; }
.product__buttons .anm_btn.white:hover .icon svg {
    fill: #fff; }
.product__buttons span {
    display: inline-block; }
.product__buttons .icon {
    color: #fff;
    margin-left: 3px; }
.product__buttons .icon .basket_icon {
    fill: #fff; }
@media screen and (max-width: 570px) {
    .product__buttons {
        display: block; }
    .product__buttons .anm_btn {
        display: block;
        width: 130%;
        max-width: 100%;
        float: none; } }
.product #product_dropdowns {
    margin-top: 20px;
    position: -webkit-sticky;
    position: sticky;
    top: 0; }
.product #product_dropdowns .css_dropdown {
    border-bottom: 1px solid #707070; }
.product #product_dropdowns .css_dropdown .dropdown_label {
    display: block;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.38px;
    color: #000000;
    padding: 14px 0; }
.product #product_dropdowns .css_dropdown .dropdown_submenu {
    margin: 15px 0; }
.product #product_dropdowns .css_dropdown:first-child {
    border-top: 1px solid #707070; }
.product #product_dropdowns .delivery_info strong, .product #product_dropdowns .delivery_info > span {
    display: block; }
.product #product_accents {
    margin-top: 20px; }
.product #product_accents > div {
    float: left;
    text-align: center;
    width: 250px;
    font-size: 10px;
    letter-spacing: 0.5px;
    color: #F93943;
    text-transform: uppercase;
    font-weight: 600; }
@media screen and (max-width: 570px) {
    .product #product_accents > div {
        float: none;
        width: 100%;
        margin: 0 auto; } }
.product #product_accents > div:first-child {
    margin-right: 15px; }
@media screen and (max-width: 570px) {
    .product #product_accents > div:first-child {
        margin-right: auto; } }
.product #product_accents .icon {
    padding-right: 10px; }
.product #product_accents #accents_delivery {
    position: relative;
    cursor: pointer;
    padding-bottom: 10px; }
@media screen and (max-width: 570px) {
    .product #product_accents #accents_delivery {
        margin-top: 10px; } }
.product #product_accents #accents_delivery .arr_icon {
    fill: #F93943; }
.product #product_accents #accents_delivery:hover {
    color: #393E41; }
.product #product_accents #accents_delivery:hover #delivery_popover {
    display: block; }
.product #product_accents #accents_delivery:hover .arr_icon {
    fill: #393E41; }
.product #product_accents #delivery_popover {
    display: none;
    position: absolute;
    width: 80%;
    left: 10%;
    bottom: -155px;
    color: #393E41;
    text-align: left;
    border: 1px solid #393E41;
    background: #fff;
    padding: 10px;
    z-index: 1; }
.product #product_accents #delivery_popover:hover {
    display: block; }
.product #product_accents #delivery_popover strong, .product #product_accents #delivery_popover span, .product #product_accents #delivery_popover a {
    font-size: 12px;
    text-transform: none;
    line-height: 1.1; }
.product #product_accents #delivery_popover a {
    font-size: 9px; }
.product #product_accents #delivery_popover .text p {
    margin: 0 0 8px; }
.product #product_accents #delivery_popover .delivery_info {
    cursor: auto; }
.product #product_accents #delivery_popover #pop_arr {
    position: absolute;
    left: 0;
    top: -11px;
    display: block;
    text-align: center;
    width: 100%; }
.product #product_accents #delivery_popover #pop_arr:before {
    content: "";
    display: inline-block;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #393e41 transparent; }
.product .product__slider .text_labels {
    position: absolute;
    top: 10px;
    left: 10px;
    padding-bottom: 5px;
    z-index: 3; }
.product .product__slider span {
    font-size: 12px;
    font-weight: 400;
    text-transform: lowercase;
    text-transform: capitalize;
    background: #fff;
    display: inline-block;
    letter-spacing: 0.3px;
    line-height: 25px;
    padding: 0 12px;
    color: #000;
    margin: 0 10px 10px 0;
    border: 1px solid #E7E6E6; }
@media screen and (max-width: 450px) {
    .product .product__slider span {
        font-size: 10px;
        line-height: normal;
        padding: 0 6px; } }
.product .product__slider span.premium {
    background: #D1BA48;
    color: #393E41;
    border: 1px solid #D1BA48; }
.product .product__slider span.extra30 {
    background: repeating-radial-gradient(#ff2ad6, #1b2cb8 85px);
    color: #393E41;
    border: 1px solid #D1BA48; }

.product .product__slider span.pink10 {
    background: repeating-linear-gradient(180deg, #ff3d81, #552A85 100px);
    color: #393E41;
    border: 1px solid #D1BA48; }

.product .product__slider span.midseasonsale {
    background: #e01b2b;
    color: #ffffff;
    border: 1px solid #e01b2b; }
.product .product__slider span.extra20 {
    background: #C0AA9D;
    color: #ffffff;
    /* border: 2px solid #000000; */
    font-weight: 800;
    line-height: 15px;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}
.product .product__slider span.totalsale {
    background: #E11E2B;
    color: #ffffff;
    /* border: 2px solid #000000; */
    font-weight: 800;
    line-height: 15px;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
}
.product .product__slider span.salesanddeals {
    background: #0A264E;
    color: #F00234;
    /* border: 2px solid #000000; */
    font-weight: 800;
    line-height: 15px;
    padding: 2px 7px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}
.product .product__slider span.blackfriday {
    background: #000000;
    line-height: 15px;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #ffffff;
    border: 1px solid #000000; }
.product .product__slider span.extra30 {
    background: repeating-radial-gradient(#ff2ad6, #1b2cb8 85px);
    line-height: 15px;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #ffffff;
    border: 1px solid #000000; }
.product .product__slider span.pink10 {
    background: repeating-linear-gradient(180deg, #ff3d81, #552A85 100px);
    line-height: 15px;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #ffffff;
    border: 1px solid #000000; }
.product .product__slider span.saleout {
    background: #000000;
    line-height: 15px;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #FFFF00;
    border: 1px solid #000000; }
.product .product__slider span.christmas {
    background: #ff0000;
    line-height: 15px;
    padding: 2px 7px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 2px;
    color: #ffffff;
    border: 1px solid #000000; }
@supports (display: flex) {
    .product__side {
        float: none;
        width: 100%; }

    .product__slide {
        height: auto; }

    .product__slide picture img {
        position: relative;
        flex-shrink: 0; } }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .product__side {
        float: none;
        width: 100%; }

    .product__slide {
        height: auto; }

    .product__slide picture img {
        position: relative;
        flex-shrink: 0; } }
.tabs__nav {
    display: flex;
    max-width: 100%;
    overflow: auto;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 13px; }
.tabs__nav::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10px;
    background: #cccccc;
    height: 2px; }
.tabs__nav::-webkit-scrollbar {
    height: 6px; }
.tabs__nav::-webkit-scrollbar-thumb {
    background: #7a7a7a;
    border-radius: 20px; }
.tabs__nav::-webkit-scrollbar-track {
    background: #e8e8e8;
    border-radius: 20px; }
.tabs__nav-item {
    padding: 0 15px 0px;
    flex-shrink: 0; }
.tabs__nav-item:first-of-type {
    padding-left: 0; }
.tabs__nav-item.is-active .tabs__nav-link, .non-touch .tabs__nav-item:hover .tabs__nav-link {
    color: #191919; }
.tabs__nav-item.is-active .tabs__nav-link::after, .non-touch .tabs__nav-item:hover .tabs__nav-link::after {
    transform: scaleX(1);
    transform-origin: 0 50%; }
.tabs__nav-link {
    color: #7a7a7a;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 600;
    display: block;
    position: relative;
    padding-bottom: 5px;
    transition: color ease 0.4s; }
.tabs__nav-link::after {
    pointer-events: none;
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 4px;
    background: #191919;
    z-index: 20;
    transform: scaleX(0);
    transition: transform 250ms ease-in-out;
    transform-origin: 100% 50%; }
.tabs__tab {
    display: none;
    opacity: 0;
    transition: opacity ease 0.4s; }
.tabs__tab.is-active {
    display: block;
    opacity: 1; }
.tabs--wide .tabs__nav {
    max-width: 900px;
    margin: 0 auto 10px;
    width: 100%; }
.tabs--wide .tabs__nav::after {
    display: none; }
.tabs--wide .tabs__nav-item {
    padding: 0;
    width: 100%;
    max-width: 100%;
    text-align: center;
    border-bottom: 2px solid #ededed;
    max-width: 296px; }
@media screen and (max-width: 768px) {
    .tabs--wide .tabs__nav-item {
        max-width: 196px; } }
.tabs--wide .tabs__nav-link {
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    color: #999999; }
.tabs--wide .tabs__nav-link::after {
    height: 2px;
    bottom: -2px; }
.tabs--wide .is-active .tabs__nav-link {
    color: #191919; }

/* text - typography */
.text {
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    overflow: hidden;
    /* Titles styles */
    /* image styles */
    /* List styles */
    /* Ol counter 1, 1.1, 1.1.1 ... */
    /* Ul styles */
    /* Table styles  */
    /* blockquote */ }
.text--center {
    text-align: center; }
.text--small {
    font-size: 15px; }
.text > *:last-child {
    margin-bottom: 0 !important; }
.text small {
    font-size: 12px; }
.text a,
.text span,
.text strong {
    display: inline-block; }
.text a {
    transition: .3s ease;
    text-decoration: underline;
    display: inline-block;
    color: currentcolor; }
.non-touch .text a:hover {
    text-decoration-color: currentcolor; }
.text p {
    font-size: inherit;
    margin-bottom: 20px;
    line-height: 1.4; }
.text h2 {
    color: #191919;
    font-family: 'Vollkorn';
    font-size: 34px; }
.text h3 {
    color: #191919;
    font-family: 'Vollkorn';
    font-size: 30px; }
.text h4 {
    color: #191919;
    font-family: 'Vollkorn';
    font-size: 27px;
    font-weight: 500; }
.text h5 {
    color: #191919;
    font-family: 'Vollkorn';
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 16px; }
.text h6 {
    font-size: 16px;
    font-weight: 700; }
.text h2,
.text h3,
.text h4 {
    line-height: 1.62;
    margin-top: 0;
    margin-bottom: 20px; }
@media (max-width: 480px) {
    .text h2,
    .text h3,
    .text h4 {
        margin-bottom: 15px; } }
.text h5,
.text h6 {
    margin-top: 0;
    margin-bottom: 15px;
    line-height: 1.62; }
@media (max-width: 480px) {
    .text h5,
    .text h6 {
        margin-bottom: 10px; } }
.text img[style*='float: left'], .text img[style*='float:left'] {
    margin: 20px 20px 20px 0; }
@media (max-width: 1024px) {
    .text img[style*='float: left'], .text img[style*='float:left'] {
        max-width: 50%; } }
@media (max-width: 480px) {
    .text img[style*='float: left'], .text img[style*='float:left'] {
        max-width: 100%;
        float: none !important;
        margin: 20px 0;
        display: block; } }
.text img[style*='float: right'], .text img[style*='float:right'] {
    margin: 20px 0 20px 20px; }
@media (max-width: 1024px) {
    .text img[style*='float: right'], .text img[style*='float:right'] {
        max-width: 50%; } }
@media (max-width: 480px) {
    .text img[style*='float: right'], .text img[style*='float:right'] {
        max-width: 100%;
        float: none !important;
        margin: 20px 0;
        display: block; } }
.text li {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.33;
    margin-bottom: 15px;
    position: relative; }
.text li:last-child {
    margin-bottom: 0; }
.text ol {
    counter-reset: section;
    list-style-type: none; }
.text ol li:before {
    counter-increment: section;
    content: counters(section,".") ".";
    margin-right: 7px;
    color: currentcolor; }
.text ol ol {
    margin: 10px 0 0 0;
    padding: 0 0 0 15px; }
.text ul ul {
    margin: 10px 0 0; }
.text ul li {
    padding-left: 20px;
    position: relative; }
@media (max-width: 768px) {
    .text ul li {
        padding-left: 16px; } }
.text ul li:before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 40px 1px 1px 40px;
    background-color: #191919;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 6px; }
.text table {
    border-collapse: collapse;
    margin-bottom: 20px;
    width: 100%;
    color: #000;
    border: 1px solid #000; }
@media (max-width: 1024px) {
    .text table {
        display: block; } }
.text table thead th {
    text-align: center; }
.text table thead th:first-child {
    text-align: left; }
@media (max-width: 1024px) {
    .text table thead {
        display: none; } }
@media (max-width: 1024px) {
    .text table tbody {
        display: block;
        width: 100%;
        border: none; } }
.text table tbody td {
    text-align: center; }
@media (max-width: 1024px) {
    .text table tbody td {
        text-align: left; } }
.text table td,
.text table th {
    padding: 16px 12px; }
.text table th {
    background-color: #cccccc;
    font-size: 14px;
    font-weight: 500; }
@media (max-width: 1024px) {
    .text table tr {
        display: block;
        width: 100%;
        border-bottom: 1px solid #000; }
    .text table tr:last-child {
        margin-bottom: 0;
        border-bottom: none; } }
.text table td {
    font-size: 16px;
    position: relative; }
@media (max-width: 1024px) {
    .text table td {
        font-size: 15px; } }
@media (max-width: 1024px) {
    .text table td {
        border: none;
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 5px 12px; }
    .text table td:first-child {
        padding-top: 12px; }
    .text table td:last-child {
        padding-bottom: 12px; } }
.text blockquote {
    font-size: 16px;
    padding: 50px 20px 30px 20px;
    margin-bottom: 25px; }

@supports (-ms-ime-align: auto) {
    .text a {
        text-decoration: none; }
    .non-touch .text a:hover {
        text-decoration: underline; } }
@media all and (-ms-high-contrast: none) {
    .text a {
        text-decoration: none; }
    .non-touch .text a:hover {
        text-decoration: underline; } }
/* end - typography */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999; }
.modal__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0);
    transition: background ease .4s;
    z-index: 10; }
.modal__cont {
    transform: translateX(100%);
    transition: transform ease-out 0.4s;
    transition-delay: 0.2s;
    background-color: #ffffff;
    position: relative;
    z-index: 12; }
.modal__close {
    position: relative;
    width: 12px;
    height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform-origin: center center;
    transition: transform ease 0.4s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: translate3d(0, 0, 0); }
.modal__close::after, .modal__close::before {
    content: '';
    width: 100%;
    height: 2px;
    display: block;
    background: #191919;
    transform-origin: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 50%;
    margin-left: -50%; }
.modal__close::after {
    transform: rotate(-45deg); }
.modal__close::before {
    transform: rotate(-135deg); }
.non-touch .modal__close:hover {
    transform: rotate(180deg); }
.modal.is-visible .modal__cont {
    transform: translateX(0); }
.modal.is-visible .modal__bg {
    background-color: rgba(25, 25, 25, 0.7); }
.modal--sided .modal__cont {
    max-width: 454px;
    width: 100%;
    max-height: 100vh;
    margin-left: auto;
    padding: 36px 0px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
.modal--large .modal__cont {
    max-width: 665px;
    width: 100%;
    height: 100vh;
    max-height: 100vh;
    padding: 0; }
.modal--center .modal__cont {
    max-width: 556px;
    max-height: calc(100vh - 60px);
    overflow: auto;
    width: 100%;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-250%);
    padding: 0 20px; }
.modal--center .form__label {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%; }
.modal--center .grid__content {
    border: 0; }
.modal--center.is-visible .modal__cont {
    transform: translateY(-50%); }
.modal--center .check-radio__element {
    font-size: 14px; }
.modal--center .modal__close {
    position: absolute;
    top: 24px;
    right: 24px; }
.modal--center .modal__close::after, .modal--center .modal__close::before {
    height: 1px; }
@media screen and (max-width: 768px) {
    .modal--center .form__item--checkradio .check-radio {
        padding-bottom: 20px; } }
@media screen and (max-width: 768px) {
    .modal--center .form__column {
        padding-bottom: 0;
        margin-bottom: -20px; } }
.modal--center .form__column--center {
    margin-bottom: 10px; }
@media screen and (max-width: 768px) {
    .modal--center .form__column--center:last-of-type {
        margin-bottom: 0; } }
.modal--center .select__box {
    padding-top: 10px; }
.modal--center .form__item--checkradio {
    padding-top: 6px; }

.basket__list {
    padding: 0 40px;
    padding: 0 0px 10px 40px;
    margin-right: 26px;
    max-height: calc(100vh - 136px);
    overflow: auto;
    -webkit-overflow-scrolling: touch; }
.basket__list::-webkit-scrollbar {
    width: 6px; }
.basket__list::-webkit-scrollbar-thumb {
    background: #7a7a7a;
    border-radius: 20px; }
.basket__list::-webkit-scrollbar-track {
    background: #e8e8e8;
    border-radius: 20px; }
@media screen and (max-width: 480px) {
    .basket__list {
        padding: 0 12px 10px 10px;
        margin-right: 10px; } }
.basket__close {
    color: #191919;
    position: relative;
    padding-left: 40px;
    padding-right: 18px;
    align-self: flex-start;
    margin-bottom: 10px;
    /*
            &::after {
                content: '';
                position: absolute;
                right: 0;
                top: 0;
                width: 8px;
                height: 8px;
                top: 50%;
                margin-top: -4px;
                border-top: 1px solid $color-black;
                border-right: 1px solid $color-black;
                transform: rotate(45deg);
            }*/ }
.basket__total {
    padding: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    color: #ffffff; }
.basket__total-cont {
    display: flex;
    align-items: center;
    color: #ffffff; }
.basket__total-price {
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 400; }
.basket__total-title {
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 700; }
.basket__empty {
    max-height: calc(100vh - 62px);
    overflow: auto;
    padding: 34px 22px 82px 44px;
    margin-right: 20px;
    -webkit-overflow-scrolling: touch; }
.basket__empty::-webkit-scrollbar {
    width: 6px; }
.basket__empty::-webkit-scrollbar-thumb {
    background: #7a7a7a;
    border-radius: 20px; }
.basket__empty::-webkit-scrollbar-track {
    background: #e8e8e8;
    border-radius: 20px; }
@media screen and (max-width: 480px) {
    .basket__empty {
        margin-right: 10px;
        padding: 22px 12px 40px 22px; } }
.basket__empty-image {
    max-width: 325px;
    width: 100%;
    margin: 0 auto 24px;
    text-align: center; }
.basket__empty-text {
    margin: 0;
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    margin-bottom: 21px;
    padding-bottom: 26px;
    border-bottom: 1px solid #cccccc;
    max-width: 325px;
    margin: 0 auto 21px;
    width: 100%;
    text-align: center; }
.basket__text {
    max-width: 325px;
    margin: 0 auto 18px;
    width: 100%;
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    text-align: center; }

.button--red {
    background: #000;
    border: 0;
    color: #fff; }

.non-touch .button--full:hover::after {
    transform: translateY(100%); }

.button--red::after {
    border-bottom: 4px solid #000;
    background-color: #C20626 !important; }

.button--full::after {
    transform: translateY(0);
    bottom: 0;
    background-color: transparent; }

.button::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    background-color: #191919;
    z-index: -1; }

.button, .button::after {
    transition: all ease .4s; }

.sizes {
    overflow: auto;
    max-width: 100%;
    padding: 36px 27px 20px 40px;
    margin-right: 5px;
    margin-bottom: 16px; }
@media screen and (max-width: 768px) {
    .sizes {
        padding: 36px 10px 20px 20px; } }
.sizes::-webkit-scrollbar {
    width: 6px; }
.sizes::-webkit-scrollbar-thumb {
    background: #7a7a7a;
    border-radius: 20px; }
.sizes::-webkit-scrollbar-track {
    background: #e8e8e8;
    border-radius: 20px; }
.sizes__header {
    position: relative;
    margin-bottom: 1em; }
.sizes__header {
    font-size: 20px; }
@media screen and (min-width: 320px) {
    .sizes__header {
        font-size: calc(20px + 20 * ((100vw - 320px) / 1010)); } }
@media screen and (min-width: 1330px) {
    .sizes__header {
        font-size: 40px; } }
.sizes__title {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding-right: 20px; }
.sizes__title .sizes__icon {
    color: #191919; }
.sizes__icon {
    margin-left: 9px; }
.sizes__close {
    position: absolute;
    right: 0;
    top: 10px; }
.sizes__body {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
.sizes__body > * {
    margin-bottom: 34px; }
.sizes__image {
    max-width: 220px;
    flex-shrink: 0; }
.sizes__text {
    font-size: 14px;
    padding-right: 2.1428571429em;
    padding-top: 4px;
    min-width: 220px;
    width: calc(100% - 220px);
    flex-grow: 1; }
.sizes__tabs {
    display: flex;
    overflow: auto;
    justify-content: space-between; }
.sizes__tab {
    flex-grow: 1;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 700;
    display: block;
    padding-bottom: 15px;
    color: #191919;
    border-bottom: 3px solid #191919;
    text-align: center; }
.sizes__icon {
    color: #f93943; }
.sizes__table-cont {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    padding-bottom: 20px; }
.sizes__table-cont::-webkit-scrollbar {
    height: 6px; }
.sizes__table-cont::-webkit-scrollbar-thumb {
    background: #7a7a7a;
    border-radius: 20px; }
.sizes__table-cont::-webkit-scrollbar-track {
    background: #e8e8e8;
    border-radius: 20px; }
.sizes__table {
    border-collapse: collapse;
    width: 100%;
    overflow: auto; }
.sizes__table th {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
    background-color: #ededed; }
.sizes__table th,
.sizes__table td {
    padding: 10px 15px;
    text-align: center;
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 400;
    border-top: 1px solid #ededed;
    border-right: 1px solid #ededed; }
.sizes__table th:first-of-type,
.sizes__table td:first-of-type {
    padding: 8px 13px;
    width: 90px;
    text-align: right;
    border-right: 1px solid #191919; }
.sizes__table tr:last-of-type td {
    border-bottom: 1px solid #191919; }
.sizes__type td {
    background: #ededed;
    border-top: 2px solid #191919; }
.sizes__type td:first-of-type {
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #191919;
    text-align: center; }

.checkout {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 8px;
    /*
    &__box:last-child {
        margin-bottom: 0!important;
        border-bottom: none!important;    
    }*/ }
@media screen and (max-width: 990px) {
    .checkout {
        display: block; } }
.checkout__aside {
    max-width: 373px;
    width: 100%;
    outline: 1px solid #191919;
    padding: 0 24px;
    align-self: flex-start; }
@media screen and (max-width: 1200px) {
    .checkout__aside {
        max-width: 300px;
        padding: 0 16px; } }
@media screen and (max-width: 990px) {
    .checkout__aside {
        max-width: 100%; } }
.checkout__item {
    position: relative;
    padding-right: 81px; }
@media screen and (max-width: 768px) {
    .checkout__item {
        padding-right: 60px; } }
.checkout__list--large {
    padding-bottom: 32px; }
.checkout__list--large .checkout__item {
    padding: 0; }
.checkout__list--large .m-product__item--large .m-product__top {
    width: calc(100% - 240px); }
@media screen and (max-width: 540px) {
    .checkout__list--large .m-product__item--large .m-product__top {
        width: calc(100% - 95px);
        margin-bottom: 16px; } }
@media screen and (max-width: 540px) {
    .checkout__list--large .m-product__item--large .m-product__controls {
        order: 2;
        width: 100%; } }
.checkout__box {
    margin-bottom: 16px;
    border-bottom: 1px solid #cccccc; }
.checkout__header {
    padding-top: 20px; }
.checkout__header--center {
    width: calc(100% - 373px);
    padding: 0;
    text-align: center; }
@media screen and (max-width: 990px) {
    .checkout__header--center {
        width: 100%; } }
@media screen and (max-width: 480px) {
    .checkout__header {
        padding-top: 10px; } }
.checkout__header--center .checkout__title-large {
    justify-content: center; }
.checkout__title {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 26px;
    text-align: center; }
@media screen and (max-width: 480px) {
    .checkout__title {
        font-size: 14px;
        margin-bottom: 20px; } }
.checkout__title--step {
    font-weight: 400; }
.checkout__title-large {
    color: #191919;
    font-family: 'Vollkorn';
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 28px;
    display: flex;
    align-items: center; }
@media screen and (max-width: 480px) {
    .checkout__title-large {
        font-size: 18px;
        margin-bottom: 20px; } }
.checkout__button {
    width: 100%;
    margin-bottom: 8px; }
@media screen and (max-width: 990px) {
    .checkout__button {
        max-width: 300px;
        margin: 0 auto 8px;
        display: block;
        text-align: center; } }
.checkout__table {
    width: 100%;
    /*
            &__bot {
                margin: -6px -6px 20px;
            }
    */ }
.checkout__table__top {
    margin: -6px -6px 25px; }
.checkout__table__item {
    display: flex;
    justify-content: space-between;
    align-items: center; }
.checkout__table__item > * {
    padding: 6px 6px 0; }
.checkout__table__label {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 400; }
@media screen and (max-width: 480px) {
    .checkout__table__label {
        font-size: 13px; } }
.checkout__table__bot .checkout__label {
    font-weight: 600; }
.checkout__price {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 400; }
.checkout__price sup {
    font-size: 0.75em;
    top: -0.4em;
    margin-left: 2px;
    margin-right: 3px; }
.checkout__price small {
    font-size: 0.75em; }
@media screen and (max-width: 480px) {
    .checkout__price {
        font-size: 14px; } }
.checkout__price--total {
    color: #f93943;
    font-family: 'Jost', sans-serif;
    font-size: 20px;
    font-weight: 600; }
@media screen and (max-width: 480px) {
    .checkout__price--total {
        font-size: 16px; } }
.checkout__price--total sup {
    font-size: 0.7em; }
.checkout__price--total small {
    font-size: 0.6em; }
.checkout .text {
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 400;
    color: #191919;
    line-height: 1.5;
    padding-bottom: 20px; }
.checkout .text h6 {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
    line-height: 1.38; }
.checkout__back-link {
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    color: #191919;
    text-decoration: underline;
    position: relative;
    display: block;
    margin-bottom: 24px; }
.checkout__back-link::before {
    content: '';
    width: 8px;
    height: 8px;
    border-left: 2px solid #191919;
    border-top: 2px solid #191919;
    display: inline-flex;
    transform: rotate(-45deg);
    margin-right: 8px; }
.checkout__promo-code {
    min-width: 145px;
    flex-basis: auto;
    flex-grow: 1;
    flex-shrink: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    flex-basis: 135px; }
.checkout__bot {
    display: flex;
    flex-wrap: wrap;
    margin: -7px -15px;
    padding-bottom: 30px; }
.checkout__bot > * {
    margin: 7px 15px; }
.checkout__button-promo {
    width: 100px;
    min-width: 80px;
    flex-basis: 80px;
    flex-shrink: 0;
    flex-grow: 1; }
.checkout__products {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    padding-top: 16px;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc; }
.checkout__list--small {
    max-height: 118px;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding-right: 16px; }
.checkout__list--small::-webkit-scrollbar {
    width: 2px; }
.checkout__list--small::-webkit-scrollbar-thumb {
    background: #191919; }
.checkout__list--small::-webkit-scrollbar-track {
    background: #cccccc; }
.checkout__info {
    width: calc(100% - 373px);
    padding-right: 40px; }
.checkout__info .accents {
    display: none; }
@media screen and (max-width: 1200px) {
    .checkout__info {
        width: calc(100% - 300px);
        padding-right: 20px; } }
@media screen and (max-width: 990px) {
    .checkout__info {
        width: 100%;
        padding: 0;
        margin-bottom: 40px; } }
.checkout__body {
    background: #fafafa;
    padding: 0 24px 0px;
    margin-bottom: 8px; }
@media screen and (max-width: 990px) {
    .checkout__body {
        padding: 0 16px 0px; } }
@media screen and (max-width: 640px) {
    .checkout__body {
        margin: 0 -5% 8px; } }
.checkout__body:last-child {
    margin-bottom: 0; }
.checkout__hidden {
    padding-top: 26px;
    padding-bottom: 44px;
    display: flex;
    flex-direction: column;
    justify-content: center; }
.checkout__hidden .button {
    align-self: center; }
.checkout__hidden .text {
    margin-bottom: 0; }
.checkout__icon {
    margin-right: 17px;
    color: #f93943; }
.checkout__form {
    padding-bottom: 20px; }
.checkout__form--vertical {
    display: flex;
    justify-content: space-between; }
@media screen and (max-width: 768px) {
    .checkout__form--vertical {
        flex-wrap: wrap; } }
.checkout__form .check-radio {
    margin-bottom: 22px; }
.checkout__form .check-radio .check-radio__element::before,
.checkout__form .check-radio .check-radio__element::after {
    background: transparent; }
.checkout__form .check-radio .check-radio__input:checked ~ .check-radio__element:after {
    background: #000; }
.checkout__form .check-radio__element {
    font-weight: 400; }
.checkout__form__item {
    margin-bottom: 30px; }
.checkout__form-checkradio {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 24px;
    margin: 0 -30px; }
.checkout__form-checkradio .form__error {
    padding: 0 30px;
    align-self: flex-start;
    margin-top: -10px;
    margin-right: auto;
    margin-bottom: 10px; }
.checkout__form-horizontal .form__error, .checkout__form-justified .form__error {
    width: 100%; }
.checkout__form-checkradio.border-b::after {
    left: 30px;
    right: 30px; }
.checkout__form-horizontal {
    padding-bottom: 0; }
.checkout__form-vertical {
    flex-direction: column;
    margin: 0 -30px;
    padding-bottom: 10px; }
.checkout__form-justified {
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 0; }
@media screen and (max-width: 480px) {
    .checkout__form-justified {
        flex-direction: column; } }
.checkout__radio-tab--text {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 5px 60px 20px; }
@media screen and (max-width: 768px) {
    .checkout__radio-tab--text {
        padding: 5px 20px 20px; } }
@media screen and (max-width: 480px) {
    .checkout__radio-tab--text {
        padding: 5px 0px 20px; } }
.checkout__radio-tab--text .text {
    max-width: calc(100% - 87px); }
@media screen and (max-width: 480px) {
    .checkout__radio-tab--text .text {
        max-width: calc(100% - 70px); } }
.checkout__radio-tab-image {
    margin-right: 34px;
    max-width: 53px; }
@media screen and (max-width: 480px) {
    .checkout__radio-tab-image {
        margin-right: 17px; } }
.checkout__radio-tab .text {
    margin-bottom: 0 !important; }
.checkout__radio-tabs--horizontal {
    padding-top: 24px; }
@media screen and (max-width: 768px) {
    .checkout__radio-tabs--vertical {
        max-width: 100%;
        width: 100%; } }
.checkout__radio-tabs--vertical .checkout__radio-tab--text {
    flex-direction: column;
    flex-basis: 212px;
    width: 212px;
    padding: 0; }
@media screen and (max-width: 768px) {
    .checkout__radio-tabs--vertical .checkout__radio-tab--text {
        max-width: 100%;
        width: 100%;
        flex-basis: 100%; } }
.checkout__radio-tabs--vertical .checkout__radio-tab--text .text {
    max-width: 100%; }
.checkout__radio-tabs--vertical .checkout__radio-tab-image {
    max-width: 122px;
    margin-bottom: 8px; }
@media screen and (max-width: 768px) {
    .checkout__form--vertical .form__radio-tabs {
        flex-grow: 1;
        margin: 0;
        padding: 0;
        display: flex;
        max-width: 100%;
        width: 100%; } }
.checkout__form .form__item {
    min-width: 200px; }
@media screen and (max-width: 1024px) {
    .checkout__form .form__item {
        margin-bottom: 10px; } }
@media screen and (max-width: 768px) {
    .checkout__form .form__item {
        min-width: 285px; } }
@media screen and (max-width: 480px) {
    .checkout__form .form__item {
        min-width: 100%; } }
.checkout__form .select, .checkout__form .form__element, .checkout__form .select__label {
    background: #fafafa; }
.checkout__form .form__item--checkradio {
    display: flex;
    justify-content: center;
    padding-bottom: 12px; }
.checkout__form .form__item--checkradio {
    margin: 0 -30px;
    flex-wrap: wrap; }
.checkout__form .form__item--checkradio .check-radio {
    padding-bottom: 12px; }
.checkout__form .check-radio {
    padding: 0 30px; }
.checkout__form .form__row {
    padding-bottom: 0px;
    align-items: flex-end; }
.checkout .checkout__form.checkout__form--vertical .form__row {
    flex: 1 1 100%; }
.checkout__form .form__item--checkradio-justified .check-radio {
    padding-bottom: 12px; }
.checkout__form .form__item--vertical {
    padding-bottom: 7px;
    overflow: hidden; }
.checkout__form .form__item--vertical > * {
    margin-bottom: 22px; }
.checkout__form .form__item--vertical > *:last-of-type {
    margin-bottom: 0; }
.checkout__form .form__item--checkradio-vertical {
    padding-bottom: 7px; }
@media screen and (max-width: 480px) {
    .checkout__body .button {
        padding: 0 10px;
        line-height: 1.2;
        text-align: center; } }
.checkout__message {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    min-height: 500px;
    margin-bottom: 40px;
    padding: 40px; }
@media screen and (max-width: 1024px) {
    .checkout__message {
        min-height: auto; } }
.checkout__message header {
    width: 100%; }
.checkout__message-title {
    color: #ffffff;
    font-family: 'Vollkorn', sans-serif;
    font-weight: 400;
    line-height: 1.125;
    position: relative;
    z-index: 2;
    margin: 0; }
.checkout__message-title {
    font-size: 32px; }
@media screen and (min-width: 320px) {
    .checkout__message-title {
        font-size: calc(32px + 40 * ((100vw - 320px) / 1010)); } }
@media screen and (min-width: 1330px) {
    .checkout__message-title {
        font-size: 72px; } }
.checkout__message-text {
    position: relative;
    z-index: 2;
    margin-bottom: 1.538em; }
.checkout__message-text {
    font-size: 16px; }
@media screen and (min-width: 320px) {
    .checkout__message-text {
        font-size: calc(16px + 10 * ((100vw - 320px) / 1010)); } }
@media screen and (min-width: 1330px) {
    .checkout__message-text {
        font-size: 26px; } }
.checkout__message-label {
    color: #ffffff;
    font-family: 'Jost', sans-serif;
    font-size: inherit;
    font-weight: 400;
    line-height: 1.30;
    margin: 0; }

.m-product__item--unavailiable {
    border-width: 2px;
    border-style: solid;
    border-color: #c20626;
    margin-bottom: 10px; }
.m-product__item--unavailiable .m-product__item--unavailiable__text {
    background-color: #c20626;
    color: white;
    font-size: 11px;
    padding: 5px 0px 5px 10px; }

.profile {
    max-width: 997px;
    width: 100%;
    margin: 0 auto; }
@media screen and (max-width: 768px) {
    .profile {
        padding-top: 20px; } }
.profile__nav {
    position: relative;
    padding: 0 8%; }
@media screen and (max-width: 768px) {
    .profile__nav {
        padding: 0 0 8px; } }
.profile__nav::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #cccccc; }
.profile__body {
    margin-top: 8px; }
.profile__nav-links {
    display: flex;
    justify-content: space-between;
    max-width: 100%;
    position: relative;
    overflow: hidden;
    overflow-x: auto; }
.profile__nav-links::-webkit-scrollbar {
    height: 6px; }
.profile__nav-links::-webkit-scrollbar-thumb {
    background: #7a7a7a;
    border-radius: 20px; }
.profile__nav-links::-webkit-scrollbar-track {
    background: #e8e8e8;
    border-radius: 20px; }
@media screen and (max-width: 768px) {
    .profile__nav-links {
        padding: 0 0 8px; } }
.profile__nav-link {
    color: #191919;
    font-family: 'Vollkorn', sans-serif;
    font-size: 24px;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 10px 3px;
    position: relative;
    margin-bottom: 3px; }
.profile__nav-link.is-active {
    font-weight: 700; }
.profile__nav-link.is-active::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: -2px;
    background-color: #191919;
    height: 4px;
    z-index: 2; }
@media screen and (max-width: 768px) {
    .profile__nav-link {
        font-size: 18px;
        padding: 0 20px 3px; } }
.profile__icon {
    margin: 0 auto 12px;
    color: #f93943; }
@media screen and (max-width: 768px) {
    .profile__icon {
        margin-bottom: 6px;
        height: 24px;
        width: 24px; } }
.profile__box-content {
    text-align: center;
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    align-items: center; }
@media screen and (max-width: 768px) {
    .profile__box-content {
        margin: 0 0 16px; } }
.profile__box-content--grey {
    padding: 52px 20px 46px;
    background-color: #fafafa; }
@media screen and (max-width: 768px) {
    .profile__box-content--grey {
        padding: 30px 20px; } }
.profile__box .title__16 {
    margin-top: 0;
    font-weight: 400; }
.profile__box .text {
    max-width: 500px;
    width: 100%;
    margin: 0 auto;
    margin-bottom: 32px;
    font-size: 12px; }
.profile__box-content--grey .button {
    min-width: 254px; }
.profile__box-content .paginator {
    padding-top: 0;
    border: 0; }
@media screen and (max-width: 640px) {
    .profile__box-content .paginator {
        width: 90%; } }
.profile__wallet-value {
    color: #f93943;
    font-family: 'Jost', sans-serif;
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 15px; }
.profile__name {
    color: #191919;
    font-family: 'Vollkorn';
    font-size: 24px;
    font-weight: 400;
    margin: 0 0 3px; }
.profile__details {
    max-width: 320px;
    display: flex;
    flex-wrap: wrap;
    margin: -6px -12px 10px;
    justify-content: center; }
.profile__details-label {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    position: relative;
    padding: 6px 12px;
    display: block;
    flex-shrink: 0; }
.profile__details-label::before {
    content: '';
    width: 4px;
    height: 4px;
    background-color: #d8d8d8;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%; }
.profile__details-label:first-of-type::before {
    display: none; }
.profile__link-accent {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 400;
    display: block;
    margin-bottom: 30px; }
.profile__links {
    margin: 0 -35px -10px;
    max-width: 400px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
.profile__links a {
    display: block;
    padding: 0 35px 10px; }
@media screen and (max-width: 480px) {
    .profile__links a {
        padding: 0 20px 10px; } }
@media screen and (max-width: 480px) {
    .profile__links {
        justify-content: center;
        margin: 0 -20px -10px; } }
.profile__block-list {
    width: 100%;
    padding-top: 8px;
    margin-bottom: 16px; }
.profile__block-item {
    padding: 21px 24px 21px;
    background-color: #fafafa;
    margin-bottom: 16px;
    max-width: 100%;
    overflow: hidden; }
@media screen and (max-width: 768px) {
    .profile__block-item {
        padding: 16px 17px 0px; } }
@media screen and (max-width: 480px) {
    .profile__block-item {
        margin: 0 0 16px; } }
.profile__block-item--order {
    border-left: 4px solid currentColor; }
@media screen and (max-width: 768px) {
    .profile__block-item--order {
        border: 0;
        border-top: 4px solid currentColor; } }
.profile__block-item--delivered {
    color: #47b516; }
.profile__block-item--progress {
    color: #00aeff; }
.profile__block-item--refused {
    color: #f23c3c; }
.profile__block-item .profile__block-title {
    color: currentColor; }
.profile__block-top {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: left;
    position: relative;
    margin-left: 10px; }
.profile__block-title {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 12px; }
@media screen and (max-width: 480px) {
    .profile__block-title {
        margin-bottom: 8px; } }
.profile__block-labels {
    text-align: left;
    margin: 0px -17px;
    display: flex;
    flex-wrap: wrap; }
@media screen and (max-width: 480px) {
    .profile__block-labels {
        display: block;
        margin-bottom: 16px; } }
.profile__block-label {
    color: #7a7a7a;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    display: block;
    padding: 0px 17px;
    margin-bottom: 15px;
    position: relative;
    line-height: 1.25; }
@media screen and (max-width: 480px) {
    .profile__block-label {
        margin-bottom: 8px; } }
.profile__block-label::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 17px;
    background: #7a7a7a; }
@media screen and (max-width: 480px) {
    .profile__block-label::after {
        display: none; } }
.profile__block-label:last-of-type::after {
    display: none; }
.profile__block-label--b {
    font-weight: 700; }
.profile__block-label--black {
    font-weight: 700;
    color: #191919; }
.profile__block-label--offset {
    margin-top: -10px; }
@media screen and (max-width: 640px) {
    .profile__block-label--offset {
        margin-top: 0; } }
.profile__price {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 22px;
    font-weight: 700; }
.profile__price sup,
.profile__price small {
    font-size: 0.636em; }
.profile__price sup {
    top: -0.4em; }
@media screen and (max-width: 640px) {
    .profile__price {
        font-size: 14px; }
    .profile__price sup {
        font-size: 10px; }
    .profile__price small {
        font-size: 1em; } }
.profile__block-left-side {
    padding-right: 30px; }
.profile__block-right-side {
    display: flex;
    padding-right: 10px;
    align-items: center;
    margin: 0 -20px;
    flex-grow: 1;
    justify-content: flex-end; }
.profile__block-right-side > * {
    padding: 0 20px; }
@media screen and (max-width: 640px) {
    .profile__block-right-side {
        width: 100%;
        margin-bottom: 16px;
        justify-content: flex-start; } }
.profile__block-delete {
    color: #7a7a7a; }
.non-touch .profile__block-delete:hover {
    color: #f93943; }
@media screen and (max-width: 768px) {
    .profile__block-delete {
        position: absolute;
        top: 0px;
        right: 0px;
        padding: 0; } }
.profile__bottom {
    border-top: 1px solid #cccccc;
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: left; }
@media screen and (max-width: 640px) {
    .profile__bottom {
        border: 0;
        padding-top: 10px; } }
.profile__orders {
    padding-bottom: 16px; }
.profile__order-details {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: left;
    margin: 0 -17px 32px;
    max-width: 100%;
    overflow: hidden; }
@media screen and (max-width: 640px) {
    .profile__order-detail {
        margin-bottom: 15px; } }
@media screen and (max-width: 640px) {
    .profile__order-detail .profile__block-label {
        font-size: 12px;
        margin-bottom: 6px; } }
.profile__order-detail .profile__block-label::after {
    display: none; }
.profile__dropdown {
    display: flex;
    align-items: center;
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 600; }
@media screen and (max-width: 640px) {
    .profile__dropdown {
        width: 100%;
        justify-content: space-between; } }
.profile__dropdown-arrow {
    width: 16px;
    height: 16px;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    margin-left: 8px; }
.profile__dropdown-arrow::after, .profile__dropdown-arrow::before {
    content: '';
    height: 2px;
    width: 9px;
    background: #191919;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    transform-origin: center;
    transition: transform cubic-bezier(0.455, 0.03, 0.515, 0.955) 0.4s; }
.profile__dropdown-arrow::after {
    transform: rotate(-45deg);
    right: 1px; }
.profile__dropdown-arrow::before {
    transform: rotate(45deg);
    left: 0px; }
.non-touch .profile__dropdown:hover .profile__dropdown-arrow::after, .profile__dropdown.is-open .profile__dropdown-arrow::after {
    transform: rotate(45deg); }
.non-touch .profile__dropdown:hover .profile__dropdown-arrow::before, .profile__dropdown.is-open .profile__dropdown-arrow::before {
    transform: rotate(-45deg); }
.profile__orders .m-product__item--large {
    padding-right: 14px;
    margin-bottom: 16px; }
@media screen and (max-width: 640px) {
    .profile__orders .m-product__item--large {
        padding-right: 11px; } }
.profile__order-return {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 12px;
    font-weight: 400;
    margin: 0 auto 14px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap; }
.profile__order-return p {
    margin: 0; }
.profile__order-return > * {
    margin: 0 35px; }
@media screen and (max-width: 480px) {
    .profile__order-return {
        flex-direction: column;
        width: 100%; }
    .profile__order-return > * {
        width: 100%;
        margin: 0; }
    .profile__order-return .link {
        text-decoration: underline; } }
.profile__order-return .button {
    width: 185px;
    margin-bottom: 5px; }
@media screen and (max-width: 480px) {
    .profile__order-return .button {
        width: 100%;
        order: -1;
        margin-bottom: 20px; } }
.profile__box-return {
    max-width: 997px;
    width: 100%;
    margin: 0 auto 54px;
    background-color: #fafafa;
    padding: 31px; }
.profile__box-return__text-block {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px 38px 13px;
    border-top: 1px solid #cccccc; }
.profile__box-return__text-block > * {
    padding: 0 30px;
    margin-bottom: 15px !important; }
@media screen and (max-width: 768px) {
    .profile__box-return__text-block {
        padding: 14px 10px 0;
        text-align: center;
        flex-wrap: wrap; } }
.profile__box-return .text {
    max-width: none;
    width: auto; }
.profile__box-return .check-radio__element:before, .profile__box-return .check-radio__element:after {
    background: transparent; }
.profile__box-return .form__element {
    background: transparent; }
.profile__box-return-cont {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    padding-top: 15px;
    padding-bottom: 25px;
    text-align: left; }
.profile__box-return-value {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    flex-shrink: 0; }
.profile__box-return-value .profile__wallet-value {
    font-size: 18px;
    margin: 0; }
.profile__box-return-cont .form__item--checkradio {
    justify-content: space-between;
    display: flex;
    padding-bottom: 17px;
    margin: 0;
    max-width: 480px;
    margin: 0 auto; }
.profile__box-return-cont .form__item--checkradio .check-radio {
    padding-bottom: 15px; }
.profile__box-return-option .form__item {
    max-width: 500px;
    margin: 0 auto; }

.m-product__item {
    display: flex;
    padding-top: 8px;
    padding-bottom: 17px;
    border-bottom: 1px solid rgba(25, 25, 25, 0.2); }
.m-product__img {
    max-width: 116px;
    width: 100%;
    flex: 0 0 auto;
    margin-right: 17px;
    display: flex;
    align-items: flex-start;
    padding-left: 10px; }
.m-product__img > * {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
.m-product__img img {
    width: 100%; }
@media screen and (max-width: 480px) {
    .m-product__img {
        max-width: 60px;
        min-width: 40px;
        flex: 0 1 auto;
        align-items: flex-start; } }
.m-product__top {
    position: relative; }
.m-product__delete {
    position: absolute;
    right: 0;
    top: 4px;
    color: #7a7a7a;
    transition: color ease 0.4s; }
.non-touch .m-product__delete:hover {
    color: #f93943; }
@media screen and (max-width: 480px) {
    .m-product__delete {
        top: 0; } }
.m-product__title {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 20px;
    margin-bottom: 7px;
    display: block;
    max-width: 195px; }
@media screen and (max-width: 480px) {
    .m-product__title {
        font-size: 12px;
        max-width: 175px;
        padding-right: 30px;
        margin-bottom: 0; } }
.m-product__layout {
    flex-grow: 1; }
.m-product__label {
    display: block;
    color: #7a7a7a;
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    margin-bottom: 3px; }
.m-product__label {
    font-size: 12px; }
@media screen and (min-width: 320px) {
    .m-product__label {
        font-size: calc(12px + 0 * ((100vw - 320px) / 1010)); } }
@media screen and (min-width: 1330px) {
    .m-product__label {
        font-size: 12px; } }
.m-product__controls {
    padding-top: 6px;
    display: flex;
    max-width: 100%;
    margin: -8px;
    padding-bottom: 14px; }
.m-product__controls-field {
    padding: 8px; }
.m-product__quantity {
    display: flex;
    width: 78px;
    padding: 5px 8px;
    border: 1px solid #cccccc;
    justify-content: space-between;
    align-items: center; }
.m-product__quantity a {
    line-height: 1; }
.m-product__quantity-minus {
    color: #b2b2b2; }
.m-product__quantity-plus {
    color: #7a7a7a; }
.m-product__quantity-input {
    width: 25px;
    display: block;
    line-height: 1; }
.m-product__quantity-input input {
    text-align: center;
    width: 100%;
    border: 0;
    color: #3b3b3b;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 0; }
.m-product__price {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 19px;
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    font-weight: 700; }
.m-product__price {
    font-size: 14px; }
@media screen and (min-width: 320px) {
    .m-product__price {
        font-size: calc(14px + 5 * ((100vw - 320px) / 1010)); } }
@media screen and (min-width: 1330px) {
    .m-product__price {
        font-size: 19px; } }
.m-product__price small {
    font-size: 0.5263157895em; }
.m-product__price sup {
    font-size: 0.6315789474em; }
@media screen and (max-width: 480px) {
    .m-product__price small,
    .m-product__price sup {
        font-size: 10px; } }
.m-product__text {
    max-width: 240px;
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 17px; }
.m-product__link {
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    text-decoration: underline;
    color: #191919; }
.m-product__link {
    font-size: 12px; }
@media screen and (min-width: 320px) {
    .m-product__link {
        font-size: calc(12px + 6 * ((100vw - 320px) / 1010)); } }
@media screen and (min-width: 1330px) {
    .m-product__link {
        font-size: 18px; } }
.m-product__price-old {
    position: relative;
    color: #595959;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 400;
    display: block; }
.m-product__price-old::after {
    content: '';
    position: absolute;
    bottom: 7px;
    left: 0;
    right: 0;
    height: 1px;
    background: #595959; }
.m-product__price-old sup {
    top: -0.3em; }
.m-product__item--small:only-of-type {
    border: 0; }
.m-product__item--small .m-product__layout {
    max-width: calc(100% - 54px); }
.m-product__item--small .m-product__top {
    position: static; }
.m-product__item--small .m-product__title {
    font-size: 12px;
    margin: 0;
    margin-bottom: 0;
    max-width: 100%;
    padding: 0; }
.m-product__item--small .m-product__label {
    font-size: 10px;
    margin-bottom: 2px; }
.m-product__item--small .m-product__img {
    max-width: 40px;
    min-width: 40px;
    margin-right: 14px; }
.m-product__item--small .m-product__img img {
    width: 100%; }
.m-product__item--small .m-product__price {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 400; }
.m-product__item--small .m-product__price sup {
    font-size: 10px;
    top: -0.4em;
    margin-left: 3px; }
.m-product__item--small .m-product__price small {
    font-size: 10px; }
.m-product__item--large {
    padding: 16px 50px 14px 0;
    background-color: #ffffff;
    position: relative;
    margin-bottom: 8px;
    border: 0; }
@media screen and (max-width: 990px) {
    .m-product__item--large {
        padding: 16px 20px 18px 0; } }
.m-product__item--large .m-product__layout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 -10px;
    max-width: 529px; }
.m-product__item--large .m-product__layout > * {
    padding: 0 10px; }
@media screen and (max-width: 1200px) {
    .m-product__item--large .m-product__layout {
        flex-wrap: wrap; } }
.m-product__item--large .m-product__top {
    align-self: flex-start;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: static;
    width: calc(100% - 125px); }
@media screen and (max-width: 1200px) {
    .m-product__item--large .m-product__top {
        height: auto;
        margin-bottom: 20px; } }
@media screen and (max-width: 640px) {
    .m-product__item--large .m-product__top {
        margin-bottom: 0; } }
.m-product__item--large .m-product__img {
    margin-right: 28px; }
@media screen and (max-width: 1200px) {
    .m-product__item--large .m-product__img {
        margin-right: 14px;
        max-width: 80px; } }
@media screen and (max-width: 1024px) {
    .m-product__item--large .m-product__img {
        margin-right: 14px;
        min-width: 50px;
        max-width: 50px; } }
.m-product__item--large .m-product__title {
    padding-right: 0;
    margin-bottom: 7px;
    max-width: 100%; }
.m-product__item--large .m-product__title {
    font-size: 12px; }
@media screen and (min-width: 320px) {
    .m-product__item--large .m-product__title {
        font-size: calc(12px + 6 * ((100vw - 320px) / 1010)); } }
@media screen and (min-width: 1330px) {
    .m-product__item--large .m-product__title {
        font-size: 18px; } }
@media screen and (max-width: 1024px) {
    .m-product__item--large .m-product__title {
        position: relative; } }
@media screen and (max-width: 480px) {
    .m-product__item--large .m-product__title {
        max-width: 160px; } }
@media screen and (max-width: 640px) {
    .m-product__item--large .m-product__title {
        margin-bottom: 4px; } }
@media screen and (max-width: 359px) {
    .m-product__item--large .m-product__title {
        max-width: 115px; } }
.m-product__item--large .m-product__label {
    margin-bottom: 8px; }
@media screen and (max-width: 640px) {
    .m-product__item--large .m-product__label {
        margin-bottom: 4px; } }
.m-product__item--large .m-product__link {
    margin-top: auto; }
.m-product__item--large .m-product__price {
    font-size: 22px;
    font-weight: 700;
    align-items: flex-start;
    flex-shrink: 0; }
.m-product__item--large .m-product__price {
    font-size: 15px; }
@media screen and (min-width: 320px) {
    .m-product__item--large .m-product__price {
        font-size: calc(15px + 7 * ((100vw - 320px) / 1010)); } }
@media screen and (min-width: 1330px) {
    .m-product__item--large .m-product__price {
        font-size: 22px; } }
.m-product__item--large .m-product__price sup {
    top: -0.4em; }
.m-product__item--large .m-product__price-old {
    margin-top: -18px; }
@media screen and (max-width: 480px) {
    .m-product__item--large .m-product__price-old {
        margin-top: 10px; } }
.m-product__item--large .m-product__delete {
    top: 22px;
    right: 24px; }
@media screen and (max-width: 1024px) {
    .m-product__item--large .m-product__delete {
        right: 10px;
        top: 16px; } }
.m-product__item--large .m-product__controls {
    padding-bottom: 0; }
.m-product__item--radios .m-product__layout {
    flex-wrap: wrap; }
.m-product__item--radios .m-product__top {
    height: auto; }
.m-product__item--radios .select__box {
    padding-top: 10px; }
@media screen and (max-width: 480px) {
    .m-product__item--radios .form__item {
        min-width: auto; } }
.m-product__item--radios .check-radio {
    padding-bottom: 15px; }
.m-product__item--radios .form__item--checkradio {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px -15px; }
@media screen and (max-width: 480px) {
    .m-product__item--radios .form__item--checkradio {
        flex-direction: column; } }
@media screen and (max-width: 480px) {
    .m-product__item--radios .check-radio__element {
        font-size: 12px !important; } }
@media screen and (max-width: 480px) {
    .m-product__item--radios .select__box {
        max-width: 185px; } }
.m-product__return {
    width: 100%;
    flex-grow: 1;
    max-width: 415px;
    padding: 15px 10px 26px !important; }
@media screen and (max-width: 480px) {
    .m-product__return {
        padding: 15px 10px 6px !important; } }
.m-product__radios {
    display: flex;
    align-items: center;
    margin: 0 -15px; }
@media screen and (max-width: 768px) {
    .m-product__radios {
        margin: 0 -10px 10px; } }
@media screen and (max-width: 480px) {
    .m-product__radios {
        align-items: flex-start; } }
.m-product__clear {
    color: #7a7a7a;
    font-family: 'Jost', sans-serif;
    font-size: 10px;
    font-weight: 400;
    display: flex;
    align-items: center;
    padding: 0 15px 25px; }
@media screen and (max-width: 768px) {
    .m-product__clear {
        padding: 0 10px 15px; } }
@media screen and (max-width: 768px) {
    .m-product__clear {
        padding: 5px 10px 15px; } }

.brands__top {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #191919;
    padding: 0 6px 10px; }
@media screen and (max-width: 768px) {
    .brands__top {
        align-items: flex-start;
        flex-direction: column;
        padding-bottom: 30px; } }
.brands__char-list {
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    max-width: 100%; }
.brands__char-list::-webkit-scrollbar {
    height: 6px; }
.brands__char-list::-webkit-scrollbar-thumb {
    background: #7a7a7a;
    border-radius: 20px; }
.brands__char-list::-webkit-scrollbar-track {
    background: #e8e8e8;
    border-radius: 20px; }
@media screen and (max-width: 768px) {
    .brands__char-list {
        padding-bottom: 10px;
        margin-bottom: 16px; } }
.brands__char-item {
    padding: 0 12px; }
.brands__char {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    transition: color ease 0.4s; }
.non-touch .brands__char:hover {
    color: #f93943; }
.brands__char.is-active {
    color: #f93943; }
.brands__filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-grow: 1;
    margin: 0 -14px;
    padding-left: 40px;
    padding-right: 7px;
    flex-shrink: 0; }
@media screen and (max-width: 768px) {
    .brands__filters {
        max-width: 100%;
        padding: 0; } }
.brands__filter {
    padding: 0 14px; }
.brands__filter:nth-of-type(even) {
    border-left: 1px solid #191919; }
.brands__filter-type {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 600; }
.brands__filter-search {
    max-width: 166px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between; }
.brands__filter-search input {
    border: 0;
    width: 100%;
    padding-right: 5px; }
.brands__filter-search-button {
    background: transparent;
    border: 0; }
.brands__list-item {
    display: flex; }
.brands__char-large {
    color: rgba(25, 25, 25, 0.3);
    font-family: 'Vollkorn';
    font-size: 64px;
    font-weight: 400;
    text-transform: uppercase;
    flex-shrink: 0;
    margin-right: 57px;
    line-height: 1; }
.brands__char-large.is-active {
    color: rgba(249, 57, 67, 0.3); }
@media screen and (max-width: 640px) {
    .brands__char-large {
        font-size: 44px;
        margin-right: 32px; } }
.brands__list {
    padding: 0 18px; }
.brands__list-inner {
    columns: 5;
    column-width: 148px;
    column-gap: 80px;
    width: 100%;
    overflow: hidden; }
.brands__list-item {
    padding: 40px 0;
    border-bottom: 1px solid #7a7a7a; }
@media screen and (max-width: 768px) {
    .brands__list-item {
        padding: 17px 0; } }
.brands__list-inner-brand {
    color: #7a7a7a;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 8px;
    background-image: linear-gradient(to right, #191919 0%, #191919 100%);
    background-repeat: repeat-x;
    background-position: 0 200%;
    background-size: 100% 2px;
    transition: all ease 0.4s; }
.non-touch .brands__list-inner-brand:hover {
    color: #191919;
    background-position: 0% 100%; }

#home_brands {
    margin: 80px 0 100px 0; }
@media screen and (min-width: 768px) {
    #home_brands {
        min-height: 135px; } }
@media screen and (min-width: 480px) and (max-width: 768px) {
    #home_brands {
        min-height: 127px; } }
@media screen and (max-width: 480px) {
    #home_brands {
        min-height: 113px; } }
#home_brands .wrapper {
    width: 100%; }
#home_brands .wrapper .cards__cont {
    padding: 0;
    margin: 0; }
#home_brands .wrapper .cards__cont .cards__slider {
    max-width: 100%;
    margin: 0 auto; }
#home_brands .wrapper .cards__cont .cards__item {
    padding: 0;
    max-width: 220px; }
#home_brands .cards__slider {
    border-bottom: 1px solid #e7e6e6;
    padding-bottom: 13px; }
#home_brands a {
    display: block;
    width: 100%;
    text-align: center;
    opacity: 1; }
#home_brands a:hover {
    opacity: 0.3;
    transition: opacity ease 0.4s; }
@media only screen and (min-width: 100px) and (max-width: 740px) {
    #home_brands {
        margin: 30px 0 30px 0; }
    #home_brands .cards__slider {
        border-bottom: none;
        padding-bottom: 0; } }

.fourOfour {
    display: flex;
    align-items: center;
    min-height: 100vh;
    padding: 20px 0;
    position: relative; }
.fourOfour__back {
    color: #ffffff;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    z-index: 20;
    display: inline-flex;
    align-items: center;
    margin-bottom: 61px; }
.fourOfour__back::before {
    content: '';
    height: 9px;
    width: 9px;
    display: inline-flex;
    border-top: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    transform: rotate(-135deg);
    margin-right: 11px; }
.fourOfour__title {
    color: #ffffff;
    font-family: 'Vollkorn';
    font-weight: 400;
    line-height: 1.125;
    position: relative;
    z-index: 20;
    margin: 0; }
.fourOfour__title {
    font-size: 36px; }
@media screen and (min-width: 320px) {
    .fourOfour__title {
        font-size: calc(36px + 36 * ((100vw - 320px) / 1010)); } }
@media screen and (min-width: 1330px) {
    .fourOfour__title {
        font-size: 72px; } }
.fourOfour__subtitle {
    color: #ffffff;
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    line-height: 1.30;
    position: relative;
    margin: 0;
    z-index: 20; }
.fourOfour__subtitle {
    font-size: 16px; }
@media screen and (min-width: 320px) {
    .fourOfour__subtitle {
        font-size: calc(16px + 10 * ((100vw - 320px) / 1010)); } }
@media screen and (min-width: 1330px) {
    .fourOfour__subtitle {
        font-size: 26px; } }
.fourOfour header {
    margin-bottom: 33px; }
.fourOfour .site-logo {
    position: relative;
    z-index: 20;
    display: block;
    margin-top: 67px;
    margin-bottom: 40px; }

.slider-faded {
    position: relative;
    padding: 0 18px; }
.slider-faded__cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden; }
@media screen and (max-width: 768px) {
    .slider-faded__cont {
        overflow: auto;
        padding: 0; }
    .slider-faded__cont::-webkit-scrollbar {
        height: 6px; }
    .slider-faded__cont::-webkit-scrollbar-thumb {
        background: #7a7a7a;
        border-radius: 20px; }
    .slider-faded__cont::-webkit-scrollbar-track {
        background: #e8e8e8;
        border-radius: 20px; } }
.slider-faded__item {
    padding: 0 24px;
    flex-shrink: 0; }
.slider-faded__item img {
    opacity: 1;
    transition: opacity ease 0.4s; }
.non-touch .slider-faded__item img:hover {
    opacity: 0.5; }
.slider-faded .slider-arrows {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 30; }
@media screen and (max-width: 768px) {
    .slider-faded .slider-arrows {
        display: none; } }
.slider-faded .slider-arrows__arrow {
    position: absolute; }

.guide {
    margin: 0 20px;
    padding: 0 37px; }

@media screen and (max-width: 480px) {
    .guide {
        display: none; } }
.guide .guide-container {
    display: flex;
    height: 55px; }

.guide .guide-container .guide-element {
    border: 1px solid #eee;
    width: 189px;
    margin: 10px 5px 0px 5px;
    padding: 10px 5px;
    text-align: center; }

.guide .guide-container .guide-element .guide-link {
    color: #212121;
    font-weight: 700; }

.preview-image {
    position: relative;
    overflow: hidden; }

.preview-image .zoomOutImage {
    width: 100%;
    max-width: 100%;
    padding: 0px; }

.preview-image .zoomInImage {
    position: absolute;
    top: 0px;
    left: 0px;
    min-width: 100%; }

.error_message {
    color: #ff4848;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 400;
    bottom: 18px;
    margin: 0px; }

.success_message {
    color: green;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 400;
    bottom: 18px;
    margin: 0px; }

.admin-bar {
    position: fixed;
    left: 0;
    bottom: 0; }

.admin-bar .btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle; }

.admin-bar .btn-group .btn {
    border-radius: 0; }

@media screen and (max-width: 767px) {
    .display-desktop {
        display: none; } }
@media screen and (min-width: 768px) {
    .display-mobile {
        display: none; } }
@media screen and (max-width: 1024px) {
    .display-laptop {
        display: none; } }
@media screen and (min-width: 1025px) {
    .display-not-laptop {
        display: none; } }
.filter_guide {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 100%;
    position: relative; }
.filter_guide .filter_guide__container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    width: 100%;
    margin: 10px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    overflow-x: auto; }
.filter_guide .filter_guide__container .guide__item {
    padding: 5px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin: 0px 10px; }
.filter_guide .filter_guide__container .guide__item .guide__item__image {
    border-radius: 50%;
    min-width: 95px;
    min-height: 95px;
    max-width: 95px;
    max-height: 95px; }
.filter_guide .filter_guide__container .guide__item .guide__item__text {
    margin: 5px 0px 5px 0px;
    padding: 0px;
    color: #3b3b3b;
    font-size: 12px; }
.filter_guide .container_left {
    margin-left: 30px; }

#header_top {
    height: 35px;
    line-height: 35px;
    font-size: 13px;
    text-align: center;
    background-color: #f7f7f7;
    color: #393e41;
    font-weight: bold; }
@media screen and (max-width: 900px) {
    #header_top {
        font-size: 12px; } }

.fixed-header #header_top {
    display: none; }

.header {
    padding-bottom: 18px; }
.header--logo-center {
    padding: 32px 0; }
@media screen and (max-width: 768px) {
    .header--logo-center {
        padding: 22px 0; } }
.header--logo-center .header__wrapper {
    padding-top: 0 !important;
    justify-content: center !important; }
.header--logo-center .site-logo img {
    display: block; }
.header--transparent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999; }
.header--border {
    margin-bottom: 10px; }
.header--border .header__bot .header__wrapper::after {
    content: '';
    position: absolute;
    bottom: -18px;
    height: 10px;
    max-width: 1256px;
    width: 90%;
    margin: 0 auto;
    background-image: url("../img/header-border.png");
    background-size: cover; }
@media screen and (max-width: 1290px) {
    .header--border .header__bot .header__wrapper::after {
        left: 16px;
        right: 16px;
        transform: translateX(0%);
        width: auto; } }
@media screen and (max-width: 1024px) {
    .header--border .header__bot .header__wrapper::after {
        bottom: 0;
        height: 5px; } }
.header__wrapper {
    max-width: 1256px;
    margin: 0 auto;
    width: 90%; }
.header__top {
    position: relative;
    z-index: 9999; }
.header--light .header__top {
    background: #ffffff; }
.header--dark .header__top {
    background: #191919; }
.header--transparent .header__top {
    background: transparent; }
.header__top .header__wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 35px; }
@media screen and (max-width: 768px) {
    .header__top .header__wrapper {
        flex-wrap: wrap;
        padding-top: 6px; } }
.header__logo {
    margin: 0;
    flex-shrink: 0; }
.header__logo a {
    display: block;
    width: 130px;
    height: 50px; }
@media only screen and (min-width: 100px) and (max-width: 768px) {
    .header__logo a {
        width: 93px;
        height: 40px; } }
@media screen and (max-width: 1024px) {
    .header__logo {
        width: 150px;
        height: 50px; } }
@media screen and (max-width: 640px) {
    .header__logo {
        max-width: 92px;
        flex-shrink: 1; } }
.header__search {
    max-width: 415px;
    width: 100%;
    margin-left: 38px; }
@media screen and (max-width: 1024px) {
    .header__search {
        margin-left: 20px; } }
@media screen and (max-width: 768px) {
    .header__search {
        order: 2;
        max-width: 387px;
        margin-top: 30px;
        margin: 30px auto 0; } }
.header__search .form__item {
    padding: 0;
    min-width: 200px; }
.header__search .form__label {
    padding-left: 12px;
    transform: translateY(2px);
    font-size: 12px;
    letter-spacing: 0.3px;
    color: #949494; }
.header__search .form__label.opened {
    transform: translateY(-5px); }
@media only screen and (min-width: 100px) and (max-width: 768px) {
    .header__search {
        width: 100%;
        max-width: 100%; } }
.header__search-field .form__element {
    padding-right: 40px;
    border-bottom: 1px solid transparent;
    height: 32px;
    background: transparent; }
.header--light .header__search-field .form__element {
    border-color: #191919;
    color: #191919; }
.header--dark .header__search-field .form__element {
    border-color: #ffffff;
    color: #ffffff; }
.header--transparent .header__search-field .form__element {
    border-color: #ffffff;
    color: #ffffff; }
.header__search-field button {
    background: 0;
    border: 0;
    position: absolute;
    top: 50%;
    margin-top: -14px;
    right: 12px;
    height: 21px;
    width: 21px;
    z-index: 20; }
.header--light .header__search-field button {
    color: #7a7a7a; }
.header--dark .header__search-field button {
    color: #ffffff; }
.header--transparent .header__search-field button {
    color: #ffffff; }
.header__toolbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 30px;
    flex-shrink: 0; }
@media screen and (max-width: 640px) {
    .header__toolbox {
        margin-left: 25px; } }
.header__toolbox-cont {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0;
    margin: 0 -10px;
    position: relative; }
@media screen and (max-width: 768px) {
    .header__toolbox-cont {
        margin-right: 0; } }
.header__toolbox-item {
    padding: 0 8px;
    text-decoration: none;
    display: block;
    line-height: 1; }
.header__toolbox-link {
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    margin-right: 38px;
    line-height: 1;
    display: block; }
.header--light .header__toolbox-link {
    color: #7a7a7a; }
.header--dark .header__toolbox-link {
    color: #ffffff; }
.header--transparent .header__toolbox-link {
    color: #ffffff; }
@media screen and (max-width: 768px) {
    .header__toolbox-link {
        display: none; } }
.header__toolbox-cont--sub.is-active .header__submenu, .non-touch .header__toolbox-cont--sub:hover .header__submenu {
    opacity: 1;
    z-index: 40;
    visibility: visible; }
.header__toolbox-cont--sub.is-active .header__icon--profile, .non-touch .header__toolbox-cont--sub:hover .header__icon--profile {
    background-image: url("../img/icons/profile-full.svg"); }
.header__submenu {
    position: absolute;
    right: 10px;
    width: 205px;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    transition: opacity ease 0.4s; }
.header__submenu-list {
    margin-top: 12px;
    padding: 16px 18px;
    border: 1px solid #cccccc;
    border-top: 4px solid #191919;
    background: #ffffff; }
.header__submenu-item {
    margin-bottom: 18px;
    position: relative; }
.header__submenu-item:last-of-type {
    margin-bottom: 0; }
.header__submenu-link {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 14px; }
.header__submenu-link--small {
    font-size: 12px;
    color: #7a7a7a;
    cursor: pointer; }
.header__icon {
    width: 20px;
    height: 20px;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center; }
.header--light .header__icon--profile {
    background-image: url("../img/icons/profile.svg"); }
.header--dark .header__icon--profile {
    background-image: url("../img/icons/profile-white.svg"); }
.header--transparent .header__icon--profile {
    background-image: url("../img/icons/profile-white.svg"); }
.header--light .header__icon--favourite {
    background-image: url("../img/icons/favourite.svg"); }
.header--dark .header__icon--favourite {
    background-image: url("../img/icons/favourite-white.svg"); }
.header--transparent .header__icon--favourite {
    background-image: url("../img/icons/favourite-white.svg"); }
.non-touch .header__icon--favourite:hover {
    background-image: url("../img/icons/favourite-red.svg"); }
.header__icon--favourite-red {
    background-image: url("../img/icons/favourite-red.svg");
    /*
    @include themify($themes) {
        background-image: url("../img/icons/favourite-red.svg");
    }

    .non-touch &:hover{
        background-image: url('../img/icons/favourite-red.svg');
    }*/ }
.header--light .header__icon--basket {
    background-image: url("../img/icons/basket-d.svg"); }
.header--dark .header__icon--basket {
    background-image: url("../img/icons/basket.svg"); }
.header--transparent .header__icon--basket {
    background-image: url("../img/icons/basket.svg"); }
.header__toolbox-basket {
    position: relative; }
.header__circle-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 4px 7px 4px;
    line-height: 1;
    background-color: #f93943;
    color: #ffffff;
    font-family: 'Jost', sans-serif;
    font-size: 10px;
    font-weight: 700;
    position: absolute;
    top: 9px;
    left: 16px;
    right: 4px;
    width: 17px;
    height: 17px; }
@media screen and (max-width: 640px) {
    .header__circle-icon {
        left: 16px; } }
.header__bot {
    padding-top: 25px;
    position: relative; }
.header--light .header__bot {
    background: #ffffff; }
.header--dark .header__bot {
    background: #191919; }
.header--transparent .header__bot {
    background: transparent; }
@media screen and (max-width: 1024px) {
    .header__bot {
        padding: 0; }
    .header--light .header__bot {
        background: #ffffff; }
    .header--dark .header__bot {
        background: #191919; }
    .header--transparent .header__bot {
        background: transparent; } }
.header__bot .header__wrapper {
    transition: transform ease 0.4s; }
@media screen and (max-width: 1024px) {
    .header__bot .header__wrapper {
        transform: translateY(-200%);
        position: absolute;
        left: 0;
        right: 0;
        background: #fff;
        z-index: 9998;
        padding: 30px 0;
        width: 100%;
        margin-top: 10px;
        border-bottom: 5px solid #000; } }
.header__bot .header__wrapper.is-active {
    transform: translateY(0%); }
.header__nav-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0; }
@media screen and (max-width: 1024px) {
    .header__nav-list {
        flex-direction: column;
        align-items: flex-start;
        margin: 0; } }
@media screen and (min-width: 1024px) {
    .header__nav-item__new {
        padding-left: 0px; }
    .header__nav-item__plus-size {
        border-left: 1px solid #393E41;
        padding-left: 20px; }
    .header__nav-item__new a {
        font-weight: 800;
        color: #393E41 !important; }
    .header__nav-item__plus-size a {
        font-weight: 800;
        color: #243666 !important; }
    .header__nav-item__sale a {
        font-weight: 800;
        color: #F93943 !important; } 
    .header__nav-item__bf a {
        line-height: 15px;
        padding: 2px 7px;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 2px;
        color: #ffffff !important;
        background:#000000;
    } 
    .header__nav-item__christmas__sale a {
        font-weight: 800;
        color: #ffffff !important; 
        background:#ff0000;
        letter-spacing:2px;
        padding:0px 5px 0px 5px;

    } 

}
@media screen and (max-width: 1024px) {
    .header__nav-item__new a span {
        font-weight: 800; }
    .header__nav-item__plus-size a span {
        color: #243666 !important;
        font-weight: 800; }
    .header__nav-item__new a:after {
        display: none; }
    .header__nav-item__plus-size a:after {
        display: none; }
    .header__nav-item__sale {
        border-bottom: none; }
    .header__nav-item__sale a span {
        font-weight: 800;
        color: #F93943 !important; }
    .header__nav-item__sale a:after {
        display: none; } 

    .header__nav-item__bf {
        border-bottom: none; }
    .header__nav-item__bf a span {


        line-height: 15px;
        padding: 2px 7px;
        font-size: 16px;
        font-weight: 700;
        letter-spacing: 2px;
        color: #ffffff !important;
        background:#000000;

    }
    .header__nav-item__bf a:after {
        display: none; } 

    .header__nav-item__christmas__sale {
        border-bottom: none; 
        margin:0px !important;
    }
    .header__nav-item__christmas__sale a span {
        font-weight: 800;
        color: #ffffff !important;
        background:#ff0000;
        padding: 0px 50px !important;
    }
    .header__nav-item__christmas__sale a:after {
        border-color:#ffffff !important;
        margin:0px 50px;
        display: none; } 

}
@media screen and (max-width: 1024px) {
    .header__nav-item {
        position: relative;
        width: 100%;
        padding: 8px 16px 8px 16px;
        overflow: hidden; } }
.header__nav-link {
    font-size: 14px;
    text-decoration: none;
    display: flex;
    align-items: center;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    color: #000 !important; }
.header--light .header__nav-link {
    color: #191919; }
.header--dark .header__nav-link {
    color: #ffffff; }
.header--transparent .header__nav-link {
    color: #ffffff; }
@media screen and (max-width: 1024px) {
    .header__nav-link {
        padding-right: 40px; }
    .header--light .header__nav-link {
        color: #ffffff; }
    .header--dark .header__nav-link {
        color: #ffffff; }
    .header--transparent .header__nav-link {
        color: #ffffff; } }
.header__nav-link--external {
    display: inline-flex;
    justify-content: space-between;
    align-items: center; }
.header__nav-link--external::before {
    content: '';
    height: 9px;
    width: 9px;
    display: inline-flex;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    order: 2;
    margin-top: 5px;
    margin-left: 11px; }
.header--light .header__nav-link--external::before {
    border-color: #191919; }
.header--dark .header__nav-link--external::before {
    border-color: #ffffff; }
.header--transparent .header__nav-link--external::before {
    border-color: #ffffff; }
@media screen and (max-width: 1024px) {
    .header__nav-link--external::before {
        height: 6px;
        width: 6px;
        margin-left: 5px; }
    .header--light .header__nav-link--external::before {
        border-color: #ffffff; }
    .header--dark .header__nav-link--external::before {
        border-color: #ffffff; }
    .header--transparent .header__nav-link--external::before {
        border-color: #ffffff; } }
.header--light .header__nav-link--red {
    color: #f93943 !important; }
.header--dark .header__nav-link--red {
    color: #ffffff !important; }
.header--transparent .header__nav-link--red {
    color: #ffffff !important; }
.header__nav-link::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    transform-origin: center center;
    transform: scale(0);
    opacity: 0;
    transition: all ease 0.4s; }
.header--light .header__nav-link::after {
    background: #191919; }
.header--dark .header__nav-link::after {
    background: #ffffff; }
.header--transparent .header__nav-link::after {
    background: #ffffff; }
@media screen and (max-width: 1024px) {
    .header__nav-link::after {
        height: 3px;
        transform-origin: left center;
        transform: scale(1); }
    .header--light .header__nav-link::after {
        background: #ffffff; }
    .header--dark .header__nav-link::after {
        background: #ffffff; }
    .header--transparent .header__nav-link::after {
        background: #ffffff; } }
.header__nav--icon {
    margin-right: 7px; }
.header__nav-expand {
    height: 40px;
    width: 40px;
    position: absolute;
    right: 10px;
    top: 0;
    display: none; }
.header__nav-expand::after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px; }
.header--light .header__nav-expand::after {
    border-color: #ffffff; }
.header--dark .header__nav-expand::after {
    border-color: #ffffff; }
.header--transparent .header__nav-expand::after {
    border-color: #ffffff; }
@media screen and (max-width: 1024px) {
    .header__nav-expand {
        display: block; } }
.non-touch .header__nav-link:hover::after {
    transform: scale(1);
    opacity: 1; }
@media screen and (max-width: 1024px) {
    .non-touch .header__nav-link:hover::after {
        transform: scale(0);
        opacity: 0; } }

.header__nav-more {
    height: 40px;
    width: 40px;
    position: absolute;
    right: 10px;
    top: 0;
    display: none; }

.header__nav-more::after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px; }

.header--light .header__nav-more::after {
    border-color: #000; }

.header--dark .header__nav-more::after {
    border-color: #000; }

.header--transparent .header__nav-more::after {
    border-color: #000; }

@media screen and (max-width: 1024px) {
    .header__nav-more {
        display: block; } }
.header--light .header__nav-expand::after {
    border-color: #000 !important; }

.mega-menu {
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    overflow: hidden;
    margin-top: 1px;
    visibility: hidden;
    z-index: 999999998;
    /*
        &::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 1px;
            background: $color-border;
            transform-origin: center center;
            transform: scale(0);
            transition: transform ease 0.4s;
            z-index: 2000;
    
            @media screen and(max-width: $tablet-h) {
                display: none;
            }
        }*/ }
@media screen and (max-width: 1024px) {
    .mega-menu {
        position: relative;
        display: none; } }
.mega-menu__outer-wrapper {
    z-index: 1000;
    transform: translateY(-200%);
    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.12);
    transition: transform ease-out 0.5s;
    background: #ffffff;
    position: absolute; }
@media screen and (max-width: 1024px) {
    .mega-menu__outer-wrapper {
        box-shadow: none;
        background: #fff; } }
.mega-menu__wrapper {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 20px 0 20px;
    border-bottom: 3px solid #000000; }
@media screen and (max-width: 1290px) {
    .mega-menu__wrapper {
        padding: 20px 16px; } }
@media screen and (max-width: 1024px) {
    .mega-menu__wrapper {
        flex-direction: column;
        padding: 16px 8px 0; } }
.mega-menu__lists {
    column-count: 4;
    column-gap: 20px;
    flex-grow: 1;
    flex-basis: 60%;
    max-width: 1256px;
    margin: 0 auto; }
@media screen and (max-width: 1024px) {
    .mega-menu__lists {
        margin-left: 0; } }
@media screen and (max-width: 1024px) {
    .mega-menu__lists {
        column-count: 1; } }
.mega-menu__list {
    column-width: 167px;
    break-inside: avoid;
    margin-bottom: 24px; }
@media screen and (max-width: 1024px) {
    .mega-menu__list {
        margin-bottom: 0; } }
@media screen and (max-width: 1024px) {
    .mega-menu__list:last-of-type .mega-menu__item .mega-menu__link--title {
        margin-bottom: 0; } }
.mega-menu__banner {
    flex-basis: 40%;
    display: flex;
    padding-left: 7%;
    flex-direction: column; }
.mega-menu__banner__title {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 16px;
    margin: 0 0 8px; }
.mega-menu__banner .banner {
    max-width: 367px;
    width: 100%;
    min-height: 242px; }
@media screen and (max-width: 1024px) {
    .mega-menu__banner {
        display: none; } }
.mega-menu__link {
    color: #191919;
    font-family: 'Jost', sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none;
    display: inline-block; }
@media screen and (max-width: 1024px) {
    .mega-menu__link {
        display: none; } }
.mega-menu__link--title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000 !important; }
@media screen and (max-width: 1024px) {
    .mega-menu__link--title {
        display: inline-block; }
    .header--light .mega-menu__link--title {
        color: #ffffff; }
    .header--dark .mega-menu__link--title {
        color: #ffffff; }
    .header--transparent .mega-menu__link--title {
        color: #ffffff; } }
.mega-menu__link--all {
    font-size: 12px;
    line-height: 17px;
    text-decoration: underline; }
.mega-menu__item:last-of-type .mega-menu__link {
    margin-bottom: 0; }
@media screen and (max-width: 1024px) {
    .mega-menu__item:last-of-type .mega-menu__link {
        margin-bottom: 10px; } }

.header__nav-item.is-open .header__nav-link::after,
.non-touch .header__nav-item:hover .header__nav-link::after {
    transform: scale(1);
    opacity: 1; }
.header__nav-item.is-open .mega-menu,
.non-touch .header__nav-item:hover .mega-menu {
    visibility: visible;
    transition-delay: 200ms; }
.header__nav-item.is-open .mega-menu::before,
.non-touch .header__nav-item:hover .mega-menu::before {
    transform: scale(1); }
.header__nav-item.is-open .mega-menu__outer-wrapper,
.non-touch .header__nav-item:hover .mega-menu__outer-wrapper {
    transform: translateY(0);
    position: relative;
    transition-delay: 200ms; }

.sandwitch {
    display: none;
    margin-left: 20px; }
@media only screen and (min-width: 100px) and (max-width: 360px) {
    .sandwitch {
        margin-left: 15px; } }
@media screen and (max-width: 1024px) {
    .sandwitch {
        display: block;
        padding: 0; } }
.sandwitch__btn {
    width: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden; }
.sandwitch__btn::before, .sandwitch__btn::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 6px;
    margin-left: -8px;
    width: 15px;
    height: 3px;
    border-radius: 15px;
    transition: transform ease 0.4s; }
.header--light .sandwitch__btn::before, .header--light .sandwitch__btn::after {
    background-color: #191919; }
.header--dark .sandwitch__btn::before, .header--dark .sandwitch__btn::after {
    background-color: #ffffff; }
.header--transparent .sandwitch__btn::before, .header--transparent .sandwitch__btn::after {
    background-color: #ffffff; }
.sandwitch__btn::before {
    transform: rotate(-45deg) translateX(200%); }
.sandwitch__btn::after {
    transform: rotate(45deg) translateX(-200%); }
.sandwitch span {
    display: block;
    height: 2px;
    width: 100%;
    margin-bottom: 6px;
    transition: transform ease 250ms;
    background-color: #1d1d1b;
    border-bottom: 1px solid #b3b3b2; }
.header--light .sandwitch span {
    background-color: #191919; }
.header--dark .sandwitch span {
    background-color: #ffffff; }
.header--transparent .sandwitch span {
    background-color: #ffffff; }
.sandwitch span:first-of-type {
    transition-delay: 200ms;
    border-bottom: none; }
.sandwitch span:last-of-type {
    margin-bottom: 0;
    transition-delay: 250ms; }
.sandwitch__btn.is-active::before {
    transform: rotate(-45deg) translateX(0%); }
.sandwitch__btn.is-active::after {
    transform: rotate(45deg) translateX(0%); }
.sandwitch__btn.is-active span {
    transform: translateX(-200%); }

.header__top.fixed-header {
    position: fixed;
    top: 0;
    width: 100%;
    -webkit-box-shadow: 0px 1px 3px 1px #dddddd;
    -moz-box-shadow: 0px 1px 3px 1px #dddddd;
    box-shadow: 0px 1px 3px 1px #dddddd; }
.header__top.fixed-header .header__wrapper {
    padding: 5px 0; }
.header__top.fixed-header .header__wrapper img {
    width: 90px; }
.header__top.fixed-header .header__logo a {
    padding-top: 5px; }
@media only screen and (min-width: 100px) and (max-width: 768px) {
    .header__top.fixed-header .header__wrapper img {
        width: 70px; } }

.header__top.fixed-header + .header__bot {
    padding-top: 150px; }

.checkout-page .header__top.fixed-header {
    position: relative !important; }

@media screen and (max-width: 770px) {
    .header__top.fixed-header .header__search {
        display: none; } }
#advertising {
    background: #f7f7f7;
    text-align: center;
    margin-bottom: 50px;
    min-height: 52px; }
#advertising ul {
    padding: 8px 0 10px 0; }
#advertising li {
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    border-left: 1px solid #393e41;
    padding: 0 2%;
    width: 31.333333333%;
    color: #393e41;
    letter-spacing: 1.2px;
    font-weight: 600; }
#advertising li a {
    color: #393e41;
    position: relative; }
#advertising li a:hover::after {
    transform: scale(1); }
#advertising li a:after {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
    height: 1px;
    background: #393e41;
    transition: all ease 0.4s;
    transform: scale(0);
    transform-origin: center center; }
#advertising li:first-child {
    border-left: none; }
@media only screen and (min-width: 100px) and (max-width: 768px) {
    #advertising {
        display: none; } }

.basket__close .icon--10 {
    width: 15px;
    height: 15px; }

.mega-menu__wrapper .group .title {
    padding-bottom: 8px; }

.mega-menu__wrapper {
    padding: 32px 0 70px 0; }

#mobile_menu {
    width: 278px;
    margin: 50px auto;
    border-left: 3px solid #000000;
    position: relative;}
#mobile_menu a {
    color: #393e41; }
#mobile_menu #close_btn {
    cursor: pointer;
    padding: 0 0 0 14px;
    background: transparent;
    border: none;
    font-weight: 900;
    font-size: 35px;
    line-height: 35px; }

#close_btn span {
    font-size:14px !important;
    font-weight:400;
    line-height: 50px; }
#mobile_menu .title {
    letter-spacing: 0.35px;
    font-weight: 700;
    font-size: 14px;
    text-transform:uppercase;
    padding: 20px 49.5px 15px 49.5px; }
#mobile_menu .menu {
    background: #F8F8F8; }
#mobile_menu .menu .nav_item:last-child {
    border-bottom: none; }
#mobile_menu .menu .nav_item.opened .category_title span {
    font-weight: 700; }
#mobile_menu .menu .nav_item.opened a:after {
    transform: rotate(-45deg) !important; }
#mobile_menu .menu .category_title {
    border-bottom: 1px solid #f1f1f1; }
#mobile_menu .menu .nav_item {
    border-bottom: 1px solid #f1f1f1;
    margin: 0 49.5px; }
#mobile_menu .menu .nav_item a {
    display: table;
    width: 100%;
    position: relative;
    width: 100%;
    height: 48px; }
#mobile_menu .menu .nav_item a span {
    display: table-cell;
    vertical-align: middle;
    letter-spacing: 0.35px;
    font-size: 14px;
    color: #393e41;
    padding-right: 19px; }
#mobile_menu .menu .nav_item a:after {
    content: '';
    width: 10px;
    height: 10px;
    display: block;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    transform: rotate(45deg);
    position: absolute;
    top: 25px;
    right: 5px;
    margin-top: -5px;
    margin-left: -5px;
    border-color: #878181; }
#mobile_menu .menu .nav_item .seeAll {
    text-decoration: underline; }
#mobile_menu .menu .nav_item .removeArrow:after {
    display: none; }
#mobile_menu .menu a.brand:after {
    display: none; }
#mobile_menu .menu .new a span {
    font-weight: 800; }
#mobile_menu .menu .new a:after {
    display: none; }
#mobile_menu .menu .sales {
    border-bottom: none; }
#mobile_menu .menu .sales a span {
    font-weight: 800;
    color: #F93943; }
#mobile_menu .menu .sales a:after {
    display: none; }
#mobile_menu .menu #brands_item {
    background: #fff;
    margin: 0;
    padding: 0 49.5px;
    border-bottom: none;
    line-height: 60px; }
#mobile_menu .menu #brands_item span {
    font-weight: 700; }
#mobile_menu .menu #brands_item a:after {
    display: none; }
#mobile_menu .menu .all_brands {
    text-decoration: underline; }
#mobile_menu .shop_by {
    padding: 0 0 0 7px; }
#mobile_menu .shop_by .title {
    letter-spacing: 0.35px;
    font-weight: 700;
    font-size: 14px;
    padding: 25px 0 20px 35.5px; }
#mobile_menu .shop_by li {
    /* height: 90px;*/
    width: 250px;
    margin-bottom: 14px;
    position: relative; }
#mobile_menu .shop_by a {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    width: 100%;
    height: 100%;
    padding-left: 15px; }
#mobile_menu .shop_by a span {
    display: table-cell;
    vertical-align: middle;
    text-transform: uppercase;
    letter-spacing: 0.35px;
    font-size: 14px;
    font-weight: 600;
    padding-right: 90px; }
#mobile_menu #account_block {
    margin: 30px 0;
    background-color: #F8F8F8;
    padding: 14px 14px 14px 14px;
    background-repeat: no-repeat;
    background-size: 250px 180px;
    background-position: 14px 14px;
    background-image: url(../img/mobile_menu/programa.png); }
#mobile_menu #account_block #links {
    text-align: center;
    margin: 25px 0; }
#mobile_menu #account_block #links a {
    font-size: 14px;
    color: #393e41; }
#mobile_menu #account_block #links a:first-child {
    padding-right: 10px;
    border-right: 1px solid #393e41; }
#mobile_menu #account_block #links a:last-child {
    padding-left: 8px; }
#mobile_menu #contacts {
    width: 80%;
    border-top: 1px solid #f1f1f1;
    text-align: center;
    margin: 0 auto;
    padding: 20px 0; }
#mobile_menu #contacts div {
    margin-top: 10px;
    padding-left: 15px; }
#mobile_menu #contacts div, #mobile_menu #contacts a {
    font-size: 14px;
    font-weight: 500;
    color: #393e41; }
#mobile_menu #sub_menu .nav_item a:after {
    transform: rotate(135deg); }
#mobile_menu #sub_menu .sec_level li {
    border-bottom: 1px solid #f1f1f1; }
#mobile_menu #sub_menu .sec_level a span {
    padding: 0px; }
#mobile_menu #sub_menu .sec_level a span .img {
    padding-right: 0;
    width: 50px;
    padding: 0px 5px 0px 0px; }
#mobile_menu #sub_menu .sec_level a:after {
    display: none; }

/* Typography */
.text {
    /* floating images */
    /* end of floating images */
    /* Video embed */
    /* end of Video embed */ }
.text--center {
    text-align: center; }
.text p {
    margin: 0 0 10px; }
.text p:last-child {
    margin-bottom: 0; }
.text .text > :last-child {
    margin-bottom: 0; }
.text img {
    margin-bottom: 1.25em;
    max-width: 100%; }
.center .text img {
    margin-left: auto;
    margin-right: auto; }
.text img[style*='float: left'] {
    margin: 0.5em 1.25em 1.25em 0;
    max-width: 50%; }
.text img[style*='float: right'] {
    margin: 0.5em 0 1.25em 1.25em;
    max-width: 50%; }
@media (max-width: 480px) {
    .text img[style*='float: left'],
    .text img[style*='float: right'] {
        margin: 0 0em 1.25em 0;
        max-width: 100%;
        float: none !important; } }
.text .video-embed-wrapper {
    width: 50%;
    margin: 0.5em auto 1.25em auto; }
.text .video-embed-wrapper--left {
    float: left;
    margin-right: 1.25em; }
.text .video-embed-wrapper--right {
    float: right;
    margin-left: 1.25em; }
.text .video-embed-wrapper--full {
    width: 100%; }
.text .video-embed {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    height: 0;
    margin: 0 auto; }
.text .video-embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.footer {
    padding: 90px 0 0 0; }
.footer__wrapper {
    max-width: 1196px;
    width: 90%;
    margin: 0 auto;
    overflow: hidden; }
@media screen and (max-width: 1200px) {
    .footer__wrapper {
        min-width: 50%;
        flex-grow: 1; } }
.footer__top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: -16px -16px 0px; }
@media screen and (max-width: 768px) {
    .footer__top {
        margin: -10px -16px 0px; } }
.footer__group {
    padding: 16px; }
@media screen and (max-width: 768px) {
    .footer__group {
        min-width: 50%;
        flex-grow: 1;
        padding: 10px 16px; } }
.footer__title {
    color: #393e41;
    font-weight: 400;
    font-size: 15px;
    text-decoration: none;
    display: block;
    text-transform: uppercase;
    letter-spacing: 0.38px; }
.footer__title strong {
    font-weight: 500; }
@media screen and (max-width: 768px) {
    .footer__title {
        margin-bottom: 0.8571428571em; } }
.footer__list {
    margin-bottom: 8px; }
.footer__link {
    color: #393e41;
    font-size: 14px;
    text-decoration: none;
    letter-spacing: 0.35px; }
@media screen and (max-width: 900px) {
    .footer__link {
        font-size: 13px;
        letter-spacing: 0.33px; } }
.footer .link::after {
    background: #393e41; }
.footer__external-link {
    color: #393e41;
    font-size: 13px;
    text-decoration: none;
    display: inline-flex;
    align-items: center; }
.footer__external-link::before {
    content: '';
    height: 6px;
    width: 6px;
    display: inline-flex;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    transform: rotate(45deg);
    order: 2;
    margin-left: 5px; }
.footer__text {
    color: #393e41;
    font-size: 13px;
    line-height: 1.2; }
.footer__text--large {
    color: #3b3b3b;
    font-size: 14px; }
.footer__list-2 {
    display: flex;
    font-size: 0;
    align-items: center;
    margin: 0 -8px -4px; }
@media screen and (max-width: 768px) {
    .footer__list-2 {
        margin: 0 -8px -4px; } }
.footer__item-2 {
    padding: 4px 8px; }
.footer__bot .bot_block {
    float: right;
    width: 47%; }
.footer__bot .bot_block:first-child {
    float: left; }
.footer__bot .bot_heading {
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
    border-bottom: 1px solid #393e41;
    padding-bottom: 25px;
    margin-bottom: 20px;
    letter-spacing: 0.38px; }
@media screen and (max-width: 900px) {
    .footer__bot .bot_heading {
        letter-spacing: 0.75px; } }
.footer__bot .social li:first-child a {
    display: block;
    height: 21px;
    width: 21px;
    cursor: pointer; }
.footer__bot .social li:first-child a svg {
    background: #000;
    color: #fff; }
.footer #designed {
    background: #000;
    margin-top: 82px; }
.footer #designed div {
    max-width: 1196px;
    width: 90%;
    margin: 0 auto; }
.footer #designed div span {
    color: #f7f7f7;
    font-size: 13px;
    line-height: 34px;
    letter-spacing: 0.33px;
    opacity: 0.92; }
.footer #designed div span {
    display: block;
    float: right; }
.footer #designed div span:first-child {
    float: left; }
@media only screen and (min-width: 100px) and (max-width: 420px) {
    .footer #designed {
        text-align: center;
        margin-top: 48px;
        padding: 5px 0; }
    .footer #designed div span {
        float: none !important;
        line-height: 20px !important; } }
@media only screen and (min-width: 100px) and (max-width: 525px) {
    .footer {
        background-color: #f7f7f7;
        padding: 48px 0 0 0; }
    .footer .footer__bot .bot_block {
        float: none;
        width: 100%;
        margin: 0; }
    .footer .bot_block:first-child {
        margin: 40px 0 48px 0; } }

/* ==========================================================================
   Helper classes
   ========================================================================== */
.center {
    text-align: center !important; }

.align-left {
    text-align: left !important; }

.align-right {
    text-align: right !important; }

.nowrap {
    white-space: nowrap !important; }

.no-margin {
    margin: 0 !important; }

.hidden {
    display: none !important; }

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

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    -webkit-clip-path: none;
    clip-path: none;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit; }

.invisible {
    visibility: hidden; }

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

.clearfix:after {
    clear: both; }

.clearfix {
    *zoom: 1; }

/* upgrade browser */
.upgrade-browser {
    position: relative;
    z-index: 10000;
    padding: 10px 60px;
    text-align: center;
    background-color: #ffe490; }
.upgrade-browser a {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px 0 0;
    width: 50px;
    height: 50px;
    font-size: 0;
    background: url("../img/browser-sprite.jpg") no-repeat -1000px 0; }
.upgrade-browser a.chrome {
    background-position: 0px 0px; }
.upgrade-browser a.ie {
    background-position: -50px 0px; }
.upgrade-browser a.firefox {
    background-position: -100px 0; }
.upgrade-browser a.opera {
    background-position: -150px 0; }
.upgrade-browser a.safari {
    background-position: -200px 0; }
.upgrade-browser span {
    display: inline-block;
    margin: 10px;
    font-size: 16px;
    line-height: 18px; }
.upgrade-browser__warning {
    position: absolute;
    top: 10px;
    right: 10px;
    height: 50px;
    width: 50px;
    cursor: pointer;
    background: url("../img/browser-sprite.jpg") no-repeat -250px 0; }

/* end of upgrade browser */
/* Print styles */
@media print {
    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; }

    a[href]:empty::before {
        content: attr(href); } }
#black_friday .newsletter__cont {
    background-image: url("../img/bf_bg.png"); }

/*# sourceMappingURL=sass.css.map */

.breadcrumb_wrapper {
    min-height: 67px;
}
@media screen and (max-width: 768px) {
    .breadcrumb_wrapper {
        display: none;
    }
}

@media only screen and (min-width: 1200px) {
    #section_last_view {
        min-height: 377px; 
    }

    .cards_recomendations {
        min-height: 447px; 
    } 

    .accents {
        min-height: 83px;
    }

    .accents .accents__item {
        min-height: 43px;
    }

    .newsletter {
        min-height: 292px;
    }

    .newsletter .large-wrapper {
        min-height: 291px;
    }

    .newsletter .newsletter__title {
        min-height: 45px;
    }

    .newsletter .newsletter__fields {
        min-height: 100px;
    }

    .newsletter .form__column .check-radio {
        min-height: 19px;
    }

    .product {
        min-height: 853px; 
    } 

    .product .product__slider-cont {
        min-height: 604px;
    }

    .product .product__slider-cont .preview_image_container {
        min-height: 81px;
    }

    .product #product_right #product_top_label {
        min-height: 23px;
    }

    .product #product_right .product__header {
        min-height: 60px;
    }

    .product #product_right .product__price-cont {
        min-height: 47px;
    }

    .product #product_right .product__colors {
        min-height: 63px;
    }

    .product #product_right .product__dimmensions {
        min-height: 74px;
    }

    .product #product_right .product__buttons {
        min-height: 87px;
    }

    .product #product_right #product_accents {
        min-height: 29px;
    }

    .product #product_right #product_dropdowns {
        min-height: 529px;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    #section_last_view {
        min-height: 377px; 
    }

    .cards_recomendations {
        min-height: 447px; 
    } 

    .accents {
        min-height: 83px;
    }

    .accents .accents__item {
        min-height: 43px;
    }

    .newsletter {
        min-height: 292px;
    }

    .newsletter .large-wrapper {
        min-height: 291px;
    }

    .newsletter .newsletter__title {
        min-height: 45px;
    }

    .newsletter .newsletter__fields {
        min-height: 100px;
    }

    .newsletter .form__column .check-radio {
        min-height: 19px;
    }

    .product {
        min-height: 853px; 
    } 

    .product .product__slider-cont {
        min-height: 604px;
    }

    .product .product__slider-cont .preview_image_container {
        min-height: 81px;
    }

    .product #product_right #product_top_label {
        min-height: 23px;
    }

    .product #product_right .product__header {
        min-height: 60px;
    }

    .product #product_right .product__price-cont {
        min-height: 47px;
    }

    .product #product_right .product__colors {
        min-height: 63px;
    }

    .product #product_right .product__dimmensions {
        min-height: 74px;
    }

    .product #product_right .product__buttons {
        min-height: 102px;
    }

    .product #product_right #product_accents {
        min-height: 29px;
    }

    .product #product_right #product_dropdowns {
        min-height: 529px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
    #section_last_view {
        min-height: 377px; 
    }

    .cards_recomendations {
        min-height: 447px; 
    } 

    .accents {
        min-height: 153px;
    }

    .accents .accents__item {
        min-height: 43px;
    }

    .newsletter {
        min-height: 292px;
    }

    .newsletter .large-wrapper {
        min-height: 291px;
    }

    .newsletter .newsletter__title {
        min-height: 45px;
    }

    .newsletter .newsletter__fields {
        min-height: 125px;
    }

    .newsletter .form__column .check-radio {
        min-height: 19px;
    }

    .product {
        min-height: 876px; 
    } 

    .product #product_right #product_top_label {
        min-height: 23px;
    }

    .product #product_right .product__header {
        min-height: 60px;
    }

    .product #product_right .product__price-cont {
        min-height: 47px;
    }

    .product #product_right .product__colors {
        min-height: 63px;
    }

    .product #product_right .product__dimmensions {
        min-height: 74px;
    }

    .product #product_right .product__buttons {
        min-height: 102px;
    }

    .product #product_right #product_accents {
        min-height: 29px;
    }

    .product #product_right #product_dropdowns {
        min-height: 529px;
    }
}
@media screen and (min-width: 640px) and (max-width: 768px) {
    #section_last_view {
        min-height: 356px; 
    }

    .cards_recomendations {
        min-height: 469px; 
    } 

    .accents {
        min-height: 188px;
    }

    .accents .accents__item {
        min-height: 43px;
    }

    .newsletter {
        min-height: 303px;
    }

    .newsletter .large-wrapper {
        min-height: 302px;
    }

    .newsletter .newsletter__title {
        min-height: 43px;
    }

    .newsletter .newsletter__fields {
        min-height: 150px;
    }

    .newsletter .form__column .check-radio {
        min-height: 19px;
    }

    .product {
        min-height: 1500px; 
    } 

    .product .product__slider-cont {
        min-height: 690px;
    }

    .product #product_right #product_top_label {
        min-height: 23px;
    }

    .product #product_right .product__header {
        min-height: 60px;
    }

    .product #product_right .product__price-cont {
        min-height: 47px;
    }

    .product #product_right .product__colors {
        min-height: 63px;
    }

    .product #product_right .product__dimmensions {
        min-height: 74px;
    }

    .product #product_right .product__buttons {
        min-height: 87px;
    }

    .product #product_right #product_accents {
        min-height: 29px;
    }

    .product #product_right #product_dropdowns {
        min-height: 510px;
    }
}
@media screen and (min-width: 480px) and (max-width: 640px) {
    #section_last_view {
        min-height: 356px; 
    }

    .cards_recomendations {
        min-height: 390px; 
    } 

    .accents {
        min-height: 188px;
    }

    .accents .accents__item {
        min-height: 57px;
    }

    .newsletter {
        min-height: 303px;
    }

    .newsletter .large-wrapper {
        min-height: 302px;
    }

    .newsletter .newsletter__title {
        min-height: 43px;
    }

    .newsletter .newsletter__fields {
        min-height: 150px;
    }

    .newsletter .form__column .check-radio {
        min-height: 19px;
    }

    .product {
        min-height: 1380px; 
    } 

    .product .product__slider-cont {
        min-height: 500px;
    }

    .product #product_right #product_top_label {
        min-height: 19px;
    }

    .product #product_right .product__header {
        min-height: 60px;
    }

    .product #product_right .product__price-cont {
        min-height: 47px;
    }

    .product #product_right .product__colors {
        min-height: 63px;
    }

    .product #product_right .product__dimmensions {
        min-height: 74px;
    }

    .product #product_right .product__buttons {
        min-height: 87px;
    }

    .product #product_right #product_accents {
        min-height: 29px;
    }

    .product #product_right #product_dropdowns {
        min-height: 470px;
    }
}
@media screen and (min-width: 359px) and (max-width: 480px) {
    #section_last_view {
        min-height: 381px; 
    }

    .cards_recomendations {
        min-height: 415px; 
    } 

    .accents {
        min-height: 220px;
    }

    .accents .accents__item {
        min-height: 73px;
    }

    .newsletter {
        min-height: 321px;
    }

    .newsletter .large-wrapper {
        min-height: 320px;
    }

    .newsletter .newsletter__title {
        min-height: 43px;
    }

    .newsletter .newsletter__fields {
        min-height: 168px;
    }

    .newsletter .form__column .check-radio {
        min-height: 37px;
    }

    .product {
        min-height: 1200px; 
    } 

    .product .product__slider-cont {
        min-height: 350px;
    }

    .product #product_right #product_top_label {
        min-height: 19px;
    }

    .product #product_right .product__header {
        min-height: 82px;
    }

    .product #product_right .product__price-cont {
        min-height: 47px;
    }

    .product #product_right .product__colors {
        min-height: 63px;
    }

    .product #product_right .product__dimmensions {
        min-height: 115px;
    }

    .product #product_right .product__buttons {
        min-height: 139px;
    }

    .product #product_right #product_accents {
        min-height: 49px;
    }

    .product #product_right #product_dropdowns {
        min-height: 529px;
    }
}
@media screen and (max-width: 359px) {
    #section_last_view {
        min-height: 381px; 
    }

    .cards_recomendations {
        min-height: 415px; 
    } 

    .accents {
        min-height: 220px;
    }

    .accents .accents__item {
        min-height: 73px;
    }

    .newsletter {
        min-height: 321px;
    }

    .newsletter .large-wrapper {
        min-height: 320px;
    }

    .newsletter .newsletter__title {
        min-height: 43px;
    }

    .newsletter .newsletter__fields {
        min-height: 168px;
    }

    .newsletter .form__column .check-radio {
        min-height: 37px;
    }

    .product {
        min-height: 1300px; 
    } 

    .product .product__slider-cont {
        min-height: 316px;
    }

    .product #product_right #product_top_label {
        min-height: 19px;
    }

    .product #product_right .product__header {
        min-height: 111px;
    }

    .product #product_right .product__price-cont {
        min-height: 47px;
    }

    .product #product_right .product__colors {
        min-height: 63px;
    }

    .product #product_right .product__dimmensions {
        min-height: 115px;
    }

    .product #product_right .product__buttons {
        min-height: 139px;
    }

    .product #product_right #product_accents {
        min-height: 49px;
    }

    .product #product_right #product_dropdowns {
        min-height: 548px;
    }
}

.listing_products {
    min-height: 800px;
}

.listing_products .listing_wrapper {
    min-height: 725px;
}

#listing_heading #category_title {
    min-height: 44px;
}

.listing__filters .filter {
    min-height: 36px;
}

.listing__top {
    min-height: 70px;
}

.listing__cards__list_container {
    min-height: 580px;
    width: 100%;
}

@media only screen and (min-width: 1200px) {
    .listing_products .listing_heading {
        min-height: 70px
    }

    #mobile_btn_filters {
        min-height: 40px;
    }

    .paginator {
        min-height: 62px;
    }

    .listing__cards__item_active {
        min-height: 410px;
    }

    .banner_container {
        min-height: 361px;
    }

    #selected_filters {
        min-height: 49px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1200px) {
    .listing_products .listing_heading {
        min-height: 70px
    }

    #mobile_btn_filters {
        min-height: 40px;
    }

    .paginator {
        min-height: 62px;
    }

    .listing__cards__item_active {
        min-height: 391px;
    }

    .banner_container {
        min-height: 308px;
    }

    #selected_filters {
        min-height: 49px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .listing_products .listing_heading {
        min-height: 70px
    }

    #mobile_btn_filters {
        min-height: 40px;
    }

    .paginator {
        min-height: 62px;
    }

    .listing__cards__item_active {
        /*min-height: 339px;*/
    }

    .banner_container {
        min-height: 232px;
    }

    #selected_filters {
        /*min-height: 49px;*/
    }
}

@media screen and (min-width: 640px) and (max-width: 768px) {
    .listing_products .listing_heading {
        min-height: 68px
    }

    #mobile_btn_filters {
        min-height: 38px;
    }

    .paginator {
        min-height: 62px;
    }

    .listing__cards__item_active {
        /*min-height: 334px;*/
    }

    .banner_container {
        min-height: 196px;
    }

    #selected_filters {
        /*min-height: 39px;*/
    }
}

@media screen and (min-width: 480px) and (max-width: 640px) {
    .listing_products .listing_heading {
        min-height: 68px
    }

    #mobile_btn_filters {
        min-height: 38px;
    }

    .paginator {
        min-height: 62px;
    }

    .listing__cards__item_active {
        /*min-height: 334px;*/
    }

    .banner_container {
        min-height: 146px;
    }

    #selected_filters {
        /*min-height: 39px;*/
    }
}

@media screen and (min-width: 359px) and (max-width: 480px) {
    .listing_products .listing_heading {
        min-height: 68px
    }

    #mobile_btn_filters {
        min-height: 38px;
    }

    .paginator {
        min-height: 43px;
    }

    .listing__cards__item_active {
        /*min-height: 331px;*/
    }

    .banner_container {
        min-height: 109px;
    }

    #selected_filters {
        /*min-height: 39px;*/
    }
}

@media screen and (max-width: 359px) {
    .listing_products .listing_heading {
        min-height: 68px
    }

    #mobile_btn_filters {
        min-height: 38px;
    }

    .paginator {
        min-height: 43px;
    }

    .listing__cards__item_active {
        /*min-height: 339px;*/
    }

    .banner_container {
        min-height: 100px;
    }

    #selected_filters {
        /*min-height: 77px;*/
    }
}

#shop_now .banners__item:nth-child(odd) {
    float: left;
}
#shop_now .banners__item {
    margin-bottom: 65px;
}

@media only screen and (min-width : 100px) and (max-width : 740px) {
    #shop_now .banners__item {
        float: none!important;
    }
}


@media screen and (min-width: 768px) {
    .product_brand_more__header {
        padding: 0 20px;
    }
    .product_brand_more__listing {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
    .product_brand_more__listing__container {
        width: 63%;
        margin: 0 -20px;
    }
    .product_brand_more__listing__container__item {
        flex-direction: row;
        flex-wrap: wrap;
        display: flex;
    }
    .product_brand_more__listing__image {
        width: 37%;
        position: relative;
        height: auto;
        margin-bottom: 10px;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }
    .product_brand_more__all {
        justify-content: center;
        margin: 10px 0px 20px 0px;
    }
    .product_brand_more__all__link {
        min-width: 150px;
    }
}

.outfit_section {
    background: #F7F7F7 0% 0% no-repeat padding-box; opacity: 1; padding: 20px;
}

.outfit_section .outfit_section_title {
    font: normal normal bold 15px/20px Jost; letter-spacing: 0.38px; color: #000000; opacity: 1;
}

.outfit_container {
    background: #FFFFFF 0% 0% no-repeat padding-box; opacity: 1; display: flex; flex-direction: row; margin-bottom: 10px;
}

.outfit_container .outfit_image_container {
    width: 128px; opacity: 1; padding: 0px 10px 0px 10px; vertical-align: top;
}

.outfit_container .outfit_details_container {
    padding: 10px 0px 10px 0px; width: 100%;
}

.outfit_container .outfit_details_container .outfit_detail_brand {
    height: 23px; text-align: left; font: normal normal 600 16px/16px Jost; letter-spacing: 1.6px; color: #393E41;
}

.outfit_container .outfit_details_container .outfit_detail_name {
    height: 19px; text-align: left; font: normal normal normal 13px/16px Jost; letter-spacing: 0.33px; color: #000000;
}

.outfit_container .outfit_details_container .outfit_detail_color {
    text-align: left; font: normal normal medium 12px/20px Jost; letter-spacing: 0.3px; color: #949494;
}

.outfit_container .outfit_details_container .outfit_detail_size_text {
    text-align: left; font: normal normal medium 12px/20px Jost; letter-spacing: 0.3px; color: #949494; opacity: 1;
}

.outfit_container .outfit_details_container .outfit_detail_size {
    width: 16px; height: 19px; text-align: left; font: normal normal medium 13px/20px Jost; letter-spacing: 0.33px; color: #393E41; opacity: 1;
}

.outfit_container .outfit_details_container .outfit_detail_prices {
    display: flex; 
    flex-direction: row; 
    margin: 15px 15px 0px 0px; 
    justify-content: space-between;
    flex-wrap: wrap;
}

.outfit_container .outfit_details_container .outfit_detail_prices .outfit_detail_prices_container {
    /*white-space: nowrap;*/
}

.outfit_container .outfit_details_container .outfit_detail_prices .outfit_detail_buy_button {
    width: 110px; 
    height: 35px; 
    border: 1px solid #707070; opacity: 1; 
    justify-content: center; 
    min-height: auto !important;
}

.outfit_container .outfit_details_container .outfit_detail_prices .outfit_detail_buy_button .outfit_buy_button {
    width: 110px; height: 35px; border: 1px solid #707070; opacity: 1; padding: 0px; 
    line-height: 30px;
    color: #393E41;
    background: #FFF;

}

.outfit_container .outfit_details_container .outfit_detail_prices .outfit_detail_buy_button .outfit_buy_button:hover {
    color: #FFF;
    background: #393E41;

}

.outfit_container .outfit_details_container .outfit_detail_prices .outfit_detail_buy_button .outfit_buy_button .outfit_buy_button_text {
    width: 54px; height: 22px; text-align: left; font: normal normal normal 15px/22px Jost; letter-spacing: 0.75px;opacity: 1;
}

.preview_images_container .preview_image_radio_container {
    width: 80px;
    margin: 10px 0px;
    padding: 0px 30px;
}

.preview_images_container .preview_image_radio_container .preview_image_container_radio {
    width: 20px; 
    height: 20px; 
    border: 1px solid #000000; 
    opacity: 1;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border-radius: 50%;
    position: relative;
}

.preview_images_container .preview_image_radio_container .preview_image_container_radio .preview_image_container_radio_dot {
    display: none;
}

.preview_images_container .preview_image_radio_container .preview_image_container_radio_selected {
    width: 20px; 
    height: 20px; 
    border: 1px solid #000000; 
    opacity: 1;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border-radius: 50%;
    position: relative;
}

.preview_images_container .preview_image_radio_container .preview_image_container_radio_selected .preview_image_container_radio_dot {
    position: absolute;
    border-radius: 50%;
    top: 3px;
    left: 3px;
    bottom: 3px;
    right: 3px;
    width: 12px;
    height: 12px;
    background-color: #000000;
} 

.pictures_container {
    display: flex;
    flex-direction: column;
    position: relative;
}

.pictures_container .invisible_image {
    opacity: 0;
    height:100%;
    min-height: 600px;
    margin-top: 250px;
}

.pictures_container .pictures_container_scroll {
    position: absolute;
    top: 0px;
    right: 0px;
    height:100%;
    display: flex;
    flex-direction: column;
    overflow-y: scroll;
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}

.pictures_container .pictures_container_scroll::-webkit-scrollbar {
    display: none;
}

.pictures_container .pictures_container_scroll .scrollable_image {
    height: auto;
}

.pictures_container .pictures_container_scroll .scrollable_image img {
    width: 100%;
}

.couriers_container {
    display: flex;
    flex-direction: row;
}

.couriers_container .courier_container {
    flex-grow: 1;
    padding: 5px 10px 5px 10px;
    cursor: pointer;
    display: flex;
    height: 60px;
    align-items: center;
    color: rgba(25, 25, 25, 0.6);
    border: 1px solid #FFFFFF;
}

.couriers_container .couirier_selected {
    border: 1px solid #000000;
}

.couriers_container .courier_container .courier_icon img {
    width: 40px;
    height: 40px;
}

.couriers_container .courier_container .courier_text {
    flex-grow: 2;
    padding-left: 5px;
}

.couriers_container .courier_container .courier_prices {
    text-align: right;
}

/**
NEW - ADD TO SCSS later
*/