/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
    margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
    display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    overflow: visible;
    /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
    background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
    border-bottom: none;
    /* 1 */
    text-decoration: underline;
    /* 2 */
    -webkit-text-decoration: underline dotted;
    -moz-text-decoration: underline dotted;
    text-decoration: underline dotted;
    /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
    font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
    font-family: monospace, monospace;
    /* 1 */
    font-size: 1em;
    /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
    border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    line-height: 1.15;
    /* 1 */
    margin: 0;
    /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
    /* 1 */
    overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
    /* 1 */
    text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
    box-sizing: border-box;
    /* 1 */
    color: inherit;
    /* 2 */
    display: table;
    /* 1 */
    max-width: 100%;
    /* 1 */
    padding: 0;
    /* 3 */
    white-space: normal;
    /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
    vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
    overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
    display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
    display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
    display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
    display: none;
}

* {
    box-sizing: border-box;
}

body {
    font-family: HelveticaNeueCyr, sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #333;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url("../fonts/HelveticaNeueCyr-Bold.eot");
    src: url("../fonts/HelveticaNeueCyr-Bold-1.eot") format("embedded-opentype");
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url("../fonts/HelveticaNeueCyr-Light.eot");
    src: url("../fonts/HelveticaNeueCyr-Light-1.eot") format("embedded-opentype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url("../fonts/HelveticaNeueCyr-Roman.eot");
    src: url("../fonts/HelveticaNeueCyr-Roman-1.eot") format("embedded-opentype");
    font-weight: normal;
    font-style: normal;
}

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

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

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url("../fonts/HelveticaNeueCyr-Roman.woff2") format("woff2"),
    url("../fonts/HelveticaNeueCyr-Roman.woff") format("woff"),
    url("../fonts/HelveticaNeueCyr-Roman.ttf") format("truetype");
    font-weight: normal;
}

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

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

@font-face {
    font-family: 'HelveticaNeueCyr';
    src: url("../fonts/HelveticaNeueCyr-Medium.eot");
    font-weight: 500;
    font-style: normal;
}

label.error{
    display: none !important;
}

.it-link{
    color: #000000;
    font-weight: bold;
}

a {
    text-decoration: none;
    color: inherit;
    font-family: inherit;
}

button {
    font-family: inherit;
    color: inherit;
    outline: none;
    border: none;
    background: none;
    cursor: pointer;
}

input {
    font-family: inherit;
    color: inherit;
    background: none;
    border: none;
    outline: none;
}

input::-webkit-input-placeholder {
    color: inherit;
    opacity: 1;
}

input::-moz-placeholder {
    color: inherit;
    opacity: 1;
}

input:-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

input::-ms-input-placeholder {
    color: inherit;
    opacity: 1;
}

input::placeholder {
    color: inherit;
    opacity: 1;
}

input:invalid {
    box-shadow: none;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

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

.back {
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    background: none;
}

.back img {
    position: absolute;
}

.container {
    width: 100%;
    max-width: 1230px;
    margin: auto;
    padding: 0 15px;
}

.overflow {
    position: relative;
    overflow: hidden;
}

.header {
    position: relative;
    background-color: #00cfc9;
    min-height: 900px;
    padding-bottom: 50px;
}

.header-content {
    position: absolute;
    background-color: #ffe60b;
    width: 600px;
    padding: 30px 30px 60px;
}

h1,
.footer-headline {
    font-size: 36px;
    max-width: 440px;
    text-transform: uppercase;
    margin-top: 50px;
    font-weight: bold;
}

.header-tagline,
.footer-tagline {
    max-width: 440px;
    color: #554c10;
    font-size: 28px;
    margin-bottom: 60px;
}

.price-box .sale-text {
    position: relative;
}

.price-box .sale-text span {
    position: absolute;
    color: #dec529;
    font-weight: 900;
}

.price-box .sale-text span.text-1 {
    top: -160px;
    left: 240px;
    font-size: 100px;
}

.price-box .sale-text span.text-2 {
    top: -330px;
    right: 0;
    font-size: 60px;
}

.price-box .sale-text span.text-3 {
    top: -40px;
    right: 50px;
    font-size: 60px;
    opacity: 0.5;
}

.old-price {
    position: relative;
    font-size: 24px;
    color: #554c10;
    font-weight: bold;
    text-decoration: line-through;
}

.new-price {
    color: #fff;
    font-size: 72px;
    font-weight: bold;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.decor-link {
    position: relative;
    display: block;
    color: #fff;
    max-width: 320px;
    width: 100%;
    line-height: 70px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    background-color: #333;
    border: 2px solid #333;
    margin: 50px auto 10px;
    -webkit-transition: 320ms;
    transition: 320ms;
    z-index: 30;
}

.decor-link:hover {
    background-color: #00cfc9;
    color: #333;
}

.header .decor-link:hover,
.footer .decor-link:hover {
    background-color: #ffe60b;
}

.promotion-date {
    text-align: center;
    text-transform: uppercase;
    color: #554c10;
    font-weight: bold;
}

.spray-box {
    position: relative;
    z-index: 10;
}

.spray-img {
    position: absolute;
    top: -190px;
    left: -126px;
}

.spray-text {
    font-size: 18px;
    max-width: 280px;
    margin: 70px auto 0;
    text-align: center;
    font-weight: bold;
}

.spray-text span {
    font-weight: 900;
}

.header-images {
    position: absolute;
    top: 90px;
    left: 540px;
    width: 740px;
    z-index: 30;
}

.header-images-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.header-images-wrapper img {
    display: block;
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.header-img-2 {
    top: -30px;
}

.header-img-3 {
    top: 30px;
}

.header-img-4 {
    top: -4px;
}

.header-img-5 {
    top: 45px;
}

.header-boot {
    position: absolute;
}

.header-boot-1 {
    top: 310px;
    left: -160px;
    z-index: 10;
}

.header-boot-2 {
    top: 170px;
    right: -120px;
}

.header-back-1 {
    z-index: 20;
}

.square {
    display: block;
    position: absolute;
    width: 50px;
    height: 50px;
    background-color: #00cfc9;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
}

.header-back-1 {
    top: 70px;
    left: 20vw;
}

.header-back-2 {
    top: 130px;
    left: -682px;
}

.header-back-3 {
    top: 500px;
    left: -750px;
}

.header-back-4 {
    top: 610px;
    left: -840px;
}

.header-back-5 {
    top: 130px;
    left: 730px;
}

.header-back-6 {
    top: 730px;
    left: 11vw;
}

.header-back-7 {
    top: 200px;
    left: -820px;
}

.header-back-8 {
    top: 430px;
    left: -900px;
}

@media (max-width: 1640px) {
    .header-content {
        width: 520px;
    }

    .header-images-wrapper img {
        width: 19%;
    }

    .header-images {
        width: 550px;
        top: 70px;
        left: 490px;
    }

    .header-boot {
        width: 480px;
    }

    .header-boot-1 {
        left: auto;
        right: 180px;
    }

    .header-boot-2 {
        right: auto;
        left: 180px;
    }

    .header-back-1 {
        left: 14vw;
        width: 770px;
    }

    .header .spray-img {
        left: 374px;
        width: 260px;
    }

    .header-back-3 {
        top: 60px;
        left: 510px;
    }

    .header-back-4 {
        left: -50vw;
    }

    .header-back-7 {
        top: 300px;
        left: -47vw;
    }

    .header-back-8 {
        top: 670px;
        left: 4vw;
    }

    .logo {
        width: 200px;
    }

    h1, .footer-headline {
        margin-top: 20px;
    }

    .header-content {
        padding-bottom: 20px;
    }

    .header-img-5 {
        top: 31px;
    }

    .header-img-2 {
        top: -18px;
    }

    .header-img-3 {
        top: 27px;
    }

    .price-box .sale-text span.text-2 {
        top: -330px;
        right: -36px;
    }
}

@media (max-width: 1365px) {
    .container {
        max-width: 1200px;
    }

    .header {
        min-height: 830px;
    }

    .header-images {
        left: 510px;
    }

    .header-boot {
        width: 450px;
    }

    .header-tagline {
        margin-bottom: 30px;
    }

    .header .spray-text {
        margin-top: 50px;
    }

    .header .spray-img {
        top: -160px;
        width: 220px;
    }

    .header-back-8 {
        top: 580px;
    }

    .header-back-6 {
        top: 640px;
        left: 9vw;
    }

    .header-back-7 {
        top: 20px;
        left: 33vw;
    }
}

@media (max-width: 1199px) {
    .container {
        max-width: 992px;
    }

    .header-content {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        width: calc(100% - 30px);
        text-align: center;
        margin: 0 auto;
    }

    .header-images {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        margin-top: 80px;
    }

    h1, .footer-headline {
        margin: 30px auto;
    }

    .header-tagline {
        margin: 0 auto;
    }

    .header-back-1 {
        top: 220px;
        left: 0;
        width: 770px;
    }

    .header .price-box {
        margin-top: 140px;
    }

    .price-box .sale-text span.text-1 {
        top: -150px;
        left: 20px;
    }

    .price-box .sale-text span.text-2 {
        top: -70px;
        right: 40px;
    }

    .price-box .sale-text span.text-3 {
        top: 100px;
        right: auto;
        left: 20px;
    }

    .header .spray-img {
        left: 654px;
    }

    .header-back-2 {
        top: 40px;
        left: -36vw;
    }

    .header-back-3 {
        top: 240px;
        left: -46vw;
    }

    .header-back-5 {
        top: auto;
        bottom: 230px;
        left: 40vw;
    }

    .header-back-6 {
        top: auto;
        left: -52vw;
        bottom: 211px;
    }
}

@media (max-width: 991px) {
    .container {
        max-width: 768px;
    }

    .price-box .sale-text span.text-3 {
        top: -20px;
        right: 0;
        left: 380px;
    }

    .price-box .sale-text span.text-2 {
        top: -180px;
        right: auto;
        left: 0;
    }

    .price-box .sale-text span.text-1 {
        top: -170px;
        left: 420px;
        font-size: 80px;
    }

    .header .spray-img {
        left: -10px;
    }
}

@media (max-width: 767px) {
    .container {
        padding: 0 15px;
    }

    .header-content {
        width: 100%;
    }

    .header-images {
        max-width: 500px;
        width: 100%;
    }

    .header-back-1 {
        top: 120px;
        left: auto;
        right: calc(50% - 630px);
        width: 690px;
    }

    .header-boot {
        width: 73vw;
        max-width: 450px;
    }

    .header-boot-2 {
        top: 30px;
        left: calc(50% - 90px);
    }

    .header-boot-1 {
        top: 150px;
        left: auto;
        right: 180px;
    }

    .header .decor-link {
        margin-top: 100px;
    }

    .price-box .sale-text span.text-1 {
        font-size: 72px;
        top: 0;
        left: calc(50% - 110px);
    }

    .header .price-box {
        margin-top: 60px;
    }

    .price-box .sale-text span.text-3 {
        top: -130px;
        left: calc(50% - -100px);
    }

    .header-back-6 {
        bottom: 320px;
    }

    .header .spray-img {
        left: -83px;
    }

    .header-back-2 {
        display: none;
    }

    .header-content {
        padding-bottom: 50px;
    }
}

@media (max-width: 585px) {
    .logo {
        width: 150px;
    }

    h1, .footer-headline {
        font-size: 18px;
        margin: 10px auto 20px;
        max-width: 280px;
    }

    .header-tagline {
        font-size: 18px;
    }

    .header-content {
        padding: 20px 10px 60px 10px;
    }

    .header-images {
        left: -10px;
        width: calc(100% + 20px);
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
    }

    .header-back-7,
    .header-back-6,
    .header-back-4,
    .header-back-3,
    .header-back-8 {
        display: none;
    }

    .header-back-2 {
        display: block;
        top: 20px;
        width: 40px;
        left: -52vw;
    }

    .header-img-5 {
        top: 5vw;
    }

    .header-img-3 {
        top: 3vw;
    }

    .header-img-2 {
        top: -3.5vw;
    }

    .header-boot-2 {
        top: 30px;
        left: calc(50% - 50px);
    }

    .header-boot-1 {
        top: 100px;
        width: 99vw;
        right: calc(50% - 90px);
    }

    .header-back-1 {
        top: 70px;
        left: auto;
        right: calc(50% - 460px);
        width: 490px;
    }

    .header-tagline, .footer-tagline {
        max-width: 320px;
    }

    .price-box .sale-text span.text-2,
    .price-box .sale-text span.text-3 {
        font-size: 36px;
    }

    .price-box .sale-text span.text-3 {
        top: -80px;
        left: calc(50% - -30px);
    }

    .price-box .sale-text span.text-2 {
        top: -124px;
        right: auto;
        left: 60px;
    }

    .price-box .sale-text span.text-1 {
        text-align: right;
        width: 100%;
        left: 0;
    }

    .decor-link {
        font-size: 20px;
        line-height: 60px;
        height: 60px;
    }

    .header .old-price,
    .footer .old-price {
        font-size: 20px;
    }

    .header .old-price:before,
    .footer .old-price:before {
        top: 11px;
    }

    .header .new-price,
    .footer .new-price {
        font-size: 48px;
    }

    .promotion-date {
        font-size: 15px;
    }

    .header .spray-text {
        max-width: 160px;
        text-align: left;
        margin-right: 0;
        margin-left: 34vw;
        margin-top: 60px;
        font-size: 16px;
    }

    .header-back-5 {
        top: auto;
        bottom: 170px;
        left: 39vw;
    }

    .header .spray-img {
        top: -70px;
        width: 200px;
        left: -51px;
    }
}

@media (max-width: 414px) {
    .header-back-1 {
        top: 127px;
        left: -40px;
        right: 0;
        width: 117vw;
    }

    .header .price-box,
    .footer .price-box {
        width: auto;
        margin-left: 0;
        text-align: left;
        margin-top: 40px;
    }
}

.privilege {
    position: relative;
    background-color: #00cfc9;
    padding: 50px 0;
}

.privilege-images {
    position: absolute;
}

.privilege-images img {
    position: absolute;
}

.decor-line {
    position: absolute;
    width: 935px;
    height: 65px;
    background-color: #ffe60b;
}

.privilege-items {
    margin-left: auto;
    width: 540px;
}

.privilege-items .item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 50px;
}

.privilege-items .item-content {
    width: 65%;
}

.privilege-items .name {
    font-weight: bold;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
}

.privilege-items .text {
    font-size: 18px;
    color: #1f4f4d;
}

.privilege-items .item:last-child {
    margin-bottom: 0;
}

.privilege-items .icon {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin-right: 20px;
    width: 100px;
    height: 100px;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}

.privilege-back-1 {
    bottom: -6px;
    right: 22px;
    z-index: 9;
}

.privilege-back-4 {
    top: 190px;
    left: 590px;
}

.privilege-back-5 {
    top: 20px;
    left: -90px;
}

.privilege-back-6 {
    top: 269px;
    left: -180px;
}

.privilege-back-7 {
    top: 380px;
    left: 700px;
}

@media (max-width: 1640px) {
    .privilege-back-1 {
        bottom: 10px;
        width: 50.4vw;
    }
}

@media (max-width: 1365px) {
    .privilege-back-4 {
        left: 490px;
    }

    .privilege-back-7 {
        top: -40px;
        left: -410px;
    }
}

@media (max-width: 1199px) {
    .privilege-items {
        width: 450px;
    }

    .privilege-back-1 {
        bottom: 20px;
    }

    .privilege-back-7 {
        top: 60px;
    }
}

@media (max-width: 991px) {
    .privilege-items .icon {
        width: 80px;
        height: 80px;
    }

    .privilege-items .icon img {
        width: 70%;
    }

    .privilege-items .text {
        font-size: 16px;
    }

    .privilege-items {
        width: 390px;
    }

    .privilege-back-1 {
        bottom: 27px;
    }

    .privilege-back-5 {
        top: 20px;
        left: 310px;
    }

    .privilege-back-4 {
        left: 360px;
    }

    .privilege-back-6 {
        top: 239px;
        left: -150px;
    }

    .privilege-back-7 {
        left: -370px;
    }
}

@media (max-width: 991px) and (min-width: 767px) {
    .privilege-items .item {
        position: relative;
    }

    .privilege-items .item:nth-child(1) {
        left: -100px;
    }

    .privilege-items .item:nth-child(2) {
        left: -50px;
    }
}

@media (max-width: 767px) and (min-width: 585px) {
    .privilege {
        padding-top: 180px;
    }

    .privilege-back-1 {
        bottom: auto;
        top: -100px;
        width: 100vw;
        max-width: 430px;
        right: calc(50% - 260px);
    }

    .privilege-items {
        margin: 0 auto;
    }

    .privilege-items .item {
        position: relative;
    }

    .privilege-items .item:nth-child(1) {
        left: -50px;
    }

    .privilege-items .item:nth-child(2) {
        left: 0;
    }

    .privilege-items .item:nth-child(2) {
        left: 50px;
    }

    .privilege-back-6 {
        top: 369px;
        left: -47vw;
    }

    .privilege-back-7 {
        left: -280px;
    }

    .privilege-back-5 {
        top: 460px;
        left: 230px;
    }

    .privilege-back-4 {
        left: 170px;
    }
}

@media (max-width: 585px) {
    .privilege {
        padding-top: 120px;
    }

    .square {
        width: 30px;
        height: 30px;
    }

    .privilege-items {
        width: 100%;
        max-width: 340px;
        margin-right: auto;
        margin-left: auto;
    }

    .privilege-items .item {
        -webkit-align-items: flex-start;
        align-items: flex-start;
        margin-bottom: 40px;
    }

    .privilege-items .icon {
        width: 70px;
        height: 70px;
        margin-right: 15px;
    }

    .privilege-items .name {
        font-size: 16px;
    }

    .privilege-back-4 {
        left: 120px;
    }

    .privilege-back-5 {
        display: block;
        top: -26px;
        left: 37vw;
    }

    .privilege-back-6 {
        top: 197px;
        left: -49vw;
    }

    .privilege-back-1 {
        bottom: auto;
        top: -90px;
        width: 90vw;
        max-width: 320px;
        right: calc(50% - 163px);
    }

    .privilege-items .item-content {
        width: 70%;
    }
}

.section-slider {
    position: relative;
    background-color: #00cfc9;
    padding: 50px 0 210px;
}

@media (min-width: 1366px) {
    .section-slider .container {
        max-width: 1360px;
    }
}

.section-slider--2 .slider-wrapper {
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.galleries {
    position: relative;
    width: 900px;
}

.gallery {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    pointer-events: none;
    width: 100%;
    z-index: 10;
}

.gallery.active {
    z-index: 20;
    pointer-events: auto;
}

.gallery.active a {
    opacity: 1;
    -webkit-transition-duration: 320ms;
    transition-duration: 320ms;
}

.gallery.active a:nth-child(1) {
    -webkit-transition-delay: 100ms;
    transition-delay: 100ms;
}

.gallery.active a:nth-child(2) {
    -webkit-transition-delay: 200ms;
    transition-delay: 200ms;
}

.gallery.active a:nth-child(3) {
    -webkit-transition-delay: 300ms;
    transition-delay: 300ms;
}

.gallery.active a:nth-child(4) {
    -webkit-transition-delay: 400ms;
    transition-delay: 400ms;
}

.gallery.active a:nth-child(5) {
    -webkit-transition-delay: 500ms;
    transition-delay: 500ms;
}

.gallery.active a:nth-child(6) {
    -webkit-transition-delay: 600ms;
    transition-delay: 600ms;
}

.gallery a {
    position: relative;
    display: block;
    margin: 14px 0;
    width: 32%;
    opacity: 0;
    -webkit-transition: opacity 1ms;
    transition: opacity 1ms;
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;
}

.gallery a img {
    display: block;
    -webkit-transition: 320ms;
    transition: 320ms;
    width: 100%;
}

.gallery a:before {
    position: absolute;
    top: calc(50% - 72px);
    left: calc(50% - 72px);
    content: "";
    background-image: url("../images/photo-img.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 144px;
    height: 144px;
    opacity: 0;
    -webkit-transition: 320ms;
    transition: 320ms;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    pointer-events: none;
    z-index: 20;
}

.gallery a:hover img {
    -webkit-filter: blur(1.5px);
    filter: blur(1.5px);
}

.gallery a:hover:before {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.slider-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.slides {
    position: relative;
    width: 360px;
    height: 510px;
    background-color: #ffe60b;
    margin-top: 50px;
}

.slides-btns {
    position: absolute;
    bottom: -76px;
    left: 25%;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 250px;
}

.slide-btn {
    display: block;
    position: relative;
    width: 31px;
    height: 54px;
    background-size: contain;
    background-repeat: no-repeat;
    cursor: pointer;
}

.slide-btn.prev {
    background-image: url("../images/prev.png");
}

.slide-btn.next {
    background-image: url("../images/next.png");
}

.section-slider .slide {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity 640ms;
    transition: opacity 640ms;
}

.section-slider .slide.active {
    opacity: 1;
}

.section-slider .slide img {
    position: relative;
    top: -90px;
    left: -15px;
}

.decor-line-2 {
    position: absolute;
    width: 90px;
    height: 280px;
    background-color: #ffe60b;
}

.slider-1-back-1 {
    top: -10px;
    left: -520px;
}

.slider-1-back-2 {
    top: 280px;
    left: 660px;
}

.slider-1-back-3 {
    top: 190px;
    left: -820px;
}

.slider-1-back-4 {
    top: 580px;
    left: -750px;
}

.slider-1-back-5 {
    top: 700px;
    left: 430px;
}

.slider-1-back-6 {
    right: -710px;
    top: 490px;
}

.slider-2-back-1 {
    top: 620px;
    left: -720px;
}

.slider-2-back-2 {
    top: 200px;
    left: -800px;
}

.slider-2-back-3 {
    top: -30px;
    left: 120px;
}

.slider-2-back-4 {
    top: 650px;
    left: 800px;
}

.slider-2-back-5 {
    top: 0;
    left: -690px;
}

.section-slider--2 .slide img {
    top: -40px;
    left: -45px;
}

.section-slider--2 .slide-double img {
    position: absolute;
}

.section-slider--2 .slide-double img:nth-child(1) {
    top: -30px;
    left: 10px;
}

.section-slider--2 .slide-double img:nth-child(2) {
    top: 80px;
    left: -70px;
}

@media (max-width: 1365px) {
    .galleries {
        width: 810px;
    }

    .section-slider .slide {
        width: 100%;
    }

    .section-slider .slide img {
        width: 100%;
    }

    .slides {
        height: 470px;
        width: 330px;
    }

    .slider-2-back-5 {
        top: 0;
        left: -630px;
    }

    .section-slider--2 .slide-double img:nth-child(1) {
        left: 30px;
    }

    .section-slider--2 .slide-double img:nth-child(2) {
        top: 60px;
        left: -40px;
    }

    .section-slider--2 .slide img {
        left: -25px;
    }

    .section-slider--2 .slides-btns {
        left: 7vw;
    }
}

@media (max-width: 1199px) {
    .slides {
        width: 28%;
        height: 400px;
    }

    .galleries {
        width: 70%;
    }

    .section-slider {
        padding-bottom: 120px;
    }

    .section-slider .slide img {
        top: -50px;
    }

    .slides-btns {
        left: auto;
        right: 1vw;
        width: 190px;
    }

    .slider-2-back-5 {
        top: 0;
        left: -520px;
    }
}

@media (max-width: 991px) {
    .slides {
        height: 290px;
        margin-top: 30px;
    }

    .slides-btns {
        width: 150px;
    }

    .slide-btn {
        width: 21px;
    }

    .gallery a {
        margin: 6px 0;
    }

    .slider-2-back-5 {
        top: 0;
        left: -420px;
    }

    .section-slider--2 .slide-double img:nth-child(1) {
        left: 21px;
    }

    .section-slider--2 .slide-double img:nth-child(2) {
        top: 20px;
        left: -20px;
    }

    .section-slider--2 .slides-btns {
        left: 6vw;
    }

    .section-slider .slide img {
        top: -20px;
    }

    .section-slider--2 .slide img {
        left: -15px;
    }
}

@media (max-width: 767px) {
    .section-slider {
        padding-bottom: 20vw;
    }

    .slides {
        height: 36vw;
    }

    .slides-btns {
        left: auto;
        right: 5px;
        width: 20vw;
    }

    .section-slider--2 {
        padding-top: 20px;
    }

    .section-slider .slide img {
        width: 90%;
    }

    .section-slider--2 .slide-double img:nth-child(2) {
        top: 20px;
        left: -15px;
    }

    .section-slider--2 {
        padding-top: 1px;
    }

    .section-slider--2 .slides-btns {
        left: auto;
        right: 0vw;
        width: 21vw;
    }

    .video-inner {
        margin-top: 60px;
    }

    .video-back-6 {
        left: -28vw;
    }

    .slider-2-back-3 {
        top: -80px;
        left: -30vw;
    }
}

@media (max-width: 585px) {
    .slide-btn {
        width: 11px;
    }
}

@media (max-width: 480px) {
    .section-slider {
        padding-bottom: 20px;
    }

    .slider-wrapper {
        display: block;
    }

    .slides {
        height: 65vw;
        width: 47vw;
        margin-bottom: 70px;
    }

    .slides-btns {
        bottom: -70px;
        width: 33vw;
    }

    .galleries {
        width: 100%;
    }

    .gallery a {
        width: 48%;
    }

    .gallery.active {
        position: static;
    }

    .section-slider .slide img {
        top: -30px;
        width: 90%;
        left: 5px;
    }

    .slider-1-back-2 {
        top: 110px;
        left: 7vw;
        width: 70px;
    }

    .slider-1-back-3 {
        width: 40px;
        height: 40px;
        top: 260px;
        left: 25vw;
    }

    .slider-1-back-4 {
        top: -57px;
        left: -48vw;
        height: 40px;
        width: 40px;
    }

    .slider-1-back-5 {
        top: auto;
        left: -48vw;
        bottom: -200px;
        z-index: 30;
        width: 40px;
        height: 40px;
    }

    .slider-2-back-1 {
        top: 10vw;
        left: 0vw;
    }

    .section-slider--2 .slides-btns {
        width: 30vw;
    }

    .section-slider--2 .slide img {
        top: -6vw;
    }

    .section-slider--2 .slide-double img:nth-child(1) {
        left: 2vw;
        top: -4vw;
    }

    .section-slider--2 .slide-double img:nth-child(2) {
        top: 30px;
        left: -24px;
    }


}

.spray-section {
    position: relative;
    padding: 50px 0;
    background-color: #00cfc9;
}

.spray-section h2 {
    color: #fff;
    width: 400px;
    margin-bottom: 10px;
}

.spray-section p {
    color: #1f4f4d;
    font-size: 20px;
}

.spray-section-content {
    position: relative;
    max-width: 677px;
    padding-left: 40px;
}

.spray-section-tagline {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 30px;
}

.spray-block {
    position: absolute;
    top: -100px;
    right: -400px;
}

.spray-block img {
    position: relative;
    left: 30px;
}

.spray-block:before {
    position: absolute;
    top: 180px;
    left: 0;
    content: "";
    width: 355px;
    height: 150px;
    background-color: #ffe60b;
}

.spray-back-1 {
    top: 40px;
    left: 500px;
}

.spray-back-2 {
    top: 280px;
    left: -660px;
}

@media (max-width: 1199px) {
    .spray-block {
        right: -350px;
    }

    .spray-section-content {
        max-width: 560px;
    }
}

@media (max-width: 991px) {
    .spray-section h2 {
        font-size: 30px;
    }

    .spray-section-content {
        max-width: 460px;
    }

    .spray-block:before {
        width: 245px;
        height: 110px;
        top: 150px;
        left: 25px;
    }

    .spray-block img {
        width: 230px;
    }

    .spray-block {
        right: -210px;
        top: 10px;
    }
}

@media (max-width: 767px) {
    .spray-section-content {
        text-align: center;
    }

    .spray-section h2 {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    }

    .spray-section-content {
        margin: 0 auto;
        padding-left: 0;
    }

    .spray-block {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        margin-top: -20px;
        text-align: center;
    }

    .spray-block img {
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
    }

    .spray-block:before {
        top: 140px;
        left: 105px;
    }

    .spray-section-tagline {
        font-size: 20px;
    }

    .spray-section p:nth-child(1) {
        margin-top: -20px;
    }
}

@media (max-width: 585px) {
    .spray-section h2 {
        font-size: 24px;
    }

    .spray-block:before {
        display: inline;
        width: 60vw;
        height: 75px;
        left: auto;
        max-width: 250px;
    }

    .spray-block img {
        width: 63vw;
        max-width: 260px;
        margin-top: -30px;
    }

    .first-p {
        margin-top: -10px;
    }

    .spray-block img {
        margin-top: -20px;
    }

    .spray-section p {
        font-size: 16px;
        text-align: left;
    }
}

@media (max-width: 480px) {
    .spray-block {
        text-align: center;
    }

    .spray-block:before {
        top: 39vw;
    }

    .spray-back-2 {
        top: auto;
        bottom: 0;
        left: 33vw;
        width: 40px;
        height: 40px;
    }
}

.product-cards {
    background-color: #00cfc9;
    padding: 50px 0;
}

.product-card {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 170px;
    z-index: 30;
}

.product-card:not(.product-card--multiple) {
    -webkit-align-items: center;
    align-items: center;
}

.product-card__header {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.product-card__header .model-name {
    width: 60%;
    font-size: 36px;
    font-weight: bold;
}

.product-card__header .price-box {
  width: auto;
  flex: 0 0 auto;
  -webkit-box-flex: 0;
}

.product-card__header .price-box .old-price {
    color: #aaaaaa;
}

.product-card__header .price-box .old-price:before {
    background-color: #aaaaaa;
}

.product-card__header .price-box .new-price {
    text-shadow: none;
    font-size: 40px;
    color: #ec5a5a;
    white-space: nowrap;
}

.product-card__sale-text {
    position: absolute;
    bottom: -60px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    right: 0;
    text-align: right;
}

.product-card__sale-text span {
    color: #333;
    font-weight: 900;
}

.product-card-info {
    position: relative;
    padding: 20px 15px 20px 40px;
    background-color: #fff;
    width: 548px;
    z-index: 20;
}

.product-card__items {
    display: -webkit-flex;
    display: flex;
    -webkit-align-content: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 278px;
    padding: 20px 0;
}

.product-card__items .item {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-size: 18px;
    margin-bottom: 7px;
    width: 100%;
    color: #666;
}

.product-card__items .item__name {
    width: 40%;
    font-weight: bold;
}

.product-card__items .item__value {
    width: 60%;
}

.product-card__items .item__color .item__name {
    margin-top: 20px;
}

.product-card__items .item__color label {
    display: inline-block;
    margin-top: 20px;
}

.product-card__items .item__color .color-inner {
    display: inline-block;
    margin-right: 5px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 1px solid #b8b8b8;
    cursor: pointer;
    -webkit-transition: 320ms;
    transition: 320ms;
}

.product-card__items .item__color .color-inner.white {
    background-color: #fff;
}

.product-card__items .item__color .color-inner.nacre {
    background-color: #e2c3b6;
}

.product-card__items .item__color .color-inner.pink {
    background-color: #f1b9b5;
}

.product-card__items .item__color .color-text {
    position: relative;
    top: -10px;
    display: inline-block;
    margin-right: 15px;
    color: #b8b8b8;
}

.product-card__items .item__color input:checked + span .color-inner {
    box-shadow: 0 0 10px rgba(70, 3, 34, 0.2);
}

.product-card__items .item__color input:checked + span .color-text {
    color: #666;
}

.order-form {
    position: relative;
}

.form-group {
    margin-bottom: 10px;
}

.form-control {
    position: relative;
    display: block;
    max-width: 305px;
    width: 100%;
    border-radius: 5px;
    font-size: 17px;
    line-height: 60px;
    padding-left: 15px;
    background-color: #e5e5e5;
    height: 60px;
    border: none;
}

.selectric-wrapper {
    width: 100%;
    max-width: 305px;
}

.selectric {
    background-color: #e5e5e5;
    max-width: 305px;
    width: 100%;
    height: 60px;
    border-radius: 5px;
    border: none;
}

.selectric:before {
    position: absolute;
    top: 25px;
    right: 15px;
    content: "";
    width: 15px;
    height: 10px;
    background-image: url("../images/select-icon.png");
    background-repeat: no-repeat;
}

.selectric .label {
    line-height: 60px;
    height: 60px;
    color: inherit;
    font-family: inherit;
    font-size: 17px;
    padding-left: 5px;
}

.selectric-items li {
    font-size: 16px;
    color: inherit;
    font-family: inherit;
    padding: 3px 10px;
}

.selectric-items li.highlighted,
.selectric-items li:hover {
    background-color: #e5e5e5;
}

.product-card .decor-link {
    position: absolute;
    bottom: -130px;
    max-width: 305px;
    z-index: 20;
}

.selectric-items .selectric-scroll {
    max-height: 310px;
}

.product-card-gallery {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.product-card-gallery a {
    position: relative;
    display: block;
    width: 48.5%;
    margin: 10px 0;
}

.product-card-gallery a img {
    display: block;
    width: 100%;
    -webkit-transition: 320ms;
    transition: 320ms;
}

.product-card-gallery a:before {
    position: absolute;
    top: calc(50% - 72px);
    left: calc(50% - 72px);
    content: "";
    background-image: url("../images/photo-img.png");
    background-size: contain;
    background-repeat: no-repeat;
    width: 144px;
    height: 144px;
    opacity: 0;
    -webkit-transition: 320ms;
    transition: 320ms;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    pointer-events: none;
    z-index: 20;
}

.product-card-gallery a:hover img {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

.product-card-gallery a:hover:before {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.product-card-gallery {
    width: 630px;
}

.product-card-gallery-wrapper {
    position: relative;
    width: 630px;
}

.product-card-gallery-wrapper .product-card-gallery {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    pointer-events: none;
    z-index: 20;
    width: 100%;
}

.product-card-gallery-wrapper .product-card-gallery.active {
    opacity: 1;
    pointer-events: auto;
    z-index: 30;
    position: relative;
}

.pc-1-back-1 {
    top: -50px;
    right: 600px;
}

.pc-2-back-1 {
    top: 390px;
    right: -1130px;
}

.pc-1-back-2 {
    top: 92%;
    right: 580px;
}

.pc-3-back-3 {
    bottom: 0;
    left: 26vw;
    z-index: -1;
}

.pc-4-back-1 {
    top: -110px;
    right: 630px;
}

.pc-4-back-2 {
    bottom: -160px;
    left: 32vw;
}

.pc-4-back-3 {
    top: -44px;
    left: -3vw;
}

.pc-1-back-3 {
    bottom: -170px;
    left: -140px;
}

.pc-3-back-1 {
    top: -16px;
    left: 600px;
}

.pc-2-back-2 {
    top: 68px;
    left: 38vw;
}

.pc-3-back-4 {
    bottom: 70px;
    left: -39vw;
}

.decor-line-3 {
    position: absolute;
    width: 75px;
    height: 940px;
    background-color: #ffe60b;
    z-index: -10;
}

.decor-line-5 {
    position: absolute;
    width: 380px;
    height: 75px;
    background-color: #ffe60b;
}

@media (max-width: 1600px) {
    .pc-1-back-1 {
        top: -50px;
        right: 450px;
    }

    .pc-2-back-2 {
        top: -53px;
    }

    .pc-4-back-1 {
        top: -60px;
    }

    .pc-2-back-1 {
        top: 130px;
        z-index: -20;
        right: -970px;
    }

    .pc-4-back-1 {
        right: 491px;
    }
}

@media (max-width: 1365px) {
    .product-card-info {
        width: 44%;
    }

    .product-card-gallery,
    .product-card-gallery-wrapper {
        width: 54%;
    }

    .product-card__header .model-name {
        font-size: 30px;
    }

    .product-card__header .price-box .new-price {
        font-size: 38px;
    }

    .product-card__header .price-box .old-price {
        font-size: 18px;
    }

    .product-card-info {
        padding: 10px 15px 15px;
    }

    .product-card__items {
        min-height: 260px;
    }
}

@media (max-width: 1199px) {
    .product-cards {
        padding-bottom: 10px;
    }

    .product-card__header .price-box .old-price:before {
        top: 9px;
    }

    .product-card__items .item.item__color {
        display: block;
        margin-top: 15px;
    }

    .product-card__items .item.item__color .item__name {
        display: inline;
    }

    .product-card__items .item.item__color .item__value {
        width: 100%;
        margin-top: 20px;
    }

    .product-card__items .item__value label {
        display: inline;
    }

    .pc-1-back-2 {
        top: 92%;
        right: 460px;
    }

    .pc-2-back-1 {
        top: 470px;
        right: -910px;
    }

    .pc-4-back-1 {
        top: -20px;
        right: 389px;
    }

    .pc-1-back-1 {
        top: -140px;
        right: 350px;
    }

    .product-card__items .item__color .color-text {
        margin-right: 10px;
    }
}

@media (max-width: 991px) {
    .product-cards {
        padding-top: 20px;
    }

    .product-card {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }

    .product-card-info,
    .product-card-gallery,
    .product-card-gallery-wrapper {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
    }

    .product-card-gallery {
        width: 100%;
        margin-bottom: 10px;
    }

    .form-control,
    .selectric,
    .selectric-wrapper {
        margin: 0 auto;
    }

    .product-card-info-wrapper {
        width: 50%;
    }

    .order-form {
        width: 48%;
    }

    .product-card {
        margin-bottom: 70px;
    }

    .product-card__items .item__value {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .product-card__items .item__value label {
        width: 50%;
        margin-top: 15px;
    }

    .product-card-gallery {
        z-index: 20;
    }

    .pc-1-back-1 {
        top: -110px;
        right: 28vw;
    }

    .pc-2-back-1 {
        top: 700px;
        right: -86vw;
    }

    .pc-4-back-1 {
        top: -82px;
        right: 27vw;
    }

    .pc-1-back-2 {
        top: 92%;
        right: 340px;
    }
}

@media (max-width: 991px) and (min-width: 585px) {
    .product-card-gallery a {
        width: 32%;
    }
}

@media (max-width: 991px) and (min-width: 757px) {
    .product-card .decor-link {
        position: static;
        margin-top: 20px;
    }

    .product-card {
        margin-bottom: 130px;
    }
}

@media (max-width: 767px) {
    .product-card {
        margin-bottom: 170px;
    }

    .product-card-info-wrapper,
    .order-form {
        width: 100%;
    }

    .product-card-info-wrapper {
        max-width: 500px;
        margin: 0 auto;
    }

    .product-card__items {
        max-width: 350px;
        margin: 0 auto;
    }

    .product-card-info {
        display: block;
        padding-top: 20px;
    }

    .product-card__header {
        display: block;
        text-align: center;
    }

    .product-card__header .model-name,
    .product-card__header .price-box {
        margin: 0 auto;
    }

    .product-card .decor-link {
        left: calc(50% - 152px);
    }

    .product-card__items {
        max-width: 300px;
    }

    .product-card__header .model-name {
        width: 100%;
        font-size: 24px;
        margin-bottom: 20px;
    }

    .product-card__header .price-box {
        width: 100%;
    }

    .product-card .decor-link {
        bottom: -120px;
    }

    .product-card__sale-text {
        position: static;
        text-align: center;
        margin-bottom: 30px;
    }

    .product-card-gallery a {
        margin: 6px 0;
    }

    .pc-1-back-2 {
        top: 47%;
        right: 40vw;
        height: 1270px;
    }

    .pc-3-back-3 {
        top: 33vw;
        bottom: auto;
    }

    .pc-2-back-2,
    .pc-3-back-1,
    .pc-3-back-4,
    .pc-4-back-3,
    .pc-4-back-2 {
        display: none;
    }
}

@media (max-width: 480px) {
    .product-card {
        margin-bottom: 150px;
    }

    .pc-1-back-2 {
        height: 890px;
    }

    .pc-4-back-1 {
        top: -42px;
        width: 390px;
        right: 14vw;
    }

    .pc-2-back-1 {
        top: 690px;
        width: 400px;
        right: -120vw;
    }

    .pc-3-back-3 {
        top: -20px;
        bottom: auto;
        left: 4vw;
    }

    .slider-2-back-3 {
        top: 70vw;
        left: 28vw;
        width: 50px;
        height: 50px;
    }

    .pc-4-back-2 {
        bottom: -51vw;
        left: -28vw;
    }

    .pc-4-back-3 {
        display: none;
    }
}

@media (max-width: 413px) {
    .product-card__items .item {
        font-size: 16px;
    }

    .product-card__items .item {
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }

    .product-card__items .item__name,
    .product-card__items .item__value {
        width: auto;
    }

    .product-card__items .item__value {
        margin-left: 7px;
    }

    .product-card__items {
        min-height: 220px;
    }

    .product-card__items .item__color .color-text {
        font-size: 15px;
    }
}

@media (max-width: 362px) {
    .product-card .decor-link {
        left: 0;
    }
}

.disinfection {
    position: relative;
    background-color: #00cfc9;
    padding: 50px 0;
}

.disinfection-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    background-color: #fff;
    padding: 100px 30px 70px 50px;
    overflow: hidden;
}

h2 {
    margin: 0 0 40px;
    color: #de6262;
    font-size: 36px;
    text-transform: uppercase;
    max-width: 480px;
}

.disinfection-content p {
    font-size: 18px;
    color: #666;
    max-width: 452px;
}

.disinfection-wrapper {
    position: relative;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    z-index: 10;
}

.disinfection-wrapper:before {
    position: absolute;
    top: -140px;
    right: -340px;
    content: "";
    width: 906px;
    height: 722px;
    background-image: url("../images/microbs.png");
    background-repeat: no-repeat;
    background-size: contain;
}

.overlay-video {
    position: relative;
    top: 0;
    width: 30%;
    height: 645px;
    z-index: 10;
    cursor: pointer;
}

.overlay-video img {
    position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
}

.overlay-video:hover img {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

@media (min-width: 1024px) {
    .video-overlay:after {
        -webkit-transform: scale(0.6);
        transform: scale(0.6);
        -webkit-transition: 320ms;
        transition: 320ms;
    }

    .overlay-video:hover .video-overlay:after {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

.video-iframe-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 179%;
}

.video-iframe-container iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.video-overlay:after {
    position: absolute;
    width: 70px;
    height: 70px;
    top: calc(50% - 35px);
    left: calc(50% - 35px);
    content: "";
    background-image: url("../images/play.png");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 20;
}

.disinfection-back-1 {
    top: 460px;
    left: -740px;
}

.disinfection-back-2 {
    top: 110px;
    left: 600px;
}

.disinfection-back-3 {
    top: 0;
    left: -740px;
}

.disinfection-back-4 {
    top: 297px;
    left: 29vw;
}

@media (max-width: 1199px) {
    .disinfection-wrapper {
        padding: 50px 20px;
    }

    .disinfection h2 {
        font-size: 32px;
    }

    .disinfection-video {
        width: 50%;
    }

    .disinfection-video img {
        width: 100%;
    }



    .video-overlay:after {
        top: calc(35% - 35px);
    }

    .disinfection-back-3 {
        top: -30px;
        left: -560px;
        width: 200px;
    }

    .disinfection-back-2 {
        top: -40px;
        left: 350px;
    }

    .disinfection-back-4 {
        top: 267px;
    }
}

@media (max-width: 991px) {
    


    .video-overlay:after {
        width: 50px;
        height: 50px;
        top: calc(50% - 25px);
        left: calc(50% - 25px);
    }

    .disinfection-back-3 {
        left: -54vw;
    }

    .disinfection-wrapper {
        display: block;
        text-align: center;
        padding-bottom: 30px;
    }

    .disinfection-content h2 {
        margin: 0 auto;
    }

    .disinfection-content p {
        margin: 30px auto;
    }

    .disinfection-video {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }

    .disinfection-wrapper:before {
        top: auto;
        right: -3vw;
        bottom: -230px;
    }
}

@media (max-width: 767px) {
    h2,
    .disinfection h2 {
        font-size: 24px;
    }

    .disinfection-video {
        margin-top: 50px;
    }

    .disinfection-video:after, .video-inner:after {
        top: calc(50% - 20px);
        left: calc(50% - 20px);
        width: 40px;
        height: 40px;
    }

    .video-iframe-container, .overlay-video {
        width: 100%;
    }
}

@media (max-width: 585px) {
    .disinfection-content p {
        text-align: left;
        font-size: 16px;
    }

    .disinfection-wrapper {
        padding: 20px 10px;
    }

    .disinfection-wrapper:before {
        right: -90px;
        bottom: -360px;
        width: 556px;
    }

    .disinfection {
        padding: 20px 0;
    }

    .disinfection-back-3 {
        top: auto;
        bottom: 100px;
        left: -74vw;
    }

    .disinfection-back-1 {
        top: 20px;
        left: 34vw;
    }


    .video-overlay:after {
        top: calc(22vw);
        width: 30px;
        height: 30px;
        left: calc(50% - 15px);
    }
}

.video {
    position: relative;
    padding: 50px 0 30px;
    background-color: #00cfc9;
}

.video h2 {
    color: #fff;
}

.video p {
    font-size: 18px;
    color: #1f4f4d;
}

.video-wrapper {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 130px 0 20px;
    z-index: 20;
}

.video-content {
    width: 507px;
}

.video-inner {
    position: relative;
    top: 0px;
    margin-right: 150px;
}

.video-inner img {
    position: relative;
    display: block;
    z-index: 20;
}

.video-inner:before {
    position: absolute;
    width: 1146px;
    height: 795px;
    top: -90px;
    left: calc(50% - 290px);
    content: "";
    background-image: url("../images/back-sheets/3.png");
    background-repeat: no-repeat;
    background-size: contain;
    pointer-events: none;
}

.video-back-1 {
    top: 470px;
    left: -962px;
}

.video-back-2 {
    bottom: 310px;
    left: -570px;
    z-index: 20;
}

.video-back-4 {
    top: 50px;
    left: 0;
}

.video-back-5 {
    top: 684px;
    left: 63px;
    z-index: 20;
}

.video-back-6 {
    top: 140px;
    left: -800px;
}

.video-back-7 {
    top: 610px;
    left: -100px;
}

@media (max-width: 1365px) {
    .video-wrapper {
        padding-top: 70px;
    }
}

@media (max-width: 1199px) {
    .video-wrapper {
        padding-top: 20px;
    }

    .video-inner {
        top: 195px;
    }

    .video-inner:before {
        top: -56px;
        left: calc(50% - 240px);
        width: 876px;
    }

    .video-back-1 {
        top: auto;
        bottom: 80px;
        left: -712px;
        width: 710px;
    }

    .video-back-7 {
        top: 450px;
        left: -70px;
    }

    .video-back-6 {
        top: 90px;
        left: 200px;
    }

    .video-back-2 {
        left: -360px;
    }

    .video-back-4 {
        left: 350px;
    }

    .video-iframe-container {
        top: 0;
    }
}

@media (max-width: 991px) {
    .video {
        padding-bottom: 110px;
    }

    .video-wrapper {
        display: block;
        padding-top: 60px;
    }

    .video-content {
        margin: 0 auto 40px;
    }

    .video-inner {
        top: 60px;
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }

    .video-inner:before {
        top: -33px;
        left: calc(50% - 140px);
        width: 776px;
    }

    .video-back-1 {
        display: none;
    }

    .video-back-5 {
        top: 630px;
        left: -357px;
    }

    .video-back-6 {
        top: 60px;
        left: -390px;
    }

    .video-back-2 {
        left: 350px;
        top: 50px;
    }

    .video-back-4 {
        top: 360px;
        left: -360px;
    }

    .overlay-video {
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .video-iframe-container{
        padding-bottom: 129%;
    }
}

@media (max-width: 991px) and (min-width: 585px) {
    .video-content {
        text-align: center;
    }
}

@media (max-width: 767px) {
    .video {
        padding-top: 20px;
    }

    .video-back-2 {
        left: -150px;
        top: auto;
        bottom: 10px;
    }

    .video-back-4,
    .video-back-7 {
        display: none;
    }

    .video-back-5 {
        top: 580px;
        left: -307px;
    }

    .video-back-6 {
        top: auto;
        bottom: 90px;
        left: -48vw;
    }

    .video-content {
        margin-bottom: 0;
    }
}

@media (max-width: 585px) {
    .video-inner:before {
        top: -33px;
        left: calc(50% - 160px);
        width: 151vw;
    }

    .video-content {
        width: 100%;
    }

    .video-back-5 {
        bottom: -160px;
    }
}

@media (max-width: 480px) {
    .disinfection-wrapper:before {
        right: calc(50% - 260px);
        bottom: -439px;
        width: 435px;
    }


    .video-overlay:after {
        width: 30px;
        height: 30px;
        top: calc(50% - 15px);
        left: calc(50% - 15px);
    }

    .video-inner:before {
        width: 180vw;
    }

    .video-back-6 {
        display: none;
    }

    .video-back-2 {
        left: -70px;
        top: auto;
        bottom: -20px;
    }

    .video-back-5 {
        top: auto;
        left: 13vw;
        bottom: -30px;
    }
}

.about {
    position: relative;
    padding: 50px 0;
    background-color: #00cfc9;
}

.about .sheet-img {
    position: relative;
    right: 120px;
}

.about h2 {
    color: #fff;
}

.about p {
    font-size: 18px;
    color: #1f4f4d;
}

.headline-xs {
    display: none;
}

.about-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 30px;
}

.about-images {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    width: 590px;
}

.about-images img {
    position: relative;
    width: 100%;
}

.about-img-2 {
    top: 40px;
}

.about-img-4 {
    top: -15px;
}

.about-img-5 {
    top: -27px;
}

.about-content {
    width: 520px;
}

.about-back-1 {
    top: 570px;
    left: -600px;
}

.about-back-2 {
    top: 100px;
    left: -670px;
}

.about-back-3 {
    top: 440px;
    left: 720px;
}

@media (max-width: 1640px) {
    .about-wrapper {
        padding: 0;
    }
}

@media (max-width: 1199px) {

    .about-content {
        width: 50%;
    }

    .about-img-2 {
        top: 32px;
    }

    .about-img-4 {
        top: -12px;
    }

    .about-img-5 {
        top: -22px;
    }

    .about-back-1 {
        left: -47vw;
    }

    .about-back-2 {
        top: 500px;
        left: -36vw;
    }

    .about-back-3 {
        top: 50px;
        left: 44vw;
    }
}

@media (max-width: 991px) {
    .about .sheet-img {
        width: 450px;
        right: 480px;
        margin-top: -120px;
    }

    .about p {
        font-size: 17px;
    }

    h2 {
        margin: -30px 0 30px;
    }

    .about-img-2 {
        top: 24px;
    }

    .about-img-4 {
        top: -10px;
    }

    .about-img-5 {
        top: -18px;
    }

    .about-back-2 {
        top: -40px;
        left: -46vw;
    }
}

@media (max-width: 767px) {
    .about {
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .about-wrapper {
        display: block;
    }

    .headline-xs {
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    .about-content {
        width: 100%;
        max-width: 500px;
        margin: 60px auto 0;
    }

    .about-content h2 {
        display: none;
    }

    .about-images {
        width: 100%;
        max-width: 500px;
        margin: 40px auto 30px;
    }

    .about .sheet-img {
        margin-top: -20px;
        right: 200px;
    }

    .about-img-2 {
        top: 34px;
    }

    .about-img-4 {
        top: -14px;
    }

    .about-img-5 {
        top: -25px;
    }

    .about-back-1 {
        top: auto;
        left: 33vw;
        bottom: 120px;
    }
}

@media (max-width: 585px) {

    .about-img-2 {
        top: 30px;
    }

    .about-img-4 {
        top: -11px;
    }

    .about-img-5 {
        top: -20px;
    }

    .about-back-2 {
        top: 349px;
        left: 38vw;
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 480px) {
    .about .decor-link {
        margin-top: 20px;
    }

    .about .sheet-img {
        margin-top: -20px;
        right: 110px;
        width: 360px;
    }

    .about-img-2 {
        top: 20px;
    }

    .about-img-4 {
        top: -8px;
    }

    .about-img-5 {
        top: -14px;
    }

    .about-back-2 {
        top: 289px;
        left: 34vw;
    }
}

@media (max-width: 413px) {
    .about-images {
        margin-left: 0;
        margin-bottom: -20px;
    }

    .about-back-3 {
        top: 110px;
        left: 38vw;
    }

    .about-back-2 {
        top: 74vw;
        left: 35vw;
    }
}

.footer {
    position: relative;
    background-color: #00cfc9;
    padding-top: 50px;
}

.footer-content {
    position: relative;
    background-color: #ffe60b;
    width: 600px;
    padding: 30px 30px 20px;
    margin: 0 auto;
    text-align: center;
    z-index: 20;
}

.footer-headline,
.footer-tagline {
    margin-left: auto;
    margin-right: auto;
}

.footer .spray-img {
    left: auto;
    top: auto;
    bottom: -10px;
    right: -430px;
    width: 290px;
    z-index: 20;
}

.footer-copy {
    margin-top: 120px;
    color: #00cfc9;
}

.footer-copy p {
    margin: 0 5px;
}

.footer-back-1 {
    right: -110px;
    bottom: -260px;
    z-index: 5;
}

.footer-back-2 {
    left: 90px;
    z-index: 20;
    bottom: -160px;
    width: 500px;
}

.footer-back-3 {
    right: 310px;
    bottom: 0;
    z-index: 20;
}

.footer-back-4 {
    left: 23.5vw;
    bottom: 0;
    z-index: 5;
}

.footer-back-5 {
    z-index: 2;
    top: -40px;
    right: 300px;
}

.footer-back-6 {
    z-index: 2;
    top: 340px;
    left: 360px;
}

.footer-back-7 {
    z-index: 2;
    top: 60px;
    left: -490px;
}

.footer-back-8 {
    top: 240px;
    left: -340px;
    z-index: 21;
}

.footer-back-9 {
    top: 230px;
    left: 790px;
}

.footer-back-10 {
    top: 610px;
    left: 440px;
}

.footer-back-11 {
    top: 820px;
    left: -250px;
    z-index: 21;
}

.footer-back-12 {
    top: 450px;
    left: -250px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    z-index: 21;
}

.footer-back-13 {
    top: 430px;
    left: 28vw;
}

.decor-line-4 {
    position: absolute;
    width: 440px;
    height: 60px;
    background-color: #ffe60b;
}

@media (max-width: 1640px) {
    .footer-back-4 {
        left: 14.5vw;
    }

    .footer-back-3 {
        right: 13vw;
        width: 39vw;
    }

    .footer-back-4 {
        left: 19vw;
    }

    .footer-back-13 {
        display: none;
    }

    .footer-back-6 {
        top: -100px;
        left: 110px;
    }
}

@media (max-width: 1640px) and (min-width: 992px) {
    .footer-back-1 {
        right: -1070px;
        bottom: -80px;
    }

    .footer-back-1 {
        right: auto;
        left: 10vw;
        bottom: -80px;
    }
}

@media (max-width: 1199px) {
    .footer-back-1 {
        right: auto;
        left: auto;
        bottom: 90px;
    }

    .footer-back-4 {
        left: 20.5vw;
        width: 50vw;
    }

    .footer-back-6 {
        width: 80vw;
        top: 30px;
        left: 10vw;
    }

    .footer-back-9 {
        top: 90px;
        left: 40vw;
        z-index: 20;
    }

    .footer-back-5 {
        z-index: 2;
        top: -130px;
        right: 10vw;
    }

    .footer-back-3 {
        right: 20vw;
    }
}

@media (max-width: 991px) {
    .footer-content {
        width: 500px;
    }

    .footer-headline {
        font-size: 32px;
    }

    .h1, .footer-headline {
        margin: 20px auto;
    }

    .footer-tagline {
        margin-bottom: 30px;
    }

    .footer-back-1 {
        display: none;
    }
}

@media (max-width: 767px) {
    .footer-content {
        width: 100%;
    }

    .footer-copy {
        margin-bottom: 30px;
    }

    .footer .spray-img {
        right: -59vw;
        width: 230px;
    }
}

@media (max-width: 585px) {
    .footer-headline {
        max-width: 420px;
        font-size: 24px;
    }

    .footer-content {
        z-index: 30;
        margin-top: 100vw;
        padding: 20px 10px;
    }

    .footer-back-3 {
        right: -9vw;
        top: -14vw;
        bottom: auto;
        width: 100vw;
    }

    .footer-back-2 {
        left: -130vw;
        top: 88vw;
        bottom: auto;
        z-index: 25;
        width: 199vw;
    }

    .footer-tagline {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 20px;
    }

    .footer .price-box {
        text-align: center;
        margin-top: 20px;
    }

    .footer .decor-link {
        margin-top: 30px;
    }

    .footer .spray-text {
        margin-top: 60px;
        max-width: 42vw;
        text-align: left;
        font-size: 16px;
        margin-left: 39vw;
    }

    .footer .spray-img {
        right: 4vw;
        width: 140px;
        z-index: 30;
        bottom: 60px;
    }

    .footer-copy {
        font-size: 14px;
        margin-bottom: 0;
    }

    .footer-back-9 {
        display: none;
    }

    .footer-back-4 {
        left: -19.5vw;
        bottom: auto;
        top: 13vw;
        width: 70vw;
    }

    .footer-back-5 {
        z-index: 2;
        top: -13vw;
        width: 110vw;
        right: -6vw;
    }

    .footer-back-6 {
        width: 100vw;
        top: -5vw;
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
        left: -10vw;
    }

    .footer-back-7 {
        top: auto;
        left: 35vw;
        bottom: 70px;
        z-index: 30;
    }

    .footer-back-11 {
        top: auto;
        bottom: 103%;
        left: -20vw;
        z-index: 21;
        width: 45px;
    }

    .footer-back-12 {
        top: 630px;
        left: 40vw;
        z-index: 30;
    }

    .footer-back-13 {
        display: block;
        top: 26vw;
        left: -12vw;
        z-index: 3;
        height: 50px;
    }
}

@media (max-width: 480px) {
    .footer .spray-text {
        max-width: 52vw;
        margin-left: 34vw;
    }
}

@media (min-width: 767px) {
    .footer {
        overflow: hidden;
    }
}

.make-order {
    position: relative;
    background-color: #00cfc9;
    padding: 50px 0;
}

.make-order h2 {
    color: #fff;
    margin: 0 auto;
    max-width: 100%;
}

.order-items {
    width: 45%;
}

.order-items h2 {
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

.icon {
    width: 80px;
    height: 80px;
    line-height: 80px;
    color: #ff8838;
    font-size: 60px;
    background-color: #fff;
    font-weight: 900;
    text-align: center;
    margin-right: 20px;
}

.make-order-wrapper {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.order-items .item {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 300px;
    margin: 50px auto 0;
}

.order-items .text {
    width: 65%;
}

.make-order-back-1 {
    top: 193px;
    left: -620px;
}

.make-order-back-2 {
    top: 580px;
    left: 650px;
}

.make-order-back-3 {
    top: 490px;
    left: -700px;
}

.reviews {
    position: relative;
    width: 615px;
}

.reviews h2 {
    text-align: right;
}

.review-btn {
    width: 31px;
    height: 54px;
    background-repeat: no-repeat;
    background-size: contain;
}

.reviews-prev {
    background-image: url("../images/reviews-prev.png");
}

.reviews-next {
    background-image: url("../images/reviews-next.png");
}

.review {
    display: -webkit-flex;
    display: flex;
    -webkit-align-content: center;
    align-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 220px;
    width: 490px;
    margin-top: 50px;
}

.review p {
    font-weight: 500;
    font-size: 18px;
    color: #1f4f4d;
}

.review .name {
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
}

.review:nth-child(2) {
    position: relative;
    left: 100px;
    max-width: 80%;
}

.reviews-slides {
    position: relative;
}

.reviews-btns {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%;
}

.reviews-prev {
    position: absolute;
    bottom: 100px;
    z-index: 20;
}

.reviews-next {
    position: absolute;
    top: 170px;
    right: 0;
    z-index: 20;
}

@media (max-width: 1365px) {
    .reviews h2 {
        padding-right: 40px;
    }
}

@media (max-width: 1199px) {
    .reviews {
        width: 525px;
    }

    .make-order h2 {
        font-size: 29px;
    }
}

@media (max-width: 991px) {
    .order-items h2 {
        font-size: 29px;
    }

    .make-order-wrapper {
        display: block;
    }

    .make-order-back-2 {
        top: 600px;
        left: -63vw;
    }

    .make-order-back-3 {
        top: 450px;
        left: 30vw;
    }

    .reviews {
        width: 100%;
        max-width: 620px;
        margin: 0 auto;
    }

    .make-order h2 {
        margin-right: 0;
        text-align: center;
    }
}

@media (max-width: 991px) and (min-width: 585px) {
    .order-items {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
        padding-bottom: 60px;
    }

    .order-items .item {
        width: 50%;
    }

    .order-items h2 {
        width: 100%;
    }
}

@media (max-width: 585px) {
    .make-order {
        padding-top: 20px;
    }

    .reviews-btns,
    .reviews-next,
    .reviews-prev {
        position: static;
    }

    .review:nth-child(2) {
        position: static;
        max-width: 100%;
    }

    .reviews-btns {
        max-width: 420px;
        margin: 0 auto;
    }

    .make-order h2 {
        font-size: 24px;
        padding-right: 0;
    }

    .review {
        height: auto;
        width: 100%;
        margin-top: 30px;
    }

    .review p {
        font-size: 16px;
    }

    .review-btn {
        width: 21px;
    }

    .review .name {
        font-size: 20px;
    }

    .order-items {
        padding-bottom: 50px;
        width: 100%;
    }

    .make-order h2 {
        margin-bottom: 20px;
    }

    .make-order-back-2 {
        top: 600px;
    }

    .make-order-back-3 {
        top: 650px;
        left: 40vw;
        width: 50px;
        height: 50px;
    }
}

@media (min-width: 1930px) {
    .footer-back-3 {
        left: calc(50% - 50vw + -50px);
    }

    .footer-back-4 {
        left: auto;
        right: calc(50% - 50vw + -14px);
    }
}

.header-img:nth-child(odd).js-anim-scroll,
.about-images img:nth-child(odd).js-anim-scroll {
    opacity: 0;
    -webkit-transform: translateY(-200px);
    transform: translateY(-200px);
    -webkit-transition: 320ms;
    transition: 320ms;
}

.header-img:nth-child(even).js-anim-scroll,
.about-images img:nth-child(even).js-anim-scroll {
    opacity: 0;
    -webkit-transform: translateY(200px);
    transform: translateY(200px);
    -webkit-transition: 320ms;
    transition: 320ms;
}

.header-img.js-anim-scroll.animated,
.about-images img.js-anim-scroll.animated {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.product-card-gallery a.js-anim-scroll,
.gallery img.js-anim-scroll {
    opacity: 0;
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    -webkit-transition: 320ms;
    transition: 320ms;
}

.product-card-gallery a.js-anim-scroll.animated,
.gallery img.js-anim-scroll.animated {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.footer-back-5.js-anim-scroll {
    opacity: 0;
    -webkit-transition: 320ms;
    transition: 320ms;
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
}

.footer-back-5.js-anim-scroll.animated {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}

@media (min-width: 768px) {
    .privilege-items .item.js-anim-scroll {
        opacity: 0;
        -webkit-transition: 320ms;
        transition: 320ms;
        -webkit-transform: translateX(200px);
        transform: translateX(200px);
    }

    .privilege-items .item.js-anim-scroll.animated {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.spray-img,
.spray-block img {
    -webkit-animation: spray-sale 5000ms infinite;
    animation: spray-sale 5000ms infinite;
    -webkit-transform-origin: center center !important;
    transform-origin: center center !important;
}

@-webkit-keyframes spray-sale {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    5% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    10% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    15% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    25% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
}

@keyframes spray-sale {
    0%, 100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    5% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    10% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
    15% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
    25% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg);
    }
}

.square,
.anim-decor {
    -webkit-animation-name: decor-small;
    animation-name: decor-small;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.header-back-7,
.privilege-back-7,
.video-back-7,
.slider-1-back-3,
.spray-back-2,
.pc-3-back-4,
.slider-2-back-3,
.make-order-back-3,
.footer-back-9 {
    -webkit-animation-duration: 4500ms;
    animation-duration: 4500ms;
}

.header-back-8,
.video-back-6,
.slider-1-back-4,
.slider-2-back-2,
.make-order-back-2 {
    -webkit-animation-duration: 3000ms;
    animation-duration: 3000ms;
}

.privilege-back-5,
.header-back-5,
.slider-1-back-5,
.slider-2-back-4,
.about-back-3,
.footer-back-8,
.footer-back-10 {
    -webkit-animation-duration: 5500ms;
    animation-duration: 5500ms;
}

.privilege-back-6,
.video-back-2,
.pc-2-back-2,
.pc-4-back-3,
.about-back-2 {
    -webkit-animation-duration: 3500ms;
    animation-duration: 3500ms;
}

.header-boot-1,
.video-back-5 {
    -webkit-animation: anim-boot 5000ms ease-in-out infinite;
    animation: anim-boot 5000ms ease-in-out infinite;
}

.header-boot-2 {
    -webkit-animation: anim-boot 6000ms ease-in-out infinite;
    animation: anim-boot 6000ms ease-in-out infinite;
}

@-webkit-keyframes decor-small {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }
    60% {
        opacity: 0.8;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@keyframes decor-small {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.1);
        transform: scale(0.1);
    }
    60% {
        opacity: 0.8;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8);
    }
}

@-webkit-keyframes anim-boot {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(10px) rotate(0deg);
        transform: translateY(10px) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
}

@keyframes anim-boot {
    0% {
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
    50% {
        -webkit-transform: translateY(10px) rotate(0deg);
        transform: translateY(10px) rotate(0deg);
    }
    100% {
        -webkit-transform: translateY(0px) rotate(0deg);
        transform: translateY(0px) rotate(0deg);
    }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .price-box .sale-text span.text-2 {
        top: -360px;
    }

    .header-tagline, .footer-tagline {
        font-size: 27px;
    }

    .review p {
        font-size: 16px;
    }
}

@media screen and (min-width: 768px) {
    .about-content{
        padding-left: 15px;
    }
}

@media screen and (max-width: 480px){
    .footer-copy{
        margin-top: 40px;
    }
}