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

body {
    margin: 0
}

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;
    -webkit-text-decoration: underline dotted;
    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
}

[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
}
/* 
@font-face {
    font-family: 'Graphik';
    src: url("../fonts/graphik-lc-web/GraphikLCWeb-Regular.woff2") format("woff2"), url("../fonts/graphik-lc-web/GraphikLCWeb-Regular.woff") format("woff"), url("../fonts/graphik-lc-web/GraphikLCWeb-Regular.ttf") format("truetype");
    font-weight: 400
}

@font-face {
    font-family: 'Graphik';
    src: url("../fonts/graphik-lc-web/GraphikLCWeb-Medium.woff2") format("woff2"), url("../fonts/graphik-lc-web/GraphikLCWeb-Medium.woff") format("woff"), url("../fonts/graphik-lc-web/GraphikLCWeb-Medium.ttf") format("truetype");
    font-weight: 500
}

@font-face {
    font-family: 'Graphik';
    src: url("../fonts/graphik-lc-web/GraphikLCWeb-Bold.woff2") format("woff2"), url("../fonts/graphik-lc-web/GraphikLCWeb-Bold.woff") format("woff"), url("../fonts/graphik-lc-web/GraphikLCWeb-Bold.ttf") format("truetype");
    font-weight: 700
}

@font-face {
    font-family: 'Graphik';
    src: url("../fonts/graphik-lc-web/GraphikLCWeb-Black.woff2") format("woff2"), url("../fonts/graphik-lc-web/GraphikLCWeb-Black.woff") format("woff"), url("../fonts/graphik-lc-web/GraphikLCWeb-Black.ttf") format("truetype");
    font-weight: 900
}

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/montserrat/Montserrat-Regular.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Regular.woff") format("woff"), url("../fonts/montserrat/Montserrat-Regular.ttf") format("truetype");
    font-weight: 400
}

@font-face {
    font-family: 'Montserrat';
    src: url("../fonts/montserrat/Montserrat-Bold.woff2") format("woff2"), url("../fonts/montserrat/Montserrat-Bold.woff") format("woff"), url("../fonts/montserrat/Montserrat-Bold.ttf") format("truetype");
    font-weight: 700
} */

.step1 {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.step2 {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.step3 {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.step4 {
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

.step5 {
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s
}

.step6 {
    -webkit-transition-delay: 3s;
    transition-delay: 3s
}

.step7 {
    -webkit-transition-delay: 3.5s;
    transition-delay: 3.5s
}

.step8 {
    -webkit-transition-delay: 4s;
    transition-delay: 4s
}

.step9 {
    -webkit-transition-delay: 4.5s;
    transition-delay: 4.5s
}

.step10 {
    -webkit-transition-delay: 5s;
    transition-delay: 5s
}

.step11 {
    -webkit-transition-delay: 5.5s;
    transition-delay: 5.5s
}

.step12 {
    -webkit-transition-delay: 6s;
    transition-delay: 6s
}

.step13 {
    -webkit-transition-delay: 6.5s;
    transition-delay: 6.5s
}

.step14 {
    -webkit-transition-delay: 7s;
    transition-delay: 7s
}

.fadeUp {
    -webkit-transform: translate(0, 40px);
    -ms-transform: translate(0, 40px);
    transform: translate(0, 40px);
    opacity: 0;
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

.fadeDown {
    -webkit-transform: translate(0, -40px);
    -ms-transform: translate(0, -40px);
    transform: translate(0, -40px);
    opacity: 0;
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

.fadeLeft {
    -webkit-transform: translate(40px, 0px);
    -ms-transform: translate(40px, 0px);
    transform: translate(40px, 0px);
    opacity: 0;
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

.rollLeft {
    -webkit-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    transform: scale(0, 1);
    overflow: visible;
    opacity: 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

.rollTop {
    -webkit-transform: scale(1, 0);
    -ms-transform: scale(1, 0);
    transform: scale(1, 0);
    overflow: visible;
    opacity: 0;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition-duration: 1s;
    transition-duration: 1s
}

.section {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    opacity: 0
}

.section.animated {
    opacity: 1
}

.section.animated .fadeUp,
.section.animated .fadeDown,
.section.animated .fadeLeft {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1
}

.section.animated .rollLeft {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}

.section.animated .rollTop {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    opacity: 1
}

.section.animation_ends .step1,
.section.animation_ends .step2,
.section.animation_ends .step3,
.section.animation_ends .step4,
.section.animation_ends .step5,
.section.animation_ends .step6,
.section.animation_ends .step7,
.section.animation_ends .step8,
.section.animation_ends .step9,
.section.animation_ends .step10,
.section.animation_ends .step11,
.section.animation_ends .step12,
.section.animation_ends .step13,
.section.animation_ends .step14 {
    -webkit-transition-delay: 0s !important;
    transition-delay: 0s !important
}

html {
    scroll-behavior: smooth
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none
}

body {
    font-family: 'Graphik', sans-serif;
    background: #fbfbfb;
    color: #000;
    font-size: 16px
}

button {
    cursor: pointer
}

button,
input,
textarea {
    color: inherit;
    -webkit-transition: 0.5s;
    transition: 0.5s
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-size: inherit
}

a {
    -webkit-transition: 0.5s;
    transition: 0.5s;
    text-decoration: none
}

a:visited,
a:focus {
    color: inherit
}

address {
    font-style: normal
}

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

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

.center {
    padding-left: calc(50vw - 580px);
    padding-right: calc(50vw - 580px)
}

.visually_hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

img,
svg {
    display: block;
    max-width: 100%
}

:root {
    --red: #ba2322
}

.red {
    color: var(--red)
}

.login_form {
    width: 100%;
    max-width: 440px;
    padding: 40px 12px 50px;
    background: #fff;
    box-shadow: 0px 5px 19.92px 4.08px rgba(0, 0, 0, 0.06);
    margin: 0 auto
}

.login_form p {
    margin: 15px 0;
    padding-left: 100px
}

.login_form .btn {
    margin: 30px auto
}

.login_form .btn:last-of-type {
    margin-bottom: 0
}

.login_form_wrap {
    padding-bottom: 40px
}

.login_heading {
    font-size: 28px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 45px
}

.input {
    border: 1px solid #ccc;
    background-color: #fff;
    box-shadow: 0px 1px 6.51px 0.49px rgba(0, 0, 0, 0.06);
    padding: 15px 20px;
    width: calc(100% - 100px);
    resize: none;
    border-radius: 0px
}

.input_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.input_wrap-error .input_error {
    display: block
}

.input_wrap-error .input {
    border-color: var(--red)
}

.input_label {
    min-width: 98px
}

.input_text {
    padding-left: 100px;
    width: 100%;
    margin: 5px 0;
    font-size: 14px
}

.input_error {
    color: var(--red);
    width: 100%;
    margin: 5px 0;
    padding-left: 100px;
    display: none;
    font-size: 14px
}

input[type='file']+.input_label {
    padding: 10px;
    width: 100%;
    max-width: 180px;
    margin-left: auto;
    font-size: 14px;
    font-weight: 500;
    background: #fff;
    border: 1px solid #f6f6f6;
    box-shadow: 0px 9px 6.51px 0.49px rgba(0, 0, 0, 0.06);
    text-align: center;
    position: relative;
    cursor: pointer;
    -webkit-transition: .5s;
    transition: .5s
}

input[type='file']+.input_label:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -15px;
    display: block;
    width: 25px;
    height: 25px;
    background: url("data:image/svg+xml,%3Csvg height='30' viewBox='0 0 30 30' width='30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.243.008c-.826.05-1.62.31-2.322.708-.7.396-1.29.91-1.847 1.403L3.28 16.972c-.71.628-1.443 1.292-2.035 2.114-.592.823-1.02 1.78-1.176 2.8-.158 1.02-.042 2.068.302 3.03.342.962.898 1.823 1.56 2.567.66.743 1.448 1.395 2.36 1.85.913.454 1.942.666 2.966.666 1.03 0 2.027-.34 2.915-.823.888-.484 1.637-1.126 2.35-1.75l14.3-12.534c.502-.44-.158-1.194-.66-.754l-14.3 12.535c-.704.617-1.4 1.207-2.166 1.624-.766.416-1.618.7-2.47.7-.847 0-1.718-.178-2.49-.562-.774-.386-1.467-.954-2.058-1.618-.592-.666-1.075-1.422-1.366-2.238-.29-.813-.386-1.698-.256-2.542.13-.844.488-1.66.998-2.37.51-.708 1.185-1.325 1.888-1.947l16.79-14.856c.552-.487 1.093-.948 1.68-1.28.586-.33 1.238-.54 1.89-.58.65-.04 1.32.093 1.916.37.6.28 1.14.706 1.587 1.217.447.51.798 1.1 1 1.727.198.628.248 1.304.13 1.946-.12.64-.407 1.26-.804 1.803-.397.543-.917 1.025-1.463 1.516L9.763 24.766c-.382.343-.75.66-1.14.877-.392.22-.825.35-1.254.37-.43.018-.874-.075-1.275-.262-.402-.187-.773-.47-1.104-.806-.32-.325-.586-.685-.757-1.073-.17-.384-.245-.81-.205-1.215.04-.403.198-.805.44-1.153s.584-.664.957-.99L19.818 7.894c.503-.44-.157-1.195-.66-.755L4.764 19.76c-.38.333-.788.698-1.117 1.172-.33.475-.557 1.032-.616 1.626-.058.593.052 1.184.286 1.715.233.53.58.983.962 1.372.396.402.858.76 1.393 1.01.54.252 1.138.384 1.742.358.606-.026 1.185-.21 1.698-.496.513-.286.932-.657 1.32-1.007L27.34 10.33c.553-.496 1.128-1.022 1.602-1.67.475-.65.83-1.4.98-2.213.15-.81.088-1.65-.16-2.43-.25-.78-.676-1.48-1.203-2.082-.528-.6-1.172-1.117-1.915-1.463-.744-.347-1.573-.513-2.4-.464z'/%3E%3C/svg%3E") center no-repeat;
    background-size: 100%;
    -webkit-transform: translate(-100%, -50%) scale(-1, 1);
    -ms-transform: translate(-100%, -50%) scale(-1, 1);
    transform: translate(-100%, -50%) scale(-1, 1)
}

input[type='file']+.input_label:hover {
    background: #ccc;
    color: #fff
}

.ui-selectmenu-button.ui-button {
    width: 100%;
    display: block;
    padding-right: 55px;
    background: url("../img/arrow_down.png") right center no-repeat #fff;
    background-size: auto 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 15px 20px;
    color: #000 !important
}

.ui-widget-content .ui-state-active {
    background: #f3f4f4;
    border: 1px solid #f3f4f4;
    color: #000
}

.ui-menu .ui-menu-item-wrapper {
    padding: 15px 20px
}

.btn {
    display: block;
    text-align: center;
    padding: 10px;
    max-width: 215px;
    width: 100%;
    margin: 0 auto;
    border: 1px solid transparent;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700
}

.btn-red {
    background: var(--red);
    color: #fff
}

.btn-red:hover {
    background: #fff;
    border-color: var(--red);
    color: var(--red)
}

.btn-bordered {
    background: #fbfbfb;
    border-color: #cccccc;
    color: #666666
}

.btn-bordered:hover {
    background: #ccc;
    color: #fff
}

.btn-notify {
    border: none;
    background: none;
    border-bottom: 1px dashed;
    text-align: center;
    width: 100%;
    color: var(--red);
    display: inline-block;
    width: auto
}

.btn-notify-sended {
    color: #7e957b
}

.btn-notify:hover {
    border-color: transparent
}

.btn[disabled] {
    pointer-events: none;
    background: #ccc
}

.to-cart {
    font-size: 14px;
    background: #fbfbfb;
    color: #333;
    font-weight: 700
}

.to-cart:hover {
    background: var(--red);
    color: #fff;
    border-color: var(--red)
}

.success_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 50px 30px;
    background-color: #fff;
    box-shadow: 0px 1px 6.51px 0.49px rgba(0, 0, 0, 0.06);
    width: 100%;
    max-width: 806px;
    margin: 0 auto 95px;
    text-align: center
}

.success_wrap h1 {
    font-weight: 900;
    font-size: 24px;
    margin: 5px auto 10px
}

.success_wrap .order_info {
    margin: 15px auto 40px
}

.success_wrap .order_info strong {
    font-weight: 900;
    display: inline-block
}

.success_wrap .btn {
    color: #fff;
    max-width: 220px;
    width: 100%;
    font-size: 13px
}

.success_wrap .btn:hover {
    color: var(--red)
}

@media screen and (max-width: 1200px) {
    .center {
        padding-left: calc(50vw - 360px);
        padding-right: calc(50vw - 360px)
    }
}

@media screen and (max-width: 767px) {
    .center {
        padding-left: calc(50vw - 250px);
        padding-right: calc(50vw - 250px)
    }
}

@media screen and (max-width: 515px) {
    .center {
        padding-left: calc(50vw - 185px);
        padding-right: calc(50vw - 185px)
    }

    .success_wrap {
        padding: 20px;
        max-width: 300px;
        font-size: 14px
    }

    .success_wrap h1 {
        font-size: 20px
    }

    .success_wrap svg {
        width: 150px;
        height: 150px
    }

    .input {
        padding: 10px;
        width: 100%;
        font-size: 12px
    }

    .input_label {
        margin-bottom: 10px;
        min-width: 80px;
        font-size: 12px
    }

    .input_text,
    .input_error {
        padding-left: 0px;
        font-size: 10px
    }

    .login_form p {
        padding-left: 0
    }
}

@media screen and (max-width: 400px) {
    .center {
        padding-left: calc(50vw - 170px);
        padding-right: calc(50vw - 170px)
    }

    .login_form {
        padding: 25px 10px
    }

    .login_heading {
        font-size: 20px;
        margin-bottom: 20px
    }
}

@media screen and (max-width: 355px) {
    .center {
        padding-left: calc(50vw - 150px);
        padding-right: calc(50vw - 150px)
    }
}

.header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 60px;
    padding-bottom: 40px;
    margin-bottom: 30px
}

.header a {
    color: #000;
    position: relative;
    display: block;
    white-space: nowrap;
    font-size: 15px;
    margin-left: 40px
}

.header a:not(.logo):hover {
    color: var(--red);
    text-decoration: underline
}

.header a.logo {
    margin-left: 0;
    margin-right: auto;
    font-size: 27px;
    font-weight: 900
}

.header a[href*='tel'] {
    padding-left: 30px
}

.header a[href*='tel']:before {
    content: '';
    display: block;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='172 -216.8 473.8 473.8' fill='%23ba2322'%3E%3Cpath d='M546.5,76.7c-9.7-10.1-21.4-15.5-33.8-15.5c-12.3,0-24.1,5.3-34.2,15.4l-31.6,31.5c-2.6-1.4-5.2-2.7-7.7-4 c-3.6-1.8-7-3.5-9.9-5.3c-29.6-18.8-56.5-43.3-82.3-75C334.5,8,326.1-5.3,320-18.8c8.2-7.5,15.8-15.3,23.2-22.8 c2.8-2.8,5.6-5.7,8.4-8.5c21-21,21-48.2,0-69.2l-27.3-27.3c-3.1-3.1-6.3-6.3-9.3-9.5c-6-6.2-12.3-12.6-18.8-18.6 c-9.7-9.6-21.3-14.7-33.5-14.7c-12.2,0-24,5.1-34,14.7c-0.1,0.1-0.1,0.1-0.2,0.2l-34,34.3c-12.8,12.8-20.1,28.4-21.7,46.5 c-2.4,29.2,6.2,56.4,12.8,74.2c16.2,43.7,40.4,84.2,76.5,127.6c43.8,52.3,96.5,93.6,156.7,122.7c23,10.9,53.7,23.8,88,26 c2.1,0.1,4.3,0.2,6.3,0.2c23.1,0,42.5-8.3,57.7-24.8c0.1-0.2,0.3-0.3,0.4-0.5c5.2-6.3,11.2-12,17.5-18.1c4.3-4.1,8.7-8.4,13-12.9 c9.9-10.3,15.1-22.3,15.1-34.6c0-12.4-5.3-24.3-15.4-34.3L546.5,76.7z M582.3,182C582.2,182,582.2,182.1,582.3,182 c-3.9,4.2-7.9,8-12.2,12.2c-6.5,6.2-13.1,12.7-19.3,20c-10.1,10.8-22,15.9-37.6,15.9c-1.5,0-3.1,0-4.6-0.1 c-29.7-1.9-57.3-13.5-78-23.4C374,179.2,324.3,140.3,283,91c-34.1-41.1-56.9-79.1-72-119.9c-9.3-24.9-12.7-44.3-11.2-62.6 c1-11.7,5.5-21.4,13.8-29.7l34.1-34.1c4.9-4.6,10.1-7.1,15.2-7.1c6.3,0,11.4,3.8,14.6,7c0.1,0.1,0.2,0.2,0.3,0.3 c6.1,5.7,11.9,11.6,18,17.9c3.1,3.2,6.3,6.4,9.5,9.7l27.3,27.3c10.6,10.6,10.6,20.4,0,31c-2.9,2.9-5.7,5.8-8.6,8.6 c-8.4,8.6-16.4,16.6-25.1,24.4c-0.2,0.2-0.4,0.3-0.5,0.5c-8.6,8.6-7,17-5.2,22.7c0.1,0.3,0.2,0.6,0.3,0.9 c7.1,17.2,17.1,33.4,32.3,52.7l0.1,0.1c27.6,34,56.7,60.5,88.8,80.8c4.1,2.6,8.3,4.7,12.3,6.7c3.6,1.8,7,3.5,9.9,5.3 c0.4,0.2,0.8,0.5,1.2,0.7c3.4,1.7,6.6,2.5,9.9,2.5c8.3,0,13.5-5.2,15.2-6.9l34.2-34.2c3.4-3.4,8.8-7.5,15.1-7.5 c6.2,0,11.3,3.9,14.4,7.3c0.1,0.1,0.1,0.1,0.2,0.2l55.1,55.1C592.5,160.9,592.5,171.4,582.3,182z'/%3E%3C/svg%3E") center no-repeat;
    background-size: contain
}

.header a[href*='mailto:'] {
    padding-left: 30px
}

.header a[href*='mailto:']:before {
    content: '';
    display: block;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 483.3 483.3' fill='%23ba2322'%3E%3Cpath d='M424.3,57.75H59.1c-32.6,0-59.1,26.5-59.1,59.1v249.6c0,32.6,26.5,59.1,59.1,59.1h365.1c32.6,0,59.1-26.5,59.1-59.1 v-249.5C483.4,84.35,456.9,57.75,424.3,57.75z M456.4,366.45c0,17.7-14.4,32.1-32.1,32.1H59.1c-17.7,0-32.1-14.4-32.1-32.1v-249.5 c0-17.7,14.4-32.1,32.1-32.1h365.1c17.7,0,32.1,14.4,32.1,32.1v249.5H456.4z'/%3E%3Cpath d='M304.8,238.55l118.2-106c5.5-5,6-13.5,1-19.1c-5-5.5-13.5-6-19.1-1l-163,146.3l-31.8-28.4c-0.1-0.1-0.2-0.2-0.2-0.3 c-0.7-0.7-1.4-1.3-2.2-1.9L78.3,112.35c-5.6-5-14.1-4.5-19.1,1.1c-5,5.6-4.5,14.1,1.1,19.1l119.6,106.9L60.8,350.95 c-5.4,5.1-5.7,13.6-0.6,19.1c2.7,2.8,6.3,4.3,9.9,4.3c3.3,0,6.6-1.2,9.2-3.6l120.9-113.1l32.8,29.3c2.6,2.3,5.8,3.4,9,3.4 c3.2,0,6.5-1.2,9-3.5l33.7-30.2l120.2,114.2c2.6,2.5,6,3.7,9.3,3.7c3.6,0,7.1-1.4,9.8-4.2c5.1-5.4,4.9-14-0.5-19.1L304.8,238.55z' /%3E%3C/svg%3E%0A") center no-repeat;
    background-size: contain
}

.header-landing {
    padding-top: 30px;
    padding-bottom: 0px
}

nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

nav a {
    position: relative
}

nav a:before {
    content: '';
    display: none;
    width: 95%;
    height: 3px;
    background: var(--red);
    position: absolute;
    bottom: -6px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0)
}

nav a.active:before {
    display: block
}

.nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #000;
    width: 100%;
    list-style: none
}

.nav_toggler {
    width: 21px;
    height: 25px;
    border: none;
    background: transparent;
    position: relative;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    display: none
}

.nav_toggler span {
    display: block;
    width: 18px;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0%;
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    background: var(--red);
    z-index: 5;
    pointer-events: none;
    -webkit-transition: 0.5s;
    transition: 0.5s
}

.nav_toggler span:first-of-type {
    top: calc(50% - 7px)
}

.nav_toggler span:last-of-type {
    top: calc(50% + 7px)
}

.nav_toggler span:nth-of-type(2) {
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.nav_toggler.active span {
    top: 50% !important;
    left: 50% !important
}

.nav_toggler.active span:nth-of-type(2),
.nav_toggler.active span:nth-of-type(1) {
    -webkit-transform: translate(-50%, -50%) rotate(-225deg);
    -ms-transform: translate(-50%, -50%) rotate(-225deg);
    transform: translate(-50%, -50%) rotate(-225deg)
}

.nav_toggler.active span:last-of-type {
    -webkit-transform: translate(-50%, -50%) rotate(225deg);
    -ms-transform: translate(-50%, -50%) rotate(225deg);
    transform: translate(-50%, -50%) rotate(225deg)
}

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

.header_contacts:only-child {
    margin-top: 0
}

.login_btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.login_btns a {
    color: #fff;
    margin-left: 26px;
    max-width: unset;
    font-weight: 500;
    text-transform: none
}

@media screen and (max-width: 1200px) {
    .header {
        padding-top: 30px;
        padding-bottom: 20px;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .header a {
        margin-left: 20px
    }

    .header a.logo {
        font-size: 24px
    }

    .header_contacts {
        margin-top: 15px
    }

    nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media screen and (max-width: 767px) {
    .nav_toggler {
        display: block
    }

    nav {
        position: absolute;
        top: -250%;
        right: calc(50vw - 250px);
        background: #fff;
        padding: 25px 25px 15px;
        box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3);
        -webkit-transition: 0.5s;
        transition: 0.5s;
        z-index: 99
    }

    nav.active {
        top: 77px
    }

    .nav,
    .header_contacts {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 0
    }

    .nav a,
    .header_contacts a {
        margin-left: 0;
        margin-bottom: 30px
    }

    .header_contacts a:last-of-type {
        margin-bottom: 5px
    }
}

@media screen and (max-width: 515px) {
    nav {
        right: calc(50vw - 185px)
    }
}

@media screen and (max-width: 400px) {
    .header a {
        font-size: 12px
    }

    .header a.logo {
        font-size: 20px
    }

    nav {
        right: calc(50vw - 170px)
    }
}

@media screen and (max-width: 355px) {
    nav {
        right: calc(50vw - 150px)
    }
}

.footer {
    padding-top: 15px;
    padding-bottom: 25px;
    border-top: 2px solid #ccc;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    color: #000;
    flex-wrap: wrap;
}

.footer a {
    color: #000;
    position: relative;
    display: block;
    white-space: nowrap;
    font-size: 14px;
    margin-left: 10px;
    flex: 1 0 30%;
    margin-bottom: 5px;
}

.footer a:not(.logo):hover {
    color: var(--red);
    text-decoration: underline
}

.footer a[href*='tel'] {
    padding-left: 30px
}

.footer a[href*='tel']:before {
    content: '';
    display: block;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='172 -216.8 473.8 473.8' fill='%23ba2322'%3E%3Cpath d='M546.5,76.7c-9.7-10.1-21.4-15.5-33.8-15.5c-12.3,0-24.1,5.3-34.2,15.4l-31.6,31.5c-2.6-1.4-5.2-2.7-7.7-4 c-3.6-1.8-7-3.5-9.9-5.3c-29.6-18.8-56.5-43.3-82.3-75C334.5,8,326.1-5.3,320-18.8c8.2-7.5,15.8-15.3,23.2-22.8 c2.8-2.8,5.6-5.7,8.4-8.5c21-21,21-48.2,0-69.2l-27.3-27.3c-3.1-3.1-6.3-6.3-9.3-9.5c-6-6.2-12.3-12.6-18.8-18.6 c-9.7-9.6-21.3-14.7-33.5-14.7c-12.2,0-24,5.1-34,14.7c-0.1,0.1-0.1,0.1-0.2,0.2l-34,34.3c-12.8,12.8-20.1,28.4-21.7,46.5 c-2.4,29.2,6.2,56.4,12.8,74.2c16.2,43.7,40.4,84.2,76.5,127.6c43.8,52.3,96.5,93.6,156.7,122.7c23,10.9,53.7,23.8,88,26 c2.1,0.1,4.3,0.2,6.3,0.2c23.1,0,42.5-8.3,57.7-24.8c0.1-0.2,0.3-0.3,0.4-0.5c5.2-6.3,11.2-12,17.5-18.1c4.3-4.1,8.7-8.4,13-12.9 c9.9-10.3,15.1-22.3,15.1-34.6c0-12.4-5.3-24.3-15.4-34.3L546.5,76.7z M582.3,182C582.2,182,582.2,182.1,582.3,182 c-3.9,4.2-7.9,8-12.2,12.2c-6.5,6.2-13.1,12.7-19.3,20c-10.1,10.8-22,15.9-37.6,15.9c-1.5,0-3.1,0-4.6-0.1 c-29.7-1.9-57.3-13.5-78-23.4C374,179.2,324.3,140.3,283,91c-34.1-41.1-56.9-79.1-72-119.9c-9.3-24.9-12.7-44.3-11.2-62.6 c1-11.7,5.5-21.4,13.8-29.7l34.1-34.1c4.9-4.6,10.1-7.1,15.2-7.1c6.3,0,11.4,3.8,14.6,7c0.1,0.1,0.2,0.2,0.3,0.3 c6.1,5.7,11.9,11.6,18,17.9c3.1,3.2,6.3,6.4,9.5,9.7l27.3,27.3c10.6,10.6,10.6,20.4,0,31c-2.9,2.9-5.7,5.8-8.6,8.6 c-8.4,8.6-16.4,16.6-25.1,24.4c-0.2,0.2-0.4,0.3-0.5,0.5c-8.6,8.6-7,17-5.2,22.7c0.1,0.3,0.2,0.6,0.3,0.9 c7.1,17.2,17.1,33.4,32.3,52.7l0.1,0.1c27.6,34,56.7,60.5,88.8,80.8c4.1,2.6,8.3,4.7,12.3,6.7c3.6,1.8,7,3.5,9.9,5.3 c0.4,0.2,0.8,0.5,1.2,0.7c3.4,1.7,6.6,2.5,9.9,2.5c8.3,0,13.5-5.2,15.2-6.9l34.2-34.2c3.4-3.4,8.8-7.5,15.1-7.5 c6.2,0,11.3,3.9,14.4,7.3c0.1,0.1,0.1,0.1,0.2,0.2l55.1,55.1C592.5,160.9,592.5,171.4,582.3,182z'/%3E%3C/svg%3E") center no-repeat;
    background-size: contain
}

.footer a[href*='mailto:'] {
    padding-left: 30px
}

.footer a[href*='mailto:']:before {
    content: '';
    display: block;
    width: 23px;
    height: 23px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 483.3 483.3' fill='%23ba2322'%3E%3Cpath d='M424.3,57.75H59.1c-32.6,0-59.1,26.5-59.1,59.1v249.6c0,32.6,26.5,59.1,59.1,59.1h365.1c32.6,0,59.1-26.5,59.1-59.1 v-249.5C483.4,84.35,456.9,57.75,424.3,57.75z M456.4,366.45c0,17.7-14.4,32.1-32.1,32.1H59.1c-17.7,0-32.1-14.4-32.1-32.1v-249.5 c0-17.7,14.4-32.1,32.1-32.1h365.1c17.7,0,32.1,14.4,32.1,32.1v249.5H456.4z'/%3E%3Cpath d='M304.8,238.55l118.2-106c5.5-5,6-13.5,1-19.1c-5-5.5-13.5-6-19.1-1l-163,146.3l-31.8-28.4c-0.1-0.1-0.2-0.2-0.2-0.3 c-0.7-0.7-1.4-1.3-2.2-1.9L78.3,112.35c-5.6-5-14.1-4.5-19.1,1.1c-5,5.6-4.5,14.1,1.1,19.1l119.6,106.9L60.8,350.95 c-5.4,5.1-5.7,13.6-0.6,19.1c2.7,2.8,6.3,4.3,9.9,4.3c3.3,0,6.6-1.2,9.2-3.6l120.9-113.1l32.8,29.3c2.6,2.3,5.8,3.4,9,3.4 c3.2,0,6.5-1.2,9-3.5l33.7-30.2l120.2,114.2c2.6,2.5,6,3.7,9.3,3.7c3.6,0,7.1-1.4,9.8-4.2c5.1-5.4,4.9-14-0.5-19.1L304.8,238.55z' /%3E%3C/svg%3E%0A") center no-repeat;
    background-size: contain
}

.footer address a {
    display: inline-block;
    color: var(--red);
    -webkit-text-decoration: dashed underline;
    text-decoration: dashed underline
}

@media screen and (max-width: 1200px) {
    .footer {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .footer address {
        width: 100%;
        text-align: center;
        margin-top: 15px
    }
}

@media screen and (max-width: 767px) {
    .footer {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .footer a {
        margin: 10px 0
    }

    .footer address {
        margin-top: 10px
    }
}

.modal {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%) scale(0);
    -ms-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0);
    width: 100%;
    height: 100%;
    z-index: 99;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 99;
    padding: 20px;
    overflow: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.modal.active {
    -webkit-transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    transform: translate(-50%, -50%) scale(1)
}

.modal.active .modal_content {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.modal_content {
    width: 90%;
    max-width: 600px;
    background-color: #fff;
    z-index: 100;
    padding: 20px 35px;
    font-size: 14px;
    box-shadow: 0px 18px 30px rgba(136, 178, 222, 0.13);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s;
    margin: auto
}

.modal_content h4 {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px
}

.modal_content p {
    font-size: 15px;
    line-height: 1.5
}

.modal_content .input_wrap {
    margin: 10px 0
}

.modal_content input[type='file']+.input_label {
    margin-left: 0;
    padding-left: 40px
}

.modal_content input[type='file']+.input_label:before {
    left: 10px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.modal_content .input {
    width: 100%
}

.modal_content .btn {
    margin-top: 25px
}

.overlay {
    overflow: hidden
}

.close {
    position: absolute;
    top: 20px;
    right: 15px;
    width: 25px;
    height: 25px;
    font-size: 25px;
    border: none;
    cursor: pointer;
    background: none
}

.modal_btn * {
    pointer-events: none
}

@media screen and (max-width: 510px) {
    .wrapper {
        overflow: hidden
    }

    .modal {
        padding: 10px
    }

    .modal_content {
        padding: 20px 10px;
        max-width: 100% !important;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.dropdown summary {
    position: relative;
    background: #666666;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    min-height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px 53px 12px;
    text-transform: uppercase;
    letter-spacing: .1em;
    cursor: pointer;
    border: 1px solid #cccccc
}

.dropdown summary::-webkit-details-marker {
    display: none
}

.dropdown summary:before {
    content: "";
    display: block;
    width: 10px;
    height: 20px;
    position: absolute;
    top: 50%;
    left: 30px;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url("../img/dropdown_arrow.png") center no-repeat
}

.dropdown.new summary {
    background: var(--red);
    pointer-events: none
}

.dropdown.new summary:before {
    display: none;
}

/*.dropdown.new summary:before {*/
/*    display: block;*/
/*    background: url("../img/eye-close.png") center no-repeat;*/
/*    background-size: contain;*/
/*    transform: none !important;*/
/*    -webkit-transform: none;*/
/*    -ms-transform: none;*/
/*    width: 20px;*/
/*    top: auto;*/
/*    pointer-events: all;*/
/*}*/
/*.dropdown.new summary.close-eye:before {*/
/*    background: url("../img/eye.png") center no-repeat;*/
/*    background-size: contain;*/
/*}*/
.load_content_new:not([open])+.load_new {
    display: none;
}

.dropdown[open]>summary:before {
    -webkit-transform: translate(0, -50%) rotate(90deg);
    -ms-transform: translate(0, -50%) rotate(90deg);
    transform: translate(0, -50%) rotate(90deg)
}

.dropdown-inner summary {
    background: #eae8e8;
    color: #000;
    text-transform: none;
    letter-spacing: unset;
    font-size: 18px
}

.dropdown-inner summary:before {
    background: url("../img/dropdown_arrow-gray.png") center no-repeat
}

.dropdown-inner[open] summary {
    background: #f5f5f5;
    font-weight: 500
}

.lower_price {
    border: none;
    background: none;
    margin-top: 7px
}

.lower_price svg {
    pointer-events: none;
    -webkit-transition: .5s;
    transition: .5s
}

.lower_price:hover svg path {
    fill: var(--red)
}

.table_cell-bages button {
    margin-left: 5px;
}

.favorite {
    border: none;
    background: none;
    margin-top: 7px;
    float: right;
}

.favorite svg {
    pointer-events: none;
    -webkit-transition: .5s;
    transition: .5s
}

.favorite svg {
    stroke: #000;
    stroke-width: 10%;
    fill: transparent !important;
}

.favorite:hover svg {
    stroke: var(--red)
        /*#D7443E*/
    ;
    fill: var(--red) !important
        /*#D7443E*/
    ;
    stroke-width: 10%;
}

.favorite.active svg {
    stroke: var(--red)
        /*#D7443E*/
    ;
    fill: var(--red) !important
        /*#D7443E*/
    ;
    stroke-width: 10%;
}

.favorite:active svg {
    transform: scale(1.25);
    cursor: pointer;
}

#collapseAll {
    color: var(--red);
    border: none;
    border-bottom: 1px dashed var(--red);
}

#collapseAll:hover {
    border-bottom: 1px solid var(--red);
}

.table-cart {
    display: grid;
    grid-template-columns: repeat(6, auto);
    padding: 10px 50px;
    background: #333;
    grid-gap: 20px;
    color: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 20px;
    position: fixed;
    left: 50%;
    bottom: 0;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 100%;
    max-width: 1173px;
    z-index: 99
}

.table-cart .btn {
    max-width: 280px;
    width: 100vw;
    padding: 4px
}

.table-cart p:nth-of-type(odd) {
    font-weight: 500
}

.wrapper-cart {
    padding-bottom: 45px
}

@media screen and (max-width: 1200px) {
    .table-cart {
        grid-template-columns: 1fr 1fr;
        grid-gap: 10px
    }

    .table-cart p:nth-of-type(even) {
        text-align: right
    }

    .table-cart .btn {
        grid-column: 1 / 3
    }
}

@media screen and (max-width: 515px) {
    .wrapper-cart {
        padding-bottom: 230px
    }

    .table-cart {
        grid-template-columns: 1fr;
        padding: 15px
    }

    .table-cart p {
        font-size: 12px
    }

    .table-cart p:nth-of-type(even) {
        text-align: left;
        border-bottom: 1px dashed var(--red);
        padding-bottom: 10px
    }

    .table-cart .btn {
        grid-column: 1 / 2
    }
}

.search_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-wrap;
    -webkit-align-items: flex-wrap;
    -ms-flex-align: flex-wrap;
    align-items: flex-wrap;
    margin-bottom: 45px
}

.search_form {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.search_form .input_wrap {
    width: 100%
}

.search_form .input_wrap .input {
    background: url("../img/search.png") 20px center no-repeat #fff;
    padding-left: 60px;
    font-size: 16px;
    margin-bottom: 20px;
    width: 100%
}

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

.search_btns .btn {
    margin-left: 26px;
    min-width: 174px;
    height: 47px;
    font-size: 14px
}

.search_btns .btn-bordered {
    font-weight: 500
}

.filters_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: calc(100% - 400px)
}

.filters_wrap .checkbox {
    margin-right: 15px
}

.checkbox {
    display: block;
    cursor: pointer
}

.checkbox_label {
    display: block;
    position: relative;
    padding-left: 30px;
    font-size: 16px;
    font-weight: 500
}

.checkbox_label:before {
    content: '';
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background: #fff center no-repeat;
    border: 1px solid #ccc;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

input:checked+.checkbox_label:before {
    background-image: url("../img/check.png")
}

.download_links {
    margin-left: 26px;
    position: relative
}

.download_links .download_toggler {
    color: var(--red);
    display: block;
    white-space: nowrap;
    padding: 10px 0px 5px 0px;
    margin-left: 30px;
    position: relative;
    background: none;
    border: none;
    border-bottom: 1px dashed var(--red);
    margin-top: -10px;
    margin-bottom: 10px
}

.download_links .download_toggler:hover {
    border-bottom: 1px dashed transparent
}

.download_links .download_toggler:before {
    content: '';
    display: block;
    position: absolute;
    left: -30px;
    top: 50%;
    -webkit-transform: translate(0, -20%);
    -ms-transform: translate(0, -20%);
    transform: translate(0, -20%);
    width: 20px;
    height: 20px;
    background: url("../img/download.png") center no-repeat
}

.download_links .download_toggler.active+.download_form {
    display: block
}

.download_form {
    right: 0;
    position: absolute;
    z-index: 99;
    padding: 30px 30px 35px 30px;
    background: #fff;
    box-shadow: 0px 5px 19.92px 4.08px rgba(0, 0, 0, 0.06);
    width: 100vw;
    max-width: 260px;
    display: none
}

.download_form .input_wrap {
    margin-bottom: 30px
}

.download_form .close {
    position: absolute;
    top: 5px;
    right: 5px;
    color: #000
}

.table_row {
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: none;
    display: grid;
    padding: 6px 35px 6px 23px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    grid-gap: 10px;
    min-height: 66px
}

.table_row:last-of-type {
    border-bottom: 1px solid #ccc
}

.table_row.table_header {
    border: none;
    background: none
}

.table_cell-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.table_cell-name img {
    margin-right: 15px
}

.table_cell-name .show_all {
    margin-left: 35px
}

a[data-fancybox] {
    min-width: 68px;
    position: relative;
}

.table_cell-name a .table_cell-hit {
    position: absolute;
    top: 0;
    left: 0;
}

.table_cell-name a .table_cell-sale {
    position: absolute;
    top: 0;
    right: 0;
}

.table_cell-name a img {
    /*width: 100%;*/
    max-width: 53px;
    height: 53px;
    object-fit: cover
}

.table_cell-pack {
    white-space: nowrap;
}

.table_cell-sale,
.table_cell-hit {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    font-size: 9px;
    font-weight: 700
}

.table_cell-sale {
    background: #bf252b
}

.table_cell-hit {
    background: #078e17
}

.table_cell-number {
    text-align: center
}

.table_cell-number .input_wrap {
    flex-wrap: nowrap;
}

.table_cell-amount {
    text-align: center
}

.table_cell .input {
    padding: 5px 10px;
    text-align: center;
    width: 100%;
    margin: 0 10px;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}

.input_wrap {
    display: flex;
    /* flex-wrap: nowrap; */
}

.input_wrap button {
    -webkit-appearance: none;
    outline: none;
    background-color: transparent;
    border: none;
    height: 30px;
    width: 30px;

    align-items: center;
    justify-content: center;
    cursor: pointer;
    margin: 0;
    position: relative;
}

.input_wrap button:before,
.input_wrap button:after {
    display: inline-block;
    position: absolute;
    content: '';
    width: 1rem;
    height: 2px;
    background-color: #212121;
    transform: translate(-50%, -50%);
}

.input_wrap button.plus:after {
    transform: translate(-50%, -50%) rotate(90deg);
}

/*.input_wrap input[type=number] {*/
/*    font-family: sans-serif;*/
/*    !*max-width: 5rem;*!*/
/*    padding: .5rem;*/
/*    border: solid #ddd;*/
/*    border-width: 0 2px;*/
/*    !*font-size: 2rem;*!*/
/*    !*height: 3rem;*!*/
/*    font-weight: bold;*/
/*    text-align: center;*/
/*}*/
.table_cell-wait {
    grid-column: 5 / 8;
    text-align: center;
    font-size: 16px
}

.price_old {
    font-size: 14px;
    text-decoration: line-through;
    text-align: center;
    margin-bottom: 7px
}

.price_new {
    font-weight: 500;
    text-align: center
}

.table_cell-price .active {
    font-weight: bold;
    color: var(--red);
}

.table-search {
    margin-bottom: 80px
}

.table-search .table_row {
    grid-template-columns: 1fr 110px fit-content(80px) fit-content(80px) 120px 90px minmax(80px, auto) minmax(100px, auto)
}

.show_all {
    color: var(--red);
    background: none;
    border: none;
    border-bottom: 1px dashed
}

.show_all:hover {
    border-bottom: 1px dashed transparent
}

@media screen and (max-width: 1200px) {
    .filters_wrap {
        width: 100%;
        margin-bottom: 20px
    }

    .search_btns {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 100%
    }

    .search_btns .btn {
        margin: 0
    }

    .table-search .table_row {
        grid-template-columns: repeat(3, minmax(25px, 1fr));
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        grid-gap: 10px
    }

    .table-search .table_row.table_header {
        display: none
    }

    .table-search .table_cell {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        height: 100%;
        position: relative;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .table-search .table_cell-name,
    .table-search .table_cell-wait,
    .table-search .table_cell-price,
    .table-search .table_cell-amount,
    .table-search .table_cell-number,
    .table-search .table_cell-notify {
        -webkit-box-ordinal-group: 100;
        -webkit-order: 99;
        -ms-flex-order: 99;
        order: 99;
        padding-top: 20px
    }

    .table-search .table_cell-name {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        grid-column: 1 / 4
    }

    .table-search .table_cell-wait,
    .table-search .table_cell-notify {
        grid-column: 1 / 2;
        text-align: center
    }

    .table-search .table_cell-amount {
        text-align: left
    }

    .table-search .table_cell-price {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .table-search .table_cell:before {
        content: attr(title);
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        text-align: center;
        width: 100%;
        font-size: 12px
    }
}

@media screen and (max-width: 767px) {
    .search_wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .download_links {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 10px 0;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%
    }

    .download_links .download_toggler {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media screen and (max-width: 515px) {
    .filters_wrap {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .filters_wrap .checkbox {
        width: 50%;
        margin: 10px 0
    }

    .download_links {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .table-search .table_row {
        grid-template-columns: repeat(3, minmax(25px, 1fr));
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc;
        padding: 10px
    }

    .table-search .table_cell {
        padding-top: 0
    }

    .table-search .table_cell-name,
    .table-search .table_cell-wait,
    .table-search .table_cell-price,
    .table-search .table_cell-amount,
    .table-search .table_cell-number,
    .table-search .table_cell-notify {
        grid-column: 1 / 4;
        padding-top: 30px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .table-search .table_cell-name:before,
    .table-search .table_cell-wait:before,
    .table-search .table_cell-price:before,
    .table-search .table_cell-amount:before,
    .table-search .table_cell-number:before,
    .table-search .table_cell-notify:before {
        text-align: left;
        padding-bottom: 5px;
        border-bottom: 1px dashed var(--red);
        color: var(--red)
    }

    .table-search .table_cell-notify {
        padding-bottom: 20px
    }

    .table-search .table_cell .input_wrap {
        width: 100%
    }
}

@media screen and (max-width: 400px) {
    .search_btns {
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        width: 100%
    }

    .search_btns .btn {
        width: 50%;
        min-width: 0
    }
}

.basket_header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px
}

.basket_header h2 {
    width: 100%;
    margin-bottom: 30px;
    font-size: 24px;
    font-weight: 500
}

.basket_header a {
    color: var(--red);
    font-size: 15px
}

.basket_header a:hover {
    -webkit-text-decoration: dashed underline;
    text-decoration: dashed underline
}

.table-basket {
    margin-bottom: 20px;
    margin-bottom: 56px
}

.table-basket a {
    color: #000
}

.table-basket .table_row {
    grid-template-columns: 4fr repeat(4, 1fr) 30px;
}

.table-basket .table_cell-price,
.table-basket .table_cell-cost {
    text-align: center
}

.table-basket .input {
    max-width: 80px;
    margin: 0 auto
}

.table_footer {
    padding: 20px;
    text-align: right;
    border-bottom: 2px solid #ccc
}

.table_footer .discount {
    margin-bottom: 15px;
    font-size: 18px
}

.table_footer .summary {
    font-size: 20px;
    font-weight: 500
}

.order_form {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px 100px;
    margin-bottom: 90px
}

.order_form .input {
    width: 100%
}

.order_form .input_label {
    margin-bottom: 20px;
    display: block;
    font-size: 17px;
    width: 100%
}

.order_form .wide {
    grid-column: 1 / 2
}

.order_form .checkbox_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.order_form .checkbox_wrap .checkbox {
    margin: 5px 30px 5px 0
}

.order_form .checkbox_wrap .checkbox_label {
    font-weight: 400
}

.order_form .btn {
    max-width: 286px
}

@media screen and (max-width: 1200px) {
    .table-basket .table_row {
        grid-template-columns: 2fr repeat(4, 1fr) 30px
    }
}

@media screen and (max-width: 767px) {
    .table-basket .table_row {
        grid-template-columns: 1fr;
        margin-bottom: 20px;
        border-bottom: 1px solid #ccc
    }

    .table-basket .table_header {
        display: none
    }

    .table-basket .table_cell {
        padding-top: 25px;
        position: relative;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left
    }

    .table-basket .table_cell:before {
        content: attr(title);
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        text-align: left;
        display: block;
        color: var(--red);
        font-size: 12px;
        border-bottom: 1px dashed var(--red);
        padding-bottom: 4px
    }

    .table-basket .table_cell .price_new,
    .table-basket .table_cell .price_old {
        text-align: left
    }

    .table-basket .input {
        max-width: 100%;
        margin: 0 auto
    }

    .order_form {
        grid-gap: 30px
    }
}

@media screen and (max-width: 515px) {
    .order_form {
        grid-template-columns: 1fr
    }

    .order_form .wide {
        grid-column: 1 / 2
    }
}

.sale_img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 30px
}

.sale_img img {
    width: 100%
}

.lk_header {
    margin-bottom: 30px
}

.lk_header h2 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 30px
}

.lk_nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none
}

.lk_nav a {
    display: block;
    padding: 14px 11px;
    background: #f5f5f5;
    border: 1px solid #d0d0d0;
    margin-right: 13px;
    color: #000
}

.lk_nav a:hover {
    box-shadow: 0px 3px 7px 1px rgba(0, 0, 0, 0.15)
}

.lk_nav a.active {
    box-shadow: 0px 3px 7px 1px rgba(0, 0, 0, 0.15);
    background: #fff
}

.lk_nav-toggler {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    padding-left: 10px;
    background: #fff;
    border: 1px solid #ccc;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: none
}

.lk_nav-toggler.active img {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(1, -1);
    transform: scale(1, -1)
}

.lk_nav-toggler img {
    margin-left: 10px
}

.table-orders {
    margin-bottom: 50px
}

.table-orders .table_row {
    grid-template-columns: 80px 1.25fr .75fr 1fr 1.25fr 1.25fr 2fr;
    grid-gap: 20px;
    padding: 25px 15px;
    text-align: center
}

.table-orders .table_row.table_header {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    text-align: center
}

.table-orders .table_row.table_header .table_cell:nth-of-type(3) {
    text-align: center
}

.table-orders .table_row .table_cell:nth-of-type(3) {
    text-align: left
}

.table-orders .table_row .table_cell:last-of-type {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.fuct_btn {
    background: none;
    border: none;
    position: relative
}

.fuct_btn svg {
    fill: #999999;
    -webkit-transition: .5s;
    transition: .5s;
    pointer-events: none
}

.fuct_btn:before {
    content: attr(title);
    position: absolute;
    bottom: 115%;
    white-space: nowrap;
    padding: 5px 15px;
    background: var(--red);
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    display: none;
    left: -25px
}

.fuct_btn:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 5px 0 5px;
    border-color: var(--red) transparent transparent transparent;
    bottom: 115%;
    left: 0px;
    position: absolute;
    -webkit-transform: translate(0, 95%);
    -ms-transform: translate(0, 95%);
    transform: translate(0, 95%);
    display: none
}

.fuct_btn:hover svg {
    fill: var(--red)
}

.fuct_btn:hover:before,
.fuct_btn:hover:after {
    display: block
}

.fuct_btn:nth-of-type(3):before,
.fuct_btn:nth-of-type(4):before {
    left: unset;
    right: -25px
}

.fuct_btn:nth-of-type(3):after,
.fuct_btn:nth-of-type(4):after {
    left: unset;
    right: 0
}

.pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 50px
}

.pagination li a {
    box-shadow: 0px 1px 6.51px 0.49px rgba(0, 0, 0, 0.06);
    border-radius: 2px;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
    margin: 0 5px;
    background: #fff
}

.pagination li a.active {
    background: #d0cfcf;
    color: #fff
}

.pagination li a:hover {
    color: var(--red)
}

.pagination li:last-of-type a,
.pagination li:first-of-type a {
    box-shadow: unset;
    color: var(--red);
    font-size: 16px;
    background: unset
}

@media screen and (max-width: 1200px) {
    .table-orders {
        margin-bottom: 50px
    }

    .table-orders .table_row {
        grid-gap: 30px 10px;
        padding: 25px 5px;
        grid-template-columns: 80px 1.25fr 1fr 1fr 1fr 2fr
    }

    .table-orders .table_cell:last-of-type {
        grid-column: 1 / 7
    }
}

@media screen and (max-width: 767px) {
    .lk_nav {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        display: none
    }

    .lk_nav.active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .lk_nav a {
        width: 100%;
        margin-right: 0
    }

    .lk_nav-toggler {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .table-orders {
        margin-bottom: 50px
    }

    .table-orders .table_row {
        grid-gap: 30px 10px;
        padding: 25px 5px;
        grid-template-columns: 1fr;
        text-align: left
    }

    .table-orders .table_row.table_header {
        display: none
    }

    .table-orders .table_cell {
        border-bottom: 1px dashed var(--red);
        padding-bottom: 10px
    }

    .table-orders .table_cell:before {
        display: block;
        content: attr(title);
        font-size: 12px;
        font-weight: 700;
        margin-bottom: 10px
    }

    .table-orders .table_cell:last-of-type {
        grid-column: 1 / 2;
        border-bottom: none;
        padding-bottom: 0
    }

    .table-orders .table_cell:last-of-type:before {
        display: none
    }

    .pagination {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .pagination li:nth-of-type(7),
    .pagination li:nth-of-type(6) {
        display: none
    }
}

.offer {
    margin-bottom: 85px
}

.offer_content {
    padding: 58px 36px 80px;
    background: url("../img/offer_bg.jpg") no-repeat
}

.offer_heading {
    font-size: 34px;
    font-weight: 700;
    max-width: 430px;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 1.4;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.offer_list {
    margin-left: 10px;
    font-size: 22px;
    line-height: 1.6;
    list-style-type: none;
    margin-bottom: 34px;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.offer_list li {
    padding-left: 23px;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 2px
}

.offer_list li:before {
    content: '';
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: #ba2322
}

.offer .btn {
    display: block;
    margin-left: 5px;
    font-size: 19px;
    max-width: 270px;
    padding: 14px 10px 12px;
    font-weight: 500;
    font-family: 'Graphik', sans-serif
}

.partnership {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 0px;
    padding-bottom: 30px
}

.partnership h2 {
    width: 100%;
    text-align: center;
    font-size: 28px;
    margin-bottom: 83px;
    font-family: 'Graphik', sans-serif;
    text-transform: uppercase;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.partnership_wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 75px
}

.partnership_item {
    margin: 0 15px;
    background: #fff;
    position: relative;
    width: 100%;
    padding: 90px 15px 35px 15px;
    color: #000
}

.partnership_item-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 12px;
    width: 90px;
    height: 83px;
    background: url("../img/partneship_icon-bg.png") right center no-repeat;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -20px);
    -ms-transform: translate(-50%, -20px);
    transform: translate(-50%, -20px)
}

.partnership_item-name {
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 25px;
    text-align: center
}

.partnership_item-list {
    font-size: 15px;
    list-style: none;
    line-height: 1.8
}

.partnership_item-list li {
    margin-bottom: 0px
}

.partnership_item-list li:last-of-type {
    margin-bottom: 0
}

.partnership_item-list li:before {
    content: '•'
}

.partnership_item:nth-of-type(1) {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

.partnership_item:nth-of-type(2) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.partnership_item:nth-of-type(3) {
    -webkit-transition-delay: 1.25s;
    transition-delay: 1.25s
}

.partnership_form {
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.partnership_form .input {
    width: 100%
}

.partnership_form .input_wrap {
    width: 46%;
    margin-bottom: 12px
}

.partnership_form .input_wrap.wide {
    width: 100%
}

.partnership_form .input_label {
    margin-bottom: 10px;
    display: block
}

.partnership_form .policy {
    width: 100%
}

.partnership_form .policy span {
    display: block;
    margin: 15px auto 30px;
    max-width: 740px;
    text-align: center
}

.partnership_form .btn {
    margin: 0 auto;
    max-width: 265px
}

.brands {
    padding-top: 40px;
    padding-bottom: 80px
}

.brands h2 {
    font-size: 28px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 40px
}

.brands_wrap {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    grid-gap: 26px 22px;
    max-width: 910px;
    margin: 0 auto
}

.brands_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    box-shadow: 0px 7px 12.35px 0.65px rgba(0, 0, 1, 0.03);
    background: #fff
}

.contacts {
    position: relative;
    margin-bottom: 90px
}

.contacts .map {
    z-index: 5;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.contacts_block {
    position: absolute;
    bottom: 0;
    right: 50%;
    padding: 35px 35px 35px;
    background: #fff;
    width: 100%;
    max-width: 355px;
    box-shadow: 0px 16px 21.6px 2.4px rgba(0, 0, 0, 0.12);
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.contacts_block .close {
    position: absolute;
    right: 32px;
    top: 32px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
}

.contacts_block .close:hover {
    opacity: 1;
}

.contacts_block .close:before,
.contacts_block .close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #333;
}

.contacts_block .close:before {
    transform: rotate(45deg);
}

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


.contacts_block h4 {
    font-size: 19px;
    color: #ba2322;
    margin-bottom: 25px
}

.contacts_block ul {
    list-style-type: none;
    line-height: 1.5;
    font-size: 15px
}

.contacts_block ul,
.contacts_block ul a {
    color: #000
}

.contacts_block ul a:hover {
    text-decoration: underline
}

.contacts_block ul li:last-of-type {
    margin-top: 30px
}

.start_partnership {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 80px
}

.start_partnership-text {
    position: relative;
    width: 100%;
    max-width: 462px;
    padding-right: 17px;
    padding-bottom: 60px
}

.start_partnership-text h2 {
    font-size: 36px;
    text-transform: uppercase;
    margin-bottom: 30px;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.start_partnership-text p {
    font-size: 14px;
    margin-bottom: 18px;
    line-height: 1.8;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.start_partnership-text p:last-of-type {
    margin-bottom: 45px
}

.start_partnership-text .btn_wrap {
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.start_partnership-text .btn {
    margin-left: 0;
    max-width: 265px;
    color: #fff
}

.start_partnership-text .btn:hover {
    color: var(--red)
}

.start_partnership-text:before {
    content: '';
    display: block;
    height: 100%;
    width: 2px;
    background: #fff;
    box-shadow: 0px 9px 21.33px 5.67px rgba(0, 0, 1, 0.06);
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.start_partnership-benefits {
    padding: 12px 30px 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 23px 10px;
    width: 100%;
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

.start_partnership-item {
    padding-left: 63px;
    position: relative
}

.start_partnership-item h5 {
    padding-top: 7px;
    margin-bottom: 12px;
    font-size: 13px;
    text-transform: uppercase
}

.start_partnership-item p {
    font-size: 13px;
    line-height: 1.5
}

.start_partnership-icon {
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

.advantages_header {
    padding: 6px 30px 4px;
    border-left: 8px solid #000;
    text-transform: uppercase;
    color: #999;
    font-size: 22px;
    margin-left: 55px;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.advantages_header h2 {
    font-size: 28px;
    color: #000;
    margin-bottom: 8px
}

.advantages_circle {
    margin: -30px auto 150px;
    max-width: 490px;
    position: relative;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.advantages_circle-steps {
    position: absolute;
    top: calc(50% + 9px);
    left: calc(50% - 3px);
    -webkit-transform: translate(-50%, -50%) rotate(-135deg);
    -ms-transform: translate(-50%, -50%) rotate(-135deg);
    transform: translate(-50%, -50%) rotate(-135deg)
}

.advantages_circle-steps g {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center
}

.advantages_circle-steps g:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.advantages_circle-steps g:nth-of-type(2) {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.advantages_circle-steps g:nth-of-type(3) {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

.advantages_circle-steps g:nth-of-type(4) {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s
}

.advantages_circle-steps g:nth-of-type(5) {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition-delay: 3s;
    transition-delay: 3s
}

.advantages_circle-steps g:nth-of-type(6) {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-transition-delay: 3.5s;
    transition-delay: 3.5s
}

.advantages_circle .logo {
    font-size: 42px;
    font-weight: 700;
    position: absolute;
    right: 50%;
    bottom: 60%;
    white-space: nowrap
}

.advantages_circle .advantages_img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.advantages_circle-list {
    counter-reset: circleCounter;
    list-style: none
}

.advantages_circle-list li {
    font-weight: 500;
    color: #000;
    font-size: 16px;
    position: absolute;
    width: 100vw
}

.advantages_circle-list li:before {
    counter-increment: circleCounter;
    content: "0"counter(circleCounter);
    font-size: 58px;
    color: #ccc;
    display: block;
    font-weight: 500;
    margin-bottom: 0px
}

.advantages_circle-list li:after {
    content: '';
    display: block;
    position: absolute;
    border: 3px dotted #000
}

.advantages_circle-list li:nth-of-type(1) {
    top: -57px;
    left: 87%;
    max-width: 268px;
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

.advantages_circle-list li:nth-of-type(1):after {
    left: -25px;
    top: 85%;
    -webkit-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
    border-right: none;
    border-bottom: none;
    width: 80px;
    height: 20px
}

.advantages_circle-list li:nth-of-type(2) {
    top: 100px;
    left: calc(100% + 40px);
    max-width: 210px;
    -webkit-transition-delay: 1.5s;
    transition-delay: 1.5s
}

.advantages_circle-list li:nth-of-type(2):after {
    left: -20px;
    top: 100%;
    -webkit-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
    border-right: none;
    border-bottom: none;
    border-left: none;
    width: 70px;
    height: 20px
}

.advantages_circle-list li:nth-of-type(3) {
    top: 290px;
    left: calc(100% + 40px);
    max-width: 210px;
    -webkit-transition-delay: 2s;
    transition-delay: 2s
}

.advantages_circle-list li:nth-of-type(3):after {
    left: -20px;
    top: 92%;
    -webkit-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
    border-right: none;
    border-bottom: none;
    border-left: none;
    width: 80px;
    height: 20px
}

.advantages_circle-list li:nth-of-type(4) {
    top: 432px;
    left: calc(100% - 112px);
    max-width: 215px;
    -webkit-transition-delay: 2.5s;
    transition-delay: 2.5s
}

.advantages_circle-list li:nth-of-type(4):after {
    left: -20px;
    top: 65%;
    -webkit-transform: translate(-100%, -100%);
    -ms-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
    border-right: none;
    border-top: none;
    width: 80px;
    height: 20px
}

.advantages_circle-list li:nth-of-type(5) {
    top: 415px;
    max-width: 265px;
    text-align: right;
    left: unset;
    right: 88%;
    -webkit-transition-delay: 3s;
    transition-delay: 3s
}

.advantages_circle-list li:nth-of-type(5):after {
    content: '';
    display: block;
    position: absolute;
    border: 3px dotted #000;
    width: 75px;
    height: 25px;
    right: -20px;
    top: 70%;
    border-top: none;
    border-left: none;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.advantages_circle-list li:nth-of-type(6) {
    top: 270px;
    right: calc(100% + 37px);
    max-width: 220px;
    text-align: right;
    -webkit-transition-delay: 3.5s;
    transition-delay: 3.5s
}

.advantages_circle-list li:nth-of-type(6):after {
    content: '';
    display: block;
    position: absolute;
    border: 3px dotted #000;
    width: 50px;
    height: 25px;
    right: -20px;
    top: 60%;
    border-top: none;
    border-left: none;
    border-right: none;
    -webkit-transform: translate(100%, -50%);
    -ms-transform: translate(100%, -50%);
    transform: translate(100%, -50%)
}

.advantages_circle-icons img {
    position: absolute
}

.advantages_circle-icons img:nth-of-type(1) {
    top: 80px;
    right: 160px
}

.advantages_circle-icons img:nth-of-type(2) {
    top: 160px;
    right: 70px
}

.advantages_circle-icons img:nth-of-type(3) {
    top: 290px;
    right: 70px
}

.advantages_circle-icons img:nth-of-type(4) {
    top: 370px;
    right: 150px
}

.advantages_circle-icons img:nth-of-type(5) {
    top: 370px;
    left: 160px
}

.advantages_circle-icons img:nth-of-type(6) {
    top: 295px;
    left: 74px
}

@media screen and (max-width: 1200px) {
    .offer_content {
        padding: 60px 10px 90px;
        background-position: -175px 0
    }

    .advantages_header {
        margin-left: 0
    }

    .advantages_circle {
        -webkit-transform: scale(0.75);
        -ms-transform: scale(0.75);
        transform: scale(0.75)
    }

    .partnership_item {
        margin: 0 5px
    }

    .partnership_form .input_wrap {
        width: 49%
    }

    .brands_wrap {
        grid-template-columns: repeat(3, 1fr)
    }

    .start_partnership {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .start_partnership-text {
        padding-right: 0;
        max-width: 100%;
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    .start_partnership-text:before {
        width: 100%;
        height: 3px;
        left: 0;
        top: 100%
    }
}

@media screen and (max-width: 767px) {
    .login_btns {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .login_btns a {
        margin-left: 0;
        margin-bottom: 15px
    }

    .offer_content {
        background-position: -100px 0;
        padding: 15px
    }

    .offer_heading {
        margin: 0 0 15px;
        font-size: 24px
    }

    .offer_list {
        font-size: 15px
    }

    .advantages_header {
        font-size: 14px;
        margin-bottom: 20px
    }

    .advantages_header h2 {
        font-size: 20px
    }

    .advantages_circle {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        margin: 0 0 50px
    }

    .advantages_circle img,
    .advantages_circle svg {
        display: none
    }

    .advantages_circle .logo {
        display: none
    }

    .advantages_circle-list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 25px
    }

    .advantages_circle-list li {
        position: static;
        top: unset;
        left: unset;
        right: unset;
        bottom: unset;
        text-align: left !important
    }

    .advantages_circle-list li:after {
        display: none !important
    }

    .partnership_wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0
    }

    .partnership_item {
        margin: 0 0 50px
    }

    .partnership_form .input_wrap {
        width: 100%
    }

    .brands_wrap {
        grid-template-columns: 1fr 1fr
    }

    .contacts_block {
        position: static;
        max-width: 100%
    }

    .start_partnership-benefits {
        grid-template-columns: 1fr
    }
}

@media screen and (max-width: 567px) {
    .offer_heading {
        font-size: 20px
    }

    .advantages_circle-list {
        display: block
    }

    .advantages_circle-list li {
        max-width: 100% !important;
        margin-bottom: 20px
    }

    .advantages_circle-list li br {
        display: none
    }

    .advantages_circle-list li:before {
        font-size: 36px
    }

    .start_partnership-benefits {
        padding: 0
    }

    .partnership h2,
    .brands h2,
    .start_partnership-text h2 {
        font-size: 20px
    }
}

.fadeIn {
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    opacity: 0;
    pointer-events: none
}

.animated .fadeIn {
    opacity: 1;
    pointer-events: unset
}

#back-top {
    position: fixed;
    width: 100px;
    height: 100%;
    display: none;
    /* top: 20px; */
    /* left: 20px; */
}

#back-top a {
    display: block;
    text-align: center;
    font: 12px Arial, Verdana, Tahoma, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    width: 100%;
    height: 100%;
    background: #dae5f0;
    color: rgb(82, 126, 206);
}

#back-top a:hover {
    background: #c3cfd8;
}

#back-top span {
    display: none;
    width: 100%;
    height: 47px;
    display: block;
    margin-bottom: 7px;
    position: absolute;
    bottom: 30px;
}

#saveDraft:hover {
    cursor: pointer;
}

/*# sourceMappingURL=style.min.css.map */
.sort_div {
    padding-bottom: 5px;
}

.sort_div a {
    color: #000;
}

.shop_hot_key {
    float: right;
}

.shop_hot_key a {
    border-bottom: 1px dashed var(--red);
    color: var(--red);
    cursor: pointer;
    margin: 0 5px;

}

.shop_hot_key a:hover {
    border-bottom: 1px solid var(--red);
    color: var(--red);
}

.sort_links {
    margin: 0 10px;
}

.sort_links.active {
    border-bottom: 1px dashed var(--red);
    color: var(--red);
}

.sort_links:hover {
    border-bottom: 1px solid var(--red);
    color: var(--red);
}

#loading {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed;
    display: flex;
    opacity: 0.9;
    background-color: #fff;
    z-index: 9999;
    text-align: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

#loading-image {
    width: 100px;
    height: 100px;
    z-index: 10000;
    -webkit-animation: breathing 2s linear infinite;
    animation: breathing 2s linear infinite;
}

@keyframes breathing {
    0% {
        transform: scale(.9);
    }

    25% {
        transform: scale(1);
    }

    50% {
        transform: scale(.9);
    }

    75% {
        transform: scale(1);
    }

    100% {
        transform: scale(.9);
    }
}