@charset "UTF-8";
/*задаём иконки с спрайта  .icon-home{ @include sprite($calendar); } */
/* reset */
/* main variables */

:root {
    --brand-color   : #F7EDE4;
    --brand-color-2 : #8A494A;
    --brand-color-3 : #EDE4E4;
    --brand-color-4 : #DED1D1;
    --brand-color-5 : #EACCB8;
    --text-color    : #221F20;
}

html {
    font-size: 14px !important;
    max-width: 100vw;
}

body {
    margin: 0px;
    padding: 0px;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, sans-serif;
    background-color: #FFF;
    height: 100%;
    max-width: 100vw;
    line-height: 1.25;
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--text-color);
    overflow-x: hidden;
}

/*MAIN*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
    display: block;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-width: 0px;
    padding: 0px;
    margin: 0px;
}

html {
    height: 100%;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

input, textarea {
    color: #333;
    outline: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
}

input[type="button"], input[type="submit"], button {
    cursor: pointer;
}

td {
    margin: 0px;
    padding: 0px;
}

form {
    padding: 0px;
    margin: 0px;
}

a {
    color: var(--brand-color-2);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

a:hover {
    color: #000;
}

@-webkit-keyframes fadeoutBg {
    0% {
        color: var(--brand-color-2);
    }
    50% {
        color: #000;
    }
    100% {
        color: var(--brand-color-2);
    }
}

@keyframes fadeoutBg {
    0% {
        color: var(--brand-color-2);
    }
    50% {
        color: #000;
    }
    100% {
        color: var(--brand-color-2);
    }
}

a, span, div, button {
    outline: none !important;
}

input[type=submit], input[type=button], button {
    -webkit-appearance: none;
    outline: none;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.clearfix:after, .wrapper:after, .row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

@font-face {
    font-family: 'icomoon';
    src: url("../fonts/icomoon.eot?3v2edj");
    src: url("../fonts/icomoon.eot?3v2edj#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?3v2edj") format("truetype"), url("../fonts/icomoon.woff?3v2edj") format("woff"), url("../fonts/icomoon.svg?3v2edj#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1; /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-pin2:before {
    content: "\e907";
    color: #f7ede4;
  }
  .icon-size:before {
    content: "\e900";
    color: #8a494a;
  }
  .icon-colors:before {
    content: "\e901";
    color: #8a494a;
  }
  .icon-reload:before {
    content: "\e902";
    color: #8a494a;
  }
  .icon-tabview2:before {
    content: "\e903";
    color: #6e6e6e;
  }
  .icon-tabview1:before {
    content: "\e904";
  }
  .icon-sort:before {
    content: "\e905";
    color: #8a494a;
  }
  .icon-pin:before {
    content: "\e906";
    color: #eaccb8;
  }
  .icon-uniE900:before {
    content: "\e908";
  }
  .icon-uniE901:before {
    content: "\e909";
  }
  .icon-uniE902:before {
    content: "\e90a";
  }
  .icon-ABN:before {
    content: "\e90b";
  }
  .icon-Vetro_ctalogue-04:before {
    content: "\e90c";
  }
  .icon-Vetro_ctalogue-05:before {
    content: "\e90d";
  }
  .icon-Vetro_ctalogue-06:before {
    content: "\e90e";
  }
  .icon-uniE90B:before {
    content: "\e90f";
  }
  .icon-uniE90C:before {
    content: "\e910";
  }
  .icon-uniE90D:before {
    content: "\e911";
  }
  .icon-Vetro_product-02:before {
    content: "\e912";
  }
  .icon-close:before {
    content: "\e913";
  }
  .icon-Vetro_product-04:before {
    content: "\e914";
  }
  .icon-Vetro_product-05:before {
    content: "\e915";
  }
  .icon-Vetro_product-07:before {
    content: "\e916";
  }
  .icon-Vetro_Profile-01:before {
    content: "\e917";
  }
  .icon-Vetro_Profile-02:before {
    content: "\e918";
  }
  .icon-Vetro_Profile-03:before {
    content: "\e919";
  }
  .icon-Vetro_Profile-04:before {
    content: "\e91a";
  }
  .icon-Vetro_Profile-05:before {
    content: "\e91b";
  }
  .icon-Vetro_Profile-06:before {
    content: "\e91c";
  }
  .icon-Vetro_SignUp-01:before {
    content: "\e91d";
  }
  .icon-Vetro_SignUp-02:before {
    content: "\e91e";
  }
  .icon-Vetro_SignUp-03:before {
    content: "\e91f";
  }
  .icon-Vetro_SignUp-04:before {
    content: "\e920";
  }
  .icon-Vetro_SignUp-05:before {
    content: "\e921";
  }
  .icon-corn:before {
    content: "\e922";
  }
  .icon-download:before {
    content: "\e923";
  }
  .icon-envelope:before {
    content: "\e924";
  }
  .icon-fb:before {
    content: "\e925";
  }
  .icon-inst:before {
    content: "\e926";
  }
  .icon-search:before {
    content: "\e92e";
  }
  .icon-tel:before {
    content: "\e927";
  }
  .icon-uniE928:before {
    content: "\e928";
  }
  .icon-uniE929:before {
    content: "\e929";
  }
  .icon-tw:before {
    content: "\e92a";
  }
  .icon-Company:before {
    content: "\e92b";
  }
  .icon-gallery:before {
    content: "\e92c";
  }
  .icon-documents:before {
    content: "\e92d";
  }

/*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */
.animated {
    -webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
}

.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
}

@-webkit-keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

@keyframes bounce {
    from, 20%, 53%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }
    70% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
}

@-webkit-keyframes flash {
    from, 50%, to {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

@keyframes flash {
    from, 50%, to {
        opacity: 1;
    }
    25%, 75% {
        opacity: 0;
    }
}

.flash {
    -webkit-animation-name: flash;
    animation-name: flash;
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    50% {
        -webkit-transform: scale3d(1.05, 1.05, 1.05);
        transform: scale3d(1.05, 1.05, 1.05);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.pulse {
    -webkit-animation-name: pulse;
    animation-name: pulse;
}

@-webkit-keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes rubberBand {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    30% {
        -webkit-transform: scale3d(1.25, 0.75, 1);
        transform: scale3d(1.25, 0.75, 1);
    }
    40% {
        -webkit-transform: scale3d(0.75, 1.25, 1);
        transform: scale3d(0.75, 1.25, 1);
    }
    50% {
        -webkit-transform: scale3d(1.15, 0.85, 1);
        transform: scale3d(1.15, 0.85, 1);
    }
    65% {
        -webkit-transform: scale3d(0.95, 1.05, 1);
        transform: scale3d(0.95, 1.05, 1);
    }
    75% {
        -webkit-transform: scale3d(1.05, 0.95, 1);
        transform: scale3d(1.05, 0.95, 1);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.rubberBand {
    -webkit-animation-name: rubberBand;
    animation-name: rubberBand;
}

@-webkit-keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

@keyframes shake {
    from, to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    20%, 40%, 60%, 80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake;
}

@-webkit-keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg);
    }
    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg);
    }
    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg);
    }
    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg);
    }
    50% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake;
}

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
    to {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@-webkit-keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes tada {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
    10%, 20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }
    30%, 50%, 70%, 90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }
    40%, 60%, 80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }
    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.tada {
    -webkit-animation-name: tada;
    animation-name: tada;
}

@-webkit-keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes wobble {
    from {
        -webkit-transform: none;
        transform: none;
    }
    15% {
        -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
        transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    }
    30% {
        -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
        transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    }
    45% {
        -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
        transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    }
    60% {
        -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
        transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    }
    75% {
        -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
        transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.wobble {
    -webkit-animation-name: wobble;
    animation-name: wobble;
}

@-webkit-keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

@keyframes jello {
    from, 11.1%, to {
        -webkit-transform: none;
        transform: none;
    }
    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg);
    }
    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg);
    }
    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg);
    }
    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg);
    }
    66.6% {
        -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
        transform: skewX(-0.78125deg) skewY(-0.78125deg);
    }
    77.7% {
        -webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
        transform: skewX(0.39063deg) skewY(0.39063deg);
    }
    88.8% {
        -webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
        transform: skewX(-0.19531deg) skewY(-0.19531deg);
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
}

@-webkit-keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes bounceIn {
    from, 20%, 40%, 60%, 80%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    40% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03);
    }
    80% {
        -webkit-transform: scale3d(0.97, 0.97, 0.97);
        transform: scale3d(0.97, 0.97, 0.97);
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInDown {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -3000px, 0);
        transform: translate3d(0, -3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, 25px, 0);
        transform: translate3d(0, 25px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInDown {
    -webkit-animation-name: bounceInDown;
    animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInLeft {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px, 0, 0);
        transform: translate3d(-3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px, 0, 0);
        transform: translate3d(25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(5px, 0, 0);
        transform: translate3d(5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes bounceInRight {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(3000px, 0, 0);
        transform: translate3d(3000px, 0, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px, 0, 0);
        transform: translate3d(-25px, 0, 0);
    }
    75% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
    90% {
        -webkit-transform: translate3d(-5px, 0, 0);
        transform: translate3d(-5px, 0, 0);
    }
    to {
        -webkit-transform: none;
        transform: none;
    }
}

.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes bounceInUp {
    from, 60%, 75%, 90%, to {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3000px, 0);
        transform: translate3d(0, 3000px, 0);
    }
    60% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    75% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    90% {
        -webkit-transform: translate3d(0, -5px, 0);
        transform: translate3d(0, -5px, 0);
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.bounceInUp {
    -webkit-animation-name: bounceInUp;
    animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(0.9, 0.9, 0.9);
        transform: scale3d(0.9, 0.9, 0.9);
    }
    50%, 55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
}

.bounceOut {
    -webkit-animation-name: bounceOut;
    animation-name: bounceOut;
}

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0, 10px, 0);
        transform: translate3d(0, 10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.bounceOutDown {
    -webkit-animation-name: bounceOutDown;
    animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.bounceOutLeft {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px, 0, 0);
        transform: translate3d(-20px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.bounceOutRight {
    -webkit-animation-name: bounceOutRight;
    animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0, -10px, 0);
        transform: translate3d(0, -10px, 0);
    }
    40%, 45% {
        opacity: 1;
        -webkit-transform: translate3d(0, 20px, 0);
        transform: translate3d(0, 20px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.bounceOutUp {
    -webkit-animation-name: bounceOutUp;
    animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDownBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-5rem, 0, 0);
        transform: translate3d(-5rem, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-5rem, 0, 0);
        transform: translate3d(-5rem, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeftBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(5rem, 0, 0);
        transform: translate3d(5rem, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    from {
        opacity: 0;
        -webkit-transform: translate3d(5rem, 0, 0);
        transform: translate3d(5rem, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRightBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRightBig {
    -webkit-animation-name: fadeInRightBig;
    animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3rem, 0);
        transform: translate3d(0, 3rem, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 3rem, 0);
        transform: translate3d(0, 3rem, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.fadeOutDown {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

@keyframes fadeOutDownBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, 2000px, 0);
        transform: translate3d(0, 2000px, 0);
    }
}

.fadeOutDownBig {
    -webkit-animation-name: fadeOutDownBig;
    animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes fadeOutLeft {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.fadeOutLeft {
    -webkit-animation-name: fadeOutLeft;
    animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes fadeOutLeftBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

.fadeOutLeftBig {
    -webkit-animation-name: fadeOutLeftBig;
    animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes fadeOutRight {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.fadeOutRight {
    -webkit-animation-name: fadeOutRight;
    animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

@keyframes fadeOutRightBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(2000px, 0, 0);
        transform: translate3d(2000px, 0, 0);
    }
}

.fadeOutRightBig {
    -webkit-animation-name: fadeOutRightBig;
    animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes fadeOutUp {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

@keyframes fadeOutUpBig {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(0, -2000px, 0);
        transform: translate3d(0, -2000px, 0);
    }
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

@keyframes flip {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    40% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }
    50% {
        -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    80% {
        -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    -webkit-backface-visibility: visible;
    backface-visibility: visible;
    -webkit-animation-name: flip;
    animation-name: flip;
}

@-webkit-keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInX {
    from {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInX {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInX;
    animation-name: flipInX;
}

@-webkit-keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

@keyframes flipInY {
    from {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
        opacity: 0;
    }
    40% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }
    60% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    }
    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
}

.flipInY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipInY;
    animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutX {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
        opacity: 0;
    }
}

.flipOutX {
    -webkit-animation-name: flipOutX;
    animation-name: flipOutX;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

@keyframes flipOutY {
    from {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
    }
    30% {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
        opacity: 1;
    }
    to {
        -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
        opacity: 0;
    }
}

.flipOutY {
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    -webkit-animation-name: flipOutY;
    animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes lightSpeedIn {
    from {
        -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
        transform: translate3d(100%, 0, 0) skewX(-30deg);
        opacity: 0;
    }
    60% {
        -webkit-transform: skewX(20deg);
        transform: skewX(20deg);
        opacity: 1;
    }
    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1;
    }
    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

@keyframes lightSpeedOut {
    from {
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
        transform: translate3d(100%, 0, 0) skewX(30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownLeft {
    -webkit-animation-name: rotateInDownLeft;
    animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInDownRight {
    -webkit-animation-name: rotateInDownRight;
    animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpLeft {
    -webkit-animation-name: rotateInUpLeft;
    animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateInUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -90deg);
        transform: rotate3d(0, 0, 1, -90deg);
        opacity: 0;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateInUpRight {
    -webkit-animation-name: rotateInUpRight;
    animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

@keyframes rotateOut {
    from {
        -webkit-transform-origin: center;
        transform-origin: center;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, 200deg);
        transform: rotate3d(0, 0, 1, 200deg);
        opacity: 0;
    }
}

.rotateOut {
    -webkit-animation-name: rotateOut;
    animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, 45deg);
        transform: rotate3d(0, 0, 1, 45deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    -webkit-animation-name: rotateOutDownLeft;
    animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutDownRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    -webkit-animation-name: rotateOutDownRight;
    animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpLeft {
    from {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    -webkit-animation-name: rotateOutUpLeft;
    animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

@keyframes rotateOutUpRight {
    from {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        opacity: 1;
    }
    to {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0, 0, 1, 90deg);
        transform: rotate3d(0, 0, 1, 90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    -webkit-animation-name: rotateOutUpRight;
    animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    20%, 60% {
        -webkit-transform: rotate3d(0, 0, 1, 80deg);
        transform: rotate3d(0, 0, 1, 80deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
    }
    40%, 80% {
        -webkit-transform: rotate3d(0, 0, 1, 60deg);
        transform: rotate3d(0, 0, 1, 60deg);
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        opacity: 1;
    }
    to {
        -webkit-transform: translate3d(0, 700px, 0);
        transform: translate3d(0, 700px, 0);
        opacity: 0;
    }
}

.hinge {
    -webkit-animation-name: hinge;
    animation-name: hinge;
}

@-webkit-keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes rollIn {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
        transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    }
    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.rollIn {
    -webkit-animation-name: rollIn;
    animation-name: rollIn;
}

@-webkit-keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

@keyframes rollOut {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
        transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    }
}

.rollOut {
    -webkit-animation-name: rollOut;
    animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        transform: scale3d(0.8, 0.8, 0.8);
    }
    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.8, 0.8, 0.8);
        transform: scale3d(0.8, 0.8, 0.8);
    }
    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInDown {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInDown {
    -webkit-animation-name: zoomInDown;
    animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInLeft {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInRight {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomInUp {
    from {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

@keyframes zoomOut {
    from {
        opacity: 1;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale3d(0.3, 0.3, 0.3);
        transform: scale3d(0.3, 0.3, 0.3);
    }
    to {
        opacity: 0;
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutDown {
    -webkit-animation-name: zoomOutDown;
    animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
        transform: scale(0.1) translate3d(-2000px, 0, 0);
        -webkit-transform-origin: left center;
        transform-origin: left center;
    }
}

.zoomOutLeft {
    -webkit-animation-name: zoomOutLeft;
    animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
        transform: scale(0.1) translate3d(2000px, 0, 0);
        -webkit-transform-origin: right center;
        transform-origin: right center;
    }
}

.zoomOutRight {
    -webkit-animation-name: zoomOutRight;
    animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }
    to {
        opacity: 0;
        -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    }
}

.zoomOutUp {
    -webkit-animation-name: zoomOutUp;
    animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation-name: slideInDown;
    animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInLeft {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInLeft {
    -webkit-animation-name: slideInLeft;
    animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

@keyframes slideOutDown {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }
}

.slideOutDown {
    -webkit-animation-name: slideOutDown;
    animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes slideOutLeft {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

.slideOutLeft {
    -webkit-animation-name: slideOutLeft;
    animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

@keyframes slideOutRight {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }
}

.slideOutRight {
    -webkit-animation-name: slideOutRight;
    animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

@keyframes slideOutUp {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    to {
        visibility: hidden;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }
}

.slideOutUp {
    -webkit-animation-name: slideOutUp;
    animation-name: slideOutUp;
}

/* checkbox */
/* radio */
/* select */
.jq-checkbox {
    width: 16px;
    display: inline-block;
    height: 16px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    vertical-align: middle;
    cursor: pointer;
    border: 2px solid #cccccc;
    margin-right: 11px;
    top: -2px;
}

.jq-checkbox.checked {
    border-color: #3399cc;
}

.jq-checkbox.checked .jq-checkbox__div {
    width: 8px;
    height: 8px;
    margin: 2px 0 0 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background: #3399cc;
}

.jq-checkbox.disabled {
    opacity: 0.5;
}

.jq-radio {
    width: 16px;
    display: inline-block;
    height: 16px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    vertical-align: middle;
    cursor: pointer;
    border: 2px solid #cccccc;
    margin-right: 11px;
    top: -2px;
}

.jq-radio.checked {
    border-color: #3399cc;
}

.jq-radio.checked .jq-radio__div {
    width: 8px;
    height: 8px;
    margin: 2px 0 0 2px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #3399cc;
}

.jq-radio.disabled {
    opacity: 0.5;
}

.jq-file {
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px dashed #b3b3b3;
    padding: 28px 23px;
}

.jq-file input {
    cursor: pointer;
    height: auto;
    line-height: 1em;
}

.jq-file__name {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 6px;
    float: left;
    font-size: 16px;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: transparent;
    outline: none;
    color: #4d4d4d;
    letter-spacing: 2.7px;
}

.jq-file__browse {
    position: relative;
    padding: 0 10px;
    border-left: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #333;
    text-shadow: none;
    font-size: 16px;
    color: #00aeef;
    letter-spacing: 2.7px;
}

.jq-file:hover .jq-file__browse {
    color: #00cccc;
}

.jq-file:active .jq-file__browse {
    color: #00cccc;
}

.jq-file.disabled .jq-file__name {
    color: #00cccc;
}

.jq-file.disabled, .jq-file.disabled .jq-file__browse {
    border-color: #CCC;
    background: #F5F5F5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #888;
}

.jq-selectbox {
    vertical-align: middle;
    cursor: pointer;
    width: 100%;
}

.jq-selectbox .placeholder {
    color: #000;
}

.jq-selectbox__select {
    height: 48px;
    padding: 13px 35px 13px 18px;
    border: 1px solid #afafaf;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #fff;
    line-height: 20px;
    color: #000;
    font-size: 13px;
    font-weight: 500;
    z-index: 1;
}

.jq-selectbox.disabled .jq-selectbox__select {
    border-color: #CCC;
    background: #F5F5F5;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #888;
}

.jq-selectbox__select-text {
    display: block;
    width: 100%;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jq-selectbox__trigger {
    position: absolute;
    top: 0px;
    right: 0;
}

.jq-selectbox__trigger-arrow {
    position: absolute;
    top: 21px;
    right: 20px;
    width: 6px;
    height: 6px;
    background: url(../svg/corn.svg) no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}

.jq-selectbox.opened .jq-selectbox__trigger-arrow {
    top: 18px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.jq-selectbox__dropdown {
    overflow: hidden;
    top: 39px !important;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 20px;
    left: 0;
    border: 1px solid var(--brand-color-2);
    background: #FFF;
}

.jq-selectbox__search {
    margin: 5px;
}

.jq-selectbox__search input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 5px 27px 6px 8px;
    outline: none;
    border: 1px solid #CCC;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNqU078LAXEYx/FzYfNzk5TJaFNKYjFYSQZ/hvwBsvg1UCY2xT9gM8hukQGThWRjkcFw3pdnujhfT736Xn2fPvfc3fd07V0OFDDFAnM0ENYsZRiGLSc9OpqIYIA9fMhhjCrW2h9VlMlcH/aymMGtOqEugX08PwQucUZKdTozMIqdTc9WepQD7wjY9ARx+ydwhfyXfS+S0qMcOEQJGcueB3VccFINdMgal6NzkmPjRwJXxDBB7/2RDdtAp6wb+dpphHDASG5QQ0V6u2aoSqBZD/lDrNWRJynLK2qpBn4rc6K2XB9/Nb8EGABtf1thzY6X2AAAAABJRU5ErkJggg==) no-repeat 100% 50%;
    -webkit-box-shadow: inset 1px 1px #F1F1F1;
    box-shadow: inset 1px 1px #F1F1F1;
    color: #333;
    -webkit-appearance: textfield;
}

.jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration {
    -webkit-appearance: none;
}

.jq-selectbox__not-found {
    margin: 5px;
    padding: 5px 8px 6px;
    background: #F0F0F0;
    font-size: 13px;
}

.jq-selectbox ul {
    margin: 0;
    padding: 0;
}

.jq-selectbox li {
    font-size: 18px !important;
    min-height: 18px;
    line-height: 20px;
    padding: 9px 10px;
}

.jq-selectbox li:hover {
    color: var(--brand-color-2);
}

.jq-selectbox li.selected, .jq-selectbox li.sel {
    color: var(--brand-color-2);
}

.jq-selectbox.placeholder .jq-selectbox__select, .jq-selectbox li.placeholder {
    color: #8F8F8F;
}

.jq-selectbox li.disabled {
    color: #ccc;
    background: none;
}

.jq-selectbox li.disabled:hover {
    background: none;
}

.jq-selectbox li.optgroup {
    font-weight: bold;
}

.jq-selectbox li.optgroup:hover {
    background: none;
    color: #231F20;
    cursor: default;
}

.jq-selectbox li.option {
    padding-left: 25px;
}

.jq-selectbox select {
    display: none;
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    position: relative;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: inline-block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-disabled {
    display: none;
}

.slick-arrow {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    position: absolute;
    top: 50%;
    margin-top: -35px;
    display: block;
    padding: 0;
    z-index: 30;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border: none;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: var(--brand-color);
}

.slick-arrow:hover {
    opacity: .7;
}

.slick-arrow:before {
    content: '';
    height: 2px;
    left: 13px;
    top: 20px;
    position: absolute;
    width: 13px;
    background: #fff;
}

.slick-arrow:after {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    content: '';
    height: 8px;
    right: 0;
    top: 22px;
    position: absolute;
    width: 8px;
    background: #fff;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.slick-disabled {
    visibility: hidden;
    opacity: 0;
}

.slick-prev {
    left: 43px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.slick-next {
    right: 43px;
}

.slick-arrow:before {
    background: var(--brand-color-2) !important;
}

.slick-arrow:after {
    background: var(--brand-color-2) !important;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    opacity: 0;
}

.slick-arrow .icon-arrow-h {
    background: var(--brand-color) !important;
}

.slick-arrow .icon-arrow-h::after {
    background: var(--brand-color-2) !important;
    transform: rotate(-45deg);
}

.slick-arrow .icon-arrow-h::before {
    background: var(--brand-color-2) !important;
    transform: rotate(45deg);
}

.js-new-items-slider .slick-arrow.slick-prev {
    left: 0;

}

.js-new-items-slider .slick-arrow.slick-next {
    right: 0;
}

.js-new-items-slider .slick-arrow {
    top: auto;
    bottom: -10px;
}

.slick-dots {
    text-align: center;
    font-size: 0;
    margin: 0 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0;
}

.slick-dots li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 3px;
    cursor: pointer;
}

.slick-dots li button {
    position: relative;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0;
    font-size: 0;
    width: 8px;
    height: 8px;
    background: var(--brand-color-5);
    border: 2px solid var(--brand-color-5);
    box-sizing: content-box;
}

.slick-dots li button:hover,
.slick-dots li.slick-active button {
    background-color: var(--brand-color-2);
}

/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under:SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */
.owl-carousel, .owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1;
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

@media (hover: none) {
    @media (max-width: 599px) {
        .owl-stage-outer .categories_item.categories_item1:not(.active) a .nicearr {
            opacity: 0 !important;
        }
    }
}


.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item, .owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
}

.owl-carousel .owl-item img { /*display:block;width:100%*/
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    display: block;
}

.owl-carousel .owl-dot, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0 !important;
    font: inherit;
}

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

.owl-carousel.owl-loading {
    opacity: 0;
    display: block;
}

.owl-carousel.owl-hidden {
    opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}

.owl-carousel.owl-rtl {
    direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
    float: right;
}

.owl-carousel .animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
    z-index: 0;
}

.owl-carousel .owl-animated-out {
    z-index: 1;
}

.owl-carousel .fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.owl-height {
    -webkit-transition: height .5s ease-in-out;
    -o-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

.owl-carousel .owl-item .owl-lazy:not([src]), .owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0;
}

.owl-carousel .owl-item img.owl-lazy {
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000;
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: -webkit-transform .1s ease;
    transition: -webkit-transform .1s ease;
    -o-transition: transform .1s ease;
    transition: transform .1s ease;
    transition: transform .1s ease, -webkit-transform .1s ease;
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3, 1.3);
    -webkit-transform: scale(1.3, 1.3);
    transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon, .owl-carousel .owl-video-playing .owl-video-tn {
    display: none;
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity .4s ease;
    -o-transition: opacity .4s ease;
    transition: opacity .4s ease;
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
    position: absolute;
    color: #315EFB;
    margin-top: -20px;
    border: none;
    padding: 0;
    top: 50%;
    width: 40px;
    z-index: 30;
    cursor: pointer;
    height: 40px;
    font-size: 24px;
    background: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.owl-carousel .owl-nav button.owl-prev:hover, .owl-carousel .owl-nav button.owl-next:hover {
    color: #F16142;
}

.owl-dots {
    text-align: center;
    margin-top: 16px;
}

.owl-dot span {
    margin: 4px 4px;
    display: block;
    transition: background-color .2s ease;
    width: 8px;
    height: 8px;
    background: var(--brand-color-5);
    border: 2px solid var(--brand-color-5);
    box-sizing: content-box;
}

.owl-dot.active span {
    background: var(--brand-color-2);
}

.owl-carousel.off {
    display: block;
}

/*! nouislider - 14.0.2 - 6/28/2019 */
/* Functional styling; These styles are required for noUiSlider to function. You don't need to change these rules to apply your design. */
.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;
    margin-right: 10px !important;
}

.noUi-base, .noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

/* Wrapper for all connect elements. */
.noUi-connects {
    overflow: hidden;
    z-index: 0;
}

.noUi-connect, .noUi-origin {
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    -webkit-transform-style: flat;
    transform-style: flat;
}

.noUi-connect {
    height: 100%;
    width: 100%;
}

.noUi-origin {
    height: 10%;
    width: 10%;
}

/* Offset direction */
html:not([dir="rtl"]) .noUi-horizontal .noUi-origin {
    left: auto;
    right: 0;
}

/* Give origins 0 height/width so they don't interfere with clicking the connect elements. */
.noUi-vertical .noUi-origin {
    width: 0;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
    cursor: pointer;
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
}

.noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin {
    -webkit-transition: transform 0.3s;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    -o-transition: transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

/* Slider size and handle placement; */
.noUi-horizontal {
    height: 8px;
}

.noUi-horizontal .noUi-handle {
    left: -10px;
    top: -6px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-image: -webkit-linear-gradient(0deg, #8A494A 0%, #8A494A 100%);
    background-image: -ms-linear-gradient(0deg, #8A494A 0%, #8A494A 100%);
    width: 20px;
    height: 20px;
}

.noUi-horizontal .noUi-handle:before {
    content: '';
    top: 4px;
    left: 4px;
    position: absolute;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: var(--brand-color-5);
    width: 12px;
    height: 12px;
}

.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px;
}

html:not([dir="rtl"]) .noUi-horizontal .noUi-handle {
    right: -0.9rem;
    left: auto;
}

/* Styling; Giving the connect element a border radius causes issues with using transform: scale */
.noUi-target {
    background: var(--brand-color);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 0px solid #D3D3D3;
}

.noUi-connects {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: var(--brand-color);
    padding-right: 10px;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.noUi-connect {
    background: var(--brand-color-5);
}

/* Handles and cursors; */
.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; box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #EBEBEB, 0 3px 6px -3px #BBB;*/
}

.noUi-active { /*box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;*/
}

/* Handle stripes; */
/*.noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; }*/
/* Disabled state; */
[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled].noUi-target, [disabled].noUi-handle, [disabled] .noUi-handle {
    cursor: not-allowed;
}

/* Base; */
.noUi-pips, .noUi-pips * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: #263238;
    font-size: 0.7rem;
}

/* Values; */
.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: #ccc;
    font-size: 10px;
}

/* Markings; */
.noUi-marker {
    position: absolute;
    background: #CCC;
}

.noUi-marker-sub {
    background: #AAA;
}

/* Horizontal layout; */
.noUi-pips-horizontal {
    top: 100%;
    left: 0;
    width: 100%;
    width: auto;
    right: -0.45rem;
    left: 0.45rem;
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    top: 0.3rem;
}

.noUi-value-horizontal:last-child {
    -webkit-transform: translate(-100%, 0%);
    -ms-transform: translate(-100%, 0%);
    transform: translate(-100%, 0%);
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    -ms-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.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;
    height: 7px;
}

/* Vertical layout; */
.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.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 {
    display: block;
    position: absolute;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    color: #263238;
    padding: 0 0.7rem 0 0.9rem;
    font-size: 0.7rem;
    text-align: center;
    white-space: nowrap;
}

.noUi-horizontal .noUi-tooltip { /* -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0);*/ /*left: 50%;*/
    right: -0.7rem;
    top: 0.85rem;
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}

.rangeslider .noUi-value-large:last-child {
    margin-left: 0.9rem;
}

.rangeslider .noUi-value-large:last-child:after {
    content: ' +';
}

/* This is the core CSS of Tooltipster */
/* GENERAL STRUCTURE RULES (do not edit this section) */
.tooltipster-base { /* this ensures that a constrained height set by functionPosition,if greater that the natural height of the tooltip, will be enforcedin browsers that support display:flex */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    pointer-events: none; /* this may be overriden in JS for fixed position origins */
    position: absolute;
}

.tooltipster-box { /* see .tooltipster-base. flex-shrink 1 is only necessary for IE10-and flex-basis auto for IE11- (at least) */
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}

.tooltipster-content { /* prevents an overflow if the user adds padding to the div */
    -webkit-box-sizing: border-box;
    box-sizing: border-box; /* these make sure we'll be able to detect any overflow */
    max-height: 100%;
    max-width: 100%;
    overflow: auto;
}

.tooltipster-ruler { /* these let us test the size of the tooltip without overflowing the window */
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 0;
    visibility: hidden;
}

/* ANIMATIONS */
/* Open/close animations */
/* fade */
.tooltipster-fade {
    opacity: 0;
    margin-top: 10px;
    -webkit-transition-property: opacity, margin;
    -o-transition-property: opacity, margin;
    transition-property: opacity, margin;
    -webkit-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition-timing-function: cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.tooltipster-fade.tooltipster-show {
    opacity: 1;
    margin-top: 0px;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}

.tooltipster-fadeIn {
    opacity: 0;
    margin-top: 20px;
    -webkit-transition-property: opacity, margin;
    -o-transition-property: opacity, margin;
    transition-property: opacity, margin;
}

.tooltipster-fadeIn.tooltipster-show {
    opacity: 1;
    margin-top: 0px;
}

/* grow */
.tooltipster-grow {
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0);
    -webkit-transition-property: -webkit-transform;
    -o-transition-property: -o-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-backface-visibility: hidden;
}

.tooltipster-grow.tooltipster-show {
    -webkit-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

/* swing */
.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -o-transition-property: -o-transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.tooltipster-swing.tooltipster-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

/* fall */
.tooltipster-fall {
    -webkit-transition-property: top;
    -o-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-initial {
    top: 0 !important;
}

.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    top: 0 !important;
    opacity: 0;
}

/* slide */
.tooltipster-slide {
    -webkit-transition-property: left;
    -o-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-initial {
    left: -40px !important;
}

.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    left: 0 !important;
    opacity: 0;
}

/* Update animations */
/* We use animations rather than transitions here because transition durations may be specified in the style tag due to animationDuration, and we try to avoid collisions and the use of !important */
/* fade */
@-webkit-keyframes tooltipster-fading {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes tooltipster-fading {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.tooltipster-update-fade {
    -webkit-animation: tooltipster-fading 400ms;
    animation: tooltipster-fading 400ms;
}

/* rotate */
@-webkit-keyframes tooltipster-rotating {
    25% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
    75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

@keyframes tooltipster-rotating {
    25% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg);
    }
    75% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg);
    }
    100% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
}

.tooltipster-update-rotate {
    -webkit-animation: tooltipster-rotating 600ms;
    animation: tooltipster-rotating 600ms;
}

/* scale */
@-webkit-keyframes tooltipster-scaling {
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes tooltipster-scaling {
    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.tooltipster-update-scale {
    -webkit-animation: tooltipster-scaling 600ms;
    animation: tooltipster-scaling 600ms;
}

/** * DEFAULT STYLE OF THE SIDETIP PLUGIN * * All styles are "namespaced" with .tooltipster-sidetip to prevent * conflicts between plugins. */
/* .tooltipster-box */
.tooltipster-sidetip .tooltipster-box {
    background: #000;
    border: 1px solid #000;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
    margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-box {
    margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-box {
    margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-box {
    margin-bottom: 8px;
}

/* .tooltipster-content */
.tooltipster-sidetip .tooltipster-content {
    color: white;
    line-height: 18px;
    padding: 6px 14px;
}

/* .tooltipster-arrow:will keep only the zone of .tooltipster-arrow-uncropped thatcorresponds to the arrow we want to display */
.tooltipster-sidetip .tooltipster-arrow {
    overflow: hidden;
    position: absolute;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
    height: 10px; /* half the width, for centering */
    margin-left: -10px;
    top: 0;
    width: 20px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    right: 0; /* top 0 to keep the arrow from overflowing .tooltipster-base when it has notbeen positioned yet */
    top: 0;
    width: 10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
    height: 20px;
    margin-top: -10px;
    left: 0; /* same as .tooltipster-left .tooltipster-arrow */
    top: 0;
    width: 10px;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
    bottom: 0;
    height: 10px;
    margin-left: -10px;
    width: 20px;
}

/* common rules between .tooltipster-arrow-background and .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
    height: 0;
    position: absolute;
    width: 0;
}

/* .tooltipster-arrow-background */
.tooltipster-sidetip .tooltipster-arrow-background {
    border: 10px solid transparent;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
    border-bottom-color: #000;
    left: 0;
    top: 3px;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
    border-left-color: #000;
    left: -3px;
    top: 0;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
    border-right-color: #000;
    left: 3px;
    top: 0;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
    border-top-color: #000;
    left: 0;
    top: -3px;
}

/* .tooltipster-arrow-border */
.tooltipster-sidetip .tooltipster-arrow-border {
    border: 10px solid transparent;
    left: 0;
    top: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: black;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
    border-left-color: black;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
    border-right-color: black;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
    border-top-color: black;
}

/* tooltipster-arrow-uncropped */
.tooltipster-sidetip .tooltipster-arrow-uncropped {
    position: relative;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -10px;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
    left: -10px;
}

.tooltipster-borderless .tooltipster-box {
    background: #000;
    -webkit-box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 20px 60px rgba(0, 0, 0, 0.25);
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-box {
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-box {
    margin-top: 8px;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-box {
    margin-right: 8px;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-box {
    margin-left: 8px;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-box {
    margin-bottom: 8px;
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow {
    height: 8px;
    margin-left: -8px;
    width: 16px;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow, .tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow {
    height: 16px;
    margin-left: 0;
    margin-top: -8px;
    width: 8px;
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-background {
    display: none;
}

.tooltipster-sidetip.tooltipster-borderless .tooltipster-arrow-border {
    border: 8px solid transparent;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-border {
    border-bottom-color: #191e38;
    border-bottom-color: rgba(10, 10, 10, 0.9);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-left .tooltipster-arrow-border {
    border-left-color: #191e38;
    border-left-color: rgba(10, 10, 10, 0.9);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-border {
    border-right-color: #191e38;
    border-right-color: rgba(10, 10, 10, 0.9);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-top .tooltipster-arrow-border {
    border-top-color: #191e38;
    border-top-color: rgba(10, 10, 10, 0.9);
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-bottom .tooltipster-arrow-uncropped {
    top: -8px;
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-right .tooltipster-arrow-uncropped {
    left: -8px;
}

/*
================================================================================
|                                     HEADER                                   |
================================================================================
*/
.header {
    width: 100%;
    max-width: 100vw;
    min-width: 320px;
    text-align: left;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-order: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 90;
    background-color: var(--brand-color);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear; /*&.fix {position: fixed;box-shadow: 0 0 25px rgba(0,0,0,0.06);padding:13px 0 10px; visibility: visible !important; -webkit-animation-name: fadeInDown !important; animation-name: fadeInDown !important;} */
}

.header_row {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header_logo {
    background-color: var(--text-color);
    align-self: stretch;
    display: flex;
    align-items: center;
    width: 297px;
    justify-content: center;
}

.logo {
    display: block;
    line-height: 0;
}

.logo img {
    display: block;
}

.header_logo .logo img {
    display: block;
}

.button-nav {
    display: none;
    z-index: 50;
    height: 36px;
    width: 36px;
    min-width: 36px;
    max-width: 36px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: var(--brand-color-2);
}

.button-nav span {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    background: #fff;
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 24px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 3px;
    display: block;
    margin: 0px 0 0px 0px;
}

.button-nav span:before, .button-nav span:after {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    content: '';
    background: #fff;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    height: 3px;
    display: block;
    width: 100%;
    position: absolute;
}

.button-nav span:before {
    top: 8px;
    right: 0%;
}

.button-nav span:after {
    bottom: 8px;
    left: 0;
}

.button-nav.open span {
    background: transparent;
}

.button-nav.open span:before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.button-nav.open span:after {
    bottom: 0px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.header_nav {
    margin-right: auto;
}

.header_nav_list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.header_nav_list > li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
    position: relative;
    padding: 44px 35px;
}

.header_nav_list > li > a {
    white-space: nowrap;
    color: var(--text-color);
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.header_nav_list > li > a:hover {
    color: var(--brand-color-2);
}

.header_nav_list > li.active > a {
    color: var(--brand-color-2);
}

.header_nav_list > li ul {
    width: 1100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 11px 0px 12px;
    list-style: none;
    position: absolute;
    display: none;
    top: 100%;
    left: -18px;
}

.header_nav_list > li ul:before, .header_nav_list > li ul:after {
    height: 100%;
    top: 0;
    bottom: 0;
    background: #fff;
    content: '';
    position: absolute;
    left: 100%;
    width: 1000px;
}

.header_nav_list > li ul:after {
    left: auto;
    right: 100%;
}

.header_nav_list > li ul li {
    padding: 0 14px 0 10px;
    position: relative;
}

.header_nav_list > li ul li:not(:first-child):before {
    content: '';
    height: 41px;
    left: 0;
    width: 1px;
    background: #c64a49;
    top: 15px;
    left: 0;
    position: absolute;
}

.header_nav_list > li ul li a {
    font-size: 14px;
    color: #000;
    line-height: 17px;
    padding: 0 10px;
    height: 71px;
    display: inline-block;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.header_nav_list > li ul li a img {
    max-height: 56px;
    max-width: 80px;
}

.header_nav_list > li ul li a:hover {
    color: var(--brand-color-2);
    background-color: var(--brand-color-4);
}

.header_nav_list .c-red > a {
    color: var(--brand-color-2);
}

.header_nav_list .parent:after {
    margin: 2px -10px 0 4px;
    width: 10px;
    height: 6px;
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url(../svg/corn.svg) no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}

.header_nav_list .parent.hover:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.header_nav_list .parent.hover > a {
    color: #b30e0c;
}

@media (hover: none) {
    @media (max-width: 1023px) {
        .header_nav_list .parent > a {
            pointer-events: none !important;
        }
    }
}


.header_nav_img {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 8px;
    text-align: center;
    min-width: 40px;
}

.header_nav_txt {
    padding-top: 1px;
}

.web .header_nav_list ul {
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    visibility: hidden;
    padding: 0;
}

.web .header_nav_list li:hover ul {
    visibility: visible;
    opacity: 1;
    padding: 11px 0px 12px;
}

.web .header_nav_list li:hover:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    color: var(--brand-color-2);
}

.web .header_nav_list li:hover > a {
    color: var(--brand-color-2);
}

.header_nav_list li.hover ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

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

.header_right .jqselect {
    margin-left: 13px;
}

.header_btn {
    position: relative;
}

.header_btn .btn {
    margin-left: 15px;
    text-transform: none;
    height: 35px;
    font-size: 13px;
    width: 90px;
    padding: 5px;
}

.header_btn_opener {
    display: none;
    width: 30px;
    cursor: pointer;
}


.header_search {
    position: relative;
}

.header_search_opener {
    color: var(--brand-color-2);
    font-size: 20px;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    cursor: pointer;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--brand-color-2);
}

.header_search_opener:hover {
    color: #b30e0c;
}

.header_search_drop {
    max-width: 57vw;
    width: 284px;
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    overflow: hidden;
    -webkit-transition: opacity 0.3s linear;
    -o-transition: opacity 0.3s linear;
    transition: opacity 0.3s linear;
    position: absolute;
    background: #fff;
    z-index: 1;
}

.header_search .form-control {
    font-size: 18px;
    padding: 10px 55px 10px 16px;
    height: 40px;
    border-color: var(--brand-color-2);
    color: var(--brand-color-2);
    background-color: var(--brand-color);
    border-radius: 0;
    z-index: 1;
}

.header_search.open .header_search_drop {
    display: block;
}

.header_search .search_btn {
    z-index: 1;
    padding: 0;
    height: 40px;
    font-size: 20px;
    width: 38px;
    position: absolute;
    right: 1px;
    top: 0;
    border: none;
    cursor: pointer;
    color: var(--brand-color-2) !important;
    background-color: transparent;
}

.header_card {
    position: relative;
    margin: 0 10px 0 10px;
}

.header_card_link {
    font-size: 25px;
    color: #0f0f0f;
    position: relative;
    width: 30px;
    min-width: 30px;
    max-width: 30px;
    height: 30px;
    cursor: pointer;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.header_card_link:hover {
    color: #b30e0c;
}

.header_card_num {
    top: -2px;
    right: -2px;
    line-height: 19px;
    position: absolute;
    text-align: center;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 19px;
    height: 19px;
    background: #b30e0c;
}

.header_user {
    width: 85px;
}

.header_user_link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    color: #000;
}

.header_user_link:hover {
    color: #b30e0c;
}

.header_user_ava {
    width: 30px;
    height: 30px;
    min-width: 30px;
    max-width: 30px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 11px;

}

.header_user_ava img {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.header_user_name {
    overflow: hidden;
    white-space: nowrap;
}

@media screen and (max-width: 1279px) {
    .header_card {
        margin: 0 16px 0 20px;
    }

    .header_btn .btn {
        margin-left: 10px;
    }
}

@media screen and (max-width: 1149px) {
    .header_nav_list > li ul {
        left: -195px;
    }
}

@media screen and (max-width: 1023px) {
    .noscroll {
        overflow: hidden;
    }

    body.hid {
        overflow: hidden;
    }

    body.hid .main-wrapper {
        height: 100%;
    }

    .header_nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        border-top: 1px solid #DDDDDD;
        background: #fff;
        position: fixed;
        z-index: 10;
        top: 75px;
        bottom: 0;
        overflow: auto;
        overflow-x: hidden;
        right: -150%;
        width: 100%;
        -webkit-transition: 1s;
        -o-transition: 1s;
        transition: 1s;
    }

    .header_search_opener {
        width: 36px;
        min-width: 36px;
        max-width: 36px;
        height: 36px;
    }

    .header_nav.open {
        right: 0;
    }

    .header_nav_list {
        display: block;
    }

    .header_right .jq-selectbox.lang_switcher {
        display: none !important;
    }

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

    .header_right {
        margin-right: 25px;
        margin-left: auto;
    }

    .header_btn {
        margin-left: 10px;
    }

    .header_btn.open .header_btn_drop {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        transition: ease 0.3s;
    }

    .header_btn .btn {
        margin-top: 10px;
    }

    .header_btn_opener {
        display: block;
    }

    .header_btn_drop {
        display: block !important;
        position: absolute;
        top: 43px;
        background: #fff;
        left: -45px;
        width: 120px;
        padding: 0 15px 15px 5px;
        box-shadow: 0 2px 5px -2px #000;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        visibility: hidden;
        opacity: 0;
        transform: translateY(15px);
        transition: ease 0.2s;
    }

    .header_nav_list > li {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 0 0 20px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0 !important;
    }

    .header_nav_list > li > a {
        line-height: 36px;
        width: 108px;
        height: 36px;
        background-color: var(--brand-color-2);
        color: #fff !important;
        font-size: 14px;
        font-weight: 700;
        text-align: center;
    }

    .header_nav_list > li ul {
        position: relative;
        left: 0;
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .header_nav_list > li ul li {
        -webkit-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
        margin: 5px;
        padding: 0;
    }

    .header_nav_list > li ul li:not(:first-child):before {
        display: none;
    }

    .header_nav_list > li ul li a {
        font-size: 16px;
        line-height: 18px;
        padding: 0 20px;
        height: 76px;
    }

    .header_nav_img {
        margin-right: 15px;
        min-width: 30px;
    }
}

@media screen and (max-width: 599px) {
    .header_user {
        width: 30px;
    }

    .header_user_name {
        display: none;
    }

    .header_user_ava {
        margin-right: 0;
    }
}

@media screen and (max-width: 499px) {
    .header_right {
        margin-right: 20px;
    }

    .header_card {
        margin: 0 8px 0 13px;
    }

    .header_user {
        margin: 0 -6px 0 8px;
    }
}

@media screen and (max-width: 374px) {
    .header_nav_list > li ul li a {
        padding: 0 15px;
    }
}

/*
================================================================================
|                                     FOOTER                                   |
================================================================================
*/
.footer {
    text-align: left;
    width: 100%;
    min-width: 320px;
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    -webkit-order: 3;
    background-color: var(--text-color);
}

.footer_row {
    display: flex;
}

.footer_logo {
    margin: 40px 3.5% 0 4px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

@media (max-width: 767px) {
    .footer_logo {
        gap: 30px;
    }
}

.footer_logo .logo {
    width: 191px;
    height: 128px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--brand-color-5);
}

.contacts_item-social {
    display: flex;
    align-items: center;
    gap: 22px;
    justify-content: center;
}

.contacts_item-social svg path {
    fill: var(--brand-color-5);
    transition: .2s fill;
}

.contacts_item-social a {
    transition: ease 0.3s;
}

.contacts_item-social a:hover svg path {
    fill: #fff;
}

.footer_copyright {
    line-height: 16px;
    font-size: 14px;
    color: var(--brand-color);
}

.footer_right {
    z-index: 1;
    margin-left: auto;
    padding-top: 45px;
    margin-right: 7px;
}

.footer_contact {
    width: 44%;
    padding: 56px 0px 12px 0;
}

.contacts-container {
    display: flex;
    flex-flow: wrap;
}

.contacts-container .contacts {
    width: 38%;
    margin-bottom: 42px;
}

.contacts-container .contacts:nth-child(odd) {
    width: 62%;
}

.contacts_item {
    margin-left: -28px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 4px;
    color: var(--brand-color-5);
}

.contacts_item b {
    font-weight: 900;
}

.contacts_item_txt {
    font-size: 18px;
    letter-spacing: -.02em;
    line-height: 33px;
    display: block;
}

.contacts_item > .contacts_item_txt {
    padding-bottom: 10px;
}

.contacts [class^="icon-"], .contacts [class*=" icon-"] {
    line-height: 1;
    font-size: 16px;
    width: 20px;
    min-width: 20px;
    text-align: center;
    margin: 8px 8px 0 0;
}

.contacts a {
    height: 25px;
    color: currentColor;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}

.contacts a:hover {
    color: #fff;
    text-decoration: underline;
}

.contacts_item-times {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 7px;
    max-width: 245px;
    color: #fff;
}

.contacts_item-times .second-phone {
    margin-left: 30px;
}

.footer_title {
    color: #fff;
    font-size: 16px;
    margin: 0 0 14px;
}

.footer_nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    flex-direction: column;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 41.5%;
    padding: 44px 0 25px 82px;
}

.footer_nav_wrap {
    display: flex;
    justify-content: space-between;
    z-index: 1;
    margin-right: -3px;
    gap: 6px;
}

.footer_nav_wrap .footer_col {
    width: 50%;
}

.footer_nav_wrap .footer_col:last-child {
    width: 70%;
}

.footer_nav_wrap .footer_title {
    margin-bottom: 22px;
}

.footer_nav_list {
    min-width: 139px;
    margin: 0px 0 26px;
}

.footer_nav_list li {
    list-style: none;
    margin-bottom: 12px;
}

.footer_nav_list li a {
    line-height: 25px;
    font-size: 20px;
    display: inline-block;
    color: var(--brand-color-5);
    font-weight: 500;
}

.footer_nav_list li a:hover {
    color: #fff;
    text-decoration: underline;
}

.footer_soc {
    margin-left: -2px;
}

.soc_link {
    font-size: 22px;
    margin-left: 30px;
    line-height: 0;
    display: inline-block;
    vertical-align: middle;gap: 22px;
    margin-left: 19px;
    color: #b30e0c;
}

.soc_link:hover {
    color: #000;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.soc .icon-vk {
    font-size: 21px;
}

.soc .icon-insta {
    font-size: 15px;
}

.footer_dwnl {
    margin: 21px 0 57px;
}

.footer_dwnl_link {
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 57px;
    padding: 0 13px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f6f6f6;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.footer_dwnl_txt {
    font-size: 16px;
    color: #000;
}

.footer_dwnl .icon-download {
    color: #b30e0c;
    font-size: 33px;
    margin: 0px 13px -2px 0px;
}

@media screen and (max-width: 1439px) {
    .footer_nav_list {
        min-width: 100px;
    }

    .footer_logo {
        margin: 11px 1.6% 0 0px;
    }
}

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

    .footer_logo {
        margin: 20px 0 30px 0;
    }

    .footer_nav_wrap {
        gap: 5vw;
    }

    .footer_nav {
        padding-left: 40px;
        padding-top: 25px;
    }

    .footer_right {
        padding-top: 25px;
    }

    .footer_copyright {
        font-size: 12px;
    }

    .footer_nav .footer_col {
        width: 50%;
    }

    .footer_title {
        font-size: 12px;
    }

    .footer_nav_list li a {
        font-size: 16px;
    }

    .contacts-container .contacts {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 1023px) {
    .contacts {
        display: block;
    }

    .contacts > div {
        width: 100%;
    }

    .footer_contact {
        padding-left: 20px;
    }
}

@media screen and (max-width: 767px) {
    .footer_logo {

        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: start;
        -ms-flex-align: start;
        align-items: start;
        flex-direction: row;
        align-items: center;
        gap: 0;
    }
    44px
    .footer_logo .logo {
        margin-bottom: 0;
        width: 161px;
        height: 97px;
    }

    .footer_logo .logo img {
        width: 90px;
        height: auto;
    }

    .footer_nav_list li {
        margin-bottom: 19px;
    }

    .footer_nav_wrap {
        gap: 0;
    }

    .footer_nav_wrap .footer_col:last-child {
        width: 47%;
    }

    .contacts_item-social {
        width: 169px;
        gap: 15px;
        margin-left: 9px;
        margin-top: 9px;
        display: flex;
        flex-flow: wrap;
        justify-content: flex-end;
    }

    .contacts-container .contacts {
        width: 100% !important;
        margin-bottom: 20px;
        padding-left: 20px;
    }

    .footer_contact {
        width: 100%;
        padding: 0;
    }

    .footer_contact .footer_title {
        padding-left: 22px;
        margin-bottom: 10px;
    }

    .contacts_item > .contacts_item_txt {
        font-size: 16px;
        letter-spacing: inherit;
        padding-bottom: 5px;
    }

    .contacts_item-times {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 13px;
    }

    .footer_right {
        width: 100%;
        padding-top: 0;
        padding-bottom: 25px;
    }

    .footer_nav {
        width: 100%;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 40px 20px 30px;
    }

    .footer_nav .footer_col {
        width: auto;
        min-width: 38%;
    }

    .footer_copyright {
        text-align: center;
        margin-top: 22px;
        font-size: 12px;
    }

    .footer_dwnl {
        margin: 21px 0 34px;
        max-width: 350px;
    }

    .soc_link {
        margin-left: 22px;
    }
}

@media screen and (max-width: 374px) {
    .soc_link {
        margin-left: 10px;
    }

    .footer_logo .logo {
        width: 155px;
        margin-right: 20px;
    }

    .footer_dwnl_txt {
        font-size: 15px;
    }

    .footer .contacts_item-social a {
        width: 45px;
    }

    .footer_dwnl .icon-download {

        @media screen and (min-width: 768px) and (max-width: 1279px) {
            .footer_nav:after {
                background: #2C2828 url('../img/footer_bg.png');
                background-repeat: no-repeat;
                background-position: 3vw 100%;
                background-size: 23vw;
            }
        }
        line-height: 24px;
        font-size: 16px;
    }
}

.main-wrapper {
    padding: 0 0 0 0;
    min-width: 320px;
    width: 100%;
    position: relative;
    min-height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.wrapper {
    min-width: 320px;
    max-width: 1485px;
    padding: 0 50px 0 50px;
    margin: 0 auto;
    position: relative;
}

img {
    max-width: 100%;
}

/* titles */
p {
    padding: 0px 0 12px 0;
}

h1, .h1 {
    font-size: 46px;
    line-height: 1.1;
    color: inherit;
    padding: 10px 0 45px 0;
    font-weight: 900;
    text-align: center;
}

h2, .h2 {
    font-size: 36px;
    line-height: 1.25;
    color: inherit;
    padding: 10px 0 10px 0;
    font-weight: 900;
    text-align: center;
}

h3, .h3 {
    font-size: 28px;
    line-height: 1.25;
    color: inherit;
    padding: 10px 0 10px 0;
    font-weight: bold;
}

h4, .h4 {
    font-size: 18px;
    line-height: 1.15;
    color: inherit;
    padding: 10px 0 10px 0;
    font-weight: 900;
}

/* text position */
.text-left {
    text-align: left !important;
}

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

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

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

/* */
.loaded .main-wrapper {
    opacity: 0;
}

/*.icon-load{position:fixed;width:100%;height:100%; top:0;left:0;display:none; background: url(../img/loader.gif) no-repeat center #fff;z-index: 200;}
.loaded .icon-load{display:block;} */

@media screen and (min-width: 1439px) {
    .header_row:after {
        content: '';
        height: 100%;
        width: 435px;
        background-image: url(../img/header_bg.png);
        display: block;
        position: absolute;
        right: 20.4%;
        top: 0;
    }
}

@media screen and (min-width: 1024px) {
    .wow {
        visibility: hidden;
    }

    .header_row {
        position: relative;
    }

    .header_nav_list > li {
        transition: .3s background-color;
    }

    .header_nav_list > li:hover {
        background-color: var(--brand-color-3);
    }
}

@media screen and (min-width: 768px) {
    .footer .wrapper {
        background-image: url('../img/footer_bg.png');
        background-repeat: no-repeat;
        background-position: 95% 100%;
        background-size: 28vw;
    }
}

@media screen and (min-width: 1440px) {
    .footer .wrapper {
        background-size: 440px !important;
    }
}

@media screen and (max-width: 1023px) {
    .wow, .wow-removed {
        -webkit-animation-name: none !important;
        animation-name: none !important;
        visibility: visible !important;
        opacity: 1 !important;
        -o-transition-property: none !important;
        -webkit-transition-property: none !important;
        transition-property: none !important;
        -ms-transform: none !important;
        -webkit-transform: none !important;
        transform: none !important;
        -webkit-animation: none !important;
        animation: none !important;
    }

    .footer_logo .logo {
        margin-bottom: 0;
    }
}

select {
    opacity: 0;
}

/*
================================================================================
|                                     CONTENT                                 |
================================================================================
*/
.content {
    min-width: 320px;
    text-align: left;
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    -webkit-order: 2;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-grow: 1;
    padding-top: 118px;
}

/*--------------------------------------*/
.btn {
    position: relative;
    overflow: hidden;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    vertical-align: middle;
    height: 48px;
    padding: 5px 21px;
    text-align: center;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    background: var(--brand-color-2);
    color: var(--brand-color);
    border: 0 solid var(--brand-color-2);
    font-size: 16px;
    line-height: 18px;
    font-weight: 700;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-transform: capitalize;
}

.btn:hover {
    color: var(--brand-color-2);
    background-color: var(--brand-color-5);
}

.btn:after {
    content: "";
    background: #fff;
    display: block;
    position: absolute;
    height: 200%;
    top: -5%;
    left: 0;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin-left: -30%;
    width: 0px;
    opacity: 1;
    -webkit-transition: 0s;
    -o-transition: 0s;
    transition: 0s;
}

.btn:hover:after {
    width: 200%;
    opacity: 0;
    -webkit-transition: all 0.75s ease-in-out;
    -o-transition: all 0.75s ease-in-out;
    transition: all 0.75s ease-in-out;
}

.btn-bord {
    background: transparent;
    border: 1px solid #202020;
    color: #202020;
}

.btn-bord:hover {
    background: #202020;
    color: #fff;
}

.btn-bord-w {
    background: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.btn-bord-w:hover {
    background: #fff;
    color: #202020;
}

.btn-bord-black {
    background: transparent;
    border: 1px solid #000;
    color: #000;
}

.btn-bord-black:hover {
    background: #202020;
    color: #fff;
}

.btn-black {
    background: #000;
    border-color: #000;
}

.btn-white {
    background: #fff;
    border-color: #fff;
    color: #000000;
}

.btn-white:hover {
    background: #999;
    color: #000;
}

.form_cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -27px;
    margin-right: -27px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.form_cols_item {
    width: 50%;
    padding: 0 27px;
}

.form_cols .form_row {
    margin-bottom: 20px;
}

.form_cols .checks_item {
    max-width: 380px;
}

.form_cols-sm {
    margin-left: -12px;
    margin-right: -12px;
}

.form_cols-sm .form_cols_item {
    width: 50%;
    padding: 0 12px;
}

.form_cols-sm .form_cols_item-33 {
    width: 33.33%;
}

.form_cols_item-33 {
    width: 33.33%;
}

.form_shifted .form_cols_item-33 {
    width: calc(33.3333% - 25px);
}

@media screen and (max-width: 574px) {
    .form_shifted .form_cols_item-33 {
        width: 100%;
    }
}

.form-btn {
    margin-top: 16px;
}

.form_el {
    position: relative;
}

.form_el [class^="icon-"], .form_el [class*=" icon-"] {
    font-size: 10px;
    position: absolute;
    z-index: 1;
    pointer-events: none;
    top: 15px;
    left: 12px;
    width: 10px;
    bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.form_el .form-control {
    padding-left: 40px;
}

.form_row {
    margin-bottom: 15px;
    position: relative;
}

.form_row .help-info {
    left: -28px;
    bottom: 11px;
    position: absolute;
}

.form_label {
    display: block;
    font-weight: 300;
    margin-bottom: 6px;
    text-transform: uppercase;
}

label.error {
    color: red;
    display: block;
    font-size: 12px;
}

.form-control {
    text-shadow: 0 0;
    position: relative;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    width: 100%;
    height: 40px;
    font-size: 18px;
    color: var(--text-color);
    line-height: 26px;
    font-weight: 400;
    background: #fff;
    padding: 10px 13px 10px 17px;
    border: 1px solid #afafaf;
}

.form-control.filled {
    background-color: #f8f8f8;
}

.form-control.error {
    border-color: #FF3333;
    color: #FF3333;
    background: rgba(255, 51, 51, 0.05);
}

textarea.form-control {
    height: 90px;
    resize: none;
}

.form-control-fake {
    text-shadow: 0 0;
    font-size: 16px;
    color: #000;
    line-height: 26px;
    font-weight: 500;
    padding: 0px 0px 14px;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { /*transition: background-color 50000s ease-in-out 0s;*/
    background: #f8f8f8;
}

.radios_item label {
    display: block;
    position: relative;
    cursor: pointer;
}

.radios_item input {
    position: absolute;
    opacity: 0;
}

.radios_item_sm {
    font-size: 12px;
    color: #808080;
    font-weight: 300;
    display: none;
    line-height: 1.45;
    margin: 2px 0 0 0;
    max-width: 370px;
    text-align: justify;
}

.radios_item_txt {
    display: block;
    position: relative;
    padding: 0px 0px 0px 28px;
    line-height: 20px;
}

.radios_item_txt:before {
    position: absolute;
    left: 0px;
    content: '';
    top: 0px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #f6f6f6;
    width: 20px;
    height: 20px;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border: 1px solid #eaeaea;
}

.radios_item_txt__mod:before {
    left: -12px;
}

.radios_item_txt:after {
    position: absolute;
    left: 5px;
    content: '';
    top: 5px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
    width: 10px;
    height: 10px;
}

.radios_item_txt__mod:after {
    left: -7px;
}

.radios_item_txt {
    font-size: 16px;
    font-weight: 300;
}

.radios_item input:checked + .radios_item_txt {
    font-weight: 900;
}

.radios_item input:checked + .radios_item_txt:after {
    background: #b30e0c;
    background: -webkit-linear-gradient(left, #b30e0c 0%, #8c0e0c 100%);
    background: -webkit-gradient(linear, left top, right top, from(#b30e0c), to(#8c0e0c));
    background: -o-linear-gradient(left, #b30e0c 0%, #8c0e0c 100%);
    background: linear-gradient(to right, #b30e0c 0%, #8c0e0c 100%);
}

.radios_item.active .radios_item_txt {
    font-weight: 900;
}

.radios_item.active .radios_item_txt:after {
    background: #b30e0c;
    background: -webkit-linear-gradient(left, #b30e0c 0%, #8c0e0c 100%);
    background: -webkit-gradient(linear, left top, right top, from(#b30e0c), to(#8c0e0c));
    background: -o-linear-gradient(left, #b30e0c 0%, #8c0e0c 100%);
    background: linear-gradient(to right, #b30e0c 0%, #8c0e0c 100%);
}

.radios_item_img {
    border: 2px solid transparent;
    overflow: hidden;
    width: 100px;
    height: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.radios_item_img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.radios_item {
    white-space: nowrap;
}

.radios_item .icon-point {
    padding-left: 5%;
    margin-top: -3px !important;
}

.radios_item input:checked + .radios_item_txt .radios_item_title {
    font-weight: 900;
}

.radios_item input:checked + .radios_item_txt .radios_item_sm {
    display: block;
    font-weight: 300;
}

.radios_item input:checked + .radios_item_img {
    border: 1px solid #878787;
}

.radios-images {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-right: -12px;
}

.radios-images .radios_item {
    margin: 0 12px 12px 0
}

.radios-images .radios_item a {
    border: 2px solid transparent;
}

.radios-images .radios_item.active a {
    border-color: var(--brand-color-2);
}

.checks_item {
    font-size: 14px;
    margin-bottom: 15px;
    margin-top: 4px;
    line-height: 18px;
}

.checks_item label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 3px;
}


.checks_item input {
    position: absolute;
    opacity: 0;
}

.checks_item a {
    color: currentColor;
    text-decoration: underline;
}

.checks_item a:hover {
    text-decoration: none;
}

.checks_item_txt {
    min-height: 18px;
    display: block;
    position: relative;
    padding: 0px 0px 0px 26px;
}

.checks_item_txt b {
    font-weight: 500;
}

.checks_item_txt:before {
    position: absolute;
    left: 0px;
    content: '';
    top: 4px;
    width: 17px;
    height: 17px;
    z-index: 0;
    border: 1px solid #afafaf;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.checks_item_txt:after {
    position: absolute;
    left: 4px;
    content: '';
    top: 3px;
    width: 14px;
    height: 10px;
    z-index: 1;
    opacity: 0;
    background: url(../img/check.png) no-repeat 0 0;
}

.checks_item input:checked + .checks_item_txt:after {
    opacity: 1;
}

.form {
    padding-bottom: 8px;
}

.form h4, .form .h4 {
    margin-bottom: 15px;
}

.form_shifted {
    margin-left: 33px;
}

.form_block {
    padding: 3px 0 30px 0;
    margin-bottom: 17px;
    position: relative;
}

.form_block:not(:last-child):before {
    border-top: 1px solid #a9a9a9;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
}

.form .btn {
    padding: 5px 15px;
    height: 36px;
    text-transform: none;
    font-size: 13px;
    margin-top: 14px;
    min-width: 90px;
}

.form .btn-edit {
    margin-top: -5px;
    margin-bottom: -2px;
}

.form .btn-black {
    margin-top: 12px;
}

.form_wid {
    max-width: 773px;
}

.form-control-210 {
    max-width: 210px;
}

.profinfo .form-control {
    height: 39px;
    padding: 5px 13px 5px 15px;
    font-weight: 700;
    text-shadow: 0 0;
}

.profinfo .form_label {
    font-size: 12px;
    margin-bottom: 7px;
    padding-top: 7px;
}

.profinfo .form_cols_item-33 {
    max-width: 230px;
}

.profinfo .form_row {
    margin-bottom: 22px;
}

.profinfo .form-control-fake {
    padding: 0px 0px 3px;
}

.profinfo .btn {
    margin-top: 0px;
}

.profinfo .form_block {
    margin-bottom: 20px;
}

/* */
.js-bg {
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* */
.section-welcome {
    position: relative;
    padding-bottom: 23px;
}

.welcome {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 1840px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.welcome_left {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
}

.welcome_right {
    padding: 0 46px;
    min-width: 592px;
    width: 592px;
}

.welcome h2 {
    text-align: left;
    padding: 0;
    font-size: 32px;
}

.img_slider {
    text-align: center;
    color: #fff;
    padding-bottom: 37px;
    position: relative;
}

.img_slider_item {
    position: relative;
}

.img_slider_item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

.img_slider_item .waterblack { /*content:'';background: url(../svg/waterblack.svg) no-repeat center;background-size: 100%;*/
    mix-blend-mode: multiply;
    opacity: 0.38;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -55%);
    -ms-transform: translate(-50%, -55%);
    transform: translate(-50%, -55%);
    z-index: 1;
    width: 315px;
    height: 315px;
}

.img_slider_cont {
    position: relative;
    z-index: 2;
    height: 555px;
    padding: 15px 115px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.img_slider_title {
    margin-top: 20px;
    font-size: 38px;
    margin-bottom: 3px;
}

.img_slider_txt {
    margin-bottom: 21px;
    font-weight: 100;
}

.img_slider .btn {
    height: 36px;
    font-size: 13px;
    text-transform: none;
}

.img_slider .img_slider_item.slick-active .img_slider_title {
    -webkit-animation: fadeInUp 0.5s both 0.3s;
    animation: fadeInUp 0.5s both 0.3s;
}

.img_slider .img_slider_item.slick-active .img_slider_txt {
    -webkit-animation: fadeInUp 0.5s both 0.4s;
    animation: fadeInUp 0.5s both 0.4s;
}

.img_slider .img_slider_item.slick-active .img_slider_btn {
    -webkit-animation: fadeInUp 0.5s both 0.5s;
    animation: fadeInUp 0.5s both 0.5s;
}

.tovs_slider {
    height: 552px;
}

.tovs_slider_item {
    position: relative;
    padding: 0px 0 0px;
}

.tovs_slider_item:hover .tovs_slider_title {
    color: var(--brand-color-2);
}

.tovs_slider_item:hover .nicearr:after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    opacity: 0;
}

.tovs_slider_item:hover .nicearr .icon-arrow-h:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tovs_slider_item:hover .nicearr .icon-arrow-h:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.tovs_slider .tovs_slider_item {
    border: none;
    height: 184px;
}

.tovs_slider_fl {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}

.tovs_slider_img {
    height: 140px;
    min-width: 170px;
    width: 170px;
    margin: 0 20px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tovs_slider_img img {
    max-height: 100%;
}

.tovs_slider_cont {
    overflow: hidden;
    padding-right: 20px;
}

.tovs_slider_title {
    font-size: 20px;
    line-height: 25px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.tovs_slider_price {
    margin: 9px 0 1px;
    font-weight: 700;
    font-size: 24px;
    line-height: 25px;
    color: var(--brand-color-2);
}

.tovs_slider .slick-dots {
    top: 0;
    bottom: 76px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
}

.tovs_slider .nicearr {
    width: 33px;
}

.tovs_slider .icon-arrow-h:before, .tovs_slider .icon-arrow-h:after {
    width: 16px;
}

.cover-link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.categ {
    display: inline-block;
    vertical-align: top;
    color: #b0b0b0;
    padding: 5px 11px;
    line-height: 15px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #cacaca;
}

a:hover .nicearr:after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    opacity: 0;
}

a:hover .nicearr .icon-arrow-h:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

a:hover .nicearr .icon-arrow-h:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.nicearr {
    display: block;
    width: 75px;
    height: 24px;
    position: relative;
}

.nicearr:before {
    content: '';
    height: 2px;
    left: 0;
    top: 11px;
    position: absolute;
    width: 100%;
    background: #b30e0c;
}

.nicearr:after {
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    content: '';
    height: 8px;
    right: 0;
    top: 8px;
    position: absolute;
    width: 8px;
    background: #b30e0c;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.nicearr:hover:after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    opacity: 0;
}

.nicearr:hover .icon-arrow-h:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.nicearr:hover .icon-arrow-h:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.slick-arrow .icon-arrow-h {
    top: 25px;
}

.slick-arrow .icon-arrow-h:before, .slick-arrow .icon-arrow-h:after {
    background: #fff;
}

.slick-arrow:hover:after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    opacity: 0;
}

.slick-arrow:hover .icon-arrow-h:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.slick-arrow:hover .icon-arrow-h:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.icon-arrow-h {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    top: 11px;
}

.icon-arrow-h:before, .icon-arrow-h:after {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    content: '';
    position: absolute;
    top: -5px;
    right: 13px;
    height: 2px;
    background: #b30e0c;
    width: 11px;
}

.icon-arrow-h:after {
    -webkit-transform-origin: right top;
    -ms-transform-origin: right top;
    transform-origin: right top;
}

/* */
.section_top {
    text-align: center;
}

.section_top h2 {
    padding: 3px 0 10px 0;
}

.section_top_txt {
    font-size: 18px;
    line-height: 20px;
}

.section-cats {
    padding: 51px 0 30px 0;
}

.section-cats .wrapper {
    max-width: 1485px;
}

.cats {
    margin: 53px 0px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
        justify-content: space-between;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.cats_item {
    margin: 0 0 30px;
    width: calc(16.66% - 10px);
    text-align: center;
}

.cats_item_img {
    display: inline-block;
    text-align: center;
    position: relative;
}

.cats_item_img img {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    height: 170px;
    max-width: 110%;
    position: relative;
    z-index: 1;
}

.cats_item_cont {
    text-align: left;
    margin: 2px auto 0;
    max-width: 145px;
    padding-left: 10px;
}

.cats_item_title {
    letter-spacing: 0.4px;
    font-weight: 900;
    font-size: 24px;
    height: 56px;
    margin-bottom: 10px;
    line-height: 1.2;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.cats_item_title a {
    color: currentColor;
}

.cats_item:hover .cats_item_img img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
}

.cats_item:hover .cats_item_title {
    color: #b30e0c;
}

.cats_item:hover .nicearr:after {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: right;
    -ms-transform-origin: right;
    transform-origin: right;
    opacity: 0;
}

.cats_item:hover .nicearr .icon-arrow-h:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cats_item:hover .nicearr .icon-arrow-h:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* */
.section-info {
    padding: 136px 0 30px 0;
}

.info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 0 auto;
    max-width: 1382px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.info_mishn {
    width: calc(50% - 10px);
    background-color: var(--brand-color);
    position: relative;
    overflow: hidden;
    padding: 46px 22% 51px 64px;
}

.mishn_img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
}

.info_subsc {
    width: calc(50% - 10px);
}

.info_subsc .subsc {
    height: 100%;
}

.info .nicearr {
    display: inline-block;
    vertical-align: middle;
    width: 33px;
    margin: 0px 0 0 12px;
}

.info .nicearr .icon-arrow-h:before, .info .nicearr .icon-arrow-h:after {
    width: 16px;
}

.mishn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

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

.mishn_suptitle {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 15px;
}

.mishn_title {
    font-size: 46px;
    line-height: 43px;
    letter-spacing: -.03em;
    font-weight: 500;
    margin-bottom: 48px;
    color: var(--brand-color-2);
}

.mishn_link .btn {
    height: 40px;
    padding: 5px 18px;
}

/* */
.subsc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    background-color: var(--brand-color-3);
}

.subsc_icon {
    width: 80px;
    position: absolute;
    right: 0;
    top: -1px;
}

.subsc_icon img {
    width: 100%;
}

.subsc_header {
    position: relative;
    padding-right: 25px;
    display: flex;
    flex-direction: column;
}

.subsc_cont {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    padding: 46px 50px 51px 56px;
    justify-content: space-between;
}

.subsc_cont .mishn_link {
    margin-top: auto;
}

.subsc_form {
    position: relative;
    margin-top: auto;
}

.subsc_cont img {
    height: auto;
    width: 180px;
    max-width: 180px;
    position: relative;
    right: auto;
}

.subsc .form-control {
    z-index: 0;
    padding: 10px 55px 10px 16px;
    border-color: #e8e8e8;
    letter-spacing: -.02em;
}

.subsc_image {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.subsc_btn {
    z-index: 1;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px 17px;
}

/* */
.section-piqs {
    padding: 119px 0 146px;
    position: relative;
}

.piqs {
    margin: 0 51px 3px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    justify-content: space-between;
}

.piqs_item {
    padding: 23px 0 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-start;
    width: 24%;
    position: relative;
}

.piqs_item:before {
    left: 49px;
    top: 0;
    background: url(../svg/circ.svg) no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100%; /*background: #f0f0f0;background: -moz-linear-gradient(left, #f0f0f0 1%, #fefcea 100%);background: -webkit-linear-gradient(left, #f0f0f0 1%,#fefcea 100%);background: linear-gradient(to right, #f0f0f0 1%,#fefcea 100%);*/
    content: '';
    position: absolute;
    width: 141px;
    height: 141px;
    z-index: 0;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.piqs_item_icon {
    width: 100px;
    margin-right: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.piqs_item_cont {
    position: relative;
    z-index: 1;
    padding-right: 24px;
    width: calc(100% - 110px);
}

.piqs_item_title {
    margin-bottom: 8px;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    color: var(--brand-color-2);
}

.piqs_item_txt {
    font-size: 16px;
    line-height: 20px;
    max-width: 170px;
}

/* */
.pagelogin .main-wrapper {
    color: #fff;
    background: url(../img/img2.jpg) no-repeat center top;
    -webkit-background-size: cover;
    background-size: cover;
}

.pagelogin.pagelogin-reg .main-wrapper {
    background: url(../img/img3.jpg) no-repeat center top;
    background-size: cover;
}


.pagelogin .main-wrapper:before {
    content: '';
    background: rgba(0, 0, 0, 0.71);
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pagelogin .main-wrapper:after {
    content: '';
    background: url(../img/water.png) no-repeat center;
    -webkit-background-size: auto 74.5%;
    background-size: auto 74.5%;
    position: absolute;
    z-index: 1;
    top: 7%;
    left: 0;
    width: 100%;
    height: 89%;
}

.pagelogin .main-wrapper .content {
    padding: 0;
    z-index: 5;
    position: relative;
}

.section-login {
    padding: 20px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.login {
    min-height: 436px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.login h1 {
    font-size: 20px;
    padding: 12px 0;
}

.login h4 {
    font-size: 16px;
    margin-bottom: 4px;
}

.login .btn {
    width: 180px;
    padding: 0;
    margin: 0 7px;
}

.login_logo {
    width: 148px;
    display: block;
    line-height: 0;
    margin: 0 auto 6px;
}

.login_left {
    width: 221px;
    margin-right: 49px;
}

.login_right {
    position: relative;
    margin-left: 54px;
    width: 129px;
    margin-top: 115px;
}

.login_right:before {
    content: '';
    position: absolute;
    left: -54px;
    width: 1px;
    height: 178px;
    background: #7e1717;
    top: -37px;
}

.login_right .btn {
    width: 129px;
    height: 39px;
    font-size: 13px;
}

.login .form-control {
    height: 39px;
    padding: 5px 15px 5px 32px;
    background: transparent;
    color: #fff;
    font-size: 14px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    transition: opacity ease 0.3s;
}

.login .form-control[disabled] {
    opacity: 0.4 !important;
}


.login .form-control::-webkit-input-placeholder {
    color: #fff;
}

.login .form-control:-moz-placeholder {
    color: #fff;
}

.login .form-control::-moz-placeholder {
    color: #fff;
}

.login .form-control:-ms-input-placeholder {
    color: #fff;
}

.login input:-webkit-autofill, .login input:-webkit-autofill:hover, .login input:-webkit-autofill:focus, .login input:-webkit-autofill:active {
    background: #000;
}

.login .jq-selectbox {
    text-align: left;
    position: static !important;
}

.login .jq-selectbox .opened .jq-selectbox__dropdown {
    z-index: 100 !important;
}

.login .jq-selectbox__select {
    height: 39px;
    z-index: 0;
    line-height: 19px;
    padding: 9px 25px 9px 32px;
    font-weight: 700;
    background: #000;
    color: #fff;
    font-size: 14px;
    border: 1px solid rgba(255, 255, 255, 0.5);
}

.login .jq-selectbox__dropdown {
    top: 39px !important;
    background: #000;
    z-index: 1000;
}

.login .jq-selectbox li {
    line-height: 19px;
    padding-left: 32px;
}

.login .form_row .jq-selectbox__select {
    font-size: 14px;
    text-shadow: none;
}

.login .form_row .jq-selectbox__trigger-arrow {
    top: 14px;
    right: 14px;
}

.login .jq-selectbox.opened .jq-selectbox__trigger-arrow {
    top: 13px;
}

.login_form {
    margin-top: 15px;
}

.login_form .login_sm {
    width: 230px;
    margin-left: auto;
    margin-right: auto;
}

.login_forgot {
    font-size: 12px;
    margin: 25px 0 23px;
}

.login_forgot a {
    color: currentColor;
    line-height: 1;
    text-decoration: underline;
}

.login_forgot a:hover {
    text-decoration: none;
}

.login_priv {
    font-size: 12px;
    font-weight: 300;
    margin: 23px 0 14px;
    line-height: 16px;
}

.login_priv a {
    color: currentColor;
    line-height: 1;
    font-weight: 500;
    text-decoration: underline;
    display: inline-block;
}

.login_priv a:hover {
    text-decoration: none;
}

.login_center {
    max-width: 370px;
    margin: 0 auto;
}

.login_center .login_btns {
    margin-right: -10px;
    margin-left: -10px;
    margin-top: 30px;
}

.login_mess {
    max-width: 322px;
    padding: 11px 18px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    font-weight: 700;
    font-size: 16px;
    margin: 11px auto 20px;
    line-height: 1.2;
}

.login_check {
    font-size: 12px;
    font-weight: 300;
    margin-top: 17px;
}

.login_sm {
    font-size: 14px;
    font-weight: 300;
    margin: 2px 0 0px;
}

.login_sm p {
    padding: 0px 0 31px;
}

.login_sm p:last-child {
    padding: 0px 0 9px;
}

.login_sm a {
    color: currentColor;
    line-height: 1;
    font-weight: 500;
    text-decoration: underline;
    display: inline-block;
}

.login_sm a:hover {
    text-decoration: none;
}

.login .form_row {
    width: 221px;
    margin: 0 auto 15px;
}

.login .reg_check {
    line-height: 16px;
    text-align: left;
    margin: 24px -11px 18px 0;
    font-size: 12px;
    font-weight: 300;
}

.login .reg_check a {
    display: block;
    text-align: center;
    font-weight: 700;
}

.login .reg_check .checks_item_txt {
    padding: 0px 0px 0px 29px;
}

.login .form_label {
    margin-bottom: 8px;
    font-size: 12px;
    text-align: left;
}

.login_capt {
    margin-bottom: 13px;
}

.login .login_right .btn {
    margin: 0;
    width: 145px;
}

.login_mess + .login_sm {
    margin: 33px 0 0px;
}

/* */
.categories {
    margin: 29px 0px 0;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
}

.categories_item {
    margin: 0 8px;
    min-width: 140px;
    text-align: center;
    border: 1px solid var(--brand-color-5);
    height: 100%;
    transition: border-color .2s;
}

.categories_item:hover {
    border-color: var(--brand-color-2);
}

.categories_item.active .categories_item_title {
    font-weight: 900;
}

.categories_item a {
    color: currentColor;
}

.categories_item_img {
    position: relative;
    margin-bottom: 5px;
    padding: 25px 0 13px;
    box-sizing: content-box;
    height: 145px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.categories_item_img img {
    -webkit-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
    max-height: 100%;
    height: 94px;
}

.categories_item_title {
    font-weight: 500;
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 15px;
    padding: 0 16px;
}

.categories_item_img img {
    width: auto;
}

.categories_item1 .categories_item_img img {
    height: 100%;
}

.categories_item2 .categories_item_img img {
    height: 100%;
}

.categories_item3 .categories_item_img img {
    height: 100%;
}

.categories_item4 .categories_item_img img {
    height: 100%;
}

.categories_item5 .categories_item_img img {
    height: 100%;
}

.categories_item6 .categories_item_img img {
    height: 100%;
}

.categories .owl-stage {
    margin-right: -16px;
    padding-right: 14px;
    display: flex;
    flex-direction: row;
}

.section-catalog {
    padding-bottom: 48px;
    padding-top: 5px;
}

.section-catalog .pagehead h1 {
    padding: 20px 0 48px 0;
}

.categories.owl-carousel {
    margin: 0 -16px;
}

.section-catalog .wrapper {
    max-width: 1480px;
}

.pagehead {
    padding: 14px 0;
    text-align: center;
    position: relative;
}

.pagehead h1 {
    position: relative;
    z-index: 1;
}

.catalog_top {
    z-index: 5;
    position: relative;
    margin-bottom: 24px;
    padding: 10px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 2px solid var(--brand-color);
}

.catalog_sort {
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 30px;
}

.catalog_sort [class^="icon-"], .catalog_sort [class*=" icon-"] {
    color: var(--brand-color-2);
    font-size: 22px;
    margin: -2px -6px 0 0;
}

.catalog_sort select {
    width: 152px;
}

.catalog_sort .sort-order {
    width: 151px;
}

.catalog_sort .limiter {
    width: 161px;
    margin-left: 60px;
}

.catalog_sort .jq-selectbox__select {
    font-size: 18px;
    background: transparent;
    font-weight: 700;
    height: 30px;
    padding: 5px 20px 5px 13px;
    border: none;
}

.catalog_sort .jq-selectbox__dropdown {
    font-size: 14px;
    top: 31px !important;
    width: 182px;
}

.catalog_sort .jq-selectbox ul {
    padding: 8px 0;
}

.catalog_sort .jq-selectbox li {
    padding: 6px 9px;
}

.catalog_sort .jq-selectbox__trigger-arrow {
    top: 13px;
    right: 9px;
    width: 6px;
    height: 4px;
}

.catalog_sort .jq-selectbox.opened .jq-selectbox__trigger-arrow {
    top: 12px;
}

.catalog_tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px 0px 0 61px;
}

.catalog_tabs li {
    list-style: none;
    margin-left: 6px;
}

.catalog_tabs li a {
    color: #6E6E6E;
    font-size: 18px;
    width: 26px;
    height: 30px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.catalog_tabs li.active a span:before,
.catalog_tabs li a:hover span:before {
    color: var(--brand-color-2);
}

.catalog_cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.catalog_sidebar {
    min-width: 330px;
    width: 330px;
    margin-bottom: 20px;
    margin-right: 20px;
}

/* ======== */

@media (max-width: 1023px) {
    .filters-open bwchat#bwc-wrap #bwc-widget-action.bwc-mobile {
        bottom: 68px !important;
    }
}

.section-catalog .catalog_sidebar_bot {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 32px;
    z-index: 2;
    border-top: 1px solid #D0D0D0;
    background-color: #F9F9F9;
}

.section-catalog .catalog_sidebar_bot span {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: #000;
}

.section-catalog .catalog_sidebar_bot .btn {
    width: 120px;
    height: 40px;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

@media (min-width: 1024px) {
    .section-catalog .catalog_sidebar_bot {
        display: none;
    }
}

.section-catalog .catalog_sidebar .catalog_sidebar_wrapper {
    margin-bottom: 20px;
    border: 2px solid var(--brand-color-5);
}

.section-catalog .catalog_sidebar .catalog_sidebar_wrapper.checked_filters {
    padding: 30px;
    padding-bottom: 28px;
}

.checked_filters_list {
    margin-bottom: 15px;
    padding-bottom: 13px;
    border-bottom: 1px solid #D0D0D0;
}

.checked_filters_item {
    display: flex;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: #B3B3B4;
    transition: ease 0.3s;
    cursor: pointer;
}

.checked_filters_item.checked_filters_item_clear {
    color: #B60E0C;
}

.checked_filters_item:hover {
    color: #000;
}

.checked_filters_item svg {
    flex-shrink: 0;
}

.checked_filters_item:hover rect,
.checked_filters_item:hover path {
    transition: ease 0.3s;
}

.checked_filters_item:hover svg rect,
.checked_filters_item:hover svg path {
    stroke: #000;
}

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

.checked_filters_item svg {
    margin-right: 8px;
}

.checks_item {
    position: relative;
}

.checks_item .checks_item_label,
.range_slider .checks_item_label {
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0;
    pointer-events: none;
    z-index: 100;
}

@media (max-width: 1024px) {
    .checks_item .checks_item_label,
    .range_slider .checks_item_label {
        display: none;
    }
}

.checks_item.filter-tooltip .checks_item_label,
.range_slider .checks_item_label {
    left: calc(100% + 30px);
    opacity: 1;
    pointer-events: all;
    transition: ease 0.3s;
}

.checks_item .checks_item_label_inner,
.range_slider .checks_item_label_inner {
    position: relative;
    width: 120px;
    background-color: #F9F9F9;
    border: 1px solid #D0D0D0;
    border-radius: 4px;
    padding: 12px 11px 14px 11px;
}

.checks_item .checks_item_label_inner:before,
.range_slider .checks_item_label_inner:before {
    content: "";
    display: block;
    position: absolute;
    right: calc(100% - 7px);
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    width: 14px;
    height: 14px;
    border-top: 1px solid #D0D0D0;
    border-left: 1px solid #D0D0D0;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background-color: #F9F9F9;

}

.checks_item .checks_item_label_total,
.range_slider .checks_item_label_total {
    display: block;
    margin-bottom: 8px;
    text-align: center;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    color: #000;
}

.checks_item .checks_item_label_inner .checks_item_label_btn,
.range_slider .checks_item_label_inner .checks_item_label_btn {
    height: 30px;
    width: 100%;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;

}

/* ============ */

.catalog_sidebar_opener {
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    height: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.catalog_sidebar_opener .icon-filter {
    margin: -2px 6px 0 1px;
}

.catalog_sidebar_opener .icon-filter path {
    fill: var(--brand-color-2);
}

.catalog_sidebar_opener .icon-filter svg {
    width: 18px;
    height: 18px;
}

.catalog_sidebar_opener .icon-corn {
    font-size: 6px;
    margin-left: 10px;
}

.catalog_sidebar_opener.open .icon-corn {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.catalog_sidebar:not(.open) {
    margin: 0;
    position: absolute;
    left: 0;
    top: -9999px;
}

.catalog_sidebar:not(.open) + .catalog_content .tovs-cols .tovs_item {
    width: 25%;
}

.catalog_content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.filters_item:not(:last-child) {
    border-bottom: 2px solid var(--brand-color-5);
}

.filters_item_opener {
    padding: 18px 29px;
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    font-size: 20px;
}

.filters_item.open .filters_item_opener {
    padding-bottom: 12px;
}

.filters_item_opener [class^="icon-"], .filters_item_opener [class*=" icon-"] {
    font-size: 10px;
    margin-left: 10px;
    margin-top: 5px;
    color: var(--brand-color-2);
}

.filters_item_drop {
    padding: 0 28px 7px;
}

.filters_item:not(.open) .filters_item_drop {
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
}

.filters_item.open .filters_item_opener [class^="icon-"], .filters_item.open .filters_item_opener [class*=" icon-"] {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

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

.range_inp .form-control {
    background-color: var(--brand-color);
    border-color: var(--brand-color);
    font-weight: 500;
    font-size: 20px;
    width: 93px;
    height: 34px;
    padding: 0;
    text-align: center;
}

.range_beet {
    text-align: center;
    width: 18px;
    font-size: 16px;
    font-weight: 900;
}

.range_slider {
    margin: 25px 9px 15px 9px;
    max-width: 257px;
}

@media (max-width: 1023px) {
    .section-catalog .catalog_sidebar .catalog_sidebar_wrapper.checked_filters {
        margin-left: 30px;
        width: calc(100% - 60px);
        padding: 20px;
    }

    .section-catalog .catalog_sidebar .catalog_sidebar_wrapper {
        padding-bottom: 0;
        margin: 0;
    }

    .filters_item_opener {
        font-size: 16px;
        line-height: 36px;
        padding: 2px 18px;
    }

    .filters_item.open .filters_item_opener {
        padding-bottom: 0;
    }

    .filters_item_drop {
        padding: 0 18px 7px;
    }

    .noUi-horizontal .noUi-handle {
        width: 14px;
        height: 14px;
    }

    .noUi-horizontal {
        height: 4px;
        margin: 25px 9px 20px 3px;
    }

    .noUi-horizontal .noUi-handle:before {
        top: 3px;
        left: 3px;
        width: 8px;
        height: 8px;
    }

    .filters_item_opener [class^="icon-"], .filters_item_opener [class*=" icon-"] {
        font-size: 7px;
        margin-left: 3px;
        margin-top: 1px;
    }

    .range_inp .form-control {
        font-size: 14px;
        width: 74px;
        height: 28px;
    }
}

.more {
    text-align: center;
    margin: 33px 0px 45px;
}

.more a {
    font-size: 20px;
    font-weight: 500;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
}

.more a [class^="icon-"], .more a [class*=" icon-"] {
    font-size: 38px;
    color: var(--brand-color-2);
    margin-right: 18px;
    transition: all 0.3s linear;
}

.more a:hover {
    color: var(--brand-color-2);
}

.pagenavi {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -9px 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pagenavi > span, .pagenavi a {
    margin: 0 10px 18px;
    position: relative;
    color: var(--brand-color-2);
    width: 48px;
    font-weight: 500;
    border: 2px solid var(--brand-color);
    background-color: var(--brand-color);
    text-align: center;
    font-size: 20px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pagenavi .current {
    color: var(--brand-color);
    background-color: var(--brand-color-2);
    border-color: var(--brand-color-2);
    position: relative;
}

.pagenavi .prev,
.pagenavi .next {
    color: var(--brand-color-2);
    background: transparent;
    border-color: var(--brand-color-2);
}

.pagenavi .prev span, .pagenavi .next span {
    display: inline-block;
    vertical-align: middle;
}

.pagenavi .prev {
    margin-right: 30px;
}

.pagenavi .next {
    margin-left: 30px;
}

.pagenavi .disabled {
    opacity: .3;
}

.pagenavi a:hover {
    color:var(--brand-color);
    background-color: var(--brand-color-2);
    border-color: var(--brand-color-2);
}

.pagenavi a:hover svg path {
    stroke: var(--brand-color);
}

/* */
.tovs_thead {
    padding: 11px 0 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: 900;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: none;
}

.tovs_thead_preview {
    min-width: 155px;
    width: 155px;
    margin-right: 6%;
}

.tovs_thead_title {
    width: 18%;
    margin-right: 3.6%;
    min-width: 18%;
}

.tovs_thead_info {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-left: 13px;
}

.tovs_thead_right {
    min-width: 92px;
    margin-left: 6.4%;
}

.tovs-cols .tovs_item_col .tovs_item_right {
    display: none;
}

.tovs-rows {
    margin-bottom: 21px;
}

.tovs-rows .tovs_item_bord > .tovs_item_right {
    display: none;
}

.tovs-rows .tovs_item_title {
    margin-bottom: 20px;
}

@media (max-width: 767px) {
    .tovs-rows .tovs_item_price {
        text-align: center;
        display: block;
    }
}

.tovs-cols .tovs_item_col .tovs_item_price {
    display: none;
}

@media (min-width: 768px) {
    .tovs-rows .tovs_item_col .tovs_item_right {
        flex-direction: column;
        gap: 10px;
        align-items: flex-start;
    }

    .tovs-rows .tovs_item_price {
        margin-bottom: 20px;
    }

    .tovs-rows .tovs_item_right > .tovs_item_price {
        margin-bottom: 10px;
    }

    .tovs-rows .tovs_item_col {
        margin-bottom: 30px;
    }
}

.tovs-rows .tovs_item {
    border: 2px solid var(--brand-color-5);
    padding: 50px 0 47px 20px;
    margin-bottom: -1px;
}

.tovs-rows .tovs_item_bord {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.tovs-rows .tovs_item_preview {
    margin-right: 4%;
    margin-left: 3%;
    width: 167px;
}

.tovs-rows .tovs_item_thumbs {
    top: 25px;
    margin-left: 6%;
    left: 155px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.tovs-rows .tovs_item_col {
    width: 22%;
    margin-right: 5.6%;
}

.tovs-rows .tovs_item_info {
    width: 51%;
}

.tovs_item_table {
    display: flex;
    flex-flow: wrap;
    justify-content: space-between;
    margin-right: -1px;
    padding-top: 15px;
}

.tovs_item_table .item {
    border: 1px solid var(--brand-color-5);
    width: calc(50% - 5px);
    font-size: 14px;
    line-height: 14px;
    padding: 6px 14px;
}

.tovs_item_table .item .value {
    font-weight: 500;
    margin-top: 9px;
}

.tovs-cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -13px;
}

.tovs-cols .tovs_item {
    width: 33.33%;
    margin-bottom: 7px;
}

.tovs-cols .tovs_item_bord {
    background: #fff;
    margin: 0 0px 0 0px;
    padding: 11px 11px 16px;
    border: 2px solid transparent;
}

.tovs-cols .tovs_item:hover {
    z-index: 4;
}

.tovs-cols .tovs_item:hover .tovs_item_bord {
    border-color: var(--brand-color-2);
}

.tovs-cols .tovs_item_thumbs {
    top: 14px;
    left: 15px;
}

.tovs-cols .tovs_item_info {
    display: none;
}

.tovs-cols .tovs_item_fav {
    font-size: 24px;
    right: 0;
    top: 0;
}

.tovs-cols .tovs_item_preview {
    position: relative;
    padding-bottom: 57.5%;
    overflow: hidden;
}

.tovs-cols .tovs_item_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 95%;
    text-align: center;
}

.tovs-cols .tovs_item_title {
    text-align: center;
    height: 53px;
    overflow: hidden;
}

.tovs-cols .tovs_item_label {
    left: 12px;
    bottom: 92px;
    position: absolute;
}

.tovs-cols .tovs_item_360 {
    left: 12px;
    bottom: 88px;
    position: absolute;
}

.tovs-cols .tovs_thead {
    display: none;
}

.tovs_item {
    position: relative;
}

.tovs_item .cover-link {
    z-index: 1;
}

.tovs_item_preview {
    min-width: 155px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tovs_item_preview img {
    max-height: 100%;
}

.tovs_item_img {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tovs_item_img a {
    display: block !important;
    height: 100%;
}

.tovs_item_img a img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: top;
}

.tovs_item_thumbs {
    position: absolute;
    list-style: none;
    z-index: 2;
}

.tovs_item_thumbs li {
    margin-bottom: 8px;
    margin-right: 8px;
}

.tovs_item_thumbs li a {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #fff;
    background: #fff;
    width: 47px;
    height: 47px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
}

.tovs_item_thumbs li a img {
    max-height: 83%;
    max-width: 83%;
}

.tovs_item_thumbs li.active a {
    border: 1px solid #ababab;
}

.tovs_item_fav {
    z-index: 2;
    -webkit-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
    transition: color 0.3s linear;
    font-size: 25px;
    color: #000;
    position: absolute;
    top: -6px;
    right: -24px;
    line-height: 0;
    display: none;
}

.tovs_item_fav:before {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background: url(../svg/heart-full.svg) no-repeat center top;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}

.tovs_item_fav span {
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.tovs_item_fav:hover:before, .tovs_item_fav.active:before {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.tovs_item_fav:hover span, .tovs_item_fav.active span {
    opacity: 0;
}

.tovs_item_title {
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
}

.tovs_item_price {
    font-size: 24px;
    line-height: 25px;
    font-weight: 700;
    color: var(--brand-color-2);
}

.tovs_item_right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
    align-items: center;
    margin-bottom: 15px;
}

.tovs_item_right .btn {
    height: 40px;
}

.tovs_item_price_cur {
    white-space: nowrap;
    padding: 0 3px;
}

.tovs_item_price_old {
    padding: 0 3px;
    display: inline-block;
}

.tovs_item_label {
    line-height: 27px;
    padding: 0 10px;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 700;
    font-size: 16px;
}

.tovs_item_label-1 {
    color: #fff;
    background: rgba(182, 14, 12, 0.5);
}

.tovs_item_label-2 {
    color: #fff;
    background: #969696;
}

.tovs-cols .tovs_item_label + .tovs_item_360 {
    left: 85px;
}

.checks-square .checks_item {
    line-height: 20px;
    margin-bottom: 11px;
    margin-top: 4px;
}

.checks-square .checks_item:last-child {
    margin-bottom: 0px;
}

.checks-square .checks_item_txt {
    padding: 0px 0px 0px 25px;
    min-height: 15px;
}

.checks-square .checks_item_txt:before {
    width: 12px;
    height: 12px;
    border-radius: 0;
    border: none;
    background-color: var(--brand-color);
}

.checks-square .checks_item_txt:after {
    width: 6px;
    height: 6px;
    top: 7px;
    left: 3px;
    background: var(--brand-color-2);
}

.wrapper-sm {
    max-width: 1436px;
}

.wrapper-mini {
    padding: 0 30px;
    max-width: 1330px;
}

.catalog_sidebar_title, .catalog_sidebar_close {
    display: none;
}

/* */
.section-product {
    padding: 70px 0 168px;
}

.section-product .breadcrumbs {
    margin-top: 0;
    margin-bottom: 20px;
}

.section-product .wrapper {
    max-width: 1294px;
}

.breadcrumbs {
    font-size: 14px;
    color: #6E6E6E;
    margin: 48px 0 12px;
}

.breadcrumbs a {
    color: #000000;
    display: inline-block;
    margin: 0 3px;
}

.breadcrumbs span {
    display: inline-block;
    margin: 0 3px;
}

.tabs {
    margin: 21px -20px 26px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tabs li {
    list-style: none;
    margin-right: 20px;
    min-width: 18.4%;
}

.tabs li a {
    color: #000000;
    font-size: 20px;
    font-weight: 700;
    border-bottom: 2px solid transparent;
    padding: 5px 27px;
}

.tabs li a:hover {
    color: var(--brand-color-2);
}

.tabs li.active a {
    border-color: var(--brand-color-2);
    color: var(--brand-color-2);
}

.hide-tab {
    display: none;
}

.product {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    position: relative;
}

.product_right {
    min-width: 600px;
    width: 600px;
    margin-left: 61px;
}

.product_left {
    padding-top: 93px;
    width: -webkit-calc(100% - 623px);
    width: calc(100% - 623px);
    margin-top: 33px;
}

.product_left:before {
    content: '';
    display: block;
    padding-bottom: 86%;
}

.product_top {
    margin-bottom: 11px;
    margin-left: -7px;
}

.product .nicearr {
    pointer-events: none;
    width: 34px;
    margin: 1px 0 0 2px;
}

.product h1 {
    text-align: left;
    font-size: 46px;
    line-height: 55px;
    padding-bottom: 0;
}

.product_title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: -16px;
    align-items: flex-start;
    margin-bottom: 10px;
}

.product_title .product_soh {
    margin-right: 16px;
    margin-top: 8px;
    white-space: nowrap;
}

.product_soh {
    font-weight: 300;
    display: inline-block;
    color: #808080;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    padding: 5px 10px;
    line-height: 22px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}

.product_soh b {
    font-weight: 700;
    color: #000;
    margin-left: 1px;
    display: inline-block;
}

.product_price .tovs_item_price,
.product_price .tovs_item_price_cur {
    font-size: 40px;
    line-height: 25px;
    font-weight: 700;
    white-space: nowrap;
}

.product_price_old {
    white-space: nowrap;
    margin-bottom: 6px;
    padding: 0 3px;
    position: relative;
    display: inline-block;
}

.product_price_old:before {
    margin-top: -2px;
    content: '';
    left: 0;
    right: 0;
    height: 1px;
    background: #c13b3a;
    top: 50%;
    position: absolute;
}

.product_options {
    margin: 0 0 28px -10px;
}

.product_options form .btn {
    width: calc(42% - 3px);
}

@media (max-width: 1299px) {
    .product_options form .btn {
        width: calc(42% - 9px);
    }
}

@media (max-width: 1023px) {
    .product_options form .btn {
        width: auto;
    }
}

@media (max-width: 580px) {
    .product_options form .btn.one-click {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
    }
}

.product_options_item {
    border-top: 1px solid #b3b3b3;
    padding: 5px 0;
}

.product_options_item:first-child {
    border-top: none;
}

.product_options_label {
    margin-bottom: 22px;
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 20px;
    line-height: 32px;
}

.product_options_label [class^="icon-"], .product_options_label [class*=" icon-"] {
    font-size: 32px;
    margin-right: 13px;
    color: var(--brand-color-2);
}

.product_options_label a {
    margin-bottom: -3px;
    text-decoration: underline;
    font-size: 12px;
    font-weight: 300;
    margin-left: auto;
}

.product_options .radios-images {
    margin-left: 3px;
    overflow: auto;
}

.product_info {
    line-height: 1.4;
}

.product_info table {
    line-height: 16px;
    width: 100%;
    margin-bottom: 12px;
    border: 1px solid var(--brand-color-5);
}

.product_info table th,
.product_info table td {
    font-size: 18px;
    line-height: 20px;
    border-bottom: 1px solid var(--brand-color-5);
    color: #000000;
    padding: 12px 31px 13px;
    vertical-align: top;
}

.product_info table th {
    font-weight: 400;
    width: 43.4%;
}

.product_info table td {
    font-weight: 500;
}

.product_delivery {
    padding-bottom: 3px;
}

.product_delivery .radios_item {
    margin: 18px 0;
}

.product_delivery .radios_item label {
    margin-left: 9px;
    font-size: 16px;
}

.product_delivery .radios_item_txt {
    padding: 0px 0 0px 18px;
    font-weight: 300;
}

/*====*/

.product_delivery .radios_item-bg .radios_item_txt {
    /*background-color: red;*/
    display: flex;
    align-items: center;
    min-height: 21px;
}

.product_delivery .radios_item-bg .radios_item_txt .icon-point {
    margin: 0 3px -3px 2px;
    padding-top: 2px;
}

.product_delivery .radios_item-bg .radios_item_txt b {
    margin-right: 5px;
}

.product_delivery .radios_item-bg .radios_item_txt a {
    padding: 0;
    padding-right: 15px;
}

@media (max-width: 1279px) {
    .product_delivery .radios_item-bg .radios_item_txt .icon-point {
        margin-left: -9px;
    }

    .product_delivery .radios_item-bg .radios_item_txt a {
        padding: 0;
        padding-right: 15px;
    }
}

@media (max-width: 1023px) {
    .product_delivery .radios_item-bg .radios_item_txt .icon-point {
        margin-left: -23px;
    }

    .product_delivery .radios_item-bg .radios_item_txt a {
        padding: 0;
        padding-right: 27px;
    }
}

@media (max-width: 859px) {
    .product_delivery .radios_item-bg .radios_item_txt .icon-point {
        margin-left: -6px;
    }
}

@media (max-width: 599px) {
    .product_delivery .radios_item-bg .radios_item_txt {
        flex-wrap: wrap;
        gap: 5px 0;
    }
}

@media (max-width: 414px) {
    .product_delivery .radios_item-bg .radios_item_txt a {
        padding-right: 15px;
    }
}

@media (max-width: 367px) {
    .product_delivery .radios_item-bg .radios_item_txt a {
        padding-right: 5px;
    }
}

@media (max-width: 359px) {
    .product_delivery .radios_item-bg .radios_item_txt a {
        padding-right: 15px;
    }
}

.section-cart .product_delivery .radios_item-bg .radios_item_txt {
    flex-wrap: wrap;
    row-gap: 5px;
}


/*====*/

.product_delivery .radios_item_txt:before {
    left: -9px;
}

.product_delivery .radios_item_txt:after {
    left: -4px;
}

.product_delivery span {
    vertical-align: middle;
    display: inline-block;
}

.product_delivery .radios_item-bg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.product_delivery .radios_item-bg label {
    font-size: 14px;
    background: #f9f9f9;
    padding: 17px 10px 19px 0;
    display: inline-block;
    margin-bottom: 4px;
    width: 100%;
}

.product_delivery .radios_item-bg label b {
    margin-left: 4px;
}

.product_delivery .radios_item-bg .product_soh {
    margin-bottom: 4px;
    margin-left: 14px;
    min-width: 15.505%;
    text-align: center;
}

.product_delivery .radios_item-bg .product_soh b {
    display: block;
}

.product_delivery .icon-home {
    font-size: 21px;
    margin: -3px 4px 0 3px;
}

.product_delivery .icon-point {
    margin: 0 -3px -3px 2px;
    font-size: 11px;
}

.product_delivery a {
    text-decoration: underline;
}

.product_addr {
    margin: 9px 0 13px;
}

.product_addr .product_options_label [class^="icon-"], .product_addr .product_options_label [class*=" icon-"] {
    font-size: 18px;
    width: 21px;
}

.product_addr_inp {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 18px;
}

.product_addr_inp .tooltip {
    flex-shrink: 0;
}

.product_addr_inp .form-control {
    width: 265px;
    padding: 8px 12px 10px;
    margin-right: 6px;
    font-size: 14px;
}

@media (max-width: 359px) {
    .product_addr_inp .form-control {
        width: 248px;
    }
}

@media (max-width: 345px) {
    .product_addr_inp .form-control {
        width: 230px;
    }

    .product_options .product_addr_inp .tooltip {
        position: relative;
        z-index: 1;
        margin-left: 3px;
    }
}


.product_addr_inp .form-control::-webkit-input-placeholder {
    color: #808080;
}

.product_addr_inp .form-control:-moz-placeholder {
    color: #808080;
}

.product_addr_inp .form-control::-moz-placeholder {
    color: #808080;
}

.product_addr_inp .form-control:-ms-input-placeholder {
    color: #808080;
}

.product_addr_inp.hidden {
    display: none;
}

.product_addr_selected {
    font-weight: 300;
    margin: 19px 0 26px 28px;
}

.product_addr_selected a {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    padding: 0 3px;
    margin-top: -1px;
}

.product .btn {
    height: 42px;
    width: fit-content;
    padding: 0 15px;
    padding-left: 25px;
    font-size: 14px;
    text-transform: none;
}

.product .btn span {
    margin-right: 8px;
    margin-left: -11px;
    font-size: 17px;
}

.product .btn-shifted {
    margin-left: 27px;
    margin-bottom: 11px;
}

.product_slider {
    margin: 38px -20px 50px;
    max-width: 645px;
}

.product_slider .slick-arrow {
    background: transparent;
    font-size: 0;
    margin-top: -60px;
}

.product_slider .slick-arrow:before {
    display: none;
}

.product_slider .slick-arrow:after {
    right: 17px;
    top: 12px;
    width: 16px;
    height: 28px;
    background: url(../img/arr-right.png) no-repeat center !important;
    transform: scale(1);
    opacity: 1;
}

.product_slider .slick-prev {
    left: -24px;
}

.product_slider .slick-next {
    right: -24px;
}

.product_slider_item {
    padding: 0 20px;
}

.product_slider .tovs_item_price {
    margin-right: -10px;
    margin-top: 10px;
    margin-left: -6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.product_slider .tovs_item_price > div {
    margin-right: 6px;
}

.product_slider .tovs_item_label {
    bottom: 68px;
    position: absolute;
    left: 0;
}

.product_slider .tovs_item_preview {
    margin-bottom: 16px;
    height: 183px;
}

.product_left h4 {
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
}

.product_left .tovs_item_title {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
}

.product_fav {
    position: absolute;
    font-size: 24px;
    top: -1px;
    right: -29px;
}

.product_gallery .slick-arrow {
    background-color: transparent;
    width: 55px;
    height: 55px;
}

.product_gallery .slick-next {
    right: 12px;
}

.product_gallery .slick-prev {
    left: -12px;
}

.product_gallery .slick-arrow:before {
    left: 0px;
    top: 27px;
    width: 55px;
    height: 3px;
}

.product_gallery .slick-arrow .icon-arrow-h {
    top: 32px;
    background: transparent !important;
}

.product_gallery .icon-arrow-h:before,
.product_gallery .icon-arrow-h:after {
    height: 3px;
    width: 17px;
    right: 2px;
}

.product_gallery_wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: -webkit-calc(100% - 673px);
    width: calc(100% - 673px);
}

.product_gallery_nav {
    margin: -5px 0 0;
}

.product_more {
    padding: 0 27px;
}

.product_gallery_nav .product_gallery_slide {
    margin: 5px;
}

.product_gallery_nav .slick-track {
    margin: 0;
}

.product_gallery_slide {
    position: relative;
}

.product_gallery_slide:before {
    content: '';
    display: block;
    padding-bottom: 87.2%;
}

.product_gallery_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.product_gallery_img img {
    object-fit: contain;
    max-height: 100%;
}

.product_gallery_img.cover img {
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.product_size {
    margin-bottom: 33px;
    margin-left: -6px;
}

.product_size .product_options_label [class^="icon-"], .product_size .product_options_label [class*=" icon-"] {
    font-size: 26px;
}

.product .slick-dots {
    bottom: -16px;
}

.product_shipping .radios_item {
    margin-bottom: 11px;
}

.product_totals {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 26px -20px 0 27px;
}

.product_totals_item {
    margin: 0 20px 12px 0;
    min-width: 28.5%;
}

@media (max-width: 599px) {
    .product_totals_item {
        margin: 0 0 12px 0;
        min-width: 28.5%;
    }
}

.product_totals_label {
    font-weight: 300;
    margin-bottom: 3px;
}

.product_totals_val {
    font-weight: 700;
    font-size: 16px;
}

.product_totals .product_price {
    font-size: 16px;
    line-height: 1;
    margin-top: -2px;
}

.product_totals .product_price b {
    font-size: 22px;
}

.product_totals .product_price span {
    font-size: 20px;
    margin-right: 7px;
}

.product .radios_item-bg .radios_item_txt {
    font-size: 14px;
}

.radios_item-bg .icon-home {
    vertical-align: middle;
    display: inline-block;
    font-size: 21px;
    margin: -3px 4px 0 3px;
}

.radios_item-bg .icon-point {
    vertical-align: middle;
    display: inline-block;
    margin: 0 -3px -3px 2px;
    font-size: 11px;
}

.radios_item-bg a {
    text-decoration: underline;
}

.product_addr_selected + .product_delivery {
    margin: -12px 0 -4px;
}

.sizes {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: -31px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 5px;
}

.sizes_item {
    margin-right: 31px;
    margin-bottom: 20px;
    margin-top: 2px;
    min-width: 69px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sizes_item_img {
    height: 40px;
    margin-right: 7px;
}

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

.help img, .help-info img {
    width: 19px;
}

.c-or {
    color: #f15a24;
}

.c-red {
    color: #b60e0c;
}

.c-green {
    color: #39b54a;
}

/* */
.section-personal {
    padding: 30px 0 2px;
    max-width: 1650px;
    margin: 0 auto;
    overflow: hidden;
}

.section-personal .wrapper-sm {
    max-width: 1408px;
}

.personal_cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 35px 0 0;
}

.personal_cols .tovs-cols .tovs_item_bord {
    max-width: 280px;
}

.personal_cols .tovs-cols .tovs_item_preview {
    padding-bottom: 84.5%;
    margin-bottom: 16px;
}

.personal_sidebar {
    min-width: 263px;
    width: 263px;
    padding-right: 20px;
    margin-bottom: 30px;
}

.personal_content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.personal_content .form_block:not(:last-child):before {
    right: -500px;
}

.personal_nav li {
    list-style: none;
    margin: 11px 0 31px;
}

.personal_nav li a {
    font-weight: 500;
    color: #000000;
    font-size: 16px;
    line-height: 1;
    height: 32px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.personal_nav li a:hover {
    color: #b30e0c;
}

.personal_nav li a [class^="icon-"], .personal_nav li a [class*=" icon-"] {
    width: 26px;
    margin-right: 12px;
    min-width: 26px;
    font-size: 26px;
}

.personal_nav li.active a {
    font-weight: 900;
    color: #b30e0c;
}

.pagehead.pagehead-sm {
    padding: 2px 0;
}

.pagehead.pagehead-sm h1 {
    font-size: 30px;
}

.pagehead.pagehead-sm:before {
    -webkit-background-size: 68px 68px;
    background-size: 68px;
    height: 59px;
}

.switcher {
    position: relative;
    margin: 16px 0 30px;
}

.switcher input[type=checkbox] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
}

.switcher label {
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.switcher_switch {
    height: 53px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 53px;
    -ms-flex: 0 0 53px;
    flex: 0 0 53px;
    height: 27px;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    -webkit-transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: background-color 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    background: #f2f2f2;
    border: 1px solid #ececec;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    position: relative;
}

.switcher_switch:after {
    top: 1px;
    left: 1px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
    width: 23px;
    height: 23px;
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    -o-transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    transition: transform 0.3s cubic-bezier(0.86, 0, 0.07, 1), -webkit-transform 0.3s cubic-bezier(0.86, 0, 0.07, 1);
    content: '';
    position: absolute;
    z-index: 5;
    text-transform: uppercase;
    text-align: center;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    background: #f6f6f6;
    border: 5px solid #cccccc;
}

.switcher_label_txt {
    padding-left: 18px;
    line-height: 1;
}

.switcher input[type=checkbox]:checked ~ label .switcher_switch:after {
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
    background-image: -webkit-linear-gradient(0deg, #b20e0c 0%, #8b0e0c 100%);
    background-image: -ms-linear-gradient(0deg, #b20e0c 0%, #8b0e0c 100%);
}

.paycards_wrap {
    margin: 4px 0 40px 0px;
}

.paycards_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 25px;
}

.paycards_item_img {
    min-width: 38px;
    margin-left: 5px;
    text-align: center;
    width: 38px;
    margin-right: 12px;
}

.paycards_item_img img {
    max-height: 25px;
}

.paycards_item_num {
    line-height: 20px;
    text-transform: uppercase;
    color: #808080;
    margin-right: 32px;
    font-size: 16px;
    word-spacing: 2px;
}

.paycards_item_num b {
    font-weight: bold;
    color: #000;
}

.paycards_item_remove {
    width: 18px;
    height: 18px;
    border: 1px solid #000;
    font-size: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    line-height: 0;
}

/* */
.price {
    font-size: 13px;
    font-weight: 700;
}

.price span {
    font-weight: 300;
    font-size: 16px;
    margin-right: 2px;
}

.price b {
    font-weight: 900;
    font-size: 18px;
}

.status {
    text-transform: uppercase;
    font-size: 14px;
}

.status.c-red {
    color: #ff0000;
}

.section-personal-orders {
    overflow: visible;
}

.order_table {
    margin: 0 0px 55px -15px;
}

.order_table_thead {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 17px 15px;
    font-weight: 300;
    text-transform: uppercase;
    font-size: 12px;
}

.order_table_tr {
    padding: 0px 17px 0;
    border: 1px solid transparent;
    margin-bottom: 8px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.order_table_tr.open {
    background: #ffffff;
    margin-bottom: 11px;
    border-color: #dadada;
    -webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.06);
}

.order_table_tr.open .order_table_drop {
    display: block;
}

.order_table_tr.open .order_table_opener:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.order_table_tr_top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    padding: 18px 0 19px;
}

.order_table_tr_top .price {
    font-size: 16px;
    margin-top: -5px;
}

.order_table_tr_top .price span {
    font-size: 20px;
    margin-right: 3px;
}

.order_table_tr_top .price b {
    font-size: 22px;
}

.order_table_td1 {
    min-width: 16%;
    width: 16%;
}

.order_table_td2 {
    min-width: 15.7%;
    width: 15.7%;
    white-space: nowrap;
}

.order_table_td3 {
    min-width: 20.5%;
    width: 20.5%;
}

.order_table_td4 {
    min-width: 18.7%;
    width: 18.7%;
}

.order_table_td5 {
    white-space: nowrap;
}

.order_table_td6 {
    min-width: 115px;
    width: 115px;
    white-space: nowrap;
    text-align: right;
    margin-left: auto;
}

.order_table_opener {
    font-weight: 500;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    cursor: pointer;
    padding-right: 4px;
    width: 115px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.order_table_opener:after {
    display: block;
    margin: 0 0 -2px 10px;
    content: '';
    width: 14px;
    height: 8px;
    background: url(../svg/arrow.svg) no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}

.order_table_opener:hover {
    color: #b30e0c;
}

.order_table_drop {
    display: none;
    overflow: hidden;
}

.order_table_img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0px -10px -13px 0;
}

.order_table_img img {
    max-width: 75px;
    max-height: 42px;
    margin: 0 20px 10px 0;
}

.order_table_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-top: 1px solid #eaeaea;
    padding: 24px 0;
}

.order_table_item:not(:first-child) {
    padding-top: 28px;
}

.order_table_des {
    overflow: hidden;
    padding-right: 20px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.order_table_des_item {
    font-weight: 300;
    font-size: 13px;
    color: #878787;
    text-transform: uppercase;
}

.order_table_tov {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
}

.order_table_tov_img {
    min-width: 110px;
    width: 110px;
    margin-right: 24px;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 62px;
}

.order_table_tov_img img {
    max-width: 102px;
    max-height: 60px;
}

.order_table_tov_cont {
    overflow: hidden;
}

.order_table_tov_title {
    font-weight: 500;
    font-size: 16px;
    margin-top: -1px;
    margin-bottom: 2px;
}

.order_table_tov_num {
    font-size: 14px;
}

.order_table_inform {
    padding-right: 37px;
    overflow: hidden;
    margin-bottom: -25px;
    min-width: 46.7%;
    width: 46.7%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.order_table_inform_item {
    width: 50%;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.45;
    padding-right: 15px;
    margin-bottom: 23px;
}

.order_table_inform_item p {
    padding: 0;
}

.order_table_title {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 12px;
    color: #878787;
    margin-bottom: 9px;
    line-height: 1.2;
}

.order_table_price {
    margin: 0 -1px 0 -3px;
    background: #f9f9f9;
    padding: 20px 14px 12px 23px;
    min-width: 270px;
    width: 270px;
}

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

.order_table_price_label {
    font-weight: 300;
    margin-top: 4px;
}

.order_table_price_item-bottom {
    border-top: 2px solid #cbcbcb;
    margin-top: 11px;
    padding-top: 10px;
}

.order_table_price_item-bottom .order_table_price_label {
    font-size: 700;
}

.order_table_item_bottom {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-top: 1px solid #eaeaea;
    padding: 32px 13px 35px 0px;
}

.order_table_total {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.order_table_total_label {
    font-weight: 700;
    font-size: 300;
    margin-right: 43px;
}

/* */
.section-cart {
    padding: 5px 0;
}

.section-cart .wrapper-mini {
    max-width: 1360px;
}

.product_totals-rev {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 22px -12px 6px 31px;
}

.product_totals-rev .product_totals_item:first-child {
    text-align: right;
}

.subtotal {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 13px 20px 11px 27px;
}

.subtotal_left {
    margin-bottom: 5px;
    font-size: 16px;
    font-weight: 500;
    text-shadow: 0 0;
}

.subtotal_left span {
    font-size: 12px;
    color: #808080;
    font-weight: 300;
    text-shadow: none;
}

.subtotal .help img, .subtotal .help-info img {
    width: 13px;
}

.subtotal .help, .subtotal .help-info {
    display: inline-block;
    vertical-align: top;
    line-height: 0;
}

.cart {
    margin-bottom: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1176px;
    margin-top: 29px;
}

.cart_left {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.cart_right {
    width: 459px;
    min-width: 459px;
    margin-left: 30px;
}

.cart_right .radios_item {
    white-space: unset;
}

.cart_total {
    padding: 3px 8px 10px 26px;
}

.cart_total_row {
    padding: 10px 0 11px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.cart_total_left {
    margin-top: -6px;
    text-transform: initial;
    font-weight: 500;
    font-size: 16px;
    text-shadow: 0 0;
}

.cart_total_left b {
    font-weight: 900;
    font-size: 14px;
    text-shadow: none;
}

.cart_total .help {
    width: 14px;
    height: 14px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: top;
}

.cart_btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.cart_btns .btn {
    margin: 0 8px 10px 5px;
    text-transform: initial;
    height: 42px;
    padding: 0 10px;
    font-size: 14px;
    width: 144px;
}

.cart h4 {
    padding: 0 0 17px 29px;
}

.cart .price {
    font-size: 16px;
}

.cart .price span {
    font-size: 20px;
}

.cart .price b {
    font-size: 22px;
}

.cart .product_options {
    margin: 0 0 32px;
    padding: 6px 24px 24px;
}

.cart .product_addr {
    margin: 20px 0 13px;
}

.numb {
    width: 60px;
    margin: 0px 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.numb span {
    font-size: 16px;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 16px;
    height: 20px;
    color: #b60e0c;
    font-weight: bold;
}

.numb input {
    padding: 0;
    outline: none;
    height: 20px;
    font-weight: 300;
    width: 25px;
    border: none;
    line-height: 20px;
    text-align: center;
    font-size: 16px;
    color: #000;
}

.cart_table {
    width: 100%;
}

.cart_table th {
    padding: 5px 0 13px;
    font-weight: 300;
    font-size: 12px;
}

.cart_table td {
    padding: 20px 0 19px;
}

.cart_table td.td1 {
    text-align: center;
}

.cart_table .td1 {
    width: 29.4%;
}

.cart_table_img {
    width: 168px;
    margin-right: 10px;
}

.cart_table_img img {
    max-height: 85px;
}

.cart_table .td2 {
    width: 21.2%;
}

.cart_table td.td2 {
    font-weight: 100;
    font-size: 18px;
}

.cart_table td.td2 a {
    color: #000;
}

.cart_table td.td2 a:hover {
    color: #b30e0c;
}

.cart_table .td3 {
    text-align: center;
}

.cart_table .td4 {
    width: 23.5%;
}

.cart_table .td5 {
    width: 6.5%;
}

.link-remove {
    font-size: 18px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 0;
    width: 24px;
    height: 24px;
}

/* */
.section-delivery .wrapper-sm {
    max-width: 1400px;
}

.steps {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 29px;
}

.steps_item {
    position: relative;
    height: 59px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/*.steps_item:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    z-index: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    top: 0;*/
/*    height: 100%;*/
/*    background: url(../img/h1back.png) no-repeat center;*/
/*    -webkit-background-size: auto 44px;*/
/*    background-size: auto 44px;*/
/*}*/

.steps_item.active {
    color: #000;
    font-size: 30px;
}

.steps_item.active:before {
    -webkit-background-size: auto 59px;
    background-size: auto 59px;
}

.steps_txt {
    position: relative;
    z-index: 1;
    font-weight: 700;
    font-size: 24px;
    color: #808080;
}

.steps h1 {
    padding: 0;
    font-size: 30px;
    position: relative;
    z-index: 1;
}

.steps .nicearr {
    width: 82px;
    -webkit-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    margin: 0 11px;
    pointer-events: none;
}

.checkout_cols {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.checkout_cols .price {
    font-size: 16px;
}

.checkout_cols .price span {
    font-size: 20px;
}

.checkout_cols .price b {
    font-size: 22px;
}

.checkout_left {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.checkout_left .form_shifted {
    margin-left: 27px;
}

.checkout_left .jq-selectbox {
    margin-bottom: 9px;
}

.checkout_left .form_block {
    margin-bottom: 28px;
}

.checkout_btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-left: -40px;
}

.checkout_btns .btn {
    margin: 12px 0 0 38px;
    padding: 5px;
    width: 160px;
    height: 48px;
    font-size: 16px;
}

.checkout_btns .btn:first-letter {
    text-transform: uppercase;
}

.checkout_right {
    width: 459px;
    min-width: 459px;
    margin-left: 41px;
}

.checkout_right h4 {
    padding: 0 0 17px 29px;
}

.sideord {
    margin: 0 0 32px;
    padding: 15px 24px 11px;
    -webkit-box-shadow: 0 0 26px rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 26px rgba(0, 0, 0, 0.06);
    border: 1px solid #ededed;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.tovlist {
    margin-bottom: 3px;
}

.tovlist_item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0 21px;
}

.tovlist_item_img {
    width: 165px;
    min-width: 165px;
    margin-right: 34px;
    height: 85px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tovlist_item_img img {
    max-height: 100%;
}

.tovlist_item_cont {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.tovlist_item_title {
    font-size: 18px;
    font-weight: 100;
    margin: 8px 0 3px;
}

.tovlist_item_title a {
    color: currentColor;
}

.tovlist_item_inf {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tovlist_item_num {
    font-size: 16px;
    font-weight: 300;
}

.tovlist_item .price {
    margin-right: 4px;
}

.tovlist .nicearr {
    pointer-events: none;
    width: 27px;
    margin: -1px 0 2px;
}

.tovlist_table {
    width: 100%;
}

.tovlist_table th {
    vertical-align: middle;
    font-weight: 300;
}

.tovlist_table td {
    width: 101px;
    padding-bottom: 6px;
}

.tovlist_table tr:nth-last-child(-n+2) th {
    padding-bottom: 7px;
}

.tovlist_table tr:nth-last-child(-n+2) td {
    padding-bottom: 13px;
}

.tovlist_table_tot {
    border-top: 1px solid #969696;
}

.tovlist_table_tot th {
    padding-top: 9px;
    font-weight: bold;
    text-transform: uppercase;
}

.tovlist_table_tot td {
    padding-top: 11px;
}

.tovlist_table .price {
    font-size: 13px;
    white-space: nowrap;
}

.tovlist_table .price span {
    font-size: 16px;
}

.tovlist_table .price b {
    font-size: 18px;
}

.tovlist-mult {
    margin-left: -4px;
}

.tovlist-mult .tovlist_item {
    padding: 7px 0 33px;
}

.tovlist-mult .tovlist_item:last-child {
    padding-bottom: 6px;
}

.tovlist-mult .tovlist_item_img {
    margin-right: 32px;
    height: 81px;
    width: 141px;
    min-width: 141px;
    margin-right: 34px;
}

.sideord_subtotal {
    margin: 0 -18px 0;
    background: #f9f9f9;
    padding: 14px 20px;
}

.sideord_subtotal .subtotal {
    padding: 6px 0px 7px;
}

.sideord_subtotal .subtotal:last-child {
    padding: 12px 0px 12px;
}

.sideord_subtotal .subtotal:last-child .subtotal_left b {
    text-transform: initial;
    font-size: 14px;
}

.subtotal_hr {
    height: 1px;
    background: #949494;
    margin: 9px 0 10px;
}

.deliver-radios {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 13px -20px 17px 0;
}

.deliver-radios .radios_item {
    min-width: 25.7%;
    margin: 0 20px 15px 0;
}

.deliver-radios .radios_item_txt {
    font-size: 18px;
}

.deliver-checks {
    margin: 17px 0 21px -28px;
}

.deliver-checks .checks_item_txt {
    text-shadow: 0 0;
    text-transform: uppercase;
    padding: 0px 0px 0px 28px;
}

.bg-radios {
    /*background: #f9f9f9;*/
    padding: 3px 0 3px;
    margin: 0 0 11px 0;
}

.bg-radios .radios_item {
    margin-left: -9px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.bg-radios .radios_item label {
    padding: 10px 0 10px;
}

.bg-radios .product_totals {
    margin: 24px 0 0 0;
}

.bg-radios .radios_item_txt {
    line-height: 19px;
    padding: 0px 0px 0px 32px;
}

.bg-radios .radios_item-bg {
    margin-bottom: 8px;
}

.bg-radios .radios_item-bg .radios_item_txt {
    padding: 0px 0px 0px 59px;
}

.bg-radios .radios_item-bg .icon-home {
    position: absolute;
    left: 27px;
    top: 2px;
}

.bg-radios .radios_item_sm {
    margin: 7px 0 0 0;
    max-width: 350px;
}

.bg-radios .product_totals-rev .product_totals_item:first-child {
    margin-left: 44px;
}

.bg-radios .product_totals_item {
    margin: 0 17px 0px 0;
}

.bg-radios .price {
    line-height: 1;
}

.form_row .jq-selectbox__select {
    font-size: 16px;
    text-shadow: 0 0;
}

.form_row .jq-selectbox__trigger-arrow {
    top: 19px;
    right: 14px;
    width: 14px;
    height: 8px;
    background: url(../svg/arrow.svg) no-repeat center;
    -webkit-background-size: 100% 100%;
    background-size: 100%;
}

.form_row .jq-selectbox__dropdown {
    border: 1px solid #afafaf;
    font-size: 16px;
    text-shadow: 0 0;
}

.form_row .filled .jq-selectbox__select {
    background-color: #f8f8f8;
}

.delivery_tovitem {
    margin: -4px 0 9px;
}

.delivery_tovitem .bg-radios {
    margin: 1px 0 11px 0;
    padding-top: 4px;
    padding-right: 17px;
    padding-bottom: 7px;
}

.delivery_tovitem .bg-radios .radios_item {
    min-height: 42px;
}

.delivery_tovitem .radios_item label {
    padding: 10px 0 8px;
}

.delivery_tovitem .radios_item-bg {
    margin-bottom: -3px;
}

.tovitem {
    margin: 1px 0 20px;
    -webkit-box-shadow: 0 0 24px rgba(0, 0, 0, 0.06);
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.06);
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #dcdcdc;
    height: 79px;
    padding: 0 17px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.tovitem_num {
    position: absolute;
    left: -27px;
    top: 19px;
    font-weight: 900;
    font-size: 31px;
    color: #dedede;
}

.tovitem_img {
    height: 70px;
    width: 90px;
    min-width: 90px;
    margin-right: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.tovitem_img img {
    max-height: 90%;
}

.tovitem_title {
    font-size: 16px;
    text-shadow: 0 0;
}

.tovitem_item_num {
    text-shadow: none;
}

.tovitem_tot {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.tovitem_tot .product_totals {
    margin: 0;
    display: block;
}

.tovitem_tot .price {
    line-height: 1;
}

.tovitem_tot .product_totals_item {
    margin: 0 6px 12px 3px;
}

.tovitem_tot .price {
    font-size: 16px;
}

.tovitem_tot .price span {
    font-size: 20px;
}

.tovitem_tot .price b {
    font-size: 22px;
}

.form_wid + h4 {
    margin-top: 14px;
}

.section-about {
    padding: 6px 0 98px;
}

.section-about .pagehead h1 {
    padding: 16px 0 38px 0;
}

.section-about .wrapper {
    max-width: 1480px;
}

.title-center {
    margin: 45px auto 78px;
    max-width: 600px;
}

.title-center h2 {
    font-weight: 700;
    font-size: 31px;
    line-height: 1.2;
}

.about {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.about_left {
    position: relative;
    width: 46%;
    max-width: 630px;
    position: sticky;
    top: 0;
    align-self: flex-start;
}

.about_right {
    width: 49.3%;
    padding-bottom: 6px;
}

.about_header {
    background-color: var(--brand-color-2);
    padding: 36px 30px 19px;
    text-align: center;
    margin-bottom: 44px;
}

.about_header_images {
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    gap: 14px;
    margin-bottom: 15px;
}

.about_header_images span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: 56px;
    background-color: var(--brand-color);
}

.about_header_title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: var(--brand-color);
    padding: 0 15%;
}

@media screen and (max-width: 767px) {
    .about_header {
        margin-bottom: 25px;
        padding: 20px 24px 28px;
    }

    .about_header_images span {
        width: 40px;
        height: 40px;
    }

    .about_header_images img {
        max-width: 75%;
        max-height: 75%;
    }

    .about_header_images {
        gap: 10px;
        margin-bottom: 17px;
    }

    .about_header_title {
        font-size: 22px;
        line-height: 25px;
        padding: 0;
    }

    .section-about .pagehead h1 {
        padding: 9px 0 0 0;
    }
}

.about_list {
    font-size: 18px;
    line-height: 20px;
    list-style: none;
    margin-bottom: 52px;
    text-align: justify;
}

@media screen and (min-width: 1024px) {
    .about .mishn_title {
        margin-bottom: 94px;
    }
}

.about_list p {
    padding: 0 0 20px 0;
}

.about_list ul {
    margin-bottom: 30px;
    padding-left: 20px;
}

.about_list li {
    position: relative;
    margin-bottom: 4px;
    padding-left: 3px;
    font-size: 16px !important;
}

.about_list_icon {
    position: absolute;
    z-index: 0;
    width: 54px;
    text-align: center;
    left: -23px;
    top: -8px;
}

.about_list_txt {
    position: relative;
    z-index: 2;
}

/* */
@media screen and (max-width: 1749px) {
    .section-personal {
        margin: 0 50px;
    }
}

@media screen and (max-width: 1629px) and (min-width: 1440px) {
    .cats {
        margin: 57px -50px 0;
    }

    .cats_item_img img {
        height: 160px;
    }
}

@media screen and (max-width: 1629px) {
    .welcome_right {
        padding: 0 40px;
        min-width: 550px;
        width: 550px;
    }

    .tovs_slider_img {
        margin: 0 20px 0 0;
    }
}

@media screen and (max-width: 1439px) {
    .wrapper {
        padding: 0 30px;
    }

    .piqs {
        margin: 0 -35px 3px;
        justify-content: center;
    }

    .piqs_item {
        margin: 0 10px 3px 30px;
        width: 265px;
    }

    .piqs_item:before {
        left: 44px;
    }

    .welcome_right {
        padding: 0 30px;
        min-width: 530px;
        width: 530px;
    }

    .slick-prev {
        left: 30px;
    }

    .slick-next {
        right: 30px;
    }

    .catalog_sidebar {
        min-width: 315px;
        width: 315px;
        padding: 6px 30px;
    }

    .categories_item_title {
        padding: 0 5px;
    }

    .section-personal {
        margin: 0 30px;
    }

    .section-personal .wrapper-sm {
        padding: 0;
        max-width: 1306px;
        min-width: 270px;
    }
}

@media screen and (max-width: 1339px) {
    .tovs-rows .tovs_item_fav {
        right: 0;
    }

    .tovs-rows .tovs_item_preview {
        margin-right: 20px;
    }

    .tovs_thead_right {
        margin-left: 30px;
    }

    .tovs_thead_preview {
        margin-right: 30px;
    }

    .tovs_thead_title {
        margin-right: 30px;
    }

    .order_table_tov {
        display: block;
    }

    .order_table_tov_img {
        margin: 0 0 15px;
    }
}

@media screen and (max-width: 1279px) {
    .piqs {
        margin: 0 0px 3px;
    }

    .piqs_item {
        margin: 20px 0px 20px 0px;
        width: 40%;
    }

    .welcome_right {
        min-width: 440px;
        width: 440px;
    }

    .categories_item {
        margin: 0px 10px 0px;
        min-width: 125px;
    }

    .tovs-rows .tovs_item_thumbs {
        margin-left: 20px;
    }

    .tovs_thead_preview {
        margin-right: 20px;
    }

    .tovs_thead_title {
        margin-right: 20px;
    }

    .tovs-cols .tovs_item {
        width: 50%;
    }

    .catalog_sidebar:not(.open) + .catalog_content .tovs-cols .tovs_item {
        width: 33.33%;
    }

    .catalog_sidebar {
        margin-right: 30px;
    }

    .product_right {
        min-width: 480px;
        width: 480px;
        margin-left: 30px;
    }

    .product_left {
        width: -webkit-calc(100% - 510px);
        width: calc(100% - 510px);
    }

    .product_gallery_wrap {
        width: -webkit-calc(100% - 510px);
        width: calc(100% - 510px);
    }

    .personal_sidebar {
        min-width: 230px;
        width: 230px;
        padding-right: 15px;
    }

    .order_table {
        margin: 0 -18px 55px -18px;
    }

    .order_table_td1 {
        min-width: 15%;
        width: 15%;
    }

    .order_table_td3 {
        min-width: 22.5%;
        width: 22.5%;
    }

    .order_table_td4 {
        min-width: 18%;
        width: 18%;
    }

    .order_table_td6 {
        min-width: 105px;
        width: 105px;
    }

    .order_table_inform_item {
        width: 100%;
    }

    .order_table_inform {
        padding-right: 20px;
        min-width: 37.7%;
        width: 37.7%;
    }

    .order_table_opener {
        width: 105px;
        padding-right: 0;
    }

    .order_table_img img {
        margin: 0 14px 10px 0;
    }

    .cart .product_options {
        padding: 6px 22px 24px;
    }

    .cart_right {
        width: 430px;
        min-width: 430px;
        margin-left: 25px;
    }

    .cart_table .td5 {
        width: 24px;
    }

    .tovlist_item_img, .tovlist-mult .tovlist_item_img {
        width: 145px;
        min-width: 145px;
        margin-right: 20px;
    }

    .checkout_right {
        width: 350px;
        min-width: 350px;
        margin-left: 25px;
    }

    .bg-radios {
        padding-right: 15px;
    }

    .bg-radios .radios_item {
        display: block;
    }

    .bg-radios .product_totals {
        margin: 12px 0px 20px 31px;
    }

    .bg-radios .product_totals_item {
        margin: 0 0px 0px 0;
    }

    .bg-radios .product_totals-rev .product_totals_item:first-child {
        margin-left: 0px;
    }

    .tovlist {
        margin: 0 -4px 3px -6px;
    }

    .checkout_right h4 {
        padding: 0 0 17px 20px;
    }

    .cart h4 {
        padding: 0 0 17px 20px;
    }
}

@media screen and (max-width: 1279px) and (min-width: 1024px) {
    .tovlist-mult .tovlist_item_img {
        height: 70px;
        margin-right: 20px;
        width: 120px;
        min-width: 120px;
        margin-right: 20px;
    }
}

@media screen and (max-width: 1199px) {
    .title-center {
        margin: 20px auto 54px;
    }

    .about_right {
        width: 47%;
    }

    .about_left {
        width: 49%;
    }

    .mishn_img {
        right: -16%;
    }
}

@media screen and (max-width: 1023px) {
    .wrapper {
        padding: 0 20px;
    }

    .wrapper-mini {
        padding: 0 20px;
    }

    .content {
        padding-top: 76px;
    }

    .section-info {
        padding-top: 28px;
        padding-bottom: 20px;
    }

    .info {
        display: block;
        max-width: 505px;
        margin: 0 auto;
    }

    .info_mishn {
        width: 100%;
        padding: 30px 39% 57px 40px;
        margin-bottom: 24px;
    }

    .info_subsc {
        width: 100%;
    }

    .subsc_cont {
        padding: 30px 20px 42px;
    }

    .mishn_title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 52px;
    }

    .mishn_link .btn {
        height: 36px;
        padding: 4px 17px;
    }

    .mishn_img {
        right: -18%;
    }

    .subsc_cont img {
        width: 100px;
        max-width: 100px;
    }

    .mishn_suptitle {
        margin-bottom: 10px;
    }

    .cats_item_img img {
        height: 160px;
    }

    .welcome {
        display: block;
    }

    .welcome_left {
        width: 100%;
    }

    .welcome_right {
        padding: 30px 20px 0;
        min-width: 320px;
        width: 100%;
    }

    .slick-prev {
        left: 20px;
    }

    .slick-next {
        right: 20px;
    }

    .tovs_slider_img {
        margin: 0 41px 0 0;
    }

    .img_slider_item:before {
        position: relative;
        padding-bottom: 50%;
        display: block;
    }

    .img_slider_cont {
        padding: 15px 20px;
        position: absolute;
        height: auto;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
    }

    .img_slider_item .waterblack {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 260px;
        height: 260px;
    }

    .img_slider_txt {
        padding: 0 50px;
    }

    .catalog_cols {
        position: relative;
    }

    .catalog_sidebar {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
        border: none;
        background: #fff;
        z-index: 100;
    }

    .catalog_sidebar.open {
        display: block;
    }

    .catalog_sidebar_opener .icon-corn {
        display: none;
    }

    .categories.owl-carousel {
        margin: 15px -10px 0;
        width: auto;
    }

    .categories .owl-stage {
        margin-right: 0;
        padding-right: 0;
    }

    .categories_item {
        margin: 0 12px 0;
        min-width: 60px;
    }

    .categories_item_title {
        font-size: 16px;
    }

    .categories_item_img {
        height: 100px;
    }

    .tovs-rows .tovs_item_label {
        position: absolute;
        left: 0;
        top: 15px;
    }

    .tovs-rows .tovs_item_fav {
        top: -13px;
    }

    .tovs-rows .tovs_item_thumbs {
        top: 15px;
    }

    .tovs_thead_right {
        display: none;
    }

    .tovs_thead_title {
        width: 25%;
        min-width: 25%;
    }

    .section-product {
        padding: 30px 0 82px;
    }

    .catalog_sidebar_title {
        display: block;
        text-align: center;
        padding: 20px 0 25px;
        font-weight: bold;
        font-size: 30px;
        line-height: 26px;
    }

    .catalog_sidebar_close {
        display: block;
        position: absolute;
        font-size: 20px;
        top: 29px;
        right: 18px;
        line-height: 0;
    }

    .catalog_sidebar_close:hover {
        color: var(--brand-color-2);
    }

    h1, .h1 {
        font-size: 40px;
    }

    .pagehead {
        padding: 10px 0;
    }

    .product {
        display: block;
    }

    .product_left {
        width: 100%;
        padding-top: 40px;
    }

    .product_left:before {
        display: none;
    }

    .product_right {
        width: 100%;
        margin: 0 0 0px;
        min-width: 250px;
    }

    .product_gallery_wrap {
        position: relative;
        width: 100%;
        margin: 12px 0 24px;
    }

    .product_gallery .slick-next {
        right: -4px;
        width: 30px;
        height: 30px;
        margin-top: -7px;
    }

    .product_gallery .slick-prev {
        left: -4px;
        width: 30px;
        height: 30px;
        margin-top: -7px;
    }

    .product_gallery .slick-arrow:before {
        left: 1px;
        top: 15px;
        width: 27px;
        height: 2px;
    }

    .product_gallery_nav {
        margin: 17px 0 0;
    }

    .product_gallery .slick-arrow .icon-arrow-h {
        top: 20px;
    }

    .product_gallery .icon-arrow-h:before, .product_gallery .icon-arrow-h:after {
        height: 2px;
        width: 10px;
        right: 3px;
    }

    .product_slider {
        max-width: 1024px;
    }

    .personal_sidebar {
        min-width: 210px;
    }

    .section-personal {
        margin: 0 20px;
    }

    .form_cols {
        margin-left: -20px;
        margin-right: -20px;
    }

    .form_cols_item {
        padding: 0 20px;
    }

    .form_cols-sm {
        margin-left: -7px;
        margin-right: -7px;
    }

    .form_cols-sm .form_cols_item {
        padding: 0 7px;
    }

    .form_shifted {
        margin-left: 28px;
    }

    .personal_cols {
        display: block;
        margin: 25px 0 0;
    }

    .personal_sidebar {
        width: 100%;
        padding: 0 0 30px;
        margin-bottom: 0;
    }

    .personal_nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .personal_nav li {
        margin: 0;
        max-width: 80px;
    }

    .personal_nav li a {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        font-size: 14px;
    }

    .personal_nav li a [class^="icon-"], .personal_nav li a [class*=" icon-"] {
        margin: 0 0 7px;
    }

    .cart {
        display: block;
    }

    .cart_right {
        width: 100%;
        margin: 40px 0 0;
        min-width: 280px;
    }

    .checkout_cols {
        display: block;
    }

    .checkout_right {
        width: 100%;
        min-width: 250px;
        margin-left: 0px;
        margin-bottom: 50px;
    }

    .about {
        display: block;
    }

    .about_list {
        font-size: 14px;
        line-height: 16px;
    }

    .about_left {
        width: 100%;
        max-width: 100%;
        padding-top: 18px;
        position: relative;
    }

    .about_right {
        width: 100%;
    }

    .about_list {
        max-width: 100%;
    }

    .about_img {
        margin: 0px auto 19px auto;
        max-width: 500px;
        height: 102vw;
    }

    .about_img img {
        object-fit: cover;
        object-position: top;
        height: 100%;
        width: 100%;
    }

    .about_sidetitle {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        left: 0;
        right: auto;
        top: -30px;
        font-size: 120px;
    }

    .about_circle {
        left: 0;
    }
}

@media screen and (max-width: 767px) {
    .section-piqs {
        padding: 0 0 55px;
    }

    .piqs {
        margin-right: -20px;
    }

    .piqs_item {
        margin: 7px 0 9px;
        width: 50%;
    }

    .piqs_item_title {
        font-size: 18px;
        line-height: 18px;
        font-weight: 500;
        max-width: none;
    }

    .piqs_item_cont {
        width: 180px;
        padding-right: 0;
    }

    .piqs_item_txt {
        font-size: 14px;
        line-height: 14px;
    }

    .section-catalog .pagehead h1 {
        padding: 14px 0 0px 0;
    }

    .cats {
        margin: 42px 0 0;
    }

    .img_slider_item .waterblack {
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 160px;
        height: 160px;
    }

    .slick-arrow {
        width: 40px;
    }

    .img_slider_txt {
        padding: 0 45px;
    }

    .img_slider_item {
        min-height: 210px;
    }

    .catalog_sidebar:not(.open) + .catalog_content .tovs-cols .tovs_item, .tovs-cols .tovs_item {
        width: 50%;
    }

    .tovs-rows .tovs_item_bord {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .tovs-rows .tovs_item_info {
        width: 100%;
    }

    .tovs-rows .tovs_item {
        padding: 0;
        margin-bottom: 20px;
    }

    .tovs-rows .tovs_item_preview {
        width: 85px;
        min-width: auto;
        margin: 0 22px;
    }

    .tovs-rows .tovs_item_col {
        width: calc(100% - 140px);
        margin-right: 0;
    }

    .tovs_item_table {
        margin-left: -1px;
        margin-bottom: -1px;
        padding-top: 5px;
    }

    .tovs_item_table .item {
        width: 50%;
        padding: 11px;
    }

    .tovs_item_table .item .value {
        margin: 13px 0 1px;
    }

    .tovs-rows .tovs_item_fav {
        top: -2px;
    }

    .tovs-rows .tovs_item_title {
        font-size: 16px;
        line-height: 20px;
        padding: 0;
        margin-top: 20px;
        margin-bottom: 26px;
        text-align: center;
    }

    .tovs-rows .tovs_item_right {
        gap: 20px;
        font-size: 24px;
        line-height: 28px;
        padding: 0;
        justify-content: flex-start;
    }

    .section-product .breadcrumbs {
        margin-bottom: 12px;
    }

    .product_slider .slick-arrow {
        height: 40px;
    }

    .product_slider .slick-next {
        right: 0;
    }

    .product_slider .slick-prev {
        left: 0;
    }

    .contacts_item-social a {
        transition: ease 0.3s;
        width: 26px;
    }

    .product_slider .slick-arrow:after {
        right: 13px;
        top: 9px;
        width: 15px;
        height: 23px;
    }

    .product_fav {
        top: -5px;
        right: 0px;
    }

    .product_options {
        padding: 7px 10px 24px;
        margin-bottom: 6px;
    }

    .product_options_label [class^="icon-"], .product_options_label [class*=" icon-"] {
        font-size: 25px;
        margin-right: 7px;
    }

    .product_options .radios-images {
        margin-left: 0;
    }

    .product_options_label {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 18px;
        line-height: 18px;
    }

    .product_size {
        margin-left: 0;
        margin-bottom: 45px;
    }

    .product_size .product_options_label {
        margin-bottom: 14px;
    }

    .sizes_item {
        margin-right: 20px;
        margin-bottom: 18px;
    }

    .sizes_item_img {
        height: 36px;
    }

    .product .tabs li {
        margin: 0;
    }

    .product .tabs {
        justify-content: space-between;
        margin-right: 0;
    }

    .tabs li a {
        font-size: 18px;
        padding: 2px 1px;
    }

    .sizes_item_val {
        font-size: 14px;
        line-height: 32px;
    }

    .product_info table th, .product_info table td {
        font-size: 14px;
        line-height: 16px;
        padding: 12px 10px;
    }

    .product_more {
        padding: 0;
    }

    .product_left h4 {
        font-size: 18px;
        line-height: 18px;
    }

    .product_left {
        margin-top: 40px;
    }

    .product_slider .tovs_item_preview {
        margin-bottom: 4px;
        height: 102px;
    }

    .product_info table th {
        width: 45%;
    }

    .product_slider .tovs_item_preview {
        margin-bottom: 3px;
        height: 110px;
    }

    .product_slider_item {
        padding: 0;
    }

    .product .tovs_item_title {
        font-size: 14px;
        line-height: 16px;
    }

    .radios_item_img {
        width: 60px;
        height: 60px;
    }

    .radios-images .radios_item {
        margin: 0 5px 12px 0;
    }

    .order_table_opener {
        width: auto;
        position: absolute;
        right: 10px;
        top: 12px;
    }

    .order_table_opener span {
        display: none;
    }

    .order_table_tr_top {
        padding: 2px 0;
        display: block;
        position: relative;
        border-bottom: 1px solid #dadada;
    }

    .order_table_tr:last-child .order_table_tr_top {
        border: none;
    }

    .order_table_tr.open {
        margin-top: -10px;
        padding-top: 11px;
    }

    .order_table_tr.open .order_table_tr_top {
        border: none;
    }

    .order_table_thead {
        display: none;
    }

    .order_table_td {
        width: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 5px 0;
    }

    .order_table_td:before {
        font-weight: 300;
        width: 120px;
        text-transform: uppercase;
        font-size: 12px;
        content: attr(data-title);
        display: block;
    }

    .order_table_td6 {
        min-width: 10px;
        width: auto;
    }

    .order_table_img {
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }

    .order_table_item {
        display: block;
    }

    .order_table_tov {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
    }

    .order_table_tov_img {
        margin: 0 10px 0 0;
    }

    .order_table_inform {
        margin-bottom: 0;
        padding-right: 0px;
        min-width: 100%;
        width: 100%;
    }

    .order_table_price {
        margin: 0;
        width: 100%;
    }

    .cart .product_options {
        padding: 6px 20px 24px;
    }

    .about_circle {
        display: none;
    }

    .about_sidetitle {
        top: -16px;
        font-size: 90px;
        letter-spacing: 5px;
    }

    .title-center h2 {
        font-size: 26px;
    }

    .title-center {
        max-width: 570px;
    }
}

.tovs_slider_arrow {
    display: none;
}

@media screen and (max-width: 599px) {
    .piqs {
        margin-right: 16px7px 0 9px;
        display: block;
    }

    .piqs_item {
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .piqs_item_icon {
        width: 60px;
        margin-right: 11px;
    }

    .subsc_icon {
        width: 40px;
        right: 20px;
    }

    .subsc_btn {
        position: relative;
        height: 36px;
        width: 100%;
        margin-top: 6px;
    }

    .subsc .form-control {
        font-size: 16px;
    }

    h2, .h2 {
        font-size: 32px;
    }

    .section-cats.cats-new .section_top h2,
    .section-cats.cats-new .section_top .h2 {
        font-size: 24px;
        padding: 0;
        line-height: 32px;
        margin-bottom: 0;
    }

    .section_top h2 {
        padding-bottom: 0;
    }

    .section_top_txt {
        font-size: 16px;
    }

    .img_slider_title {
        margin-top: 5px;
        font-size: 32px;
    }

    .tovs_slider_img {
        margin: 0 16px 0 0;
        height: 85px;
        min-width: 112px;
        width: 112px;
    }

    .tovs_slider_title {
        font-size: 14px;
        line-height: 16px;
        padding-top: 12px;
        padding-bottom: 5px;
    }

    .tovs_slider_arrow {
        display: flex;
        width: 36px;
        height: 24px;
        align-items: center;
        justify-content: center;
        background-color: var(--brand-color);
        float: right;
    }

    .tovs_slider_cont {
        padding-right: 0;
        width: 100%;
        position: relative;
    }

    .tovs_slider .slick-dots {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;        font-size: 24px;
        line-height: 28px;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .tovs_slider .tovs_slider_item {
        height: 170px;
    }

    .tovs_slider_fl {
        align-items: center;
        margin-bottom: 8px;
    }

    .tovs_slider {
        height: 220px;
    }

    .welcome h2 {
        padding-bottom: 10px;
        font-size: 30px;
    }

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

    .login_left {
        margin: 0 auto 40px;
    }

    .login_right {
        margin: 0 auto;
        padding: 30px 0;
    }

    .login_right:before {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        left: 50%;
        top: 0;
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
        margin-left: -89px;
    }

    .catalog_sidebar:not(.open) + .catalog_content .tovs-cols .tovs_item, .tovs-cols .tovs_item {
        width: 100%;
    }

    .tovs-cols {
        margin: 0 0px;
    }

    .tovs-cols .tovs_item .tovs_item_bord {
        border-color: var(--brand-color);
    }

    .tovs_item_title {
        font-size: 22px;
        line-height: 24px;
        padding: 0 20px 20px;
        box-sizing: content-box;
    }

    .tovs_item_right .btn {
        font-size: 14px;
    }

    .tovs_item_price {
        font-size: 18px;
        line-height: 25px;
    }

    .pagenavi > span, .pagenavi a {
        width: 30px;
        height: 30px;
        font-size: 14px;
        margin: 0 6px 18px;
    }

    .pagenavi a svg {
        width: 15px;
    }

    .pagenavi .prev {
        margin-right: 12px;
    }

    .pagenavi .next {
        margin-left: 12px;
    }

    .categories {
        padding: 0 5px 20px;
    }

    .categories_item_title {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 9px;
    }

    .categories_item_img {
        height: 74px;
        padding: 20px 0 6px;
    }

    .categories_item {
        margin: 0 7px;
    }

    .categories_item2 {
        max-width: 50px;
    }

    .categories_item .nicearr {
        width: 36px;
    }

    h1, .h1 {
        font-size: 30px;
        line-height: 34px;
        padding-bottom: 20px;
    }

    .pagehead {
        padding: 6px 0;
    }

    .pagehead:before {
        -webkit-background-size: 100px 100px;
        background-size: 100px;
        height: 90px;
    }

    .section-catalog {
        padding-bottom: 10px;
        padding-top: 0;
    }

    .product_top {
        padding-left: 0;
        margin-left: 0;
    }

    .product_title {
        display: block;
        margin-bottom: 6px;
    }

    .product_title .product_soh {
        display: inline-block;
        margin: 0 19px 20px 0;
    }

    .personal_nav_txt {
        display: none;
    }

    .personal_cols .tovs-cols .tovs_item_bord {
        max-width: 100%;
    }

    .form_cols_item {
        width: 100%;
    }

    .form_cols-sm .form_cols_item-33 {
        width: 100%;
    }

    .pagehead.pagehead-sm h1 {
        font-size: 26px;
    }

    .section-personal {
        padding: 10px 0 2px;
    }

    .product_totals-rev {
        /*margin: 22px -20px 6px 0;*/
        margin: 22px 0 6px 0;
    }

    .cart_total {
        padding: 3px 0 10px 0;
    }

    .cart_btns {
        margin-left: -12px;
    }

    .cart_btns .btn {
        margin: 0 0px 0px 12px;
    }

    .subtotal {
        padding: 13px 0px 11px 0px;
    }

    .cart {
        margin-top: 0px;
    }

    .cart_table {
        display: block;
    }

    .cart_table thead {
        display: none;
    }

    .cart_table tbody {
        display: block;
        width: 100%;
    }

    .cart_table tr {
        border-bottom: 1px solid #dadada;
        padding: 20px 0 0;
        width: 100%;
        overflow: hidden;
        display: block;
    }

    .cart_table tr:last-child {
        border: none;
    }

    .cart_table td {
        padding: 0;
        float: left;
        display: block;
    }

    .cart_table .td1 {
        width: 120px;
        padding-bottom: 20px;
    }

    .cart_table .td2 {
        width: -webkit-calc(100% - 120px);
        width: calc(100% - 120px);
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        padding: 0px 0 10px;
    }

    .cart_table .td3 {
        width: 60px;
        margin-top: 2px;
        margin-right: 15px;
        text-align: left;
    }

    .cart_table .td4 {
        width: auto;
        padding-bottom: 20px;
    }

    .cart_table .td5 {
        float: right;
        margin-right: -3px;
    }

    .cart_table_img {
        line-height: 0;
        width: 100px;
        margin-right: 20px;
    }

    .cart_table_img img {
        max-height: 54px;
    }

    .more a {
        font-size: 14px;
    }

    .deliver-radios {
        display: block;
    }

    .steps {
        margin-top: 10px;
    }

    .steps h1 {
        font-size: 24px;
    }

    .steps_item {
        height: 50px;
    }

    .steps_item.active {
        font-size: 24px;
    }

    .steps_txt {
        font-size: 18px;
    }

    .steps_item:before {
        -webkit-background-size: auto 36px;
        background-size: auto 36px;
    }

    .steps_item.active:before {
        -webkit-background-size: auto 50px;
        background-size: auto 50px;
    }

    .checkout_btns {
        margin-left: -30px;
    }

    .checkout_btns .btn {
        width: 144px;
        margin-left: 20px;
    }

    .tovlist-mult .tovlist_item_img {
        height: 55px;
        margin-right: 20px;
        width: 120px;
        min-width: 120px;
        margin-right: 20px;
    }

    .tovlist_table {
        width: -webkit-calc(100% + 139px);
        width: calc(100% + 139px);
        margin-left: -139px;
    }

    .title-center {
        margin: 20px auto 24px;
        max-width: 430px;
    }

    .title-center h2 {
        font-size: 20px;
    }

    .section-about {
        padding: 6px 0 40px;
    }

    .about_sidetitle {
        top: -7px;
        font-size: 70px;
        letter-spacing: 3px;
    }

    .about_list {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 499px) {


    .cats_item_img img {
        height: 120px;
    }

    .cats_item_title {
        letter-spacing: 0.3px;
        font-size: 22px;
        height: 52px;
    }

    .cats_item_cont {
        max-width: 135px;
    }
}

@media screen and (max-width: 440px) {
    .login .btn {
        width: 170px;
    }

    .tovs-rows .tovs_item_thumbs {
        left: 130px;
    }

    .product_slider {
        margin: 18px -10px 0;
    }

    .product .tovs_item_price span {
        margin-right: 1px;
    }
}

@media screen and (max-width: 374px) {
    .pagenavi .prev,
    .pagenavi .next {
        display: none;
    }

    .wrapper {
        padding: 0 15px;
    }

    .wrapper-mini {
        padding: 0 15px;
    }

    .info_mishn {
        padding-right: 15px;
    }

    .cats_item_img img {
        height: 105px;
    }

    .cats_item_title {
        margin-bottom: 4px;
        letter-spacing: 0.3px;
        font-size: 20px;
        height: 48px;
    }

    .cats_item_cont {
        max-width: 130px;
    }

    .tovs-rows .tovs_item_right {
        flex-direction: column;
        align-items: flex-start;
    }

    .welcome_right {
        padding: 0 15px;
    }

    .login .btn {
        width: 175px;
    }

    .mishn_img {
        right: -25%;
    }

    .tovs-rows .tovs_item_thumbs {
        left: 120px;
    }

    .section-personal {
        margin: 0 15px;
    }
}

/*-----------------------blog_weiw-------------------*/
.section-blog {
    position: relative;
    padding-bottom: 50px;
}

.section-blog .pagehead {
    margin-bottom: 51px;
}

.section-blog:before {
    display: block;
    content: '';
    position: absolute;
    top: 248px;
    left: 0;
    background: url(../img/left-w.png) no-repeat 0 0;
    width: 735px;
    height: 712px;
}

.post {
    margin: 0 auto;
    max-width: 901px;
    font-weight: 300;
    font-size: 16px;
    color: #666666;
    line-height: 1.47;
}

.post h3 {
    font-weight: 900;
    font-size: 22px;
    color: #000000;
    margin: 22px 0 0;
}

.post img {
    display: block;
    margin: 0 auto;
}

.post p {
    padding: 0;
}

.post .related {
    margin-top: 39px;
    padding-top: 40px;
}

.post .posts_blocks {
    margin: 0 -4%;
}

.post .posts_blocks_item {
    width: 42%;
    margin: 0 4%;
}

.post .posts_blocks_item_img_title {
    bottom: 15px;
}

.post .posts_blocks_item .date {
    margin-bottom: 11px;
}

.post_bigimg {
    overflow: hidden;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 25px;
}

.post_bigimg figcaption {
    max-width: 382px;
    margin: 31px auto 0;
}

.postimg {
    margin: 33px 0 38px 0px;
}

.post_bigimg_title {
    font-size: 26px;
    color: #000000;
    margin-bottom: 12px;
    font-weight: 900;
    display: block;
}

.post_bigimg_date {
    font-weight: 300;
    position: relative;
    padding-left: 73px;
    display: block;
    font-size: 12px;
}

.post_bigimg_date:before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    background: #b60e0c;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.post_bigimg_date:after {
    width: 57px;
    height: 1px;
    background: #b60e0c;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.related {
    border-top: 1px solid #969696;
    padding: 50px 9px;
}

.related_title {
    font-weight: 900;
    font-size: 26px;
    color: #000000;
    margin-bottom: 24px;
}

.posts_blocks {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0px -2.3%;
}

.posts_blocks_item {
    width: 28.7%;
    margin: 0 2.3% 64px;
    font-size: 16px;
}

.posts_blocks_item .date {
    margin: 0 0 13px 16px;
    color: #000;
}

.posts_blocks_item p {
    line-height: 1.35;
    padding: 0 15px;
    color: #000;
}

.posts_blocks_item_img {
    position: relative;
    overflow: hidden;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    margin-bottom: 16px;
}

.posts_blocks_item_img img {
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.posts_blocks_item_img:before {
    content: '';
    display: block;
    padding-bottom: 53%;
}

.posts_blocks_item_img:after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: white;
    background: -webkit-linear-gradient(180deg, transparent 0%, rgba(29, 29, 27, 0.5) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(29, 29, 27, 0.5)));
    background: -webkit-linear-gradient(top, transparent 0%, rgba(29, 29, 27, 0.5) 100%);
    background: -o-linear-gradient(top, transparent 0%, rgba(29, 29, 27, 0.5) 100%);
    background: linear-gradient(180deg, transparent 0%, rgba(29, 29, 27, 0.5) 100%);
}

.posts_blocks_item_img_title {
    font-weight: 900;
    font-size: 20px;
    color: #ffffff;
    position: absolute;
    bottom: 18px;
    left: 15px;
    right: 15px;
    z-index: 2;
}

.posts_blocks_item_img_title a {
    color: #fff;
}

.posts_blocks_item_img_title a:hover {
    opacity: 0.7;
}

.date {
    font-weight: 300;
    position: relative;
    padding-left: 72px;
    display: block;
    font-size: 11px;
}

.date:before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 5px;
    height: 5px;
    background: #b60e0c;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.date:after {
    width: 52px;
    height: 2px;
    background: #b60e0c;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.round_link {
    display: block;
    width: 38px;
    height: 38px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: url(../img/arr_small.png) no-repeat center #b60e0c;
    margin: 13px 0 0 14px;
}

.round_link:hover {
    opacity: 0.8;
}

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

/* */
@media screen and (max-width: 1023px) {
    .posts_blocks_th .posts_blocks_item {
        width: 45.4%;
    }
}

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

    .posts_blocks_item {
        width: 100%;
        margin: 0 0 60px 0;
    }

    .related {
        padding-bottom: 0;
    }

    .post .posts_blocks_item {
        width: 100%;
        margin: 0 0 60px 0;
    }

    .posts_blocks_th .posts_blocks_item {
        width: 100%;
    }
}

/* contact page */
.section-conts {
    padding: 5px 0 47px;
}

.contact-page .pagehead h1 {
    padding-top: 23px;
}

.section-conts .form_cols {
    justify-content: space-between;
    margin-left: 0;
    margin-right: 0;
}

.section-conts .form_cols_item {
    width: 48%;
}

@media (max-width: 767px) {
    .section-conts .form_cols_item {
        width: 100%;
    }
}

.section-conts .help-info {
    bottom: auto;
    top: 44px;
}

.conts {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 43px;
}

.conts_left {
    display: none;
}

@media screen and (min-width: 1024px) {
    .contact-page.section-conts .wrapper {
        max-width: 1436px;
    }
}

.conts_right {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.conts .contacts {
    display: block;
}

.conts .contacts > div {
    width: 100%;
}

.conts .contacts [class^="icon-"], .conts .contacts [class*=" icon-"] {
    color: #b30e0c;
    font-size: 21px;
    min-width: 24px;
    margin: 2px 16px 0 -12px;
}

.conts .contacts_item {
    min-height: 50px;
    margin-bottom: 15px;
}

.conts .contacts_item_txt {
    line-height: 1.45;
}

.contact_btn {
    margin: 5px 0;
    padding: 10px 21px;
    gap: 10px;
    font-size: 14px;
}

.contact_btn:hover span:before {
    color: var(--brand-color-2);
}

.contact_btn span {
    font-size: 22px;
}

.contact_btn span:before {
    font-size: 22px;
    transition: .2s color;
}

.map {
    position: relative;
    overflow: hidden;
    background: var(--brand-color);
    height: 521px;
}

.conts_form {
    margin-bottom: 30px;
}

.conts_form .form_label {
    margin-bottom: 10px;
    text-transform: none;
    font-size: 16px;
    font-weight: 300;
}

.conts_form .btn {
    height: 35px;
    font-size: 13px;
    width: 115px;
    text-transform: none;
}

.conts_form .form_cols_item:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}

.conts_form .form_row-capt {
    margin-top: auto;
}

.conts_form textarea.form-control {
    height: 146px;
}

.conts_form .form_btns {
    margin-right: 28px;
    margin-top: 37px;
}

/*new contacts*/

.conts-partners {
    margin-bottom: 70px;
    padding: 0 50px;
}

.conts-partners__inner {
    max-width: 1750px;
    margin: 0 auto;
}

.conts-partners__wrapper {
    max-width: 1040px;
    padding: 40px 30px 50px;
    margin: 0 auto;
}

.conts-partners__title {
    font-size: 46px;
    line-height: 1.1;
    color: inherit;
    margin: 0;
    margin-bottom: 50px;
}

.conts-partners__items {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    justify-content: space-between;
}

.conts-partners__item {
    display: flex;
    align-items: start;
    gap: 33px;
    width: calc(50% - 95px);
    margin-bottom: 80px;
}

.conts-partners__item-pic {
    flex-shrink: 0;
    max-width: 100px;
}

.conts-partners__item-text {
    flex-shrink: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    font-size: 18px;
    line-height: 19px;
}

.conts-partners__item-text .title {
    font-size: 22px;
    line-height: 24px;
}

.conts-partners__item-text .semibold {
    font-weight: 500;
}

.conts-partners__item-text a:not(.btn) {
    color: #000;
}

.conts-partners__item-text i {
    width: 15px;
}

.conts-partners__item-text i svg {
    width: 100%;
    height: auto;
}

.conts-partners__item-text i svg image {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 1023px) {
    .conts-partners__title {
        font-size: 40px;
    }

    .conts-partners__items {
        justify-content: center;
        max-width: 572px;
    }

    .conts-partners__item {
        width: 100%;
        max-width: 400px;
    }

    .conts-partners__item-text {
        font-size: 14px;
        line-height: 16px;
    }

    .conts-partners__item-text .title {
        font-size: 16px;
    }
}


@media (max-width: 991px) {
    .conts-partners,
    .conts-partners__wrapper {
        padding: 0 20px;
        padding-top: 30px;
        padding-bottom: 50px;
    }

    .conts-partners {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 599px) {
    .conts-partners__title {
        margin-bottom: 22px;
        font-size: 36px;
    }

    .conts-partners, .conts-partners__wrapper {
        padding-top: 20px;
        padding-bottom: 30px;
    }


    .conts-partners__wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .conts-partners__item {
        gap: 20px;
        margin-bottom: 30px;
    }


    .conts-partners__item-pic {
        max-width: 24px;
    }

    .conts-partners__item-text i {
        width: 10px;
    }

    .conts-partners__item span {
        font-size: 14px;
        line-height: 1.3;
    }

}

@media (max-width: 360px) {
    .conts-partners__item span {
        font-size: 11px;
        line-height: 1.3;
    }
}


/*new contacts ^ */

@media screen and (min-width: 1024px) {
    .section-conts .wrapper {
        max-width: 867px;
        padding: 0 30px;
    }
}

@media screen and (max-width: 1023px) {
    .section-conts .wrapper {
        max-width: 840px;
    }

    .conts .contacts [class^="icon-"], .conts .contacts [class*=" icon-"] {
        margin: 2px 11px 0 0px;
    }

    .conts_left {
        padding: 0 20px 0 25px;
    }
}

@media screen and (max-width: 767px) {
    .conts {
        display: block;
        margin-top: 35px;
        margin-bottom: 0;
    }

    .conts_left {
        padding: 0 0px 20px 0px;
        width: 100%;
    }

    .conts_right {
        width: 100%;
    }

    .conts .contacts_item {
        min-height: 20px;
        margin-bottom: 10px;
    }

    .conts_form .form_btns {
        margin-top: 15px;
    }

    .conts_form .form_cols_item {
        padding-left: 0;
    }


    .section-conts {
        padding: 5px 0 25px;
    }
}

@media screen and (max-width: 374px) {
    .conts .contacts [class^="icon-"], .conts .contacts [class*=" icon-"] {
        margin: 2px 9px 0 -3px;
    }
}


/*# sourceMappingURL=style.css.map */
.alert {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.alert-message {
    margin-bottom: 0;
    padding-bottom: 0;
}

.form_block__payment, .form_block__delivery {
    display: none;
}

.credit-card-block {
    background: #eee;
    border-radius: 4px;
    padding-top: 15px;
    margin-bottom: 20px;
}

#eway {
    padding-top: 15px;
    padding-left: 28px;
    padding-right: 28px;
}

.background-none {
    background: none;
}

#paypal-button-container {
    margin-top: 15px;
    max-width: 300px;
    width: 100%;
}

.none {
    display: none;
}

.is-invalid {
    border-color: #b20e0c;
}

.invalid-feedback, .error-feedback {
    margin-top: 10px;
    color: #b20e0c;
}

.unchecked:after {
    opacity: 0 !important;
}

#login-popup {
    padding: 30px;
}

.link-remove__mod {
    background: none;
    border: none;
    color: #b30e0c;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    text-decoration: none;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.user-agree {
    flex-direction: column;
    flex-flow: column-reverse;
}

.form_el .error {
    border-color: #b30e0c;
    margin-bottom: 10px;
}

.form_block__mod {
    display: flex;
    flex-wrap: wrap;
}

.btn__mod {
    margin-top: 12px !important;
    margin-left: 10px;
}

.success-message {
    padding-bottom: 0px;
}

.product-link {
    color: #000;
}

.add-remove-button {
    justify-content: space-between;
}

.box-remove {
    position: relative;
}

.remove-from-wishlist {
    font-size: 24px;
    color: #b60e0c;
    border: none;
    background: transparent;
}

.box-remove:hover {
    cursor: pointer;
}

.js_warehouses, .js_delivery_warehouses, .js_cities, .js_delivery_cities, .js_delivery_item_cities, #addresses, .js_checkout_postcode + .addresses {
    display: none;
    padding: 5px 10px 0;
    border-radius: 4px;
    border: 1px solid #afafaf;
    background: #f9f9f9;
    position: absolute;
    z-index: 1;
    max-height: 150px;
    overflow-y: auto;
    /*width: calc(100% + 27px);*/
    width: 100%;
    left: 0;
    margin-top: 5px;
}

.js_warehouses p, .js_delivery_warehouses p, .js_cities p, .js_delivery_cities p, .js_delivery_item_cities p, #addresses p, .js_checkout_postcode + .addresses p {
    cursor: pointer;
    padding-bottom: 5px;
}

.js_warehouses span, .js_delivery_warehouses span, .js_cities span, .js_delivery_cities span, .js_delivery_item_cities span, #addresses span, .js_checkout_postcode + .addresses span {
    padding-bottom: 5px;
    display: block;
    color: #b30e0c;
}

.brosa-fe-spinner svg {
    animation: fe-spin 2s infinite linear;
    -webkit-animation: fe-spin 2s infinite linear;
}

@-webkit-keyframes fe-spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

.absolute.v-loader {
    position: absolute;
    z-index: 1;
    right: 10px;
    top: 15px;
    display: none;
}

#multi-delivery .delivery_tovitem .bg-radios .radios_item {
    display: block;
}

#multi-delivery .bg-radios .product_totals {
    margin: 12px 0px 20px 31px;
    display: flex;
    flex-wrap: nowrap;
}

.product_gallery_nav img,
.product_gallery_nav svg {
    cursor: pointer;
    width: 100px;
    height: 100px;
    object-fit: contain;
    border: 1px solid transparent;
}

.product_gallery_nav .slick-current img {
    border-color: var(--brand-color-2);
}

@media screen and (max-width: 1023px) {
    .product_gallery_nav .slick-track {
        width: 100% !important;
        display: flex;
        flex-flow: wrap;
        left: 0 !important;
    }

    .product_gallery_nav img,
    .product_gallery_nav svg {
        width: 100%;
        height: auto;
        aspect-ratio : 1 / 1;
    }

    .product_gallery_nav picture {
        width: 25% !important;
        float: none;
    }
}

.order_table_td3 {
    display: flex;
    flex-wrap: wrap;
}

.section-terms {
    margin-bottom: 50px;
}

.section-terms .wrapper > p {
    text-align: justify;
    font-size: 20px;
    line-height: 23px;
    letter-spacing: -.01em;
    max-width: 630px;
    margin: 0 auto;
}

.section-terms .wrapper .pagehead h1 {
    padding-bottom: 0;
}

.section-terms .wrapper > p a {
    font-weight: 500;
}

.section-terms .terms {
    margin-top: 50px;
}

.section-terms .terms ul.main {
    column-count: 2;
    column-gap: 20px;
}

.section-terms .terms ul.main > li {
    display: inline-block;
    position: relative;
    padding: 30px 40px;
    margin-bottom: 20px;
    border: 2px solid var(--brand-color-5);

}

.section-terms .terms ul.main > li h3 {
    font-size: 32px !important;
    line-height: 40px !important;
    padding-top: 0;
}

.section-terms .terms ul.main > li ul li {
    font-size: 16px !important;
    line-height: 18px !important;
    margin-bottom: 10px;
    list-style: none;
    position: relative;
    padding-left: 20px;
}

.section-terms .terms ul.main > li ul li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 6px;
    width: 4px;
    height: 4px;
    border-radius: 3px;
    background-color: var(--brand-color-2);
}

.success-buttons {
    margin-top: 70px;
    margin-bottom: 70px;
    display: flex;
    justify-content: center;
}

.success_payment {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
}

.success_payment .success-img {
    margin-top: 60px;
    margin-bottom: 30px;
}

.success_payment .success-message {
    font-size: 28px;
    margin-bottom: 40px;
    font-weight: 100;
}

.sku {
    font-size: 14px;
    line-height: 32px;
    color: #000000;
}

.catalog_sidebar_close.btn {
    position: fixed;
    bottom: 35px;
    right: auto;
    top: auto;
    left: 50%;
    transform: translateX(-50%);
}

@media screen and (max-width: 1023px) {
    .tovs-rows .tovs_item_price {
        left: auto;
        right: 0;
        bottom: 8px;
    }

    .tovs-rows .tovs_item_price .tovs_item_price {
        position: static;
    }

    .catalog_sidebar_close.btn {
        display: none;
    }

    .catalog_sidebar.open .catalog_sidebar_close.btn {
        display: flex;
        z-index: 100;
    }

    .section-terms .wrapper > p {
        font-size: 14px;
        line-height: 16px;
    }

    .section-terms .terms {
        margin-top: 20px;
    }

    .section-terms .terms ul.main > li h3 {
        font-size: 22px !important;
        line-height: 24px !important;
    }

    .section-terms .terms ul.main > li {
        padding: 20px;
    }

    .section-terms .terms ul.main > li ul li {
        font-size: 14px !important;
        line-height: 16px !important;
    }
}

@media screen and (max-width: 599px) {
    .product_gallery_slide:before {
        padding-bottom: 90%;
    }

    .product_gallery .nicearr.slick-prev {
        left: 0;
        width: 34px;
    }

    .product_gallery .nicearr.slick-next {
        right: 0;
        width: 34px;
    }

    .product_gallery_img > div {
        height: 100%;
    }

    .product_gallery_img > div > a {
        height: 100%;
    }

    .section-terms .terms ul.main {
        column-count: 1;
        column-gap: 0;
    }

    .cart_table .td5 {
        margin-right: 0;
    }

    html.filters-open, body.filters-open {
        height: 100vh;
        overflow: hidden;
    }

    .catalog_sidebar {
        height: 100vh;
        bottom: 0;
        padding-bottom: 100px;
        overflow: auto;
    }

    @supports (-webkit-touch-callout: none) {
        .catalog_sidebar {
            height: 100vh;
            bottom: 0;
            padding-bottom: 200px;
            overflow: auto;
        }
    }

    .catalog_sort select {
        visibility: hidden;
        width: 0;
        height: 0;
        padding: 0;
        border: none;
        opacity: 0;
        position: absolute;
        z-index: -999;
    }
}

@media screen and (max-width: 440px) {
    .tovs-rows .tovs_item_fav {
        top: 6px;
    }
}

.not-authorized {
    display: flex;
    align-items: center;
    height: 36px;
    margin-top: 12px;
}

.not-authorized > span {
    margin-top: 3px;
}


.not-authorized_inner {
    display: flex;
    align-items: center;
    min-height: 36px;
    margin-left: 4px;
    padding-left: 8px;
    border-radius: 3px;
    background-color: #f9f9f9;
    box-shadow: 0 0 10px rgb(0, 0, 0, 0.1);

}

.not-authorized_inner i {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    width: 21px;
    min-width: 21px;
    height: 18px;
}

.not-authorized_inner i svg {
    width: 21px;
    min-width: 21px;
    height: 18px;
}

.not-authorized_inner span {
    width: 100%;
    max-width: 125px;
    margin-right: 15px;
    font-size: 12px;
    color: #b3b3b3;
    font-weight: 300;
    white-space: normal;
}

.not-authorized_inner div {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-left: 10px;
}

.not-authorized_inner div a {
    width: 90px !important;
    height: 36px !important;
}

@media (max-width: 480px) {
    .not-authorized_inner div a {
        width: 75px !important;
    }

    /*.not-authorized_inner div {*/
    /*display: none;*/
    /*}*/
    .not-authorized_inner span {
        font-size: 10px;
        margin-right: 5px;
        line-height: 1.1;
    }
}

/* == new Payment */

.checkout_cols {
    margin-bottom: 98px;
}

.checkout_left {
    padding-top: 13px;
}

.checkout_left form {
    padding-left: 10px;
}

.checkout_left h4 {
    padding: 0 0 24px 29px;
}

.credit-card-block {
    padding-top: 22px;
    background-color: #f9f9f9;
}

.credit-card-block.background-none {
    background-color: transparent;
}

.checkout_left .form_block {
    margin-bottom: 42px;
}

/* ===Credit Card=== */

.radios_item_txt {
    padding-left: 22px;
}

.radios_item_txt:before {
    background-color: #f9f9f9;
}

.radios_item label {
    display: flex;
    align-items: center;
}

.radios_item__img {
    display: flex;
    gap: 9px;
    margin-left: 18px;
}

.radios_item__img > div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 44px;
    height: 30px;
    background: #fff;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px
}

/* ===Form=== */

.credit-card-block {
    border-radius: 15px;
}

#eway {
    padding-top: 18px;
}

#eway.form_block {
    display: flex;
    justify-content: space-between;
    padding: 0;
    padding-top: 30px;
    padding-left: 25px;
}

.form_cols.card-left {
    display: block;
    width: 100%;
    max-width: 385px;
    padding-bottom: 33px;
}

.form_cols.card-pic {
    display: flex;
    justify-content: center;
    width: 100%;
    padding-top: 16px;
    padding-left: 73px;
}

.form_cols .form_row {
    margin-bottom: 23px;
}

.form_cols__wrapper {
    display: flex;
    margin-top: 31px;
    margin-bottom: 16px;
}

.form_cols_item {
    padding-right: 0;
    width: 100%;
}

.form_label {
    position: relative;
    font-size: 12px;
}

.form_label_help {
    position: absolute;
    top: -5px;
    left: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 14px;
    height: 14px;
    border: 1px solid #c0c0c0;
    font-size: 8px;
    color: #be2a28;
    border-radius: 50px;
    background-color: transparent;
}

.form-control.filled {
    background-color: #fff;
}

.form-control::-webkit-input-placeholder {
    color: #646464 !important;
}

.form-control::-moz-placeholder {
    color: #646464 !important;
}

.form-control:-ms-input-placeholder {
    color: #646464 !important;
}

.form-control:-moz-placeholder {
    color: #646464 !important;
}

.form_cols__bottom {
    padding-left: 27px;
}

/* ===PayPal=== */

.radios_item_txt {
    padding-left: 25px;
    font-weight: 900;
}

.checkout_terms {
    flex-grow: 1;
    width: 100%;
    margin-top: 40px;
    margin-bottom: 30px;
}

.checkout_terms span {
    font-weight: 300;
    font-size: 14px;
    color: #9d9d9c;
}

.checkout_terms span a {
    color: #000;
    font-weight: 600;
    text-decoration: underline;

}

.checkout_btns {
    flex-wrap: wrap;
    justify-content: start;
    gap: 30px;
    row-gap: 0;
    padding-left: 62px;
}

.checkout_btns .btn {
    width: fit-content;
    min-width: 145px;
    height: 44px;
    margin: 0;
    padding: 0 23px;
    font-size: 14px;
}

@media (max-width: 1320px) {
    .form_cols.card-pic {
        padding-left: 40px;
    }
}

@media (max-width: 1150px) and (min-width: 1024px) {
    .form_cols.card-pic {
        padding-top: 50px;
    }

    .form_cols.card-pic img {
        width: 200px;
        height: auto;
    }
}

@media (max-width: 768px) {
    .form_cols.card-pic {
        padding-left: 20px;
    }
}

@media (max-width: 520px) {
    .radios_item__img {
        display: none;
    }

    .form_cols__wrapper {
        display: block;
    }

    .form_cols__wrapper {
        margin-top: 0;
    }

    .checkout_btns {
        gap: 15px;
        padding-left: 35px;
    }

    .checkout_btns .btn {
        min-width: 130px;
        padding: 0 17px;
        font-size: 14px;
    }

    .checkout_terms {
        margin-bottom: 0;
    }

    .checkout_cols {
        margin-bottom: 60px;
    }
}

@media (max-width: 730px) {
    .form_cols.card-pic {
        display: none;
    }

    .form_cols.card-left {
        max-width: 100%;
    }

    #eway.form_block {
        padding-right: 8px;
    }
}

.product_right .product_options .numb {
    margin-right: 10px;
}

.post-content {
    text-align: justify;
}


.fancybox-content.subscribe-modal {
    text-align: center;
    width: 392px;
    max-width: calc(100vw - 30px);
    padding: 60px 30px 50px;
    overflow: visible;
}

.subscribe-modal__title {
    font-size: 30px;
    color: #000;
    position: relative;
    font-weight: 900;
    z-index: 1;
    margin-bottom: 40px;
}

.subscribe-modal__title:before {
    content: '';
    background: url('../img/h1back.png') no-repeat;
    width: 67px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    background-size: contain;
}

.subscribe-modal__title span {
    color: #b60e0c;
}

.subscribe-modal__text {
    font-size: 16px;
    font-weight: 700;
}

.fancybox-slide--html .subscribe-modal .fancybox-close-small {
    right: -30px;
    top: -30px;
}

@media screen and (max-width: 479px) {
    .fancybox-slide--html .subscribe-modal .fancybox-close-small {
        right: 0;
        top: 0;
    }
}

.order_table_td .status {
    max-width: 170px;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.delivery-addresses .form_cols_item {
    width: 50%;
    padding: 0 27px;
}

.delivery-addresses .form_cols-sm .form_cols_item {
    width: 50%;
    padding: 0 12px;
}

.section-personal .form-control.filled {
    background-color: #f8f8f8;
}

.delivery-addresses .hidden {
    display: none;
}

#change-profile .hidden {
    display: none;
}

#change-profile .form_cols_item {
    width: 50%;
    padding: 0 27px;
}

.zoom-container {
    width: 45vw;
    height: 35vw;
    position: absolute;
    top: 0;
    left: -87px;
}

@media screen and (max-width: 1279px) {
    .zoom-container {
        left: -56px;
    }
}

@media screen and (max-width: 1023px) {
    .zoom-container {
        left: -30px;
        top: 650px;
        width: 100vw;
    }
}

.product_mob_img {
    display: none !important;
}

@media screen and (max-width: 1023px) {
    .product_gallery_img .cloud-zoom, .product_gallery_img #wrap {
        display: none;
    }

    .product_mob_img {
        display: block !important;
    }

    .product_mob_img picture {
        display: flex;
        width: 100%;
        justify-content: center;
    }

    .product_gallery {
        touch-action: auto !important;
    }

    .product_gallery_img > div {
        width: 100%;
    }
}

@media screen and (max-width: 574px) {
    .product_mob_img picture {
        height: 100%;
    }
}

/* sumoSelect */

.SelectClass, .SumoSelect.open .search-txt, .SumoUnder {
    position: absolute;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    top: 0;
    left: 0
}

.SumoSelect p {
    margin: 0
}

.SumoSelect {
    width: 200px
}

.SelectBox {
    padding: 5px 8px
}

.sumoStopScroll {
    overflow: hidden
}

.SumoSelect .hidden {
    display: none
}

.SumoSelect .search-txt {
    display: none;
    outline: 0
}

.SumoSelect .no-match {
    display: none;
    padding: 6px
}

.SumoSelect.open .search-txt {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 5px 8px;
    border: none;
    box-sizing: border-box;
    border-radius: 5px
}

.SumoSelect.open > .search > label, .SumoSelect.open > .search > span {
    visibility: hidden
}

.SelectClass, .SumoUnder {
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    box-sizing: border-box;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.SelectClass {
    z-index: 1
}

.SumoSelect .select-all > label, .SumoSelect > .CaptionCont, .SumoSelect > .optWrapper > .options li.opt label {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none
}

.SumoSelect {
    display: inline-block;
    position: relative;
    outline: 0
}

.SumoSelect.open > .CaptionCont, .SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont {
    box-shadow: 0 0 2px #7799D0;
    border-color: #7799D0
}

.SumoSelect > .CaptionCont {
    position: relative;
    border: 1px solid #A4A4A4;
    min-height: 14px;
    background-color: #fff;
    border-radius: 2px;
    margin: 0
}

.SumoSelect > .CaptionCont > span {
    display: block;
    padding-right: 30px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    cursor: default
}

.SumoSelect > .CaptionCont > span.placeholder {
    color: #ccc;
    font-style: italic
}

.SumoSelect > .CaptionCont > label {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 30px
}

.SumoSelect > .CaptionCont > label > i {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH3wMdBhAJ/fwnjwAAAGFJREFUKM9jYBh+gBFKuzEwMKQwMDB8xaOWlYGB4T4DA0MrsuapDAwM//HgNwwMDDbYTJuGQ8MHBgYGJ1xOYGNgYJiBpuEpAwODHSF/siDZ+ISBgcGClEDqZ2Bg8B6CkQsAPRga0cpRtDEAAAAASUVORK5CYII=);
    background-position: center center;
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    opacity: .8
}

.SumoSelect > .optWrapper {
    display: none;
    z-index: 1000;
    top: 30px;
    width: 100%;
    position: absolute;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 2px 3px 3px rgba(0, 0, 0, .11);
    border-radius: 3px;
    overflow: hidden
}

.SumoSelect.open > .optWrapper {
    top: 35px;
    display: block
}

.SumoSelect.open > .optWrapper.up {
    top: auto;
    bottom: 100%;
    margin-bottom: 5px
}

.SumoSelect > .optWrapper ul {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    overflow: auto
}

.SumoSelect > .optWrapper > .options {
    border-radius: 2px;
    position: relative;
    max-height: 250px
}

.SumoSelect > .optWrapper > .options li.group.disabled > label {
    opacity: .5
}

.SumoSelect > .optWrapper > .options li ul li.opt {
    padding-left: 22px
}

.SumoSelect > .optWrapper.multiple > .options li ul li.opt {
    padding-left: 50px
}

.SumoSelect > .optWrapper.isFloating > .options {
    max-height: 100%;
    box-shadow: 0 0 100px #595959
}

.SumoSelect > .optWrapper > .options li.opt {
    padding: 6px;
    position: relative;
    border-bottom: 1px solid #f5f5f5
}

.SumoSelect > .optWrapper > .options > li.opt:first-child {
    border-radius: 2px 2px 0 0
}

.SumoSelect > .optWrapper > .options > li.opt:last-child {
    border-radius: 0 0 2px 2px;
    border-bottom: none
}

.SumoSelect > .optWrapper > .options li.opt:hover {
    background-color: #E4E4E4
}

.SumoSelect > .optWrapper > .options li.opt.sel {
    background-color: #a1c0e4;
    border-bottom: 1px solid #a1c0e4
}

.SumoSelect > .optWrapper > .options li label {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
    cursor: pointer
}

.SumoSelect > .optWrapper > .options li span {
    display: none
}

.SumoSelect > .optWrapper > .options li.group > label {
    cursor: default;
    padding: 8px 6px;
    font-weight: 700
}

.SumoSelect > .optWrapper.isFloating {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 90%;
    bottom: 0;
    margin: auto;
    max-height: 90%
}

.SumoSelect > .optWrapper > .options li.opt.disabled {
    background-color: inherit;
    pointer-events: none
}

.SumoSelect > .optWrapper > .options li.opt.disabled * {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.SumoSelect > .optWrapper.multiple > .options li.opt {
    padding-left: 35px;
    cursor: pointer
}

.SumoSelect .select-all > span, .SumoSelect > .optWrapper.multiple > .options li.opt span {
    position: absolute;
    display: block;
    width: 30px;
    top: 0;
    bottom: 0;
    margin-left: -35px
}

.SumoSelect .select-all > span i, .SumoSelect > .optWrapper.multiple > .options li.opt span i {
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 14px;
    height: 14px;
    border: 1px solid #AEAEAE;
    border-radius: 2px;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .15);
    background-color: #fff
}

.SumoSelect > .optWrapper > .MultiControls {
    display: none;
    border-top: 1px solid #ddd;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .13);
    border-radius: 0 0 3px 3px
}

.SumoSelect > .optWrapper.multiple.isFloating > .MultiControls {
    display: block;
    margin-top: 5px;
    position: absolute;
    bottom: 0;
    width: 100%
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls {
    display: block
}

.SumoSelect > .optWrapper.multiple.okCancelInMulti > .MultiControls > p {
    padding: 6px
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p {
    display: inline-block;
    cursor: pointer;
    padding: 12px;
    width: 50%;
    box-sizing: border-box;
    text-align: center
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p:hover {
    background-color: #f1f1f1
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnOk {
    border-right: 1px solid #DBDBDB;
    border-radius: 0 0 0 3px
}

.SumoSelect > .optWrapper.multiple > .MultiControls > p.btnCancel {
    border-radius: 0 0 3px
}

.SumoSelect > .optWrapper.isFloating > .options li.opt {
    padding: 12px 6px
}

.SumoSelect > .optWrapper.multiple.isFloating > .options li.opt {
    padding-left: 35px
}

.SumoSelect > .optWrapper.multiple.isFloating {
    padding-bottom: 43px
}

.SumoSelect .select-all.partial > span i, .SumoSelect .select-all.selected > span i, .SumoSelect > .optWrapper.multiple > .options li.opt.selected span i {
    background-color: #11a911;
    box-shadow: none;
    border-color: transparent;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAYAAAD+Bd/7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAABMSURBVAiZfc0xDkAAFIPhd2Kr1WRjcAExuIgzGUTIZ/AkImjSofnbNBAfHvzAHjOKNzhiQ42IDFXCDivaaxAJd0xYshT3QqBxqnxeHvhunpu23xnmAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-position: center center
}

.SumoSelect.disabled {
    opacity: .7;
    cursor: not-allowed
}

.SumoSelect.disabled > .CaptionCont {
    border-color: #ccc;
    box-shadow: none
}

.SumoSelect .select-all {
    border-radius: 3px 3px 0 0;
    position: relative;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    padding: 8px 0 3px 35px;
    height: 20px;
    cursor: pointer
}

.SumoSelect .select-all > label, .SumoSelect .select-all > span i {
    cursor: pointer
}

.SumoSelect .select-all.partial > span i {
    background-color: #ccc
}

.SumoSelect > .optWrapper > .options li.optGroup {
    padding-left: 5px;
    text-decoration: underline
}

.delivery-template .absolute.v-loader {
    top: 38px;
}

div.lang_switcher > .jq-selectbox__select,
div.currency_switcher > .jq-selectbox__select {
    font-size: 18px;
    height: 40px;
    padding: 9px 4px 7px 9px;
    background: transparent;
    border: 1px solid var(--brand-color-2);
    border-radius: 0;
    width: 65px;
}

div.lang_switcher > .jq-selectbox__select .jq-selectbox__select-text {
    width: 100% !important;
    color: var(--brand-color-2);
}

div.lang_switcher > .jq-selectbox__select .jq-selectbox__trigger-arrow {
    top: 18px;
    right: 15px;
}

div.lang_switcher.jq-selectbox.opened > .jq-selectbox__select .jq-selectbox__trigger-arrow {
    top: 18px;
}

div.lang_switcher .jq-selectbox__trigger-arrow, div.lang_switcher.jq-selectbox.opened .jq-selectbox__trigger-arrow,
div.currency_switcher .jq-selectbox__trigger-arrow, div.currency_switcher.jq-selectbox.opened .jq-selectbox__trigger-arrow {
    top: 14px;
}

/* new delivery*/

.section-delivery {
    /*background-color: red;*/
}

.section-delivery .steps {
    margin-top: 37px;
    margin-bottom: 12px;
}

.section-delivery .steps h1 {
    font-weight: 700;
}

.section-delivery .steps .nicearr {
    margin: 0 6px;
}

.section-delivery .checkout_left {
    padding-top: 0;
}

.section-delivery .deliver-radios {
    margin: 13px 0 22px 0;
}

.section-delivery .deliver-radios .radios_item {
    margin: 0 36px 15px 0;
}

.section-delivery .deliver-radios .radios_item input:not(:checked) + span {
    font-weight: 400;
}

.section-delivery .deliver-radios .radios_item .radios_item_txt {
    padding-left: 30px;
}

.section-delivery .form_label {
    cursor: pointer !important;
}

.section-delivery .checkbox-item.checkbox-item-template .form_label {
    margin-bottom: 16px;
}

.section-delivery .checkbox-item.checkbox-item-template .form_row {
    margin-bottom: 0;
}

.section-delivery .checkbox-item input:checked + label:after {
    display: block;
}

.section-delivery .checkbox-item input + label + .form_cols {
    display: none;

}

.section-delivery .checkbox-item input:checked + label + .form_cols {
    display: block !important;
    margin-left: 27px;
    margin-right: 0;
}

.section-delivery .checkbox-item label {
    position: relative;
    padding-left: 30px;
}


.section-delivery .checkbox-item label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    -webkit-border-radius: 2px;
    border-radius: 3px;
    border: 1px solid #c4c4c4;
}

.section-delivery .checkbox-item label:after {
    display: none;
    content: "";
    position: absolute;
    left: 5px;
    top: -1px;
    transform: rotate(40deg);
    width: 8px;
    height: 12px;
    border: none;
    border-bottom: 3px solid #b30e0c;
    border-right: 3px solid #b30e0c;
}

.section-delivery .form_cols {
    margin-right: 0;
}


/* left */

.section-delivery .form_cols_item {
    padding-right: 0;
}

.section-delivery .form_block h4 {
    padding-left: 0;
}

.checkout_left form {
    padding-left: 0;
}

.checkout_left h4 {
    padding: 0 0 9px 29px;
}

.checkout_left .jq-selectbox {
    max-width: 360px;
}

/* right */

.section-delivery .checkout_right {
    padding-top: 25px;
}

.section-delivery .checkout_right h4 {
    padding: 0 0 27px 10px;
}

.section-delivery .tovlist_item_title {
    font-weight: 400;
}


.section-delivery .delivery_tovitem {
    margin-top: 20px;
}

.section-delivery .form_row.form_row-country {
    position: relative;
}

.section-delivery .form_row.form_row-country img {
    position: absolute;
    left: -7px;
    top: 33px;
    z-index: 1;
}

.section-delivery .form_row.form_row-country input {
    padding-left: 54px;
    margin-left: -27px;
    width: calc(100% + 27px);
}

.form_row-country .form_label {
    margin-left: -9px;
}

.checkout_left .form_shifted {
    margin-left: 54px;
}

.checkout_left .form_shifted .form_label {
    margin-left: -27px;
}

.section-delivery .form_row.form_row-country {
    margin-left: -27px;
}

.section-delivery .form_row.form_row-country .form_label {
    padding-left: 18px;
}

.section-delivery .form_label {
    font-weight: 500;
}

.section-delivery .form_cols_item {
    padding-left: 0;
}

.js_delivery_item .bg-radios .radios_item {
    display: block;
}

.js_delivery_item .bg-radios {
    padding-right: 0;
    margin-left: -18px;
}

#individual-delivery .js_delivery_item .bg-radios {
    margin-left: -44px;
}

.js_delivery_item .bg-radios .radios_item {
    border-radius: 5px;
    border: 1px solid transparent;
}

.js_delivery_item .bg-radios .radios_item.active {
    background-color: #f8f8f8;
    border-color: #c5c5c4;
}

.js_delivery_item .bg-radios .radios_item.active .radios_item_bot {
    display: block;
}

.js_delivery_item .bg-radios .radios_item > label {
    padding: 15px 58px 15px 18px;
}

.js_delivery_item .radios_item_top {
    width: 100%;
}

.js_delivery_item .radios_item_txt {
    width: 100%;
    display: flex;
    align-items: center;
}

.js_delivery_item .radios_item_txt:before {
    top: 11px;
}

.js_delivery_item .radios_item_txt:after {
    top: 16px;
}

.js_delivery_item .radios_item_txt i {
    width: 42px;
    min-width: 42px;
    height: 42px;
    margin-right: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.js_delivery_item .radios_item_txt i img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.js_delivery_item .radios_item_sum {
    margin-left: auto;
}

.js_delivery_item .radios_item_bot {
    display: none;
    padding-left: 120px;
    padding-bottom: 40px;
    padding-right: 58px;
}

.js_delivery_item .radios_item_bot > span {
    display: block;
    color: #808080;
    font-size: 13px;
    margin-bottom: 6px;
}

.js_delivery_item .radios_item_name {
    font-weight: 700;
}

.js_delivery_item .radios_item_sum {
    font-weight: 700;
}

.js_delivery_item .radios_item_sum small {
    font-size: 75%;
}

.SumoSelect .jq-selectbox {
    display: none !important;
}

.SumoSelect .search-txt {
    opacity: 1;
}

.js_delivery_item .SumoSelect {
    height: 48px;
    width: 100%;
    display: block;
}

.js_delivery_item .SumoSelect > .CaptionCont {
    font-size: 16px;
    font-weight: 700;
    border-color: #c5c5c4;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 40px 0 18px;
    border-radius: 5px;
}

.js_delivery_item .SumoSelect > .CaptionCont > label {
    right: 8px;
}

.js_delivery_item .SumoSelect.open > .CaptionCont, .js_delivery_item .SumoSelect:focus > .CaptionCont, .js_delivery_item .SumoSelect:hover > .CaptionCont {
    box-shadow: none;
    border-color: #c5c5c4;
}

.js_delivery_item .SumoSelect.open > .optWrapper {
    top: calc(100% + 15px);
}

.js_delivery_item .SumoSelect.open .search-txt {
    padding: 0 40px 0 18px;
    height: 100%;
    font-size: 16px;
    font-weight: 700;
}

.js_delivery_item .SumoSelect > .optWrapper > .options li label {
    padding: 10px 18px;
}

.js_delivery_item .SumoSelect > .optWrapper.isFloating {
    position: absolute;
    top: calc(100% + 15px);
    left: 0;
    right: 0;
    width: 100%;
    bottom: auto;
    margin: auto;
    max-height: unset;
    height: auto !important;
}

.js_delivery_item .SumoSelect > .optWrapper.isFloating > .options {
    max-height: 350px;
}

.js_delivery_item .SumoSelect .no-match {
    padding: 10px 18px;
}

.search_delivery_wrapper {
    position: relative;
    width: 515px;
    max-width: 100%;
}

.search_delivery_wrapper .clear-select {
    display: none;
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 18px;
    cursor: pointer;
}

.search_delivery_wrapper .clear-select:before {
    position: absolute;
    content: '';
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    left: -10px;
    top: -10px;
}

.search_delivery_wrapper.filled .clear-select {
    display: block;
    opacity: 1;
}

.input_delivery_wrapper {
    position: relative;
    width: 515px;
    max-width: 100%;
}

.input_delivery_wrapper .clear-input {
    display: none;
    opacity: 0;
    position: absolute;
    z-index: 2;
    top: 20px;
    right: 18px;
    cursor: pointer;
}

.input_delivery_wrapper .clear-input:before {
    position: absolute;
    content: '';
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    left: -10px;
    top: -10px;
}

.input_delivery_wrapper.filled .clear-input {
    display: flex;
    opacity: 1;
}

.input_delivery_wrapper .input_delivery {
    display: block;
    opacity: 1;
    width: 100%;
    background-color: #fff;
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #c5c5c4;
    align-items: center;
    height: 48px;
    padding: 0 40px 0 18px;
    border-radius: 5px;
    position: static;
}

.checkout_left .form_shifted + h4 {
    margin-left: 18px;
}

.section-delivery .form_cols.form_fields {
    display: flex;
    justify-content: space-between;
}

.section-delivery .form_cols.form_fields .form_cols_item {
    width: calc(50% - 25px);
}

.section-delivery .form_cols.form_fields .form_label {
    margin-left: 0;
}

.checkout_btns {
    justify-content: flex-end;
}

.js_payment_item .radios {
    border-bottom: 1px solid #dddddd;
    padding-bottom: 20px;
}

.js_payment_item .radios .radios_item {
    border-radius: 5px;
    border: 1px solid transparent;
    margin-bottom: 15px;
}

.js_payment_item .radios .radios_item.active {
    background-color: #fff;
    border-color: #c5c5c4;
}

.js_payment_item .radios .radios_item.active .radios_item_bot {
    display: block;
}

.js_payment_item .radios .radios_item > label {
    padding: 15px 28px 15px 18px;
    min-height: 84px;
}

.js_payment_item .radios_item_top {
    width: 100%;
}

.js_payment_item .radios_item_txt {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 45px;
}

.js_payment_item .radios_item_txt:before {
    top: 50%;
    transform: translateY(-50%);
}

.js_payment_item .radios_item_txt:after {
    top: 50%;
    transform: translateY(-50%);
}

.js_payment_item .radios_item_txt i {
    width: 42px;
    min-width: 42px;
    height: 42px;
    margin-right: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.js_payment_item .radios_item_txt i img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    mix-blend-mode: multiply;
}

.js_payment_item .radios_item_sum {
    margin-left: auto;
}

.js_payment_item .radios_item_bot {
    display: none;
    padding-left: 120px;
    padding-bottom: 40px;
    padding-right: 58px;
}

.js_payment_item .radios_item_bot > span {
    display: block;
    color: #808080;
    font-size: 13px;
    margin-bottom: 6px;
}

.js_payment_item .radios_item_name {
    font-weight: 700;
}

.js_payment_item .radios_item_name small {
    font-weight: 400;
    display: block;
    color: #808080;
    font-size: 14px;
}

.js_payment_item .radios_item_pic {
    min-width: max-content;
}

.checkout_payment_cols .checkout_left h4 {
    padding-left: 18px;
}

.checkout_payment_cols .checkout_right {
    padding-top: 0;
}

.checkout_payment_cols .checkout_right h4 {
    padding-left: 0;
}

.js_payment_item .checkout_btns {
    justify-content: flex-start;
}

.mob-switchers {
    display: none;
    justify-content: center;
    gap: 20px;
    width: 210px;
    margin: 0 auto 100px;
}

.mob-switchers div.lang_switcher > .jq-selectbox__select {
    width: 108px;
    height: 36px;
    background-color: var(--brand-color);
}

.mob-switchers .jq-selectbox.currency_switcher, .mob-switchers  .jq-selectbox.lang_switcher {
    max-width: 108px;
}

.mob-switchers div.lang_switcher > .jq-selectbox__select .jq-selectbox__select-text {
    text-align: center;
    font-size: 14px;
}

.mob-switchers .jq-selectbox__dropdown {
    width: 108px;
    text-align: center;
    top: 35px !important;
}

.mob-switchers div.lang_switcher > .jq-selectbox__select .jq-selectbox__trigger-arrow {
    top: 15px;
    right: 36px;
}

.mob-switchers div.lang_switcher.jq-selectbox.opened > .jq-selectbox__select .jq-selectbox__trigger-arrow {
    top: 14px;
}

.mob-switchers .jq-selectbox li {
    padding: 9px 10px;
    font-size: 14px !important;
    font-weight: 500;
}

@media screen and (max-width: 1199px) {
    .section-delivery .checkout_left {
        width: calc(100% - 380px);
    }
}

@media screen and (max-width: 991px) {
    .section-delivery .checkout_left {
        width: 100%;
    }
}

@media screen and (max-width: 574px) {
    .js_delivery_item .bg-radios {
        margin-left: -24px;
    }

    .section-delivery .checkbox-item input:checked + label + .form_cols {
        margin-left: 0;
    }

    .js_delivery_item .bg-radios .radios_item > label {
        padding: 15px;
    }

    .js_delivery_item .radios_item_name {
        margin-top: -21px;
    }

    .js_delivery_item .radios_item_sum {
        position: absolute;
        font-size: 12px;
        top: 22px;
        left: 97px;
    }

    .js_delivery_item .radios_item_bot {
        padding: 15px;
    }

    .input_delivery_wrapper .input_delivery {
        font-size: 14px;
    }

    .js_delivery_item .SumoSelect > .CaptionCont {
        font-size: 14px;
    }

    .checkout_left .form_shifted + h4 {
        margin-left: 0;
    }

    .section-delivery .form_cols.form_fields {
        flex-direction: column;
    }

    .section-delivery .form_cols.form_fields .form_cols_item {
        width: 100%;
    }

    .checkout_btns {
        padding-left: 25px;
        justify-content: center;
    }

    .js_payment_item .radios .radios_item > label {
        padding: 15px;
        min-height: unset;
    }

    .js_payment_item .radios_item_txt {
        padding-left: 35px;
    }

    .js_payment_item .radios_item_name {
        white-space: normal;
        font-size: 14px;
    }

    .js_payment_item .radios_item_name small {
        font-size: 11px;
        line-height: 13px;
    }

    .js_payment_item .radios_item_pic {
        min-width: unset;
        max-width: 66px;
    }
}

@media screen and (max-width: 469px) {
    .js_payment_item .checkout_btns .btn {
        width: 100%;
    }
}

@media screen and (max-width: 374px) {
    .js_delivery_item .radios_item_txt i {
        margin-right: 15px;
    }

    .js_delivery_item .radios_item_name {
        margin-top: -17px;
        font-size: 14px;
    }

    .js_delivery_item .radios_item_sum {
        left: 90px;
    }
}

.form_cols.js_templates_switcher {
    z-index: 2;
    position: relative;
}

.form_cols.js_templates_switcher .js_address_template {
    margin-left: -27px;
}

@media screen and (max-width: 1199px) {
    .header_nav_list > li {
        padding: 30px 35px;
    }

    .header_logo {
        width: 216px;
    }

    .header_logo img {
        width: 80px;
    }

    .header_nav_list > li > a {
        font-size: 14px;
    }

    .web .header_nav_list li:hover .dropdown_menu {
        top: 90px !important;
    }

    .dropdown_menu .lvl1 > ul > li > a,
    .dropdown_menu .lvl2 > ul > li > a {
        font-size: 20px !important;
    }

    .header_nav_list > li ul {
        left: -20px;
    }

    .header_user {
        width: 120px;
    }

    .header_user_name {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .header_card {
        margin: 0 20px;
    }

    .header_card + .header_card {
        margin-left: 0;
    }

    .jq-selectbox.currency_switcher, .jq-selectbox.lang_switcher {
        max-width: 90px;
    }

    .jq-selectbox.currency_switcher .jq-selectbox__trigger-arrow, .jq-selectbox.lang_switcher .jq-selectbox__trigger-arrow {
        right: 10px;
    }
}

@media screen and (max-width: 1149px) {
    .header_nav_list > li ul {
        left: -20px;
    }
}

@media screen and (max-width: 1023px) {
    div.lang_switcher > .jq-selectbox__select, div.currency_switcher > .jq-selectbox__select {
        padding: 7px 25px 7px 8px;
    }

    .mob-switchers {
        display: flex;
    }

    .header_logo {
        width: 125px;
        height: 75px;
    }

    .header_logo img {
        width: 70px;
        height: auto;
    }

    .header_nav_list > li ul {
        left: 0;
    }
}


@media screen and (max-width: 991px) {
    .header_search_drop {
        width: 260px;
    }
}

@media screen and (max-width: 767px) {
    .header_search {
        position: static;
    }

    .header_search_drop {
        max-width: 100%;
        width: calc(100vw - 101px);
        right: 38px;
        left: 20px;
        top: 20px;
    }

    .header_search .form-control {
        height: 36px;
    }

    .header_search .search_btn {
        height: 36px;
        width: 34px;
    }

    .header_search.open .header_search_drop {
        z-index: 51;
    }
}

@media screen and (max-width: 699px) {
    .header_user {
        width: auto;
    }

    .header_nav_list > li {
        margin-left: 0;
    }
}

@media screen and (max-width: 574px) {
    .jq-selectbox.currency_switcher, .jq-selectbox.lang_switcher {
        display: none !important;
    }

    .mob-switchers .jq-selectbox.currency_switcher, .mob-switchers .jq-selectbox.lang_switcher {
        display: inline-block !important;
    }

    .header_card {
        margin: 0 13px;
    }
}

@media screen and (max-width: 499px) {
    .header_search_drop {
        width: calc(100vw - 96px);
    }
}

@media screen and (max-width: 374px) {
    .header .wrapper {
        padding: 0 10px;
    }

    .header_card {
        margin: 0 10px;
    }

    .header_user {
        margin-left: 4px;
    }

    .header_right {
        margin-right: 15px;
    }

    .header_search_drop {
        width: calc(100vw - 80px);
    }
}

.radios_item.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.loaded .main-wrapper {
    opacity: 1;
}

.categories.owl-carousel {
    flex-wrap: nowrap;
}

.categories .owl-stage-outer {
    display: flex;
    justify-content: center;
}

/* new main */

.main-section {
    padding: 30px 0;
}

.main-section__wrapper {
    max-width: 1382px;
    margin: 0 auto;
    display: flex;
}

.main-section__left {
    width: 33.4%;
    padding: 41px 100px 41px 58px;
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: var(--brand-color);
}

.main-section__left > img {
    position: absolute;
    right: 0;
    bottom: 0;
    max-width: unset;
}

.main-section__left .btn {
    text-transform: none;
    height: 40px;
    padding: 5px 19px;
    margin-top: auto;
    align-self: flex-start;
}

.main-section__title {
    font-size: 46px;
    line-height: 100%;
    font-weight: 500;
    position: relative;
    z-index: 1;
    margin-bottom: 31px;
    color: var(--brand-color-2);
}

.main-section__title span {
    display: block;
}

.main-section__descr {
    display: block;
    margin-bottom: 35px;
    position: relative;
    z-index: 1;
    font-size: 16px;
    line-height: 20px;
}

.main-section__right {
    width: 67%;
    font-size: 0;
}

.main-section__right img {
    position: relative;
    mix-blend-mode: multiply;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 1199px) {
    .main-section__left {
        padding: 30px 30px 28px 25px;
    }
}

.new-items__section {
    padding: 63px 0 86px;
}

.new-items__title {
    display: block;
    text-align: center;
    font-weight: 500;
    font-size: 32px;
    line-height: 100%;
    margin-bottom: 47px;
}

.new-items__wrapper {
    padding-bottom: 70px;
}

.new-items__wrapper {
    max-width: 1380px;
    margin: 0 auto;
}

.tovs_slider_price {
    font-size: 18px;
    line-height: 25px;
}

.new-items__wrapper .categ {
    border-color: #f0ecea;
    background-color: #f0ecea;
    color: #666;
    margin-bottom: 3px;
}

.new-items__wrapper .nicearr {
    width: 35px;
    height: 27px;
    margin-top: 5px;
}

.cats-new {
    padding-bottom: 65px;
    background-color: var(--brand-color);
}

.cats-new .section_top h2,
.cats-new .section_top .h2 {
    font-weight: 500;
    font-size: 46px;
    line-height: 32px;
    color: var(--brand-color-2);
    margin-bottom: 5px;
}

.cats_item_pic {
    margin: 0 auto 5px;
    font-size: 0;
    overflow: hidden;
}

.cats_item_name {
    display: block;
    text-align: center;
    font-size: 20px;
    line-height: 25px;
    font-weight: 500;
    color: #000;
    transition: all 0.3s linear;
}

.cats_item:hover .cats_item_name {
    color: var(--brand-color-2);
}

.section-info__new .subsc .form-control::placeholder {
    color: #000;
}

.section-piqs__new .piqs_item:before {
    display: none;
}

.cats_item img {
    transition: transform .5s;
    backface-visibility: hidden;
}

.cats_item:hover img {
    transform: scale(1.1);
}

@media screen and (max-width: 1199px) {
    .cats-new .cats_item img {
        width: 100%;
    }

    .main-section__left {
        padding-left: 15px;
        padding-top: 30px;
    }

    .main-section__left > img {
        max-width: 100%;
    }

    .main-section__title {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .cats_item_name {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .main-section {
        padding-bottom: 30px;
    }

    .cats-new .cats_item {
        width: calc(33.33% - 5px);
    }

    .main-section__wrapper {
        flex-direction: column;
        align-items: center;
    }

    .main-section__left {
        width: 100%;
        padding: 29px 20px 30px 39px;
        overflow: hidden;
    }

    .main-section__left > img {
        height: 114px;
        bottom: -22px;
    }

    .main-section__title {
        font-size: 24px;
        line-height: 28px;
        margin-bottom: 10px;
    }

    .main-section__descr {
        line-height: 18px;
        padding-right: 29%;
        margin-bottom: 30px;
    }

    .main-section__left .btn {
        font-size: 14px;
        height: 36px;
        padding: 5px 25px;
    }

    .main-section__right {
        width: 100%;
    }

    .cats-new {
        padding-bottom: 0;
        padding-top: 38px;
        background-color: transparent;
        position: relative;
    }

    .cats-new:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: calc(100% - 175px);
        background-color: var(--brand-color);
    }
}

@media screen and (max-width: 599px) {
    .main-section {
        padding: 14px 0;
    }

    .new-items__section {
        padding: 36px 0 0;
    }

    .new-items__title {
        font-size: 24px;
        line-height: 26px;
        margin-bottom: 24px;
    }

    .new-items__wrapper {
        padding-bottom: 40px;
    }

    .section-piqs__new .piqs_item {
        height: auto;
    }

    .cats-new .cats_item {
        width: calc(50% - 7px);
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 374px) {
    .new-items__wrapper .tovs_slider_img {
        min-width: 120px;
        width: 120px;
    }
}

.sitemap__inner {
    display: flex;
    flex-wrap: wrap;
    gap: 200px;
}

.sitemap__inner .footer_title {
    display: none;
}


.sitemap__inner-item ul {
    list-style: none;
}

.sitemap__inner-item li {
    list-style: none;
    margin-bottom: 6px;
}

.sitemap__inner-item a {
    display: block !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 400 !important;
}

.sitemap__inner-item a:hover {
    text-decoration: underline;
}

@media (max-width: 767px) {
    .sitemap__inner {
        display: block;
    }
}

.search-results {
    width: 100%;
    background-color: #fff;
    padding: 5px 10px 10px;
    border: 1px solid var(--brand-color-2);
    margin-top: -1px;
}

.selectable {
    display: flex;
    align-items: center;
    justify-content: space-around;
    margin-top: 12px;
}

.selectable img {
    width: 40px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 12px;
}

.selectable a {
    font-size: 16px;
    width: calc(100% - 50px);
    color: #000;
}

.selectable b {
    margin-left: 5px;
    white-space: nowrap;
    color: #000;
}


/*popup*/

body:before {
    content: '';
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10999;
    background-color: rgba(0, 0, 0, 0.6);
    visibility: hidden;
    opacity: 0;
    transition: opacity ease 0.3s, visibility ease 0.3s;
}

body.show-buy-one-click:before, body.show-credit-popup:before {
    visibility: visible;
    opacity: 1;
    overflow: hidden;
}

.popup-one-click {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 11000;
    width: 100%;
    max-width: 600px;
    padding: 15px;
    color: #000;
    visibility: hidden;
    opacity: 0;
    display: none;
}

.popup-credit {
    position: fixed;
    left: 50%;
    top: 10%;
    transform: translate(-50%, 0);
    z-index: 11000;
    width: 100%;
    max-width: 600px;
    padding: 15px;
    color: #000;
    visibility: hidden;
    opacity: 0;
    transition: opacity ease 0.3s, visibility ease 0.3s;
    display: none;
}

.popup-credit .jq-selectbox__dropdown ul {
    max-height: 200px;
}

body.show-buy-one-click .popup-one-click {
    visibility: visible;
    opacity: 1;
    display: block;
}

body.show-credit-popup .popup-credit {
    visibility: visible;
    opacity: 1;
    width: 100%;
    max-width: 960px;
    display: block;
}

.popup-one-click__top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #000;
    color: #fff;
    padding: 15px 20px;
    font-size: 18px;
}

.inner-close {
    font-size: 23px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    transition: ease 0.3s;
}

.inner-close:hover {
    color: #d7c6c6;
}

.inner-cont {
    background-color: #fff;
}

.inner-cont__top {
    padding: 10px 20px;
    padding-bottom: 40px;
    display: flex;
    align-items: center;
}

.inner-cont__top-pic {
    width: 100%;
    max-width: 130px;
    height: 150px;
    flex-shrink: 0;
    margin-right: 20px;
}

.inner-cont__top-pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}

.inner-cont__top-title {
    font-size: 16px;
    font-weight: 700;
}

.inner-cont__form {
    padding: 0 30px;
    padding-bottom: 30px;
}

.inner-cont__form .form_cols_item {
    padding: 0;
}

.inner-cont__form .form-control {
    height: 40px !important;
    padding-left: 10px;
}

.inner-cont__form .form_cols {
    margin-left: 0;
    margin-right: 0;
    font-size: 14px;
}

.inner-cont__form .form_label {
    font-size: 11px;
    margin-bottom: 3px;
}

.inner-cont__form .form_cols .form_row {
    margin-bottom: 20px;
}

.inner-cont__form .form_cols .form_row input {
    border-radius: 0;
}

.inner-cont__form .form_btns {
    margin-top: 20px;
}

.credit-variant__price {
    margin-bottom: 16px;
    font-size: 22px;
}

.credit-variant__price-period {
    font-size: 18px;
}

.product .btn.select_credit {
    padding-left: 15px;
}

@media (max-width: 574px) {
    .inner-cont__top {
        flex-direction: column;
        padding-bottom: 10px;
    }

    .inner-cont__top-pic {
        margin-bottom: 28px;
    }

    .inner-cont__top-title {
        font-size: 14px;
    }

    .inner-cont__form {
        padding: 0 15px;
        padding-bottom: 25px;
    }

    .inner-cont__form .form_btns {
        margin-top: 7px;
    }

    .inner-cont__form .form-control {
        height: 35px !important;
    }

    .inner-cont__form .form_cols .form_row {
        margin-bottom: 15px;
    }
}

@media (min-width: 768px) {
    .credit-variant__price {
        margin-bottom: 0;
        margin-right: 16px;
    }
}

@media (min-width: 1024px) {
    .credit-variant__price {
        font-size: 24px;
    }

    .credit-variant__price-period {
        font-size: 16px;
    }
}

.inner-cont > .row {
    border: 1px solid #e9e9e9;
    border-top: none;
    padding: 24px;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: normal;
}

.btn.one-click {
    margin-left: 10px;
    background-color: #000;
    padding: 0 20px;
}

.product_installment li.product_installment_btn .btn.credit {
    background: #b60e0c;
    color: #fff !important;
    border: 0 solid #b60e0c;
    margin-left: 10px;
    padding: 0 20px;
}

.product_installment li.product_installment_btn .btn.credit:hover {
    background: #b60e0c;
    color: #fff !important;
}

.credit-variant__info {
    display: flex;
    align-items: flex-start;
    margin-bottom: 16px;
}

.credit-variant__period {
    display: flex;
    flex-direction: column;
    margin-bottom: 16px;
}

.credit-variant__payment {
    display: flex;
    flex-direction: column;
}

.credit-variant__picture {
    flex-shrink: 0;
    margin-right: 16px;
    padding: 2px;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
}

.credit-variant__title {
    font-size: 16px;
    margin-bottom: 8px;
}

.credit-variant__info-item {
    color: #797878;
    font-size: 14px;
}

.credit-variant__info-wrap ul {
    list-style: none;
}

@media (min-width: 768px) {
    .credit-variant__info {
        width: 100%;
    }

    .credit-variant__period {
        margin-bottom: 0;
        flex-direction: row;
        align-items: flex-end;
    }

    .credit-variant__payment {
        flex-direction: row;
        align-items: baseline;
    }
}

@media (max-width: 490px) {
    .btn.one-click, .btn.credit {
        width: 100%;
        margin-top: 10px;
        margin-right: 0;
        margin-left: 0;
    }
}

@media (min-width: 1024px) {
    .credit-variant__info {
        width: 320px;
        margin-right: 48px;
        margin-bottom: 0;
    }

    .credit-variant__period {
        flex-direction: column;
        width: 160px;
        margin-right: 48px;
    }

    .credit-variant__payment {
        margin-left: auto;
    }
}

.auth-lang {
    margin-top: 17px;
    margin-bottom: 5px;
    color: rgba(255, 255, 255, 0.8);
}

.auth-lang span {
    color: #fff;
    font-weight: 700;
    cursor: default;
}

.auth-lang a {
    color: rgba(255, 255, 255, 0.8);
}

.auth-lang a:hover {
    color: #fff;
}

.contacts_item-times span {
    display: block;
}

.contacts_item-times span strong {
    padding-right: 4px;
}


.btn-top {
    position: fixed;
    left: 4rem;
    bottom: 6rem;
    z-index: 10000;
    display: none;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: var(--brand-color);
}

.btn-top:hover {
    opacity: 0.7;
}

@media (max-width: 991px) {
    .btn-top {
        left: 3rem;
        bottom: 6rem;
    }
}

.section-conts-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin-top: 50px;
    margin-bottom: 60px;
}

.section-conts-btn a {
    width: 180px;
}

.section-conts-btn a:nth-of-type(1) {
    background-color: #000;
    color: #fff;
}

.header_nav_list > li ul li p {
    padding-bottom: 5px;
}

.header_nav_list > li ul li p a {
    height: auto;
    padding: 6px 0 6px 27px;
}

@media (max-width: 1439px) {
    .header_row {
        position: relative;
    }

    .header_nav_list > li {
        position: static;
    }

    .header_nav_list > li ul {
        width: 100%;
        left: 0;
    }
}

@media (max-width: 1023px) {
    .header_nav_list > li ul {
        width: 100%;
    }

    .header_nav_list > li ul li {
        width: 100%;
        padding: 10px 0;
    }
}

@media (max-width: 699px) {
    .header_nav_list > li {
        margin-right: 0;
    }
}

.product_addr_inp js_city_container {
    margin-left: 0;
}

.seo-text {
    margin-bottom: 50px;
}

.seo-text h2 {
    text-align: left;
    font-size: 28px;
}

.seo-text p {
    font-size: 16px;
}

.seo-text ul,
.seo-text ol {
    padding-left: 0;
    margin-left: 20px;
    margin-bottom: 15px;
}

.seo-text li {
    font-size: 16px;
}

@media (max-width: 574px) {
    .seo-text li {
        font-size: 14px;
    }

    .seo-text p {
        font-size: 14px;
    }
}

.description .wrapper,
.seo-text .wrapper {
    column-count: 2;
    column-gap: 88px;
    max-width: 1495px;
    padding-bottom: 88px;
    text-align: justify;
    font-size: 14px !important;
    line-height: 18px !important;
    position: relative;
}

.description .wrapper,
.seo-text .wrapper {
    padding-top: 15px;
}

.description .wrapper:before,
.seo-text .wrapper:before {
    content: '';
    position: absolute;
    left: 20px;
    top: 0;
    width: calc(100% - 40px);
    height: 2px;
    background-color: var(--brand-color);
}

@media (min-width: 1024px) {
    .description .wrapper,
    .seo-text .wrapper {
        padding-top: 40px;
    }

    .description .wrapper:before,
    .seo-text .wrapper:before {
        left: 30px;
        width: calc(100% - 60px);
    }
}

@media (min-width: 1440px) {
    .description .wrapper:before,
    .seo-text .wrapper:before {
        left: 50px;
        width: calc(100% - 100px);
    }
}

.description .wrapper p, li,
.seo-text .wrapper p, li {
    font-size: 14px !important;
    line-height: 16px !important;
}

.description .wrapper h1,
.seo-text .wrapper h1 {
    text-align: left;
    font-size: 40px !important;
    line-height: 1 !important;
}

.description .wrapper h2, h3,
.seo-text .wrapper h2, h3 {
    text-align: left;
    font-size: 24px !important;
    line-height: 1 !important;
}

.description .wrapper ul,
.seo-text .wrapper ul {
    padding-left: 24px;
    margin-bottom: 12px;
}

.description .wrapper picture,
.seo-text .wrapper picture {
    display: block;
    margin: 22px auto;
}

.description .wrapper ul li,
.seo-text .wrapper ul li {
    margin-bottom: 5px;
}

.description .wrapper ul li span,
.seo-text .wrapper ul li span {
    display: block;
}


@media (max-width: 1199px) {
    .description .wrapper,
    .seo-text .wrapper {
        column-gap: 40px;
    }
}

@media (max-width: 767px) {
    .description .wrapper,
    .seo-text .wrapper {
        column-count: 1;
        padding-bottom: 23px;
    }

    .description .wrapper h1,
    .seo-text .wrapper h1 {
        text-align: left;
        font-size: 34px !important;
        line-height: 1 !important;
    }

    .description .wrapper h2, h3,
    .seo-text .wrapper h2, h3 {
        text-align: left;
        font-size: 24px !important;
        line-height: 28px !important;
    }
}

.header .wrapper {
    position: static;
    padding-left: 0;
}

.header_nav_list > li {
    position: relative;
}

.web .header_nav_list li:hover ul {
    visibility: hidden;
    opacity: 0;
    padding: 0;
}

.dropdown_menu {
    position: absolute;
    opacity: 0;
    visibility: hidden;
    transition: linear .2s;
    top: 100px;
    left: 0;
}

.dropdown_menu:before {
    position: absolute;
    content: '';
    top: -42px;
    left: 0;
    height: 42px;
    width: 100%;
}

.web .header_nav_list li:hover .dropdown_menu {
    opacity: 1;
    visibility: visible;
    top: 118px;
}

.dropdown_menu .lvl1 {
    position: relative;
    height: 100%;
    width: 337px;
    background-color: var(--brand-color-3);
    box-shadow: 13px 8px 20px -15px rgba(0, 0, 0, 0.2);
    padding: 24px 0;
}

.web .header_nav_list li:hover .dropdown_menu .lvl1 > ul {
    visibility: visible;
    opacity: 1;
    padding: 0;
}

.dropdown_menu .lvl1 > ul {
    position: static;
    display: block;
    width: 100%;
    padding: 0;
}

.dropdown_menu .lvl1 > ul:before, .dropdown_menu .lvl1 > ul:after {
    display: none;
}

.dropdown_menu .lvl1 > ul > li {
    padding: 0;
    position: static;
}

.dropdown_menu .lvl1 > ul > li:before {
    display: none;
}

.dropdown_menu .lvl1 > ul > li > a {
    position: relative;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 0 60px 0 55px;
    font-size: 24px;
    font-weight: 500;
}

.dropdown_menu .lvl1 > ul > li.has-children > a:after {
    position: absolute;
    content: '';
    width: 11px;
    height: 8px;
    top: 28px;
    right: 48px;
    -webkit-mask: url('../svg/corn.svg');
    mask: url('../svg/corn.svg');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: var(--text-color);
    transform: rotate(-90deg);
}

.dropdown_menu .lvl1 > ul > li:hover > a:after {
    background-color: var(--brand-color-2);
}

.dropdown_menu .lvl2 {
    position: absolute;
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    width: 371px;
    background-color: var(--brand-color-4);
    box-shadow: 13px 8px 20px -15px rgba(0, 0, 0, 0.2);
    padding: 23px 0;
}

.dropdown_menu .lvl2 > ul {
    position: static;
    display: block;
    width: 100%;
    padding: 0;
}

.dropdown_menu .lvl2 > ul:before, .dropdown_menu .lvl2 > ul:after {
    display: none;
}

.dropdown_menu .lvl2 > ul > li {
    padding: 0;
    position: static;
}

.dropdown_menu .lvl2 > ul > li:before {
    display: none;
}

.dropdown_menu .lvl2 > ul > li > a {
    position: relative;
    height: 60px;
    display: flex;
    align-items: center;
    padding: 0 10px 0 35px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
}

.dropdown_menu .lvl1 > ul > li:hover > .lvl2 {
    opacity: 1;
    visibility: visible;
}

.dropdown_menu .lvl1 > ul > li:hover ul {
    padding: 0;
    opacity: 0;
    visibility: hidden;
}

.dropdown_menu .lvl1 > ul > li:hover > .lvl2 ul {
    opacity: 1;
    visibility: visible;
}

.menu_pic {
    position: absolute;
    left: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    height: calc(100vh - 118px);
    width: calc(100vw - 1080px);
}

.menu_pic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.dropdown_menu .lvl2 > ul > li:hover > .menu_pic {
    opacity: 1;
    visibility: visible;
}

@media (max-width: 1799px) {
    .dropdown_menu .lvl1 {
        width: 21.4vw;
    }

    .dropdown_menu .lvl1 > ul > li > a {
        padding: 0 9% 0 16%;
    }

    .dropdown_menu .lvl2 {
        width: 23.4vw;
    }

    .dropdown_menu .lvl2 > ul > li > a {
        padding: 0 4% 0 9%;
    }

    .menu_pic {
        width: 44vw;
    }
}

.mob_menu {
    display: none;
    padding: 0 20px 30px;
}

.mob_menu > span {
    display: block;
    color: #6E6E6E;
    font-size: 12px;
    margin-bottom: 5px;
    border-bottom: 2px solid var(--brand-color);
    padding: 28px 0 11px;
}

.mob_menu > .lvl1 > li {
    display: flex;
    height: 54px;
}

.mob_menu > .lvl1 > li > a {
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    color: #000;
}

.mob_menu > .lvl1 > li:hover > a {
    color: var(--brand-color-2);
}

.mob_menu > .lvl1 > li > span {
    flex-grow: 1;
    position: relative;
}

.mob_menu > .lvl1 > li > span:after {
    position: absolute;
    content: '';
    width: 10px;
    height: 7px;
    top: 22px;
    right: -1px;
    -webkit-mask: url('../svg/corn.svg');
    mask: url('../svg/corn.svg');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #6E6E6E;
    transform: rotate(-90deg);
}

.mob_menu > .lvl1 > li:hover > span:after {
    background-color: var(--brand-color-2);
}

.mob_menu .lvl2 {
    position: fixed;
    z-index: 2;
    background: #fff;
    right: -150%;
    top: 76px;
    width: 100vw;
    height: calc(100vh - 76px);
    transition: 1s;
    padding: 14px 20px;
    overflow: auto;
}

@media (max-width: 1439px) {
    .dropdown_menu .lvl1 > ul > li > a {
        padding: 0 5% 0 8%;
    }
}

@media (max-width: 1123px) {
    .mob_menu .lvl2 {
        height: calc(100vh - 76px);
    }

    .mob_menu .lvl2 > ul {
        margin-bottom: 240px;
    }
}


.mob_menu .lvl2.active {
    right: 0;
}

.mob_menu .lvl2 .menu_back {
    position: relative;
    display: block;
    color: #6E6E6E;
    font-size: 12px;
    margin-bottom: 4px;
    border-bottom: 2px solid var(--brand-color);
    padding: 12px 0 12px 12px;
}

.mob_menu .lvl2 .menu_back:before {
    position: absolute;
    content: '';
    left: 4px;
    top: 17px;
    border: 1px solid #808080;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    border-top: none;
    border-right: none;
}

.mob_menu .lvl2 > ul > li {
    display: flex;
    height: 54px;
}

.mob_menu .lvl2 > ul > li > a {
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: center;
    color: #000;
}

.mob_menu .lvl2 > ul > li > a:hover {
    color: var(--brand-color-2);
}

.mob_menu .lvl2 > ul > li > div {
    width: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
}

.mob_menu .lvl2 > ul > li > div img {
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}

@media (max-width: 1439px) {
    .header_row {
        position: static;
    }

    .dropdown_menu .lvl1 > ul > li > a:after {
        right: 7%;
    }
}

@media (max-width: 1023px) {
    .header_nav_list > li.parent {
        display: none;
    }

    .header_row {
        position: relative;
    }

    .mob_menu {
        display: block;
    }
}

.cart_table .td3 {
    position: relative;
}

.cart_table .td3 .alert-danger {
    position: absolute;
    bottom: calc(100% - 43px);
    padding: 10px;
    font-size: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: 130px;
}

.cart_table .td3 .alert-danger:before {
    position: absolute;
    content: '';
    bottom: -4px;
    width: 8px;
    height: 8px;
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    border-top: none;
    border-left: none;
    left: 50%;
    transform: translateX(-50%) rotate(45deg);
}

@media screen and (max-width: 599px) {
    .cart_table tr {
        padding-top: 36px;
    }

    .alert-danger {
        bottom: calc(100% + 2px);
        margin-left: -5px;
    }
}

/* price */

.product_right .product_price {
    margin: 20px 0 30px;
}

.product_right  .tovs_item_price_old {
    font-size: 20px;
    margin-bottom: 5px;
}

.tovs_item_price_old {
    font-size: 17px;
    font-weight: 400;
    color: #B3B3B3;
    text-decoration: line-through;
}

.tovs_item .tovs_item_price_cur span {
    font-size: 16px;
}

.tovs_item .tovs_item_price_cur b {
    font-size: 19px;
}

.tovs_item_price_cur,
.tovs_item_price_cur span,
.tovs_item_price_cur b {
    color: #E72525;
}

/*===*/

.label-discount {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: fit-content;
    min-height: 20px;
    padding: 5px 12px;
    font-size: 13px;
    color: #fff;
    background-color: #E72525;
    border-radius: 4px;
}

.tovs.tovs-rows .label-discount {
    top: -60px;
}

@media (max-width: 767px) {
    .tovs.tovs-rows .label-discount {
        top: -11px;
    }
}

.personal_cols .label-discount {
    left: 40px;
}

bwchat#bwc-wrap #bwc-widget-action.bwc-mobile {
    flex-direction: row !important;
}

bwchat#bwc-wrap #bwc-widget-action.bwc-mobile .bwc-chat {
    margin-top: 0 !important;
}


.product_gallery_video {
    position: relative;
    display: inline-block;
}

.product_gallery_video > svg {
    position: absolute;
    top: 31px !important;
    left: 30px !important;
    width: 30px !important;
    height: 30px !important;
}

.product_gallery_slide-video .product_gallery_img {
}

.product_gallery_slide-video .product_gallery_img > i {
    position: absolute;
    width: 50px !important;
    height: 50px !important;
    pointer-events: none;
}

.product_gallery_slide-video .product_gallery_img > i svg {
    width: 100%;
    height: 100%;
}

.product_gallery_slide-video .product_gallery_img > div {
    height: auto;
}

/* reviews on main */

.section-reviews {
    padding-bottom: 70px;
    display: none;
}

.section-reviews .section_top .h2 {
    font-weight: 700;
    font-size: 32px;
}

.section-reviews .section_top_txt a {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 599px) {
    .section-reviews .section_top_txt a {
        justify-content: center;
    }
}

.section-reviews .section_top_txt a .nicearr {
    width: 25px;
    margin-left: 9px;
}

.section-reviews .section_top_txt a .nicearr .icon-arrow-h:before, .section-reviews .section_top_txt a .nicearr .icon-arrow-h:after {
    width: 10px;
}

.reviews-slider__wrapper {
    width: 1200px;
    max-width: 100%;
    margin: 36px auto 0;
}

@media screen and (max-width: 699px) {
    .reviews-slider__wrapper {
        margin-left: -15px;
        margin-right: -15px;
        width: auto;
        max-width: unset;
    }
}

.reviews-slider {
    padding-bottom: 85px;
}

.reviews-slider .slick-dots {
    bottom: 30px;
    max-width: calc(100vw - 140px);
    flex-wrap: wrap;
    margin: 0 auto;
}

.reviews-slider .slick-prev {
    top: auto;
    margin-top: 0;
    bottom: 12px;
    left: 15px;
}

.reviews-slider .slick-next {
    top: auto;
    margin-top: 0;
    bottom: 12px;
    right: 15px;
}

.reviews-slider .slick-arrow:before, .reviews-slider .slick-arrow:after {
    background: #b30e0c;
}

.reviews-slider .slick-arrow .icon-arrow-h:before, .reviews-slider .slick-arrow .icon-arrow-h:after {
    background: #b30e0c;
}

.reviews-slider .slide {
    padding: 0 15px;
}

.reviews-slider__item {
    border-radius: 4px;
    border: 1px solid #D0D0D0;
    background: #fff;
}

.reviews-slider__item-main {
    padding: 30px 30px 26px;
    height: 270px;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 699px) {
    .reviews-slider__item-main {
        height: auto;
        padding: 20px;
    }
}

.rating-stars {
    display: flex;
}

.rating-stars .rating-star {
    margin-right: 4px;
}

.rating-stars .rating-star:last-child {
    margin-right: 0;
}

.rating-star {
    display: flex;
}

.rating-star:before {
    content: "";
    width: 14px;
    height: 14px;
    -webkit-mask: url("../svg/empty-star.svg");
    mask: url("../svg/empty-star.svg");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #808080;
}

.rating-star.active:before {
    -webkit-mask: url("../svg/star.svg");
    mask: url("../svg/star.svg");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #B60E0C;
}

.rating {
    margin-right: -4px;
}

.rating > input ~ label {
    cursor: pointer;
}

.rating > input {
    display: none;
}

.rating > label:before {
    display: block;
    content: "";
    width: 14px;
    height: 14px;
    -webkit-mask: url("../svg/empty-star.svg");
    mask: url("../svg/empty-star.svg");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #808080;
    margin-right: 4px;
}

.rating > label {
    width: auto;
    float: right;
    margin-right: 0;
    margin-bottom: 0;
}

.rating:not(:checked) > label:hover:before,
.rating:not(:checked) > label:hover ~ label:before,
.rating > input:checked + label:hover:before,
.rating > input:checked ~ label:before,
.rating > input:checked ~ label:hover:before,
.rating > input:checked ~ label:hover ~ label:before,
.rating > label:hover ~ input:checked ~ label:before {
    -webkit-mask: url("../svg/star.svg");
    mask: url("../svg/star.svg");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #B60E0C;
    opacity: 1;
}

.rating > input:checked ~ label:before {
    -webkit-mask: url("../svg/star.svg");
    mask: url("../svg/star.svg");
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    background-color: #B60E0C;
    opacity: 1;
}

.reviews-slider__rating {
    display: flex;
    align-items: center;
    color: #808080;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 24px;
}

.reviews-slider__rating > span {
    margin-left: 9px;
}

.reviews-slider__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: 15px;
}

.reviews-slider__footer {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    display: flex;
    justify-content: space-between;
    margin-top: auto;
}

.reviews-slider__footer span:last-child {
    color: #808080;
    margin-left: 10px;
}

.reviews-slider__item-answer {
    padding: 27px 30px 30px;
    border-top: 1px solid #D0D0D0;
    background: #F9F9F9;
    border-radius: 0 0 4px 4px;
    height: calc(100% - 270px);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 699px) {
    .reviews-slider__item-answer {
        height: auto;
        padding: 20px;
    }
}

.reviews-slider__item-answer span {
    display: block;
    margin-bottom: 12px;
    color: #B60E0C;
}

.reviews-slider__wrapper .btn {
    width: 370px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
}

@media screen and (max-width: 479px) {
    .reviews-slider__wrapper .btn {
        max-width: calc(100% - 30px);
        width: calc(100% - 30px);
    }
}

.mfp-bg {
    opacity: 1 !important;
    background: rgba(32, 32, 32, 0.30) !important;
    -webkit-backdrop-filter: blur(3.5px);
    backdrop-filter: blur(3.5px);
}

.mfp-container {
    padding: 0 !important;
}

.popup {
    background: #fff;
    position: relative;
    max-width: calc(100% - 30px);
    margin: 0 auto;
}

.popup .mfp-close {
    width: 20px;
    height: 20px;
    right: 20px;
    top: 20px;
    display: flex;
    font-size: 0;
    opacity: 1;
    transition: linear .2s;
}

@media screen and (max-width: 574px) {
    .popup .mfp-close {
        right: 15px;
        top: 15px;
    }
}

.popup .mfp-close:active {
    top: 20px;
}

.popup .mfp-close:after {
    position: absolute;
    content: '';
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% + 20px);
    height: calc(100% + 20px);
}

.popup .mfp-close:hover {
    opacity: .5;
}

.popup .mfp-close svg {
    pointer-events: none;
}

.popup-title {
    display: block;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
}

@media screen and (max-width: 574px) {
    .popup-title {
        font-size: 24px;
    }
}

.validate-form .form-row {
    display: flex;
    justify-content: space-between;
}

@media screen and (max-width: 574px) {
    .validate-form .form-row {
        flex-direction: column;
    }
}

.validate-form .input-wrapper {
    position: relative;
    width: 100%;
    margin-bottom: 20px;
}

@media screen and (max-width: 574px) {
    .validate-form .input-wrapper {
        margin-bottom: 15px;
    }
}

.validate-form .form-row .input-wrapper {
    width: calc(50% - 10px);
}

@media screen and (max-width: 574px) {
    .validate-form .form-row .input-wrapper {
        width: 100%;
    }
}

.validate-form .input-wrapper .input {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #D0D0D0;
    background: #fff;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.10);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding: 0 10px 0 20px;
}

@media screen and (max-width: 574px) {
    .validate-form .input-wrapper .input {
        padding-left: 15px;
    }
}

.validate-form .input-wrapper .input::placeholder {
    color: #808080;
}

.validate-form .input-wrapper .input:focus::placeholder {
    color: transparent;
}

.validate-form .input-wrapper .textarea {
    width: 100%;
    height: 100px;
    border-radius: 4px;
    border: 1px solid #D0D0D0;
    background: #fff;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.10);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding: 12px 20px;
    resize: none;
}

@media screen and (max-width: 574px) {
    .validate-form .input-wrapper .textarea {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.validate-form .input-wrapper .textarea::placeholder {
    color: #808080;
}

.validate-form .input-wrapper .textarea:focus::placeholder {
    color: transparent;
}

.validate-form .rating-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 17px;
}

@media screen and (max-width: 574px) {
    .validate-form .rating-wrapper {
        margin-bottom: 15px;
    }
}

.validate-form .rating-wrapper span {
    color: #808080;
    margin-right: 19px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.validate-form .rating-wrapper .input {
    position: absolute;
    z-index: -1;
    border: none;
    padding: 0;
    font-size: 0;
    width: 0;
    height: 0;
    opacity: 0;
}

.validate-form .rating-wrapper label.error {
    width: 100%;
}

.validate-form .checkbox-wrapper {
    margin-bottom: 17px;
}

@media screen and (max-width: 574px) {
    .validate-form .checkbox-wrapper {
        margin-bottom: 15px;
    }
}

.validate-form .checkbox-wrapper input {
    display: none;
}

.validate-form .checkbox-wrapper input + label {
    position: relative;
    padding-left: 23px;
    color: #808080;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 0;
    display: block;
    cursor: pointer;
}

.validate-form .checkbox-wrapper input + label:before {
    position: absolute;
    content: '';
    width: 13px;
    height: 13px;
    border-radius: 2px;
    border: 1px solid #808080;
    left: 0;
    top: 0;
}

.validate-form .checkbox-wrapper input + label:after {
    position: absolute;
    content: '';
    width: 11px;
    height: 11px;
    border-radius: 3px;
    background-color: #B60E0C;
    left: 1px;
    top: 1px;
    border: 2px solid #fff;
    display: none;
}

.validate-form .checkbox-wrapper input:checked + label:after {
    display: block;
}

.validate-form .btn {
    width: 100%;
}

.validate-form label.error {
    display: flex;
    margin: 10px 0 0 0;
    color: #B30E0C;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.validate-form label.error:before {
    content: '';
    width: 18px;
    min-width: 18px;
    height: 18px;
    background: url("../svg/info.svg") no-repeat center;
    background-size: contain;
    margin-right: 9px;
}

.validate-form .hidden {
    padding: 0;
    font-size: 0;
    background: transparent;
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.reviews-popup {
    width: 570px;
    padding: 43px 50px 50px;
}

@media screen and (max-width: 574px) {
    .reviews-popup {
        width: 570px;
        padding: 40px 15px 30px;
    }
}

.reviews-popup .popup-title {
    margin-bottom: 29px;
}

@media screen and (max-width: 574px) {
    .reviews-popup .popup-title {
        margin-bottom: 20px;
    }
}

.reviews-popup .validate-form .checkbox-wrapper input + label {
    max-width: 365px;
}

/* reviews page */

.page-reviews {
    padding: 6px 0 81px;
}

@media screen and (max-width: 599px) {
    .page-reviews {
        padding: 6px 0 25px;
    }
}

.reviews {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 1170px;
    max-width: 100%;
    margin: 46px auto 0;
    position: relative;
}

@media screen and (max-width: 1023px) {
    .reviews {
        flex-direction: column;
    }
}

.reviews .pagenavi {
    margin-top: 30px;
}

.reviews-left {
    width: calc(100% - 400px);
}

@media screen and (max-width: 1023px) {
    .reviews-left {
        width: 100%;
    }
}

.reviews-item {
    border-radius: 4px;
    border: 1px solid #D0D0D0;
    background-color: #fff;
}

.reviews-item + .reviews-item {
    margin-top: 30px;
}

.reviews-item__main {
    position: relative;
    padding: 27px 30px 28px;
}

@media screen and (max-width: 599px) {
    .reviews-item__main {
        display: flex;
        flex-direction: column-reverse;
        padding: 40px 20px 20px;
    }
}

.reviews-item__top {
    display: flex;
    justify-content: space-between;
    padding-right: 156px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 599px) {
    .reviews-item__top {
        padding-right: 0;
    }
}

.reviews-item__top span:last-child {
    color: #808080;
    margin-left: 10px;
}

.reviews-item__rating {
    position: absolute;
    top: 27px;
    right: 30px;
    display: flex;
    align-items: center;
    color: #808080;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

@media screen and (max-width: 599px) {
    .reviews-item__rating {
        right: auto;
        left: 20px;
        top: 20px;
    }
}

.reviews-item__rating > span {
    margin-left: 9px;
}

.reviews-item__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    margin-top: 12px;
}

@media screen and (max-width: 599px) {
    .reviews-item__text {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

.reviews-item__answer {
    padding: 27px 30px 30px;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #D0D0D0;
    background: #F9F9F9;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

@media screen and (max-width: 599px) {
    .reviews-item__answer {
        padding: 20px;
    }
}

.reviews-item__answer span {
    display: block;
}

.reviews-item__answer span:first-child {
    color: #B60E0C;
    margin-bottom: 12px;
}

.reviews-right {
    width: 370px;
    border-radius: 4px;
    background: #F9F9F9;
    padding: 26px 30px 30px;
}

@media screen and (max-width: 1023px) {
    .reviews-right {
        width: 100%;
        position: static;
    }
}

@media screen and (max-width: 599px) {
    .reviews-right {
        padding: 26px 15px 30px;
    }
}

.reviews-right__title {
    display: block;
    text-align: center;
    margin-bottom: 19px;
    font-size: 22px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

@media screen and (max-width: 599px) {
    .reviews-right__title {
        margin-bottom: 15px;
        font-size: 18px;
    }
}

/* reviews on product card */

.product-rating {
    display: flex;
    align-items: center;
    color: #808080;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin: 18px 0 10px;
}

.product-rating > span {
    margin-left: 9px;
}

/* rating in catalog */

.tovs_item_rating {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #808080;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin: -10px auto;
}

.tovs_item_rating > span {
    margin-left: 9px;
}

/* your reviews page */

.your-reviews {
    width: 770px;
    max-width: 100%;
    margin: 46px auto 0;
    position: relative;
}

.your-reviews__top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

@media screen and (max-width: 699px) {
    .your-reviews__top {
        flex-direction: column;
        margin-bottom: 0;
    }
}

.your-reviews__top .input-wrapper {
    width: calc(50% - 10px);
}

@media screen and (max-width: 699px) {
    .your-reviews__top .input-wrapper {
        width: 100%;
        margin-bottom: 15px;
    }
}

.your-reviews__top .input-wrapper .input {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    border: 1px solid #D0D0D0;
    background: #fff;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.10);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding: 0 10px 0 20px;
}

@media screen and (max-width: 699px) {
    .your-reviews__top .input-wrapper .input {
        padding-left: 15px;
    }
}

.your-reviews__top .input-wrapper .input:disabled {
    color: #D0D0D0;
}

.your-reviews__form {
    display: flex;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #D0D0D0;
    background: #FFF;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.10);
    padding: 10px;
}

@media screen and (max-width: 699px) {
    .your-reviews__form {
        flex-direction: column;
    }
}

.your-reviews__form + .your-reviews__form {
    margin-top: 30px;
}

@media screen and (max-width: 699px) {
    .your-reviews__form + .your-reviews__form {
        margin-top: 20px;
    }
}

.your-reviews__form-left {
    width: 46.5%;
}

@media screen and (max-width: 699px) {
    .your-reviews__form-left {
        width: 100%;
    }
}

.your-reviews__form-item {
    display: flex;
    align-items: center;
    padding-right: 50px;
    text-decoration: none;
}

@media screen and (max-width: 699px) {
    .your-reviews__form-item {
        padding-top: 20px;
        padding-right: 20px;
        margin-bottom: 20px;
    }
}

.your-reviews__form-item:hover .your-reviews__form-item__title {
    color: #B60E0C;
}

.your-reviews__form-item__pic {
    width: 97px;
    height: 80px;
    padding: 0 10px;
}

.your-reviews__form-item__pic img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.your-reviews__form-item__info {
    width: calc(100% - 97px);
}

.your-reviews__form-item__title {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    transition: linear .2s;
    color: #000;
}

.your-reviews__form-item__price {
    margin-top: 15px;
    display: flex;
    align-items: baseline;
    color: #000;
}

.your-reviews__form-item__price span {
    font-size: 20px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
}

.your-reviews__form-item__price div {
    padding: 0 6px;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
}

.your-reviews__form-item__price small {
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
}

.your-reviews__form-right {
    width: 53.5%;
    border-radius: 4px;
    background: #F9F9F9;
    padding: 20px;
}

@media screen and (max-width: 699px) {
    .your-reviews__form-right {
        width: 100%;
    }
}

@media screen and (max-width: 424px) {
    .your-reviews__form-right {
        padding: 20px 10px;
    }
}

.your-reviews__form-shop {
    margin-top: 30px;
    border-radius: 4px;
    background: #F9F9F9;
    padding: 30px;
}

@media screen and (max-width: 699px) {
    .your-reviews__form-shop {
        margin-top: 20px;
    }
}

@media screen and (max-width: 424px) {
    .your-reviews__form-shop {
        padding: 20px;
    }
}

.your-reviews__form-shop .input-wrapper {
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
}

.your-reviews__form-shop .btn {
    display: flex;
    max-width: 370px;
    margin-left: auto;
    margin-right: auto;
}

.your-reviews__form-shop.validate-form .textarea {
    padding-left: 15px;
    padding-right: 15px;
}

/* gallery */

@media screen and (max-width: 1023px) {
    .personal_nav li a [class^="icon-"] {
        height: 26px;
    }
}

.personal_nav li a .icon-gallery {
    font-size: 17px;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1023px) {
    .personal_nav li a .icon-gallery {
        align-items: center;
    }
}

.personal_nav li a .icon-documents {
    font-size: 20px;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 1023px) {
    .personal_nav li a .icon-documents {
        align-items: center;
    }
}

.personal_content_gallery {
    display: flex;
    flex-wrap: wrap;
    margin: 17px -15px 0;
}

.personal_content_gallery .col {
    width: 33.33333%;
    padding: 0 15px;
    margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
    .personal_content_gallery .col {
        width: 50%;
    }
}

@media screen and (max-width: 499px) {
    .personal_content_gallery .col {
        width: 100%;
        margin-bottom: 15px;
    }
}

.personal_content_gallery_folder {
    display: flex;
    align-items: center;
    color: #808080;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    width: 100%;
    height: 70px;
    border-radius: 4px;
    background: #F9F9F9;
    text-decoration: none;
    padding: 20px;
}

.personal_content_gallery_folder svg {
    margin-right: 9px;
    width: 20px;
    min-width: 20px;
}

.personal_content_gallery_folder svg path {
    transition: all 0.3s linear;
}

.personal_content_gallery_folder span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.personal_content_gallery_folder:hover {
    color: #B60E0C;
}

.personal_content_gallery_folder:hover svg path {
    fill: #B60E0C;
}

.personal_content_gallery_picture {
    display: block;
    height: 200px;
    border-radius: 4px;
    border: 1px solid #D0D0D0;
}

@media screen and (max-width: 1023px) {
    .personal_content_gallery_picture {
        height: 21vw;
    }

    .product_right .product_price {
        margin: 0;
    }

    .product_price .tovs_item_price, .product_price .tovs_item_price_cur {
        font-size: 24px;
        line-height: 28px;
    }

    .product h1 {
        font-size: 24px;
        line-height: 28px;
    }
}

@media screen and (max-width: 767px) {
    .personal_content_gallery_picture {
        height: 29vw;
    }
}

@media screen and (max-width: 499px) {
    .personal_content_gallery_picture {
        height: calc(66vw - 30px);
    }
}

.personal_content_gallery_picture img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* documents */

.personal_content_documents {
    display: flex;
    flex-wrap: wrap;
    margin: 17px -15px 0;
}

.personal_content_documents .col {
    width: 50%;
    padding: 0 15px;
    margin-bottom: 30px;
}

@media screen and (max-width: 499px) {
    .personal_content_documents .col {
        width: 100%;
        margin-bottom: 15px;
    }
}

.personal_content_documents_item {
    display: flex;
    align-items: center;
    color: #808080;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    width: 100%;
    height: 70px;
    border-radius: 4px;
    background: #F9F9F9;
    text-decoration: none;
    padding: 20px;
}

.personal_content_documents_item svg {
    margin-right: 9px;
    width: 14px;
    min-width: 14px;
}

.personal_content_documents_item svg:last-of-type {
    margin-left: auto;
    width: 15px;
    min-width: 15px;
}

.personal_content_documents_item svg path {
    transition: all 0.3s linear;
}

.personal_content_documents_item span {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 9px;
}

.personal_content_documents_item:hover {
    color: #B60E0C;
}

.personal_content_documents_item:hover svg path {
    fill: #B60E0C;
}

@media screen and (max-width: 599px) {
    .catalog_content .tovs-cols .tovs_item_preview {
        padding-bottom: 0;
        height: calc(78vw - 120px);
    }

    .tovs-cols .tovs_item_title {
        margin-bottom: 8px;
    }

    .more {
        margin: 32px 0 17px;
    }

    .more a [class^="icon-"], .more a [class*=" icon-"] {
        font-size: 26px;
        margin-right: 5px;
    }

    .tovs-cols .tovs_item_right {
        gap: 15%;
        margin-bottom: 6px;
    }

    .tovs-cols .tovs_item {
        margin-bottom: 20px;
    }

    .header_right .lang_switcher {
        display: none;
        opacity: 0;
        visibility: hidden;
        width: 0;
        height: 0;
        position: absolute;
        z-index: -999;
    }

    .breadcrumbs {
        font-size: 12px;
        margin: 20px 0 10px;
    }

    .breadcrumbs a,
    .breadcrumbs span {
        margin: 0;
    }
}

@media screen and (max-width: 767px) {
    .catalog_top .catalog_tabs {
        flex-wrap: nowrap;
        margin-left: 5px;
        margin-top: 0;
    }

    .catalog_sort [class^="icon-"], .catalog_sort [class*=" icon-"] {
        font-size: 17px;
        margin: -2px -11px 0 0;
    }

    .catalog_sidebar_opener .icon-filter path {
        fill: var(--brand-color);
    }

    .catalog_sidebar_opener .icon-filter svg {
        width: 12px;
        height: 12px;
    }

    .catalog_sort {
        margin: 0;
    }

    .catalog_sidebar_opener {
        font-size: 14px;
        line-height: 12px;
        font-weight: 500;
        background-color: var(--brand-color-2);
        color: var(--brand-color);
        padding: 4px 18px;
        position: absolute;
        left: 0;
        bottom: 44px;
    }

    .catalog_top {
        padding-bottom: 0;
        margin-bottom: 18px;
    }

    .catalog_sort .sort-order {
        width: 110px;
        min-width: 110px;
        max-width: 110px;
        margin-left: 5px;
    }

    .catalog_sort .limiter {
        width: 115px;
        min-width: 115px;
        max-width: 115px;
        margin-left: 5px;
    }

    .catalog_sort .jq-selectbox__select {
        font-size: 12px;
    }

    .catalog_tabs li a {
        font-size: 13px;
        height: 18px;
        width: 18px;
    }
}

.post-content figure.media {
    display: flex;
    justify-content: center;
}

.post-content iframe {
    max-width: 100% !important;
    aspect-ratio: 16/9;
    height: auto;
    margin: 25px 0;
}

.tabs li h2 {
    line-height: 1;
    padding: 0;
    text-align: left;
    height: auto;
    font-size: 16px;
}

.basic-sample > div {
    width: 300px;
    height: 400px;
}

.gallery-sample a.cloud-zoom {
    position: relative;
    display: block;
}

.gallery-sample a.cloud-zoom img {
    display: block;
    width: 500px;
    text-align: center;
}

.recent_list {
    display: -webkit-box;
    list-style: none;
}

.recent_list li {
    border: 1px solid #ddd;
}

.cloud-zoom {
    cursor: zoom-in;
}

.product_left::before {
    display: none;
}

.forgotten-cart__bot {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
    bottom: 30px;
    z-index: 10;
    border-radius: 4px;
    border: 1px solid #EDEDED;
    background: #F9F9F9;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.10);
    padding: 20px 30px;
    display: flex;
    align-items: center;
    transition: linear .2s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.forgotten-cart__bot.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.forgotten-cart__bot > svg {
    min-width: 32px;
    height: 32px;
}

.forgotten-cart__bot > span {
    color: #000;
    width: max-content;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding-left: 10px;
    padding-right: 18px;
}

.forgotten-cart__bot .btn {
    height: 35px;
    font-size: 13px;
    line-height: 100%;
    padding: 0 18px;
}

.forgotten-cart__top {
    position: absolute;
    right: 0;
    top: calc(100% + 10px);
    background: #FFF;
    filter: drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.10));
    width: 266px;
    border: 1px solid #EDEDED;
    border-radius: 4px;
    margin-right: -6px;
    transition: linear .2s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.forgotten-cart__top.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.forgotten-cart__top:before {
    position: absolute;
    content: '';
    border-bottom: 10px solid #EDEDED;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    right: 10px;
    bottom: 100%;
}

.forgotten-cart__top:after {
    position: absolute;
    z-index: 1;
    content: '';
    border-bottom: 8px solid #fff;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    right: 11px;
    bottom: 100%;
}

.forgotten-cart__top-head {
    padding: 20px;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.forgotten-cart__top-head:after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 20px;
    width: calc(100% - 40px);
    height: 1px;
    background: #D0D0D0;
}

.forgotten-cart__top-head > svg {
    min-width: 32px;
    height: 32px;
    margin-right: 10px;
}

.forgotten-cart__top-head > div {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    padding-right: 10px;
}

.forgotten-cart__top-close {
    display: flex;
    cursor: pointer;
    min-width: 17px;
}

.forgotten-cart__top-close:hover svg path {
    stroke: #B60E0C;
}

.forgotten-cart__top-body {
    max-height: 170px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px 0;
    width: calc(100% - 40px);
    margin: 10px auto 0;
}

.forgotten-cart__top-body::-webkit-scrollbar {
    overflow-y: scroll;
    border-radius: 15px;
    background: #F9F9F9;
    width: 3px;
    transition: linear .2s;
    box-shadow: 1px 0 0 transparent;
}

.forgotten-cart__top-body::-webkit-scrollbar-thumb {
    border-radius: 15px;
    background: #D0D0D0;
    width: 3px;
    transition: linear .2s;
    cursor: grab;
}

.forgotten-cart__top-body ul {
    padding-right: 10px;
}

.forgotten-cart__top-body ul li {
    display: flex;
    align-items: flex-start;
}

.forgotten-cart__top-body ul li + li {
    margin-top: 20px;
}

.forgotten-cart__item-pic {
    display: flex;
    width: 46px;
    min-width: 46px;
    padding-right: 10px;
}

.forgotten-cart__item-pic img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
}

.forgotten-cart__item-info {
    padding-top: 2px;
}

.forgotten-cart__item-title {
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: 120%;
}

.forgotten-cart__item-price {
    display: flex;
    align-items: baseline;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    margin-top: 4px;
}

.forgotten-cart__item-price span:first-child {
    font-size: 14px;
    font-weight: 250;
    margin-left: 2px;
}

.forgotten-cart__item-price span:last-child {
    font-size: 12px;
    font-weight: 250;
    margin-left: 5px;
}

.forgotten-cart__top-footer {
    padding: 20px;
    border-top: 1px solid #EDEDED;
    margin-top: 10px;
}

.forgotten-cart__top-footer .btn {
    width: 100%;
    height: 35px;
    font-size: 13px;
}

@media screen and (max-width: 1199px) {
    .forgotten-cart__bot {
        left: 30px;
        transform: none;
    }

    .btn-top {
        left: 30px;
        bottom: 130px;
    }
}

@media screen and (max-width: 991px) {
    .forgotten-cart__top.active {
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    .forgotten-cart__bot {
        padding: 15px 20px;
        left: 20px;
        bottom: 20px;
    }

    .forgotten-cart__bot > span {
        width: 164px;
        padding-right: 10px;
    }

    .btn-top {
        left: 20px;
        bottom: 100px;
    }
}

@media screen and (max-width: 574px) {
    .forgotten-cart__bot {
        padding: 5px 10px;
        left: 15px;
        bottom: 96px;
        width: calc(100vw - 90px);
    }

    .forgotten-cart__bot > span {
        width: auto;
        font-size: 12px;
    }

    .forgotten-cart__bot .btn {
        font-size: 12px;
        padding: 0 12px;
    }

    .btn-top {
        left: auto;
        bottom: 95px;
        right: 15px;
    }
}

@media screen and (max-width: 359px) {
    .forgotten-cart__bot > span {
        padding: 0 5px;
        font-size: 10px;
    }

    .forgotten-cart__bot .btn {
        font-size: 10px;
    }
}

.product_installment {
    display: flex;
    padding-top: 18px;
    margin-top: 10px;
    border-top: 1px solid #b3b3b3;
}

.product_installment li {
    position: relative;
    display: flex;
    align-items: center;
    margin-right: 20px;
    cursor: pointer;
}

.product_installment li:last-child {
    margin-right: 0;
}

.product_installment li .tooltip {
    position: absolute;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    right: calc(100% + 15px);
    background-color: #fff;
    padding: 16px;
    font-size: 12px;
    width: 400px;
    filter: drop-shadow(0 10px 24px #00135114);
    opacity: 0;
    visibility: hidden;
    transition: linear .1s;
    transition-delay: .3s;
}

.product_installment li:hover .tooltip {
    opacity: 1;
    visibility: visible;
}

.product_installment li .tooltip:before {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    width: 15px;
    height: 100%;
}

.product_installment li .tooltip:after {
    position: absolute;
    content: '';
    top: 50%;
    transform: translateY(-50%);
    left: 100%;
    border: 6px solid transparent;
    border-left-color: #fff;
}

.product_installment li img {
    width: max-content;
    margin-right: 5px;
}

.product_installment li span {
    display: block;
    color: #000;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.product_installment li span:last-child {
    color: #808080;
    margin-top: 2px;
}

@media screen and (max-width: 1023px) {
    .product_installment {
        position: relative;
    }

    .product_installment li {
        position: static;
    }

    .product_installment li .tooltip {
        left: 0;
        right: auto;
        transform: none;
        top: auto;
        bottom: 100%;
    }

    .product_installment li .tooltip:before {
        height: 15px;
        width: 100%;
        top: 100%;
        left: 50%;
        transform: translateX(-50%);
    }

    .product_installment li .tooltip:after {
        display: none;
    }
}

@media screen and (max-width: 499px) {
    .product_installment li .tooltip {
        max-width: 100%;
    }
}

.product_installment li.product_installment_btn {
    margin-left: auto;
}

@media (max-width: 1023px) {
    .product_installment li.product_installment_btn {
        margin-left: 0;
    }
}

@media (max-width: 580px) {
    .product_installment li.product_installment_btn {
        display: none;
    }
}

.product_installment li.product_installment_btn .btn,
span.product_installment_btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 42px;
    width: fit-content;
    margin: 0;
    padding: 0 30px;
    font-size: 14px;
    text-transform: none;
    color: #000 !important;
}

span.product_installment_btn.credit {
    color: #fff !important;
}


.product_installment li.product_installment_btn .btn:hover,
span.product_installment_btn:hover {
    background: #000;
    color: #fff !important;
}

span.product_installment_btn {
    display: none;
}

@media (max-width: 580px) {
    span.product_installment_btn {
        display: flex;
        margin-top: 20px;
    }

}

@media (max-width: 1024px) {
    .catalog_sidebar {
        overflow: auto;
        padding: 6px 20px;
    }

    .checks-square .checks_item {
        margin-bottom: 16px;
    }
}

/*card video*/

.product_video_wrapper {
    flex-wrap: wrap;
    margin-top: 15px;
    margin-bottom: 15px;
}

.product_video_wrapper.product_video_wrapper_desktop {
    display: flex;
}

.product_video_wrapper.product_video_wrapper_mobile {
    display: none;
}

@media (max-width: 1023px) {
    .product_video_wrapper.product_video_wrapper_desktop {
        display: none;
    }

    .product_video_wrapper.product_video_wrapper_mobile {
        display: flex;
        margin: 0;
    }
}

.product_video_item {
    cursor: pointer;
    width: 200px;
    height: 130px;
    margin-right: 10px;
    margin-bottom: 10px;
    position: relative;
}

.product_video_item > svg {
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: linear .2s;
    pointer-events: none;
}

.product_video_item:hover > svg {
    transform: translate(-50%, -50%) scale(1.05);
}

.product_video_item picture {
    display: block;
    width: 100%;
    height: 100%;
}

.product_video_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product .tab-cont .product_video_item {
    width: 100%;
    max-width: 500px;
    height: 290px;
    max-height: 290px;
    margin-top: 26px;
    margin-left: 22px;
}

.product .tab-cont .product_video_item {
    width: 100%;
    max-width: 500px;
    height: 290px;
    max-height: 290px;
    margin-top: 26px;
    margin-left: 22px;
}

@media (max-width: 1340px) {
    .product .tab-cont .product_video_item {
        width: 100%;
        height: 30vw;
        padding-right: 20px;
    }
}


@media (max-width: 991px) {
    .product .tab-cont .product_video_item {
        max-width: 500px;
        height: 290px;
        padding-right: 0;
    }
}

@media (max-width: 604px) {
    .product .tab-cont .product_video_item {
        max-width: 100%;
        height: auto;
        padding-right: 30px;
    }
}

.product .tab-cont .product_video_item svg {
    width: 60px;
    height: 60px;
}

@media (max-width: 604px) {
    .product .tab-cont .product_video_item svg {
        width: 40px;
        height: 40px;
    }
}

.product .tabs li {
    list-style: none;
    width: fit-content;
    min-width: 1px;
    margin-right: 25px;
}


.category-popular .category-popular__inner {
 display: flex;
    align-items: baseline;
    gap: 5px 10px;
}

@media (max-width: 574px) {
    .category-popular .category-popular__inner {
        flex-wrap: wrap;
    }
}

.category-popular .category-popular__inner span {
    flex-shrink: 0;
    margin-right: 4px;
    font-size: 12px;
    line-height: 14px;
    font-style: normal;
    font-weight: 400;
    color: #000;
}

@media (max-width: 574px) {
    .category-popular .category-popular__inner span {
       margin-bottom: 3px;
    }
}

.category-popular .category-popular__inner > div {
    width: max-content;
    overflow-x: auto;
}

@media (max-width: 1440px) {
    .category-popular .category-popular__inner > div {
        padding-bottom: 7px;
    }
}

.category-popular .category-popular__inner > div > div {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 5px;
    width: 100%;
    overflow-x: auto;
}


/*.category-popular .category-popular__inner > div::-webkit-scrollbar {*/
/*     overflow-x: scroll;*/
/*    background: #F9F9F9;*/
/*    height: 5px;*/
/*     transition: linear 0.2s;*/
/*     box-shadow: inset -4px 0 0 white;*/
/*    border-radius: 2px;*/
/* }*/
/*.category-popular .category-popular__inner > div::-webkit-scrollbar-thumb {*/
/*    background: #D0D0D0;*/
/*     border-radius: 0;*/
/*     height: 5px;*/
/*     transition: linear 0.2s;*/
/*     cursor: grab;*/
/*    border-radius: 2px;*/
/* }*/



.category-popular .category-popular__inner > div::-webkit-scrollbar-track
{

    border-radius: 2.5px;
    background-color: #F9F9F9;
}

.category-popular .category-popular__inner > div::-webkit-scrollbar
{
    border-radius: 2.5px;
    height: 5px;
    background-color: #F9F9F9;
}

.category-popular .category-popular__inner > div::-webkit-scrollbar-thumb
{
    border-radius: 2.5px;
    background-color: #D0D0D0;
    cursor: grab;
}






.ps__rail-y {
    width: 6px;
    opacity: 1;
    left: auto !important;
    right: 0 !important;
}

.ps__thumb-y {
    background-color: rgba(117, 117, 117, 0.3);
    opacity: 1;
    box-shadow: none;
    width: 5px;
    right: 0;
    border-radius: 5px;
}

.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: rgba(117, 117, 117, 0.3);
    width: 5px;
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
    background: transparent;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
    opacity: 1;
}














.category-popular .category-popular__inner > div > div.excerpt {
    min-width: 1200px;
}


.category-popular .category-popular__inner a {
    border-radius: 4px;
    border: 1px solid #D0D0D0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 3px 10px;
    font-size: 12px;
    line-height: 14px;
    font-style: normal;
    font-weight: 400;
    width: max-content;
    color: var(--brand-color-2);
    transition: ease 0.3s;
    white-space: nowrap;
}

.category-popular .category-popular__inner a:hover {
    border-color: #000;
    color: #000;
}

@media (max-width: 574px) {

    .category-popular .category-popular__inner span {
        margin-right: 4px;
    }

    .category-popular .category-popular__inner a {
        padding: 4px 8px;
    }

    .catalog_sidebar_opener {
        bottom: 37px;
    }

    .catalog_top {
        flex-wrap: wrap;
    }

    .catalog_top .catalog_tabs {
        order: 2;
        margin-left: auto;
    }

    .catalog_sort {
        margin: 10px 0 0;
        order: 3;
        width: 100%;
    }
}

@media (min-width: 1580px) {
    .header_right {
        margin-right: 50px;
    }

    .main-section__descr {
        width: 65%;
    }
}

.description.collapse {
    max-height: 477px;
    overflow: hidden;
    margin-bottom: 60px;
    position: relative;
}

.description.collapse:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 200px;
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%);
}

.description.collapse .wrapper {
    position: static;
}

.read-more {
    display: none;
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    color: var(--brand-color-2);
    text-decoration: underline;
    background-color: transparent;
    border: none;
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    margin: 0 auto;
    max-width: 335px;
}

.read-more:hover {
    text-decoration: none;
}

.description.collapse .read-more {
    display: block;
}

@media (max-width: 767px) {
    .description.collapse {
        max-height: 700px;
    }

    .read-more {
        transition: all 0.3s linear;
        align-items: center;
        justify-content: center;
        height: 36px;
        padding: 5px 21px;
        text-align: center;
        cursor: pointer;
        backface-visibility: hidden;
        background-color: var(--brand-color-2);
        color: var(--brand-color);
        border: 0 solid var(--brand-color-2);
        font-size: 14px;
        text-decoration: none;
    }
}