a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}
body {
    line-height: 1;
    overflow-x: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 16px;
    font-family: Roboto-regular, sans-serif;
    color: #202225
}
ol, ul {
    list-style: none
}
blockquote, q {
    quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
a, a:focus, a:hover {
    text-decoration: none
}
* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
img {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}
img, svg {
    -ms-flex-negative: 0;
    flex-shrink: 0
}
button {
    cursor: pointer;
    padding: 0
}
button, input {
    outline: 0;
    border: 0
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}
input[type=number] {
    -moz-appearance: textfield
}
input[type=number]:focus, input[type=number]:hover {
    -moz-appearance: number-input
}
/*! nouislider - 9.1.0 - 2016-12-10 16:00:32 */
@-webkit-keyframes progrex-bar-stripes {
    0% {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}
@keyframes progrex-bar-stripes {
    0% {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}
@-webkit-keyframes fancybox-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes fancybox-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@-webkit-keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
@keyframes swiper-preloader-spin {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.noUi-target, .noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -ms-touch-action: none;
    touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.noUi-target {
    position: relative;
    direction: ltr
}
.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1
}
.noUi-connect {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0
}
.noUi-origin {
    position: absolute;
    height: 0;
    width: 0
}
.noUi-handle {
    position: relative;
    z-index: 1
}
.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    -webkit-transition: top .25s, right .25s, bottom .25s, left .25s;
    transition: top .25s, right .25s, bottom .25s, left .25s
}
.noUi-state-drag * {
    cursor: inherit!important
}
.noUi-handle-touch-area {
    position: relative;
    width: 44px;
    height: 44px;
    left: -15px;
    top: -15px
}
.noUi-base, .noUi-handle {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.noUi-target {
    background: #cdcdcd
}
.noUi-connect {
    background: #26a69a;
    -webkit-transition: background 450ms;
    transition: background 450ms
}
.noUi-draggable {
    cursor: ew-resize
}
.noUi-vertical .noUi-draggable {
    cursor: ns-resize
}
.noUi-handle {
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ebebeb, 0 3px 6px -3px #bbb
}
.noUi-active {
    -webkit-box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb;
    box-shadow: inset 0 0 1px #fff, inset 0 1px 7px #ddd, 0 3px 6px -3px #bbb
}
.noUi-handle:after, .noUi-handle:before {
    display: block;
    position: absolute;
    height: 14px;
    width: 1px;
    background: #e8e7e6;
    left: 14px;
    top: 6px
}
.noUi-handle:after {
    left: 17px
}
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px
}
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 17px
}
[disabled] .noUi-connect {
    background: #b8b8b8
}
[disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target {
    cursor: not-allowed
}
.noUi-pips, .noUi-pips * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.noUi-pips {
    position: absolute;
    color: #999
}
.noUi-value {
    position: absolute;
    text-align: center
}
.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}
.noUi-marker {
    position: absolute;
    background: #ccc
}
.noUi-marker-large, .noUi-marker-sub {
    background: #aaa
}
.noUi-pips-horizontal {
    padding: 10px 0;
    height: 80px;
    top: 100%;
    left: 0;
    width: 100%
}
.noUi-value-horizontal {
    -webkit-transform: translate3d(-50%, 50%, 0);
    transform: translate3d(-50%, 50%, 0)
}
.noUi-marker-horizontal.noUi-marker {
    margin-left: -1px;
    width: 2px;
    height: 5px
}
.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}
.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}
.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%
}
.noUi-value-vertical {
    -webkit-transform: translate3d(0, 50%, 0);
    transform: translate3d(0, 50%, 0);
    padding-left: 25px
}
.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px
}
.noUi-marker-vertical.noUi-marker-sub {
    width: 10px
}
.noUi-marker-vertical.noUi-marker-large {
    width: 15px
}
.noUi-tooltip, .noUi-tooltip span {
    text-align: center;
    position: absolute
}
.noUi-tooltip {
    display: block;
    border: 1px solid transparent;
    border-radius: 3px;
    background: #fff;
    color: #000;
    padding: 5px
}
.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 50%;
    bottom: 120%
}
.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%
}
.noUi-target {
    border: 0;
    border-radius: 0
}
.noUi-horizontal {
    height: 3px
}
.noUi-vertical {
    height: 100%;
    width: 3px
}
.noUi-horizontal .noUi-handle, .noUi-vertical .noUi-handle {
    border-radius: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: -5px;
    top: -6px;
    -webkit-transition: width .2s cubic-bezier(.215, .61, .355, 1), height .2s cubic-bezier(.215, .61, .355, 1), left .2s cubic-bezier(.215, .61, .355, 1), top .2s cubic-bezier(.215, .61, .355, 1);
    transition: width .2s cubic-bezier(.215, .61, .355, 1), height .2s cubic-bezier(.215, .61, .355, 1), left .2s cubic-bezier(.215, .61, .355, 1), top .2s cubic-bezier(.215, .61, .355, 1)
}
.noUi-vertical .noUi-handle {
    width: 15px;
    height: 15px;
    background-color: #26a69a;
    border: 0
}
.noUi-handle:after, .noUi-handle:before {
    content: none
}
.noUi-tooltip span {
    width: 100%;
    color: #fff;
    font-size: 12px;
    opacity: 0;
    top: 6px;
    left: -1px;
    -webkit-transition: opacity .25s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .25s cubic-bezier(.215, .61, .355, 1)
}
.noUi-horizontal .noUi-tooltip span {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.noUi-vertical .noUi-tooltip span {
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0;
    position: absolute;
    top: 7px;
    left: -1px;
    -webkit-transition: opacity .25s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .25s cubic-bezier(.215, .61, .355, 1)
}
.noUi-target.noUi-vertical .noUi-tooltip {
    position: absolute;
    height: 30px;
    width: 30px;
    top: -17px;
    left: -2px;
    background-color: #26a69a;
    border-radius: 50%;
    -webkit-transition: border-radius .25s cubic-bezier(.215, .61, .355, 1), -webkit-transform .25s cubic-bezier(.215, .61, .355, 1);
    transition: border-radius .25s cubic-bezier(.215, .61, .355, 1), transform .25s cubic-bezier(.215, .61, .355, 1);
    transition: border-radius .25s cubic-bezier(.215, .61, .355, 1), transform .25s cubic-bezier(.215, .61, .355, 1), -webkit-transform .25s cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: scale(.5) rotate(-45deg);
    transform: scale(.5) rotate(-45deg);
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%
}
.noUi-target.noUi-vertical .noUi-active .noUi-tooltip {
    border-radius: 15px 15px 15px 0;
    -webkit-transform: rotate(-135deg) translate(35px, -10px);
    transform: rotate(-135deg) translate(35px, -10px)
}
.noUi-horizontal .noUi-active .noUi-tooltip span, .noUi-vertical .noUi-active .noUi-tooltip span {
    opacity: 1
}
body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 100vh;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}
main {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
.debug_dump {
    background: #f5f2f0;
    border: solid 1px rgba(51, 51, 51, .12);
    clear: both;
    float: left;
    margin-top: 45px;
    overflow: auto;
    padding: 12px 7px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 5px
}
.main-nav {
    background-color: #2d2d2d;
    color: #666;
    padding: 0;
    margin: 0;
    text-transform: uppercase
}
.main-nav ul a:hover {
    background-color: rgba(0, 0, 0, .2);
    color: #2ecc71
}
.brand-logo {
    height: 56px
}
.brand-logo img {
    margin-left: 3px;
    margin-top: 7px;
    width: 130px
}
.message-item {
    padding: 5px;
    margin: 0;
    border-bottom: 1px solid #e0e0e0
}
.message-item .collapsible-icon {
    margin-top: 8px
}
.message-item span {
    font-size: .8rem;
    font-weight: 600;
    height: 42px;
    line-height: 42px;
    padding: 0
}
.message-item a {
    padding: 0
}
.message-item a:hover {
    background: 0 0
}
.message-item a i {
    margin-top: 12px;
    height: 20px
}
.message-item a i:hover {
    color: #00c853;
    font-weight: bolder
}
.message-item p {
    margin: 0
}
.default {
    border: 1px solid #ccc
}
.success {
    background-color: #00c853
}
.danger {
    background-color: #f44336
}
.danger:hover {
    background-color: #fc6665
}
.delete {
    position: absolute;
    top: -19px;
    right: -9px
}
.delete:hover {
    background-color: #ddd
}
.row-reset {
    margin-bottom: 0
}
.separator.up {
    margin-top: 30px
}
.separator.down {
    margin-bottom: 30px
}
.center-pading {
    padding: 5px
}
.input-field .select-wrapper.invalid {
    border-bottom: 0
}
.input-field .select-wrapper.invalid input.select-dropdown {
    border-bottom: 1px solid #f44336;
    -webkit-box-shadow: 0 1px 0 0 #f44336;
    box-shadow: 0 1px 0 0 #f44336
}
.input-field .invalid[type=checkbox]+label:before {
    border: 3px solid #f44336;
    background: 0 0
}
.input-field .invalid[type=checkbox]:checked+label:before {
    border-top: 3px solid transparent;
    border-left: 3px solid transparent
}
.modal {
    padding: 0
}
.modal-header {
    background-color: #484848;
    border-bottom: solid 1px #ecf0f1;
    color: #fff;
    float: left;
    margin-bottom: 20px;
    padding: 20px 35px;
    width: 100%
}
.modal-header .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.modal-header .title span {
    margin-left: 10px
}
#footer-match {
    background-color: #333;
    color: #999;
    margin-top: 0
}
#footer-match .footer-match-copyright {
    background-color: #202020;
    color: #999
}
footer div a, footer div a:hover {
    color: #999;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent
}
footer div a:hover {
    color: #2ecc71
}
@media only screen and (max-width:600px) {
    .card.sticky-action .card-reveal {
        z-index: 1;
        padding-bottom: 100px
    }
    .brand-logo img {
        margin-left: 0;
        margin-top: 5px;
        width: 115px
    }
}
.btn-flat.disabled, .btn.disabled, .btn[disabled], .disabled.btn-large, [disabled].btn-large {
    background-color: #e6e6e6;
    background-image: none;
    border: 0;
    color: #333;
    cursor: not-allowed;
    opacity: .4;
    -webkit-box-shadow: none;
    box-shadow: none
}
.collapsible-body, nav .dropdown-content li>span {
    padding: 0
}
.collapsible-body fieldset {
    margin: 2px
}
.noUi-connect, .noUi-horizontal .noUi-handle {
    background: #2ecc71
}
.noUi-target.noUi-horizontal .noUi-tooltip {
    background-color: #2ecc71
}
.img-button {
    float: left;
    padding: 0 20px
}
.img-button:hover i {
    color: #4caf50
}
.img-button i {
    font-size: 2rem
}
.progrex {
    background-color: #f5f5f5;
    border-radius: 4px;
    height: 20px;
    overflow: hidden;
    margin-bottom: 20px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}
.progrex-bar {
    background-color: #337ab7;
    color: #fff;
    float: left;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    width: 0;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    transition: width .6s ease
}
.progrex-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px
}
.progrex-bar.active {
    -webkit-animation: progrex-bar-stripes 2s linear infinite;
    animation: progrex-bar-stripes 2s linear infinite
}
.progrex-bar-success {
    background-color: #5cb85c
}
.progrex-bar-info {
    background-color: #5bc0de
}
.progrex-bar-warning {
    background-color: #f0ad4e
}
.progrex-bar-danger {
    background-color: #d9534f
}
#card-alert i, nav ul li {
    position: relative
}
nav .dropdown-content {
    top: 64px!important;
    right: 0;
    min-width: 180px;
    left: auto!important;
    border: 0
}
nav .dropdown-content.messages {
    width: 250px!important
}
nav.main-nav {
    text-transform: uppercase
}
nav.main-nav ul a:hover {
    background-color: rgba(255, 255, 255, .1);
    color: #2ecc71
}
nav.main-nav ul a:hover .counts {
    color: #fff
}
.card, body.compensate-for-scrollbar {
    overflow: hidden
}
#card-alert .card .card-content {
    padding: 20px 40px 20px 20px
}
#card-alert i {
    font-size: 20px;
    top: 2px
}
#card-alert button {
    background: 0 0;
    border: 0;
    color: #fff;
    font-size: 20px;
    position: absolute;
    right: 10px;
    top: 15px
}
.flex-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start
}
.row .flex-grid .flex-item {
    margin-left: 0
}
#flash-messages {
    left: 0;
    margin-top: 64px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999
}
.counts, p {
    line-height: 20px
}
.counts {
    height: 20px;
    width: 20px;
    position: absolute;
    z-index: 5;
    text-align: center;
    font-size: 11px;
    top: 10px;
    right: 10px;
    background: #ff0057;
    display: block;
    border-radius: 10px;
    padding: 0
}
.errors_block {
    background-color: #f2dede;
    border: 2px solid #eed3d7;
    border-radius: 2px;
    color: #f44336;
    margin: 0 0 15px;
    padding: 8px 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .5)
}
.errors_block ul {
    font-size: 16px
}
p {
    color: #222;
    font-size: 14px
}
.no-padding {
    padding: 0
}
.bold, .errors_block span {
    font-weight: 700
}
.bolder {
    font-weight: bolder
}
.actions {
    text-align: right
}
label abbr {
    border-bottom: 0!important;
    color: red;
    text-decoration: none
}
.fancybox-active {
    height: auto
}
.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute!important;
    top: -9999px;
    visibility: hidden
}
.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: 0;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}
.fancybox-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}
.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}
.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}
.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}
.fancybox-infobar, .fancybox-toolbar {
    opacity: 0;
    position: absolute;
    z-index: 99997
}
.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
    direction: ltr;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden
}
.fancybox-caption {
    opacity: 0;
    position: absolute
}
.fancybox-navigation .fancybox-button {
    z-index: 99997
}
.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}
.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.fancybox-toolbar {
    right: 0;
    top: 0
}
.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}
.fancybox-is-open .fancybox-stage {
    overflow: hidden
}
.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}
.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
    display: block
}
.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}
.fancybox-slide--image::before {
    display: none
}
.fancybox-slide--html {
    padding: 6px
}
.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}
.fancybox-image, .fancybox-slide--image .fancybox-content, .fancybox-spaceball {
    background: 0 0;
    left: 0;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}
.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: visible;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    z-index: 99995
}
.fancybox-can-zoomOut .fancybox-content {
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}
.fancybox-can-zoomIn .fancybox-content {
    cursor: -webkit-zoom-in;
    cursor: zoom-in
}
.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}
.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}
.fancybox-container [data-selectable=true] {
    cursor: text
}
.fancybox-image, .fancybox-spaceball {
    border: 0;
    height: 100%;
    margin: 0;
    max-height: none;
    width: 100%
}
.fancybox-spaceball {
    z-index: 1
}
.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}
.fancybox-slide--video .fancybox-content {
    background: #000
}
.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}
.fancybox-slide--iframe .fancybox-content {
    background: #fff
}
.fancybox-iframe, .fancybox-video {
    background: 0 0;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}
.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}
.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}
.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;
    color: #ccc
}
.fancybox-button:link, .fancybox-button:visited {
    color: #ccc
}
.fancybox-button:hover {
    color: #fff
}
.fancybox-button:focus {
    outline: 0
}
.fancybox-button.fancybox-focus {
    outline: 1px dotted
}
.fancybox-button[disabled], .fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: 0
}
.fancybox-button div {
    height: 100%
}
.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}
.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}
.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1), .fancybox-button--play svg:nth-child(2) {
    display: none
}
.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 99998
}
.fancybox-close-small {
    background: 0 0;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}
.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}
.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}
.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}
.fancybox-navigation .fancybox-button div {
    padding: 7px
}
.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}
.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}
.fancybox-caption {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .85)), color-stop(50%, rgba(0, 0, 0, .3)), color-stop(65%, rgba(0, 0, 0, .15)), color-stop(75.5%, rgba(0, 0, 0, .075)), color-stop(82.85%, rgba(0, 0, 0, .037)), color-stop(88%, rgba(0, 0, 0, .019)), to(transparent));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent 100%);
    background: linear-gradient(to top, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}
.fancybox-caption--separate {
    margin-top: -50px
}
.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}
.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}
.fancybox-loading {
    -webkit-animation: fancybox-rotate 1s linear infinite;
    animation: fancybox-rotate 1s linear infinite;
    background: 0 0;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}
.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}
.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg)
}
.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}
.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}
.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0)
}
.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1)
}
@media all and (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }
    .fancybox-slide--image {
        padding: 6px 0
    }
    .fancybox-close-small {
        right: -6px
    }
    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }
    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }
}
.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center
}
.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px
}
.fancybox-share p {
    margin: 0;
    padding: 0
}
.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    -webkit-transition: all .2s;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap
}
.catalogMenu .to-catalog:hover span, .fancybox-share__button:link, .fancybox-share__button:visited {
    color: #fff
}
.fancybox-share__button:hover {
    text-decoration: none
}
.fancybox-share__button--fb {
    background: #3b5998
}
.fancybox-share__button--fb:hover {
    background: #344e86
}
.fancybox-share__button--pt {
    background: #bd081d
}
.fancybox-share__button--pt:hover {
    background: #aa0719
}
.fancybox-share__button--tw {
    background: #1da1f2
}
.fancybox-share__button--tw:hover {
    background: #0d95e8
}
.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px
}
.fancybox-share__button svg path {
    fill: #fff
}
.fancybox-share__input {
    background: 0 0;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0;
    outline: 0;
    padding: 10px 15px;
    width: 100%
}
.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    width: 212px;
    z-index: 99995
}
.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden
}
.fancybox-show-thumbs .fancybox-thumbs {
    display: block
}
.fancybox-show-thumbs .fancybox-inner {
    right: 212px
}
.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: relative;
    white-space: nowrap;
    width: 100%
}
.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px
}
.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px
}
.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transition: all .2s cubic-bezier(.25, .46, .45, .94);
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991
}
.fancybox-thumbs__list a:focus::before {
    opacity: .5
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1
}
@media all and (max-width:576px) {
    .fancybox-thumbs {
        width: 110px
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px
    }
    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px)
    }
}
.nice-select {
    -webkit-tap-highlight-color: transparent;
    background-color: #fff;
    border: solid 1px #e8e8e8;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    cursor: pointer;
    display: block;
    float: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 400;
    outline: 0;
    padding-right: 30px;
    position: relative;
    text-align: left!important;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
    width: auto
}
.nice-select:hover {
    border-color: #dbdbdb
}
.nice-select.open, .nice-select:active, .nice-select:focus {
    border-color: #999
}
.nice-select:after {
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
    transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
    width: 5px
}
.nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0)
}
.nice-select.disabled {
    border-color: #ededed;
    color: #999;
    pointer-events: none
}
.nice-select.disabled:after {
    border-color: #ccc
}
.nice-select.wide {
    width: 100%
}
.nice-select.wide .list {
    left: 0!important;
    right: 0!important
}
.nice-select.right {
    float: right
}
.nice-select.right .list {
    left: auto;
    right: 0
}
.nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px
}
.nice-select.small:after {
    height: 4px;
    width: 4px
}
.nice-select.small .option {
    line-height: 34px;
    min-height: 34px
}
.nice-select .list {
    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
    box-shadow: 0 0 0 1px rgba(68, 68, 68, .11);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(.75) translateY(-21px);
    transform: scale(.75) translateY(-21px);
    -webkit-transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    transition: all .2s cubic-bezier(.5, 0, 0, 1.25), opacity .15s ease-out;
    z-index: 9
}
.nice-select .list:hover .option:not(:hover) {
    background-color: transparent!important
}
.nice-select .option {
    cursor: pointer;
    list-style: none;
    min-height: 40px;
    outline: 0;
    text-align: left;
    -webkit-transition: all .2s;
    transition: all .2s
}
.nice-select .option.focus, .nice-select .option.selected.focus {
    background-color: #f1f1f1;
    color: #f06149
}
.nice-select .option.selected {
    font-weight: 700
}
.nice-select .option.disabled {
    background-color: transparent;
    color: #999;
    cursor: default
}
.no-csspointerevents .nice-select .list {
    display: none
}
.no-csspointerevents .nice-select.open .list {
    display: block
}
.swiper-container {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}
.swiper-container-no-flexbox .swiper-slide {
    float: left
}
.swiper-container-vertical>.swiper-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.swiper-slide, .swiper-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
    -webkit-transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform
}
.swiper-wrapper {
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.swiper-container-multirow>.swiper-wrapper {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    margin: 0 auto
}
.swiper-slide {
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.swiper-invisible-blank-slide {
    visibility: hidden
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
    height: auto
}
.swiper-container-autoheight .swiper-wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-transition-property: height, -webkit-transform;
    transition-property: transform, height;
    transition-property: transform, height, -webkit-transform
}
.swiper-container-3d {
    -webkit-perspective: 1200px;
    perspective: 1200px
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}
.swiper-container-3d .swiper-slide-shadow-left {
    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-right {
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-top {
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(transparent));
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), transparent);
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), transparent)
}
.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal>.swiper-wrapper {
    -ms-touch-action: pan-y;
    touch-action: pan-y
}
.swiper-container-wp8-vertical, .swiper-container-wp8-vertical>.swiper-wrapper {
    -ms-touch-action: pan-x;
    touch-action: pan-x
}
.swiper-button-next, .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 27px;
    height: 44px;
    margin-top: -22px;
    z-index: 10;
    cursor: pointer;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left: 10px;
    right: auto
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right: 10px;
    left: auto
}
.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}
.swiper-button-lock {
    display: none
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s opacity;
    transition: .3s opacity;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 10
}
.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}
.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transform: scale(.33);
    transform: scale(.33);
    position: relative
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    -webkit-transform: scale(1);
    transform: scale(1)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    -webkit-transform: scale(.66);
    transform: scale(.66)
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    -webkit-transform: scale(.33);
    transform: scale(.33)
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2
}
button.swiper-pagination-bullet {
    border: 0;
    margin: 0;
    padding: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}
.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff
}
.swiper-container-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px
}
.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    -webkit-transition: .2s top, .2s -webkit-transform;
    transition: .2s transform, .2s top;
    transition: .2s transform, .2s top, .2s -webkit-transform
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    white-space: nowrap
}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s left, .2s -webkit-transform;
    transition: .2s transform, .2s left;
    transition: .2s transform, .2s left, .2s -webkit-transform
}
.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    -webkit-transition: .2s right, .2s -webkit-transform;
    transition: .2s transform, .2s right;
    transition: .2s transform, .2s right, .2s -webkit-transform
}
.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, .25);
    position: absolute
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #007aff;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    transform-origin: left top
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    -webkit-transform-origin: right top;
    transform-origin: right top
}
.swiper-container-horizontal>.swiper-pagination-progressbar, .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}
.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill, .swiper-pagination-white .swiper-pagination-bullet-active {
    background: #fff
}
.swiper-pagination-progressbar.swiper-pagination-white {
    background: rgba(255, 255, 255, .25)
}
.swiper-pagination-black .swiper-pagination-bullet-active, .swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
    background: #000
}
.swiper-pagination-progressbar.swiper-pagination-black {
    background: rgba(0, 0, 0, .25)
}
.swiper-pagination-lock {
    display: none
}
.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, .1)
}
.swiper-container-horizontal>.swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}
.swiper-container-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}
.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px;
    left: 0;
    top: 0
}
.swiper-scrollbar-cursor-drag {
    cursor: move
}
.swiper-scrollbar-lock {
    display: none
}
.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center
}
.swiper-zoom-container>canvas, .swiper-zoom-container>img, .swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}
.swiper-slide-zoomed {
    cursor: move
}
.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    -webkit-transform-origin: 50%;
    transform-origin: 50%;
    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
    animation: swiper-preloader-spin 1s steps(12, end) infinite
}
.swiper-lazy-preloader:after {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position: 50%;
    background-size: 100%;
    background-repeat: no-repeat
}
.swiper-lazy-preloader-white:after {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}
.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    transition-property: opacity
}
.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-container-cube, .swiper-container-flip {
    overflow: visible
}
.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}
.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0
}
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next+.swiper-slide, .swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .6;
    -webkit-filter: blur(50px);
    filter: blur(50px);
    z-index: 0
}
.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}
.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.swiper-container-coverflow .swiper-wrapper {
    -ms-perspective: 1200px
}
@font-face {
    font-display: swap;
    font-family: Roboto-bold;
    src: url(../fonts/Roboto-Bold.eot);
    src: url(../fonts/Roboto-Bold.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-Bold.woff) format('woff'), url(../fonts/Roboto-Bold.ttf) format('truetype');
    font-weight: 700;
    font-style: normal
}
@font-face {
    font-display: swap;
    font-family: Roboto-regular;
    src: url(../fonts/Roboto-Regular.eot);
    src: url(../fonts/Roboto-Regular.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-Regular.woff) format('woff'), url(../fonts/Roboto-Regular.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}
@font-face {
    font-display: swap;
    font-family: Roboto-medium;
    src: url(../fonts/Roboto-Medium.eot);
    src: url(../fonts/Roboto-Medium.eot?#iefix) format('embedded-opentype'), url(../fonts/Roboto-Medium.woff) format('woff'), url(../fonts/Roboto-Medium.ttf) format('truetype');
    font-weight: 500;
    font-style: normal
}
.catalog__filters {
    padding: 0!important;
    max-width: 225px!important
}
.collapsible-body {
    -webkit-transition: .3s;
    transition: .3s;
    overflow: hidden
}
.catalog__filters {
    background-color: transparent!important
}
.catalog__products {
    width: 100%
}
.catalog-top-title {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 124%;
    color: #202225;
    margin-bottom: 24px
}
.ctg__top {
    background-color: #fff
}
.ctg__header {
    height: 40px;
    width: 100%;
    background: #fff;
    border: 1px solid rgba(101, 97, 91, .18);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    padding-left: 10px;
    padding-right: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-style: normal;
    font-weight: 700;
    font-size: 13px;
    line-height: 136%;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #000
}
.ctg__header svg {
    -webkit-transition: .2s;
    transition: .2s
}
.ctg__body .collapsible-header.active svg, .ctg__header.active svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.ctg__body {
    padding-left: 16px;
    padding-top: 22px;
    padding-right: 16px;
    visibility: hidden;
    position: absolute;
    opacity: 0
}
.ctg__body.active {
    position: static;
    opacity: 1;
    visibility: visible
}
.ctg__body .collapsible-header, .ctg__body-2 a {
    margin-bottom: 18px;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 136%
}
.ctg__body .collapsible-header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-radius: 4px;
    padding: 12px 12px 12px 16px;
    color: #000
}
.ctg__body .collapsible-header svg {
    margin-left: 10px;
    -webkit-transition: .2s;
    transition: .2s
}
.ctg__body .collapsible-header.active {
    background: rgba(101, 97, 91, .08)
}
.ctg__body .collapsible-header.active + .collapsible-body{
    height:auto !important;
}
.ctg__body .collapsible-header, .ctg__body-2, .ctg__feat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.ctg__body-2 {
    padding-top: 18px;
    padding-left: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.ctg__body-2 a {
    color: #65615b
}
.ctg__body-2 a.active{
    color: #f06149;
    font-weight: bold;
}
.ctg__feat {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px
}
@media screen and (max-width:1024px) {
    .ctg__feat {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}
.ctg__left, .ctg__sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media screen and (max-width:1024px) {
    .ctg__sort {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}
.ctg__sort-button svg, .ctg__sort-title {
    margin-right: 12px
}
@media screen and (max-width:1024px) {
    .ctg__sort-title {
        height: 40px
    }
}
.ctg__sort-button {
    height: 40px;
    background: #fff;
    border: 1px solid rgba(101, 97, 91, .18);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    margin-right: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 136%;
    padding: 0 16px;
    color: #000;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer
}
@media screen and (max-width:1024px) {
    .ctg__sort-button {
        margin-left: 0!important;
        margin-right: 0!important;
        width: 200px;
        margin-top: 10px
    }
}
.ctg__grid-button.active, .ctg__grid-button:hover, .ctg__sort-button:hover {
    background-color: #eee
}
.ctg__grid, .ctg__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ctg__grid-title {
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 136%;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #36393f
}
.ctg__grid-title span {
    font-weight: 700;
    text-decoration: underline
}
.ctg__grid-title svg {
    margin-left: 8px
}
.ctg__grid-buttons {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.ctg__content, .ctg__grid-button, .ctg__grid-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.ctg__grid-button {
    margin-left: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    background: #fff;
    border: 1px solid rgba(101, 97, 91, .18);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    width: 54px;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer
}
.ctg__content {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.ctg__content-2 {
    margin-right: -20px!important
}
.ctg__content .card {
    width: calc(25% - 20px);
    margin-right: 20px!important;
    max-width: 100%!important
}
.filter {
    margin-bottom: 15px;
    width: 100%;
    background-color: #fff;
    padding-left: 16px;
    padding-right: 14px;
    padding-top: 14px
}
.filter__close-mobile {
    display: none;
    margin-bottom: 10px
}
@media screen and (max-width:768px) {
    .filter__close-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}
.filter__color-check, .filter__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.filter__container {
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.filter__color-check {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-bottom: -13px
}
.filter__link {
    font-style: normal;
    font-size: 13px;
    line-height: 120%;
    color: #f06149;
    font-weight: 500
}
.filter__link:hover {
    text-decoration: underline
}
.filter__item {
    width: 100%;
    margin-bottom: 40px
}
.filter__item:last-child {
    margin-bottom: 0
}
.filter__item-top {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 20px
}
.filter__item-top svg {
    -webkit-transition: .5s;
    transition: .5s
}
.filter__item-top svg:hover {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}
.filter__item-title {
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 120%;
    color: #000
}
.filter__output, .filter__output-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.filter__output {
    background-color: #fff;
    width: 90px;
    height: 40px;
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: right;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 15px
}
.filter__output-container {
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.filter .noUi-tooltip {
    display: none
}
.filter__scroll {
    height: 136px;
    overflow: hidden;
    overflow-y: auto
}
.filter__scroll::-webkit-scrollbar-track {
    background-color: #e0e0e0;
    border-radius: 4px
}
.filter__scroll::-webkit-scrollbar {
    width: 4px
}
.filter__scroll::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #f06149
}
#slider {
    width: 100%;
    margin-top: 20px
}
.filter__button {
    height: 47px;
    background: #f4f4f4;
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 136%;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 24px
}
.noUi-base {
    background-color: #e0e0e0
}
.noUi-connect, .noUi-target.noUi-horizontal .noUi-tooltip {
    background: #f06149
}
.noUi-horizontal .noUi-handle {
    background: #f06149;
    width: 16px;
    height: 16px;
    background-color: #f06149!important;
    border: 1.5px solid #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
    cursor: pointer
}
.noUi-target {
    background: #e7edf1
}
.noUi-active {
    border-radius: 40px 40px 40px 40px!important
}
.m-check, .m-check div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.filter__checkbox{
    position: relative
}
.m-check {
    margin-bottom: 15px;
    cursor: pointer;
}
.filter__checkbox .confirm-filter{
    position: absolute;
    right: -135px;
    z-index: 5;
    width: 140px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-box-shadow: 0 1px 7px rgb(105 105 105 / 71%);
    box-shadow: 0 1px 7px rgb(105 105 105 / 71%);
    visibility: hidden;
    display: table;
    opacity: 0;
}
.filter__checkbox .confirm-filter .green-butn {
    width: 100%;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    display: block;
    padding: 0;
    border: 0;
    outline: 0;
    transition: all .2s;
    text-align: center;
    padding-bottom: 3px;
    color: #fff;
    letter-spacing: .05em;
    background: rgba(230, 20, 60, 1);
}
.m-check div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-width: 18px;
    max-width: 18px;
    height: 16px;
    background: #fff;
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    margin-right: 10px
}
.m-check div svg {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0)
}
.m-check p {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 120%;
    color: #4f4f4f
}
.m-check p span, .morder-check p span, .morder-radio p span, .morder__onecheck p span {
    color: #bdbdbd
}
.morder-radio p strong{
    font-weight: 500;
}
.m-check input:checked~div svg {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.color-check {
    width: calc(20% - 14px);
    margin-bottom: 13px;
    margin-right: 14px
}
.color-check input:checked~div {
    -webkit-transform: scale(.7);
    transform: scale(.7)
}
.confirm-filter{
    display: none;
}
.smartfilter .confirm-filter{
    position: absolute;
    right: -135px;
    z-index: 5;
    width: 140px;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    -webkit-box-shadow: 0 1px 7px rgb(105 105 105 / 71%);
    box-shadow: 0 1px 7px rgb(105 105 105 / 71%);
    visibility: hidden;
    display: table;
    opacity: 0;
}
.smartfilter .confirm-filter.active {
    visibility: visible;
    opacity: 1
}
.smartfilter .confirm-filter .butn {
    width: 100%;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    display: block;
    padding: 0;
    border: 0;
    outline: 0;
    transition: all .2s;
    text-align: center;
    padding-bottom: 3px;
    color: #fff;
    letter-spacing: .05em;
    background: rgba(230, 20, 60, 1);
}
.filter-btns .butn{
    display: block;
    height: 50px;
    background: rgba(230, 20, 60, 1);
    color: #fff;
    margin-bottom: 10px;
    display: block;
    background: rgba(230, 20, 60, 1);
    width: 100%;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    width: 100%;
    padding: 15px 9px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    white-space: nowrap;
    cursor: pointer;
    display: block;
    height: 50px;
    background: rgba(230, 20, 60, 1);
    color:#fff;
    margin-bottom: 10px;
}
.filter-btns button{
    color: rgba(230, 20, 60, 1);
    background: transparent
}
.color-check input~div {
    height: 28px;
    width: 100%;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 2px;
    background-color: #000;
    cursor: pointer
}
.color-check .brown1 {
    background-color: #8e4d10!important
}
.color-check .brown2 {
    background-color: #ffd9ac!important
}
.color-check .green {
    background-color: #006f2c!important
}
.color-check .brown3 {
    background-color: #582525!important
}
.color-check .blue {
    background-color: #00288f!important
}
.color-check .green2 {
    background-color: #86daa8!important
}
.color-check .brown4 {
    background-color: #a6824d!important
}
.color-check .purple {
    background-color: #52317d!important
}
.color-check .pink {
    background-color: #ffa7a7!important
}
.color-check .black {
    background-color: #000!important
}
.color-check .white {
    background-color: #fff!important
}
.color-check .grey {
    background-color: #ababab!important
}
.ctg__items, .rcard {
    width: 100%
}
.rcard {
    background-color: #fff;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}
@media screen and (max-width:1024px) {
    .rcard {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}
.rcard__left {
    padding: 14px 32px 16px 24px
}
.rcard__dc {
    position: absolute;
    height: 24px;
    padding-left: 11px;
    left: 0;
    top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 2;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 112%;
    color: #fff
}
.rcard__dc svg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: -1
}
.rcard__content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-top: 12px;
    padding-bottom: 12px
}
@media screen and (max-width:1366px) {
    .rcard__content {
        max-width: 274px;
        margin-right: 10px
    }
}
.rcard__title {
    margin-bottom: 2px;
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 120%;
    color: #202225
}
.rcard__img {
    width: 120px;
    height: 120px
}
.rcard__text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 112%;
    color: #8b8b8b;
    margin-bottom: 8px;
    max-width: 435px
}
.rcard__text:last-child {
    margin-bottom: 0
}
.rcard__bottom {
    margin-top: 21px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media screen and (max-width:1366px) {
    .rcard__bottom {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}
.rcard__bottom-item, .rcard__bottom-item span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 112%
}
.rcard__bottom-item {
    text-align: right;
    color: #36393f;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 24px
}
@media screen and (max-width:1366px) {
    .rcard__bottom-item {
        margin-bottom: 7px
    }
}
.rcard__bottom-item span {
    color: #8b8b8b;
    margin-right: 12px
}
.rcard__price, .rcard__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.rcard__price {
    margin-bottom: 24px
}
.rcard__price-big {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 120%;
    color: #202225;
    margin-right: 14px
}
.rcard__price-old {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 124%;
    color: #777;
    text-decoration: line-through;
    -webkit-text-decoration-color: #f06149;
    text-decoration-color: #f06149
}
.rcard__feat {
    margin-left: 38px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border-left: 1px solid rgba(196, 196, 196, .2)
}
@media screen and (max-width:1366px) {
    .rcard__feat {
        margin-left: 15px
    }
}
.rcard__feat-button {
    height: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 70px;
    margin-left: 10px;
    border-bottom: 1px solid rgba(196, 196, 196, .2);
    margin-right: 10px;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s
}
.rcard__feat-button svg {
    -webkit-transition: .2s;
    transition: .2s;
    fill: #65615b
}
.rcard__feat-button:last-child {
    border-bottom: none
}
.rcard__feat-button:hover svg {
    fill: #f06149
}
.ctg__pag-content, .order__join-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.ctg__pag-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}
.order__join-btn {
    color: #f06149!important
}
.m-radio, .order__join-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.m-radio input {
    display: none!important
}
.m-radio input:checked~div svg {
    opacity: 1!important
}
.m-radio div {
    margin-right: 8px;
    position: relative;
    width: 22px;
    height: 22px;
    border: 2px solid #c4c4c4;
    border-radius: 50%
}
.m-radio div svg {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.m-radio p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 136%;
    color: #65615b;
    opacity: .8
}
.order-input {
    border: 1px solid rgba(101, 97, 91, .12);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #fff!important;
    color: #999!important
}
.order-input:focus {
    color: #4b4b4b!important
}
.order-info {
    padding-right: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 14px
}
.order-info-item {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 144%;
    text-align: right;
    color: #36393f;
    margin-left: 24px
}
.order-info-item span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 144%;
    color: #65615b;
    opacity: .8
}
.check-image {
    height: 55px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.order-form-1, .order-without-1 {
    margin-top: 0!important
}
.order .map {
    width: 100%;
    height: 394px;
    margin-top: 12px;
    margin-bottom: 18px
}
.morder-check div {
    border: 1px solid #e0e0e0
}
.morder-check div svg, .morder-radio div svg, .morder__onecheck div svg {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0)
}
.morder-check p, .morder-radio p, .morder__onecheck p {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 120%;
    color: #4f4f4f
}
.morder-check input:checked~div svg, .morder-radio input:checked~div svg, .morder__onecheck input:checked~div svg, .torder-check input:checked~div svg {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.morder__item {
    margin-bottom: 24px
}
.morder__item-title {
    margin-bottom: 12px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 124%;
    color: #202225
}
.morder__onecheck {
    padding: 13px 18px;
    border: 1px solid rgba(101, 97, 91, .18);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    width: 100%;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s
}
.morder__onecheck:hover {
    background-color: #f3f3f3
}
.morder__item input, .morder__onecheck div {
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.morder__onecheck, .morder__onecheck div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.morder__onecheck div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-width: 22px;
    max-width: 22px;
    height: 22px;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
    margin-right: 10px
}
.morder__deliv, .morder__item, .morder__item-content {
    position: relative
}
.morder__item input {
    height: 48px;
    border: 1px solid rgba(101, 97, 91, .18);
    border-radius: 4px;
    width: 100%;
    padding-left: 18px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 136%;
    color: #312f2c;
    opacity: .8;
    margin-top: 0!important
}
.morder__item input::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #65615b;
    opacity: .8
}
.morder__item input::-moz-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #65615b;
    opacity: .8
}
.morder__item input:-ms-input-placeholder, .morder__item input::-ms-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #65615b;
    opacity: .8
}
.morder__item input::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #65615b;
    opacity: .8
}
.morder__item textarea {
    padding: 13px 18px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 136%;
    color: #65615b;
    resize: none;
    height: 93px;
    background: #fff;
    border: 1px solid rgba(101, 97, 91, .18);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    font-family: Roboto-regular, sans-serif;
    width: 100%;
    margin-top: 18px
}
.morder__deliv-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: 0;
    background-color: transparent
}
.morder__field-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.morder__field-row input {
    margin-right: 18px!important
}
.morder__field-row input:first-child {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.morder__field-row input:last-child {
    max-width: 172px;
    margin-right: 0!important
}
.morder__days {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -24px
}
.morder__day {
    width: calc(100%/6 - 24px);
    margin-right: 24px
}
.morder__day-content {
    border: 1px solid rgba(101, 97, 91, .12);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 24px 14px 13px
}
.morder__day input:checked~.morder__day-content {
    background: rgba(101, 97, 91, .06)!important;
    border-color: rgba(101, 97, 91, .06)!important
}
.morder__day-title {
    font-style: normal;
    font-weight: 700;
    font-size: 38px;
    line-height: 80%;
    color: #000;
    opacity: .8;
    margin-bottom: 4px
}
.morder__day-desc, .morder__day-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    opacity: .8
}
.morder__day-desc {
    line-height: 80%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    margin-bottom: 11px
}
.morder__day-text {
    line-height: 136%;
    color: #65615b
}
.morder-check, .morder-radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    cursor: pointer;
    -webkit-transition: .2s;
    transition: .2s;
    margin-bottom: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.morder-radio-open input:last-child {
    margin-bottom: 0
}
.morder-check div, .morder-radio div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    background: #fff;
    border: 2px solid rgba(101, 97, 91, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 10px
}
.morder-radio div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: 22px;
    max-width: 22px;
    height: 22px;
    border-radius: 50%
}
.morder-check div {
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    border-radius: 4px
}
.morder__time {
    padding-left: 30px;
    display: none
}
.morder-check div, .morder__time.active, .radio-open-content.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.morder__time input {
    width: 76px
}
.order-itog {
    margin-top: 22px
}
.order-itog-item, .order-itog-item span {
    font-style: normal;
    font-size: 18px;
    line-height: 124%
}
.order-itog-item {
    padding-left: 18px;
    padding-right: 18px;
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #202225;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 600;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.order-itog-item span {
    font-weight: 500;
    color: #65615b
}
.order-itog-item p {
    font-size: 18px
}
.radio-open-content {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 30px
}
.morder-radio:last-child {
    margin-bottom: 12px!important
}
.nice-select .list {
    max-height: 300px;
    overflow-y: auto
}
.order__right-item {
    position: relative
}
.order__right-item:hover .cart__item-remove {
    opacity: 1
}
.morder-radio-open {
    margin-top: 10px;
    margin-bottom: 20px
}
.morder-radio-open input {
    max-width: 300px;
    margin-bottom: 10px
}
.morder-radio-open select {
    max-width: 300px
}
.radio-open-desc {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 136%;
    color: #3c352c;
    opacity: .8;
    margin-top: 12px
}
.cmp, .cmp__item, .cmp__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.cmp {
    margin-bottom: 225px;
    margin-top: 32px;
    width: 100%
}
.cmp__item, .cmp__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.cmp__item {
    width: 33.333%
}
.cmp__top {
    height: 150px;
    background: rgba(101, 97, 91, .1);
    border-radius: 4px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 31px
}
.cmp__top-title {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 136%;
    text-align: center;
    color: #65615b;
    margin-bottom: 8px
}
.cmp__content {
    width: 100%
}
.cmp__desc-title, .cmp__title {
    font-style: normal;
    font-weight: 600;
    color: #202225;
    padding-left: 24px
}
.cmp__title {
    font-size: 20px;
    line-height: 120%;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(101, 97, 91, .2);
    margin-bottom: 12px
}
.cmp__desc-title {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 124%;
    height: 22px
}
.cmp__item:first-child .cmp__desc-item {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 144%;
    color: #8b8b8b;
    margin-bottom: 12px;
    padding-left: 0
}
.cmp__item:first-child .cmp__desc-title, .cmp__item:first-child .cmp__title {
    padding-left: 0
}
.cmp__item-top {
    padding: 24px;
    height: 150px;
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 31px;
    border-right: 1px solid rgba(101, 97, 91, .12)
}
.cmp__item-left {
    max-width: 92px;
    min-width: 92px;
    height: 92px;
    margin-right: 14px
}
.cmp__item-title {
    margin-bottom: 8px;
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 136%;
    color: #202225
}
.cmp__item-items {
    margin-bottom: 28px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.cmp__item-item {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 112%;
    color: #36393f;
    margin-right: 24px;
    white-space: nowrap
}
.cmp__item-item:last-child {
    margin-right: 0
}
.cmp__item-item span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 112%;
    color: #8b8b8b;
    white-space: nowrap
}
.cmp__item-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}
.cmp__item-basket {
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 108%;
    color: #f06149
}
.cmp__desc-item, .cmp__item-delete {
    font-style: normal;
    font-weight: 400;
    font-size: 18px
}
.cmp__item-delete {
    line-height: 108%;
    color: #65615b;
    opacity: .5;
	cursor: pointer
}
.cmp__desc-item {
    line-height: 144%;
    color: #36393f;
    margin-bottom: 12px;
    padding-left: 24px
}
.error {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.merror__logo {
    padding-top: 40px;
    margin-bottom: 144px
}
.merror__title {
    font-style: normal;
    font-size: 64px;
    line-height: 100%;
    color: #202225;
    margin-top: 42px;
    font-weight: 600;
    text-align: center
}
.merror__button, .merror__desc {
    font-size: 16px;
    line-height: 120%
}
.merror__desc {
    margin-top: 8px;
    max-width: 371px;
    margin-bottom: 22px;
    font-weight: 400;
    text-align: center;
    color: #36393f
}
.merror__button {
    width: 180px;
    height: 43px;
    background: #f06149;
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-style: normal;
    font-weight: 500;
    color: #fff;
    -webkit-transition: .2s;
    transition: .2s;
    margin-bottom: 203px
}
.merror__button:hover {
    background: #bb2121
}
.cart {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 100%
}
.bg, .bg .wrapper, .empty {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.bg .wrapper, .empty {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.wrapper.fw{
    position: relative;
}
.empty {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.empty img {
    margin-bottom: 16px
}
.empty__link, .empty__title {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 136%;
    text-align: center
}
.empty__title {
    color: #36393f;
    margin-bottom: 4px
}
.empty__link {
    color: #f06149
}
.empty__link:hover {
    text-decoration: underline
}
.cart__attr-discount {
    border-color: #f06149!important;
    color: #f06149!important
}
@media screen and (max-width:1024px) {
    .error {
        padding-bottom: 40px
    }
    .merror__icon {
        margin-top: 30px;
        margin-bottom: 30px
    }
    .merror__icon, .merror__icon svg {
        width: 200px;
        height: 200px
    }
    .ctg__right {
        margin-top: 0!important
    }
    .ctg__sort-title {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .rcard__content {
        max-width: 100%
    }
    .rcard__feat, .rcard__right {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .rcard__feat {
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-top: 1px solid rgba(196, 196, 196, .2);
        margin-left: 0;
        margin-top: 20px;
        border-left: none;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .rcard__feat-button {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        width: auto;
        border-bottom: none;
        border-right: 1px solid rgba(196, 196, 196, .2);
        margin: 0
    }
    .rcard__feat-button:last-child {
        border-right: none
    }
}
.close-filter, .mobile-filter {
    display: none
}
.filter-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(0, 0, 0, .226);
    z-index: 10010101;
    -webkit-transition: .2s;
    transition: .2s
}
.filter-overlay.active {
    opacity: 1;
    visibility: visible
}
@media screen and (max-width:768px) {
    .mobile-filter, .mobile-filter .burger {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex
    }
    .mobile-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px;
        width: 100%;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px 25px;
        background: #f06149;
        border-radius: 2px 2px 0 0;
        font-family: Roboto-bold, sans-serif;
        font-size: 13px;
        line-height: 136%;
        letter-spacing: .04em;
        text-transform: uppercase;
        color: #fff;
        margin-right: 15px;
        cursor: pointer;
        -webkit-transition: .2s;
        transition: .2s
    }
    .mobile-filter .burger {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-right: 10px;
        width: 11px;
        height: 10px;
        -webkit-transition: .5s;
        transition: .5s
    }
    .mobile-filter .burger-line {
        display: inline-block;
        width: 100%;
        height: 2px;
        background: #fff;
        -webkit-transition: .5s;
        transition: .5s
    }
    .mobile-filter .burger-line:nth-child(2) {
        width: 7px
    }
    .close-filter {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px;
        margin-left: auto;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .close-filter svg {
        width: 20px;
        height: 20px;
        margin-right: 10px
    }
    .ctg__content {
        margin-right: 0
    }
    .ctg__grid {
        margin-top: 30px
    }
    .ctg__grid, .ctg__right {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .filter {
        max-height: 100vh;
        overflow-y: auto;
        position: fixed;
        min-height: 100vh;
        top: 0;
        left: 0;
        bottom: 0;
        width: 270px;
        z-index: 100101010;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translate(-100%);
        transform: translate(-100%);
        -webkit-transition: .2s;
        transition: .2s
    }
    .filter.active {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
        visibility: visible
    }
    .ctg__content .card {
        max-width: 100%!important
    }
}
.header__humb {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-left: auto
}
.header__humb svg {
    width: 20px;
    height: 20px
}
@media screen and (max-width:767px) {
    .header__phone {
        display: none
    }
}
.merror__icon {
    -webkit-transform: none!important;
    transform: none!important
}
.header-drop, .header__humb, .morder-radio-open {
    display: none
}
.morder-radio-open.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
@media screen and (max-width:768px) {
    .header__mobile-search {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        position: relative;
        margin-left: auto
    }
    .header__mobile-search .header__search {
        position: absolute;
        right: 0
    }
    .header__mobile-search .header__button {
        position: static;
        -webkit-transform: none;
        transform: none;
        margin-left: auto
    }
    .header-drop, .header__humb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .header__top .header__phone, .header__top {
        display: none
    }
    .header__top {
    	-webkit-flex-wrap: nowrap !important;
        -ms-flex-wrap: nowrap !important;
            flex-wrap: nowrap !important;
    }
    .header__top .header__search {
    	margin-top: 0;
    	margin-left: 10px;
    }
    .header__top .header__input {
    	width: 100% !important;
    	font-size: 14px;
    	padding: 10px 40px 10px 10px;
    }
    .catalog {
    	overflow-x: hidden;
    }
    .header__top .header__logo {
    	-webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    }
    .header__top .header__events {
        display: none!important
    }
    .header-drop {
        position: fixed;
        background-color: #fff;
        max-height: 100vh;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        right: 0;
        padding: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        z-index: 1000;
        opacity: 0;
        visibility: hidden
    }
    .header-drop.active {
        opacity: 1;
        visibility: visible
    }
    .header-drop .header__events {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .header-drop .header__input {
        max-width: 100%;
        width: 100%
    }
    .header-drop .header__phone {
        -webkit-box-ordinal-group: 4!important;
        -ms-flex-order: 3!important;
        order: 3!important;
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important;
        margin-left: 0;
        margin-top: 40px
    }
    .header-drop .header__phone * {
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .header-drop .header__events {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important;
        -webkit-box-align: start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }
    .header-drop-close {
        margin-left: auto;
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }
    .header-drop-close svg {
        width: 17px;
        height: 17px
    }
}
.filter__scroll.active {
    height: auto
}
@media screen and (max-width:768px) {
    .header__events {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: normal!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important;
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }
    .card__img img {
        -o-object-fit: contain!important;
        object-fit: contain!important
    }
    .header__top .header__events {
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }
    .alert, .copyright {
        width: 100%!important
    }
    .rcard__left {
        max-width: 100%;
        min-width: 100%;
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .ctg__sort-button {
        width: 48%;
        border: 0;
        border-radius: none;
        margin-right: 10px;
        font-size: 12px
    }
    .ctg__sort-button svg {
        width: 15px;
        height: 15px;
        margin-right: 7px
    }
    .ctg__sort {
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
    .ctg__left, .ctg__sort-title {
        width: 100%
    }
}
input:not(.lk__form-input) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
input:not(.lk__form-input)::-webkit-input-placeholder {
    line-height: auto!important
}
input:not(.lk__form-input)::-moz-placeholder {
    line-height: auto!important
}
input:not(.lk__form-input):-ms-input-placeholder, input:not(.lk__form-input)::-ms-input-placeholder {
    line-height: auto!important
}
input:not(.lk__form-input)::placeholder {
    line-height: auto!important
}
.order__form input::-webkit-input-placeholder {
    line-height: auto!important
}
.order__form input::-moz-placeholder {
    line-height: auto!important
}
.order__form input:-ms-input-placeholder, .order__form input::-ms-input-placeholder {
    line-height: auto!important
}
.order__form input::placeholder {
    line-height: auto!important
}
.cards {
    margin-right: -20px
}
@media screen and (max-width:1023px) {
    .cards {
        margin-right: 0
    }
}
.cards .card {
    max-width: 100%!important;
    width: calc(20% - 20px)
}
@media screen and (max-width:1366px) {
    .cards .card {
        width: calc(25% - 20px)!important
    }
}
@media screen and (max-width:1024px) {
    .cards .card {
        width: calc(33.333% - 20px)!important
    }
}
.collapsible-header, .header__phone span p:hover {
    cursor: pointer
}
.ctg-drop-down {
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    padding-top: 15px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s;
    transition: .2s
}
.ctg-drop-down-content, .ctg-drop-down-content a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.ctg-drop-down-content {
    position: relative;
    padding: 15px;
    max-width: 80px;
    z-index: 100;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #32414a
}
.ctg-drop-down-content a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    padding: 6px 0
}
.ctg-drop-down-content:before {
    position: absolute;
    top: -10px;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-left: -10px;
    content: ' ';
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: transparent transparent #32414a
}
.ctg__grid-title {
    position: relative;
    cursor: pointer
}
.ctg__grid-title:hover .ctg-drop-down {
    opacity: 1;
    visibility: visible
}
@media (max-width:1024px) {
    .header__events {
        margin-top: 20px
    }
    .header__phone {
        margin-bottom: 0
    }
}
@media (max-width:1440px) {
    .merror__icon svg {
        width: 300px;
        height: 300px
    }
    .merror__title {
        margin-top: 16px!important
    }
    .merror__button {
        margin-bottom: 100px!important
    }
}
@media (max-width:1024px) {
    .merror__icon svg {
        width: 200px;
        height: 200px
    }
}
.morder-check input, .morder-radio input, .morder__day input, .morder__onecheck input {
    display: none!important
}
.wrapper {
    max-width: 1290px;
    width: 100%;
    padding: 0 15px;
    margin: 0 auto
}
@media (max-width:1366px) {
    .wrapper {
        max-width: 1000px
    }
}
@media (max-width:1024px) {
    .wrapper {
        max-width: 768px
    }
}
.header {
    border-bottom: 1px solid #eee;
    position: relative
}
.header .more-menu {
    display: none;
    padding: 14px 14px 18px;
    font-family: Roboto-bold, sans-serif;
    font-size: 15px;
    line-height: 116%;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #999;
    cursor: pointer
}
.header .toggle-menu {
    width: 200px;
    height: auto;
    position: absolute;
    top: 100%;
    right: -150px;
    background: #fff;
    display: none;
    z-index: 5;
    border: 1px solid #eee;
    border-radius: 2px
}
.header .toggle-menu .nav-link {
    display: block;
    padding: 15px 22px
}
.header .toggle-menu .nav-link:not(:last-child) {
    border-bottom: 1px solid #eee
}
.header__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0
}
.header__search {
    margin-left: 30px
}
.header__form {
    position: relative;
    border-radius: 2px
}
.header__input {
    width: 425px;
    padding: 13px 50px 13px 18px;
    background: #f4f4f4;
    border-radius: 2px;
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 132%;
    color: #36393f
}
.header__input::-webkit-input-placeholder {
    color: #999
}
.header__input::-moz-placeholder {
    color: #999
}
.header__input:-ms-input-placeholder, .header__input::-ms-input-placeholder {
    color: #999
}
.header__input::placeholder {
    color: #999
}
.header__input:hover::-webkit-input-placeholder {
    color: #ccc
}
.header__input:hover::-moz-placeholder {
    color: #ccc
}
.header__input:hover:-ms-input-placeholder, .header__input:hover::-ms-input-placeholder {
    color: #ccc
}
.header__input:hover::placeholder {
    color: #ccc
}
.header__button {
    position: absolute;
    top: 50%;
    right: 18px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: 0 0
}
.header__button svg {
    fill: #999
}
.header__phone {
    margin-left: 30px
}
.header__phone a {
    display: block;
    font-family: Roboto-medium, sans-serif;
    font-size: 20px;
    line-height: 124%;
    color: #202225
}
.header__events, .header__phone span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.header__phone span {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}
.header__phone span a, .header__phone span p {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #11c247;
    text-decoration: underline;
    -webkit-text-decoration-color: #65615b1c;
    text-decoration-color: #65615b1c;
    text-underline-offset: 3px;
    margin-top: 6px
}
.header__phone span p {
    color: #36393f
}
.header__events {
    margin-left: auto;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.header__event {
    position: relative
}
.header__event:hover .cart-empty {
    opacity: 1;
    z-index: 4;
    -webkit-transition: .5s;
    transition: .5s;
    visibility: visible
}
.header__fav {
    margin-right: 32px
}
.header__cart .cart-value, .header__fav .cart-value {
    display: inline-block;
    width: 19px;
    height: 19px;
    line-height: 19px;
    border-radius: 50%;
    background: #f06149;
    margin-left: 8px;
    text-align: center;
    font-family: Roboto-medium, sans-serif;
    font-size: 13px;
    color: #fff
}
.header .cart-empty {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    padding: 45px 35px;
    position: absolute;
    top: calc(100% + 20px);
    left: -50%;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: -1;
    visibility: hidden;
    text-align: center;
    -webkit-box-shadow: 0 0 2px rgba(54, 57, 63, .08), 0 6px 16px rgba(54, 57, 63, .16);
    box-shadow: 0 0 2px rgba(54, 57, 63, .08), 0 6px 16px rgba(54, 57, 63, .16)
}
.header .cart-empty::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -32px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 20px solid transparent;
    border-bottom: 20px solid #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}
.header .cart-empty-text {
    margin-top: 15px
}
.header .cart-empty-link, .header .cart-empty-span {
    display: block;
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 120%
}
.header .cart-empty-span {
    color: #36393f;
    white-space: nowrap
}
.header .cart-empty-link {
    color: #06c
}
.header-link, .header__nav .nav-link {
    font-family: Roboto-regular, sans-serif;
    line-height: 136%;
    color: #36393f
}
.header-link, .header__bottom {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.header-link {
    font-size: 16px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.header-link svg {
    fill: #999;
    margin-right: 8px
}
.header__bottom {
    margin-top: 1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /*-webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between*/
}
.header__login {
    margin-left: auto;
    padding-bottom: 5px;
    color: #000
}
.header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}
.header__nav .nav-link {
    display: inline-block;
    padding: 0px 14px 0px;
    font-size: 13px;
    letter-spacing: .04em;
    text-transform: uppercase;
    position: relative
}
.header__nav .nav-link.active, .header__nav .nav-link:hover {
    color: #005bb7
}
.header__nav .nav-link.active::after, .header__nav .nav-link:hover::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: calc(100% - 28px);
    height: 1px;
    background: #0066cc20
}
.header__soc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.header__soc .soc_icons{
    margin-left: 15px;
}
.header__catalog, .header__catalog .burger {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.header__catalog {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 14px 22px 19px;
    background: #f06149;
    border-radius: 2px 2px 0 0;
    font-family: Roboto-bold, sans-serif;
    font-size: 13px;
    line-height: 136%;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff;
    margin-right: 15px;
    cursor: pointer
}
.header__catalog .burger {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 10px;
    width: 11px;
    height: 10px;
    -webkit-transition: .5s;
    transition: .5s
}
.header__catalog .burger-line {
    display: inline-block;
    width: 100%;
    height: 2px;
    background: #fff;
    -webkit-transition: .5s;
    transition: .5s
}
.header__catalog .burger-line:nth-child(2) {
    width: 7px
}
.header__catalog.active, .header__catalog.active .burger-line {
    -webkit-transition: .5s;
    transition: .5s
}
.header__catalog.active .burger-line:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(2px, 5px);
    transform: rotate(45deg) translate(2px, 5px);
    -webkit-transition: .5s;
    transition: .5s
}
.header__catalog.active .burger-line:nth-child(2) {
    opacity: 0
}
.header__catalog.active .burger-line:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(1px, -4px);
    transform: rotate(-45deg) translate(1px, -4px);
    -webkit-transition: .5s;
    transition: .5s
}
.header__login .login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Roboto-regular, sans-serif;
    font-size: 13px;
    line-height: 136%;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #000
}
.header__login .login svg {
    fill: #06c;
    margin-right: 6px
}
.header__login .login:hover, .hover-link:hover {
    color: #005bb7
}
.header__login .login:hover svg, .hover-link:hover svg {
    fill: #005bb7
}
.bg {
    background: #f6f6f6
}
.main {
    padding: 25px 0 40px
}
.main-slide, .main__slider {
    position: relative
}
.main-slide {
    z-index: 1;
    height: 420px;
    border-radius: 2px
}
.main-slide-content {
    position: absolute;
    top: 74px;
    left: 50%;
    -webkit-transform: translateX(-27%);
    transform: translateX(-27%);
    z-index: 2
}
.main-slide-content h3, .main-slide-content h3 span {
    font-family: Montserrat, sans-serif;
    font-weight: 800;
    color: #fff;
    font-size: 56px;
    line-height: 108%;
    letter-spacing: .01em;
    position: relative
}
.main-slide-content h3 span {
    display: inline-block;
    color: #06c;
    position: absolute;
    top: 6px;
    left: -6px;
    z-index: -1
}
.main-slide-content h3 .insta {
    position: absolute;
    bottom: 5px;
    right: -25px;
    display: inline-block;
    padding: 10px;
    background: #f06149;
    border-radius: 2px;
    font-family: Roboto-bold, sans-serif;
    font-size: 18px;
    line-height: 112%;
    color: #fff
}
.main-slide-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 35px
}
.main-slide-tag {
    max-width: 120px;
    margin-right: 45px
}
.main-slide-tag span {
    display: block;
    margin-top: 14px;
    font-family: Roboto-medium, sans-serif;
    font-size: 18px;
    line-height: 108%;
    color: #fff
}
.main-slide-tag svg {
    fill: #fff
}
.main-img {
    position: relative;
    z-index: 1
}
.main-path {
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 0
}
.main-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 3;
    outline: 0;
    cursor: pointer
}
.main-btn svg {
    fill: #000
}
.main-btn-prev {
    left: -24px
}
.main-btn-next {
    right: -24px
}
.main-btn-next svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.main-pagination {
    text-align: center;
    margin-top: 10px
}
.main-pagination .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #ccc;
    border-radius: 50%;
    opacity: 1;
    margin: 0 3px;
    outline: 0
}
.main-pagination .swiper-pagination-bullet-active {
    width: 18px;
    height: 6px;
    background: #f06149;
    border-radius: 3px
}
.title {
    font-family: Roboto-medium, sans-serif;
    font-size: 28px;
    line-height: 124%;
    color: #202225
}
.liders {
    padding-bottom: 30px
}

.promo-index{
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}
.promo-col{
    width: 25%;
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    
    padding-right: 15px;
    padding-left: 15px;
}
.promo-col h4{
    color: rgba(45, 45, 45, 0.7);
    margin: 0 0 10px;
    line-height: 1.1;
    font-size: 18px;
}
.promo-col h5{
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #444444;
    line-height: 1.1;
}
.hi-icon{
    display: inline-block;
    top: 5px;
    cursor: pointer;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
    box-shadow: 0 0 0 3px #d05165;
    margin: 10px 0 20px;
    padding: 15px;
}
.hi-icon svg{
    max-height: 27px;
    max-width: 27px;
    stroke: #fff;
    fill: #fff;
}
.hi-icon:after {
    content: '';
    top: -2px;
    left: -2px;
    padding: 2px;
    z-index: -1;
    -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
    -moz-transition: -moz-transform 0.2s, opacity 0.2s;
    transition: transform 0.2s, opacity 0.2s;
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: #d05165;
}
.hi-icon:hover:after {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

@media(max-width:920px){
    .promo-index{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    }
    .promo-col{
        width: 50%;
    }
}
@media(max-width:768px){
    .promo-col{
        width: 100%;
    }
}

.cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 16px
}
.card {
    max-width: 236px;
    width: 100%;
    background: #fff;
    border-radius: 2px;
    margin-bottom: 20px;
    position: relative;
    z-index: 3
}
.card:not(:nth-child(5n)) {
    margin-right: 20px
}
.new__slider .card:not(:nth-child(5n)) {
    margin-right: 0;
}
.card::after, .card:hover::after {
    -webkit-transition: ease-in-out .1s;
    transition: ease-in-out .1s
}
.card::after {
    content: '';
    display: block;
    width: 94%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(185, 187, 190, .5);
    -webkit-filter: blur(10px);
    filter: blur(10px);
    z-index: -1;
    opacity: 0
}
.card:hover .card__bal, .card:hover .card__fav {
    opacity: 1;
    -webkit-transition: .5s;
    transition: .5s
}
.card:hover .card__bal svg {
    fill: #202225
}
.card:hover .card__title-link {
    color: #06c
}
.card:hover::after {
    opacity: 1
}
.card-wrap {
    position: relative;
    z-index: 4;
    height: 100%;
    background: #fff
}
.card__green span, .card__orange span, .card__red span, .card__sale {
    font-family: Roboto-medium, sans-serif;
    font-size: 13px;
    line-height: 112%
}
.card__sale {
    position: absolute;
    top: 17px;
    left: 1px;
    padding: 4px 8px 5px 11px;
    background: #f06149;
    max-width: 60px;
    color: #fff;
    border-radius: 1px
}
.card__sale::after {
    content: '';
    position: absolute;
    top: 0;
    right: -22px;
    border: 11.5px solid transparent;
    border-left: 11.5px solid #f06149
}
.card__prcont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 13px
}
.card__for1 {
    background-color: rgba(162, 162, 162, .08);
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 124%;
    color: rgba(119, 119, 119, .6);
    padding: 6px;
    margin-left: 6px
}
.card__bal, .card__fav {
    position: absolute;
    top: 17px;
    right: 12px;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: 4
}
.card__fav svg {
    fill: #202225;
    opacity: .3
}
.card__fav.active svg, .card__fav:hover svg {
    fill: #0fbc43;
    opacity: 1
}
.card__fav-remove svg, .card__fav-remove:hover svg {
    fill: #f06149;
    opacity: 1
}
.card__bal {
    top: 63px
}
.card__bal svg {
    fill: #202225;
    opacity: .3
}
.card__bal.active svg, .card__bal:hover svg {
    fill: #0fbc43!important;
    opacity: 1
}
.card__img {
    width: 100%;
    height: 184px;
    background: #fff;
    position: relative
}
.card__img img {
    width: 100%;
    height: 100%
}
.card__body {
    background: #fff;
    padding: 6px 12px 24px
}
.card__presence {
    margin-top: 8px;
    margin-bottom: 12px;
    margin-left: 0;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 2px
}
.card__green, .card__red {
    max-width: 100px;
    border-radius: 2px
}
.card__green svg {
    fill: #219653;
    stroke: #219653
}
.card__green span, .card__orange span, .card__red span {
    display: inline-block
}
.card__green span {
    font-style: normal;
    font-weight: 400;
    color: #62ca71
}
.card__red {
    max-width: 125px;
    background: rgba(226, 40, 41, .1)
}
.card__red svg {
    fill: #f06149;
    stroke: #f06149
}
.card__orange span, .card__red span {
    margin-left: 7px;
    color: #f06149
}
.card__orange {
    background: rgba(253, 84, 25, .1);
    border-radius: 2px;
    max-width: 200px;
    text-align: center
}
.card__orange svg {
    fill: #fd5419;
    stroke: #fd5419
}
.card__orange span {
    color: #fd5419
}
.card__title {
    margin-top: 6px;
    height: 38px;
    overflow: hidden
}
.card .has__sale .old__price, .card__title-link {
    display: inline-block;
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 146%;
    color: #202225
}
.card__price {
    font-family: Roboto-bold, sans-serif;
    font-size: 24px;
    line-height: 124%;
    color: #202225
}
.card .has__sale {
    color: #f06149;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.card .has__sale .old__price {
    margin-left: 6px;
    font-size: 13px;
    line-height: 124%;
    color: #777;
    text-decoration: line-through;
    -webkit-text-decoration-color: #f06149;
    text-decoration-color: #f06149
}
.card__quantity {
    margin-top: 12px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.card .has__sale, .card__quantity, .card__value {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.card__quantity, .card__value {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.card__value .minus {
    border-radius: 2px 0 0 2px
}
.card__value .minus svg {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px)
}
.card__value .plus {
    border-radius: 0 2px 2px 0
}
.card-btn, .card__value .value {
    height: 36px;
    border: 1px solid #eee
}
.card__value .value {
    width: 44px;
    background: #fff;
    text-align: center;
    padding: 0 5px;
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 136%;
    color: #202225
}
.card-btn {
    width: 32px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #f4f4f4;
    cursor: pointer
}
.card-btn.disabled {
    opacity: .7
}
.card-btn svg {
    fill: #999
}
.card-btn:hover {
    background: #eee
}
.card-btn:hover svg {
    fill: #36393f
}
.card__add .addtocart {
    padding: 6.5px 30px;
    border: 1px solid #eee;
    border-radius: 2px;
    cursor: pointer
}
.card__add .addtocart svg {
    fill: #ccc
}
.card__add .addtocart:hover {
    background: #0fbc43
}
.card__add .addtocart:hover svg {
    fill: #fff
}
.popCats-title {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 124%;
    color: #202225;
    margin-top: 24px
}
.popCats-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 16px;
    height: 190px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}
.popCats {
    position: relative
}
.popCats-container {
    position: relative;
    overflow: hidden
}
.popCats-button-next, .popCats-button-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fff;
    -webkit-box-shadow: 1px 2px 5px rgba(54, 57, 63, .2);
    box-shadow: 1px 2px 5px rgba(54, 57, 63, .2);
    width: 48px;
    height: 48px;
    position: absolute
}
.popCats-button-next {
    right: -24px
}
.last-btn-next svg, .new-btn-next svg, .popCats-button-next svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.popCats-button-prev {
    left: -24px
}
.new {
    padding: 30px 0
}
.new__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.action__title a, .new__title a, .news__title a {
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 136%
}
.new__slider {
    margin-top: 16px;
    position: relative
}
.new__slider .swiper-wrapper {
    height: auto;
    padding-bottom: 20px
}
.new__slider .card {
    height: 100%
}
.new-btn-prev {
    left: -24px
}
.last-btn-next, .new-btn-next {
    right: -24px
}
.new .card__value .minus, .slider-btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.new .card__value .minus {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.new .card__value .minus svg {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.slider-btn {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 3;
    outline: 0;
    cursor: pointer;
    -webkit-box-shadow: 1px 2px 5px rgba(54, 57, 63, .2);
    box-shadow: 1px 2px 5px rgba(54, 57, 63, .2)
}
.slider-btn svg {
    fill: #000
}
.action {
    padding: 30px 0
}
.action__items, .action__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.action__items {
    margin-top: 24px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.action__item {
    display: inline-block;
    max-width: 618px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 24px
}
.action__item:hover .action__img img, .autoservices__item:hover img, .proektirovanie__item:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: .5s;
    transition: .5s
}
.action__item:hover .action__name, .news__item:hover .news__item-title {
    color: #06c
}
.action__item .date {
    margin-top: 13px;
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 136%;
    color: #999
}
.action__img {
    width: 100%;
    height: 210px;
    overflow: hidden
}
.action__img img, .news__item-image img, .news__item:hover::after {
    -webkit-transition: .5s;
    transition: .5s
}
.action__name {
    display: inline-block;
    margin-top: 17px;
    font-family: Roboto-medium, sans-serif;
    font-size: 20px;
    line-height: 124%;
    color: #202225;
    max-width: 560px
}
.action__desc {
    max-width: 560px;
    margin-top: 7px;
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 136%;
    color: #36393f
}
.news {
    padding: 30px 0 0
}
.news__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.news__slider {
    margin-top: 16px;
    position: relative
}
.news-container .swiper-wrapper {
    padding-bottom: 30px
}
.news__item {
    max-width: 297px;
    width: 100%;
    border-radius: 2px;
    background: #fff;
    position: relative;
    z-index: 2;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.news__item::after, .news__item:hover .news__item-image img {
    -webkit-transition: ease-in-out .5s;
    transition: ease-in-out .5s
}
.news__item::after {
    content: '';
    display: block;
    width: 273px;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(185, 187, 190, .5);
    -webkit-filter: blur(10px);
    filter: blur(10px);
    z-index: -1;
    opacity: 0
}
.news__item:hover::after {
    opacity: 1
}
.news__item:hover .news__item-image img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}
.news__item-image {
    width: 100%;
    height: 167px;
    overflow: hidden
}
.news__item-image img {
    width: 100%;
    height: 100%
}
.news__item-body {
    padding: 16px 12px;
    background: #fff
}
.news__item-title {
    display: block;
    font-family: Roboto-medium, sans-serif;
    font-size: 16px;
    line-height: 120%;
    color: #202225;
    height: 38px;
    overflow: hidden
}
.news__item-date, .news__item-desc, .seo-text p {
    margin-top: 10px;
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 136%;
    color: #36393f
}
.news__item-date, .seo-text p {
    margin-top: 16px;
    color: #999
}
.news-btn-prev {
    left: -24px
}
.news-btn-next {
    right: -24px
}
.news-btn-next svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.partners {
    padding: 30px 0
}
.partners__title {
    text-align: center
}
.partners__slider {
    margin-top: 24px;
    background: #fff;
    padding: 20px 0;
    position: relative
}
.partners__slider::after, .partners__slider::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(90deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    height: 100%;
    width: 120px;
    z-index: 2
}
.partners__slider::after {
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.partners__slider::before {
    left: 0
}
.partners__slider .swiper-slide {
    height: 64px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.seo-text {
    margin-top: 64px;
    padding: 0 0 100px
}
.seo-text-title {
    font-family: Roboto-medium, sans-serif;
    font-size: 18px;
    line-height: 124%;
    color: #202225
}
.seo-text ol {
    margin-top: 16px;
    list-style-type: decimal;
    color: #8b8b8b;
    margin-left: 14px;
}
.seo-text ol li {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 144%;
    position: relative;
    margin-bottom: 10px;
    padding-left: 16px;
}
.seo-text ul {
    margin-top: 16px;
    color: #8b8b8b;
}
.seo-text ul li {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 144%;
    position: relative;
    margin-bottom: 5px;
    padding-left: 30px;
}
.seo-text ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    background: #f06149;
    width: 6px;
    height: 6px;
    border-radius: 50%;
}
.seo-text h2, .seo-text h3, .seo-text h5, .seo-text h6 {
    color: #202225;
    margin: 20px 0 0 0;
}
.seo-text p {
    margin-top: 14px;
    line-height: 140%;
    color: #8b8b8b
}
.footer {
    background: #202225
}
.footer__nav, .footer__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.footer__top {
    padding: 45px 0 40px;
    border-bottom: 1px solid rgba(238, 238, 238, .1)
}
.footer__nav {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.footer-col {
    margin-right: 75px;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    max-width: 500px
}
.footer-link {
    display: block;
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 112%;
    color: #96a2af
}
.footer-link:not(:last-child) {
    margin-bottom: 10px
}
.footer-link:hover {
    color: #dce6f1
}
.footer__social-name {
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 112%;
    color: rgba(150, 162, 175, .6)
}
.footer__social-links {
    margin-top: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.footer .social-link {
    display: inline-block;
    margin-bottom: 10px
}
.footer .social-link:not(:nth-child(3n)) {
    margin-right: 12px
}
.footer__bottom .up svg {
    fill: #96a2af
}
.footer .social-link:hover svg {
    fill: #dce6f1
}
.footer__contacts {
    margin-left: auto;
    max-width: 310px
}
.footer__contacts-name {
    font-family: Roboto-medium, sans-serif;
    font-size: 18px;
    line-height: 108%;
    color: #fff;
    text-align: right
}
.footer__contacts-items {
    margin-top: 18px;
    text-align: right
}
.footer__contacts-items .phone {
    display: inline-block;
    font-family: Roboto-medium, sans-serif;
    font-size: 28px;
    line-height: 124%;
    color: #fff
}
.footer__contacts-items .mail, .footer__contacts-items address {
    margin-top: 4px;
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 112%;
    color: #96a2af
}
.footer__contacts-items address p{
    color: #96a2af
}
.footer__contacts-items .mail {
    display: inline-block;
    margin-top: 8px
}
.footer__contacts-items .mail:hover {
    color: #dce6f1
}
.footer__bottom {
    padding: 25px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.footer__bottom .alert span, .footer__bottom .copyright span {
    display: block;
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 136%;
    color: #96a2af;
    opacity: .6
}
.footer__bottom .up {
    cursor: pointer;
    -webkit-transform: translateX(75px);
    transform: translateX(75px)
}
.footer__bottom .alert {
    text-align: right
}
.newsPage__items, .newsPage__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.newsPage__row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 24px
}
.newsPage__items {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.newsPage__right {
    max-width: 281px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.newsPage__right .subscribe {
    padding: 28px 18px;
    background: #fff
}
.newsPage__right .subscribe h4 {
    font-family: Roboto-medium, sans-serif;
    font-size: 18px;
    line-height: 108%;
    color: #202225
}
.newsPage__right .subscribe-form {
    margin-top: 16px
}
.newsPage__right .subscribe-input {
    width: 100%;
    height: 48px;
    background: #f4f4f4;
    border-radius: 2px;
    padding: 0 12px;
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 112%;
    color: #202225
}
.newsPage__right .subscribe-input::-webkit-input-placeholder {
    color: #999
}
.newsPage__right .subscribe-input::-moz-placeholder {
    color: #999
}
.newsPage__right .subscribe-input:-ms-input-placeholder, .newsPage__right .subscribe-input::-ms-input-placeholder {
    color: #999
}
.newsPage__right .subscribe-input::placeholder {
    color: #999
}
.newsPage__right .subscribe-btn {
    margin-top: 12px;
    width: 100%;
    height: 43px;
    font-family: Roboto-medium, sans-serif;
    font-size: 16px;
    line-height: 120%
}
.newsPage__right .similar {
    margin-top: 32px
}
.newsPage__right .similar h4 {
    font-family: Roboto-bold, sans-serif;
    font-size: 13px;
    line-height: 136%;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #202225;
    padding-bottom: 16px;
    border-bottom: 1px solid #ccc
}
.newsPage__right .similar-item {
    padding: 16px 0;
    border-bottom: 1px solid #ccc
}
.newsPage__right .similar-link {
    display: inline-block;
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 136%
}
.newsPage__right .similar .date {
    margin-top: 16px;
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 136%;
    color: #999
}
.newsPage .news__item {
    margin-bottom: 32px
}
.newsPage .news__item:not(:nth-child(3n)) {
    margin-right: 24px
}
.pag {
    text-align: center;
    padding: 20px 0
}
.pag-link, .pag__links {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.pag__links {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px solid #eee;
    width: auto
}
.pag-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 136%;
    color: #36393f;
    background: #fff
}
.pag-link:not(:last-child) {
    border-right: 1px solid #eee
}
.pag-link svg {
    fill: #36393f
}
.pag-link:hover {
    background: #eee
}
.pag-link.active, .red-btn {
    background: #f06149;
    color: #fff
}
.pag-next svg, .pag-prev svg {
    width: 16px;
    height: 16px
}
.pag-next svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.red-btn:hover {
    background: #da0809
}
.red-btn:active {
    border: 1px solid #f06149;
    background: 0 0;
    color: #f06149
}
.catalog {
    padding-bottom: 30px
}
.catalog__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 10px
}
.catalog__filters {
    width: 100%;
    background: #fff;
    border-radius: 2px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.catalog__links {
    margin-top: 16px
}
.catalog-list:not(:last-child) {
    margin-bottom: 18px
}
.catalog-sublist {
    margin-top: 8px;
    padding-left: 8px;
    display: none
}
.catalog-link, .catalog-sublist-link {
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 136%;
    color: #999
}
.catalog-sublist-link:hover {
    color: #36393f
}
.catalog-link {
    display: inline-block;
    color: #36393f
}
.catalog__name {
    font-family: Roboto-bold, sans-serif;
    font-size: 13px;
    line-height: 136%;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #999
}
.catalog__name svg {
    display: none
}
.catalog__back {
    position: relative;
    z-index: 2;
    margin-bottom: 24px
}
.catalog__back:not(:nth-child(4n)) {
    margin-right: 24px
}
.catalog__back .back-bg {
    display: block;
    width: 96%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(185, 187, 190, .5);
    -webkit-filter: blur(10px);
    filter: blur(10px);
    z-index: -1;
    opacity: 0;
    -webkit-transition: ease-in-out .5s;
    transition: ease-in-out .5s
}
.catalog__back:hover .catalog__products-item {
    border: 1px solid transparent
}
.catalog__back:hover .back-bg {
    opacity: 1;
    -webkit-transition: .5s;
    transition: .5s
}
.catalog__products {
    margin-left: 24px
}
.catalog__products-title {
    font-family: Roboto-bold, sans-serif;
    font-size: 28px;
    line-height: 124%;
    color: #202225
}
.catalog__products-item, .catalog__products-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.catalog__products-items {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px
}
.catalog__products-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 190px;
    height: 220px;
    background: #fff;
    border: 1px solid #eee;
    border-radius: 2px
}
.catalog__products-item img {
    width: 128px;
    height: 128px;
    border: 0
}
.catalog__products-item span {
    display: inline-block;
    margin-top: 14px;
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 120%;
    color: #06c;
    text-align: center;
    max-width: 160px
}
.contacts {
    padding-bottom: 120px
}
.contacts__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.contacts__info {
    max-width: 545px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding: 32px 28px;
    background: #fff
}
.contacts__info-item {
    padding: 18px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid #eee
}
.contacts__info-item:first-child {
    padding-top: 0
}
.contacts__info-item:last-child {
    padding-bottom: 0;
    border-bottom: none
}
.contacts__info-left {
    width: 135px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 120%;
    color: #999;
    margin-right: 30px
}
.contacts__info-right a, .contacts__info-right span {
    display: inline-block;
    font-family: Roboto-regular, sans-serif
}
.contacts__info-right a {
    display: block;
    margin-right: 6px
}
.contacts__info-right a svg {
    border-radius: 2px
}
.contacts__info-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.panorama {
    padding: 30px 0 90px
}
.panorama iframe {
    width: 100%;
    height: 500px
}
.panorama-block {
    margin-top: 24px
}
.map {
    width: 100%
}
.wrapper-mini {
    max-width: 666px;
    margin: 0 auto
}
.proektirovanie {
    padding-bottom: 100px
}
.proektirovanie__title {
    text-align: center
}
.proektirovanie__desc {
    font-family: Roboto-regular, sans-serif;
    font-size: 18px;
    line-height: 144%;
    color: #36393f;
    margin-top: 10px
}
.proektirovanie-our {
    padding-top: 48px;
    font-family: Roboto-medium, sans-serif;
    font-size: 20px;
    line-height: 124%;
    color: #202225
}
.proektirovanie__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 14px
}
.proektirovanie__item {
    display: inline-block;
    max-width: 321px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 180px;
    -webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, .12);
    box-shadow: 0 8px 12px rgba(0, 0, 0, .12);
    border-radius: 2px;
    overflow: hidden;
    position: relative
}
.autoservices__item::after, .proektirovanie__item::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .0001)), color-stop(9.22%, rgba(0, 0, 0, .0156863)), color-stop(18.76%, rgba(0, 0, 0, .054902)), color-stop(28.48%, rgba(0, 0, 0, .117647)), color-stop(38.19%, rgba(0, 0, 0, .2)), color-stop(47.75%, rgba(0, 0, 0, .290196)), color-stop(56.99%, rgba(0, 0, 0, .392157)), color-stop(65.75%, rgba(0, 0, 0, .501961)), color-stop(73.87%, rgba(0, 0, 0, .607843)), color-stop(81.18%, rgba(0, 0, 0, .709804)), color-stop(87.52%, rgba(0, 0, 0, .8)), color-stop(92.74%, rgba(0, 0, 0, .882353)), color-stop(96.66%, rgba(0, 0, 0, .945098)), color-stop(99.14%, rgba(0, 0, 0, .984314)), to(#000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .0156863) 9.22%, rgba(0, 0, 0, .054902) 18.76%, rgba(0, 0, 0, .117647) 28.48%, rgba(0, 0, 0, .2) 38.19%, rgba(0, 0, 0, .290196) 47.75%, rgba(0, 0, 0, .392157) 56.99%, rgba(0, 0, 0, .501961) 65.75%, rgba(0, 0, 0, .607843) 73.87%, rgba(0, 0, 0, .709804) 81.18%, rgba(0, 0, 0, .8) 87.52%, rgba(0, 0, 0, .882353) 92.74%, rgba(0, 0, 0, .945098) 96.66%, rgba(0, 0, 0, .984314) 99.14%, #000 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .0156863) 9.22%, rgba(0, 0, 0, .054902) 18.76%, rgba(0, 0, 0, .117647) 28.48%, rgba(0, 0, 0, .2) 38.19%, rgba(0, 0, 0, .290196) 47.75%, rgba(0, 0, 0, .392157) 56.99%, rgba(0, 0, 0, .501961) 65.75%, rgba(0, 0, 0, .607843) 73.87%, rgba(0, 0, 0, .709804) 81.18%, rgba(0, 0, 0, .8) 87.52%, rgba(0, 0, 0, .882353) 92.74%, rgba(0, 0, 0, .945098) 96.66%, rgba(0, 0, 0, .984314) 99.14%, #000 100%);
    opacity: .64;
    z-index: 1
}
.autoservices__item img, .proektirovanie__item img {
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s;
    transition: .5s
}
.autoservices__item span, .proektirovanie__item span {
    display: inline-block;
    position: absolute;
    left: 15px;
    bottom: 15px;
    font-family: Roboto-medium, sans-serif;
    font-size: 16px;
    line-height: 120%;
    color: #fff;
    z-index: 2
}
.autoservices {
    padding-bottom: 100px
}
.autoservices__items {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.autoservices__item {
    display: inline-block;
    max-width: 297px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 180px;
    -webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, .12);
    box-shadow: 0 8px 12px rgba(0, 0, 0, .12);
    border-radius: 2px;
    overflow: hidden;
    position: relative;
    margin-bottom: 28px
}
.autoservices__item:not(:nth-child(4n)) {
    margin-right: 24px
}
.actionPage {
    padding-bottom: 30px
}
.about {
    background: #fff
}
.about__text {
    margin: 0 auto;
    padding-bottom: 30px
}
.about__text-name {
    font-family: Roboto-medium, sans-serif;
    font-size: 18px;
    line-height: 108%;
    color: #202225
}
.about__team {
    padding: 30px 100px
}
.about__team-items {
    margin-top: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.about__team-item {
    max-width: 239px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.about__team-item:not(:nth-child(4n)) {
    margin-right: 30px
}
.about__team-img {
    width: 100%;
    height: 238px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.about__team-img img, .sertificates__item img {
    width: 100%;
    height: 100%
}
.about__team-name {
    margin-top: 20px;
    font-family: Roboto-medium, sans-serif;
    font-size: 16px;
    line-height: 120%;
    color: #36393f
}
.about__team .team-link, .about__team-pos {
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 120%
}
.about__team-pos {
    margin-top: 8px;
    max-width: 180px;
    color: #999
}
.about__team-phone {
    margin-top: 10px
}
.about__team-mail, .about__team-skype {
    margin-top: 6px
}
.about__team .team-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #36393f
}
.about__team .team-link svg {
    margin-right: 8px
}
.sertificates {
    padding: 30px 100px 20px
}
.sertificates__items {
    margin-top: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.sertificates__item {
    max-width: 239px;
    width: 100%;
    height: 239px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    border-radius: 2px;
    margin-bottom: 30px
}
.sertificates__item:not(:nth-child(4n)) {
    margin-right: 30px
}
.sertificates__item::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 120px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .0001)), color-stop(9.22%, rgba(0, 0, 0, .0156863)), color-stop(18.76%, rgba(0, 0, 0, .054902)), color-stop(28.48%, rgba(0, 0, 0, .117647)), color-stop(38.19%, rgba(0, 0, 0, .2)), color-stop(47.75%, rgba(0, 0, 0, .290196)), color-stop(56.99%, rgba(0, 0, 0, .392157)), color-stop(65.75%, rgba(0, 0, 0, .501961)), color-stop(73.87%, rgba(0, 0, 0, .607843)), color-stop(81.18%, rgba(0, 0, 0, .709804)), color-stop(87.52%, rgba(0, 0, 0, .8)), color-stop(92.74%, rgba(0, 0, 0, .882353)), color-stop(96.66%, rgba(0, 0, 0, .945098)), color-stop(99.14%, rgba(0, 0, 0, .984314)), to(#000));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .0156863) 9.22%, rgba(0, 0, 0, .054902) 18.76%, rgba(0, 0, 0, .117647) 28.48%, rgba(0, 0, 0, .2) 38.19%, rgba(0, 0, 0, .290196) 47.75%, rgba(0, 0, 0, .392157) 56.99%, rgba(0, 0, 0, .501961) 65.75%, rgba(0, 0, 0, .607843) 73.87%, rgba(0, 0, 0, .709804) 81.18%, rgba(0, 0, 0, .8) 87.52%, rgba(0, 0, 0, .882353) 92.74%, rgba(0, 0, 0, .945098) 96.66%, rgba(0, 0, 0, .984314) 99.14%, #000 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, .0001) 0, rgba(0, 0, 0, .0156863) 9.22%, rgba(0, 0, 0, .054902) 18.76%, rgba(0, 0, 0, .117647) 28.48%, rgba(0, 0, 0, .2) 38.19%, rgba(0, 0, 0, .290196) 47.75%, rgba(0, 0, 0, .392157) 56.99%, rgba(0, 0, 0, .501961) 65.75%, rgba(0, 0, 0, .607843) 73.87%, rgba(0, 0, 0, .709804) 81.18%, rgba(0, 0, 0, .8) 87.52%, rgba(0, 0, 0, .882353) 92.74%, rgba(0, 0, 0, .945098) 96.66%, rgba(0, 0, 0, .984314) 99.14%, #000 100%);
    opacity: .64;
    z-index: 1
}
.sertificates__item .zoom, .sertificates__item:hover .zoom {
    opacity: 1;
    z-index: 2;
    -webkit-transition: .5s;
    transition: .5s
}
.sertificates__item span {
    display: inline-block;
    position: absolute;
    left: 15px;
    bottom: 15px;
    font-family: Roboto-medium, sans-serif;
    font-size: 16px;
    line-height: 120%;
    color: #fff;
    z-index: 3
}
.sertificates__item .zoom {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .32)), to(rgba(0, 0, 0, .32)));
    background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .32), rgba(0, 0, 0, .32));
    background: linear-gradient(0deg, rgba(0, 0, 0, .32), rgba(0, 0, 0, .32));
    z-index: -1;
    opacity: 0;
    cursor: pointer
}
.sertificates__item .zoom svg {
    width: 32px;
    height: 32px;
    fill: #fff
}
.padding-block {
    padding: 50px 0
}
.project {
    background: 0 0;
    padding-bottom: 100px
}
.project__desc {
    margin-top: 10px;
    font-family: Roboto-regular, sans-serif;
    font-size: 18px;
    line-height: 144%;
    color: #36393f
}
.project__desc p:not(:last-child) {
    margin-bottom: 16px
}
.project__desc2 {
    margin-top: 32px
}
.project-top {
    max-width: 100%;
    height: 375px;
    margin-top: 24px;
    border-radius: 2px
}
.project .project-thumbs .swiper-slide img, .project-top .swiper-slide, .project-top .swiper-slide img {
    width: 100%;
    height: 100%
}
.project .project-thumbs {
    height: 64px;
    margin-top: 16px;
    position: relative
}
.project .project-thumbs::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#f6f6f6), color-stop(100%, rgba(255, 255, 255, 0)), to(#f6f6f6));
    background: -webkit-linear-gradient(left, #f6f6f6 0, rgba(255, 255, 255, 0) 100%, #f6f6f6 100%);
    background: linear-gradient(90deg, #f6f6f6 0, rgba(255, 255, 255, 0) 100%, #f6f6f6 100%);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    z-index: 2
}
.project .project-thumbs .swiper-slide {
    width: 112px!important;
    height: 64px;
    opacity: .5
}
.project .project-thumbs .swiper-slide-thumb-active {
    opacity: 1
}
.project__links {
    margin-top: 32px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.project__links .back, .project__links .next {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Roboto-regular, sans-serif;
    font-size: 13px;
    line-height: 136%;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #06c
}
.project__links .back svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    fill: transparent;
    stroke: #06c;
    margin-right: 8px
}
.project__links .back:hover, .project__links .next:hover {
    color: #005bb7
}
.project__links .back:hover svg, .project__links .next:hover svg {
    stroke: #005bb7
}
.project__links .next svg {
    fill: transparent;
    stroke: #06c;
    margin-left: 8px
}
.project__links, .project__links .share {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.project__links .share span {
    display: inline-block;
    font-family: Roboto-regular, sans-serif;
    font-size: 18px;
    line-height: 144%;
    color: #999;
    margin-right: 24px
}
.faq {
    background: 0 0;
    padding-bottom: 100px
}
.faq__items {
    margin-top: 24px;
    border-radius: 2px
}
.faq__item {
    padding: 24px 32px;
    background: #fff
}
.faq__item:not(:last-child) {
    margin-bottom: 2px
}
.faq__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    cursor: pointer
}
.faq__head.active svg {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: .5s;
    transition: .5s
}
.faq__head span {
    font-family: Roboto-medium, sans-serif;
    font-size: 18px;
    line-height: 108%;
    color: #202225
}
.faq__head svg {
    fill: #999;
    -webkit-transition: .5s;
    transition: .5s
}
.faq__body {
    margin-top: 12px;
    display: none
}
.faq__desc {
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 136%;
    color: #36393f
}
.faq__desc p:not(:last-child) {
    margin-bottom: 20px
}
.faq__quest {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.faq__btn, .faq__quest span {
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 136%;
    color: #999
}
.faq__btn {
    padding: 8px 23px;
    border: 1px solid #999;
    border-radius: 2px;
    margin-left: 12px;
    font-size: 14px;
    line-height: 120%;
    cursor: pointer
}
.banner-image {
    width: 100%;
    height: 428px
}
.actionFull {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 30px;
    background: #fff
}
.actionFull__wrapper {
    max-width: 832px;
    width: 100%;
    margin: 0 auto
}
.actionFull .date, .actionFull__desc {
    margin-top: 12px;
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 136%;
    color: #999
}
.actionFull__desc {
    margin-top: 21px;
    font-size: 18px;
    line-height: 144%;
    color: #36393f
}
.actionFull__desc p:not(:last-child) {
    margin-bottom: 15px
}
.actionFull__video {
    margin-top: 21px
}
.actionFull__video iframe {
    width: 100%;
    height: 480px
}
.actionFull__elems {
    padding: 30px 0 80px
}
.tovar {
    max-width: 1390px;
    width: 100%;
    background: #fff;
    margin: 0 auto 30px
}
.tovar__head {
    padding: 45px 100px 80px 65px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.tovar__left {
    width: 64px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 19px
}
.tovar__left .left-item {
    width: 100%;
    height: 64px;
    margin-bottom: 24px;
    cursor: pointer
}
.tovar__left .left-item.active {
    opacity: .5
}
.tovar__left, .tovar__left .tovar-video {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.tovar__left .tovar-video {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: url(../img/general/tovar-video-bg.png)
}
.tovar__center, .tovar__center img, .tovar__left {
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.tovar__center img {
    width: 535px;
    height: 535px
}
.tovar__center iframe {
    display: none;
    width: 535px;
    height: 535px
}
.tovar__right {
    margin-left: 80px
}
.tovar__presence .card__presence {
    padding: 4px 12px
}
.tovar__presence .card__presence span {
    font-size: 16px;
    line-height: 120%
}
.tovar__presence .card__green {
    max-width: 125px
}
.tovar__presence .card__red {
    max-width: 162px
}
.tovar__presence, .tovar__values {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.tovar-span {
    color: #8b8b8b
}
.tovar-p, .tovar-span, .tovar__point span {
    font-family: Roboto-regular, sans-serif;
    font-size: 18px;
    line-height: 144%
}
.tovar-p {
    color: #36393f;
    margin-left: 4px
}
.tovar__oldsum, .tovar__sum {
    font-family: Roboto-medium, sans-serif
}
.tovar__sum {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 36px;
    line-height: 124%;
    color: #202225
}
.tovar__oldsum {
    margin-left: 12px;
    font-size: 16px;
    line-height: 136%;
    color: #777;
    text-decoration: line-through;
    -webkit-text-decoration-color: #f06149;
    text-decoration-color: #f06149
}
.tovar .red-sum {
    color: #f06149
}
.tovar__point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.tovar__point span {
    color: #06c
}
.tovar__point svg {
    margin-left: 6px;
    fill: #ccc;
    cursor: pointer
}
.tovar__point-info {
    position: relative
}
.tovar__point-info:hover .tovar__point-tooltip {
    opacity: 1;
    z-index: 1;
    visibility: visible;
    -webkit-transition: .5s;
    transition: .5s
}
.tovar__brand span, .tovar__point-tooltip {
    font-family: Roboto-regular, sans-serif;
    font-size: 14px
}
.tovar__point-tooltip, .tovar__point-tooltip .tooltip-pol {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.tovar__point-tooltip {
    width: 210px;
    border: 1px solid #fff;
    border-radius: 2px;
    left: calc(100% + 25px);
    background: #fff;
    padding: 18px 16px;
    -webkit-box-shadow: 0 0 2px rgba(54, 57, 63, .08), 0 6px 16px rgba(54, 57, 63, .16);
    box-shadow: 0 0 2px rgba(54, 57, 63, .08), 0 6px 16px rgba(54, 57, 63, .16);
    line-height: 120%;
    color: #36393f;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}
.tovar__point-tooltip .tooltip-pol {
    left: -22px;
    -webkit-transition: .5s;
    transition: .5s
}
.tovar__btns, .tovar__quantity {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.tovar__quantity {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.tovar__quantity .card__value .minus svg {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.tovar__quantity .card__value {
    margin-right: 25px
}
.tovar__quantity .tovar__questions {
    display: inline-block;
    margin: 10px 0;
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 144%;
    color: #36393f;
    border-bottom: 1px solid #06c
}
.tovar__btns {
    margin-top: 18px
}
.tovar__btns .addtocart {
    padding: 13px 34px;
    font-family: Roboto-medium, sans-serif;
    font-size: 18px;
    line-height: 108%;
    color: #fff;
    background: #f06149;
    border-radius: 2px;
    border: 1px solid transparent;
    margin-right: 12px
}
.popup__btn button:hover, .tovar__btns .addtocart:hover {
    background: #da0809
}
.popup__btn button:active, .tovar__btns .addtocart:active {
    border: 1px solid #f06149;
    background: #fff;
    color: #f06149
}
.tovar__btns .addtofav {
    margin-left: 24px;
    background: 0 0
}
.tovar__btns .addtofav svg {
    fill: #202225;
    opacity: .3
}
.tovar__btns .addtofav.active svg {
    fill: #0fbc43;
    opacity: 1
}
.tovar__btns .addtofav:hover svg {
    opacity: 1
}
.tovar__brand {
    max-width: 150px;
    text-align: center
}
.tovar__brand img {
    height: auto
}
.tovar__brand span {
    display: block;
    line-height: 136%;
    color: #999
}
.tovar__body-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 64px;
    border-bottom: 1px solid #eee
}
.tovar__body-items, .tovar__body-items .share, .tovar__list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.tovar__body-items .share {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto-medium, sans-serif;
    font-size: 16px;
    line-height: 120%
}
.tovar__body-items .share svg {
    margin-right: 8px
}
.brandsPage__item-elem a:hover, .lk__tab-clear .clear .to-catalog:hover, .tovar .show-text:hover, .tovar__docs-item:hover .doc-name {
    color: #005bb7
}
.tovar__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.tovar__list-item {
    padding: 12px 24px;
    font-family: Roboto-regular, sans-serif;
    font-size: 13px;
    line-height: 136%;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #202225;
    cursor: pointer;
    position: relative
}
.tovar__list-item::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background: #f06149;
    border-radius: 2px;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s
}
.tovar__list-item.active::after, .tovar__list-item:hover::after {
    opacity: 1;
    -webkit-transition: .5s;
    transition: .5s
}
.tovar__tab {
    display: none;
    padding: 48px 64px 80px
}
.tovar__tab.active {
    display: block
}
.tovar__tab-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.tovar__title {
    font-family: Roboto-bold, sans-serif;
    font-size: 24px;
    line-height: 124%;
    color: #000
}
.tovar__info {
    max-width: 835px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.tovar__block {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.tovar__block img {
    width: 190px;
    height: 160px
}
.tovar__block-text, .tovar__tech-item span {
    font-family: Roboto-regular, sans-serif;
    font-size: 18px;
    line-height: 144%
}
.tovar__block-text {
    margin-left: 18px;
    color: #36393f
}
.tovar__tech-title {
    font-family: Roboto-medium, sans-serif
}
.tovar__tech-items {
    margin-top: 18px
}
.tovar__tech-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 540px
}
.tovar__tech-item span {
    color: #8b8b8b
}
.tovar__tech-item .dots {
    margin: 10px 12px 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom: 2px dotted #ccc
}
.tovar__text {
    margin-top: 48px;
    position: relative
}
.tovar__text .blur {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 87px;
    background: -webkit-gradient(linear, left bottom, left top, from(#fff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(bottom, #fff 0, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(0deg, #fff 0, rgba(255, 255, 255, 0) 100%);
    margin-bottom: 0
}
.tovar .show-text {
    margin-top: 15px;
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 120%;
    color: #06c;
    cursor: pointer
}
.tovar__docs {
    margin-left: 24px
}
.tovar__docs-item {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 8px
}
.tovar__docs-item svg {
    fill: #ccc
}
.tovar__docs-item:hover {
    background: #f6f6f6;
    border-radius: 2px
}
.tovar__docs .doc-info {
    display: inline-block;
    margin-left: 8px
}
.tovar__docs .doc-name {
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 112%
}
.tovar__docs .doc-params {
    display: block;
    margin-top: 2px;
    font-family: Roboto-medium, sans-serif;
    font-size: 13px;
    line-height: 112%;
    color: #999
}
.tovar-similar {
    padding: 30px 0 10px
}
.tovar-recently .card__value .minus svg, .tovar-similar .card__value .minus svg {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.tovar-recently {
    padding: 30px 0 80px
}
.no-scroll {
    overflow: hidden
}
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    z-index: 20;
    display: none
}
.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 404px;
    padding: 32px 24px;
    background: #fff;
    visibility: hidden;
    opacity: 0
}
.popup.active {
    opacity: 1;
    visibility: visible;
    z-index: 21
}
.popup__close {
    position: absolute;
    top: 0;
    right: -32px;
    width: 32px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #f6f6f6;
    border-radius: 0 2px 2px 0;
    cursor: pointer;
    font-size: 28px;
    line-height: 24px;
    font-family: Roboto-regular, sans-serif;
    color: #999
}
.popup__form {
    margin-top: 16px
}
.popup__item {
    margin-bottom: 12px;
    position: relative
}
.popup__item .hide-pass, .popup__item .show-pass {
    position: absolute;
    top: 17px;
    right: 12px;
    cursor: pointer
}
.popup__item .hide-pass svg, .popup__item .show-pass svg {
    fill: #999
}
.popup__item .hide-pass.active, .popup__item .show-pass, .popup__item .show-pass.active {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}
.popup__item .hide-pass {
    display: none
}
.popup__pass {
    margin-bottom: 18px;
    text-align: right
}
.popup-link, .popup__input {
    font-family: Roboto-regular, sans-serif
}
.popup-link {
    display: inline-block;
    font-size: 14px;
    line-height: 120%;
    cursor: pointer
}
.popup__input {
    background: #f4f4f4;
    border-radius: 2px;
    padding: 15px 50px 15px 12px;
    width: 100%;
    font-size: 16px;
    line-height: 112%;
    color: #202225
}
.popup__input::-webkit-input-placeholder {
    color: #999
}
.popup__input::-moz-placeholder {
    color: #999
}
.popup__input:-ms-input-placeholder, .popup__input::-ms-input-placeholder {
    color: #999
}
.popup__input::placeholder {
    color: #999
}
.popup__btn, .popup__msg {
    margin-top: 18px
}
.popup__btn button {
    width: 100%;
    padding: 13px 0;
    text-align: center;
    border: 1px solid #f06149;
    background: #f06149;
    border-radius: 2px;
    font-family: Roboto-medium, sans-serif;
    font-size: 18px;
    line-height: 108%;
    color: #fff
}
.popup__msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.popup__msg span {
    display: inline-block;
    line-height: 120%;
    margin-right: 8px
}
.popup__conf {
    line-height: 136%
}
.popup__conf, .popup__msg span, .popup__text, .popup__tovar-link span {
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    color: #36393f
}
.popup__text {
    margin-top: 16px;
    line-height: 136%
}
.popup__tabs {
    margin-top: 24px
}
.popup__tab {
    display: none
}
.popup__tab.active {
    display: block
}
.popup__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #eee
}
.popup__list-item {
    width: 50%;
    text-align: center;
    padding-bottom: 8px;
    font-family: Roboto-regular, sans-serif;
    font-size: 13px;
    line-height: 136%;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #202225;
    position: relative;
    cursor: pointer
}
.popup__list-item.active::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background: #f06149;
    border-radius: 2px
}
.popup__social {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.popup__social-link {
    display: block;
    border-radius: 2px;
    margin-right: 12px
}
.popup__tovar-link {
    margin-top: 24px
}
.popup__tovar-link span {
    display: inline-block;
    line-height: 120%;
    margin-bottom: 6px
}
.popup__tovar-link .popup__input {
    color: #36393f;
    padding: 15px 12px
}
.popup__tovar-link .copy-link {
    margin-top: 16px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 13px 0;
    text-align: center;
    border: 1px solid #f06149;
    background: #f06149;
    border-radius: 2px;
    font-family: Roboto-medium, sans-serif;
    font-size: 18px;
    line-height: 108%;
    color: #fff;
    cursor: pointer
}
.popup__tovar-link .copy-link svg {
    fill: #fff;
    margin-right: 10px
}
.popup__tovar-link .copy-link:hover {
    background: #da0809
}
.popup__tovar-link .copy-link:active {
    border: 1px solid #f06149;
    background: #fff;
    color: #f06149
}
.popup__tovar-link .copy-link:active svg {
    fill: #f06149
}
.lk__items, .lk__list, .popup__tovar-link .copy-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.lk__items {
    margin-top: 16px;
    padding-left: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #fff;
    border-radius: 2px
}
.lk__list {
    border-bottom: 1px solid #eee
}
.lk__list-item a, .lk__list-link {
    display: block;
    padding: 28px 24px;
    font-family: Roboto-regular, sans-serif;
    font-size: 13px;
    line-height: 136%;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #202225;
    cursor: pointer;
    position: relative
}
.lk__list-item a::after, .lk__list-link.active::after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background: #f06149;
    border-radius: 2px
}
.lk__list-item a.active::after, .lk__list-item a:hover::after {
    content: ''
}
.lk__list-link.active::after {
    content: ''
}
.lk__points {
    background: #f06149;
    border-radius: 0 2px 2px 0;
    padding: 12px 32px 15px
}
.lk__points h4 {
    font-family: Roboto-bold, sans-serif;
    font-size: 24px;
    line-height: 124%;
    color: #fff
}
.lk__points a {
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 120%;
    color: #fff;
    opacity: .8;
    border-bottom: 1px dashed #fff
}
.lk__opt {
    padding: 21px 40px 23px
}
.lk__filter {
    margin-top: 24px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.lk__filter, .lk__select, .lk__sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.lk__sort-link {
    display: inline-block;
    padding: 9px 16px;
    background: #fff;
    border-radius: 2px;
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 136%;
    color: #000
}
.lk__sort-link.active {
    background: rgba(101, 97, 91, .18);
    border: 1px solid rgba(101, 97, 91, .18);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    color: #000
}
.lk__sort-link:not(:last-child) {
    margin-right: 12px
}
.lk__sort-link:hover {
    background: rgba(101, 97, 91, .18);
    border: 1px solid rgba(101, 97, 91, .18);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px;
    color: #000
}
.lk__tab {
    display: none
}
.lk__tab.active {
    display: block
}
.lk__tab .card__value .minus svg {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.lk__tab-cards {
    padding-top: 16px
}
.lk__tab-clear {
    padding: 120px 0 200px
}
.lk__tab-clear .clear {
    max-width: 200px;
    margin: 0 auto;
    text-align: center
}
.lk__form-col span, .lk__tab-clear .clear .to-catalog, .lk__tab-clear .clear span {
    display: block;
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 136%
}
.lk__tab-clear .clear span {
    margin-top: 16px;
    color: #36393f
}
.lk__form-col span, .lk__tab-clear .clear .to-catalog {
    color: #06c
}
.lk__form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.lk__form-title {
    font-family: Roboto-medium, sans-serif;
    font-size: 20px;
    line-height: 124%;
    color: #202225;
    margin-bottom: 18px
}
.lk__form-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.lk__form-col span {
    display: inline-block;
    line-height: 112%;
    color: #202225
}
.lk__form-col1 span, .lk__form-col2 span {
    display: inline-block;
    width: 120px
}
.lk__form-col2 {
    margin-left: 72px
}
.lk__form-col2 span {
    width: 170px
}
.lk__form-label {
    display: inline-block;
    margin-bottom: 18px
}
.lk__form .change-pass, .lk__form-input {
    width: 356px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-family: Roboto-regular, sans-serif
}
.lk__form .change-pass {
    display: inline-block;
    padding: 15px 12px;
    border: 1px solid #06c;
    border-radius: 2px;
    font-size: 16px;
    line-height: 112%;
    text-align: center;
    cursor: pointer
}
.lk__form .change-pass:hover {
    background: #06c;
    color: #fff
}
.lk__form-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.lk__form-btns .save {
    padding: 13px 75px;
    border: 1px solid #f06149;
    background: #f06149;
    border-radius: 2px;
    font-family: Roboto-medium, sans-serif;
    font-size: 18px;
    line-height: 108%;
    color: #fff;
    margin-right: 12px
}
.lk__form-btns .save:hover {
    background: #da0809
}
.lk__form-btns .save:active {
    border: 1px solid #f06149;
    background: #fff;
    color: #f06149
}
.filter-span, .lk__form-btns .cancel {
    display: inline-block;
    font-family: Roboto-regular, sans-serif
}
.lk__form-btns .cancel {
    padding: 13px 32px;
    border: 1px solid #06c;
    border-radius: 2px;
    font-size: 16px;
    line-height: 112%;
    text-align: center;
    cursor: pointer
}
.lk__form-btns .cancel:hover {
    background: #06c;
    color: #fff
}
.filter-span {
    margin-right: 12px
}
.history__items {
    margin-top: 32px
}
.history__items .pag {
    padding: 30px 0
}
.history__item {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 2px;
    margin-bottom: 16px
}
.history__head {
    padding: 24px 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #eee
}
.history__info h4, .history__total {
    font-family: Roboto-medium, sans-serif;
    font-size: 20px;
    line-height: 124%;
    color: #202225
}
.history__info .date {
    margin-top: 2px;
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 136%;
    color: #999
}
.history__total {
    font-size: 28px
}
.history__body {
    padding: 0 32px
}
.history__elem {
    padding: 24px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.history__elem:not(:last-child) {
    border-bottom: 1px solid #eee
}
.cart__item img, .history__elem img {
    width: 120px;
    height: 120px
}
.history__elem-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.history__elem-info {
    margin-left: 48px;
    width: 442px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.history__elem-info .elem-link {
    display: inline-block;
    font-family: Roboto-medium, sans-serif;
    font-size: 16px;
    line-height: 120%;
    color: #202225
}
.history__elem-info .elem-link:hover {
    color: #06c
}
.history__elem .param, .history__elem-params {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.history__elem-params {
    margin-top: 16px
}
.history__elem .param {
    margin-right: 24px
}
.cart__item .param span, .history__elem .param span {
    display: inline-block;
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 112%;
    color: #8b8b8b;
    margin-right: 4px
}
.cart__item .param p, .history__elem .param p {
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 112%;
    color: #36393f
}
.history__elem-value {
    margin-left: 80px
}
.history__elem-price {
    margin-left: auto;
    margin-top: -3px;
    font-family: Roboto-bold, sans-serif;
    font-size: 24px;
    line-height: 124%;
    color: #202225
}
.cart {
    max-width: 1050px;
    margin: 0 auto;
    padding-bottom: 84px
}
.cart__items {
    margin-top: 18px
}
.cart__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 65px
}
.cart__head-item {
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 120%;
    color: #8b8b8b
}
.cart__head-qty {
    width: 110px;
    margin-left: auto
}
.cart__head-price {
    width: 100px;
    margin-left: 54px
}
.cart__head-summ {
    margin-left: 50px
}
.cart__body {
    margin-top: 12px
}
.cart__item {
    background: #fff;
    padding: 15px 50px 15px 24px;
    border-radius: 2px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    z-index: 3
}
.cart__item-back {
    position: relative;
    z-index: 2
}
.cart__item-back:not(:last-child), .html ul li:not(:last-child) {
    margin-bottom: 8px
}
.cart__item-back .bgback, .cart__item-back:hover .bgback {
    -webkit-transition: ease-in-out .5s;
    transition: ease-in-out .5s
}
.cart__item-back .bgback {
    width: 95%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(185, 187, 190, .5);
    -webkit-filter: blur(10px);
    filter: blur(10px);
    z-index: -1;
    opacity: 0
}
.cart__item-back:hover {
    z-index: 5
}
.cart__item-back:hover .bgback {
    opacity: 1
}
.cart__item-back:hover .cart__item-remove {
    opacity: 1;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}
.cart__item-params, .cart__item-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.cart__item-row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}
.cart__item-params {
    margin-top: 16px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.cart__item-info {
    margin-left: 24px;
    width: 420px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.cart__item-info .elem-link {
    display: inline-block;
    font-family: Roboto-medium, sans-serif;
    font-size: 16px;
    line-height: 120%;
    color: #202225
}
.cart__item-info .elem-link:hover {
    color: #06c
}
.cart__item .param {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 24px
}
.cart__item-value {
    margin-left: 40px
}
.cart__item-price {
    margin-left: 54px;
    margin-top: 10px
}
.cart__item-price .price, .cart__item-total {
    font-family: Roboto-medium, sans-serif;
    font-size: 16px;
    line-height: 120%;
    color: #202225
}
.cart__item-price .price.discount {
    color: #f06149
}
.cart__item-price .old-price {
    font-family: Roboto-regular, sans-serif;
    font-size: 13px;
    line-height: 124%;
    color: #777;
    text-decoration: line-through;
    -webkit-text-decoration-color: #f06149;
    text-decoration-color: #f06149
}
.cart__item-total {
    margin-left: auto;
    margin-top: 10px
}
.cart__attr, .cart__item-remove {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.cart__item-remove {
    width: 32px;
    height: 32px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #fff;
    border: 2px solid #ccc;
    border-radius: 50%;
    font-size: 26px;
    font-family: Roboto-regular, sans-serif;
    line-height: 16px;
    color: #999;
    position: absolute;
    right: -16px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer;
    opacity: 0;
    -webkit-transition: opacity .5s;
    transition: opacity .5s
}
.cart__item-remove:hover {
    border: 2px solid #f06149;
    color: #f06149
}
.cart__attr {
    margin-top: 40px
}
.cart__attr-discount, .cart__attr-full span {
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 112%
}
.cart__attr-discount {
    max-width: 235px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border: 2px dashed #06c;
    border-radius: 4px;
    padding: 12px 18px;
    position: relative
}
.cart__attr-discount b {
    font-family: Roboto-medium, sans-serif
}
.cart__attr-info {
    right: -10px;
    cursor: pointer;
    background: #f6f6f6;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.cart__attr-info svg {
    fill: #005bb7
}
.cart__attr-info:hover+.cart__attr-tooltip {
    opacity: 1;
    z-index: 1;
    visibility: visible
}
.cart__attr-info, .cart__attr-tooltip, .cart__attr-tooltip .tooltip-pol {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.cart__attr-tooltip {
    max-width: 215px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    left: calc(100% + 25px);
    background: #fff;
    padding: 18px 16px;
    -webkit-box-shadow: 0 0 2px rgba(54, 57, 63, .08), 0 6px 16px rgba(54, 57, 63, .16);
    box-shadow: 0 0 2px rgba(54, 57, 63, .08), 0 6px 16px rgba(54, 57, 63, .16);
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 120%;
    color: #36393f;
    z-index: -1;
    opacity: 0;
    visibility: hidden
}
.cart__attr-tooltip .tooltip-pol {
    left: -12px;
    -webkit-transition: .5s;
    transition: .5s
}
.cart__attr-full {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}
.cart__attr-full span {
    display: inline-block;
    margin-bottom: 6px;
    color: #202225
}
.cart__attr-full .result {
    margin-left: 18px;
    font-family: Roboto-medium, sans-serif;
    font-size: 36px;
    line-height: 124%;
    color: #202225
}
.cart__attr-btn {
    margin-left: 40px
}
.cart__attr-btn .order-btn {
    background: #f06149;
    border-radius: 2px;
    padding: 13px 50px;
    border: 1px solid #f06149;
    font-family: Roboto-medium, sans-serif;
    font-size: 18px;
    line-height: 108%;
    color: #fff;
    cursor: pointer
}
.cart__attr-btn .order-btn:hover {
    background: #da0809
}
.cart__attr-btn .order-btn:active {
    background: #fff;
    color: #f06149
}
.order {
    padding-bottom: 96px
}
.order__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 18px
}
.order__left {
    max-width: 832px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.order__join {
    background: -webkit-radial-gradient(50.05% 50%, 59.62% 89.17%, #2383e2 0, #006bd7 100%);
    background: radial-gradient(59.62% 89.17% at 50.05% 50%, #2383e2 0, #006bd7 100%);
    border-radius: 2px;
    padding: 48px 0;
    text-align: center
}
.order__join-title {
    max-width: 500px;
    margin: 0 auto;
    font-family: Roboto-medium, sans-serif;
    font-size: 28px;
    line-height: 116%;
    text-align: center;
    color: #fff
}
.order__join-btn {
    margin: 28px auto 0;
    background: #fff;
    border-radius: 2px;
    padding: 11px 18px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-family: Roboto-regular, sans-serif;
    font-size: 13px;
    line-height: 136%;
    letter-spacing: .04em;
    text-transform: uppercase;
    cursor: pointer
}
.order__join-btn svg {
    fill: #06c;
    margin-right: 6px
}
.order__join-btn:hover {
    -webkit-box-shadow: 0 4px 8px rgba(32, 34, 37, .12);
    box-shadow: 0 4px 8px rgba(32, 34, 37, .12)
}
.order__without {
    margin-top: 40px
}
.order__without-title {
    font-family: Roboto-medium, sans-serif;
    font-size: 20px;
    line-height: 124%;
    color: #202225
}
.order__form {
    margin-top: 18px;
    background: #fff;
    border-radius: 2px;
    padding: 32px 24px
}
.order__form.pt-0 {
    margin-top: 0px
}
.order__form .pt-24 {
    padding-top: 24px
}
.order__form .pt-48 {
    padding-top: 48px
}
.order__form-title {
    font-family: Roboto-medium, sans-serif;
    font-size: 18px;
    line-height: 108%;
    color: #202225
}
.order__form-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 28px
}
.order__form .label {
    display: block;
    margin-right: 32px;
    margin-bottom: 24px
}
.order__form .label-name, .order__form-bonus span {
    display: block;
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 120%;
    color: #36393f
}
.order__form .label-name .required {
    color: #06c
}
.order__form .order-input {
    margin-top: 6px;
    width: 356px;
    height: 48px;
    background: #f4f4f4;
    border-radius: 2px;
    padding: 0 12px;
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 112%;
    color: #202225
}
.order__form .order-input::-webkit-input-placeholder {
    color: #999
}
.order__form .order-input::-moz-placeholder {
    color: #999
}
.order__form .order-input:-ms-input-placeholder, .order__form .order-input::-ms-input-placeholder {
    color: #999
}
.order__form .order-input::placeholder {
    color: #999
}
.order__form-check {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.order__form-check .check-label {
    display: block;
    cursor: pointer;
    margin-right: 12px;
    margin-bottom: 12px
}
.order__form-check .check-input, .order__form-confirm input {
    display: none
}
.order__form-check .check-input:checked+.check-block {
    border: 1px solid #06c
}
.order__form-check .check-block {
    display: block;
    background: #f2f2f2;
    border: 1px solid transparent;
    width: 177px;
    height: 120px;
    padding: 19px 0;
    border-radius: 4px
}
.order__form-check .check-block:hover, .order__form-confirm label:hover .custom {
    border: 1px solid #ccc
}
.order__form-check .check-block.opacity {
    opacity: .5
}
.order__form-check .check-block2 {
    padding: 19px 0 9px
}
.order__form-check .check-block2 .check-text {
    margin-top: 0
}
.order__form-check .check-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 55px
}
.order__form-check .check-text {
    display: block;
    margin-top: 13px;
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 120%;
    text-align: center;
    color: #36393f
}
.order__form-bonus {
    margin-top: 48px
}
.order__form-confirm {
    margin-top: 32px
}
.order__form-confirm label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    cursor: pointer
}
.order__form-confirm .custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    background: #fff;
    border: 1px solid #d9dde4;
    border-radius: 4px;
    margin-right: 10px;
    -webkit-transition: .5s;
    transition: .5s
}
.order__form-confirm .custom svg {
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: scale(0);
    transform: scale(0);
    fill: transparent;
    stroke: #fff;
    stroke-width: 2
}
.order__form-confirm .text {
    max-width: 405px;
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 120%;
    color: #36393f
}
.order__form-confirm input:checked+.custom {
    background: #f06149;
    border: 1px solid #f06149;
    -webkit-transition: .5s;
    transition: .5s
}
.order__form-confirm input:checked+.custom svg {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .5s;
    transition: .5s
}
.order__form .cart__attr-btn {
    margin-top: 16px;
    margin-left: 0
}
.order__right {
    max-width: 404px;
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #fff;
    border-radius: 2px
}
.order__right-head, .order__right-item {
    padding: 18px;
    border-bottom: 1px solid #eee
}
.order__right-head span, .order__right-result span {
    font-family: Roboto-medium, sans-serif;
    font-size: 18px;
    line-height: 108%;
    color: #202225
}
.order__right-item {
    padding: 17px 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
.order__right-item .item-link {
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 136%;
    color: #202225
}
.order__right-item .item-link:hover {
    color: #06c
}
.order__right-item .item-price {
    margin-top: 6px;
    font-family: Roboto-medium, sans-serif;
    font-size: 16px;
    line-height: 120%;
    color: #202225
}
.order__right-image {
    width: 48px;
    height: 48px;
    margin-right: 12px;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.order__right-result {
    padding: 24px 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.order__right-result span {
    font-size: 24px;
    line-height: 124%;
    color: #36393f
}
.order__right-result .order__result {
    font-family: Roboto-bold, sans-serif;
    font-size: 24px;
    line-height: 124%;
    color: #202225
}
.error {
    position: relative;
    min-height: 100vh;
    padding-top: 28px;
    z-index: 2;
    background: #f6f6f6
}
.error-big {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-family: Roboto-bold, sans-serif;
    font-size: 640px;
    line-height: 112%;
    color: #eee;
    z-index: -1
}
.error-logo {
    width: 173px;
    height: 40px;
    margin: 0 auto
}
.error-title {
    margin-top: 130px;
    text-align: center;
    font-family: Roboto-medium, sans-serif;
    font-size: 28px;
    line-height: 112%;
    color: #202225
}
.error-btn a, .error-desc, .nice-select .current {
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 136%
}
.error-desc {
    margin: 12px auto 0;
    max-width: 370px;
    color: #36393f
}
.error-btn, .error-desc, .error-img {
    text-align: center
}
.error-btn a {
    display: inline-block;
    background: #f06149;
    border-radius: 2px;
    margin: 32px auto 0;
    padding: 12px 46px;
    font-family: Roboto-medium, sans-serif;
    line-height: 120%;
    color: #fff
}
.error-img {
    margin-top: 150px
}
.nice-select {
    max-width: 384px;
    height: 49px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid rgba(101, 97, 91, .18);
    padding-left: 18px;
    padding-top: 13px;
    padding-bottom: 13px;
    line-height: unset
}
.nice-select::after {
    content: url(../img/general/select-arr.svg);
    border: 0;
    height: auto;
    width: auto;
    -webkit-transform-origin: unset;
    transform-origin: unset;
    -webkit-transform: rotate(0);
    transform: rotate(0)
}
.nice-select .current {
    font-style: normal;
    font-weight: 400;
    color: #65615b;
    opacity: .8
}
.nice-select, .nice-select .list {
    background: #fff;
    border-radius: 2px
}
.nice-select .list {
    width: 100%;
    border: 1px solid #eee
}
.nice-select .option, .subcategory__description {
    font-family: Roboto-regular, sans-serif;
    font-size: 16px
}
.nice-select .option {
    padding: 8px 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 136%;
    color: #65615b;
    opacity: .8
}
.nice-select .option:hover {
    background-color: #f1f1f1;
    color: #f06149
}
.nice-select.open:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out
}
.subcategory__description {
    margin-top: 16px;
    line-height: 140%;
    color: #8b8b8b
}
.subcategory__filters {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.subcategory__filters-catalog {
    margin-right: 24px
}
.subcategory__filters-catalog .nice-select {
    width: 297px
}
.subcategory__filters-brand .nice-select::after, .subcategory__filters-catalog .nice-select::after {
    margin-top: -6px
}
.subcategory__filters-brand, .subcategory__filters-sort {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.subcategory__filters-sort {
    margin-left: auto
}
.subcategory__filters-sort .sorted-link {
    display: inline-block;
    padding: 9px 16px;
    background: #fff;
    border-radius: 2px;
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 136%;
    color: #06c
}
.subcategory__filters-sort .sorted-link:not(:last-child) {
    margin-right: 12px
}
.subcategory__filters-sort .sorted-link.active, .subcategory__filters-sort .sorted-link:hover {
    background: #06c;
    color: #fff
}
.subcategory .cards {
    margin-top: 20px
}
.subcategory .pag {
    padding: 30px 0
}
.html {
    padding-bottom: 100px
}
.html-wrapper {
    max-width: 939px;
    margin: 0 auto;
    background: #fff
}
.html-block {
    padding: 32px 24px 28px
}
.html-date {
    margin-top: 12px
}
.html p, .html-date .date {
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 136%;
    color: #999
}
.html p {
    font-size: 18px;
    line-height: 144%;
    color: #36393f;
    margin-top: 20px
}
.html-image {
    width: 100%;
    height: auto;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.html ul li, .html ul li span, .html-minitext {
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 112%;
    color: #999
}
.html-lists {
    margin-top: 28px
}
.html-lists-title {
    font-family: Roboto-medium, sans-serif;
    font-size: 18px;
    line-height: 108%;
    color: #202225
}
.html ul {
    margin-top: 16px;
    list-style-type: disc;
    list-style-position: inside
}
.html ul li, .html ul li span {
    color: #f06149;
    font-size: 18px;
    line-height: 144%
}
.html ul li span {
    color: #36393f
}
.html-social {
    margin-top: 28px
}
.html-social-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.html-social-title {
    display: inline-block;
    margin-right: 24px;
    font-family: Roboto-regular, sans-serif;
    font-size: 18px;
    line-height: 144%;
    color: #999
}
.html-social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.html-social-link {
    margin-right: 6px
}
.catalogMenu, .catalogMenu.active {
    -webkit-transition: .5s;
    transition: .5s
}
.catalogMenu {
    position: absolute;
    width: 100%;
    top: calc(100% + 0px);
    left: 0;
    border-radius: 0 0 2px 2px;
    z-index: 2;
    opacity: 0;
    visibility: hidden
}
.catalogMenu.active {
    z-index: 10;
    opacity: 1;
    visibility: visible
}
.catalogMenu-wrap {
    width: 100%;
    padding: 32px 0;
    background: #fff
}
.catalogMenu .catalog-bg {
    width: 96%;
    height: 96%;
    position: absolute;
    left: 50%;
    top: 25px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background: rgba(185, 187, 190, .5);
    -webkit-filter: blur(10px);
    filter: blur(10px);
    z-index: -1;
    opacity: 1;
    -webkit-transition: ease-in-out .5s;
    transition: ease-in-out .5s
}
.catalogMenu__title {
    font-family: Roboto-medium, sans-serif;
    font-size: 20px;
    line-height: 124%;
    color: #202225
}
.catalogMenu-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 16px
}
.catalogMenu .catalog__back:not(:nth-child(4n)) {
    margin-right: 0
}
.catalogMenu .catalog__back:not(:nth-child(6n)) {
    margin-right: 24px
}
.catalogMenu .catalog-value {
    font-size: 64px;
    line-height: 100%
}
.catalogMenu .to-catalog:hover {
    background: #06c;
    border: 1px solid #06c
}
.brandsPage {
    padding-bottom: 100px
}
.brandsPage__desc {
    max-width: 555px;
    margin-top: 10px;
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 136%;
    color: #36393f
}
.brandsPage__content {
    margin-top: 32px;
    background: #fff;
    padding: 48px 107px 80px
}
.brandsPage .sert-slider {
    margin-top: 18px;
    position: relative
}
.brandsPage .sert-btn-prev {
    left: -75px
}
.brandsPage .sert-btn-next {
    right: -75px
}
.brandsPage .sert-btn-next svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
.brandsPage .swiper-button-disabled {
    opacity: .5
}
.brandsPage__sort {
    margin: 40px auto 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.brandsPage__sort .sort-link {
    padding: 5px 12px;
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 136%;
    text-align: center;
    color: #36393f;
    border: 1px solid #eee
}
.brandsPage__sort .sort-link:not(:last-child) {
    border-right: 1px solid #eee
}
.brandsPage__sort .sort-link.active {
    background: #f06149;
    color: #fff
}
.brandsPage__items {
    margin-top: 40px
}
.brandsPage__item {
    padding: 18px 0
}
.brandsPage__item-letter {
    font-family: Roboto-medium, sans-serif;
    font-size: 18px;
    line-height: 108%;
    color: #36393f
}
.brandsPage__item-elems {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 12px
}
.brandsPage__item-elem {
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.brandsPage__item-elem a {
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    color: #06c
}
.delivery {
    padding-bottom: 48px
}
.delivery-wrapper {
    max-width: 666px;
    margin: 0 auto
}
.delivery-images {
    max-width: 750px;
    margin: 40px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.delivery-image {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-bottom: 32px
}
.delivery-image:not(:nth-child(3n)) {
    margin-right: 24px
}
.delivery-image p, .delivery-top-title span {
    font-family: Roboto-regular, sans-serif;
    text-align: center
}
.delivery-image p {
    margin-top: 12px;
    font-size: 18px;
    line-height: 144%;
    color: #36393f
}
.delivery-img {
    background: #fff
}
.delivery-info {
    padding-top: 32px;
    max-width: 832px;
    margin: 0 auto;
    border-radius: 2px
}
.delivery-top {
    height: 400px;
    background: url(../img/general/delbg.png) no-repeat center top/cover;
    position: relative;
    padding-top: 40px
}
.delivery-top .gazel, .fixed-header .nav-link:hover::after {
    position: absolute;
    left: 50%;
    bottom: -150px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.delivery-top-title {
    max-width: 685px;
    margin: 0 auto;
    text-align: center
}
.delivery-top-title .title {
    color: #fff
}
.delivery-top-title span {
    display: inline-block;
    margin: 21px auto 0;
    max-width: 220px;
    font-size: 14px;
    line-height: 120%;
    color: #fff;
    opacity: .6
}
.delivery-body {
    padding-top: 175px;
    background: #fff;
    padding-bottom: 48px
}
.delivery__tabs {
    max-width: 570px;
    margin: 0 auto
}
.delivery__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #eee
}
.delivery__list-item {
    padding: 12px 24px;
    font-family: Roboto-regular, sans-serif;
    font-size: 13px;
    line-height: 136%;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #202225;
    cursor: pointer;
    position: relative
}
.delivery__list-item.active::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 2px;
    background: #f06149;
    border-radius: 2px
}
.delivery__tab {
    display: none;
    padding-top: 40px
}
.delivery__tab.active {
    display: block
}
.delivery__tab-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.delivery__tab-left, .delivery__tab-right {
    font-family: Roboto-regular, sans-serif;
    font-size: 16px;
    line-height: 136%;
    color: #36393f
}
.delivery__tab-left {
    width: 150px;
    border-right: 1px solid #ccc;
    -ms-flex-negative: 0;
    flex-shrink: 0
}
.delivery__tab-right {
    padding-left: 48px;
    padding-bottom: 20px
}
.delivery__tab-right.not {
    color: #999
}
.payment {
    padding-bottom: 96px
}
.payment-wrapper {
    max-width: 666px;
    margin: 0 auto
}
.payment__variants {
    margin-top: 48px!important
}
.payment__variant h5, .payment__variants h4 {
    font-family: Roboto-medium, sans-serif;
    font-size: 20px!important;
    line-height: 124%!important;
    color: #202225!important
}
.payment__variants-text {
    margin-top: 12px!important;
    max-width: 650px!important;
    font-family: Roboto-regular, sans-serif;
    font-size: 18px!important;
    line-height: 144%!important;
    color: #36393f!important
}
.payment__variant {
    margin-top: 24px!important;
    max-width: 500px!important
}
.payment__variant h5 {
    font-size: 18px!important;
    line-height: 108%!important
}
.payment__variant-text {
    display: inline-block!important;
    margin-top: 8px!important;
    font-family: Roboto-regular, sans-serif;
    font-size: 16px!important;
    line-height: 136%!important;
    color: #999!important
}
* {
    outline: 0
}
.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 12px;
    background: #fff;
    z-index: 15;
    visibility: hidden;
    border-bottom: 1px solid #eee;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: .5s;
    transition: .5s
}
.fixed-header.active {
    visibility: visible;
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s;
    transition: transform .5s, -webkit-transform .5s;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.fixed-header-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.fixed-header .header__logo {
    max-width: 173px;
    margin-right: 46px;
    margin-top: -15px
}
.fixed-header .header__catalog {
    padding: 16px 22px 28px
}
.fixed-header .nav-link {
    padding: 16px 17px 28px
}
.fixed-header .nav-link:hover::after {
    content: '';
    bottom: 23px;
    width: calc(100% - 28px);
    height: 1px;
    background: #0066cc20
}
.fixed-header .header__events {
    margin-top: -8px
}
.fixed-header .more-menu {
    display: inline-block;
    padding: 14px 14px 28px;
    font-family: Roboto-bold, sans-serif;
    font-size: 15px;
    line-height: 116%;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #999;
    cursor: pointer
}
.fixed-header .toggle-menu {
    width: 200px;
    height: auto;
    position: absolute;
    top: 100%;
    right: -150px;
    background: #fff;
    display: none;
    z-index: 5;
    border: 1px solid #eee;
    border-radius: 2px
}
.fixed-header .toggle-menu .nav-link {
    display: block;
    padding: 15px 22px
}
.fixed-header .toggle-menu .nav-link:not(:last-child) {
    border-bottom: 1px solid #eee
}
.fixed-header .toggle-menu .nav-link::after {
    display: none
}
.fixed-header .cart-empty {
    background: #fff;
    border: 1px solid #fff;
    border-radius: 2px;
    padding: 45px 35px;
    position: absolute;
    top: calc(100% + 20px);
    left: -50%;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    z-index: -1;
    visibility: hidden;
    text-align: center;
    -webkit-box-shadow: 0 0 2px rgba(54, 57, 63, .08), 0 6px 16px rgba(54, 57, 63, .16);
    box-shadow: 0 0 2px rgba(54, 57, 63, .08), 0 6px 16px rgba(54, 57, 63, .16)
}
.fixed-header .cart-empty::before {
    content: '';
    position: absolute;
    left: 50%;
    top: -32px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 20px solid transparent;
    border-bottom: 20px solid #fff;
    -webkit-box-shadow: none;
    box-shadow: none
}
.fixed-header .cart-empty-text {
    margin-top: 15px
}
.fixed-header .cart-empty-link, .fixed-header .cart-empty-span, label.bad {
    display: block;
    font-family: Roboto-regular, sans-serif;
    font-size: 14px;
    line-height: 120%
}
.fixed-header .cart-empty-span {
    color: #36393f;
    white-space: nowrap
}
.fixed-header .cart-empty-link, label.bad {
    color: #06c
}
.autocomplete-suggestions {
    background-color: #fff;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    overflow-y: auto
}
.autocomplete-suggestions .autocomplete-suggestion {
    cursor: default;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.autocomplete-suggestions .selected {
    background: #f0f0f0
}
.autocomplete-suggestions div {
    padding: 5px;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 15px;
}
.autocomplete-suggestions strong {
    font-weight: 400;
    color: #39f
}
.autocomplete-suggestion img {
    width: 30px;
    margin-right: 5px;
}
.btn-red, .content {
    font-size: 18px;
    line-height: 144%
}
.content div, .content h1, .content h2, .content h3, .content h4, .content h5, .content ol, .content p, .content ul {
    margin: 0 0 20px
}
.content b, .content strong {
    font-weight: 700
}
.content ul li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 30px;
    font-size: 14px;
}
.content ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    background: #f06149;
    width: 6px;
    height: 6px;
    border-radius: 50%
}
.card__fav.addToFav.active {
    opacity: 1
}
.btn-red {
    background: #f06149;
    border-radius: 2px;
    padding: 13px 50px;
    border: 1px solid #f06149;
    font-family: Roboto-medium, sans-serif;
    line-height: 108%;
    color: #fff
}
@media screen and (max-width:1366px) {
    .header__logo {
        max-width: 140px
    }
    .header__search {
        margin-left: 20px
    }
    .header__input {
        width: 250px
    }
    .header__catalog {
        padding: 14px 14px 19px;
        font-size: 11px;
        margin-right: 0
    }
    .header__nav .nav-link {
        padding: 14px 10px 18px;
        font-size: 11px
    }
    .header__login .login {
        font-size: 11px
    }
    .main-slide {
        background: 0 0;
        height: auto
    }
    .card {
        max-width: 225px
    }
    .card:not(:nth-child(5n)) {
        margin-right: 0
    }
    .card:not(:nth-child(4n)) {
        margin-right: 20px
    }
    .popularCats__item {
        padding: 20px 4px 20px 20px
    }
    .popularCats__item:not(:last-child) {
        margin-right: 10px
    }
    .action__item {
        max-width: 48%
    }
    .news__item::after {
        width: 96%
    }
    .footer__bottom .up {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
    .footer__bottom .copyright {
        max-width: 45%
    }
    .footer__bottom .alert {
        max-width: 40%
    }
    .catalog__back:not(:nth-child(4n)), .newsPage .news__item:not(:nth-child(3n)) {
        margin-right: 0
    }
    .catalog__back:not(:nth-child(3n)) {
        margin-right: 24px
    }
    .newsPage .news__item:not(:nth-child(2n)) {
        margin-right: 30px
    }
    .last-btn-next, .new-btn-next {
        right: -15px
    }
    .catalogMenu .catalog__back:not(:nth-child(6n)) {
        margin-right: 0
    }
    .catalogMenu .catalog__back:not(:nth-child(5n)) {
        margin-right: 5px
    }
    .catalogMenu .catalog__back {
        margin-bottom: 5px
    }
    .autoservices__item:not(:nth-child(4n)) {
        margin-right: 0
    }
    .autoservices__item:not(:nth-child(3n)) {
        margin-right: 24px
    }
    .banner-image {
        height: auto
    }
    .about__team-item:not(:nth-child(4n)) {
        margin-right: 0
    }
    .about__team-item:not(:nth-child(3n)) {
        margin-right: 26px
    }
    .sertificates__item:not(:nth-child(4n)) {
        margin-right: 0
    }
    .sertificates__item:not(:nth-child(3n)) {
        margin-right: 26px
    }
    .tovar__center iframe, .tovar__center img {
        width: 400px;
        height: 400px
    }
    .tovar__list-item {
        font-size: 12px
    }
    .tovar__tab-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .tovar__docs {
        margin-left: 0;
        margin-top: 24px
    }
    .tovar__right {
        margin-left: 40px
    }
    .tovar__presence {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .tovar__values:last-child {
        margin-left: 0;
        margin-top: 12px
    }
    .tovar__price {
        margin-top: 30px
    }
    .tovar__btns {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .tovar__btns .oneclick {
        margin-top: 12px
    }
    .tovar__head {
        padding: 45px 50px 60px
    }
    .history__elem-info {
        margin-left: 24px;
        width: 390px
    }
    .lk__form-col span {
        margin-bottom: 10px
    }
    .lk__form-address {
        margin-top: 30px
    }
    .cart__item-info {
        width: 390px
    }
    .cart__head-summ {
        margin-left: 8px
    }
    .cart__head-price {
        margin-left: 45px
    }
    .order__left {
        max-width: 525px
    }
    .order__form-check {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .order__form-check .check-label {
        margin-bottom: 12px
    }
    .error-big {
        font-size: 500px
    }
    .error-img, .error-title {
        margin-top: 50px
    }
    .error-img svg {
        max-width: 100%
    }
    .subcategory__filters {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .subcategory__filters-brand {
        margin-right: 24px
    }
    .sub .subcategory__filters-sort {
        margin-left: 0;
        margin-top: 12px
    }
    .brandsPage__content .sertificates__item {
        height: auto;
        margin-bottom: 0
    }
    .brandsPage__sort {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .brandsPage__item-elems, .brandsPage__sort {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .brandsPage__item-elem {
        width: 170px;
        margin: 5px 0
    }
    .brandsPage__item-elem:not(:last-child) {
        margin-right: 18px
    }
    .footer-col {
        max-width: 375px
    }
}
@media screen and (max-width:1024px) {
    .header__logo {
        max-width: 165px
    }
    .header__input {
        width: 280px
    }
    .header__phone {
        margin-left: auto;
        text-align: right
    }
    .header__events {
        margin-top: 15px
    }
    .header .more-menu {
        display: block
    }
    .catalogMenu .catalog__products-item img, .fixed-header .header__logo {
        display: none
    }
    .card:not(:nth-child(4n)), .footer .social-link:not(:nth-child(3n)) {
        margin-right: 0
    }
    .card:not(:nth-child(3n)) {
        margin-right: 20px
    }
    .popularCats__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .popularCats__item {
        max-width: 48%;
        margin-bottom: 20px
    }
    .action__img {
        height: 120px
    }
    .footer .social-link:not(:nth-child(2n)) {
        margin-right: 12px
    }
    .footer-col {
        margin-right: 20px
    }
    .catalog__back:not(:nth-child(3n)) {
        margin-right: 0
    }
    .catalog__back:not(:nth-child(2n)) {
        margin-right: 24px
    }
    .newsPage__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .newsPage__right {
        max-width: 500px;
        margin: 20px auto 0
    }
    .contacts__items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .contacts__info {
        max-width: 100%
    }
    .map {
        height: 400px
    }
    .autoservices__item {
        max-width: 31%;
        height: 135px
    }
    .actionFull {
        padding: 40px 15px
    }
    .about {
        padding: 0 15px
    }
    .about__team {
        padding: 30px
    }
    .about__team-items {
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
    .about__team-item:not(:nth-child(3n)), .sertificates__item:not(:nth-child(3n)) {
        margin-right: 0
    }
    .sertificates {
        padding: 30px
    }
    .sertificates__items {
        -ms-flex-pack: distribute;
        justify-content: space-around;
        padding: 0 30px
    }
    .tovar {
        max-width: 768px
    }
    .tovar__head {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .tovar__right {
        margin-left: 0;
        margin-top: 25px
    }
    .tovar__values:last-child {
        margin-left: 24px;
        margin-top: 0
    }
    .tovar__btns .oneclick {
        margin-top: 0
    }
    .tovar__body-items {
        padding: 0 15px
    }
    .tovar__list-item {
        padding: 12px 7px
    }
    .lk__list-item a {
        padding: 15px
    }
    .lk__items {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }
    .lk__filter {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .lk__sort {
        margin-top: 12px
    }
    .history__elem-params {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .history__elem-info {
        width: 235px
    }
    .history__elem .param {
        margin: 5px 0
    }
    .history__elem-value {
        margin-left: 30px
    }
    .lk__form .change-pass, .lk__form-input {
        width: 300px
    }
    .lk__opt {
        padding: 15px
    }
    .cart__item-info {
        width: 250px
    }
    .cart__item img {
        width: 100px;
        height: 100px
    }
    .cart__item-params {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 0
    }
    .cart__item .param {
        margin: 5px 0
    }
    .cart__item {
        padding: 15px
    }
    .cart__item-value {
        margin-left: 20px
    }
    .cart__head {
        padding-right: 30px
    }
    .cart__item-price {
        margin-left: 20px
    }
    .cart__head-price {
        margin-left: 18px
    }
    .cart__head-summ {
        margin-left: 28px
    }
    .cart__attr {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .cart__attr-btn {
        margin-left: 0;
        margin-top: 20px;
        width: 100%;
        text-align: right
    }
    .order__left {
        max-width: 400px
    }
    .order__right {
        max-width: 310px
    }
    .order__join {
        padding: 20px 0
    }
    .order__form .label {
        margin-right: 0;
        width: 100%
    }
    .order__form .order-input {
        width: 100%
    }
    .order__form-check .check-block {
        width: 164px
    }
    .error-big {
        font-size: 400px
    }
    .error-img {
        max-width: 95%;
        margin: 0 auto
    }
    .subcategory__filters-sort {
        margin-left: 0;
        margin-top: 12px
    }
    .brandsPage__item-elem {
        width: 115px
    }
    .brandsPage__item-elem:not(:last-child) {
        margin-right: 15px
    }
    .brandsPage__items {
        margin-top: 20px
    }
    .catalogMenu .catalog__back:not(:nth-child(5n)), .delivery-image:not(:nth-child(3n)) {
        margin-right: 0
    }
    .delivery-image:not(:nth-child(2n)) {
        margin-right: 24px
    }
    .catalogMenu .catalog__products-item {
        width: auto;
        height: auto;
        border: 0
    }
    .catalogMenu .catalog__products-item span {
        max-width: 100%;
        text-align: left
    }
    .catalogMenu .catalog-value {
        display: none
    }
    .catalogMenu-wrap {
        padding: 15px 0
    }
    .catalogMenu-items {
        margin-top: 0
    }
    .catalogMenu .catalog__back:not(:last-child) {
        margin-right: 20px
    }
    .fixed-header .header__nav {
        width: 100%;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-right: 20px
    }
    .header__nav .nav-link {
        display: none
    }
}
@media screen and (max-width:800px) {
    .fixed-header .header__events span, .main-btn-next, .main-btn-prev {
        display: none
    }
    .header__logo {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .header__search {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        margin-left: 0;
        margin-top: 12px;
        width: 100%
    }
    .header__phone {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    .tovar__sum {
        font-size: 35px
    }
    .header__input {
        width: 100%
    }
    .header__events {
        margin-left: 0;
        margin-top: 12px;
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
    .header__catalog {
        padding: 14px
    }
    .header .more-menu {
        padding: 14px 14px 12px;
        margin-left: 8px
    }
    .header__login {
        padding-bottom: 0;
        padding-top: 6px
    }
    .fixed-header {
        padding: 10px 0
    }
    .fixed-header .header__catalog {
        padding: 14px
    }
    .fixed-header .more-menu {
        padding: 14px 14px 12px
    }
    .fixed-header .toggle-menu {
        right: -75px
    }
    .fixed-header .header__events {
        margin-top: 0
    }
    .fixed-header .header__fav {
        margin-right: 15px
    }
    .liders {
        padding-top: 20px
    }
    .cards {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .card {
        max-width: 250px;
        margin: 5px
    }
    .card:not(:nth-child(3n)) {
        margin-right: 0
    }
    .popularCats__item {
        max-width: 100%
    }
    .last-btn-next, .new-btn-next {
        right: 0
    }
    .action__item {
        max-width: 100%
    }
    .news-btn-next {
        right: -10px
    }
    .footer__nav {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .footer-col {
        max-width: 100%;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px
    }
    .footer__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .footer__social {
        max-width: none;
        width: 100%
    }
    .footer__social-links {
        width: 100%
    }
    .footer .social-link {
        margin-right: 12px
    }
    .footer .social-link:not(:last-child) {
        margin-right: 12px
    }
    .footer__contacts {
        margin-top: 20px;
        margin-left: 0
    }
    .footer__contacts-items, .footer__contacts-name {
        text-align: left
    }
    .footer__bottom {
        position: relative;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .footer__bottom .copyright {
        max-width: 100%
    }
    .footer__bottom .alert {
        max-width: 100%;
        text-align: left;
        margin-top: 15px
    }
    .footer__bottom .up {
        position: absolute;
        right: 0;
        top: 15px
    }
    .seo-text {
        padding: 30px 0 50px
    }
    .catalog__filters {
        max-width: 100%!important;
        width: 100%
    }
    .catalog__row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .catalog__products {
        margin-left: 0;
        margin-top: 20px
    }
    .catalog__products-items {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: inherit;
        -ms-flex-align: inherit;
        align-items: inherit
    }
    .catalog__back {
        max-width: 49%;
        width: 100%
    }
    .catalog__products-item {
        width: 100%;
        height: 100%;
        padding: 10px;
        max-height: 196px
    }
    .catalog__products-item img {
        -o-object-fit: contain;
        object-fit: contain
    }
    .catalog__products-item span {
        font-size: 14px
    }
    .catalog__back:not(:nth-child(2n)), .newsPage .news__item:not(:nth-child(2n)) {
        margin-right: 0
    }
    .new__title {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .new__title .title {
        margin-right: 20px
    }
    .catalog__name {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        cursor: pointer
    }
    .catalog__name svg {
        display: block;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: .5s;
        transition: .5s;
        fill: #999
    }
    .catalog__name.active svg {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: .5s;
        transition: .5s
    }
    .catalog__links {
        display: none
    }
    .newsPage__items {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .catalogMenu .catalog__back {
        max-width: 100%;
        width: auto
    }
    .catalogMenu .catalog__products-item {
        padding: 0
    }
    .contacts__info {
        padding: 15px
    }
    .map, .panorama iframe {
        height: 300px
    }
    .contacts__info-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .contacts__info-left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4px
    }
    .proektirovanie__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .proektirovanie__item {
        margin: 5px
    }
    .autoservices__items {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .autoservices__item:not(:nth-child(3n)) {
        margin-right: 0
    }
    .autoservices__item {
        max-width: 100%;
        height: 150px
    }
    .actionFull {
        padding: 20px 15px
    }
    .actionFull__video iframe, .error-img svg {
        height: auto
    }
    .project__links {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .project__links .share {
        margin-right: 15px
    }
    .project__links .share span {
        font-size: 15px;
        margin-right: 15px
    }
    .project__links .next {
        margin: 5px 0
    }
    .about__text {
        padding-top: 20px
    }
    .about__team, .sertificates {
        padding: 15px 0
    }
    .sertificates__items {
        padding: 0
    }
    .faq__item {
        padding: 15px
    }
    .project-top {
        height: 200px
    }
    .project__links .back {
        margin: 5px 15px 5px 0
    }
    .tovar__head {
        padding: 15px
    }
    .tovar__left {
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-right: 0
    }
    .tovar__left .left-item {
        width: 64px;
        margin-right: 24px
    }
    .tovar__center iframe, .tovar__center img {
        width: 100%;
        height: auto
    }
    .tovar__btns .oneclick {
        margin: 12px 0;
        padding: 13px 12px
    }
    .tovar__presence {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .tovar__values {
        margin-left: 0;
        margin-top: 5px
    }
    .tovar__values:last-child {
        margin-left: 0
    }
    .tovar__btns .addtofav {
        margin-top: 4px;
        margin-left: 20px
    }
    .tovar__brand {
        margin-top: 25px
    }
    .tovar__body {
        margin-top: 12px
    }
    .tovar__body-items {
        -ms-flex-wrap: wrap-reverse;
        flex-wrap: wrap-reverse
    }
    .tovar__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 12px
    }
    .tovar__list-item {
        padding-left: 0
    }
    .tovar__tab {
        padding: 20px
    }
    .tovar__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .tovar__block-text {
        margin-left: 0;
        margin-top: 12px
    }
    .tovar__tech-item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        border-bottom: 1px dashed #eee;
        padding: 4px 0
    }
    .tovar__tech-item .dots {
        display: none
    }
    .tovar__center {
        width: 100%
    }
    .popup {
        width: 94%;
        padding: 15px
    }
    .popup__close {
        right: 0;
        top: -32px
    }
    .tovar__point-tooltip {
        left: unset;
        right: calc(100% - 120px);
        top: calc(100% + 60px)
    }
    .tovar__point-tooltip .tooltip-pol {
        top: -20px;
        left: 50%;
        -webkit-transform: translateX(-50%) rotate(90deg);
        transform: translateX(-50%) rotate(90deg)
    }
    .tovar {
        max-width: 550px
    }
    .lk__items, .lk__list {
        -webkit-box-orient: vertical;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .lk__items {
        padding-left: 0;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .lk__list {
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 12px
    }
    .lk__list, .lk__points {
        width: 100%
    }
    .lk__list-item {
        width: 100%;
        text-align: center
    }
    .lk__list-item.active {
        color: #f06149
    }
    .lk__select, .lk__sort {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .filter-span {
        width: 100%;
        margin-bottom: 10px
    }
    .lk__sort-link:not(:last-child) {
        margin-right: 0
    }
    .lk__sort-link {
        margin: 4px
    }
    .history__head {
        padding: 15px
    }
    .history__body {
        padding: 0 15px
    }
    .history__total {
        font-size: 22px
    }
    .history__elem, .history__elem-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .history__elem-row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .history__elem-info {
        margin-left: 0;
        width: 100%;
        margin-top: 12px
    }
    .history__elem-price {
        margin-left: 0;
        margin-top: 8px
    }
    .history__elem-params {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .history__elem-info .elem-link {
        text-align: center
    }
    .lk__form-row {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .lk__form-col2 {
        margin-left: 0
    }
    .lk__form .change-pass, .lk__form-input {
        width: 100%
    }
    .lk__form-btns {
        margin-top: 40px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .lk__form-btns .cancel {
        margin-top: 12px
    }
    .lk__form-btns .save {
        margin-right: 0
    }
    .lk__form-col {
        width: 100%
    }
    .cart__attr {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .cart__attr-full {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-left: 0
    }
    .cart__attr-discount {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 12px
    }
    .cart__attr-btn {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        text-align: center
    }
    .cart__attr-info, .cart__attr-tooltip, .cart__head {
        display: none
    }
    .cart__item, .cart__item-row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .cart__item {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }
    .cart__item-row {
        margin-top: 12px
    }
    .cart__item-info {
        width: 100%;
        margin-left: 0
    }
    .cart__item-value {
        margin-left: 0;
        margin-top: 12px
    }
    .cart__item-price::before, .cart__item-total::before, .cart__item-value .card__value::before {
        content: 'Количество:';
        display: inline-block;
        font-family: Roboto-regular, sans-serif;
        font-size: 16px;
        line-height: 112%;
        color: #8b8b8b;
        margin-right: 8px
    }
    .cart__item-price {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .cart__item-price::before, .cart__item-total::before {
        content: 'Цена:'
    }
    .cart__item-price .old-price {
        margin-left: 4px
    }
    .cart__item-price, .cart__item-total {
        margin-left: 0;
        margin-top: 12px
    }
    .cart__item-total::before {
        content: 'Сумма:'
    }
    .cart__item-remove {
        top: 8px;
        right: 8px;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
    .order__items {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
    .order__form-check {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .cart__attr-btn .order-btn {
        padding: 13px 40px
    }
    .order__left, .order__right {
        max-width: 100%
    }
    .order__left {
        margin-top: 24px
    }
    .error-big {
        font-size: 150px
    }
    .error-img {
        margin-top: 16px
    }
    .error-desc {
        padding: 0 15px
    }
    .subcategory__filters-catalog {
        margin-right: 0
    }
    .sub .subcategory__filters-sort, .subcategory__filters-brand, .subcategory__filters-sort {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 12px
    }
    .subcategory__filters-sort .sorted-link {
        margin: 5px
    }
    .brandsPage__content {
        padding: 20px 30px 40px
    }
    .brandsPage .sertificates__item {
        max-width: 100%
    }
    .brandsPage .sert-btn-prev {
        left: -20px
    }
    .brandsPage .sert-btn-next {
        right: -20px
    }
    .delivery-image:not(:nth-child(2n)) {
        margin-right: 0
    }
    .delivery-top {
        height: 200px
    }
    .delivery-top .title {
        font-size: 20px
    }
    .delivery__tab {
        padding: 40px 15px 0
    }
    .delivery__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .delivery__list-item {
        width: 100%;
        text-align: center
    }
    .delivery__list-item.active {
        color: #f06149
    }
    .delivery-top .gazel {
        bottom: -125px
    }
    .delivery__tab-left {
        font-size: 12px;
        width: 100px
    }
    .delivery__tab-right {
        font-size: 12px;
        padding-left: 20px
    }
    .delivery-image {
        margin: 5px
    }
    .cart-empty {
        display: none
    }
}
@media screen and (max-width:480px) {
    .footer-col {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}
@media screen and (max-width:425px) {
    .header__logo {
        max-width: 135px
    }
    .header__phone a {
        font-size: 16px;
        line-height: 100%
    }
    .header__phone span {
        font-size: 10px;
        line-height: 100%
    }
}
label.bad {
    text-align: right;
    margin-top: 4px;
    font-size: 12px;
    line-height: 112%;
    color: #f06149
}
input.bad {
    border: 1px solid #f06149
}
.calc__container {
    background-color: #f7c800;
    padding: 41px 62px;
    position: relative;
    overflow: hidden
}
.calc__container .calc__left {
    margin-top: 21px;
    max-width: 565px
}
.calc__container .calc__title {
    font-family: Arial;
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    color: #000
}
.calc__container .calc__button, .calc__container .calc__text {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 136%;
    color: #000;
    margin-top: 14px
}
.calc__container .calc__button {
    border: 0;
    background-color: #fff;
    font-weight: 600;
    font-size: 14px;
    padding: 14px 40px;
    margin-top: 46px
}
.about__block1 img, .calc__container .calc__img {
    position: absolute;
    right: 40px;
    top: 12px
}
.card .has__sale {
    margin-top: 13px
}
.card__sale {
    z-index: 100
}
@media screen and (max-width:1366px) {
    .calc__container .calc__img {
        right: -65px
    }
}
@media screen and (max-width:1024px) {
    .calc__container .calc__img {
        display: none
    }
}
@media screen and (max-width:570px) {
    .header__events {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .header__event {
        margin-top: 15px
    }
}
.footer__spo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.footer__spo .footer__social-name {
    width: 100%;
    margin-bottom: 16px
}
.footer .social-link svg {
    fill: transparent
}
.about__block1 {
    width: 100%;
    background-color: #f8d247;
    padding: 28px 46px;
    position: relative;
    min-height: 360px
}
.about__block1-title {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 100%;
    color: #000;
    padding-top: 18px;
    max-width: 330px
}
.about__block1-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 132%;
    color: #36393f;
    margin-top: 14px;
    max-width: 404px
}
.about__block1 img {
    top: 39px
}
.about__block2 {
    width: 100%;
    background-color: #6fc9d7;
    padding: 28px 46px;
    position: relative;
    min-height: 360px
}
.about__block2-title {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 100%;
    color: #000;
    padding-top: 18px;
    max-width: 389px
}
.about__block2-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 132%;
    color: #36393f;
    margin-top: 14px;
    max-width: 404px
}
.about__block2 img {
    position: absolute;
    right: -40px;
    top: 0
}
.about__block3 {
    width: 100%;
    background-color: #ed5150;
    padding: 28px 46px;
    position: relative;
    min-height: 360px
}
.about__block3-title {
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 100%;
    color: #fff;
    padding-top: 18px;
    max-width: 389px
}
.about__block3-text {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 132%;
    color: #fff;
    margin-top: 14px;
    max-width: 404px
}
.about__block3 img {
    position: absolute;
    right: -30px;
    top: 80px
}
@media screen and (max-width:1024px) {
    .mapcont {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: 800px
    }
    .mapcont .map {
        height: auto;
        margin-left: 0!important
    }
    .about__block1 img, .about__block2 img, .about__block3 img {
        display: none
    }
}
.partner__title {
    text-align: left
}
.part {
    padding-bottom: 357px
}
.part .partners {
    padding: 0;
    margin-top: 42px
}
.part .partners__slider {
    height: 224px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.part .part-text {
    max-width: 555px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 136%;
    color: #36393f;
    margin-top: 10px
}
.part .partners__slider {
    margin-top: 68px
}
.color-check input, .m-check input, .part .partners__slider::after, .part .partners__slider::before, .torder-check input {
    display: none
}
.brandsPage__content {
    padding-left: 38px;
    padding-right: 38px
}
.brandsPage__sort {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.tovar__quantity .card__presence span {
    font-size: 16px
}
.tovar__values {
    margin-left: 0
}
.tovar__pres {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-bottom: 1px solid #eee;
    padding-bottom: 24px
}
.tovar__presence {
    display: block;
    margin-top: 32px
}
.left-1 {
    margin-right: 24px
}
.left-1 .tovar__values:not(:first-child), .right-1 .tovar__values:not(:first-child) {
    margin-top: 18px
}
.tovar__bal {
    margin-bottom: 15px
}
.tovar__bal span {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 136%;
    color: #000
}
.t-pr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.tovar__price {
    margin-top: 0
}
.del-in label input, .oneclick {
    border-radius: 2px;
    font-style: normal;
    font-size: 16px
}
.oneclick {
    font-weight: 500;
    line-height: 116%;
    color: #000;
    border: 2px solid rgba(101, 97, 91, .6);
    padding: 13px 34px;
    background: 0 0
}
.oneclick:hover {
    border-color: rgba(136, 132, 127, .6);
    color: #222
}
.oneclick:active {
    border-color: rgba(48, 48, 48, .6);
    color: #000
}
.tovar__body-items .share svg {
    fill: #000
}
.tovar__body-items .share {
    color: #000
}
.tovar__body-items .tovar__bal {
    margin-bottom: 0
}
.tovar__rig {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}
.tovar__rig .tovar__bal {
    margin-right: 40px
}
.tovar__docs .doc-name {
    color: #000
}
.tovar__tech-title {
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 124%;
    color: #000
}
.tovar__tech {
    margin-top: 0
}
.map-d {
    width: 100%;
    height: 395px
}
.del-in, .del-in label {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.del-in {
    margin-top: 42px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}
.del-in label {
    max-width: 384px;
    margin-right: 36px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative
}
.del-in label span, .del-in-sel span {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 124%;
    color: #202225
}
.del-in label input {
    padding: 13px 18px;
    margin-top: 12px;
    border: 1px solid rgba(101, 97, 91, .18);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 400;
    line-height: 136%;
    color: #65615b;
    opacity: .8
}
.del-in label input::-webkit-input-placeholder, .del-in-sel select::-webkit-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 136%;
    color: #65615b;
    opacity: .8
}
.del-in label input::-moz-placeholder, .del-in-sel select::-moz-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 136%;
    color: #65615b;
    opacity: .8
}
.del-in label input:-ms-input-placeholder, .del-in label input::-ms-input-placeholder, .del-in-sel select:-ms-input-placeholder, .del-in-sel select::-ms-input-placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 136%;
    color: #65615b;
    opacity: .8
}
.del-in label input::placeholder, .del-in-sel select::placeholder {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 136%;
    color: #65615b;
    opacity: .8
}
.del-in label svg {
    position: absolute;
    right: 18px;
    bottom: 13px;
    fill: #65615b
}
.del-in-sel {
    max-width: 384px;
    width: 100%;
    margin-right: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}
.del-in-sel .nice-select {
    margin-top: 12px
}
.del-in-sel select {
    margin-top: 12px;
    background: #fff;
    border: 1px solid rgba(101, 97, 91, .18);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px 2px 0 0
}
.del-in-sel select .nice-select .option {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 136%;
    color: #65615b;
    opacity: .8;
    background-color: #fff
}
.del-in-sel select .nice-select .option:hover {
    color: #f06149!important;
    background-color: #f1f1f1!important
}
.newsPage__right .similar-link {
    color: #000
}
.action__title a, .new__title a, .newsPage__right .similar-link:hover, .news__title a {
    color: #f06149
}
.newsPage__left-container {
    margin-right: 40px
}
.newsPage__left-container img {
    width: 100%
}
.newsPage__left-container span {
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 136%;
    color: #999;
    margin-top: 12px
}
.newsPage__left-container h3 {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 120%;
    color: #202225;
    margin-top: 60px
}
.newsPage__left-container p {
    font-style: normal;
    font-weight: 400;
    margin-top: 24px
}
.delivery__title {
    text-transform: uppercase;
    margin-top: 64px!important
}
.delivery__cont-text h1, .delivery__title2, .newsPage__left-container p {
    font-size: 18px;
    line-height: 136%;
    color: #36393f
}
.delivery__title2 {
    font-weight: 600;
    margin-top: 48px!important
}
.delivery__cont, .delivery__cont-img {
    background-color: #fff;
    padding: 4px 55px 35px;
    max-width: 832px;
    margin: 0 auto
}
.delivery__cont-img {
    position: relative;
    background-color: #f9fbfd;
    padding: 60px 55px 84px;
    border-bottom: 1px solid #eaeced
}
.delivery__cont-img-logo {
    max-width: 384px
}
.delivery__cont-img-title {
    margin-top: 22px;
    max-width: 384px;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 120%;
    color: #000
}
.delivery__cont-img-text {
    margin-top: 12px;
    max-width: 384px;
    color: #65615b
}
.delivery__cont-img-right {
    position: absolute;
    right: 0
}
.delivery__cont-text h1 {
    margin-top: 24px;
    font-style: normal;
    font-weight: 500
}
.delivery__cont-text p {
    margin-top: 8px
}
.delivery__cont-text p, .payment p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 136%;
    color: #36393f
}
@media (max-width:1024px) {
    .del-in {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .del-in-sel {
        margin-top: 16px
    }
    .delivery__cont-img-right {
        display: none
    }
    .delivery__cont-img-logo, .delivery__cont-img-text, .delivery__cont-img-title {
        max-width: 100%
    }
}
.popup-link {
    color: #f06149;
    border-bottom: 1px solid #f06149
}
.popup-link:hover {
    color: #c40000;
    border-bottom: 1px solid #c40000
}
.lk__select .nice-select {
    width: 204px
}
.lk__select .nice-select::after {
    content: url(../img/general/select-arr1.svg)
}
.lk__select .nice-select .current, .lk__select .nice-select .option {
    color: #000;
    opacity: 1
}
.filter-span, .lk__form-input {
    font-style: normal;
    font-weight: 400;
    color: #36393f
}
.filter-span {
    font-size: 13px;
    line-height: 136%;
    letter-spacing: .04em;
    text-transform: uppercase
}
.lk__tab-clear .clear span {
    font-weight: 600
}
.lk__form .change-pass, .lk__form-btns .cancel {
    border: 1.2px solid rgba(101, 97, 91, .24);
    color: #000
}
.lk__form-btns .cancel:hover {
    background-color: rgba(101, 97, 91, .18)
}
.lk__form-btns .cancel:active {
    background-color: rgba(66, 64, 61, .18);
    color: #5f5f5f
}
.lk__form .change-pass:hover {
    background-color: rgba(101, 97, 91, .18)
}
.lk__form .change-pass:active {
    background-color: rgba(66, 64, 61, .18);
    color: #5f5f5f
}
.lk__form-input {
    padding: 15px 12px;
    font-size: 16px;
    line-height: 112%;
    border: 1px solid rgba(101, 97, 91, .18);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 2px
}
@media (max-width:1440px) {
    .merror__icon {
        -webkit-transform: scale(.7);
        transform: scale(.7)
    }
    .merror__title {
        margin-top: 0;
        font-size: 36px
    }
    .merror__logo {
        margin-bottom: 32px
    }
}
@media (max-width:768px) {
    .merror__icon {
        -webkit-transform: scale(.5);
        transform: scale(.5)
    }
    .autocomplete-suggestions div {
    	font-size: 13px
    }
}
@media (max-width:320px) {
    .merror__desc {
        font-size: 15px
    }
    .merror__logo {
        margin-bottom: 16px
    }
    .merror__icon {
        -webkit-transform: scale(.3);
        transform: scale(.3)
    }
}
@media (max-width:1366px) {
    .morder__day {
        margin-top: 12px;
        width: calc(100%/3 - 24px);
        margin-right: 24px
    }
}
@media (max-width:425px) {
    .morder__day {
        margin-top: 12px;
        width: calc(100%/2 - 24px);
        margin-right: 24px
    }
}
@media (max-width:1366px) {
    .cmp {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .cmp__item:first-child {
        width: 100%
    }
    .cmp__item:not(:first-child) {
        width: 50%
    }
}
.cmp__top {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.cmp__top, .cmp__top-title {
    padding-left: 0
}
@media (max-width:800px) {
    .cmp__item {
        width: 100%!important
    }
}
@media (max-width:425px) {
    .cmp__item:not(:first-child) .cmp__item-top {
        height: auto;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .cmp__item:not(:first-child) .cmp__item-left {
        margin: 0
    }
}
/*
.empty {
    margin-bottom: 140px
}
*/
@media (max-width:1366px) {
    .ctg__content .card {
        width: calc(33% - 20px)
    }
    .ctg__feat {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .ctg__right {
        margin-top: 20px
    }
}
@media (max-width:1024px) {
    .ctg__content .card {
        width: calc(50% - 20px)
    }
    .ctg__sort-button:last-child {
        margin-left: 0!important
    }
    .ctg__sort-button, .ctg__sort-title {
        margin-right: 0
    }
    .ctg__sort {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
@media (max-width:800px) {
    .ctg__content .card {
        width: calc(49% - 20px)
    }
}
@media (max-width:508px) {
    .ctg__sort {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .ctg__sort-button, .ctg__sort-title {
        margin-top: 12px
    }
    .ctg__content .card {
        width: 100%
    }
}
#toTop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 10000000000
}
@media (max-width:425px) {
    #toTop {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }
}
.calc__container, .calc__container .calc__button {
    border-radius: 4px
}
.news__title a:hover {
    color: #af0000
}
.news__title a:active {
    color: #600
}
.action__title a:hover {
    color: #af0000
}
.action__title a:active {
    color: #600
}
.new__title a:hover {
    color: #af0000
}
.new__title a:active {
    color: #600
}
@media (max-width:1366px) {
    .header__phone {
        margin-left: auto;
        text-align: right;
        margin-bottom: 12px
    }
}
.footer__social-name {
    margin-bottom: 16px
}
@media (max-width:570px) {
    .header__event {
        width: 100%
    }
}
@media screen and (max-width:800px) {
    .popCats-button-next {
        right: -25px
    }
    .popCats-button-prev {
        left: -25px
    }
}
.swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.popCats-container {
    padding: 0!important
}
.popCats-fix {
    position: relative
}
.popCats-button-next, .popCats-button-prev {
    top: 53%!important
}
.new-btn-next1, .new-btn-next2 {
    right: -24px
}
.new-btn-prev1, .new-btn-prev2 {
    left: -24px
}
.new-btn-next1 svg, .new-btn-next2 svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
@media screen and (max-width:800px) {
    .new-btn-prev {
        left: -25px
    }
    .slider-btn {
        top: 22%
    }
    .news-btn-prev1, .news-btn-prev2 {
        left: -25px
    }
    .new-btn-next, .news-btn-next, .news-btn-next1, .news-btn-next2 {
        right: -25px
    }
}
@media (max-width:570px) {
    .fix-1 {
        width: 33%
    }
    .fix-2 {
        width: 150px
    }
}
.about__block1, .about__block2, .about__block3 {
    border-radius: 2px;
    margin: 24px 0!important
}
.about p, .about ul li, .contacts__info-right span {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 144%
}
.about {
    margin-top: 35px;
    margin-bottom: 40px
}
.about ul {
    margin-top: 16px
}
.about__text {
    padding-top: 44px;
    max-width: 862px
}
.contacts__info-right span {
    font-size: 14px;
    line-height: 136%;
    color: #000
}
.about__block1-text, .about__block2-text, .about__block3-text {
    margin-bottom: 0!important
}
.about__team-item {
    margin-bottom: 53px
}
.contacts__info-right a, .telmap a {
    font-style: normal!important;
    font-weight: 400!important;
    font-size: 18px!important;
    line-height: 144%!important;
    color: #000!important
}
.telmap a {
    font-size: 14px!important;
    line-height: 136%!important
}
.about__team {
    padding-bottom: 11px
}
.contacts__items {
    height: 542px;
    padding-top: 0;
    margin-top: 24px
}
.t-pr {
    padding-top: 24px
}
.tovar__quantity {
    margin-top: 12px
}
.tovar__brand img {
    width: auto
}
.tovar__brand {
    margin-top: 22px
}
.tovar__btns .addtofav:hover svg {
    fill: #f06149
}
.tovar__head {
    padding-bottom: 90px
}
.tovar__body-items .share:hover {
    color: #f06149
}
.tovar__body-items .share:hover svg {
    fill: #970000
}
.tovar__docs-items {
    margin-top: 24px
}
.tovar__docs-item {
    padding: 0
}
.tovar__docs-item:not(:last-child) {
    margin-bottom: 18px
}
.tovar__tab {
    padding-bottom: 65px
}
.alert, .copyright, .up {
    width: 33%
}
.up svg {
    margin-left: 120px
}
.btn-tov-fix {
    padding: 13px 20px!important
}
.tov-title-os {
    margin-top: 24px;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 124%;
    color: #202225
}
.tovar__tech-item p {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 144%;
    color: #36393f
}
.tovar__tech-item:not(:last-child) {
    margin-bottom: 13px
}
.card1:not(:nth-child(5n)) {
    margin-right: 0
}
.footer .social-link {
    margin-right: 12px!important
}
@media (max-width:800px) {
    .up svg {
        margin-left: 0
    }
}
@media (max-width:1024px) {
    .contacts__items {
        height: 952px
    }
    .map {
        height: 100%
    }
}
@media (max-width:800px) {
    .contacts__items {
        height: 852px
    }
    .map {
        height: 100%
    }
}
.lk__form {
    margin-top: 32px!important
}
.lk__form-address, .lk__form-btns {
    margin-top: 45px
}
.lk {
    padding-bottom: 95px
}
@media (max-width:1366px) {
    .header__input {
        width: 200px
    }
}
@media (max-width:1024px) {
    .header__input {
        width: 400px
    }
    .action__img {
        height: auto
    }
    .action__img img {
        width: 100%
    }
}
@media (max-width:580px) {
    .slider-btn {
        display: none!important
    }
}
@media (max-width:425px) {
    .swiper-slide .card .card__img {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    .swiper-slide .card .card__img img {
        width: auto;
        height: auto
    }
}
.brandsPage__item-elem {
    width: calc(16.66% - 24px);
    margin-right: 24px!important
}
@media (max-width:1024px) {
    .brandsPage__item-elem {
        width: calc(25% - 24px);
        margin-right: 24px!important
    }
}
@media (max-width:800px) {
    .brandsPage__item-elem {
        width: calc(33% - 24px)
    }
    .brandsPage__item-elem:not(:nth-child(2n+1)) {
        margin-right: 24px!important
    }
}
@media (max-width:425px) {
    .brandsPage__item-elem {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}
.delivery__cont-img-right {
    top: 2px!important
}
@media (max-width:590px) {
    .about__block3-title, .delivery__cont-img-title {
        word-wrap: break-word
    }
    .delivery__cont, .delivery__cont-img {
        padding-left: 20px;
        padding-right: 20px
    }
    .part {
        padding-bottom: 200px
    }
}
@media (max-width:320px) {
    .tovar__pres {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}
.header-ctg-menu {
    display: none;
    position: absolute;
    width: 100%;
}
@media (min-width:800px) {
    .header-ctg-menu {
        left: 15px;
        right: 15px;
    }
}
.header-ctg-menu-container {
    /*position: absolute;*/
    overflow-y: auto;
    width: 100%;
    max-width: 501px;
    z-index: 100;
    background-color: #fff
}
.header-ctg-dopmenu-container {
    width: 100%;
    max-width: 501px;
    z-index: 100;
    background-color: #f06149;
    -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, .14);
    box-shadow: 0 0 32px rgba(0, 0, 0, .14);
}
.header-ctg-menu-container-item {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 136%;
    color: #000;
    padding: 18px 20px 18px 60px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.header-ctg-menu-container-item > a{
    color: #000;
}
.header-ctg-menu-container-item:not(:last-child) {
    border-bottom: 1px solid #65615b23
}
.header-ctg-menu-container-item-drop {
    display: none;
    position: absolute;
    right: -469px;
    top: 0;
    background-color: #f06149;
    -webkit-box-shadow: 0 0 32px rgba(0, 0, 0, .14);
    box-shadow: 0 0 32px rgba(0, 0, 0, .14);
    width: 469px
}
.header-ctg-menu-container-item-drop.nmenu{
    display: table;
    position: relative;
    right: 0;
    top: 0;
    width: 100%;
}
.header-ctg-menu-container-item-drop-item {
    width: 100%;
    padding: 14px 20px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 136%;
    color: #fff
}
.header-ctg-dopmenu-container.nmenu a{
    display: block;
}
.header-ctg-menu-container-item-drop-item:not(:last-child) {
    border-bottom: 1px solid #ffffff33
}
.header-ctg-menu-container-item:nth-child(3) .header-ctg-menu-container-item-drop {
    top: -61px
}
.header-ctg-menu-container-item:nth-child(5) .header-ctg-menu-container-item-drop {
    top: -122px
}
.header-ctg-menu-container-item:nth-child(7) .header-ctg-menu-container-item-drop {
    top: -183px
}
.header-ctg-menu-container-item:nth-child(9) .header-ctg-menu-container-item-drop {
    top: -244px
}
.header-ctg-menu-container-item:nth-child(11) .header-ctg-menu-container-item-drop {
    top: -305px
}
.header-ctg-menu-container-item:nth-child(13) .header-ctg-menu-container-item-drop {
    top: -366px
}
.header-ctg-menu-container-item:nth-child(15) .header-ctg-menu-container-item-drop {
    top: -427px
}
.header-ctg-menu-container-item:nth-child(17) .header-ctg-menu-container-item-drop {
    top: -488px
}
.header-ctg-menu-container-item:nth-child(19) .header-ctg-menu-container-item-drop {
    top: -549px
}
.header-ctg-menu-container-item:nth-child(21) .header-ctg-menu-container-item-drop {
    top: -610px
}
.header-ctg-menu-container-item:nth-child(23) .header-ctg-menu-container-item-drop {
    top: -671px
}
.header-ctg-menu-container-item:nth-child(25) .header-ctg-menu-container-item-drop {
    top: -732px
}
.header-ctg-menu-container-item svg {
    fill: #000;
    position: absolute;
    left: 14px;
    top: 14px
}
.header-ctg-menu-container-item svg.icon__ar-ctg {
    position: relative;
    fill: transparent;
    top: 0;
    left: 0
}
.header-ctg-menu-container-item:hover {
    background-color: #f06149;
    color: #fff
}
.header-ctg-menu-container-item:hover a {
    color: #fff
}
.header-ctg-menu-container-item:hover svg {
    fill: #fff
}
.header-ctg-menu-container-item:hover svg.icon__ar-ctg {
    fill: transparent
}
/*
.header-ctg-menu-container-item:hover .header-ctg-menu-container-item-drop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
*/
.header-ctg-menu.active {
    display: block;
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}
@media(min-width:800px) {
    .header-ctg-dopmenu-container {
        /*height: calc(100vh - 72px);*/
        height: auto
    }
    .header-ctg-dopmenu-container.active {
        display: table
    }
    .header-ctg-menu.active{
        /*height: calc(100vh - 72px);*/
        height: auto
    }
}
.ctg-2 {
    margin-top: 48px
}
.ctg-2-title {
    font-style: normal;
    font-weight: 500;
    font-size: 28px;
    line-height: 124%;
    color: #202225
}
.ctg-2-items {
    margin-top: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.ctg-2-items-item {
    height: 834px;
    margin-bottom: 42px;
    background-color: #fff;
    width: 297px
}
.ctg-2-items-item-title {
    width: 100%;
    padding: 14px 9px;
    background-color: #f06149
}
.ctg-2-items-item-title, .ctg-2-items-item-title a {
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 136%;
    color: #fff
}
.ctg-2-items-item-t {
    width: 100%;
    padding: 0 14px 14px
}
.ctg-2-items-item-t, .ctg-2-items-item-t a {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 136%;
    color: #65615b
}
.ctg-2-items-item-t:nth-child(2) {
    padding-top: 14px
}
@media (max-width:1024px) {
    .ctg-2-items-item {
        width: 350px
    }
    .header-ctg-menu-container-item-drop {
        width: 300px;
        right: -300px
    }/*
    .header-ctg-menu-container {
        width: 450px
    }*/
}
@media (max-width:800px) {
    .ctg-2-items-item, .header-ctg-menu-container {
        width: 100%
    }
    .header-ctg-menu-container-item-drop {
        right: 0;
        z-index: 200;
        width: 100%
    }
    .header-ctg-menu-container-item:nth-child(1) .header-ctg-menu-container-item-drop, .header-ctg-menu-container-item:nth-child(11) .header-ctg-menu-container-item-drop, .header-ctg-menu-container-item:nth-child(13) .header-ctg-menu-container-item-drop, .header-ctg-menu-container-item:nth-child(15) .header-ctg-menu-container-item-drop, .header-ctg-menu-container-item:nth-child(17) .header-ctg-menu-container-item-drop, .header-ctg-menu-container-item:nth-child(19) .header-ctg-menu-container-item-drop, .header-ctg-menu-container-item:nth-child(21) .header-ctg-menu-container-item-drop, .header-ctg-menu-container-item:nth-child(23) .header-ctg-menu-container-item-drop, .header-ctg-menu-container-item:nth-child(25) .header-ctg-menu-container-item-drop, .header-ctg-menu-container-item:nth-child(3) .header-ctg-menu-container-item-drop, .header-ctg-menu-container-item:nth-child(5) .header-ctg-menu-container-item-drop, .header-ctg-menu-container-item:nth-child(7) .header-ctg-menu-container-item-drop, .header-ctg-menu-container-item:nth-child(9) .header-ctg-menu-container-item-drop {
        top: 61px
    }
}
@media (max-width:479px) {
    .header-ctg-menu-container-item:nth-child(5) .header-ctg-menu-container-item-drop {
        top: 85px
    }
}
@media (max-width:478px) {
    .header-ctg-menu-container-item:nth-child(7) .header-ctg-menu-container-item-drop {
        top: 85px
    }
}
@media (max-width:398px) {
    .header-ctg-menu-container-item:nth-child(9) .header-ctg-menu-container-item-drop {
        top: 85px
    }
}
@media (max-width:364px) {
    .header-ctg-menu-container-item:nth-child(5) .header-ctg-menu-container-item-drop {
        top: 109px
    }
}
@media (max-width:362px) {
    .header-ctg-menu-container-item:nth-child(8) .header-ctg-menu-container-item-drop {
        top: 85px
    }
}
@media (max-width:335px) {
    .header-ctg-menu-container-item:nth-child(7) .header-ctg-menu-container-item-drop {
        top: 109px
    }
}
@media (max-width:325px) {
    .header-ctg-menu-container-item:nth-child(2) .header-ctg-menu-container-item-drop, .header-ctg-menu-container-item:nth-child(3) .header-ctg-menu-container-item-drop {
        top: 85px
    }
}
.header-ctg-menu-container-item-drop {
    min-height: 792px
}
.header-ctg-menu-container-item:hover .header-ctg-menu-container-item-drop {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}
.header {
    z-index: 1000;
    background-color: #fff
}
.header-ctg-back {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    background: #000;
    mix-blend-mode: normal;
    opacity: .6;
    -webkit-backdrop-filter: blur(105px);
    backdrop-filter: blur(105px)
}
.header-ctg-back.active {
    display: block
}
.header-ctg-menu-container-item-drop {
    height: 792px;
    overflow-y: auto
}
.header-ctg-menu-container-item-drop::-webkit-scrollbar {
    width: 10px
}
.header-ctg-menu-container-item-drop::-webkit-scrollbar-track {
    background: #f1f1f1
}
.header-ctg-menu-container-item-drop::-webkit-scrollbar-thumb {
    background: #888
}
.header-ctg-menu-container-item-drop::-webkit-scrollbar-thumb:hover {
    background: #555
}
.ctg-fix-h {
    display: none!important
}
@media (max-width:800px) {
    .header-ctg-menu-container-item-drop {
        display: none!important
    }
    .header-ctg-menu-container-item-drop.ctg-fix-h.active {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        position: static;
        height: 370px;
        min-height: 370px
    }
}
.popCats-slide {
    background-color: #e6ecf3
}
.pet {
    background-color: #dfdfdf;
    border: 2px solid #bdbdbd;
    padding: 24px;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important;
    -webkit-box-pack: justify!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}
.pet-left {
    width: 45%
}
.pet-inp {
    width: 45%!important
}
.pet-sto {
    width: 100%
}
.torder-check, .torder-check div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.torder-check {
    margin-bottom: 15px;
    cursor: pointer
}
.torder-check div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    min-width: 18px;
    max-width: 18px;
    height: 16px;
    background: #fff;
    border: 1px solid #e0e0e0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    margin-right: 10px
}
.torder-check div svg {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
    -webkit-transform: translate(-50%, -50%) scale(0);
    transform: translate(-50%, -50%) scale(0)
}
.torder-check p {
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 120%;
    color: #4f4f4f
}
.torder-check p span {
    color: #bdbdbd
}
.fixed-header.active {
    z-index: 101
}
@media (max-width:1366px) {
    .header-ctg-menu-container-item:nth-child(3) .header-ctg-menu-container-item-drop {
        top: -44px
    }
    .header-ctg-menu-container-item:nth-child(5) .header-ctg-menu-container-item-drop {
        top: -89px
    }
    .header-ctg-menu-container-item:nth-child(7) .header-ctg-menu-container-item-drop {
        top: -133px
    }
    .header-ctg-menu-container-item:nth-child(9) .header-ctg-menu-container-item-drop {
        top: -177px
    }
    .header-ctg-menu-container-item:nth-child(11) .header-ctg-menu-container-item-drop {
        top: -221px
    }
    .header-ctg-menu-container-item:nth-child(13) .header-ctg-menu-container-item-drop {
        top: -265px
    }
    .header-ctg-menu-container-item:nth-child(15) .header-ctg-menu-container-item-drop {
        top: -309px
    }
    .header-ctg-menu-container-item:nth-child(17) .header-ctg-menu-container-item-drop {
        top: -353px
    }
    .header-ctg-menu-container-item:nth-child(19) .header-ctg-menu-container-item-drop {
        top: -397px
    }
    .header-ctg-menu-container-item:nth-child(21) .header-ctg-menu-container-item-drop {
        top: -441px
    }
    .header-ctg-menu-container-item:nth-child(23) .header-ctg-menu-container-item-drop {
        top: -485px
    }
    .header-ctg-menu-container-item:nth-child(25) .header-ctg-menu-container-item-drop {
        top: -529px
    }
    .header-ctg-menu-container-item {
        font-size: 14px;
        padding-top: 12px;
        padding-bottom: 12px
    }
    .header-ctg-menu-container-item svg {
        width: 24px;
        top: 8px
    }
    .header-ctg-menu-container-item-drop {
        height: 572px;
        overflow-y: auto;
        min-height: 572px
    }
    .header-ctg-menu-container-item:hover .header-ctg-menu-container-item-drop {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
    .fixed-header .header__logo {
        margin: 10px
    }
    .header-ctg-menu-container-item-drop-item {
        font-size: 14px
    }
    .calc__container {
        background-color: #f7c800;
        padding: 16px 24px;
        position: relative;
        overflow: hidden
    }
    .popCats-title {
        font-size: 24px
    }
}
.rcard__text {
    margin-top: 12px
}
.filter__container {
    margin-top: 0
}
@media (max-width:508px) {
    .ctg__sort-title {
        margin-top: 0;
        display: none
    }
    .tovar__btns .addtocart {
        width: 100%;
        margin-right: 0
    }
    .tovar__btns .oneclick {
        -webkit-box-flex: 1;
        -ms-flex-positive: 1;
        flex-grow: 1
    }
    .tovar__head {
        padding-bottom: 32px
    }
    .t-pr .tovar__bal {
        display: none
    }
    .tovar__quantity {
        margin-top: 12px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
.m-check div {
    min-height: 18px;
    max-height: 18px;
    margin-left: 1px;
}
.filter__item-top svg {
    display: none;
}
.rcard__price-content {
    min-width: 200px;
    margin-left: 30px;
}
@media screen and (max-width: 767px) {
    .rcard__price-content {
        min-width: 0px;
        margin-left: 0px;
    }
}
@media screen and (max-width: 767px) {
    .more-menu {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: -8px;
    }
    .header__login {
        padding-top: 0px;
    }
    .header__event {
        margin-top: 0;
    }
    .tovar__left .left-item {
        width: auto !important;
        flex-grow: 1 !important;
    }
    .tovar__center img {
        max-width: 100% !important;
        width: auto !important;
    }
    .addtocart {
        margin-bottom: 30px;
    }
    .fixed-header .header__fav {
        margin-right: 0;
    }
    .header-link svg {
        margin-right: 0;
    }
    .header__event {
        width: auto !important;
    }
    .header__events {
        justify-content: flex-end;
    }
    .header__event a {
        margin-left: 30px !important;
    }
}
@media screen and (max-width: 768px) {
    .tovar__pres {
        flex-direction: column;
        margin-top: 30px;
    }
    .tovar__presence {
        margin-top: 0;
    }
    .tovar__values {
        margin-top: 18px !important;
    }
    .tovar__btns .oneclick {
        margin-bottom: 0;
    }
    .tovar__list {
        width: 100%;
        flex-direction: row;
    }
    .tovar__body-items {
        flex-direction: row-reverse;
    }
    .tovar__rig .tovar__bal {
        margin-right: 35px;
    }
    .card__add {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .card__add .addtocart {
        margin-bottom: 0 !important;
    }
    .tovar__list-item {
        margin-right: 10px;
    }
    .fixed-header .header__nav {
        width: auto !important;
        margin-right: auto;
    }
}
/* .m-check input:checked~div svg {
    transform: translate(-50%,-50%) scale(1);
} */
body, html {
    max-width: 100vw;
    overflow-x: hidden;
}
.html-block table, .content table {
    color: #222;
    font-size: 14px;
    border-radius: 4px;
    width: 100%;
    margin-top: 48px;
    border-collapse: collapse;
    border-spacing: 0;
}
.html-block table th, .content table th {
    border-color: #3C3D40 !important;
}
.html-block table tr td, .content table tr td {
    padding: 21px 24px;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 148%;
    color: #1B1C1E;
    border: 1px solid #DFE2E5;
    border-top-color: rgb(223, 226, 229);
    border-right-color: rgb(223, 226, 229);
    border-bottom-color: rgb(223, 226, 229);
    border-left-color: rgb(223, 226, 229);
}
.news__item-body {
    padding: 16px 12px;
    background: #fff;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    height: calc(100% - 167px) !important;
}
.news__item {
    min-height: 370px !important;
}
.header-ctg-menu-container-item {
    padding-top: 12px;
    padding-bottom: 12px;
}
@media screen and (max-width:1023px) {
    .cards .card {
        width: calc(50% - 20px)!important //
    }
    .card__prcont, .card__price {
    	-webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
.card__for1 {
		margin: 4px 0 4px 6px;
	}
	.card__quantity {
		-webkit-flex-wrap: wrap;
        	-ms-flex-wrap: wrap;
           	 flex-wrap: wrap;	
	}
.card__add {margin: 5px 0; width: 100%;}
.card__value {width: 100%;}
.card__value .value {width: 100%;}
}
@media (max-width:800px) {
    .wrapper {
        max-width: 100%;
    }
}
.notif {display: none;}
@media screen and (max-width:767px) {
    .cards .card {
        width: 48% !important;
        margin: 0 1% 15px 1% !important;
    }
	.card__img {
		height: 120px;
	}
.popCats-button-next {right: 0;}
.popCats-button-prev {left: 0;}
.new-btn-next, .news-btn-next, .news-btn-next1, .news-btn-next2 {right: 0;}
.tovar__quantity .card__value {width: auto;}
.tovar__quantity .card__value .value {width: 44px;}
.ctg__content-2 {margin-right: 0 !important;}
.ctg__content .card {width: 48% !important; margin: 0 1% 15px 1% !important;}
.card__add .addtocart {width: 100%;}
.ctg__grid-button {display: none;}
.fixed-header .header__cart .cart-value {display: inline-block;}
.notif {position: fixed; top: 75px; right: 15px; padding: 15px; color: #FFF; font-size: 18px; z-index: 10;}
}
.pagination{
    display: table;
    margin-top: 30px;
}
.pager-wrap .pager, .pager-wrap {
    display: flex;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
}
.pager-wrap .pager li{
    font-size: 18px;
    line-height: 26px;
    margin-right: -1px;
}
.pager-wrap .pager li span,
.pager-wrap .pager li a{
    height: 40px;
    width: 35px;
    text-align: center;
    border:1px solid #202225;
    display: table;
    font-size: 18px;
    color: #202225;
    padding: 7px 0;
    text-decoration: none;
}
.current span,
.current a{
    background: #202225;
    display: table;
    color:#fff!important;
    text-align: center;
}
.pager-wrap .pager li a:hover{
    background: #06c;
    color:#fff;
}
@media(max-width:520px){
    .pager-wrap {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
    }
    .pagination .gray-butn-2{
        width: 100%;
        margin-left: 0px;
        text-align: center;        
    }
    .pager{
        width: 100%;
        align-items: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        justify-content: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
    }
}