/* base reset */

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

body {
    -webkit-tap-highlight-color: transparent
}

html,
body {
    height: 100%;
    width: 100%
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td,
span,
applet,
object,
iframe,
strike,
kbd,
q,
sub,
sup,
tt,
var,
dl,
dt,
dd,
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
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main menu,
nav,
section,
summary {
    display: block
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

img,
body,
html,
abbr,
acronym,
a img {
    border: 0
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-style: normal;
    font-weight: normal
}

ol,
ul,
dir,
menu {
    list-style: none
}

a {
    background-color: transparent
}

:focus,
a,
a:hover,
a:active {
    outline: none;
    border: 0
}

caption,
th {
    text-align: left
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td {
    vertical-align: top
}

q:before,
q:after {
    content: ''
}

blockquote,
q {
    quotes: none
}

hr {
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

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

sup,
sub {
    line-height: 0
}

svg:not(:root) {
    overflow: hidden
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

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

@-moz-viewport {
    width: device-width
}

@-ms-viewport {
    width: device-width
}

@-webkit-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
    line-height: inherit
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

button[disabled],
html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner,
legend {
    border: 0;
    padding: 0
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0
}

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

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

textarea {
    overflow: auto
}

body {
    overflow: hidden;
    overflow-y: auto;
    min-width: 320px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    background-color: #fff
}

select {
    word-wrap: normal
}

progress {
    vertical-align: baseline
}

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

svg {
    overflow: hidden;
    vertical-align: middle
}

template {
    display: none
}

/* grid (bootstrap 5) */
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-ul,
.container-xl,
.container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 15px);
    padding-left: var(--bs-gutter-x, 15px);
    margin-right: auto;
    margin-left: auto
}

@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1180px
    }
}

@media (min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1370px
    }
}

@media (min-width:1600px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-ul,
    .container-xl,
    .container-xxl {
        max-width: 1560px
    }
}

.row {
    --bs-gutter-x: 30px;
    --bs-gutter-y: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(var(--bs-gutter-y) * -1);
    margin-right: calc(var(--bs-gutter-x)/ -2);
    margin-left: calc(var(--bs-gutter-x)/ -2)
}

.row>* {
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)/ 2);
    padding-left: calc(var(--bs-gutter-x)/ 2);
    margin-top: var(--bs-gutter-y)
}

.col {
    -ms-flex: 1 0 0%;
    flex: 1 0 0%
}

.row-cols-auto>* {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 4.16667%
}

.col-2 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 8.33333%
}

.col-3 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 12.5%
}

.col-4 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 16.66667%
}

.col-5 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 20.83333%
}

.col-6 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 25%
}

.col-7 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 29.16667%
}

.col-8 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 33.33333%
}

.col-9 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 37.5%
}

.col-10 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 41.66667%
}

.col-11 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 45.83333%
}

.col-12 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50%
}

.col-13 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 54.16667%
}

.col-14 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 58.33333%
}

.col-15 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 62.5%
}

.col-16 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 66.66667%
}

.col-17 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 70.83333%
}

.col-18 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 75%
}

.col-19 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 79.16667%
}

.col-20 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 83.33333%
}

.col-21 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 87.5%
}

.col-22 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 91.66667%
}

.col-23 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 95.83333%
}

.col-24 {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 100%
}

@media (min-width:576px) {
    .col-sm {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.16667%
    }

    .col-sm-2 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-sm-3 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%
    }

    .col-sm-4 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-sm-5 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.83333%
    }

    .col-sm-6 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-7 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.16667%
    }

    .col-sm-8 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-sm-9 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%
    }

    .col-sm-10 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-sm-11 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.83333%
    }

    .col-sm-12 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-13 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.16667%
    }

    .col-sm-14 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-sm-15 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%
    }

    .col-sm-16 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-sm-17 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.83333%
    }

    .col-sm-18 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-19 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.16667%
    }

    .col-sm-20 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-sm-21 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%
    }

    .col-sm-22 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-sm-23 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.83333%
    }

    .col-sm-24 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:768px) {
    .col-md {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.16667%
    }

    .col-md-2 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-md-3 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%
    }

    .col-md-4 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-md-5 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.83333%
    }

    .col-md-6 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-7 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.16667%
    }

    .col-md-8 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-md-9 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%
    }

    .col-md-10 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-md-11 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.83333%
    }

    .col-md-12 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-13 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.16667%
    }

    .col-md-14 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-md-15 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%
    }

    .col-md-16 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-md-17 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.83333%
    }

    .col-md-18 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-19 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.16667%
    }

    .col-md-20 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-md-21 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%
    }

    .col-md-22 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-md-23 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.83333%
    }

    .col-md-24 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:992px) {
    .col-lg {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.16667%
    }

    .col-lg-2 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-lg-3 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%
    }

    .col-lg-4 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-lg-5 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.83333%
    }

    .col-lg-6 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-7 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.16667%
    }

    .col-lg-8 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-lg-9 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%
    }

    .col-lg-10 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-lg-11 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.83333%
    }

    .col-lg-12 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-13 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.16667%
    }

    .col-lg-14 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-lg-15 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%
    }

    .col-lg-16 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-lg-17 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.83333%
    }

    .col-lg-18 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-19 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.16667%
    }

    .col-lg-20 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-lg-21 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%
    }

    .col-lg-22 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-lg-23 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.83333%
    }

    .col-lg-24 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:1200px) {
    .col-xl {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.16667%
    }

    .col-xl-2 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-xl-3 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%
    }

    .col-xl-4 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xl-5 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.83333%
    }

    .col-xl-6 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-7 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.16667%
    }

    .col-xl-8 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-xl-9 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%
    }

    .col-xl-10 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-xl-11 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.83333%
    }

    .col-xl-12 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-13 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.16667%
    }

    .col-xl-14 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-xl-15 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%
    }

    .col-xl-16 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-xl-17 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.83333%
    }

    .col-xl-18 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-19 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.16667%
    }

    .col-xl-20 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-xl-21 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%
    }

    .col-xl-22 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-xl-23 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.83333%
    }

    .col-xl-24 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:1400px) {
    .col-xxl {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.16667%
    }

    .col-xxl-2 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-xxl-3 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%
    }

    .col-xxl-4 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-xxl-5 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.83333%
    }

    .col-xxl-6 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-7 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.16667%
    }

    .col-xxl-8 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-xxl-9 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%
    }

    .col-xxl-10 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-xxl-11 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.83333%
    }

    .col-xxl-12 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-13 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.16667%
    }

    .col-xxl-14 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-xxl-15 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%
    }

    .col-xxl-16 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-xxl-17 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.83333%
    }

    .col-xxl-18 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-19 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.16667%
    }

    .col-xxl-20 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-xxl-21 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%
    }

    .col-xxl-22 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-xxl-23 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.83333%
    }

    .col-xxl-24 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }
}

@media (min-width:1600px) {
    .col-ul {
        -ms-flex: 1 0 0%;
        flex: 1 0 0%
    }

    .row-cols-ul-auto>* {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-ul-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto
    }

    .col-ul-1 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 4.16667%
    }

    .col-ul-2 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 8.33333%
    }

    .col-ul-3 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 12.5%
    }

    .col-ul-4 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 16.66667%
    }

    .col-ul-5 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 20.83333%
    }

    .col-ul-6 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 25%
    }

    .col-ul-7 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 29.16667%
    }

    .col-ul-8 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 33.33333%
    }

    .col-ul-9 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 37.5%
    }

    .col-ul-10 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 41.66667%
    }

    .col-ul-11 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 45.83333%
    }

    .col-ul-12 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 50%
    }

    .col-ul-13 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 54.16667%
    }

    .col-ul-14 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 58.33333%
    }

    .col-ul-15 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 62.5%
    }

    .col-ul-16 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 66.66667%
    }

    .col-ul-17 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 70.83333%
    }

    .col-ul-18 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 75%
    }

    .col-ul-19 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 79.16667%
    }

    .col-ul-20 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 83.33333%
    }

    .col-ul-21 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 87.5%
    }

    .col-ul-22 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 91.66667%
    }

    .col-ul-23 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 95.83333%
    }

    .col-ul-24 {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: 100%
    }
}

/* fonts */
/*
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');
*/

/* icon fonts */
@font-face {
    font-family: 'icons';
    src: url('icons.woff2') format('woff2'), url('icons.woff') format('woff');
    font-display: swap;
    font-weight: normal;
    font-style: normal
}

[class^="i-"]:before,
[class*=" i-"]:before,
.i:before,
.i:after {
    margin-right: 8px;
    font-family: "icons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

/* icons class */
.i-facebook-1:before {
    content: '\e800';
}

/* '' */
.i-instagram:before {
    content: '\e801';
}

/* '' */

.i-action:before {
    content: '\e802';
}

/* '' */
.i-search:before {
    content: '\e803';
}

/* '' */
.i-arrow:before {
    content: '\e804';
}

/* '' */
.i-cart:before {
    content: '\e805';
}

/* '' */
.i-cancel:before {
    content: '\e806';
}

/* '' */
.i-cancel-1:before {
    content: '\e807';
}

/* '' */
.i-plus:before {
    content: '\e808';
}

/* '' */
.i-minus:before {
    content: '\e809';
}

/* '' */
.i-user-1:before {
    content: '\e80a';
}

/* '' */
.i-play:before {
    content: '\e80b';
}

/* '' */
.i-right-open-big:before {
    content: '\e80c';
}

/* '' */
.i-left-open-big:before {
    content: '\e80d';
}

/* '' */
.i-down-open-big:before {
    content: '\e80e';
}

/* '' */
.i-up-open-big:before {
    content: '\e80f';
}

/* '' */
.i-right-open:before {
    content: '\e810';
}

/* '' */
.i-right-open-1:before {
    content: '\e811';
}

/* '' */
.i-sort:before {
    content: '\e812';
}

/* '' */
.i-location-1:before {
    content: '\e813';
}

/* '' */
.i-bc-arrow:before {
    content: '\e814';
}

/* '' */
.i-inner-catalog:before {
    content: '\e815';
}

/* '' */
.i-right-open-2:before {
    content: '\f006';
}

/* '' */
.i-facebook:before {
    content: '\f09a';
}

/* '' */
.i-menu:before {
    content: '\f0c9';
}

/* '' */
.i-angle-left:before {
    content: '\f104';
}

/* '' */
.i-angle-right:before {
    content: '\f105';
}

/* '' */
.i-angle-up:before {
    content: '\f106';
}

/* '' */
.i-angle-down:before {
    content: '\f107';
}

/* '' */
.i-vk:before {
    content: '\e822';
}

/* '' */
.i-pinterest:before {
    content: '\e823';
}

/* '' */

/* layout */
html,
body {
    height: 100%
}

body {
    overflow: hidden;
    overflow-y: auto;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    min-width: 320px;
    width: 100%;
    overflow: hidden;
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    background: #EFEFEF;
}

.layout {
    flex: 1 0 auto
}


.index-page .layout {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    transition: all 0.3s;
    overflow: hidden;
}

.inner-page {
    background: #F8F6F4;
}

.inner-page .content-wrap {
    padding-bottom: 50px;
}

.page-content {
    position: relative;
    margin-bottom: 40px;
    padding-top: 190px;
}

.page-content:before {
    content: '';
    width: 470px;
    height: 264px;
    background: url(square.svg) no-repeat center center;
    background-size: contain;
    z-index: 4;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s;
}

.page-content--boxed {
    padding: 190px 75px 75px 75px;
    background: #FFFFFF;
    box-shadow: 0px 32px 64px #EAE2DE;
    border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.page-content>* {
    position: relative;
    z-index: 1;
}

.inner-page .page-content:before {
    right: 23%;
}


/* placeholder (defaut) */
*::-webkit-input-placeholder {
    color: #787878;
    font-size: 16px;
}

*:-moz-placeholder {
    color: #787878;
    font-size: 16px;
}

*::-moz-placeholder {
    color: #787878;
    font-size: 16px;
}

*:-ms-input-placeholder {
    color: #787878;
    font-size: 16px;
}

/* placeholder (disabled) */
*[disabled]::-webkit-input-placeholder {
    color: #CCC
}

*[disabled]:-moz-placeholder {
    color: #CCC
}

*[disabled]::-moz-placeholder {
    color: #CCC
}

*[disabled]:-ms-input-placeholder {
    color: #CCC
}

/* placeholder (error) */
.error::-webkit-input-placeholder {
    color: #F00
}

.error:-moz-placeholder {
    color: #F00
}

.error::-moz-placeholder {
    color: #F00
}

.error:-ms-input-placeholder {
    color: #F00
}

/* default */
.input,
.btn,
select,
button.co-button,
input.co-button,
.co-input-field,
#feedback_content,
.button {
    text-transform: none;
    font-size: 16px;
    color: #000;
    background: #FFFFFF;
    height: 54px;
    line-height: 54px;
    font-family: 'Montserrat', sans-serif;
    margin: 0px;
    transition: all 0.25s;
    box-sizing: border-box;
    font-weight: 500;
    border: 0;
    /*box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.11);*/
    box-shadow: 0px 32px 64px #EAE2DE;
    border-radius: 31px;
}

/* input,textarea */
input[type=text],
textarea,
button.co-button,
input.co-button,
.co-input-field,
#feedback_content {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.input,
.co-input-field,
#feedback_content {
    padding: 0 23px;
}

.input:hover,
select:hover,
.co-input-field:hover,
#feedback_content:hover {
    box-shadow: 0px 32px 64px #FFA202;
}

.input.error {
    border-color: #E00606;
    color: #E00606
}

.input[disabled],
.input[disabled]:hover,
.input[disabled]:focus {
    cursor: default;
    color: #CCC;
    border: 1px solid #CCC;
    box-shadow: none
}

textarea.input {
    resize: none;
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: normal
}

.input.ns,
.input.ns:hover,
.input.ns:focus {
    text-transform: none;
    border-radius: inherit;
    height: inherit;
    line-height: inherit;
    padding: 0;
    background: inherit;
    border: inherit;
    box-shadow: inherit
}


/* buttons */
.btn,
button.co-button,
input.co-button,
.button {
    padding: 0 25px;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    width: auto;
    cursor: pointer;
    text-align: center;
    white-space: nowrap;
    min-width: 280px;
    background: radial-gradient(77.42% 77.42% at 50% -14.52%, #9DB6DE 0%, #5F91DE 100%);
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.25);
    border-radius: 92px;
    text-decoration: none;
    color: #fff;
}

.btn:hover,
button.co-button:hover,
input.co-button:hover,
.button:hover {
    background: linear-gradient(180deg, #FFAB01 0%, #FE9E01 100%);
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.25);
    border-radius: 92px;
}

.btn:active,
button.co-button:active,
input.co-button:active {
    box-shadow: inset 0 3px 6px 0px rgba(0, 0, 0, 0.1)
}

.btn2 {
    transition: all 0.3s;
    background: #5F91DE;
    box-shadow: 0px 34px 32px rgba(74, 80, 170, 0.2), inset 0px -7px 0px rgba(0, 0, 0, 0.25);
    border-radius: 0px 0px 12px 12px;
    height: 62px;
    line-height: 60px;
}

.btn2:hover {
    border-radius: 0px 0px 12px 12px;
    background: #FFAB01;
    box-shadow: 0px 34px 32px rgba(252, 136, 0, 0.69), inset 0px -7px 0px rgba(0, 0, 0, 0.25);
}

.btn3,
.btn4:hover {
    background: #C8B2A6;
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.25);
    transition: none;
}

.btn4 {
    background: linear-gradient(180deg, #FFAB01 0%, #FE9E01 100%);
    box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.25);
}

.btn.disabled,
.btn.disabled:hover,
.btn.disabled:active,
.btn.disabled:focus {
    cursor: not-allowed;
    box-shadow: none;
    background: none;
    color: #dfdfdf;
    background: none;
    border: 0px
}

/* default stars */
.rating {
    font-size: 16px
}

.rating i {
    display: inline-block;
    font-style: normal
}

.rating i:before {
    font-family: 'icons';
    display: inline-block;
    content: '\E805';
    color: #C5C5C5
}

.rating i.on:before {
    content: '\E805';
    color: #F6D81C
}

/* heading */
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-size: 26px;
    font-weight: 500;
    margin-bottom: 25px;
    text-transform: uppercase;
    color: #FFAB01;
}

h1,
.h1 {
    margin-bottom: 44px;
}

h2,
.h2 {
    font-size: 22px
}

h3,
.h3 {
    font-size: 20px
}

h4,
.h4 {
    font-size: 18px
}

h5,
h6,
.h5,
.h6 {
    font-size: 15px;
    text-transform: none;
    font-weight: 700;
    color: #000;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #FCA13F
}

/* links */
a {
    color: #87ADE6;
    background-color: transparent;
    outline: none !important
}

a:hover {
    text-decoration: none
}

a:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.false {
    transition: all 0.3s;
    text-decoration: none;
    display: inline-block;
    padding-bottom: 2px;
    cursor: pointer;
    color: #87ADE6;
    border-bottom: 1px solid #87ADE6
}

.false:hover {
    border-color: transparent;
}

/* base */
strong,
b,
.b {
    font-weight: 700
}

p {
    margin-bottom: 25px
}

u {
    text-decoration: underline
}

em,
dfn {
    font-style: italic
}

del {
    text-decoration: line-through
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none
}

big {
    font-size: 120%
}

small {
    font-size: 80%
}

abbr[title],
acronym {
    border-bottom: 1px dotted
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

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

figure {
    margin: 1em 40px
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: 700
}

q {
    quotes: none
}

q:before,
q:after {
    content: "";
    content: none
}

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

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px dashed #ccc;
    margin-bottom: 15px;
    padding: 0
}

dl {
    margin: 0 0 15px 0
}

dl dt {
    font-weight: 700
}

dd {
    margin: 0 0 0 15px
}

table {
    border: 0px;
    margin-bottom: 25px;
    width: 100%
}

table tr td,
table tr th {
    transition: background 0.3s;
    border: 1px solid #CCC;
    padding: 8px 12px;
    vertical-align: middle
}

table tr th {
    background: #EEE;
    text-align: center
}

table tr:hover td {
    background: #FBFBFB
}

/* editor content */
.editor {
    line-height: 18px;
    font-size: 15px
}

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

.editor ul,
.editor ol {
    margin-bottom: 25px;
    padding-left: 0px;
    color: #ABABAB
}

.editor ul li,
.editor ol li {
    margin-bottom: 0px;
    list-style: inside;
    position: relative
}

.editor ul li:before {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    top: 10px;
    left: 0;
    background: #fff
}

.editor ul li {
    list-style: none;
    padding-left: 20px;
    position: relative
}

.editor ol li {
    list-style-type: decimal
}

.editor blockquote {
    padding-left: 35px;
    border-left: 2px solid #000
}

.editor p:last-child {
    margin-bottom: 0
}

.editor iframe {
    max-width: 100%;
    max-height: 100%
}

/* pagination */
.pager {
    font-size: 0;
    white-space: nowrap;
    padding-bottom: 30px;
    text-align: center
}

.pager a,
.pager .active {
    transition: all 0.3s;
    color: #777;
    text-decoration: none;
    vertical-align: middle;
    font-size: 14px;
    border: 1px solid #ddd;
    border-left: 0px;
    display: inline-block;
    width: 42px;
    height: 42px;
    line-height: 42px
}

.pager .active,
.pager a:hover {
    font-weight: 700;
    background: #FC8A20;
    color: #fff
}

.pager *:first-child {
    border-left: 1px solid #ddd
}

.pager .i:before {
    font-size: 14px;
    content: '\E80C';
    margin-right: 0px
}

.pager .prev.i {
    transform: rotate(180deg);
    line-height: 40px
}

/* pagination-separator */
.pagination-separator {
    margin: 20px 0 30px 0px;
    width: 100%;
    position: relative;
    text-align: right;
    padding-right: 60px;
    ;
    line-height: 0;
}

.pagination-separator span {
    position: relative;
    border-radius: 10px;
    z-index: 2;
    display: inline-block;
    padding: 10px 20px;
    font-size: 15px;
    line-height: 15px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: #FFAB01;
    color: #fff;
}

.pagination-separator:before {
    content: '';
    background: #cacaca;
    height: 8px;
    width: 100%;
    display: block;
    position: absolute;
    top: calc(50% - 4px);
    left: 0;
    z-index: -1;
}

.pagination-bottom {
    padding: 30px 0 30px 0;
    text-align: center;
}


/* alert */
.alert-success,
.alert-warning,
.alert-error,
.alert-empty {
    text-align: left;
    padding-left: 30px;
    border-left: 3px solid transparent
}

.alert-success {
    border-color: #e0f1e9;
}

.alert-warning {
    border-color: #FFA301;
}

.alert-error {
    border-color: #ebccd1;
}

.alert-empty {
    border-color: #e1e1e1;
}

/* embed */
.embed-responsive {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden
}

.embed-responsive::before {
    display: block;
    content: ""
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0
}

.embed-responsive-21by9::before {
    padding-top: 42.857143%
}

.embed-responsive-16by9::before {
    padding-top: 56.25%
}

.embed-responsive-4by3::before {
    padding-top: 75%
}

.embed-responsive-1by1::before {
    padding-top: 100%
}

/* popups */
.popup {
    transition: opacity 0.6s;
    visibility: hidden;
    z-index: 999;
    opacity: 0;
    position: absolute;
    right: 0;
    top: -9999px;
    left: 0;
    margin: 0 auto 0 auto;
    width: 320px
}

.popup.sm {
    width: 380px
}

.popup.md {
    width: 570px
}

.popup.lg {
    width: 670px
}

.popup.xl {
    width: 1140px
}

.popup .l {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 998;
    background: rgba(0, 0, 0, 0.9);
    opacity: 1
}

.popup .c {
    overflow: hidden;
    transition: all 0.3s;
    transform: scale(1.1);
    opacity: 0;
    z-index: 999;
    position: relative;
    padding: 45px;
    background: #F8F6F4;
    box-shadow: 0px 32px 64px #000000;
    border-radius: 12px;
}

.popup .c>.t,
.popup .c>div>.t {
    font-size: 22px;
    position: relative;
    text-transform: uppercase;
    color: #000;
    font-weight: 500;
    display: block;
    margin-bottom: 20px
}

.popup .close {
    display: block;
    position: absolute;
    right: 8px;
    transition: all 0.3s;
    top: 8px;
    width: 38px;
    height: 38px;
    color: #000;
    cursor: pointer;
    font-size: 50px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup .close:hover {
    color: #f00
}

.popup .btn:not(.close) {
    width: 100%;
    text-transform: uppercase
}

.popup .state-b {
    color: #83AB01;
    display: none;
    padding-bottom: 15px
}

.popup-cart {
    text-align: center
}

.popup-cart .t {
    margin-bottom: 20px
}

.popup-cart a {
    margin-bottom: 8px
}

.popup-cart .btn {
    height: 46px;
    line-height: 48px;
    width: 100%;
    text-align: cnter;
    margin-bottom: 10px
}

.popup-cart .close_popup {
    transition: all 0.3s;
    display: inline-block;
    cursor: pointer
}

.popup-cart .close_popup:hover {
    color: #000;
    border-color: #000
}

/* swiper */
.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0)
}

.swiper-container-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-container-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-button-lock {
    display: none
}

.swiper-pagination-lock {
    display: none
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    -webkit-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-pagination {
    width: 100%;
    text-align: left;
    transition: all 0.3s;
    line-height: 0;
    font-size: 0;
}

.swiper-pagination>span {
    background: #C4C4C4;
    cursor: pointer;
    transition: all 0.3s;
    margin-right: 6px;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    border: 3px solid #C4C4C4;
    display: inline-block;
}

.swiper-pagination>.swiper-pagination-bullet-active,
.swiper-pagination>span:hover {
    background: #FEA600 !important;
    border-color: #FEA600 !important;
}

.swiper-buttons {
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #000;
    left: 0;
    z-index: 100;
    height: 0;
    position: absolute;
    right: 0;
    top: 50%
}

.swiper-buttons>div {
    cursor: pointer;
    width: 74px;
    height: 74px;
    font-size: 26px;
    border-radius: 100%;
    border: 2px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s
}

.swiper-buttons .swiper-button:hover {
    margin: 0;
    color: #000;
    opacity: 0.8
}

.swiper-buttons .swiper-button:before {
    font-family: 'icons';
    content: '\E80C';
    margin: 0;
}

.swiper-buttons .swiper-button--prev:before {
    content: '\E80D'
}

.swiper-buttons .swiper-button.swiper-button-disabled {
    opacity: 0 !important;
    visibility: hidden !important
}

/* selectbox styled */
.select {
    font-size: 12px;
    float: left;
    transition: all 0.3s;
    display: block;
    height: 27px;
    width: 124px;
    background: #FFF;
    border: 1px solid #ddd;
    border-radius: 3px;
    position: relative;
    z-index: 9
}

.select .selected {
    cursor: pointer;
    position: relative;
    height: 27px;
    padding: 0 20px 0 10px;
    outline: none;
    overflow: hidden
}

.select .selected span {
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #cdcdcd;
    text-decoration: none;
    display: block;
    line-height: 26px;
    width: 100%
}

.select .selected:after {
    font-family: icons;
    content: '\e80d';
    position: absolute;
    right: 9px;
    top: 6px
}

.select ul {
    padding-top: 4px;
    border: 1px solid #cdcdcd;
    border-top: 0px;
    padding-bottom: 8px;
    transition-property: opacity, visibility;
    transition-duration: .2s, 0s;
    transition-delay: 0s, .2s;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    background: #fff;
    list-style: none;
    left: -1px;
    right: -1px;
    margin: 0 auto;
    position: absolute;
    top: 23px;
    width: auto;
    z-index: 1;
    overflow-y: auto;
    border-radius: 3px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px
}

.select ul li {
    cursor: pointer;
    transition: all 0.3s;
    display: block;
    outline: none;
    padding: 2px 10px;
    color: #cdcdcd;
    text-decoration: none
}

.select ul li:hover,
.select ul li.active {
    color: #333
}

.select:hover ul {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s, 0s
}

.select-perpage {
    width: 85px
}

/* default qty */
.qty {
    display: flex;
    align-items: center;
}

.qty .qty-label {
    margin-right: 5px;
}

.qty .qty-inputs {
    display: flex;
    align-items: center;
}

.qty .qty-inputs--btn {
    outline: none;
    border: 0;
    position: relative;
    transition: all 0.3s;
    cursor: pointer;
    margin: 0 4px;
    width: 32px;
    height: 32px;
    border-radius: 100%;
    display: flex;
    background: #F1EEE5;
}

.qty .qty-inputs--btn:after,
.qty .qty-inputs--btn:before {
    transition: all 0.1s;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -2px;
    width: 14px;
    height: 3px;
    border-radius: 3px;
    position: absolute;
    background: #000;
    content: '';
}

.qty .qty-inputs--btn-minus {
    order: 1
}

.qty .qty-inputs--btn-minus:after {
    content: none
}

.qty .qty-inputs--btn-plus {
    order: 3
}

.qty .qty-inputs--btn-plus:after {
    transform: rotate(90deg)
}

.qty .qty-inputs--input {
    color: #000;
    text-align: center;
    order: 2;
    font-size: 26px;
    width: 92px;
    height: 32px;
    line-height: 32px;
}

.qty .qty-inputs--btn:hover {
    background: #FFA602;
}

.qty .qty-inputs--btn:hover:after,
.qty .qty-inputs--btn:hover:before {
    background: #fff;
}

.qty .qty-inputs--btn.disabled {
    opacity: 0.6 !important;
}

/* form */
.form .form-group {
    margin-bottom: 17px;
}

.form .form-group .form-control {
    width: 100%;
}

.form .form-group--submit {
    margin-bottom: 0;
}

.form-static .input {
    box-shadow: none;
    border-radius: 24px;
    height: 48px;
    line-height: 48px;
}

.form-static textarea.input {
    height: 126px;
    line-height: normal;
}

.form .form-success {
    padding-top: 15px;
    text-align: center;
    color: green;
}

.form .form-label,
.co-input-label {
    padding-left: 28px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
    display: block;
    margin-bottom: 17px;
}

.form .form-label span {
    color: #f00;
}


/* default tabs */
.tabs-group .tabs-links {
    display: flex;
}

.tabs-group .tabs-links .tabs-links--item {
    cursor: pointer;
    border-top: 2px solid transparent;
    transition: all 0.3s;
    font-weight: 600;
    font-size: 16px;
    text-transform: uppercase;
    height: 48px;
    padding: 0 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tabs-group .tabs-links .tabs-links--item .tabs-links--item-value {
    padding-bottom: 2px;
    border-bottom: 1px dashed #FFB121;
}

.tabs-group .tabs-links .tabs-links--item.is-selected {
    color: #FFB121;
    border-color: #FFB121;
    background: #fff;
}

.tabs-group .tabs-links .tabs-links--item.is-selected span {
    border-color: #fff;
}

.tabs-group .tabs-content {
    box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.11);
    background: #fff;
    padding: 50px 70px;
}

/* default price */
.price {
    display: inline-flex;
    align-items: center;
}

.price:after {
    content: '\E816';
    margin-left: 5px;
    font-weight: 400;
    font-family: 'icons';
    font-size: 74%;
}

/* custom links */
.link-more {
    color: #5F91DE;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}

.link-more .link-more--icon {
    position: relative;
    margin-right: 20px;
}

.link-more .link-more--icon:before,
.link-more .link-more--icon:after {
    transition: all 0.3s;
    margin: 0;
    content: '\E802';
    font-family: 'icons'
}

.link-more .link-more--icon:before {
    width: 100px;
    font-size: 100px;
    text-shadow: 0px 32px 64px #88A9B7;
}

.link-more .link-more--icon:after {
    font-size: 32px;
    color: #fff;
    left: 50%;
    top: 50%;
    margin-top: -17px;
    margin-left: -7px;
    position: absolute;
    content: '\E80B';
}

.link-more .link-more--value {
    transition: all 0.3s;
    padding-bottom: 3px;
    border-bottom: 2px solid #5F91DE;
    font-size: 19px;
    font-weight: 700;
    text-transform: uppercase;
    color: #000;
}

.link-more:hover .link-more--icon:before {
    color: #FFAE15;
    text-shadow: 0px 32px 64px #FCA60C;
}

.link-more:hover .link-more--value {
    border-color: #FFAE15
}

.link-action {
    padding: 0 17px;
    color: #FC8A20;
    font-size: 13px;
    font-weight: 700;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px dashed #FC8A20;
    border-radius: 18px;
}

.link-del {
    text-decoration: none;
    font-weight: 700;
    font-size: 36px;
    color: #FF3D00;
}

.link-del:hover {
    color: #666;
}

/* 
------------------- 
HEADER
-------------------
*/
/* base header */
.header-base .header-columns .header-columns--item-cart {
    display: flex;
    flex-direction: column;
    /*justify-content: flex-end;*/
    text-align: left;
}

.header-base .header-columns .header-columns--item-cart .header-columns--item-label {
    display: flex;
    align-items: center;
    font-size: 12px;
}

.header-base .header-columns .header-columns--item-cart .header-columns--item-label:before {
    margin: 0 8px 0 -25px;
    font-size: 16px;
    color: #FE9B01;
    content: '\E805';
    font-family: 'icons'
}

.header-base .header-columns .header-columns--item-cart .header-columns--item-label span {
    margin-right: 5px;
}

.header-base .header-columns .header-columns--item-cart .header-columns--item-value {
    transition: all 0.2s;
    font-size: 29px;
}

.header .header-columns .header-columns--item-cart:hover .header-columns--item-value {
    color: #FE9B01;
}


.header-base .header-columns .search {
    position: relative;
}

.header-base .header-columns .search .search-input {
    background: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.19);
    box-sizing: border-box;
    width: 100%;
    border-radius: 62px;
    height: 30px;
    line-height: 30px;
    padding: 0 17px;
    font-size: 13px;
}

.header-base .header-columns .search .search-btn {
    transition: all 0.2s;
    cursor: pointer;
    text-align: center;
    line-height: 30px;
    width: 30px;
    height: 30px;
    font-size: 17px;
    color: #5F91DE;
    position: absolute;
    right: 4px;
    top: 0;
    z-index: 2;
}

.header-base .header-columns .search .search-btn:before {
    content: '\E803';
    font-family: 'icons';
}

.header-base .header-columns .search .search-btn:hover {
    color: #000;
}

/* header style 1 */
.header {
    position: relative;
    z-index: 9;
    opacity: 1;
}

.header a {
    color: #000;
    text-decoration: none;
}

.header .header-container {
    display: flex;
}

.header .header-row--a {
    padding-top: 24px;
    max-width: 254px;
    flex: 0 0 254px;
}

.header .header-row--a .logo,
.header .header-row--a .logo span {
    display: block;
}

.header .header-row--a .logo .logo-img {
    margin-bottom: 10px;
}

.header .header-row--a .logo .logo-slogan {
    padding-left: 16px;
    text-shadow: 0px 34px 84px #000000;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    max-width: 70%;
}

.header .header-row--b {
    flex: 1;
    position: relative;
}

.header .header-row--b-inner {
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 3;
    background: #FAF8F7;
    padding: 35px 55px 20px 55px;
}

/*
.header .header-row--b-inner:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: #FAF8F7;
    width: 100%;
    margin-right: -100%;
    height: 100%;
}
*/

.header .header-columns {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.header .header-columns .header-columns--item-label {
    margin-bottom: 6px;
    font-size: 10px;
}

.header .header-columns .header-columns--item-value {
    font-size: 15px;
    transition: all 0.2s;
}

.header-base .menu {
    flex-wrap: wrap;
}

.header-base .menu .mobile {
    display: block;
}

@media (min-width:992px) {
    .header-base .menu {
        font-size: 13px;
        margin-bottom: 25px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        line-height: 16px;
    }
  
    .header-base .menu .mobile {
        display: none;
    }

    .header-base .menu .menu-item--link {
        transition: all 0.3s;
        padding-bottom: 2px;
        display: inline-block;
        border-bottom: 1px solid #FAF8F7;
        color: #000;
        text-decoration: none;
    }

    .header-base .menu .menu-item--link:hover,
    .header-base .header-columns .menu .menu-item--link.is-selected {
        border-color: #5F91DE
    }

    .header .header-columns .header-columns--item-menu {
        flex: 0 0 100%;
    }

    .header .header-columns .header-columns--item-contacts {
        flex: 0 0 29%;
        display: flex;
        justify-content: space-between;
    }

    .header .header-columns .header-columns--item-contacts .header-columns--item-value:hover {
        color: #5f91de;
    }

    .header .header-columns .header-columns--item-worktime {
        padding-left: 5%;
    }

    .header .header-columns .header-columns--item-search {
        padding: 0 5%;
        flex: auto
    }

    .header .header-columns .header-columns--item-social {
        flex: 0 0 100%;
    }

    .header .header-columns .header-columns--item-social .social a {
        transition: all 0.2s;
        margin-right: 30px;
        font-size: 17px;
        color: #FD9701;
    }

    .header .header-columns .header-columns--item-social .social a:before {
        margin: 0;
    }

    .header .header-columns .header-columns--item-social .social a:hover {
        color: #000;
    }

    .header .header-columns .header-columns--item-worktime .header-columns--item-value {
        font-size: 13px;
        line-height: 16px;
    }

    .header .header-catalog {
        position: relative;
    }

    .header .header-catalog--link {
        position: relative;
        z-index: 2;
        display: flex;
        align-items: center;
        height: 62px;
        font-size: 17px;
        color: #fff;
        font-weight: 700;
        padding-left: 50px;
    }

    .header .header-catalog--link-inner {
        position: relative;
        z-index: 2;
        cursor: pointer;
    }

    .header .header-catalog--link-inner {
        display: flex;
        align-items: center;
    }
/*
*/
    .header .header-catalog--link:after {
        z-index: 1;
        filter: drop-shadow(0px 4px 34px rgba(0, 0, 0, 0.95));
        border-radius: 31px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        background: linear-gradient(21.69deg, #5F91DE 40.4%, #696986 173.45%);
        content: '';
        box-shadow: 0px 4px 64px #518EE8;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100vw;
        margin-right: -100%;
        height: 100%;
    }

    .header .header-catalog--link .header-catalog--link-dd {
        transition: all 0.3s;
        margin-left: 10px;
        display: inline-block;
        width: 32px;
        height: 32px;
        position: relative;
        border-radius: 100%;
        background: rgba(255, 255, 255, .2);
    }

    .header .header-catalog--link .header-catalog--link-dd:before,
    .header .header-catalog--link .header-catalog--link-dd:after {
        transition: all 0.3s;
        top: 50%;
        margin-top: -1px;
        width: 10px;
        height: 3px;
        content: '';
        background: #fff;
        position: absolute;
    }

    .header .header-catalog--link .header-catalog--link-dd:before {
        left: 50%;
        margin-left: -2px;
        transform: rotate(-45deg)
    }

    .header .header-catalog--link .header-catalog--link-dd:after {
        right: 50%;
        margin-right: -2px;
        transform: rotate(45deg)
    }

    .header .header-catalog--link:hover .header-catalog--link-dd {
        box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);
        background: #fff;
    }

    .header .header-catalog--link:hover .header-catalog--link-dd:before,
    .header .header-catalog--link:hover .header-catalog--link-dd:after {
        background: #5f91de
    }

    .header .header-catalog--link:hover .header-catalog--link-dd,
    .js-h-menu-show .header .header-catalog--link .header-catalog--link-dd {
        box-shadow: 0px 0px 8px rgba(0, 0, 0, .1);
        background: #fff;
    }

    .header .header-catalog--link:hover .header-catalog--link-dd:before,
    .header .header-catalog--link:hover .header-catalog--link-dd:after,
    .js-h-menu-show .header .header-catalog--link .header-catalog--link-dd:before,
    .js-h-menu-show .header .header-catalog--link .header-catalog--link-dd:after {
        background: #5f91de
    }

    /* header js handlers */
    .js-h-catalog-over .header {
        opacity: 1;
        z-index: 999
    }

    .js-h-catalog-over .header-catalog--dd {
        opacity: 0.95;
        visibility: visible;
        transition-delay: 0s, 0s;
    }

    .js-show-search .layer,
    .js-show-menu .layer,
    .js-h-search-show .layer {
        opacity: 0.5;
        visibility: visible
    }

    .js-loader-show .loader {
        opacity: 1;
        visibility: visible
    }

    /* header base dd*/
    .header-catalog--dd {
        transition: all 0.2s;
        opacity: 0;
        visibility: hidden;
        max-width: 700px;
        position: absolute;
        background: #5F91DE;
        font-size: 13px;
        font-weight: 500;
        box-shadow: 0px 4px 64px #518EE8;
        padding: 23px 50px;
        z-index: 2;
        width: 100%;
        border-top-left-radius: 32px;
    }

    .header-catalog--dd .catalog {
        column-count: 2;
    }

    .header-catalog--dd .catalog li {
        padding: 8px 0;
    }

    .header-catalog--dd .catalog li a {
        color: #fff;
    }

    .header-catalog--dd .catalog li a:hover {
        text-decoration: underline;
    }
}

/* header inner */
.header-inner {
    transition: all 0.3s;
    position: fixed;
    width: 100%;
    z-index: 991;
    padding: 20px 0;
    background: rgba(250, 248, 247, 0.9);
    box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.03);
}

.header-inner .header-container {
    display: flex;
    flex-wrap: wrap;
}

.header-inner .header-row--a {
    flex: 0 0 194px;
    min-width: 194px;
}

.header-inner .header-row--b {
    flex: 1;
    padding-left: 70px;
}

.header-inner .header-columns {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.header-inner .header-columns .header-columns--item-menu {
    flex: 0 0 75%;
}

.header-inner .header-columns .header-columns--item-cart {
    padding-right: 40px;
    margin-bottom: 25px;
    align-items: center;
    font-size: 12px;
    text-decoration: none;
    color: #000;
    flex: 0 0 25%;
    flex-direction: row;
}

.header-inner .header-columns .header-columns--item-cart .header-columns--item-label {
    transition: all 0.2s;
    display: inline-flex
}

.header-inner .header-columns .header-columns--item-cart .header-columns--item-label span {
    margin-right: 5px;
}

.header-inner .header-columns .header-columns--item-cart .header-columns--item-value {
    transition: all 0.2s;
    margin-left: 10px;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex
}

.header-inner .header-columns .header-columns--item-cart:hover {
    color: #fe9b01
}

.header-inner .header-columns--item-search {
    flex: 0 0 45%;
}

.header-inner .header-columns--item-catalog {
    flex: 0 0 30%;
}

.header-inner .header-catalog--link-label {
    position: relative;
    z-index: 99;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    transition: all 0.2s;
    padding: 10px 20px;
    background: transparent;
    margin: -10px 0 -10px -20px;
    cursor: pointer;
    font-weight: 700;
    font-size: 15px;
    display: inline-flex;
    align-items: center;
}

.header-inner .header-catalog--link-label:after {
    font-weight: 400;
    transition: all 0.2s;
    margin-left: 13px;
    content: '\E815';
    font-family: 'icons';
    color: #C8B2A6;
    font-size: 26px;
}

.header-inner .header-catalog--dd {
    box-shadow: 0 30px 30px rgba(66, 127, 199, 0.5);
    border-radius: 0;
    width: 100%;
    right: 0;
    max-width: none;
    left: 0;
    top: 100%;
    margin-top: -10px;
}

.header-inner .header-catalog--dd .catalog {
    padding-left: 255px;
    column-count: 3;
    width: 80%;
}

.header-inner .header-catalog--dd .catalog li {
    padding: 2px 0;
}

.header-inner .header-catalog--dd .catalog li a {
    transition: all 0.3s;
    padding: 8px 10px;
    display: inline-block;
    text-decoration: none;
    border-radius: 10px;
}

.header-inner .header-catalog--dd .catalog li a:hover,
.header-inner .header-catalog--dd .catalog li a.is-active {
    background: #7FA6E3;
}

/* header-inner js handlers */
.js-h-catalog-over .header-inner .header-catalog--link-label {
    background: rgba(95, 145, 222, 0.95);
    color: #fff;
}

.js-h-catalog-over .header-catalog--link-label:after {
    color: #fff
}

.js-fixed-header .header-inner {
    box-shadow: 0 20px 20px rgba(0, 0, 0, 0.08);
    background: rgba(250, 248, 247, 0.96);
}

.js-fixed-header .page-content:before {
    top: -30px;
}

/* home slider */
.home-slider .swiper-buttons {
    padding: 0 10%;
    top: 33%;
}

.home-slider .swiper-buttons .swiper-button {
    opacity: 0.9;
    border-color: #fff;
    border-width: 1px;
    color: #fff;
}

.home-slider .swiper-buttons .swiper-button:hover {
    color: #D78E0C;
    border: 0;
}

.home-slider {
    margin-bottom: -90px;
    z-index: 10;
    position: relative;
    overflow: hidden;
}

.home-slider .slide-item {
    position: relative;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #fff;
    padding-top: 40px;
    padding-left: 260px;
    padding-right: 260px;
    height: 503px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover
}

.home-slider .slide-item--title {
    margin-bottom: 30px;
    font-size: 48px;
    line-height: 110%;
}

.home-slider .slide-item--desc {
    font-size: 19px;
}

.home-slider .slide-item--title-img,
.home-slider .slide-item--title-waveimg {
    z-index: 1;
    position: absolute;
    right: 20%;
    top: -48px;
}

.home-slider .slide-item--title-waveimg {
    z-index: 2;
    right: 42%;
    top: auto;
    bottom: 65px;
}

.home-slider .swiper-container {
    overflow: visible
}

.home-slider .slide-item--desc-wrap {
    max-height: 180px;
    max-width: 74%;
    overflow: hidden;
}

.home-slider .slide-item--more {
    text-decoration: none;
    z-index: 5;
    position: absolute;
    right: 10%;
    top: 39%;
}

.home-slider .slide-item--more:after {
    content: 'Подробнее';
    z-index: 2;
    position: relative;
    border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    text-decoration: none;
    text-shadow: none;
    display: block;
    text-transform: uppercase;
    transition: all 0.3s;
    line-height: 70px;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    background: #5E8FD6;
    width: 204px;
    height: 70px;
    text-align: center;
    opacity: 0.9
}

.home-slider .slide-item--more:hover:after {
    opacity: 1;
    background: #FFA901
}

.home-slider .slide-item--more:before {
    position: relative;
    z-index: 1;
    width: 80px;
    height: 100px;
    content: '';
    position: absolute;
    margin: 20px 0 0 -40px;
    border-radius: 30px;
    background: #000;
    opacity: 0.8;
    filter: blur(24px);
}

.home-slider .swiper-pagination--wrap {
    position: relative;
}

.home-slider .swiper-pagination {
    padding-left: 260px;
    z-index: 99;
    position: absolute;
    top: -260px;
}

.home-slider .swiper-pagination>span {
    background: none;
    border-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
}

/* breadcrumbs */
.breadcrumbs {
    text-transform: lowercase;
    position: relative;
    z-index: 3;
    font-size: 15px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 16px;
    color: #ABABAB
}

.breadcrumbs li {
    margin-left: 7px;
    display: flex;
    align-items: center;
}

.breadcrumbs li:before {
    color: #000;
    font-size: 8px;
    font-family: 'icons';
    content: '\E814';
    margin-right: 7px;
}

.breadcrumbs li a {
    transition: all 0.3s;
    display: block;
    border-bottom: 1px solid #ccc;
    padding-bottom: 2px;
    text-decoration: none;
    color: #000;
}

.breadcrumbs li:first-child {
    margin-left: 0;
}

.breadcrumbs li a:hover {
    color: #FFAB01;
    border-color: #FFAB01;
}

/* 
------------------- 
BOXES
-------------------
*/
.box {
    margin-bottom: 125px;
}

.box .box-header {
    margin-bottom: 45px;
}

.box .box-header .box-header--title {
    text-transform: uppercase;
    font-size: 38px;
    color: #000;
    font-weight: 500;
}

/* box-wide */
.box-wide {
    margin-left: -100px;
    margin-right: -100px;
}

.box-wide .box-header {
    padding-left: 100px;
}

.box-wide .box-content {
    padding-left: 100px;
}

/* box-partners */
.box-partners {
    position: relative;
    z-index: 2;
}

.box-partners .box-header {
    width: 90%;
    padding-right: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.box-partners .box-content {
    position: relative;
    padding: 70px 100px;
    background: #fff;
}

.box-partners .box-content:before {
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    margin-right: -100%;
    position: absolute;
    right: 0;
    background: #fff;
}

.box-partners .box-content:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 100px;
    right: 0;
    height: 9px;
    width: 130%;
    background: linear-gradient(90deg, #FFAE00 5.8%, #F96C00 100%);
}

.box-partners .partners-list {
    margin: -10px -16px;
    display: flex;
    flex-wrap: wrap;
}

.box-partners .partners-list .partners-list--item {
    padding: 16px;
    width: 14.28%;
    height: 100%
}

/* box-group */
.box-group {
    display: flex;
}

.box-group .box {
    height: auto;
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: 100px;
}

.box-group .box-content {
    height: 100%;
}

.box-group .box:nth-child(1) .box-inner {
    height: 100%;
    padding-right: 28px;
}

.box-group .box:nth-child(2) .box-inner {
    padding-left: 28px;
}

/* box-design */
.box-design {
    position: relative;
}

.box-design .box-header .box-header--title {
    margin-bottom: 45px;
    color: #FFAE00
}

.box-design:after {
    content: '';
    background: url(box-design-img.png) no-repeat center center;
    top: -70px;
    width: 343px;
    height: 281px;
    position: absolute;
    right: -60px;
}

.box-design .box-content {
    background: #fff;
    padding: 95px 35% 95px 90px;
}

.box-design .box-content p:last-child {
    margin: 0;
}

/* box-capabilities */
.box-capabilities {
    position: relative;
}

.box-capabilities .box-capabilities--img {
    position: absolute;
    right: 20%;
    top: -47%;
}

.box-capabilities .box-content {
    display: flex;
    align-items: center;
    padding: 25px 50px 25px 30px;
    background: #fff;
}

.box-capabilities .box-header {
    margin: 0;
    align-items: center;
    display: flex;
}

.box-capabilities .box-header .box-header--img {
    margin-right: 20px;
}

.box-capabilities .box-header .box-header--title,
.box-ourclients .box-header .box-header--title {
    font-weight: 500;
    font-size: 26px;
    line-height: 135%;
}

/* box-ourclients */
.box-ourclients {
    position: relative;
}

.box-ourclients .box-content {
    display: flex;
    background: #fff;
}

.box-ourclients .box-inner {
    height: 100%;
}

.box-ourclients .box-header {
    margin-bottom: 0;
    position: relative;
    display: flex;
    align-items: center;
    flex: 0 0 42%
}

.box-ourclients .box-header .box-header--title {
    color: #FFAE00;
    margin-bottom: 25px;
}

.box-ourclients .box-header .box-header--subtitle {
    margin-bottom: 50px;
    font-weight: 19px;
    font-weight: 700;
}

.box-ourclients .box-header--inner {
    padding: 20px 70px;
}

.box-ourclients .box-carousel {
    flex: 0 0 58%;
    max-width: 58%;
    margin: -30px 0;
}

.box-ourclients .swiper-buttons {
    height: auto;
    width: 50%;
    margin: 0;
    position: relative;
    top: auto;
    right: auto;
    left: auto;
}

.box-ourclients .swiper-buttons>div {
    color: #FFAE00;
    font-size: 26px;
    width: auto;
    height: auto;
    margin: 0;
    border: 0;
}

.box-ourclients .swiper-buttons>div:before {
    font-size: 26px;
}

/* box-catalog */

.box-catalog {
    display: flex;
    flex-wrap: wrap;
}

.box-catalog .box-catalog--wrap {
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    flex: 0 0 25%;
}

.box-catalog .box-catalog--item {
    position: relative;
    width: 250px;
    padding: 18px 20px 38px 20px;
    height: 100%;
    display: block;
    color: #000;
    text-decoration: none;
}

.box-catalog .box-catalog--item:after {
    transition: all 0.3s;
    top: 0;
    left: 0;
    position: absolute;
    content: '';
    border-radius: 28px;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #FFAE00 5.8%, #F96C00 100%);
    opacity: 0;
    z-index: 1;
}

.box-catalog .box-catalog--item span {
    display: block;
}

.box-catalog .box-catalog--item .box-catalog--item-title {
    text-transform: uppercase;
    transition: all 0.3s;
    position: relative;
    z-index: 2;
    font-weight: 700;
    font-size: 19px;
    line-height: 23px;
}

.box-catalog .box-catalog--item .box-catalog--item-img {
    transition: all 0.3s;
    width: 60%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    position: relative;
    z-index: 2;
    margin-bottom: 20px;
    height: 130px;
}

.box-catalog .box-catalog--item .box-catalog--item-img2 {
    transition: all 0.3s;
    opacity: 0;
    z-index: 2;
    width: 148px;
    height: 148px;
    border-radius: 100%;
    position: absolute;
    right: -10%;
    top: -10%
}

.box-catalog .box-catalog--item .box-catalog--item-img svg * {
    transition: all 0.2s;
}

@media (min-width:1200px) {
    .box-catalog {
        margin: 0 -67px;
        position: relative;
        z-index: 11
    }

    .box-catalog .box-catalog--item:hover:after {
        opacity: 1;
        box-shadow: 0 20px 36px rgba(0, 0, 0, 0.2);
    }

    .box-catalog .box-catalog--item:hover .box-catalog--item-img svg path,
    .box-catalog .box-catalog--item:hover .box-catalog--item-img svg circle,
    .box-catalog .box-catalog--item:hover .box-catalog--item-img svg rect,
  	.box-catalog .box-catalog--item:hover .box-catalog--item-img svg polyline {
        stroke: #fff
    }
  
  	.box-catalog .box-catalog--item:hover .box-catalog--item-img svg path.fill,
    .box-catalog .box-catalog--item:hover .box-catalog--item-img svg circle.fill,
  	.box-catalog .box-catalog--item:hover .box-catalog--item-img svg ellipse.fill,
    .box-catalog .box-catalog--item:hover .box-catalog--item-img svg rect.fill,
  	.box-catalog .box-catalog--item:hover .box-catalog--item-img svg .fil1 {
        fill: #fff
    }

    .box-catalog .box-catalog--item:hover .box-catalog--item-img svg linearGradient stop {
        stop-color: #fff
    }

    .box-catalog .box-catalog--item:hover .box-catalog--item-title {
        color: #fff;
    }

    .box-catalog .box-catalog--item:hover .box-catalog--item-img {
        padding-left: 10px;
    }

    .box-catalog .box-catalog--item:hover .box-catalog--item-img2 {
        opacity: 1;
        right: -15%;
        top: -15%
    }
}

/* box-action */
.box-action {
    height: 810px;
    position: relative;
    padding-top: 120px;
    margin-bottom: 65px;
    margin-left: -30px;
}

.box-action:after {
    width: 630px;
    height: 630px;
    border-radius: 100%;
    background: #fff;
    z-index: 1;
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 80px;
    margin: 0 auto;
}

.box-action .box-action--inner {
    position: relative;
    z-index: 2;
    height: 297px;
    background-repeat: no-repeat;
    border-radius: 40px;
    background-size: cover;
}

.box-action .action-bg {
    position: absolute;
    left: 17%;
    top: 10%;
    z-index: 3;
}

.box-action .action-bg--l1 {
    top: 20px;
}

.box-action .action-bg--l2 {
    top: 350px;
}

.box-action .action-bg--l3 {
    left: auto;
    top: 20px;
    right: 25%
}

.box-action .action-bg--l4 {
    left: auto;
    top: 425px;
    right: 25%
}

.box-action .box-action--parrot {
    max-width: auto;
    max-height: none;
    position: absolute;
    left: -170px;
    top: 50px;
    z-index: 3;
}

.box-action .box-action--carousel-wrapper {
    background: rgba(95, 145, 222, 0.8);
    ;
    height: 100%;
    width: 52%;
    margin: 0 auto;
    position: relative;
    z-index: 9;
}

.box-action .box-action--carousel {
    height: 100%;
}

.box-action .swiper-container {
    height: 100%
}

.box-action .box-action--carousel .swiper-slide {
    padding: 30px 20%;
    display: flex;
    align-items: center;
}

.box-action .slide-item {
    font-weight: 600;
    font-size: 23px;
    color: #fff;
}

.box-action .slide-item .slide-item--title {
    margin-bottom: 30px;
    text-transform: uppercase;
    font-size: 38px;
    font-weight: 500;
}

.box-action .swiper-buttons {
    top: 40%;
    padding: 0 10%;
    margin-left: 80px;
}

.box-action .swiper-buttons .swiper-button {
    border-color: #fff;
    color: #fff;
    background: #45689D;
}

.box-action .swiper-buttons .swiper-button:hover {
    box-shadow: 0px 4px 64px #FFFFFF;
    color: #476A9E;
    background: #fff;
}

/* box-popular */
.box-popular {
    margin-top: -260px;
    margin-bottom: 0px;
    position: relative;
    z-index: 2;
}

.box-popular .box-header:after {
    position: absolute;
}

.box-popular .box-header {
    position: relative;
    text-align: center;
    margin-bottom: 190px;
}

.box-popular .box-popular--leaf {
    position: absolute;
    right: -15%;
    top: -90px;
    max-width: none;
    max-height: none;
}

.box-popular .box-header .box-header--title {
    height: 100%;
    display: flex;
    align-items: flex-end;
    width: 25%;
    text-align: left;
    font-size: 36px;
    text-transform: uppercase;
    font-weight: 500;
    position: absolute;
    left: 0;
    top: 0;
}

.box-product-popular {
    margin-top: 0;
    padding-top: 20px;
}

.box-product-popular .box-header .box-header--title {
    width: 100%;
    position: relative;
}

/* box-subfooter */
.box-subfooter {
    margin-bottom: 0;
}

.box-subfooter .box-content,
.box-cup .box-content {
    padding: 70px;
    background: #fff;
}

.box-subfooter .box-inner {
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
    background: #fff;
    box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.11);
}

.box-subfooter .box-header .box-header--title:before {
    position: absolute;
    top: -80px;
    right: 0;
    width: 77px;
    height: 77px;
    position: absolute;
    content: '';
    border: 23px solid #5F91DE;
}

.box-subfooter .box-header .box-header--title {
    position: relative;
    color: #5F91DE;
    flex: 0 0 35%;
    padding-right: 25px;
}

.box-subfooter .box-content {
    flex: 0 0 65%;
    max-width: 65%;
    padding: 0;
}

.box-subfooter .editor {
    padding-right: 100px;
    column-count: 2;
    column-gap: 70px;
    font-size: 15px;
    line-height: 20px;
}

.box-subfooter .subfooter-carousel {
    width: 110%;
    margin-bottom: 60px;
    margin-top: -100px;
}

.box-subfooter .subfooter-carousel .swiper-slide--item {
    text-align: right;
}

/* box seo text */
.box-text {
    color: #fff;
    margin-top: -50px;
    align-items: center;
    margin-bottom: 110px;
    position: relative;
    display: flex;
}

.box-text .box-header .box-header--title {
    color: #fff;
    font-size: 38px;
    line-height: 132%;
}

.box-text .box-text--img {
    max-width: 31%;
    z-index: 2;
    position: absolute;
    left: 0;
}

.box-text .box-text--img img {
    border-radius: 26px;
}

.box-text .box-text--content {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    box-shadow: 0px 54px 64px rgba(0, 0, 0, 0.14);
    border-radius: 26px;
    background-position: center right;
    background-repeat: no-repeat;
    margin: 40px 0;
    flex: auto;
    min-height: 548px;
    padding: 80px 100px 80px 35%;
}

.box-text .editor {
    font-size: 14px;
    line-height: 17px;
    column-count: 2;
    column-gap: 80px;
}

.box-text .box-text--img-layer {
    z-index: 4;
    position: absolute;
    top: 10%;
    right: -30%;
}

.box-text .box-text--img-layer-b {
    top: auto;
    left: -34%;
    right: auto;
    bottom: -30%;
}

/* box cooperation */
.box-cooperation {
    margin-bottom: 65px;
}

.box-cooperation .box-header {
    margin-bottom: 70px;
    display: flex;
    width: 80%;
    align-items: flex-end;
}

.box-cooperation .box-header .box-header--title {
    font-size: 46px;
    font-weight: 400;
    flex: 0 0 60%;
}

.box-cooperation .box-header .box-header--subtitle {
    font-size: 27px;
    color: #5F91DE;
    font-weight: 500;
}

.box-cooperation .box-header .box-header--subtitle span {
    position: relative;
    background: #FC8600;
    display: inline-block;
    padding: 3px 6px 10px 6px;
    color: #fff;
}

.box-cooperation .box-header .box-header--subtitle span:after {
    content: '';
    height: 5px;
    background: #fff;
    position: absolute;
    bottom: 4px;
    left: 6px;
    right: 6px;
}

.box-cooperation .coop-benefits {
    position: relative;
    margin-bottom: 65px;
    display: flex;
    width: 100%;
}

.box-cooperation .coop-benefits:after {
    content: '';
    position: absolute;
    bottom: -35px;
    ;
    left: -100px;
    width: 200px;
    height: 1px;
    background: #000;
}

.box-cooperation .coop-benefits .item {
    flex: 0 0 33.33%;
    font-size: 28px;
    color: #5F91DE;
}

.box-cooperation .coop-benefits .item .item-img {
    margin-bottom: 12px;
}

.box-cooperation .coop-benefits .item .item-num {
    font-size: 30px;
}

.box-cooperation .coop-benefits .item .item-name {
    font-weight: 700;
}

.box-cooperation .coop-benefits .item:nth-child(3) .item-img {
    margin-left: -50px;
}

.box-cooperation .coop-benefits--text {
    width: 65%;
    font-size: 20px;
    line-height: normal;
}

/* box cup */
.box-cup {
    z-index: 1;
    margin-bottom: -90px;
    position: relative;
    padding-bottom: 150px;
}

.box-cup .box-content {
    padding: 60px 100px 130px 100px;
    position: relative;
}

.box-cup .box-content:before {
    position: absolute;
    content: '';
}

.box-cup .box-content:after {
    bottom: -;
    width: 229px;
    height: 229px;
    background: url(e)
}

.box-cup .box-content:before {
    width: 190px;
    height: 11px;
    background: #5F91DE;
    left: 100px;
    bottom: 0;
}

.box-cup .cup-text-img--eclipse {
    position: absolute;
    bottom: -45%;
    left: 40%;
}

.box-cup .cup-text {
    width: 80%;
    column-count: 2;
    column-gap: 50px;
}

.box-cup .cup-text-img {
    position: absolute;
    right: -100px;
    bottom: -175px;
    max-width: none;
    max-height: none;
    background-repeat: no-repeat;
    background-position: center center;
}

/* 
------------------- 
PRODUCT PAGE
-------------------
*/
.product-page .product-page--header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.product-page .product-page--header .page-title,
.product-page .product-page--header .breadcrumbs {
    flex: 0 0 100%;
}

    {
    flex: 0 0 100%;
}

.product-page .product-page--header .page-title h1 {
    color: #000;
}

.product-page .product-page--gallery {
    flex: 0 0 30%;
    max-width: 30%;
    text-align: center;
    flex: auto;
    position: relative;
}

.product-page .product-page--gallery .swiper-buttons .swiper-button {
    border: 0;
}

.product-page .product-page--gallery .swiper-buttons .swiper-button:hover {
    color: #FC8C00
}

.product-page .product-page--desc {
    flex: 1;
    padding-left: 40px;
    font-size: 15px;
}

.product-page .product-page--desc .tilda {
    margin-bottom: 30px;
}

.product-page .product-page--desc .product-page--desc-price {
    margin-bottom: 25px;
    text-transform: uppercase;
    font-size: 38px;
    font-weight: 500;
}

.product-page .product-page--desc-qty {
    margin-bottom: 15px;
    padding-top: 45px;
}

.product-page .product-page--desc-params .product-page--desc-params--item {
    margin-bottom: 10px;
}

.product-page .product-page--desc-bottom {
    display: flex;
    align-items: flex-end;
}

.product-page .product-page--desc-bottom .product-page--desc-buttons {
    flex: auto;
}

.product-page .product-page--desc-bottom .product-page--desc-buttons .btn {
    width: 100%;
}

.product-page .product-page--desc-bottom .product-page--desc-buttons .product-page--desc-buttons-item+.product-page--desc-buttons-item {
    margin-top: 16px;
}

.product-page .product-page--desc-bottom .product-page--desc-msg {
    margin-left: -35px;
    font-size: 15px;
    line-height: 18px;
    flex: 0 0 60%;
    padding-right: 70px;
}

.product-page .product-page--desc-bottom .product-page--desc-msg p {
    margin-bottom: 15px;
}

.product-page .product-page--desc-bottom .product-page--desc-msg p:last-child {
    margin: 0;
}

.product-page--details {
    margin-bottom: 65px;
}

.product-page--details .params-list {
    width: 100%;
    display: flex;
    padding-top: 35px;
    margin-top: 35px;
    border-top: 2px solid #FECC7F;
}

.product-page--details .params-list--col {
    flex: 0 0 50%;
}

.product-page--details .params-list--col li {
    margin-bottom: 10px;
}

.product-reviews--list {
    position: relative;
}

.product-reviews--list .item {
    display: flex;
    align-items: center;
}

.product-reviews--list .item .item-avatar {
    flex: 0 0 164px;
    max-width: 164px;
}

.product-reviews--list .item .item-avatar .item-avatar--value {
    width: 164px;
    height: 164px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 100%;
    background-size: cover
}

.product-reviews--list .item .item-desc {
    padding-left: 50px;
    padding-bottom: 30px;
}

.product-reviews--list .item .item-desc .item-desc--author {
    color: #000;
    margin-bottom: 28px;
}

.product-reviews--list .swiper-pagination {
    padding-left: 212px;
}

.product-reviews--list .swiper-pagination>span {
    width: 9px;
    height: 9px;
    margin-right: 10px;
}

.product-reviews--form {
    display: none;
    padding: 40px 45px;
}

.product-reviews--form .h1 {
    margin-bottom: 20px;
    color: #000;
}

.product-reviews--form textarea.input {
    height: 142px;
}

.product-reviews--form .form .form-group {
    margin-bottom: 36px;
}

.product-reviews--form.is-shown {
    display: block;
}

/* 
------------------- 
COLLECTION PAGE
-------------------
*/
/* subcollections */
.subcollections-list {
    display: flex;
    width: 110%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.subcollections-list .item-wrap {
    flex: 0 0 33.333%;
}

.subcollections-list .item {
    transition: all 0.3s;
    display: block;
    font-size: 19px;
    font-weight: 700;
    line-height: 24px;
    color: #000;
    text-align: center;
    text-decoration: none;
    max-width: 300px;
    position: relative;
    text-align: center;
    margin-bottom: 70px;
}

.subcollections-list .item span {
    display: block;
}

.subcollections-list .item .item-bg {
    transition: all 0.3s;
    box-shadow: 0 34px 32px #dfdad57a;
    width: 206px;
    height: 206px;
    border-radius: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.subcollections-list .item .item-title {
    text-transform: uppercase;
    position: relative;
    z-index: 2;
}

.subcollections-list .item .item-img {
    margin-bottom: 38px;
    min-height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.subcollections-list .item img {
    mix-blend-mode: multiply;
}

.subcollections-list .item:hover .item-bg {
    box-shadow: 0px 34px 32px #fea00266;
}

/* collection filter */
.collection-filter {
    position: relative;
}

.collection-filter:after {
    z-index: 1;
    position: absolute;
    top: 30px;
    left: 0;
    width: 1200px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 220px;
    content: '';
    background: linear-gradient(90deg, #FFAE00 5.8%, #F96C00 100%);
    filter: blur(38px);
    border-radius: 100%;
}

.collection-filter--header {
    border-bottom: 2px solid #F96D00;
    position: relative;
    z-index: 2;
    background: rgba(255, 255, 255, 0.86);
    padding: 35px 45px;
    box-shadow: 0px 32px 64px #EAE2DE;
    border-radius: 12px 12px 0px 0px;
    /*height: 202px;*/
}

.collection-filter--title {
    margin-bottom: 45px;
    text-transform: uppercase;
    font-size: 38px;
    font-weight: 500;
}

.collection-filter .filter-values {
    display: flex;
    align-items: center;
}

.collection-filter .filter-values .filter-values--sort {
    flex: 0 0 40%;
    display: flex;
    align-items: center;
}

.collection-filter .filter-values .filter-values--sort .filter-values--label {
    white-space: nowrap;
    font-size: 16px;
    margin-right: 15px;
}

.collection-filter .filter-values .filter-values--sort .filter-values--item {
    display: flex;
    align-items: center;
}

.collection-filter .filter-values .filter-values--sort .filter-values--item.none {
    display: none;
}


/*
.collection-filter .filter-values .filter-values--sort .filter-values--item:after{transition:all 0.3s;margin-bottom:2px;margin-left:7px;font-family:'icons';content:'\E812';font-size:10px;}
.collection-filter .filter-values .filter-values--sort .filter-values--item-down:after{transform:rotate(180deg)}
*/
.collection-filter .filter-values .filter-values--sort .filter-values--items {
    font-size: 16px;
    display: flex;
    align-items: center;
}

.collection-filter .filter-values .filter-values--sort .filter-values--item {
    cursor: pointer;
    margin-left: 13px;
    padding: 0 22px;
    color: #000;
    display: flex;
    align-items: center;
    height: 40px;
}

.collection-filter .filter-values .filter-values--sort .filter-values--item span {
    transition: all 0.3s;
    display: inline-block;
    padding-bottom: 2px;
    border-bottom: 1px dashed #000;
}

.collection-filter .filter-values .filter-values--sort .filter-values--item:hover {
    color: #739EE2;
}

.collection-filter .filter-values .filter-values--sort .filter-values--item:hover span {
    border-color: #739EE2
}

.collection-filter .filter-values .filter-values--sort .filter-values--item.is-selected {
    color: #fff;
    background: linear-gradient(0deg, #9DB6DE -43.59%, #5F91DE 37.1%);
    box-shadow: inset 4px 4px 7px rgba(0, 0, 0, 0.25);
    border-radius: 60px;
}

.collection-filter .filter-values .filter-values--sort .filter-values--item.is-selected span {
    color: #fff;
}

.collection-filter .filter-values .filter-values--sort .filter-values--item.is-selected span {
    border: 0;
}

.collection-filter .filter-values .filter-values--params .filter-check--items {
    display: flex;
}

.collection-filter .filter-values .filter-values--params .filter-check--items .form-control {
    display: none;
}

.collection-filter .filter-values .filter-values--params .filter-check--item {
    margin-left: 35px;
}

.collection-filter .filter-values .filter-values--params .filter-check--item .filter-check--item-value {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.collection-filter .filter-values .filter-values--params .filter-check--item .filter-check--item-check {
    transition: all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
    background: #FFF;
    border: 2px solid #464646;
    border-radius: 6px;
    width: 24px;
    height: 24px;
}

.collection-filter .filter-values .filter-values--params .filter-check--item .filter-check--item-check:after {
    transition: all 0.3s;
    opacity: 0;
    display: block;
    background: #6092DF;
    border-radius: 3px;
    width: 14px;
    height: 14px;
    content: '';
}

.collection-filter .filter-values .filter-values--params .filter-check--item .form-control:checked~.filter-check--item-value .filter-check--item-check:after {
    opacity: 1;
}

.collection-filter .filter-values .filter-values--params .filter-check--item:hover .filter-check--item-check {
    border-color: #666;
}

.collection-filter--content {
    padding: 30px 50px 30px 25px;
    min-height: 300px;
    background: #fff;
    position: relative;
    z-index: 2;
    box-shadow: 0px 32px 64px #EAE2DE, inset 0 60px 60px rgba(0, 0, 0, 0.07);
    border-radius: 0px 0px 12px 12px;
}

/* 
------------------- 
PRODUCT LIST
-------------------
*/
/* products grid */
.products-grid .product-item--buttons .btn.buy-mobile {
    display: none
}

@media (min-width:768px) {
    .products-grid {
        margin: 0 -70px;
        position: relative;
        z-index: 2;
        display: flex;
        flex-wrap: wrap;
    }

    .products-grid .product-item--wrap {
        margin-bottom: 160px;
        flex: 0 0 25%;
        display: flex;
        justify-content: center;
    }

    .products-grid .product-item {
        position: relative;
        max-width: 250px;
        background: #fff;
        box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.11);
        border-radius: 12px;
    }

    .products-grid .product-item--img {
        margin-bottom: 20px;
        display: flex;
        align-items: flex-end;
        height: 126px;
    }

    .products-grid .product-item--img a {
        display: block;
        margin-bottom: 0;
        transition: all 0.3s;
        height: 200%;
        display: flex;
        align-items: flex-end;
    }

    /*  .products-grid .product-item--img a img {background:#fff;mix-blend-mode: multiply;} */
    .products-grid .product-item--details {
        height: 124px;
        overflow: hidden;
        clear: both;
        padding: 0 15px 0 25px;
    }

    .products-grid .product-item--details-title {
        margin-bottom: 16px;
        font-size: 19px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .products-grid .product-item--details-title a {
        color: #000;
        text-decoration: none;
    }

    .products-grid .product-item--details-title a:hover {
        text-decoration: underline;
    }

    .products-grid .product-item--details-desc {
        font-size: 16px;
    }

    .products-grid .product-item--price {
        display: flex;
        border-top: 2px dashed #E3E3E3;
        padding: 14px 25px;
        color: #919191;
        font-size: 36px
    }

    .products-grid .product-item--buttons .btn {
        width: 100%;
        min-width: auto
    }

    .products-grid .product-item:hover .product-item--img a {
        margin-bottom: 10px;
    }
}

.products-grid .product-item--price {
    justify-content: center;
    display: flex;
    align-items: center;
}

.products-grid .product-item--price .price-old {
    margin-left: 10px;
    font-size: 20px;
    color: #FD9701;
    text-decoration: line-through;
}

.products-grid--search {
    padding-top: 90px;
}

/* products list */
.products-list .item {
    display: flex;
    align-items: center;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px dashed #CACACA;
}

.products-list .item>* {
    padding: 0 15px;
}

.products-list .item .item-img {
    position: relative;
    flex: 0 0 13%;
    padding-left: 0;
}

.products-list .item .item-img img {
    max-height: 194px;
    mix-blend-mode: multiply;
}

.products-list .item .item-details {
    padding-left: 0;
    flex: auto;
    font-size: 16px;
    line-height: 20px;
}

.products-list .item .item-details .item-details--shortdesc {
    margin-bottom: 12px;
}

.products-list .item .item-details .item-details--title {
    line-height: normal;
    margin-bottom: 30px;
    font-size: 26px;
    color: #000;
    text-transform: uppercase;
    font-weight: 500;
}

.products-list .item .item-details .item-details--title a {
    transition: all 0.3s;
    display: inline-block;
    color: #000;
    text-decoration: none;
}

.products-list .item .item-details .item-details--title a:hover {
    color: #739EE2;
}

.products-list .item .item-details .item-details--title a span {
    border-bottom: 1px solid #739EE2;
}

.products-list .item .item-pricewrap {
    flex: 0 0 200px;
    min-width: 200px;
}

.products-list .item .item-pricewrap .item-pricewrap-price {
    margin-bottom: 36px;
    padding: 0 20px;
    display: inline-flex;
    font-size: 26px;
    font-weight: 500;
    background: #F1EEE5;
    border-radius: 12px;
    height: 56px;
    line-height: 56px;
}

.products-list .item .item-pricewrap .item-pricewrap-oldprice {
    text-decoration: line-through;
    display: block;
    width: 100%;
    font-size: 20px;
    margin: -20px 0 20px 20px;
    color: #f00;
}

.products-list .item .item-pricewrap .price .products-list .item .item-qty {
    min-height: 109px;
    padding-top: 6px;
    flex: 0 0 300px;
    min-width: 300px;
}

.products-list .item .item-buttons {
    text-align: center;
    flex: 0 0 300px;
    max-width: 300px;
    padding-right: 0;
}

.products-list .item .item-buttons .false {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
}

.products-list .item .item-buttons .item-buttons--item+.item-buttons--item {
    height: 72px;
    padding-top: 36px;
}

/* 
------------------- 
CART
-------------------
*/

/* cart list */
.cart-list .item {
    position: relative;
    font-size: 15px;
    padding: 25px 0;
    display: flex;
    width: 100%;
    align-items: center;
    border-bottom: 1px dashed #CACACA;
}

.cart-list .item .item-img {
    flex: 0 0 66px;
    padding-left: 0;
}

.cart-list .item .item-img:after {
    width: 96px;
    left: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: -2px;
    content: '';
}

.cart-list .item .item-title {
    flex: 1;
    padding-left: 30px;
}

.cart-list .item .item-title a {
    color: #000;
    text-decoration: none;
}

.cart-list .item .item-title a:hover {
    text-decoration: underline;
}

.cart-list .item .item-qty {
    flex: 0 0 22%;
    min-width: 22%;
    display: flex;
    justify-content: center;
}

.cart-list .item .item-price,
.cart-list .item .item-summary {
    flex: 0 0 18%;
    text-align: center;
}

.cart-list .item .item-del {
    text-align: right;
    flex: 0 0 100px;
    min-width: 100px;
}

.cart-list .item:last-child {
    border: 0;
}

/* cart bottom */
.cart-page {
    margin-bottom: 70px;
}

.cart-bottom {
    display: flex;
    justify-content: space-between;
    padding-top: 45px;
}

.cart-bottom .cart-discount,
.cart-bottom .cart-buttons {
    max-width: 30%;
    flex: 0 0 30%;
}

.cart-bottom .cart-discount .cart-discount--title {
    font-size: 15px;
    font-weight: 700;
    padding-left: 30px;
    margin-bottom: 25px;
}

.cart-bottom .cart-discount .cart-discount--form {
    display: flex;
    margin-bottom: 22px;
}

.cart-bottom .cart-discount .cart-discount--form .btn {
    min-width: auto;
    width: 100px;
}

.cart-bottom .cart-discount .cart-discount--form .form-group:nth-child(1) {
    flex: 1;
}

.cart-bottom .cart-discount .cart-discount--form .form-group+.form-group {
    padding-left: 16px
}

.cart-bottom .cart-discount .cart-discount--form .form-group .input {
    text-align: center;
    width: 100%;
}

.cart-bottom .cart-discount .cart-discount--error {
    font-size: 15px;
    color: #FF3D00;
    ;
    padding-left: 30px;
    color:
}

.cart-bottom .cart-discount .cart-discount--error .cart-discount--error-label {
    font-weight: 700;
    margin-bottom: 12px;
}

.cart-bottom .cart-summary {
    font-size: 15px;
    flex: 1;
    padding: 0 5%;
}

.cart-bottom .cart-summary .cart-summary--item {
    flex: 0 0 100%;
    align-items: center;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-between;
}

.cart-bottom .cart-summary .cart-summary--item .cart-summary--item-value {
    font-size: 16px;
    font-weight: 600;
}

.cart-bottom .cart-summary .cart-summary--item-total {
    font-weight: 700;
    padding-top: 24px;
    border-top: 1px solid #F9903E
}

.cart-bottom .cart-summary .cart-summary--item-total .cart-summary--item-value {
    font-size: 26px;
    font-weight: 500;
}

.cart-bottom .cart-buttons .cart-buttons--item .btn {
    width: 100%;
}

.cart-bottom .cart-buttons .cart-buttons--item+.cart-buttons--item {
    padding-top: 20px;
}

/* 
------------------- 
FOOTER
-------------------
*/
.footer {
    position: relative;
    z-index: 2;
    background: #373737;
    color: #fff;
    font-size: 10px;
}

.footer a {
    padding-bottom: 4px;
    transition: all 0.3s;
    color: #fff;
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px solid #797979;
}

.footer a:hover {
    color: #797979
}

.footer .footer-inner {
    padding: 30px 0;
    display: flex;
}

.footer .footer-col--logo {
    position: relative;
    flex: 0 0 21%
}

.footer .footer-col--logo .footer-square {
    z-index: 3;
    position: absolute;
    right: 0;
    top: -50%;
    margin-top: -32px;
    margin-right: 15px;
}

.footer .footer-col--contacts {
    font-size: 18px;
}

.footer .footer-col--contacts .email {
    margin-bottom: 30px;
}

.footer .footer-col--contacts .phone {
    line-height: 32px;
}

.footer .footer-col--contacts .email-wrap {
    display: flex;
}

.footer .footer-col--contacts .email-wrap .social {
    padding-left: 30px;
}

.footer .footer-col--contacts .email-wrap .social a {
    transition: all 0.3s;
    margin-left: 20px;
    color: #F17F1C;
    text-decoration: none;
    border: 0;
}

.footer .footer-col--contacts .email-wrap .social a:before {
    margin: 0;
}

.footer .footer-col--contacts .email-wrap .social a:hover {
    color: #fff;
}

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

.footer .copyrights {
    padding-left: 20px;
}

.footer .copyrights .copyrights-year {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.footer .footer-col--address {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: 18px;
    font-size: 14px;
    align-items: flex-end;
    text-align: right;
    flex: 1;
}

.footer .footer-col--address .address .address-label {
    font-weight: 700;
}

.footer .footer-col--address .link-map {
    display: flex;
    align-items: center;
}

.footer .footer-col--address .link-map:before {
    color: #777777;
    content: '\E813';
    font-family: 'icons';
    margin-right: 12px;
    font-size: 32px;
}

.footer .offer-links {
    padding-left: 20px;
}

.footer .offer-links li {
    padding-top: 10px;
}

/* blog */
.page-blog--inner {
    padding: 0 264px;
}

.blog-items .item {
    position: relative;
    display: flex;
    margin-bottom: 100px;
}

.blog-items .item .item-img {
    padding-top: 4px;
    margin-right: 56px;
    display: block;
    flex: 0 0 256px;
    min-width: 256px;
    width: 256px;
}

.blog-items .item .item-img a {
    box-shadow: 0px 32px 64px #EAE2DE;
    display: block;
    width: 100%;
    height: 156px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.blog-items .item .item-desc {
    flex: auto;
}

.blog-items .item .item-desc h2 {
    margin-right: 170px;
    margin-bottom: 18px;
    font-size: 26px;
    font-weight: 500;
}

.blog-items .item .item-desc h2 a {
    text-decoration: none;
    color: #000;
}

.blog-items .item .item-desc h2 a:hover {
    text-decoration: underline;
}

.blog-items .item .item-desc .item-desc--date {
    margin-bottom: 16px;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.19em;
}

.blog-items .item .item-desc .item-desc--more {
    position: absolute;
    right: 0;
    top: 15px;
}

.blog-items .item .item-desc .item-desc--more a {
    color: #000;
    transition: all 0.3s;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #F96C00;
    width: 150px;
    display: block;
    height: 52px;
    line-height: 52px;
    text-align: center;
    font-size: 15px;
    font-weight: 700;
}

.blog-items .item .item-desc .item-desc--more a:hover {
    box-shadow: 0px 32px 64px #EAE2DE;
    color: #fff;
    background: #F96C00
}

.article-page {
    background: #EFEAE7;
}

.article-page .article-img--header {
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 480px;
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover
}

.article-page .page-content--img {
    padding-top: 480px;
    margin-bottom: 0
}

.article-page .page-content--img .page-blog--header {
    margin-left: -45px;
    margin-top: -120px;
    padding: 30px 45px;
    width: 60%;
    background: #EFEAE7
}

.article-page .page-content--img .page-blog--header h1 {
    margin: 0;
}

.article-page .article-date {
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.19em;
}

.article-page .editor {
    text-align: left;
}

.article-page .editor img {
    margin: 0 0 25px 0 !Important;
}

.article-page .page-blog--footer {
    margin: 0 -85px;
    padding: 35px 40px 70px 90px;
    background: #fff;
    box-shadow: 0px 32px 64px #EAE2DE;
}

.article-page .page-blog--content {
    margin-bottom: 65px;
}

.article-page .content-wrap {
    padding-bottom: 0;
}

.article-page .page-blog--footer .h1 {
    margin-bottom: 35px;
}

.article-page .page-blog--footer .blog-items {
    display: flex;
}

.article-page .page-blog--footer .blog-items .item {
    margin-bottom: 0
}

.article-page .page-blog--footer .blog-items .item:nth-child(2) {
    padding-left: 20px;
}

.article-page .page-blog--footer .blog-items .item {
    flex: 0 0 50%;
    max-width: 50%;
    min-width: 50%;
}

.article-page .page-blog--footer .blog-items .item .item-img {
    margin: 0;
}

.article-page .page-blog--footer .blog-items .item .item-img a {
    width: 256px;
    height: 225px;
    box-shadow: 0px 32px 64px #EAE2DE;
}

.article-page .page-blog--footer .blog-items .item-img .item-desc {
    padding-left: 35px;
}

.article-page .page-blog--footer .blog-items .item .item-desc h2 {
    font-size: 16px;
    margin-right: 0;
}


/* misc */
.cf:after,
.clearfix:after,
.clear {
    clear: both;
    content: ".";
    height: 0px;
    display: block;
    visibility: hidden;
    line-height: 0px;
    font-size: 0px
}

.none {
    display: none
}

.nscript {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: transparent\9;
    background: rgba(0, 0, 0, 0.75);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000, endColorstr=#bf000000);
    zoom: 1;
    z-index: 9999
}

.nscript .c {
    background: #C00;
    padding: 10px 0;
    font-size: 13px;
    text-shadow: 1px 0 1px #970000;
    line-height: 15px;
    color: #FFF;
    text-align: center;
    box-shadow: 0 0 5px #000
}

.ns .c p {
    margin: 0px
}

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

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

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

.layer {
    transition: all 0.2s;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 900;
    background: rgba(15, 19, 24, 0.6)
}

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

.lazyload,
.lazyloading {
    opacity: 0
}

.lazyloaded {
    opacity: 1;
    transition: opacity 300ms
}

/* loader */
.loader {
    transition: all 0.3s;
    visibility: hidden;
    opacity: 0;
    z-index: 9991;
    width: 188px;
    height: 188px;
    margin: -94px 0 0 -94px;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: scale(0.33)
}

.loader>i {
    font-style: normal;
    display: block;
    top: 80px;
    left: 93px;
    width: 4px;
    height: 30px;
    background: #888;
    -webkit-animation: fadeOut 1s linear infinite;
    animation: fadeOut 1s linear infinite;
    border-radius: 10px;
    position: absolute
}

.loader>i:nth-of-type(1) {
    -webkit-transform: rotate(0deg) translate(0, -60px);
    transform: rotate(0deg) translate(0, -60px);
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s
}

.loader>i:nth-of-type(2) {
    -webkit-transform: rotate(30deg) translate(0, -60px);
    transform: rotate(30deg) translate(0, -60px);
    -webkit-animation-delay: -0.4166666666666667s;
    animation-delay: -0.4166666666666667s
}

.loader>i:nth-of-type(3) {
    -webkit-transform: rotate(60deg) translate(0, -60px);
    transform: rotate(60deg) translate(0, -60px);
    -webkit-animation-delay: -0.33333333333333337s;
    animation-delay: -0.33333333333333337s
}

.loader>i:nth-of-type(4) {
    -webkit-transform: rotate(90deg) translate(0, -60px);
    transform: rotate(90deg) translate(0, -60px);
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s
}

.loader>i:nth-of-type(5) {
    -webkit-transform: rotate(120deg) translate(0, -60px);
    transform: rotate(120deg) translate(0, -60px);
    -webkit-animation-delay: -0.16666666666666669s;
    animation-delay: -0.16666666666666669s
}

.loader>i:nth-of-type(6) {
    -webkit-transform: rotate(150deg) translate(0, -60px);
    transform: rotate(150deg) translate(0, -60px);
    -webkit-animation-delay: -0.08333333333333331s;
    animation-delay: -0.08333333333333331s
}

.loader>i:nth-of-type(7) {
    -webkit-transform: rotate(180deg) translate(0, -60px);
    transform: rotate(180deg) translate(0, -60px);
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.loader>i:nth-of-type(8) {
    -webkit-transform: rotate(210deg) translate(0, -60px);
    transform: rotate(210deg) translate(0, -60px);
    -webkit-animation-delay: 0.08333333333333337s;
    animation-delay: 0.08333333333333337s
}

.loader>i:nth-of-type(9) {
    -webkit-transform: rotate(240deg) translate(0, -60px);
    transform: rotate(240deg) translate(0, -60px);
    -webkit-animation-delay: 0.16666666666666663s;
    animation-delay: 0.16666666666666663s
}

.loader>i:nth-of-type(10) {
    -webkit-transform: rotate(270deg) translate(0, -60px);
    transform: rotate(270deg) translate(0, -60px);
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s
}

.loader>i:nth-of-type(11) {
    -webkit-transform: rotate(300deg) translate(0, -60px);
    transform: rotate(300deg) translate(0, -60px);
    -webkit-animation-delay: 0.33333333333333337s;
    animation-delay: 0.33333333333333337s
}

.loader>i:nth-of-type(12) {
    -webkit-transform: rotate(330deg) translate(0, -60px);
    transform: rotate(330deg) translate(0, -60px);
    -webkit-animation-delay: 0.41666666666666663s;
    animation-delay: 0.41666666666666663s
}

/* js handlers */
.js-popup-show .popup.shown {
    z-index: 999;
    top: 0;
    left: 0;
    opacity: 1;
    visibility: visible
}

.js-popup-show .popup.shown .c {
    transform: scale(1);
    margin-top: 0px;
    opacity: 1
}

.js-loader-show .loader {
    opacity: 1;
    visibility: visible
}

/* 
------------------- 
MOBILE
-------------------
*/
@media (max-width:1599px) {
    .index-page .layout {
        background-size: auto
    }

    .header .header-row--a {
        max-width: 194px;
        flex: 0 0 194px;
    }

    .header .header-columns .header-columns--item-contacts {
        flex: 0 0 35%;
    }

    .header .header-columns .header-columns--item-search {
        padding: 0 5%;
    }

    .box-action {
        width: auto;
    }

    .box-action .box-action--carousel .swiper-slide {
        padding-left: 40px;
        padding-right: 40px;
    }

    .inner-page .page-content:before {
        right: 0;
    }

    .box-cooperation .box-header .box-header--title {
        font-size: 36px;
    }

    .box-cooperation .coop-benefits .item {
        font-size: 24px;
    }
}

@media (max-width:1399px) {
    .header .header-columns {
        align-items: flex-start
    }

    .header .header-columns .header-columns--item-contacts {
        flex: 0 0 20%;
        flex-direction: column;
    }

    .header .header-columns .header-columns--item-contacts .header-columns--item-col+.header-columns--item-col {
        padding-top: 15px;
    }

    .header .header-columns .header-columns--item-search {
        padding: 0 5%;
    }

    .header .header-columns .header-columns--item-social {
        position: absolute;
        left: 28%;
        bottom: 20px;
    }

    .home-slider .slide-item {
        padding-left: 240px;
    }

    .box-catalog,
    .products-grid {
        margin-left: -15px;
        margin-right: -15px;
    }

    .box-action .slide-item .slide-item--title {
        font-size: 28px;
    }

    .box-action .slide-item {
        font-size: 16px;
    }

    .products-grid .product-item--wrap {
        margin-bottom: 100px;
    }

    .box-group .box {
        margin-bottom: 60px;
    }

    .box-capabilities .box-header .box-header--img {
        max-width: 200px;
    }

    .box-ourclients .box-header--inner {
        padding-left: 30px;
        padding-right: 30px;
    }

    .box-ourclients .box-carousel {
        margin: 0;
    }

    .box-subfooter .subfooter-carousel {
        width: auto;
    }

    .box-design .box-content {
        padding: 60px 25% 60px 60px
    }

    .box-design .box-header .box-header--title {
        margin-bottom: 0;
    }

    .box-design .box-header {
        margin-bottom: 25px;
    }

    .box-action .action-bg--l1,
    .box-action .action-bg--l2 {
        left: 20%;
    }

    .home-slider .slide-item {
        height: 470px;
    }

    .home-slider .slide-item {
        padding: 40px 0;
    }

    .home-slider .slide-item--title-img {
        max-height: 400px;
        top: -20px;
        right: 15%;
    }

    .home-slider .slide-item--title {
        font-size: 30px;
    }

    .home-slider .slide-item--desc {
        font-size: 16px;
    }

    .home-slider .swiper-pagination {
        padding-left: 0
    }

    .home-slider .swiper-buttons {
        display: none;
    }

    .home-slider .slide-item--more {
        right: 5%
    }

    .header-base .menu {
        width: 90%;
    }

    .header-inner .header-row--b {
        padding-left: 30px;
    }

    .header-inner .header-columns .header-columns--item-cart {
        padding-right: 0;
        display: block;
        text-align: right;
    }

    .header-inner .header-catalog--dd .catalog {
        width: auto;
        padding-left: 215px;
    }

    .products-list .item {
        margin: 0;
        flex-wrap: wrap;
        padding: 30px 0;
    }

    .products-list .item .item-img {
        flex: 0 0 15%;
        margin-bottom: 20px;
    }

    .products-list .item .item-details {
        padding-left: 40px;
        flex: 0 0 60%;
        margin-bottom: 20px;
    }

    .products-list .item .item-pricewrap {
        flex: 0 0 25%;
        min-width: auto;
    }

    .products-list .item .item-pricewrap .price {
        margin-bottom: 6px;
    }

    .products-list .item .item-qty {
        min-height: auto
    }

    .products-list .item .item-buttons .item-buttons--item+.item-buttons--item {
        height: auto;
        padding-top: 6px;
    }

    .products-list .item .item-buttons {
        max-width: none;
        flex: auto;
        display: flex;
        align-items: center;
    }

    .products-list .item .item-buttons .item-buttons--item+.item-buttons--item {
        margin-left: 30px;
    }

    .page-blog--inner {
        padding: 0
    }

    .article-page .article-img--header {
        height: 360px;
    }

    .article-page .page-content--img {
        padding-top: 360px;
    }

    .collection-filter:after {
        width: 60%;
    }

    .box-cooperation .box-header {
        width: 100%;
    }

    .box-cup .box-content {
        padding-bottom: 90px;
    }

    .box-cup .cup-text-img {
        max-height: 600px;
        right: -30px;
    }
}

@media (max-width:1199px) {
    .header .header-row--b-inner {
        padding: 20px;
    }

    .header-base .header-columns .header-columns--item-cart .header-columns--item-value {
        font-size: 18px;
    }

    .box {
        margin-bottom: 80px;
    }

    .box-catalog {
        margin-bottom: 40px;
    }

    .box-catalog .box-catalog--item {
        width: auto;
        text-align: center;
    }

    .box-catalog .box-catalog--item .box-catalog--item-img {
        height: 80px;
        text-align: center;
        justify-content: center;
        width: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .box-catalog .box-catalog--item .box-catalog--item-img svg {
        max-height: 80px;
    }

    .box-catalog .box-catalog--item .box-catalog--item-title {
        font-size: 17px;
    }

    .products-grid .product-item--wrap {
        margin-bottom: 0;
        display: none;
        flex: 0 0 33.33%;
    }

    .products-grid .product-item--wrap:nth-child(-n+3) {
        display: flex;
    }

    .box-action {
        margin-left: 0;
    }

    .box-action .box-action--parrot {
        max-height: 500px;
        top: 60px;
    }

    .box-action .action-bg {
        max-height: 200px;
    }

    .box-action .action-bg--l1,
    .box-action .action-bg--l3 {
        top: 40px
    }

    .header .header-catalog--link {
        font-size: 15px;
    }

    .header .header-catalog--link .header-catalog--link-dd {
        width: 28px;
        height: 28px;
    }

    .header-base .menu {
        width: auto;
    }

    .header-inner .header-catalog--dd .catalog {
        width: 100%;
        padding: 0;
    }

    .header-inner .header-catalog--link-label {
        font-size: 12px;
    }

    .header-inner .header-columns--item-search {
        flex: 0 0 55%;
        padding-left: 20px;
    }

    .header-inner .header-row--a {
        flex: 0 0 140px;
        min-width: 140px;
    }

    .page-content:before {
        display: none;
    }

    .footer .footer-col--logo {
        flex: 0 0 34%;
    }

    .article-page .page-blog--footer {
        margin: 0;
        padding: 55px 55px 100px 55px;
    }

    .article-page .page-blog--footer .blog-items {
        display: block;
    }

    .article-page .page-blog--footer .blog-items .item {
        width: 100%;
        min-width: 100%;
    }

    .article-page .page-blog--footer .blog-items .item+.item {
        padding-left: 0;
        padding-top: 30px;
    }

    .article-page .page-content--img .page-blog--header {
        width: 100%;
    }

    .article-page .page-content--img .page-blog--header {
        margin-top: -100px;
    }

    .box-cup {
        margin-bottom: 0;
        padding-bottom: 100px;
    }

    .box-cup .cup-text-img {
        display: none;
    }

    .box-cup .cup-text,
    .box-partners .box-header,
    .box-cooperation .coop-benefits--text {
        width: 100%;
    }

    .box-cooperation .box-header {
        display: block;
    }

    .box-cooperation .box-header br {
        display: none;
    }

    .box-cooperation .box-header .box-header--title {
        margin-bottom: 15px;
        font-size: 32px;
    }

    .box-cooperation .coop-benefits .item .item-img img {
        max-height: 140px;
    }

    .box-cooperation .coop-benefits .item {
        font-size: 19px;
    }

    .box-cooperation .coop-benefits--text {
        font-size: 16px;
    }

    .box-popular .box-popular--leaf {
        right: -30%;
    }

    .box-action .swiper-buttons {
        margin-left: 0
    }

    .footer .footer-col--contacts .email-wrap {
        display: block;
    }

    .footer .footer-col--contacts .email-wrap .social {
        margin: -15px 0 10px 0;
        padding: 0;
    }

    .footer .footer-col--contacts .email-wrap .social a {
        margin: 0 15px 0 0
    }
}


@media (max-width:991px) {

    h1,
    .h1 {
        margin-bottom: 30px;
    }

    .page-content {
        padding-top: 130px
    }

    .header .header-catalog--link,
    .header .header-columns .header-columns--item-contacts,
    .header .header-columns .header-columns--item-worktime,
    .header .header-columns .header-columns--item-social,
    .header .header-row--a .logo .logo-slogan,
    .header .header-row--b-inner:after,
    .header-catalog {
        display: none;
    }

    .header-catalog--dd {
        opacity: 0.9;
        visibility: visible;
    }

    .header .header-row--b-inner {
        background: none;
        padding: 0;
        box-shadow: none;
    }

    .header-base {
        z-index: 901;
    }

    .header-base .header-row--b {
        opacity: 0;
        visibility: hidden;
        position: fixed;
        width: 400px;
        background: rgba(95, 145, 222, .95);
        right: 0;
        top: 0;
    }

    .header-columns {
        display: block;
    }

    .header-columns .header-columns--item-menu {
        width: 100%;
    }

    .menu {
        padding: 30px 40px 0 70px;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 16px;
        font-weight: 600;
    }

    .menu .menu-item {
        margin-bottom: 25px;
    }

    .menu .menu-item .menu-item--link {
        color: #fff;
        text-decoration: none;
    }

    .menu .menu-item .menu-item--link:hover {
        text-decoration: underline;
    }

    .header-base .header-columns .header-columns--item-search {
        padding: 0 40px;
        width: 100%;
        margin-bottom: 22px;
    }

    .header-base .header-columns .header-columns--item-label {
        margin-bottom: 6px;
    }

    .header-base .header-columns .search .search-input,
    .header-base .header-columns .search .search-btn {
        height: 36px;
        line-height: 36px;
    }

    .header-base .header-columns .header-columns--item-cart {
        position: relative;
        font-size: 12px;
        font-weight: 700;
        background: rgba(74, 124, 201, .6);
        padding: 30px 30px 30px 60px;
        width: 100%;
        color: #fff;
    }

    .header-base .header-columns .header-columns--item-cart:before {
        font-family: 'icons';
        content: '\E80C';
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -8px;
        font-size: 16px;
    }

    .header-base .header-columns .header-columns--item-cart .header-columns--item-value {
        font-size: 29px;
        font-weight: 400;
    }

    .header-base .header-columns .header-columns--item-cart .header-columns--item-label:before {
        color: #fff;
        font-weight: 400;
    }

    .header-mobile {
        transition: all 0.1s;
        opacity: 1;
        visibility: visible;
        align-items: center;
        display: flex;
        position: absolute;
        right: 0;
        top: 0;
    }

    .header-mobile .header-mobile--cart {
        text-decoration: none;
        align-items: center;
        display: flex;
        font-size: 18px;
        font-weight: 600;
        color: #000;
        margin-right: 20px;
    }

    .header-mobile .header-mobile--cart:before {
        font-weight: 400;
        margin-right: 8px;
        color: #FE9B01;
        font-size: 20px;
        content: '\E805';
        font-family: 'icons';
    }

    .header-mobile .header-mobile--menu {
        cursor: pointer;
        width: 56px;
        height: 56px;
        background: rgba(245, 244, 243, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-mobile .header-mobile--menu:before {
        content: '\E817';
        font-size: 20px;
        font-family: 'icons'
    }

    .header-inner .header-container {
        align-items: center;
        justify-content: space-between;
    }

    .header-inner .header-mobile {
        position: relative;
    }

    .header-inner .header-row--b {
        padding-left: 0
    }

    .header-inner .header-columns {
        width: 100%;
    }

    .header-inner .header-columns .header-columns--item-menu {
        flex: 0 0 100%;
        order: 1;
    }

    .header-inner .header-columns--item-search {
        order: 2;
        flex: 0 0 100%;
    }

    .header-inner .header-columns .header-columns--item-cart .header-columns--item-label {
        display: flex;
    }

    .header-inner .header-columns .header-columns--item-cart {
        margin: 0;
        order: 3;
        flex: 0 0 100%;
        display: block;
        text-align: left;
    }

    .header-inner .header-columns .header-columns--item-cart .header-columns--item-value {
        display: block;
        margin-left: 0;
    }

    .js-show-menu .header-base .header-row--b {
        opacity: 1;
        visibility: visible;
    }

    .js-show-menu .layer {
        visibility: visible;
        opacity: 0.7;
    }

    .js-show-menu .header-mobile {
        opacity: 0;
        visibility: hidden;
    }

    .box .box-header .box-header--title {
        font-size: 24px;
        text-align: left;
    }

    .box-catalog {
        margin-bottom: 80px;
    }

    .box-catalog .box-catalog--wrap {
        flex: 0 0 33.33%
    }

    .box-popular {
        margin: 0
    }

    .box-action {
        height: auto;
        padding-top: 0;
        margin-bottom: 100px;
    }

    .box-action:after {
        display: none;
    }

    .box-action .box-action--parrot {
        top: -60px;
    }

    .box-action .swiper-buttons {
        top: 50%;
        padding: 0 6%;
    }

    .box-action .action-bg {
        max-height: 150px;
    }

    .box-action .action-bg--l1,
    .box-action .action-bg--l3 {
        top: -60px;
    }

    .box-action .action-bg--l2,
    .box-action .action-bg--l4 {
        top: auto;
        bottom: -90px;
    }

    .box-action .action-bg--l1 {
        left: 30%;
    }

    .box-action .action-bg--l3 {
        right: 15%;
    }

    .box-action .slide-item {
        font-size: 14px;
    }

    .box-popular .box-header {
        background: none;
        display: block;
        margin-bottom: 150px;
    }

    .box-popular .box-header .box-header--title {
        width: 100%;
        display: block;
        position: relative;
        text-align: center;
    }

    .box-popular .box-header .box-header--more {
        display: none;
    }

    .box-subfooter .subfooter-carousel .swiper-slide--item {
        text-align: center;
    }

    .box-subfooter .subfooter-carousel {
        margin-top: 0;
    }

    .box-subfooter .editor {
        column-count: unset;
        padding-right: 0;
    }

    .products-grid .product-item--wrap {
        display: flex;
        flex: 0 0 50%;
        margin-bottom: 160px;
    }

    .box-text {
        margin-bottom: 80px;
    }

    .box-text .box-text--content {
        min-height: auto;
        margin: 0;
        display: block;
        padding: 40px;
    }

    .box-text .editor {
        column-count: auto;
        column-gap: normal
    }

    .box-text .box-text--img {
        display: none;
    }

    .box-group {
        display: block;
    }

    .box-group .box {
        flex: 0 0 100%;
        width: 100%;
        max-width: none;
    }

    .box-group .box:nth-child(1) .box-inner {
        padding-right: 0;
    }

    .box-group .box:nth-child(2) .box-inner {
        padding-left: 0;
    }

    .box-capabilities .box-capabilities--img {
        right: -10px;
        top: -27%
    }

    .box-partners .partners-list {
        justify-content: center;
    }

    .box-partners .partners-list .partners-list--item {
        width: auto;
        flex: 0 0 20%;
    }

    .box-subfooter .box-inner {
        display: block;
    }

    .box-wide .box-header {
        padding: 0 50px;
        text-align: center;
    }

    .box-subfooter .box-content {
        width: 100%;
        max-width: none;
        flex: auto;
        padding: 0 50px;
    }

    .breadcrumbs {
        font-size: 12px;
    }

    .page-content--boxed {
        padding: 140px 30px 30px 30px
    }

    .cart-list .item {
        flex-wrap: wrap;
    }

    .cart-list .item .item-img:after {
        display: none;
    }

    .cart-list .item .item-img {
        margin-bottom: 20px;
        min-width: 15%;
        flex: 0 0 15%;
    }

    .cart-list .item .item-title {
        flex: 0 0 85%
    }

    .cart-bottom {
        display: block;
    }

    .cart-bottom .cart-discount,
    .cart-bottom .cart-buttons {
        max-width: none;
        margin-bottom: 40px;
    }

    .subcollections-list .item-wrap {
        flex: 0 0 50%;
    }

    .subcollections-list .item {
        font-size: 16px;
    }

    .collection-filter--title {
        font-size: 24px;
        margin-bottom: 30px;
    }

    .collection-filter--header {
        height: auto;
    }

    .collection-filter:after {
        width: 60%;
    }

    .collection-filter .filter-values {
        display: block;
    }

    .collection-filter .filter-values--params {
        padding-top: 20px;
    }

    .collection-filter .filter-values .filter-values--params .filter-check--item:first-child {
        margin-left: 0;
    }

    .products-list .item {
        flex-wrap: wrap;
        padding: 30px 0;
        margin-bottom: 0;
    }

    .products-list .item .item-img:after {
        display: none;
    }

    .products-list .item .item-img {
        flex: 0 0 25%;
        margin-bottom: 20px;
    }

    .products-list .item .item-details {
        padding-left: 30px;
        flex: 0 0 75%;
        margin-bottom: 20px;
    }

    .products-list .item .item-pricewrap .price {
        margin-bottom: 10px;
    }

    .products-list .item .item-buttons {
        padding-top: 20px;
        display: flex;
        align-items: center;
    }

    .products-list .item .item-buttons .item-buttons--item+.item-buttons--item {
        margin-left: 40px;
        height: auto;
        padding: 0
    }

    .product-page .product-page--header {
        display: block;
    }

    .product-page .product-page--header .product-page--gallery {
        max-width: none;
    }

    .product-page .product-page--desc-bottom {
        display: block;
    }

    .product-page .product-page--desc-qty {
        margin-bottom: 35px;
    }

    .product-page .product-page--desc-bottom .product-page--desc-msg {
        margin-bottom: 25px;
        padding-right: 0;
    }

    .tabs-group .tabs-links .tabs-links--item {
        height: 60px;
        text-align: center;
    }

    .tabs-group .tabs-content {
        padding: 20px 30px;
    }

    .home-slider .slide-item--title-img {
        right: 40px
    }

    .home-slider .slide-item--more:before {
        display: none;
    }

    .home-slider .slide-item--more {
        right: -5%;
        top: auto;
        bottom: 30%;
    }

    .home-slider .slide-item--title-waveimg {
        display: none;
    }

    .products-list .item .item-pricewrap {
        flex: 0 0 36%;
        min-width: auto;
    }

    .footer .footer-col--logo .footer-square {
        display: none;
    }

    .footer .footer-col--contacts {
        font-size: 15px;
    }

    .footer .footer-col--address {
        font-size: 12px;
    }

    .box-wide {
        margin-left: 0;
        margin-right: 0;
    }

    .mobile-menu--close {
        display: block;
        position: absolute;
        right: 8px;
        top: 8px;
        width: 38px;
        height: 38px;
        color: #fff;
        cursor: pointer;
        font-size: 50px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .blog-items .item {
        margin-bottom: 35px;
        display: block;
    }

    .blog-items .item .item-img {
        width: 100%;
        margin-bottom: 25px;
    }

    .blog-items .item .item-desc h2 {
        font-size: 18px;
        margin-right: 0;
    }

    .blog-items .item .item-desc .item-desc--more {
        padding-top: 20px;
        position: relative;
        top: auto;
        right: auto;
    }

    .article-page .article-img--header {
        display: none;
    }

    .article-page .page-content--img {
        padding-top: 130px;
    }

    .article-page .page-blog--header {
        margin: 0;
        padding: 0;
        background: none;
    }

    .article-page .page-blog--footer {
        padding: 35px 40px;
    }

    .box-cooperation {
        margin-bottom: 50px;
    }

    .box-cooperation .coop-benefits .item .item-img img {
        max-height: 100px;
    }

    .box-cup .cup-text {
        column-count: auto;
    }

    .box-cup {
        padding-bottom: 40px;
    }

    .box-cup .box-content {
        padding: 40px 40px;
    }

    .box-cup .cup-text-img--eclipse,
    .box-cup .box-content:before {
        display: none;
    }

    .box-wide .box-header {
        padding-right: 0
    }

    .box-popular .box-popular--leaf {
        display: none;
    }
}


@media (max-width:767px) {
    .home-slider .slide-item--title-img {
        max-height: 300px;
        right: 0
    }

    .box-catalog {
        display: block;
    }

    .box-catalog .box-catalog--wrap {
        position: relative;
        background: #F8F6F4;
        display: block;
        margin: 0;
        padding-right: 40px;
    }

    .box-catalog .box-catalog--wrap:after {
        font-family: 'icons';
        content: '\F006';
        position: absolute;
        right: 20px;
        top: 50%;
        margin-top: -10px;
        font-size: 20px;
    }

    .box-catalog .box-catalog--item {
        padding: 15px 30px;
        display: flex;
        justify-content: left;
        align-items: center;
    }

    .box-catalog .box-catalog--item .box-catalog--item-img {
        flex: 0 0 50px;
        max-width: 50px;
        margin: 0;
    }

    .box-catalog .box-catalog--item .box-catalog--item-img2 {
        display: none;
    }

    .box-catalog .box-catalog--item .box-catalog--item-title {
        padding-left: 20px;
    }

    .box-catalog .box-catalog--wrap:nth-child(odd) {
        background: #EEECEA;
    }

    .box-action,
    .box-catalog {
        margin-bottom: 60px;
    }

    .box-action {
        margin-bottom: 0;
    }

    .box-action .box-action--parrot,
    .box-action .action-bg {
        display: none;
    }

    .box-action .box-action--carousel-wrapper {
        width: 100%;
    }

    .box-action .box-action--inner {
        border-radius: 0;
        border-top-left-radius: 30px;
        border-top-right-radius: 30px;
        height: auto;
    }

    .box-action .box-action--carousel-wrapper {
        background: none;
    }

    .box-action .box-action--carousel .swiper-slide {
        padding: 0;
    }

    .box-action .slide-item {
        width: 100%;
    }

    .box-action .slide-item .slide-item--title {
        padding: 20px 30px;
        margin-bottom: 0;
    }

    .box-action .slide-item .slide-item--text {
        width: 100%;
        padding: 26px 30px;
        font-size: 15px;
        line-height: 20px;
        font-weight: 500;
        background: rgba(95, 145, 222, 0.8);
    }

    .box-action .swiper-buttons {
        padding: 0;
        height: auto;
        width: 100px;
        right: 16px;
        top: 18px;
        left: auto;
    }

    .box-action .swiper-buttons>div {
        margin: 0;
        width: 38px;
        height: 38px;
        font-size: 20px;
    }

    .box-popular {
        background: #fff;
        padding: 40px 30px;
    }

    .box-popular .box-header {
        margin-bottom: 20px;
        text-align: left;
    }

    .box-popular .box-header .box-header--title {
        text-align: left;
    }

    .products-grid .product-item--wrap {
        display: block;
        margin: 0;
        padding: 15px 0;
        border-top: 1px solid #ccc;
    }

    .products-grid .product-item--wrap:first-child {
        border: 0;
    }

    .products-grid .product-item {
        display: flex;
        align-items: center;
    }

    .products-grid .product-item .product-item--details-wrap {
        padding-left: 20px;
        display: flex;
        flex-wrap: wrap;
    }

    .products-grid .product-item .product-item--details-title {
        margin-bottom: 10px;
        text-transform: uppercase;
        font-size: 15px;
        font-weight: 700;
        line-height: 18px;
    }

    .products-grid .product-item .product-item--details-title a {
        color: #000;
        text-decoration: none;
    }

    .products-grid .product-item .product-item--details-desc {
        margin-bottom: 15px;
    }

    .products-grid .product-item .product-item--details {
        flex: 0 0 100%;
    }

    .products-grid .product-item .product-item--price {
        flex: 1;
        font-size: 16px;
        font-weight: 700;
        padding-right: 20px;
    }

    .products-grid .product-item .product-item--price:after {
        font-weight: 700;
    }

    .products-grid .product-item--buttons .btn.buy {
        display: none
    }

    .products-grid .product-item--buttons .btn.buy-mobile {
        display: block
    }

    .products-grid .product-item--buttons .btn {
        flex: 0 0 124px;
        padding: 0 30px;
        min-width: auto;
    }

    .products-grid--search {
        padding-top: 0
    }

    .box-text {
        margin-top: 50px;
        margin-bottom: 60px;
    }

    .box-partners .box-header {
        padding-left: 0;
        margin-bottom: 25px;
    }

    .box-partners .box-header .box-header--title {
        text-align: center;
        margin-bottom: 30px;
    }

    .box-partners .box-header {
        display: block;
        text-align: center;
    }

    .box-partners .partners-list .partners-list--item {
        flex: 0 0 25%;
    }

    .box-subfooter .editor {
        padding: 0;
        column-count: auto;
        column-gap: normal
    }

    .box-capabilities .box-capabilities--img {
        width: 180px;
        height: 180px;
    }

    .box-design:after {
        display: none;
    }

    .tabs-group .tabs-links {
        display: block;
        margin-bottom: 20px;
    }

    .product-page--details .params-list {
        display: block;
    }

    .tabs-group .tabs-links .tabs-links--item.is-selected {
        max-width: 70%;
        border-radius: 16px;
        border-color: #fff;
        margin: 0 auto;
    }

    .page-content--boxed {
        padding-bottom: 40px;
    }

    .product-page .product-page--desc {
        padding-left: 0;
    }

    .product-page .product-page--desc-bottom .product-page--desc-msg {
        margin-left: 0;
    }

    .product-page .product-page--desc-qty {
        padding-top: 20px;
    }

    .products-list .item .item-details .item-details--shortdesc {
        display: none;
    }

    .products-list .item .item-details .item-details--title {
        margin-bottom: 12px;
        font-size: 18px;
        font-weight: 700;
    }

    .products-list .item .item-details .item-details--title a {
        border: 0;
    }

    .products-list .item .item-pricewrap .price {
        margin-bottom: 0;
    }

    .products-list .item .item-qty {
        min-height: auto;
        padding-top: 20px;
    }

    .collection-filter .filter-values .filter-values--sort .filter-values--label {
        margin-bottom: 10px;
    }

    .products-list .item .item-pricewrap {
        display: flex;
        align-items: center;
        flex: 0 0 100%;
        min-width: 100%;
    }

    .products-list .item .link-action {
        margin-left: 20px;
    }

    .collection-filter .filter-values .filter-values--sort {
        flex: 0 0 100%;
        display: block;
    }

    .collection-filter .filter-values .filter-values--sort .filter-values--item:first-child {
        margin-left: 0;
    }

    .subcollections-list {
        margin-bottom: 40px;
        background: #fff;
        display: block;
        width: 100%;
    }

    .subcollections-list .item {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 15px 20px;
        max-width: none;
        border-top: 1px dashed #FEA901;
    }

    .subcollections-list .item .item-bg {
        display: none;
    }

    .subcollections-list .item-wrap:first-child .item {
        border: 0;
    }

    .subcollections-list .item .item-img {
        flex: 0 0 40%;
        min-width: 45%;
        min-height: auto;
        margin: 0;
    }

    .subcollections-list .item .item-title {
        flex: 0 0 60%;
        padding-left: 40px;
        text-align: left;
    }

    .product-reviews--list .item {
        display: block;
    }

    .product-reviews--list .item .item-avatar {
        margin-bottom: 30px;
    }

    .product-reviews--list .item .item-desc {
        padding-left: 0;
    }

    .product-reviews--form {
        padding-left: 0;
        padding-right: 0;
    }

    .page-content--boxed {
        margin-bottom: 0
    }

    .cart-bottom .cart-discount .cart-discount--form {
        display: block;
    }

    .cart-bottom .cart-discount .cart-discount--form .input {
        margin-bottom: 10px;
    }

    .cart-bottom .cart-discount .cart-discount--form .btn {
        width: 100%;
    }

    .cart-bottom .cart-discount .cart-discount--form .form-group+.form-group {
        padding-left: 0;
    }

    .cart-bottom .cart-discount .cart-discount--error,
    .cart-bottom .cart-discount .cart-discount--title,
    .cart-bottom .cart-summary {
        padding: 0;
    }

    .cart-list .item .item-img {
        margin-bottom: 0;
        order: 1;
        flex: 0 0 15%;
    }

    .cart-list .item .item-title {
        order: 2;
        flex: 0 0 70%;
    }

    .cart-list .item .item-del {
        min-width: 15%;
        order: 3;
        flex: 0 0 15%;
    }

    .cart-list .item .item-qty {
        padding-top: 20px;
        margin-bottom: 20px;
        order: 4;
        flex: 0 0 100%;
        justify-content: flex-start
    }

    .cart-list .item .item-qty .qty-label {
        margin-right: 15px;
        text-transform: uppercase;
        font-weight: 500;
        display: block;
    }

    .cart-list .item .item-price {
        order: 5;
        flex: 0 0 50%;
        text-align: left;
    }

    .cart-list .item .item-summary {
        order: 6;
        flex: 0 0 50%;
        text-align: right;
        justify-content: flex-end;
    }

    .cart-list .item .item-price,
    .cart-list .item .item-summary {
        font-size: 15px;
        display: flex;
        text-transform: uppercase;
    }

    .cart-list .item .item-price .price-label,
    .cart-list .item .item-summary .price-label {
        display: block;
        font-weight: 600;
        margin-right: 15px;
    }

    .home-slider .slide-item--more {
        top: 40%;
        right: 0;
        width: 160px;
        line-height: 46px;
        height: 46px;
        font-size: 12px;
    }

    .box-partners .box-content:before,
    .box-partners .box-content:after {
        display: none;
    }

    .box-subfooter .box-content,
    .box-partners .box-content,
    .box-cup .box-content {
        padding: 40px;
    }

    .box-subfooter .box-inner {
        padding-bottom: 20px;
    }

    .box-subfooter .box-header {
        margin-bottom: 25px;
    }

    .footer .footer-inner {
        display: block;
    }

    .footer .footer-col--logo {
        font-size: 14px;
        margin-bottom: 35px;
    }

    .footer .copyrights,
    .footer .offer-links {
        padding-left: 0;
    }

    .footer .footer-col--contacts {
        font-size: 18px;
    }

    .footer .footer-col--address {
        font-size: 14px;
        justify-content: flex-start;
        text-align: left;
        align-items: flex-start;
        padding-top: 35px;
    }

    .footer .footer-col--address .address {
        margin-bottom: 20px;
    }

    .collection-content {
        margin-bottom: 25px;
    }

    .collection-filter .filter-values .filter-values--sort .filter-values--items {
        margin-left: -20px;
    }

    .collection-filter--content {
        padding-top: 0
    }

    .collection-filter--header {
        padding: 20px 40px;
    }

    .collection-filter--title {
        font-size: 20px;
        margin-bottom: 20px;
    }

    .box-cooperation .box-header .box-header--subtitle {
        font-size: 20px;
    }

    .box-cooperation .coop-benefits {
        flex-wrap: wrap;
        justify-content: center;
    }

    .box-cooperation .coop-benefits .item {
        flex: 0 0 50%;
        margin-bottom: 50px;
        text-align: center;
    }

    .box-cooperation .coop-benefits .item:nth-child(3) .item-img {
        margin-left: 0;
    }

    .box-text .box-header .box-header--title {
        font-size: 26px;
        margin-bottom: 20px;
    }
}

@media (max-width:575px) {

    input.input,
    .btn {
        height: 34px;
        line-height: 34px;
        padding: 0 20px;
        min-width: none;
    }

    .btn,
    button.co-button,
    input.co-button {
        min-width: auto;
    }

    .header-mobile .header-mobile--cart {
        margin-right: 10px;
        font-size: 14px;
    }

    .box .box-header .box-header--title,
    h1,
    .h1,
    .box-action .slide-item .slide-item--title {
        font-size: 20px;
    }

    .popup.md,
    .popup.sm,
    .popup {
        width: auto;
        margin: 0 10px;
        left: 0;
        right: 0
    }

    .header-base .header-row--b {
        width: 100%;
        height: 100%;
    }

    .collection-filter--header {
        padding: 0;
        background: none;
    }

    .collection-filter .filter-values .filter-values--params .filter-check--items {
        display: block;
    }

    .collection-filter .filter-values .filter-values--params .filter-check--item {
        margin: 0 0 10px 0
    }

    .collection-filter .filter-values .filter-values--sort .filter-values--item {
        margin-left: 6px;
        padding: 0 14px;
    }

    .collection-filter--content {
        padding: 0
    }

    .products-list .item {
        padding: 25px 20px;
    }

    .products-list .item .item-buttons .item-buttons--item {
        flex: 0 0 100%;
    }

    .products-list .item .item-buttons .item-buttons--item .btn {
        width: 100%;
    }

    .products-list .item .item-buttons .item-buttons--item+.item-buttons--item {
        display: none;
    }

    .products-list .item .item-qty,
    .products-list .item .item-buttons {
        flex: 0 0 100%;
        min-width: none;
        max-width: none;
    }

    .products-list .item .item-pricewrap,
    .products-list .item .item-qty,
    .products-list .item .item-buttons {
        padding-left: 0;
        padding-right: 0;
    }

    .collection-filter:after {
        display: none;
    }

    .collection-filter .filter-values--params {
        margin-bottom: 25px;
    }

    .product-page--details {
        padding-top: 30px;
    }

    .tabs-group .tabs-links .tabs-links--item.is-selected {
        max-width: 100%;
    }

    .product-reviews--list .swiper-pagination {
        padding: 0;
        text-align: center;
    }

    .product-reviews--form .form .form-group {
        margin-bottom: 20px;
    }

    .qty .qty-inputs--input {
        font-size: 22px;
    }

    .home-slider .slide-item--title-img {
        max-height: 250px;
        z-index: 1;
    }

    .home-slider .slide-item--desc-wrap {
        position: relative;
        z-index: 2;
    }

    .box-catalog .box-catalog--item .box-catalog--item-img {
        height: auto;
    }

    .box-catalog .box-catalog--item .box-catalog--item-title {
        text-align: left;
        font-size: 12px;
    }

    .box-catalog .box-catalog--item .box-catalog--item-img svg {
      	width: 65px;
        max-height: 32px;
    }

    .box-design .box-content {
        padding: 40px;
    }

    .box-ourclients .box-content {
        display: block;
        padding-bottom: 20px;
    }

    .box-ourclients .box-carousel {
        text-align: center;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .box-ourclients .swiper-buttons {
        margin: 0 auto;
    }

    .box .box-header .box-header--title,
    .box-ourclients .box-header .box-header--subtitle {
        text-align: center;
    }

    .box .box-header .box-header--title br {
        display: none
    }

    .box-partners,
    .box-action,
    .box-catalog {
        margin-bottom: 50px;
    }

    .box-capabilities .box-header {
        display: block;
    }

    .box-capabilities .box-header .box-header--img {
        margin: 0 auto 30px auto;
        text-align: center;
        justify-content: center;
    }

    .box-capabilities .box-header .box-header--img img {
        margin: 0 auto;
    }

    .home-slider .slide-item--title {
        font-size: 24px;
    }

    .article-page .page-blog--footer {
        padding: 0;
        margin-bottom: 50px;
        background: none;
    }

    .home-slider {
        margin-bottom: 0
    }

    .home-slider .slide-item--title-img {
        top: 60px;
    }

    .home-slider .slide-item--more {
        top: auto;
        bottom: 20%;
        right: 2%;
    }

    .home-slider .slide-item--more:after {
        height: 44px;
        line-height: 44px;
        width: 120px;
        font-size: 11px;
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px;
    }

    .home-slider .swiper-pagination--wrap {
        display: none;
    }

    .home-slider .slide-item {
        height: 370px;
    }

    .box-subfooter .subfooter-carousel {
        margin-bottom: 30px;
    }

    .box-subfooter .box-header .box-header--title {
        padding-right: 0;
    }

    .box-subfooter .box-header {
        padding: 0;
        margin-bottom: 0;
    }

    .box-subfooter .box-inner {
        padding-top: 20px;
    }

    .box-subfooter .box-content,
    .box-partners .box-content {
        padding: 20px 30px
    }

    .box-wide .box-header {
        padding: 0
    }

    .box-popular .box-header {
        margin-bottom: 0;
    }

    .box-text .box-text--content {
        background-size: cover;
        padding: 25px 25px;
    }

    .products-grid .product-item .product-item--price {
        display: block;
        margin-bottom: 0;
    }

    .products-grid .product-item--price .price-old {
        font-size: 14px;
        margin-left: 0;
        font-weight: 400;
    }

    .products-grid .product-item .product-item--img {
        margin-bottom: 15px;
        flex: 0 0 100px;
        min-width: 100px;
    }

    .products-grid .product-item .product-item--details-wrap {
        padding-left: 20px
    }

    .products-grid .product-item--wrap {
        padding: 25px 0;
        border-top: 2px solid #EFEFEF
    }

    .products-grid .product-item .product-item--details-desc {
        font-size: 12px;
    }

    .products-grid .product-item--buttons .btn {
        padding: 0 15px;
    }

    .product-page--details,
    .cart-page,
    .cart-bottom .cart-discount,
    .cart-bottom .cart-buttons {
        margin-bottom: 0
    }

    .collection-filter .filter-values .filter-values--sort .filter-values--items {
        margin-left: 0
    }

    .collection-filter--header {
        background: #fff;
        padding: 20px;
    }

    .box-cooperation .coop-benefits {
        display: block;
    }

    .box-catalog .box-catalog--item .box-catalog--item-title br {
        display: none
    }

    .box-cup .box-content {
        padding: 0;
        background: none;
    }

    .box-cooperation {
        margin-bottom: 30px;
    }

    .box-cooperation .coop-benefits--text {
        font-size: 15px;
    }

    .box-cooperation .box-header .box-header--subtitle {
        font-size: 14px;
        text-align: center;
    }

    .box-cooperation .coop-benefits .item .item-img {
        text-align: right;
        margin-right: -30px;
    }

    .box-cooperation .coop-benefits .item {
        text-align: left;
        margin-bottom: 15px;
    }

    .box-cooperation .coop-benefits .item .item-img img {
        max-height: 120px;
    }

    .box-cooperation .coop-benefits .item .item-name br {
        display: none;
        font-size: 22px;
    }

    .box-text .box-header .box-header--title {
        font-size: 20px;
    }

    .box-action {
        margin-bottom: 0;
    }

    .box-action .swiper-buttons {
        width: auto;
        top: 14px;
    }

    .box-action .swiper-buttons .swiper-button.swiper-button-disabled {
        display: none;
    }

    .box-popular .box-header {
        margin-bottom: 20px;
    }

    .box-popular .box-header .box-header--title {
        font-size: 26px;
        text-align: left;
    }


}



/* animation */
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        transform: translateX(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(20px);
        -ms-transform: translateX(20px);
        transform: translateX(20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        transform: translateY(6px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

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

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

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

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

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

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


/* LOST Style by SYNAPSE*/
@media (max-width: 1400px){
	.hidenhd-plus{
		display: none;
	}
}

@media (min-width: 1400px){
	.hidenhd-minus{
		display: none;
	}
	.spt-2{
		padding-top: .5rem;
	}
}
.hidenhd-minus.header-columns--item-social{
	position: relative !important;
	top: 25px;
	left: 0% !important;
	bottom: 0% !important;
}

@media (max-width: 1400px){
	.pt-2{
		padding-top: .5rem !important;
	}

	.header-columns--item-col.pt-2{
		padding-top: 1.35rem !important;
	}

}





.box-action-grid{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 1rem;
    row-gap: 1rem;
}

.box-action-grid-parrot{
    position: relative;
    z-index: 3;
}

.box-action-grid-timer{
    margin-left: auto;
    margin-right: auto;
    background: linear-gradient(90deg, #FFAE00 5.8%, #F96C00 100%);
    border-radius: 40px;
    padding: 2rem;
    text-align: center;
}

.action-timer .box-action-grid-timer{
/*    margin-top: 2rem;*/
}

.box-action-grid-timer-title{
    color: white;
    font-size: 26px;
}

.box-action-grid-timer-button{
    margin-top: 2rem;
}

.box-action-grid-timer-count{
    margin-top: 2rem;
}

.box-action .carousel-product{
    overflow: hidden;
    padding-top: 7rem;
}

.box-action.box-action-col{
    margin-bottom: 165px;
}

.box-action.box-action-col .action-bg--l1{
    top: 10% !important;
    left: 25%;
}
.box-action.box-action-col .action-bg--l2{
    top: 60%;
    left: 20%;
}

.box-action.box-action-col .products-grid{
    margin: auto;
    display: block;
}

@media (max-width:579px){
    .box-action.box-action-col .products-grid{
        width: 100% !important;
    }
    .carousel-product-wrapper .products-grid .product-item .product-item--details-wrap{
        padding-left: 0;
    }
    .carousel-product-wrapper .products-grid .product-item--buttons .btn.buy-mobile{
        margin-right: 1rem;
    }
}

.box-action.box-action-col .products-grid .product-item{
    max-width: 100%;
}

.box-action.box-action-col .products-grid .product-item--img{
    margin-bottom: 0;
    justify-content: center;
}

.box-action.box-action-col .products-grid .product-item--img a{
    align-items: initial;
}

.carousel-product-wrapper{
    position: relative;
}
@media (max-width:579px){
    .carousel-product-wrapper{
        margin-left: auto;
        margin-right: auto;
    }
}

.box-action-col .swiper-button-prev,
.box-action-col .swiper-button-next{
    position: absolute;
    background: radial-gradient(77.42% 77.42% at 50% -14.52%, #9DB6DE 0%, #5F91DE 100%);
    top: -7rem;
    bottom: 0;
    margin: auto;
    width: 40px;
    height: 40px;
    border-radius: 40%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: white;
    cursor: pointer;
    transition: .4s;
}

.box-action-col .swiper-button-prev:hover,
.box-action-col .swiper-button-next:hover{
    transform: scale(1.05);
    transition: .4s;
}

.box-action-col .swiper-button-prev{
    left: -1.5rem;
}
.box-action-col .swiper-button-next{
    right: -1.5rem;
}

@media (max-width:579px){
    .box-action-col .swiper-button-prev, 
    .box-action-col .swiper-button-next{
        top: 5rem;
    }
    .box-action-col .swiper-button-prev{
        left: -2.5rem;
    }
    .box-action-col .swiper-button-next{
        right: -2.5rem;
    }
}

.box-action-col .swiper-button-prev::after,
.box-action-col .swiper-button-next::after{
    position: absolute;
    font-family: 'icons';
}

.box-action-col .swiper-button-prev::after{
    content: '\E80D';
}
.box-action-col .swiper-button-next::after{
    content: '\E80C';
}

.bf-timer{
    padding: 0 2rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: .75rem;
}

.bf-timer .col{
    position: relative;
    text-align: center;
}

.bf-timer .col .bf-timer-window{
    position: relative;
    background: white;
    padding: .5rem;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    row-gap: .25rem;
    aspect-ratio: 1/1;
    font-size: 20px;
    font-weight: 500;
}

.bf-timer .col .bf-timer-window::after{
    position: absolute;
    content: ':';
    top: 0;
    right: -.5rem;
    bottom: 0;
    margin: auto;
    font-weight: 500;
    height: fit-content;
}

.bf-timer .col:last-child .bf-timer-window::after{
    display: none;
}

.bf-timer .col .bf-timer-window-sub{
    font-size: 12px;
    font-weight: 300;
    margin-top: .5rem;
}

@media (min-width:600px) and (max-width:850px){
    .action-parrot{
        position: absolute;
        bottom: 5rem;
        right: 5rem;
        width: fit-content;
    }
    
    .action-parrot img{
        width:  220px;
        height: 220px;
        object-fit: contain;
    }
}
@media (max-width:579px){
    .box-action .carousel-product{
        padding-top: 0;
    }
    .action-carousel{
        order: 2;
    }
    
    .action-timer{
        order: 1;
    }
    
    .action-parrot{
        position: absolute;
        top: 8.1rem;
        left: -2rem;
    }
    
    .action-parrot img{
        width: 140px;
        height: 140px;
        object-fit: contain;
    }
}

.box-action.box-action-col:after{
    z-index: -1;
}

.action-timer .btn{
    min-width: 100% !important;
}

.action-carousel .box-action-grid-timer{
    width: 100%;
}

.mx-auto{
    margin-left: auto;
    margin-right: auto;
}

.action-timer .products-grid .product-item--wrap{
    margin-bottom: 0;
    margin-top: 115px;
}