/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}
b,
strong {
    font-weight: bolder;
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
small {
    font-size: 80%;
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
img {
    border-style: none;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button,
input {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
    -webkit-appearance: button;
    appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    padding: 0.35em 0.75em 0.625em;
}
legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details {
    display: block;
}
summary {
    display: list-item;
}
template {
    display: none;
}
[hidden] {
    display: none;
}
.foundation-mq {
    font-family: "small=0em&xsmall=30.0625em&medium=48em&large=62.5em&xlarge=80em&xxlarge=90em";
}
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 100%;
}
*,
::after,
::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}
body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-family: "Inter", sans-serif;
    font-weight: 400;
    line-height: 1.75;
    color: #001617;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
}
textarea {
    height: auto;
    min-height: 50px;
    border-radius: 2px;
}
select {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border-radius: 2px;
}
.map_canvas embed,
.map_canvas img,
.map_canvas object,
.mqa-display embed,
.mqa-display img,
.mqa-display object {
    max-width: none !important;
}
button {
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 2px;
    background: 0 0;
    line-height: 1;
    cursor: auto;
}
[data-whatinput="mouse"] button {
    outline: 0;
}
pre {
    overflow: auto;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
}
.is-visible {
    display: block !important;
}
.is-hidden {
    display: none !important;
}
.row {
    max-width: 110rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.row .row {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}
@media print, screen and (min-width: 30.0625em) {
    .row .row {
        margin-right: -0.625rem;
        margin-left: -0.625rem;
    }
}
@media print, screen and (min-width: 48em) {
    .row .row {
        margin-right: -0.625rem;
        margin-left: -0.625rem;
    }
}
@media print, screen and (min-width: 62.5em) {
    .row .row {
        margin-right: -0.625rem;
        margin-left: -0.625rem;
    }
}
@media screen and (min-width: 80em) {
    .row .row {
        margin-right: -0.625rem;
        margin-left: -0.625rem;
    }
}
.row .row.collapse {
    margin-right: 0;
    margin-left: 0;
}
.row.expanded {
    max-width: none;
}
.row.expanded .row {
    margin-right: auto;
    margin-left: auto;
}
.row:not(.expanded) .row {
    max-width: none;
}
.row.collapse > .column,
.row.collapse > .columns {
    padding-right: 0;
    padding-left: 0;
}
.row.collapse > .column > .row,
.row.collapse > .columns > .row,
.row.is-collapse-child {
    margin-right: 0;
    margin-left: 0;
}
.column,
.columns {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    min-width: 0;
}
@media print, screen and (min-width: 48em) {
    .column,
    .columns {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}
@media print, screen and (min-width: 62.5em) {
    .column,
    .columns {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}
@media screen and (min-width: 80em) {
    .column,
    .columns {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}
.column.row.row,
.row.row.columns {
    float: none;
    display: block;
}
.row .column.row.row,
.row .row.row.columns {
    margin-right: 0;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
}
.small-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%;
}
.small-offset-0 {
    margin-left: 0;
}
.small-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}
.small-offset-1 {
    margin-left: 8.33333%;
}
.small-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.small-offset-2 {
    margin-left: 16.66667%;
}
.small-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
.small-offset-3 {
    margin-left: 25%;
}
.small-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%;
}
.small-offset-4 {
    margin-left: 33.33333%;
}
.small-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.small-offset-5 {
    margin-left: 41.66667%;
}
.small-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%;
}
.small-offset-6 {
    margin-left: 50%;
}
.small-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%;
}
.small-offset-7 {
    margin-left: 58.33333%;
}
.small-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
}
.small-offset-8 {
    margin-left: 66.66667%;
}
.small-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%;
}
.small-offset-9 {
    margin-left: 75%;
}
.small-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%;
}
.small-offset-10 {
    margin-left: 83.33333%;
}
.small-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.small-offset-11 {
    margin-left: 91.66667%;
}
.small-up-1 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.small-up-1 > .column,
.small-up-1 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
.small-up-2 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.small-up-2 > .column,
.small-up-2 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}
.small-up-3 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.small-up-3 > .column,
.small-up-3 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
}
.small-up-4 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.small-up-4 > .column,
.small-up-4 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}
.small-up-5 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.small-up-5 > .column,
.small-up-5 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 20%;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
.small-up-6 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.small-up-6 > .column,
.small-up-6 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
}
.small-up-7 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.small-up-7 > .column,
.small-up-7 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 14.28571%;
    -ms-flex: 0 0 14.28571%;
    flex: 0 0 14.28571%;
    max-width: 14.28571%;
}
.small-up-8 {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.small-up-8 > .column,
.small-up-8 > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 12.5%;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
    max-width: 12.5%;
}
.small-collapse > .column,
.small-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
}
.small-uncollapse > .column,
.small-uncollapse > .columns {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
}
@media print, screen and (min-width: 30.0625em) {
    .xsmall-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .xsmall-offset-0 {
        margin-left: 0;
    }
    .xsmall-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .xsmall-offset-1 {
        margin-left: 8.33333%;
    }
    .xsmall-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .xsmall-offset-2 {
        margin-left: 16.66667%;
    }
    .xsmall-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .xsmall-offset-3 {
        margin-left: 25%;
    }
    .xsmall-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .xsmall-offset-4 {
        margin-left: 33.33333%;
    }
    .xsmall-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .xsmall-offset-5 {
        margin-left: 41.66667%;
    }
    .xsmall-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .xsmall-offset-6 {
        margin-left: 50%;
    }
    .xsmall-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .xsmall-offset-7 {
        margin-left: 58.33333%;
    }
    .xsmall-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .xsmall-offset-8 {
        margin-left: 66.66667%;
    }
    .xsmall-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .xsmall-offset-9 {
        margin-left: 75%;
    }
    .xsmall-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .xsmall-offset-10 {
        margin-left: 83.33333%;
    }
    .xsmall-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .xsmall-offset-11 {
        margin-left: 91.66667%;
    }
    .xsmall-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .xsmall-up-1 > .column,
    .xsmall-up-1 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .xsmall-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .xsmall-up-2 > .column,
    .xsmall-up-2 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .xsmall-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .xsmall-up-3 > .column,
    .xsmall-up-3 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .xsmall-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .xsmall-up-4 > .column,
    .xsmall-up-4 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .xsmall-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .xsmall-up-5 > .column,
    .xsmall-up-5 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .xsmall-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .xsmall-up-6 > .column,
    .xsmall-up-6 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .xsmall-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .xsmall-up-7 > .column,
    .xsmall-up-7 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%;
    }
    .xsmall-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .xsmall-up-8 > .column,
    .xsmall-up-8 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}
@media print, screen and (min-width: 30.0625em) and (min-width: 30.0625em) {
    .xsmall-expand {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}
.row.xsmall-unstack > .column,
.row.xsmall-unstack > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
@media print, screen and (min-width: 30.0625em) {
    .row.xsmall-unstack > .column,
    .row.xsmall-unstack > .columns {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}
@media print, screen and (min-width: 30.0625em) {
    .xsmall-collapse > .column,
    .xsmall-collapse > .columns {
        padding-right: 0;
        padding-left: 0;
    }
    .xsmall-uncollapse > .column,
    .xsmall-uncollapse > .columns {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}
@media print, screen and (min-width: 48em) {
    .medium-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .medium-offset-0 {
        margin-left: 0;
    }
    .medium-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .medium-offset-1 {
        margin-left: 8.33333%;
    }
    .medium-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .medium-offset-2 {
        margin-left: 16.66667%;
    }
    .medium-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .medium-offset-3 {
        margin-left: 25%;
    }
    .medium-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .medium-offset-4 {
        margin-left: 33.33333%;
    }
    .medium-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .medium-offset-5 {
        margin-left: 41.66667%;
    }
    .medium-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .medium-offset-6 {
        margin-left: 50%;
    }
    .medium-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .medium-offset-7 {
        margin-left: 58.33333%;
    }
    .medium-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .medium-offset-8 {
        margin-left: 66.66667%;
    }
    .medium-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .medium-offset-9 {
        margin-left: 75%;
    }
    .medium-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .medium-offset-10 {
        margin-left: 83.33333%;
    }
    .medium-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .medium-offset-11 {
        margin-left: 91.66667%;
    }
    .medium-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .medium-up-1 > .column,
    .medium-up-1 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .medium-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .medium-up-2 > .column,
    .medium-up-2 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .medium-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .medium-up-3 > .column,
    .medium-up-3 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .medium-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .medium-up-4 > .column,
    .medium-up-4 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .medium-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .medium-up-5 > .column,
    .medium-up-5 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .medium-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .medium-up-6 > .column,
    .medium-up-6 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .medium-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .medium-up-7 > .column,
    .medium-up-7 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%;
    }
    .medium-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .medium-up-8 > .column,
    .medium-up-8 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}
@media print, screen and (min-width: 48em) and (min-width: 48em) {
    .medium-expand {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}
.row.medium-unstack > .column,
.row.medium-unstack > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
@media print, screen and (min-width: 48em) {
    .row.medium-unstack > .column,
    .row.medium-unstack > .columns {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}
@media print, screen and (min-width: 48em) {
    .medium-collapse > .column,
    .medium-collapse > .columns {
        padding-right: 0;
        padding-left: 0;
    }
    .medium-uncollapse > .column,
    .medium-uncollapse > .columns {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}
@media print, screen and (min-width: 62.5em) {
    .large-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .large-offset-0 {
        margin-left: 0;
    }
    .large-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .large-offset-1 {
        margin-left: 8.33333%;
    }
    .large-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .large-offset-2 {
        margin-left: 16.66667%;
    }
    .large-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .large-offset-3 {
        margin-left: 25%;
    }
    .large-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .large-offset-4 {
        margin-left: 33.33333%;
    }
    .large-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .large-offset-5 {
        margin-left: 41.66667%;
    }
    .large-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .large-offset-6 {
        margin-left: 50%;
    }
    .large-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .large-offset-7 {
        margin-left: 58.33333%;
    }
    .large-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .large-offset-8 {
        margin-left: 66.66667%;
    }
    .large-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .large-offset-9 {
        margin-left: 75%;
    }
    .large-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .large-offset-10 {
        margin-left: 83.33333%;
    }
    .large-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .large-offset-11 {
        margin-left: 91.66667%;
    }
    .large-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .large-up-1 > .column,
    .large-up-1 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .large-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .large-up-2 > .column,
    .large-up-2 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .large-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .large-up-3 > .column,
    .large-up-3 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .large-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .large-up-4 > .column,
    .large-up-4 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .large-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .large-up-5 > .column,
    .large-up-5 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .large-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .large-up-6 > .column,
    .large-up-6 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .large-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .large-up-7 > .column,
    .large-up-7 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%;
    }
    .large-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .large-up-8 > .column,
    .large-up-8 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}
@media print, screen and (min-width: 62.5em) and (min-width: 62.5em) {
    .large-expand {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}
.row.large-unstack > .column,
.row.large-unstack > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
@media print, screen and (min-width: 62.5em) {
    .row.large-unstack > .column,
    .row.large-unstack > .columns {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}
@media print, screen and (min-width: 62.5em) {
    .large-collapse > .column,
    .large-collapse > .columns {
        padding-right: 0;
        padding-left: 0;
    }
    .large-uncollapse > .column,
    .large-uncollapse > .columns {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}
@media screen and (min-width: 80em) {
    .xlarge-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%;
    }
    .xlarge-offset-0 {
        margin-left: 0;
    }
    .xlarge-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .xlarge-offset-1 {
        margin-left: 8.33333%;
    }
    .xlarge-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .xlarge-offset-2 {
        margin-left: 16.66667%;
    }
    .xlarge-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .xlarge-offset-3 {
        margin-left: 25%;
    }
    .xlarge-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%;
    }
    .xlarge-offset-4 {
        margin-left: 33.33333%;
    }
    .xlarge-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .xlarge-offset-5 {
        margin-left: 41.66667%;
    }
    .xlarge-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%;
    }
    .xlarge-offset-6 {
        margin-left: 50%;
    }
    .xlarge-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }
    .xlarge-offset-7 {
        margin-left: 58.33333%;
    }
    .xlarge-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
    .xlarge-offset-8 {
        margin-left: 66.66667%;
    }
    .xlarge-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%;
    }
    .xlarge-offset-9 {
        margin-left: 75%;
    }
    .xlarge-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%;
    }
    .xlarge-offset-10 {
        margin-left: 83.33333%;
    }
    .xlarge-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .xlarge-offset-11 {
        margin-left: 91.66667%;
    }
    .xlarge-up-1 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .xlarge-up-1 > .column,
    .xlarge-up-1 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .xlarge-up-2 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .xlarge-up-2 > .column,
    .xlarge-up-2 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .xlarge-up-3 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .xlarge-up-3 > .column,
    .xlarge-up-3 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }
    .xlarge-up-4 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .xlarge-up-4 > .column,
    .xlarge-up-4 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
    .xlarge-up-5 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .xlarge-up-5 > .column,
    .xlarge-up-5 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 20%;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
    .xlarge-up-6 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .xlarge-up-6 > .column,
    .xlarge-up-6 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%;
    }
    .xlarge-up-7 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .xlarge-up-7 > .column,
    .xlarge-up-7 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 14.28571%;
        -ms-flex: 0 0 14.28571%;
        flex: 0 0 14.28571%;
        max-width: 14.28571%;
    }
    .xlarge-up-8 {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .xlarge-up-8 > .column,
    .xlarge-up-8 > .columns {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 12.5%;
        -ms-flex: 0 0 12.5%;
        flex: 0 0 12.5%;
        max-width: 12.5%;
    }
}
@media screen and (min-width: 80em) and (min-width: 80em) {
    .xlarge-expand {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}
.row.xlarge-unstack > .column,
.row.xlarge-unstack > .columns {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}
@media screen and (min-width: 80em) {
    .row.xlarge-unstack > .column,
    .row.xlarge-unstack > .columns {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px;
    }
}
@media screen and (min-width: 80em) {
    .xlarge-collapse > .column,
    .xlarge-collapse > .columns {
        padding-right: 0;
        padding-left: 0;
    }
    .xlarge-uncollapse > .column,
    .xlarge-uncollapse > .columns {
        padding-right: 0.625rem;
        padding-left: 0.625rem;
    }
}
.shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    max-width: 100%;
}
.column-block {
    margin-bottom: 1.25rem;
}
.column-block > :last-child {
    margin-bottom: 0;
}
@media print, screen and (min-width: 48em) {
    .column-block {
        margin-bottom: 1.25rem;
    }
    .column-block > :last-child {
        margin-bottom: 0;
    }
}
@media print, screen and (min-width: 62.5em) {
    .column-block {
        margin-bottom: 1.25rem;
    }
    .column-block > :last-child {
        margin-bottom: 0;
    }
}
@media screen and (min-width: 80em) {
    .column-block {
        margin-bottom: 1.25rem;
    }
    .column-block > :last-child {
        margin-bottom: 0;
    }
}
.tabs {
    margin: 0;
    border: 1px solid #f7f7f7;
    background: #fff;
    list-style-type: none;
}
.tabs::after,
.tabs::before {
    display: table;
    content: " ";
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.tabs::after {
    clear: both;
}
.tabs.vertical > li {
    display: block;
    float: none;
    width: auto;
}
.tabs.simple > li > a {
    padding: 0;
}
.tabs.simple > li > a:hover {
    background: 0 0;
}
.tabs.primary {
    background: #0abab5;
}
.tabs.primary > li > a {
    color: #000;
}
.tabs.primary > li > a:focus,
.tabs.primary > li > a:hover {
    background: #0bc9c3;
}
.tabs-title {
    float: left;
}
.tabs-title > a {
    display: block;
    padding: 1.25rem 1.5rem;
    font-size: 0.75rem;
    line-height: 1;
    color: #0abab5;
}
[data-whatinput="mouse"] .tabs-title > a {
    outline: 0;
}
.tabs-title > a:hover {
    background: #fff;
    color: #09a09c;
}
.tabs-title > a:focus,
.tabs-title > a[aria-selected="true"] {
    background: #f7f7f7;
    color: #0abab5;
}
.tabs-content {
    border: 1px solid #f7f7f7;
    border-top: 0;
    background: #fff;
    color: #001617;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.tabs-content.vertical {
    border: 1px solid #f7f7f7;
    border-left: 0;
}
.tabs-panel {
    display: none;
    padding: 0;
}
.tabs-panel.is-active {
    display: block;
}
.float-left {
    float: left !important;
}
.float-right {
    float: right !important;
}
.float-center {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.clearfix::after,
.clearfix::before {
    display: table;
    content: " ";
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.clearfix::after {
    clear: both;
}
.align-left {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.align-right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.align-center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.align-justify {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.align-spaced {
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.align-left.vertical.menu > li > a {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.align-right.vertical.menu > li > a {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.align-center.vertical.menu > li > a {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.align-top {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.align-self-top {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
}
.align-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}
.align-self-bottom {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
}
.align-middle {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.align-self-middle {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}
.align-stretch {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.align-self-stretch {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}
.align-center-middle {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
}
.small-order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.small-order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}
.small-order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}
.small-order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}
.small-order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}
.small-order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
}
@media print, screen and (min-width: 30.0625em) {
    .xsmall-order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .xsmall-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .xsmall-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
    .xsmall-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }
    .xsmall-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }
    .xsmall-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }
}
@media print, screen and (min-width: 48em) {
    .medium-order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .medium-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .medium-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
    .medium-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }
    .medium-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }
    .medium-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }
}
@media print, screen and (min-width: 62.5em) {
    .large-order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .large-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .large-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
    .large-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }
    .large-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }
    .large-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }
}
@media screen and (min-width: 80em) {
    .xlarge-order-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .xlarge-order-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .xlarge-order-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
    .xlarge-order-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }
    .xlarge-order-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }
    .xlarge-order-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }
}
.flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.flex-child-auto {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.flex-child-grow {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
.flex-child-shrink {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}
.flex-dir-row {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}
.flex-dir-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}
.flex-dir-column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}
.flex-dir-column-reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}
@media print, screen and (min-width: 30.0625em) {
    .xsmall-flex-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .xsmall-flex-child-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    .xsmall-flex-child-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }
    .xsmall-flex-child-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }
    .xsmall-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .xsmall-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .xsmall-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .xsmall-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
@media print, screen and (min-width: 48em) {
    .medium-flex-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .medium-flex-child-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    .medium-flex-child-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }
    .medium-flex-child-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }
    .medium-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .medium-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .medium-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .medium-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
@media print, screen and (min-width: 62.5em) {
    .large-flex-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .large-flex-child-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    .large-flex-child-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }
    .large-flex-child-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }
    .large-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .large-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .large-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .large-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
@media screen and (min-width: 80em) {
    .xlarge-flex-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .xlarge-flex-child-auto {
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
    }
    .xlarge-flex-child-grow {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
    }
    .xlarge-flex-child-shrink {
        -webkit-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    }
    .xlarge-flex-dir-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
    .xlarge-flex-dir-row-reverse {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    .xlarge-flex-dir-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .xlarge-flex-dir-column-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
.hide {
    display: none !important;
}
.invisible {
    visibility: hidden;
}
@media screen and (max-width: 30.06125em) {
    .hide-for-small-only {
        display: none !important;
    }
}
@media screen and (max-width: 0em), screen and (min-width: 30.0625em) {
    .show-for-small-only {
        display: none !important;
    }
}
@media print, screen and (min-width: 30.0625em) {
    .hide-for-xsmall {
        display: none !important;
    }
}
@media screen and (max-width: 30.06125em) {
    .show-for-xsmall {
        display: none !important;
    }
}
@media screen and (min-width: 30.0625em) and (max-width: 47.99875em) {
    .hide-for-xsmall-only {
        display: none !important;
    }
}
@media screen and (max-width: 30.06125em), screen and (min-width: 48em) {
    .show-for-xsmall-only {
        display: none !important;
    }
}
@media print, screen and (min-width: 48em) {
    .hide-for-medium {
        display: none !important;
    }
}
@media screen and (max-width: 47.99875em) {
    .show-for-medium {
        display: none !important;
    }
}
@media screen and (min-width: 48em) and (max-width: 62.49875em) {
    .hide-for-medium-only {
        display: none !important;
    }
}
@media screen and (max-width: 47.99875em), screen and (min-width: 62.5em) {
    .show-for-medium-only {
        display: none !important;
    }
}
@media print, screen and (min-width: 62.5em) {
    .hide-for-large {
        display: none !important;
    }
}
@media screen and (max-width: 62.49875em) {
    .show-for-large {
        display: none !important;
    }
}
@media screen and (min-width: 62.5em) and (max-width: 79.99875em) {
    .hide-for-large-only {
        display: none !important;
    }
}
@media screen and (max-width: 62.49875em), screen and (min-width: 80em) {
    .show-for-large-only {
        display: none !important;
    }
}
@media screen and (min-width: 80em) {
    .hide-for-xlarge {
        display: none !important;
    }
}
@media screen and (max-width: 79.99875em) {
    .show-for-xlarge {
        display: none !important;
    }
}
@media screen and (min-width: 80em) and (max-width: 89.99875em) {
    .hide-for-xlarge-only {
        display: none !important;
    }
}
@media screen and (max-width: 79.99875em), screen and (min-width: 90em) {
    .show-for-xlarge-only {
        display: none !important;
    }
}
.show-for-sr,
.show-on-focus {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.show-on-focus:active,
.show-on-focus:focus {
    position: static !important;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    white-space: normal;
}
.hide-for-portrait,
.show-for-landscape {
    display: block !important;
}
@media screen and (orientation: landscape) {
    .hide-for-portrait,
    .show-for-landscape {
        display: block !important;
    }
}
@media screen and (orientation: portrait) {
    .hide-for-portrait,
    .show-for-landscape {
        display: none !important;
    }
}
.hide-for-landscape,
.show-for-portrait {
    display: none !important;
}
@media screen and (orientation: landscape) {
    .hide-for-landscape,
    .show-for-portrait {
        display: none !important;
    }
}
@media screen and (orientation: portrait) {
    .hide-for-landscape,
    .show-for-portrait {
        display: block !important;
    }
}
*,
::after,
::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
:focus {
    outline: 0;
}
body,
html {
    min-height: 100%;
}
html {
    height: 100%;
}
body {
    min-width: 360px;
    overflow-x: hidden;
    position: relative;
    font-weight: 400;
}
@media print, screen and (min-width: 62.5em) {
    body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
body.lock {
    height: 100%;
    position: relative;
    overflow: hidden;
}
@media print, screen and (min-width: 62.5em) {
    body.lock {
        margin-right: 17px;
    }
}
body.is-reveal-open {
    min-height: 100%;
    overflow: hidden;
}
@media print, screen and (min-width: 62.5em) {
    body.is-reveal-open {
        margin-right: 17px;
    }
}
@media print, screen and (min-width: 62.5em) {
    body.compensate-for-scrollbar {
        margin-right: 17px;
    }
}
body.backgrounded::after {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
    background-color: rgba(0, 0, 0, 0.15);
    content: "";
}
body.fancybox-active {
    height: 100%;
    overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
ul {
    margin: 0;
    padding: 0;
}
ul {
    list-style: none;
}
h1 {
    margin: 0;
    color: #111;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.14;
}
.content {
    display: block;
    padding-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .content {
        padding-top: 20px;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
    }
}
.content_type_main {
    padding-top: 0;
}
@media print, screen and (min-width: 62.5em) {
    .content_type_main {
        padding-top: 0;
    }
}
@media screen and (min-width: 80em) {
    .content_type_main {
        padding-top: 30px;
    }
}
.content__output:not(:first-child) {
    margin-top: 40px;
}
@media print, screen and (min-width: 62.5em) {
    .content__output:not(:first-child) {
        margin-top: 60px;
    }
}
.notice {
    margin-top: 60px;
}
@media print, screen and (min-width: 62.5em) {
    .notice {
        margin-top: 90px;
    }
}
a {
    text-decoration: none;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
a:active {
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    a:hover {
        -webkit-transition: color 0.25s;
        transition: color 0.25s;
    }
}
.container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    padding: 0 16px;
    margin: 0 auto;
}
@media print, screen and (min-width: 62.5em) {
    .container {
        max-width: 1240px;
        padding: 0 30px;
    }
}
@media screen and (min-width: 81.25em) {
    .container {
        width: 100%;
        max-width: 1240px;
        padding: 0;
        margin: 0 auto;
    }
}
.title {
    display: block;
    font-size: 17px;
    line-height: 1.4;
    font-weight: bold;
}
@media print, screen and (min-width: 62.5em) {
    .title {
        font-size: 24px;
    }
}
.row {
    max-width: none;
    margin-left: -10px;
    margin-right: -10px;
}
.wrapper {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .wrapper {
        margin-top: 50px;
    }
}
.more {
    margin-top: 25px;
    text-align: center;
}
.more a,
.more button {
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
    color: #0abab5;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
    text-transform: uppercase;
    cursor: pointer;
}
@media print, screen and (min-width: 62.5em) {
    .more a,
    .more button {
        margin-top: 12px;
    }
    .more a:hover,
    .more button:hover {
        color: #001617;
        -webkit-transition: color 0.25s;
        transition: color 0.25s;
    }
}
@media print, screen and (min-width: 62.5em) {
    .sales__list + .more {
        margin-top: 5px;
    }
}
.offer-top {
    display: block;
    min-height: 54px;
    padding: 16px 0;
    background-color: #0abab5;
    color: #fff;
    font-size: 13px;
    line-height: 1.15;
}
@media print, screen and (min-width: 48em) {
    .offer-top {
        min-height: unset;
        padding: 9px 0;
        position: relative;
        z-index: 1000;
        font-size: 16px;
        line-height: 1.5;
    }
}
.offer-top__holder {
    padding: 0 34px 0 40px;
    position: relative;
}
.offer-top__holder::before {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../svg/notifications.svg);
    background-size: 24px 24px;
    content: "";
}
@media print, screen and (min-width: 48em) {
    .offer-top__holder::before {
        display: none;
    }
}
@media print, screen and (min-width: 48em) {
    .offer-top__holder {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0 40px 0 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.offer-top__button {
    display: block;
    width: 100%;
    margin-top: 8px;
    color: #fff;
    font-size: 13px;
    line-height: 1;
}
@media print, screen and (min-width: 48em) {
    .offer-top__button {
        width: auto;
        min-width: 150px;
        height: auto;
        margin-top: 0;
        margin-left: 30px;
        padding: 6px 20px;
        position: static;
        background: #fff;
        opacity: 1;
        color: #001617;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.43;
        text-align: center;
    }
}
.offer-top__close {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 10px;
    right: 10px;
    background: url(../svg/close.svg) no-repeat center center;
    background-size: contain;
    color: #fff;
    cursor: pointer;
}
@media print, screen and (min-width: 48em) {
    .offer-top__close {
        top: calc(50% - 12px);
        right: 20px;
    }
}
.loader {
    margin: 0 auto;
    text-align: center;
}
.card__gallery .slider-pro + .loader {
    display: block;
    padding: 55px 20px;
    text-align: center;
}
.card__gallery .slider-pro.sp-horizontal + .loader {
    display: none;
}
.alert {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 44px;
    padding: 10px 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    background-color: #6fcf97;
    color: #001617;
    font-size: 13px;
    line-height: 1.15;
    text-align: center;
}
@media print, screen and (min-width: 62.5em) {
    .alert {
        min-height: 50px;
        font-size: 16px;
        line-height: 1.5;
    }
}
.alert.alert-danger {
    background-color: #fcafaf;
}
.alert__info {
    display: block;
    width: 100%;
    padding: 0 44px 0 20px;
}
@media print, screen and (min-width: 62.5em) {
    .alert__info {
        padding: 0 64px 0 20px;
    }
}
.alert__close {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
}
@media print, screen and (min-width: 62.5em) {
    .alert__close {
        top: calc(50% - 12px);
        right: 20px;
    }
}
.alert__close svg {
    width: 100%;
    height: 100%;
}
@media print, screen and (min-width: 62.5em) {
    .efpb {
        margin-top: 16px;
    }
}
.bonuses .efpb__btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 42px;
    padding: 7px 28px;
    border: 1px solid #0abab5;
    border-radius: 8px;
    background: 0 0;
    color: #0abab5;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    cursor: pointer;
}
@media print, screen and (min-width: 62.5em) {
    .efpb__btn:hover {
        border-color: #0abab5;
        background-color: #0abab5;
        color: #fff;
        -webkit-transition: background-color 0.25s;
        transition: background-color 0.25s;
    }
}

.tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: none;
    background: 0 0;
}
.tabs-title {
    float: none;
}
.tabs-title.new__item {
    display: block;
    margin-left: 15px;
    white-space: nowrap;
}
@media print, screen and (min-width: 62.5em) {
    .tabs-title.new__item {
        display: block;
        margin-left: 30px;
    }
}
.tabs-title.new__item:first-child {
    margin-left: 0;
}
.tabs-title.new__item.is-active a:hover {
    border-color: transparent;
}
.tabs-title.new__item a {
    display: inline;
    border-bottom: 1px solid transparent;
    color: #8c8e8e;
    font-size: 16px;
    line-height: 1.25;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .tabs-title.new__item a {
        font-size: 26px;
        line-height: 1.31;
    }
}
.tabs-title.new__item a:hover {
    background: 0 0;
    color: #001617;
}
.tabs-title > a {
    padding: 0;
    background: 0 0;
    color: #8c8e8e;
}
.tabs-title > a[aria-selected="true"] {
    background: 0 0;
    color: #001617;
}
.tabs-title > a:focus {
    background: 0 0;
}
.modal .tabs-title > a {
    font-size: 24px;
    line-height: 1.4;
}
.addresses .tabs-title > a {
    font-size: 17px;
    line-height: 1.5;
}
.tabs-content {
    border: none;
    background: 0 0;
}
.header {
    position: relative;
}
@media print, screen and (min-width: 48em) {
    .header {
        height: 60px;
        background-color: rgba(229, 229, 229, 0.5);
    }
}
@media print, screen and (min-width: 62.5em) {
    .header {
        z-index: 15;
    }
}
@media print, screen and (min-width: 48em) {
    .header__holder {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 10px 0;
    }
}
.header__top {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -16px;
    padding: 9px 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: rgba(229, 229, 229, 0.5);
}
@media print, screen and (min-width: 48em) {
    .header__top {
        width: calc(100% - 330px);
        margin: 0;
        margin-right: 40px;
        padding: 0;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        background-color: transparent;
    }
}
@media print, screen and (min-width: 62.5em) {
    .header__top {
        width: calc(100% - 510px);
    }
}
@media screen and (min-width: 80em) {
    .header__top {
        width: calc(100% - 530px);
    }
}
.header__logo {
    display: block;
    width: 125px;
}
.header__logo img {
    width: 100%;
}
@media print, screen and (min-width: 48em) {
    .header__logo {
        margin-right: 20px;
    }
}
@media print, screen and (min-width: 62.5em) {
    .header__logo:not(:last-child) {
        margin-right: 40px;
    }
}
.header__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -16px;
    padding: 8px 5px;
    -webkit-box-shadow: 0 4px 4px rgba(18, 29, 41, 0.08);
    box-shadow: 0 4px 4px rgba(18, 29, 41, 0.08);
    position: relative;
    z-index: 17;
    background: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media print, screen and (min-width: 48em) {
    .header__bottom {
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0 -10px;
        padding: 0;
        background-color: transparent;
    }
}
.header__search {
    display: none;
}
.header__btn {
    width: 20%;
    padding: 0 5px;
    color: #001617;
    font-size: 13px;
    line-height: 1.23;
    text-align: center;
}
.header__btn .header__cart {
    color: #001617;
}
.header__btn > span {
    display: block;
}
.header__btn_type_shops > span > span {
    display: none;
}
.header__btn.is-active {
    color: #0abab5;
}
@media print, screen and (min-width: 48em) {
    .header__btn {
        display: block;
        width: auto;
        position: relative;
        cursor: pointer;
    }
    .header__btn:not(:last-child) {
        margin-right: 14px;
    }
    .header__btn > span {
        display: none;
    }
    .header__btn .header__cart span {
        display: none;
    }
    .header__btn_type_shops {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-right: 30px;
        position: relative;
    }
    .header__btn_type_shops > span {
        display: none;
        margin-top: -2px;
        font-size: 17px;
        white-space: nowrap;
        -webkit-transition: color 0.25s;
        transition: color 0.25s;
    }
}
@media print, screen and (min-width: 48em) and (min-width: 62.5em) {
    .header__btn_type_shops > span {
        display: block;
    }
}
@media print, screen and (min-width: 48em) {
    .header__btn_type_shops:hover > span {
        color: #0abab5;
        -webkit-transition: color 0.25s;
        transition: color 0.25s;
    }
}
@media print, screen and (min-width: 48em) and (min-width: 62.5em) {
    .header__btn_type_shops {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .header__btn_type_shops > span > span {
        display: inline;
    }
}
.header__addresses {
    display: none;
    padding: 10px 20px 0;
    background-color: #fff;
}
.menu__wrapper .header__addresses {
    display: block;
}
@media print, screen and (min-width: 48em) {
    .header__addresses {
        display: none;
        width: 360px;
        -webkit-box-shadow: 0 4px 32px rgba(53, 56, 57, 0.2);
        box-shadow: 0 4px 32px rgba(53, 56, 57, 0.2);
        border-radius: 4px;
        padding: 10px 4px 0 20px;
        position: absolute;
        top: calc(100% + 16px);
        right: 0;
    }
}
@media print, screen and (min-width: 62.5em) {
    .header__addresses {
        left: 0;
        right: auto;
    }
}
.js-points .header__addresses {
    padding: 0;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}
@media print, screen and (min-width: 48em) {
    .js-points .header__addresses {
        padding: 10px 4px 0 20px;
        visibility: unset;
        height: unset;
        overflow: unset;
    }
}
.header__account {
    display: none;
    padding: 20px 16px;
    border-radius: 4px;
    background-color: #fff;
    text-align: left;
}
.menu__wrapper .header__account {
    display: block;
}
.header__btn > .header__account {
    padding: 0;
    visibility: hidden;
    overflow: hidden;
    height: 0;
}
@media print, screen and (min-width: 48em) {
    .header__btn > .header__account {
        padding: 20px 16px;
        visibility: unset;
        overflow: unset;
        height: unset;
    }
}
.header__account li {
    font-size: 17px;
}
.header__account li svg {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    color: #8c8e8e;
    fill: transparent;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
.header__account li a {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #001617;
    line-height: 1;
}
.header__account li:not(:first-child) {
    margin-top: 20px;
}
@media print, screen and (min-width: 48em) {
    .header__account {
        width: 255px;
        -webkit-box-shadow: 0 4px 32px rgba(53, 56, 57, 0.2);
        box-shadow: 0 4px 32px rgba(53, 56, 57, 0.2);
        border-radius: 4px;
        padding: 16px;
        position: absolute;
        top: calc(100% + 16px);
        right: -18px;
    }
    .header__account li a:hover {
        color: #0abab5;
    }
    .header__account li a:hover svg {
        color: #0abab5;
        -webkit-transition: color 0.25s;
        transition: color 0.25s;
    }
}
@media print, screen and (min-width: 62.5em) {
    .header__account {
        top: calc(100% + 3px);
    }
}
.header__icon {
    display: block;
    width: 24px;
    height: 24px;
    margin: 0 auto;
    position: relative;
    color: #8c8e8e;
    fill: transparent;
}
.header__icon svg {
    width: 100%;
    height: 100%;
}
.header__icon svg:nth-child(2) {
    display: none;
}
.header__btn.is-active .header__icon {
    color: #0abab5;
}
.header__btn.is-active .header__icon > svg:first-child {
    display: none;
}
.header__btn.is-active .header__icon > svg:last-child {
    display: block;
}
@media print, screen and (min-width: 62.5em) {
    .header__btn_type_shops .header__icon {
        margin-right: 8px;
    }
}
.header__btn .header__cart .header__counter {
    display: block;
}
.header__counter {
    display: block;
    width: 16px;
    padding: 2px 1px;
    border-radius: 50%;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
    position: absolute;
    top: -4px;
    right: -5px;
    background-color: #0abab5;
    color: #fff;
    font-size: 12px;
    font-style: normal;
    line-height: 1;
    text-align: center;
}
.header__phone {
    font-size: 17px;
    white-space: nowrap;
}
.header__phone a {
    color: #001617;
}
.header__phone a span {
    font-weight: 700;
}
.header__phone:not(:last-child) {
    margin-right: 10px;
}
@media screen and (min-width: 80em) {
    .header__phone:not(:last-child) {
        margin-right: 30px;
    }
}
.button,
.form-wrapper input[name="code_submit_button"] {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 40px;
    padding: 7px 28px;
    border: 1px solid #0abab5;
    border-radius: 8px;
    background: 0 0;
    color: #0abab5;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    cursor: pointer;
}
.button:disabled,
.form-wrapper input:disabled[name="code_submit_button"] {
    opacity: 0.2;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
    cursor: not-allowed;
}
.button_width_full {
    display: block;
    width: 100%;
}
.button_type_bigger {
    height: 54px;
    padding: 13px 38px;
    font-size: 16px;
    line-height: 1.5;
}
.button_type_smaller {
    padding: 7px 16px;
    height: auto;
}
.button_color_black,
.form-wrapper input[name="code_submit_button"] {
    padding: 7px 16px;
    height: auto;
    border-color: #001617;
    border-radius: 8px;
    background-color: #001617;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
}
.button_width_bigger {
    min-width: 190px;
}
@media print, screen and (min-width: 62.5em) {
    .button:hover,
    .form-wrapper input:hover[name="code_submit_button"] {
        border-color: #0abab5;
        background-color: #0abab5;
        color: #fff;
        -webkit-transition: background-color 0.25s;
        transition: background-color 0.25s;
    }
}
.output {
    font-size: 13px;
    line-height: 1.62;
}
@media print, screen and (min-width: 62.5em) {
    .output {
        font-size: 15px;
        line-height: 1.53;
    }
}
.sales__info .output p {
    margin-top: 13px;
}
.sales__info .output p:first-child {
    margin-top: 0;
}
.sales__info .output ol,
.sales__info .output ul:not(.slick-dots) {
    padding-left: 9px;
}
.sales__info .output ol li,
.sales__info .output ul:not(.slick-dots) li {
    padding-left: 13px;
}
.sales__info .output ol li::before,
.sales__info .output ul:not(.slick-dots) li::before {
    display: block;
    width: 5px;
    height: 5px;
    top: 8px;
    left: 0;
}
.article__body .output {
    font-size: 15px;
    line-height: 1.53;
}
@media print, screen and (min-width: 62.5em) {
    .article__body .output {
        font-size: 17px;
        line-height: 1.65;
    }
}
.notice .output {
    color: #8c8e8e;
    font-size: 11px;
    line-height: 1.45;
}
@media print, screen and (min-width: 62.5em) {
    .notice .output {
        font-size: 13px;
        line-height: 1.54;
    }
}
.output a {
    color: #0abab5;
}
@media print, screen and (min-width: 62.5em) {
    .output a {
        border-bottom: 1px solid transparent;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }
    .output a:hover {
        border-color: rgba(10, 186, 181, 0.8);
    }
}
.output b,
.output strong {
    font-weight: 700;
}
.output p {
    display: block;
    margin-top: 15px;
}
@media print, screen and (min-width: 62.5em) {
    .output p {
        margin-top: 20px;
    }
}
.output p:first-child {
    margin-top: 0;
}
.notice .output p {
    margin-top: 15px;
}
@media print, screen and (min-width: 62.5em) {
    .notice .output p {
        margin-top: 10px;
    }
}
.notice .output p:first-child {
    margin-top: 0;
}
.output h2 {
    margin-top: 25px;
    color: #001617;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.44;
}
@media print, screen and (min-width: 62.5em) {
    .output h2 {
        margin-top: 40px;
        font-size: 24px;
        line-height: 1.4;
    }
}
.output h2:first-child {
    margin-top: 0;
}
.output h2 + ol,
.output h2 + p,
.output h2 + ul:not(.slick-dots) {
    margin-top: 10px;
}
@media print, screen and (min-width: 62.5em) {
    .output h2 + ol,
    .output h2 + p,
    .output h2 + ul:not(.slick-dots) {
        margin-top: 15px;
    }
}
.output h3 {
    margin-top: 25px;
    color: #001617;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.44;
}
@media print, screen and (min-width: 62.5em) {
    .output h3 {
        margin-top: 40px;
        font-size: 20px;
        line-height: 1.5;
    }
}
.output h3:first-child {
    margin-top: 0;
}
.output h3 + ol,
.output h3 + p,
.output h3 + ul:not(.slick-dots) {
    margin-top: 10px;
}
@media print, screen and (min-width: 62.5em) {
    .output h3 + ol,
    .output h3 + p,
    .output h3 + ul:not(.slick-dots) {
        margin-top: 15px;
    }
}
.output h4,
.output h5,
.output h6 {
    margin-top: 25px;
    color: #001617;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
}
@media print, screen and (min-width: 62.5em) {
    .output h4,
    .output h5,
    .output h6 {
        margin-top: 40px;
        font-size: 17px;
        line-height: 1;
    }
}
.output h4:first-child,
.output h5:first-child,
.output h6:first-child {
    margin-top: 0;
}
.output h4 + ol,
.output h4 + p,
.output h4 + ul:not(.slick-dots),
.output h5 + ol,
.output h5 + p,
.output h5 + ul:not(.slick-dots),
.output h6 + ol,
.output h6 + p,
.output h6 + ul:not(.slick-dots) {
    margin-top: 10px;
}
@media print, screen and (min-width: 62.5em) {
    .output h4 + ol,
    .output h4 + p,
    .output h4 + ul:not(.slick-dots),
    .output h5 + ol,
    .output h5 + p,
    .output h5 + ul:not(.slick-dots),
    .output h6 + ol,
    .output h6 + p,
    .output h6 + ul:not(.slick-dots) {
        margin-top: 15px;
    }
}
.output blockquote {
    display: block;
    margin: 20px 0 0;
    padding: 15px 20px;
    background: #dbf4f4;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.44;
}
@media print, screen and (min-width: 62.5em) {
    .output blockquote {
        margin: 20px 0 0;
        padding: 30px 40px;
        font-size: 20px;
        line-height: 1.5;
    }
}
.output blockquote:first-child {
    margin-top: 0;
}
.output blockquote + ol,
.output blockquote + p,
.output blockquote + ul:not(.slick-dots) {
    margin-top: 30px;
}
@media print, screen and (min-width: 62.5em) {
    .output blockquote + ol,
    .output blockquote + p,
    .output blockquote + ul:not(.slick-dots) {
        margin-top: 40px;
    }
}
.output .table-container {
    margin: 20px -16px 0;
    overflow-x: auto;
}
.output .table-container:first-child {
    margin-top: 0;
}
@media print, screen and (min-width: 62.5em) {
    .output .table-container {
        overflow: inherit;
        margin: 20px 0 0;
    }
}
.output table {
    margin: 0 16px;
    border-collapse: collapse;
}
@media print, screen and (min-width: 62.5em) {
    .output table {
        width: 100%;
        margin: 0;
    }
}
.output table thead {
    border: 1px solid #d4d5d5;
    background: rgba(229, 229, 229, 0.5);
    color: #000;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.62;
}
@media print, screen and (min-width: 62.5em) {
    .output table thead {
        font-size: 15px;
        line-height: 1.53;
    }
}
.output table tbody {
    border-top: 1px solid #d4d5d5;
}
.output table tbody tr {
    border: 1px solid #d4d5d5;
    border-top: none;
}
.output table th {
    padding: 10px 15px;
    font-weight: 700;
    text-align: left;
    vertical-align: top;
}
@media print, screen and (min-width: 62.5em) {
    .output table th {
        padding: 15px 20px;
    }
}
.output table td {
    padding: 10px 15px;
    font-size: 13px;
    line-height: 1.62;
    vertical-align: top;
}
@media print, screen and (min-width: 62.5em) {
    .output table td {
        padding: 15px 20px;
        font-size: 15px;
        line-height: 1.53;
    }
}
.output ol,
.output ul:not(.slick-dots) {
    margin-top: 10px;
}
@media print, screen and (min-width: 62.5em) {
    .output ol,
    .output ul:not(.slick-dots) {
        margin-top: 15px;
    }
}
.output ol:first-child,
.output ul:not(.slick-dots):first-child {
    margin-top: 0;
}
.output ol li,
.output ul:not(.slick-dots) li {
    margin-top: 10px;
    position: relative;
}
@media print, screen and (min-width: 62.5em) {
    .output ul:not(.slick-dots) {
        margin-left: 10px;
    }
}
.output ul:not(.slick-dots) li {
    padding-left: 21px;
}
@media print, screen and (min-width: 62.5em) {
    .output ul:not(.slick-dots) li {
        padding-left: 28px;
    }
}
.output ul:not(.slick-dots) li::before {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    top: 7px;
    left: 5px;
    background-color: #001617;
    content: "";
}
@media print, screen and (min-width: 62.5em) {
    .output ul:not(.slick-dots) li::before {
        width: 7px;
        height: 7px;
        top: 8px;
        left: 8px;
    }
}
.output ul:not(.slick-dots) li:first-child {
    margin-top: 0;
}
.output ul:not(.slick-dots) ul {
    margin-top: 10px;
    margin-left: 0;
    padding-left: 0;
}
.output ul:not(.slick-dots) ul:first-child {
    margin-top: 10px;
}
@media print, screen and (min-width: 62.5em) {
    .output ul:not(.slick-dots) + p {
        margin-top: 30px;
    }
}
.output ol {
    list-style: none;
    counter-reset: item;
}
@media print, screen and (min-width: 62.5em) {
    .output ol {
        margin-left: 10px;
    }
}
.output ol li {
    padding-left: 26px;
    list-style: none;
    counter-increment: item;
}
@media print, screen and (min-width: 62.5em) {
    .output ol li {
        padding-left: 28px;
    }
}
.output ol li:first-child {
    margin-top: 0;
}
.output ol li::before {
    display: block;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    content: counter(item) ". ";
}
.output ol li ol {
    margin-top: 10px;
    margin-left: 0;
}
@media print, screen and (min-width: 62.5em) {
    .output ol li ol {
        padding-left: 0;
    }
}
.output ol li ol:first-child {
    margin-top: 10px;
}
.output ol li ol li::before {
    content: counters(item, ".") ". ";
}
.output img {
    display: block;
    max-width: 100%;
    margin: 20px 0 0;
}
@media print, screen and (min-width: 62.5em) {
    .output img {
        margin-top: 20px;
    }
}
.output img:first-child {
    margin-top: 0;
}
.output .row.three-col,
.output .row.two-col {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .output .row.three-col,
    .output .row.two-col {
        margin-top: 30px;
    }
}
.output .col-1,
.output .col-2,
.output .col-3 {
    padding: 0 10px;
}
@media print, screen and (min-width: 62.5em) {
    .output .col-1,
    .output .col-2,
    .output .col-3 {
        padding: 0 15px;
    }
}
.output .col-md-4 {
    width: 100%;
}
@media print, screen and (min-width: 48em) {
    .output .col-md-4 {
        width: 33.33333%;
    }
}
.output .col-md-6 {
    width: 100%;
}
@media print, screen and (min-width: 48em) {
    .output .col-md-6 {
        width: 50%;
    }
}
.output .col-2,
.output .col-3,
.output .col-4 {
    margin-top: 20px;
}
@media print, screen and (min-width: 48em) {
    .output .col-2,
    .output .col-3,
    .output .col-4 {
        margin-top: 0;
    }
}
.output__more {
    display: none;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 7px;
    left: 0;
    background-color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
}
@media print, screen and (min-width: 62.5em) {
    .output__more {
        background-color: transparent;
    }
}
.output__more button {
    position: relative;
    z-index: 2;
    font-weight: 700;
    cursor: pointer;
}
.output__more::before {
    display: block;
    width: 100%;
    height: 100px;
    position: absolute;
    bottom: -10px;
    left: 0;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(255, 255, 255, 0)),
        color-stop(65%, #fff),
        to(#fff)
    );
    background: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0) 0,
        #fff 65%,
        #fff 100%
    );
    content: "";
}
@media print, screen and (min-width: 62.5em) {
    .output__more::before {
        height: 87px;
        background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(rgba(255, 255, 255, 0)),
            color-stop(68%, #fff),
            to(#fff)
        );
        background: linear-gradient(
            180deg,
            rgba(255, 255, 255, 0) 0,
            #fff 68%,
            #fff 100%
        );
    }
}
.slick-list,
.slick-track {
    min-width: 100%;
}
@media print, screen and (min-width: 62.5em) {
    .recommended__list .slick-list,
    .similar__list .slick-list,
    .viewed__list .slick-list {
        margin: -40px -10px -40px;
        padding: 0 10px;
    }
}
.new__list .slick-track,
.recommended__list .slick-track,
.similar__list .slick-track,
.viewed__list .slick-track {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    min-height: 100%;
    height: 100%;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
@media print, screen and (min-width: 62.5em) {
    .recommended__list .slick-track,
    .similar__list .slick-track,
    .viewed__list .slick-track {
        padding: 60px 0;
    }
}
.recommended__list .slick-slide,
.similar__list .slick-slide,
.viewed__list .slick-slide {
    height: auto;
}
.slick-arrow {
    display: block;
    width: 48px;
    height: 48px;
    margin-top: -24px;
    padding: 8px;
    border-radius: 50%;
    -webkit-box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    position: absolute;
    top: 50%;
    z-index: 3;
    background-color: #fff;
    cursor: pointer;
}
.slick-arrow.slick-disabled {
    cursor: default;
    opacity: 0.5;
}
@media print, screen and (min-width: 62.5em) {
    .slick-arrow.slick-disabled:hover {
        opacity: 0.5;
    }
    .slick-arrow.slick-disabled:hover svg {
        color: #8c8e8e;
    }
}
@media print, screen and (min-width: 62.5em) {
    .slick-arrow:hover svg {
        color: #0abab5;
    }
}
.slick-arrow.slick-prev {
    left: 10px;
}
@media print, screen and (min-width: 62.5em) {
    .promo .slick-arrow.slick-prev {
        left: 12px;
    }
}
@media print, screen and (min-width: 62.5em) {
    .brands .slick-arrow.slick-prev,
    .recommended .slick-arrow.slick-prev,
    .similar .slick-arrow.slick-prev,
    .viewed .slick-arrow.slick-prev {
        left: -14px;
    }
}
.slick-arrow.slick-next {
    right: 10px;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media print, screen and (min-width: 62.5em) {
    .promo .slick-arrow.slick-next {
        right: 12px;
    }
}
@media print, screen and (min-width: 62.5em) {
    .brands .slick-arrow.slick-next,
    .recommended .slick-arrow.slick-next,
    .similar .slick-arrow.slick-next,
    .viewed .slick-arrow.slick-next {
        right: -14px;
    }
}
.slick-arrow svg {
    display: block;
    width: 100%;
    height: 100%;
    color: #8c8e8e;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
.slick-dots {
    display: block;
    width: 100%;
    margin: 16px 0 0;
    padding: 0;
    height: 8px;
    text-align: center;
    list-style: none;
}
.slick-dots li {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
}
.slick-dots li button {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #8c8e8e;
    font-size: 0;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.slick-dots li.slick-active button {
    width: 20px;
    border-radius: 20px;
    background-color: #0abab5;
    cursor: default;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.slick-dots li:last-child {
    margin-right: 0;
}
.menu-top {
    display: none;
    -webkit-box-shadow: 0 4px 4px rgba(18, 29, 41, 0.08);
    box-shadow: 0 4px 4px rgba(18, 29, 41, 0.08);
    background-color: #fff;
}
.is-opened .menu-top {
    display: block;
}
@media print, screen and (min-width: 48em) {
    .menu-top {
        display: block;
    }
}
.menu-top__holder {
    display: block;
    height: 60px;
}
@media print, screen and (min-width: 48em) {
    .menu-top__holder {
        position: relative;
    }
}
@media print, screen and (min-width: 62.5em) {
    .menu-top__holder {
        position: static;
    }
}
.menu-top__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 -12px;
    overflow-y: auto;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1;
    font-size: 14px;
    font-weight: 600;
}
@media print, screen and (min-width: 62.5em) {
    .menu-top__list {
        overflow-y: visible;
        position: relative;
    }
}
.menu-top__sublist {
    display: block;
    width: 100%;
    max-width: 185px;
    -webkit-box-shadow: 0 8px 16px rgba(53, 56, 57, 0.16);
    box-shadow: 0 8px 16px rgba(53, 56, 57, 0.16);
    border-radius: 4px;
    position: absolute;
    top: calc(100% + 2px);
    right: 0;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    background: #fff;
}
.menu-top__sublist li {
    display: block;
    padding: 7px 15px;
    font-size: 17px;
    line-height: 1;
    text-align: left;
}
.menu-top__sublist li > a {
    display: block;
    padding: 5px 10px;
    color: #001617;
}
@media print, screen and (min-width: 62.5em) {
    .menu-top__sublist li > a:hover {
        color: #0abab5;
    }
}
.menu-top__more:hover .menu-top__sublist {
    opacity: 1;
    visibility: visible;
    z-index: 15;
}
.menu-top__more:hover .menu-top__sublist::before {
    width: 100%;
    height: 25px;
    position: absolute;
    top: -25px;
    left: 0;
    content: "";
}
.menu-top__item {
    display: block;
    padding: 0 12px;
    text-align: center;
}
.menu-top__item > a {
    display: inline;
    color: #001617;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    line-height: 1;
    cursor: pointer;
}
.menu-top__item > a:focus {
    border-color: transparent;
    color: #001617;
}
.menu-top__item > a:active {
    color: #0abab5;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .menu-top__item > a:hover {
        color: #0abab5;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
        text-decoration: none;
    }
}
@media print, screen and (min-width: 48em) {
    .menu-top__item > a {
        white-space: nowrap;
    }
}
@media print, screen and (min-width: 62.5em) {
    .menu-top__item_type_catalog {
        position: relative;
    }
}
.menu-top__item_type_catalog > span {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 24px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #001617;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
    cursor: pointer;
}
.menu-top__item_type_catalog > span i {
    display: block;
    width: 24px;
    height: 24px;
    margin-top: 4px;
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
}
.menu-top__item_type_catalog > span i svg {
    display: block;
    width: 100%;
    height: 100%;
}
.menu-top__item_type_catalog:hover > span {
    color: #0abab5;
}
.menu-top__item_type_catalog.is-active > span {
    color: #0abab5;
}
.menu-top__item_type_catalog.is-active > span i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.menu-top__more {
    padding-top: 10px;
}
.menu {
    width: 100%;
    background-color: #fff;
    text-align: left;
}
@media print, screen and (min-width: 48em) {
    .menu {
        display: none;
        width: 236px;
        -webkit-box-shadow: 0 4px 32px rgba(53, 56, 57, 0.2);
        box-shadow: 0 4px 32px rgba(53, 56, 57, 0.2);
        border-radius: 4px;
        position: absolute;
        top: calc(100% - 5px);
        left: -12px;
        z-index: 15;
    }
}
@media print, screen and (min-width: 62.5em) {
    .menu {
        top: calc(100% + 16px);
        left: -4px;
    }
}
.menu__list {
    padding: 20px 16px;
    font-size: 17px;
}
@media print, screen and (min-width: 48em) {
    .menu__list {
        position: relative;
    }
}
.menu__list li:not(:first-child) {
    margin-top: 14px;
}
@media print, screen and (min-width: 62.5em) {
    .menu__list li:not(:first-child) {
        margin-top: 24px;
    }
}
.menu__list li a {
    color: #001617;
}
@media print, screen and (min-width: 62.5em) {
    .menu__list li a:hover {
        color: #0abab5;
    }
}
.menu__list > li.has-dropdown {
    position: relative;
}
@media print, screen and (min-width: 48em) {
    .menu__list > li.has-dropdown {
        position: static;
    }
}
.menu__list > li.has-dropdown.is-active::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.menu__list > li.has-dropdown.is-active > a,
.menu__list > li.has-dropdown.is-active > span {
    font-weight: 700;
}
@media print, screen and (min-width: 48em) {
    .menu__list > li.has-dropdown.default-for-desktop > a,
    .menu__list > li.has-dropdown.default-for-desktop > span,
    .menu__list > li.has-dropdown.is-hovered > a,
    .menu__list > li.has-dropdown.is-hovered > span {
        color: #001617;
        font-weight: 700;
        cursor: pointer;
    }
    .menu__list > li.has-dropdown.default-for-desktop > a::after,
    .menu__list > li.has-dropdown.default-for-desktop > span::after,
    .menu__list > li.has-dropdown.is-hovered > a::after,
    .menu__list > li.has-dropdown.is-hovered > span::after {
        -webkit-filter: brightness(0);
        filter: brightness(0);
    }
}
.menu__list > li.has-dropdown::after {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 3px;
    right: 0;
    background: url(../svg/dropdown.svg);
    background-size: 24px 24px;
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
    content: "";
}
@media print, screen and (min-width: 48em) {
    .menu__list > li.has-dropdown::after {
        display: none;
    }
}
.menu__list > li.has-dropdown > a,
.menu__list > li.has-dropdown > span {
    display: block;
    width: 100%;
    -webkit-transition: font-weight 0.25s;
    transition: font-weight 0.25s;
}
@media print, screen and (min-width: 48em) {
    .menu__list > li.has-dropdown > a::after,
    .menu__list > li.has-dropdown > span::after {
        display: block;
        width: 24px;
        height: 24px;
        margin-top: -12px;
        position: absolute;
        top: 50%;
        right: -5px;
        background: url(../svg/dropdown.svg);
        background-size: 24px 24px;
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: -webkit-filter 0.25s;
        transition: -webkit-filter 0.25s;
        transition: filter 0.25s;
        transition: filter 0.25s, -webkit-filter 0.25s;
        content: "";
    }
}
.menu__list > li > a,
.menu__list > li > span {
    position: relative;
    z-index: 2;
    -webkit-transition: font-weight 0.25s;
    transition: font-weight 0.25s;
}
@media print, screen and (min-width: 48em) {
    .menu__list {
        width: 236px;
        padding: 16px 16px 45px;
    }
    .menu__list li:not(:first-child) {
        margin-top: 24px;
    }
}
.menu__sublist {
    display: none;
    margin-top: 16px;
    padding-left: 30px;
    font-size: 15px;
}
@media print, screen and (min-width: 48em) {
    .menu__sublist {
        display: block;
        width: 260px;
        min-height: 100%;
        margin-top: 0;
        padding: 16px 16px 45px 24px;
        border-left: 1px solid rgba(212, 213, 213, 0.5);
        border-radius: 0 4px 4px 0;
        -webkit-box-shadow: 0 4px 32px rgba(53, 56, 57, 0.2);
        box-shadow: 0 4px 32px rgba(53, 56, 57, 0.2);
        position: absolute;
        top: 0;
        right: -261px;
        background-color: #fff;
        opacity: 0;
        visibility: hidden;
        font-size: 17px;
        -webkit-transition: opacity 0.25s, visibility 0.25s;
        transition: opacity 0.25s, visibility 0.25s;
    }
    .menu__sublist::before {
        width: 236px;
        height: 100%;
        border-radius: 4px 0 0 4px;
        position: absolute;
        top: 0;
        left: -237px;
        background-color: #fff;
        content: "";
    }
    .default-for-desktop .menu__sublist,
    .is-hovered > .menu__sublist {
        opacity: 1;
        visibility: visible;
    }
}
.has-dropdown.is-active > .menu__sublist {
    display: block;
}
.menu__sublist li:not(:first-child) {
    margin-top: 10px;
}
@media print, screen and (min-width: 48em) {
    .menu__sublist li:not(:first-child) {
        margin-top: 24px;
    }
}
@media print, screen and (min-width: 48em) {
    .menu__sublist li.hide-for-medium:first-child + li {
        margin-top: 0;
    }
}
.menu__wrapper {
    display: none;
    width: 100%;
    overflow-y: auto;
    position: fixed;
    top: 111px !important;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 16;
    background-color: #fff;
}
.filter__fieldset label > span:before,
.filter__input,
.form__input,
.form__select,
.form__textarea,
.selectric {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding: 0 10px;
    width: 100%;
    height: 40px;
    border: 1px solid #d4d5d5;
    border-radius: 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
    color: #001617;
    font-size: 13px;
    line-height: 1.4;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.filter__fieldset label > span:focus:before,
.filter__input:focus,
.form__input:focus,
.form__select:focus,
.form__textarea:focus,
.selectric:focus {
    border-color: #0abab5;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0;
    background-color: #fff;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.filter__fieldset label > span:disabled:before,
.filter__input:disabled,
.form__input:disabled,
.form__select:disabled,
.form__textarea:disabled,
.selectric:disabled {
    background-color: #fff;
}
.filter__fieldset .form__error label > span:before,
.form__error .filter__fieldset label > span:before,
.form__error .filter__input,
.form__error .form__input,
.form__error .form__select,
.form__error .form__textarea,
.form__error .selectric {
    border-color: #f5a8a8;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.filter__input::-webkit-input-placeholder,
.form__input::-webkit-input-placeholder,
.form__select::-webkit-input-placeholder,
.form__textarea::-webkit-input-placeholder,
.selectric::-webkit-input-placeholder {
    color: #8c8e8e;
}
.filter__input::-moz-placeholder,
.form__input::-moz-placeholder,
.form__select::-moz-placeholder,
.form__textarea::-moz-placeholder,
.selectric::-moz-placeholder {
    color: #8c8e8e;
}
.filter__input:-ms-input-placeholder,
.form__input:-ms-input-placeholder,
.form__select:-ms-input-placeholder,
.form__textarea:-ms-input-placeholder,
.selectric:-ms-input-placeholder {
    color: #8c8e8e;
}
.filter__input::-ms-input-placeholder,
.form__input::-ms-input-placeholder,
.form__select::-ms-input-placeholder,
.form__textarea::-ms-input-placeholder,
.selectric::-ms-input-placeholder {
    color: #8c8e8e;
}
.filter__input::placeholder,
.form__input::placeholder,
.form__select::placeholder,
.form__textarea::placeholder,
.selectric::placeholder {
    color: #8c8e8e;
}
@media print, screen and (min-width: 62.5em) {
    .filter__fieldset label > span:hover:before,
    .filter__input:hover,
    .form__input:hover,
    .form__select:hover,
    .form__textarea:hover,
    .selectric:hover {
        border-color: #8c8e8e;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }
    .filter__fieldset label > span:focus:hover:before,
    .filter__input:focus:hover,
    .form__input:focus:hover,
    .form__select:focus:hover,
    .form__textarea:focus:hover,
    .selectric:focus:hover {
        border-color: #0abab5;
    }
}
.history__row > .form {
    margin-top: -5px;
}
@media print, screen and (min-width: 48em) {
    .history__row > .form {
        margin-top: 0;
    }
}
.form__message,
.form__phonemessage {
    display: none;
    margin-top: 4px;
    color: #df3232;
    font-size: 13px;
    line-height: 1.15;
}
.form__error .form__message,
.form__error .form__phonemessage {
    display: block;
}
.form__title {
    display: block;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.14;
}
.form__title:first-child {
    margin-top: 0;
}
@media print, screen and (min-width: 62.5em) {
    .form__title {
        font-size: 35px;
    }
}
.form__subtitle {
    display: block;
    margin-top: 20px;
    font-size: 16px;
    line-height: 24px;
}
.form__sent {
    display: none;
}
.modal .form__sent {
    text-align: center;
}
.modal .form__sent img {
    margin-top: 30px;
}
.form__row {
    margin-top: 10px;
    position: relative;
}
.form__row:first-child {
    margin-top: 0;
}
.account .form__row {
    margin-top: 0;
}
@media print, screen and (min-width: 48em) {
    .account .form__row.form__row_type_address > .columns {
        margin-top: 0;
    }
}
.account .form__row > .columns {
    margin-top: 15px;
}
@media print, screen and (min-width: 62.5em) {
    .account .form__row > .columns {
        margin-top: 30px;
    }
}
.form__row_type_hidden {
    display: none;
}
.form_type_delivery .form__row_type_hidden {
    display: block;
}
.form__row_type_items {
    padding-bottom: 10px;
}
.form__row_type_rating {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media print, screen and (min-width: 62.5em) {
    .form__row_margin_bigger {
        margin-top: 15px;
    }
}
.form .form__row_type_hidden + .form__row {
    margin-top: 0;
}
.form_type_delivery .form__row_type_hidden + .form__row {
    margin-top: 10px;
}
.form__cell {
    margin-top: 20px;
}
@media print, screen and (min-width: 48em) {
    .form__cell {
        margin-top: 0;
    }
}
.form__cell:first-child {
    margin-top: 0;
}
.form__label {
    display: block;
    margin-bottom: 4px;
    color: #001617;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.15;
}
.form__label_type_radio {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 34px;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
}
.form__label_type_radio:not(:last-child) {
    margin-right: 54px;
}
.form__label_type_checkbox {
    display: block;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
    padding-left: 32px;
    position: relative;
    /* vertical-align: middle; */
    line-height: 1.15;
    cursor: pointer;
}
.form__label_type_checkbox > a {
    margin: 0 3px;
    border-bottom: 1px solid #0abab5;
    color: #0abab5;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .form__label_type_checkbox > a:hover {
        border-color: #001617;
        color: #001617;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }
}
.aside__row .form__label_type_checkbox > a {
    border-color: #001617;
    color: #001617;
}
@media print, screen and (min-width: 62.5em) {
    .aside__row .form__label_type_checkbox > a:hover {
        border-color: #0abab5;
        color: #0abab5;
    }
}
.form__holder .form__label_type_checkbox {
    margin-bottom: 0;
}
.js-form-address + .form__label_type_checkbox {
    margin-top: 5px;
}
.form__row_type_rating .form__label {
    margin-bottom: 0;
    margin-right: 15px;
}
.form__textarea {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 11px;
    padding-bottom: 11px;
    height: 178px;
    resize: none;
}
.form_type_delivery .form__textarea {
    height: 109px;
}
.modal__form .form__textarea {
    height: 120px;
}
.form-wrapper .form__submit {
    width: 100%;
    margin-top: 10px;
}
@media print, screen and (min-width: 62.5em) {
    .form-wrapper .form__submit {
        width: 100%;
    }
}
.form__privacy {
    display: block;
    color: #001617;
    font-size: 12px;
    line-height: 1.33;
    text-align: center;
}
@media print, screen and (min-width: 62.5em) {
    .form__privacy {
        text-align: left;
    }
}
.form__privacy a {
    color: #0abab5;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .form__privacy a:hover {
        color: #001617;
    }
}
@media print, screen and (min-width: 48em) {
    .modal .form__privacy {
        text-align: left;
    }
}
.form__caption {
    display: block;
    margin-top: 30px;
    font-size: 18px;
    line-height: 1.44;
}
@media print, screen and (min-width: 62.5em) {
    .form__caption {
        margin-top: 40px;
        font-size: 26px;
        line-height: 1.31;
    }
}
.form__caption:first-child {
    margin-top: 0;
}
input[type="hidden"] + .form__caption {
    margin-top: 0;
}
.form__group {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .form__group {
        margin-top: 18px;
    }
}
.form__note {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.29;
}
.form__note + .form__row {
    margin-top: 20px;
}
.form__select {
    border-color: #fff;
    padding-right: 21px;
    background: #fff url(../svg/dropdown.svg) no-repeat right center;
    color: #fff;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.form .g-recaptcha {
    -webkit-transform: scale(0.925);
    -ms-transform: scale(0.925);
    transform: scale(0.925);
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
}
@media screen and (min-width: 25.125em) {
    .form .g-recaptcha {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.form__holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.modal .form__holder {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media print, screen and (min-width: 62.5em) {
    .form__holder {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 20px;
    }
}
.form__column {
    width: 100%;
}
.form__column:not(:first-child) {
    margin-top: 10px;
}
@media print, screen and (min-width: 48em) {
    .form__column {
        width: calc(50% - 10px);
    }
    .form__column:not(:first-child) {
        margin-top: 0;
    }
    .form__column:not(:last-child) {
        margin-right: 20px;
    }
}
@media print, screen and (min-width: 62.5em) {
    .form__column {
        width: 300px;
    }
    .form__column:not(:last-child) {
        margin-right: 50px;
    }
}
.form__link {
    display: inline-block;
    border-bottom: 1px solid #0abab5;
    color: #0abab5;
    font-size: 13px;
    line-height: 1.15;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    cursor: pointer;
}
@media print, screen and (min-width: 62.5em) {
    .form__link:hover {
        border-color: #001617;
        color: #001617;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }
}
.form__nouser {
    display: none;
    padding: 20px 20px 20px 60px;
    background: #fdf0f0;
    border-radius: 4px;
    margin-bottom: 20px;
    position: relative;
    font-size: 13px;
    line-height: 1.38;
}
.form__nouser:before {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 20px;
    left: 20px;
    background: url(../svg/warning.svg) no-repeat;
    content: "";
}
.form__nouser.form__error {
    display: block;
}
.form__checkbox,
.form__radio {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.form__check {
    width: 18px;
    height: 18px;
    margin-top: -9px;
    border: 2px solid #8c8e8e;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transition: border-color 0.25s, background-color 0.25s;
    transition: border-color 0.25s, background-color 0.25s;
}
.form__label_type_radio .form__check {
    width: 20px;
    height: 20px;
    margin-top: -10px;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 50%;
}
.form__radio:checked + .form__check {
    border-color: #0abab5;
}
.form__radio:checked + .form__check:after {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #0abab5;
    content: "";
}
.form__checkbox:checked + .form__check {
    border-color: #0abab5;
    background: #0abab5 url(../svg/check.svg) no-repeat center 1px;
    -webkit-transition: border-color 0.25s, background-color 0.25s;
    transition: border-color 0.25s, background-color 0.25s;
}
.form__helper {
    margin-top: 10px;
}
.form__button {
    width: 100%;
}
@media print, screen and (min-width: 48em) {
    .form__button {
        width: auto;
        min-width: 190px;
    }
}
.form__wrapper {
    position: relative;
}
@media print, screen and (min-width: 62.5em) {
    .form__wrapper:hover .form__input {
        border-color: #8c8e8e;
    }
}
.form__icon {
    display: block;
    width: 25px;
    height: 25px;
    position: absolute;
    top: 7px;
    right: 10px;
    color: #8c8e8e;
    cursor: pointer;
}
.form__icon.is-active {
    color: #0abab5;
}
.form__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.form-wrapper .form__box {
    margin-top: 22px;
}
.form__hint {
    display: block;
    font-size: 13px;
    line-height: 1.15;
}
.form__add {
    display: block;
    margin-bottom: 4px;
    color: #0abab5;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.15;
    text-align: right;
    cursor: pointer;
}
@media print, screen and (min-width: 62.5em) {
    .form__add {
        font-size: 14px;
        line-height: 1.14;
    }
}
.form-wrapper {
    max-width: 420px;
    margin: 10px auto 0;
}
@media print, screen and (min-width: 62.5em) {
    .form-wrapper {
        margin-top: 40px;
    }
}
.form-wrapper h1 {
    text-align: center;
}
.form-wrapper__desc {
    display: block;
    margin-top: 20px;
    color: #001617;
    font-size: 13px;
    line-height: 1.38;
    text-align: center;
}
.form-wrapper__content {
    margin-top: 20px;
}
.form-wrapper__content img {
    display: block;
    width: 150px;
    margin: 30px auto 0;
}
.form-wrapper__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    margin-top: 50px;
}
.form-wrapper__bottom a {
    color: #0abab5;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
}
@media print, screen and (min-width: 62.5em) {
    .form-wrapper__bottom a:hover {
        color: #001617;
    }
}
.form-wrapper__about {
    display: block;
    margin-top: 30px;
    color: #000;
    font-size: 13px;
    line-height: 1.54;
    text-align: center;
}
.form-wrapper input[name="code_submit_button"] {
    width: 100%;
}
.form-wrapper #bx_register_resend_action {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    margin-top: 30px;
}
.form-wrapper #bx_register_resend_link {
    color: #0abab5;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
}
@media print, screen and (min-width: 62.5em) {
    .form-wrapper #bx_register_resend_link:hover {
        color: #001617;
    }
}
.footer {
    margin-top: 28px;
    background: rgba(229, 229, 229, 0.5);
}
.menu__wrapper .footer {
    margin-top: 0;
}
@media print, screen and (min-width: 62.5em) {
    .footer {
        margin-top: 30px;
    }
}
.footer__top {
    padding: 30px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
@media print, screen and (min-width: 62.5em) {
    .footer__top {
        padding: 38px 0 27px;
    }
}
.footer__menu {
    margin-top: -20px;
}
@media print, screen and (min-width: 62.5em) {
    .footer__menu {
        margin-top: 0;
    }
}
.footer__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 24px;
    margin-top: 20px;
    padding-right: 48px;
    padding-bottom: 2px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #001617;
    font-size: 17px;
    line-height: 1;
}
@media print, screen and (min-width: 62.5em) {
    .footer__title {
        display: block;
        min-height: unset;
        margin-top: 0;
    }
}
.footer__title.is-active::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.footer__title::after {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../svg/dropdown.svg);
    background-size: 24px 24px;
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
    content: "";
}
@media print, screen and (min-width: 62.5em) {
    .footer__title::after {
        display: none;
    }
}
.footer__list {
    display: none;
    margin-top: 10px;
}
@media print, screen and (min-width: 62.5em) {
    .footer__list {
        display: block;
        margin-top: 24px;
    }
}
.footer__list li {
    display: block;
    margin-top: 16px;
    font-size: 13px;
    line-height: 1.15;
}
@media print, screen and (min-width: 62.5em) {
    .footer__list li {
        margin-top: 8px;
    }
}
.footer__list li:first-child {
    margin-top: 0;
}
.footer__list li a {
    display: inline;
    color: #001617;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    line-height: 1;
    cursor: pointer;
}
.footer__list li a:focus {
    border-color: transparent;
    color: #001617;
}
.footer__list li a:active {
    color: #0abab5;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .footer__list li a:hover {
        color: #0abab5;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
        text-decoration: none;
    }
}
.footer__info {
    display: none;
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.15;
}
@media print, screen and (min-width: 62.5em) {
    .footer__info {
        display: block;
        margin-top: 24px;
    }
}
.footer__address,
.footer__phone,
.footer__schedule {
    display: block;
    margin-top: 8px;
}
.footer__address:first-child,
.footer__phone:first-child,
.footer__schedule:first-child {
    margin-top: 0;
}
.footer__phone a {
    display: inline;
    color: #001617;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    line-height: 1;
    cursor: pointer;
}
.footer__phone a:focus {
    border-color: transparent;
    color: #001617;
}
.footer__phone a:active {
    color: #0abab5;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .footer__phone a:hover {
        color: #0abab5;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
        text-decoration: none;
    }
}
.footer__phone a span {
    font-weight: 700;
}
.footer__logo {
    width: 125px;
    margin-left: auto;
}
.footer__logo img {
    display: block;
    width: 100%;
}
.footer__contacts {
    margin-top: 40px;
}
@media print, screen and (min-width: 62.5em) {
    .footer__contacts {
        text-align: right;
    }
}
.footer__link {
    display: block;
    margin-top: 30px;
    font-size: 13px;
    line-height: 1.15;
    text-align: right;
}
.footer__link + .footer__link {
    margin-top: 8px;
}
.footer__link a {
    border-bottom: 1px solid #001617;
    color: #001617;
    -webkit-transition: color 0.25s, border-color 0.25s;
    transition: color 0.25s, border-color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .footer__link a:active,
    .footer__link a:hover {
        border-color: #0abab5;
        color: #0abab5;
    }
}
.footer__bottom {
    display: block;
    padding: 10px 0;
    border-top: 1px solid #c2c2c2;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #001617;
    font-size: 13px;
    line-height: 1.15;
}
@media print, screen and (min-width: 62.5em) {
    .footer__bottom {
        padding: 7px 0 8px;
    }
}
.footer__copyright {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: nowrap;
}
.footer__18 {
    display: block;
    width: 30px;
    height: 30px;
    margin-right: 18px;
    padding: 6px 2px;
    border: 1px solid #001617;
    border-radius: 50%;
    line-height: 1.23;
}
.http404 {
    padding: 60px 0 10px;
    text-align: center;
}
@media print, screen and (min-width: 62.5em) {
    .http404 {
        padding: 120px 0 30px;
        text-align: left;
    }
}
.http404__image {
    display: block;
    margin: 0 auto;
    position: relative;
}
@media print, screen and (min-width: 62.5em) {
    .http404__image {
        text-align: right;
    }
}
.http404__title {
    display: block;
    margin-top: 20px;
    font-size: 24px;
    line-height: 1.4;
}
@media print, screen and (min-width: 62.5em) {
    .http404__title {
        max-width: 320px;
        margin-top: 0;
    }
}
.http404__holder {
    margin-top: 30px;
}
@media print, screen and (min-width: 48em) {
    .http404__holder {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media print, screen and (min-width: 62.5em) {
    .http404__holder {
        margin-top: 50px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
}
.http404__about {
    display: block;
    max-width: 450px;
    margin: 20px auto 0;
    font-size: 14px;
    line-height: 1.43;
}
@media print, screen and (min-width: 62.5em) {
    .http404__about {
        margin: 20px 0 0;
        font-size: 17px;
        line-height: 1.4;
    }
}
.http404__button {
    width: 100%;
}
@media print, screen and (min-width: 48em) {
    .http404__button {
        width: auto;
        margin-right: 46px;
    }
}
.http404__link {
    color: #0abab5;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}
.fancybox-bg {
    background: rgba(0, 22, 23, 0.5);
}
.fancybox-is-open .fancybox-bg {
    background: rgba(0, 22, 23, 0.5);
    opacity: 1;
}
.fancybox-close-small {
    display: none;
}
.fancybox-slide {
    padding: 0;
}
.fancybox-content {
    padding: 0;
}
.info {
    text-align: center;
}
@media print, screen and (min-width: 62.5em) {
    .info {
        text-align: right;
    }
}
.info__phone {
    display: block;
    position: relative;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.17;
    white-space: nowrap;
}
.info__phone a {
    display: inline;
    color: #001617;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    line-height: 1;
    cursor: pointer;
}
.info__phone a:focus {
    border-color: transparent;
    color: #001617;
}
.info__phone a:active {
    color: #0abab5;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .info__phone a:hover {
        color: #0abab5;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
        text-decoration: none;
    }
}
.info__socials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media print, screen and (min-width: 62.5em) {
    .info__socials {
        margin-top: 40px;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.info__socials li {
    display: block;
    width: 42px;
    height: 42px;
    margin-right: 14px;
}
.info__socials li:last-child {
    margin-right: 0;
}
.info__socials li a {
    display: block;
    width: 100%;
    padding: 7px;
    border: 2px solid #8c8e8e;
    border-radius: 50%;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .info__socials li a:hover {
        opacity: 0.8;
    }
}
.info__socials li a img {
    display: block;
}
.contacts {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .contacts {
        margin-top: 30px;
    }
}
.contacts__title {
    display: block;
    font-size: 17px;
    line-height: 1.4;
}
@media print, screen and (min-width: 62.5em) {
    .contacts__title {
        font-size: 40px;
    }
}
.contacts__map {
    margin-top: 20px;
}
.contacts__output {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .contacts__output {
        margin-top: 40px;
    }
}
.breadcrumbs {
    padding: 0;
    background: 0 0;
}
.breadcrumbs > ul {
    display: block;
    font-size: 0;
    line-height: 0;
    list-style: none;
}
.breadcrumbs > ul > li {
    display: inline;
    padding-right: 4px;
    color: #8c8e8e;
    font-size: 13px;
    line-height: 1.6;
    vertical-align: middle;
    text-transform: none;
}
.breadcrumbs > ul > li:after {
    color: #001617;
    font-size: 13px;
    content: " >";
}
.breadcrumbs > ul > li:last-child {
    padding-right: 0;
}
.breadcrumbs > ul > li:last-child:after {
    display: none;
}
.breadcrumbs > ul > li > a {
    color: #001617;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .breadcrumbs > ul > li > a:hover {
        color: #0abab5;
        -webkit-transition: color 0.25s;
        transition: color 0.25s;
    }
    .breadcrumbs > ul > li > a:hover span {
        color: #0abab5;
    }
}
.breadcrumbs > ul > li > a span {
    color: #001617;
}
.breadcrumbs > ul > li a,
.breadcrumbs > ul > li span {
    display: inline;
    line-height: 1;
}
.breadcrumbs > ul > li > span {
    color: #b1b2b2;
}
.item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-width: 172px;
    width: 50%;
    padding: 13px 8px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    border-bottom: 1px solid rgba(212, 213, 213, 0.5);
    border-right: 1px solid rgba(212, 213, 213, 0.5);
    position: relative;
}
.item:first-child,
.item:nth-child(2) {
    padding-top: 8px;
}
.item:nth-last-child(-n + 2) {
    border-bottom: 0;
}
.item:nth-of-type(even) {
    border-right: 0;
}
.item.slick-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: 0;
    border-bottom: 0;
    padding: 8px;
    margin-top: 0;
}
.item.slick-slide:nth-of-type(even) {
    border-right: 1px solid rgba(212, 213, 213, 0.5);
}
.item.slick-slide:last-child {
    border-right: 0;
}
.item_type_horizontal {
    padding: 27px 8px 8px;
}
.item_type_history,
.item_type_modal {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    padding: 10px 0;
    border-right: 0;
    border-top: 1px solid rgba(212, 213, 213, 0.5);
    position: relative;
}
.item_type_history:nth-child(n),
.item_type_modal:nth-child(n) {
    width: 100%;
}
.item_type_history:nth-child(even):nth-child(odd),
.item_type_modal:nth-child(even):nth-child(odd) {
    border-right: 0;
}
.item_type_history:first-child,
.item_type_modal:first-child {
    margin-top: 20px;
    border-top: 0;
}
.item_type_history:last-child,
.item_type_modal:last-child {
    border-bottom: 0;
}
.item_type_history:first-child {
    margin-top: 0;
}
.search__list .item {
    display: flex;
}
@media screen and (max-width: 33.0625em) {
    .item:nth-last-child(-n + 2):nth-last-child(2):nth-child(even):not(
            .slick-slide
        ):not(.item_type_modal) {
        border-bottom: 1px solid rgba(212, 213, 213, 0.5);
    }
}
@media screen and (min-width: 33.125em) {
    .item {
        width: 33.3333%;
    }
    .item:nth-child(3) {
        padding-top: 8px;
    }
    .item:nth-last-child(-n + 3) {
        border-bottom: 0;
    }
    .item:nth-of-type(even) {
        border-right: 1px solid rgba(212, 213, 213, 0.5);
    }
    .item:nth-of-type(even).item_type_modal {
        border-right: 0;
    }
    .item:nth-of-type(odd):last-child {
        border-right: 0;
    }
    .menu .item:nth-of-type(odd):last-child {
        width: 100%;
    }
    .item:nth-of-type(odd):last-child.item_type_modal {
        width: 100%;
        border-right: 0;
    }
    .item:nth-of-type(3n + 3) {
        border-right: 0;
    }
    .item.slick-slide:nth-of-type(3n + 3) {
        border-right: 1px solid rgba(212, 213, 213, 0.5);
    }
    .item.slick-slide:last-child {
        border-right: 0;
    }
}
@media only screen and (min-width: 530px) and (max-width: 899px) {
    .item:nth-last-child(-n + 3):not(.item_type_modal):not(
            .slick-slide
        ):nth-last-child(2):nth-child(3n),
    .item:nth-last-child(-n + 3):not(.item_type_modal):not(
            .slick-slide
        ):nth-last-child(3):nth-child(3n),
    .item:nth-last-child(-n + 3):not(.item_type_modal):not(
            .slick-slide
        ):nth-last-child(3):nth-child(3n + 2) {
        border-bottom: 1px solid rgba(212, 213, 213, 0.5);
    }
    .item:last-child:nth-child(3n + 1):not(.item_type_modal):not(.slick-slide),
    .item:last-child:nth-child(3n + 2):not(.item_type_modal):not(.slick-slide) {
        border-right: 1px solid rgba(212, 213, 213, 0.5);
    }
    .menu
        .item:last-child:nth-child(3n + 1):not(.item_type_modal):not(
            .slick-slide
        ),
    .menu
        .item:last-child:nth-child(3n + 2):not(.item_type_modal):not(
            .slick-slide
        ) {
        border-right: 0;
    }
}
@media screen and (min-width: 56.25em) {
    .item {
        width: 25%;
    }
    .item:nth-of-type(3n + 3) {
        border-right: 1px solid rgba(212, 213, 213, 0.5);
    }
    .item:nth-of-type(4n + 4) {
        border-right: 0;
    }
    .item:nth-child(4) {
        padding-top: 8px;
    }
    .sales__items .item:nth-of-type(odd):last-child {
        width: 25%;
    }
}
@media only screen and (min-width: 900px) and (max-width: 999px) {
    .item:nth-last-child(-n + 4) {
        border-bottom: 0;
    }
    .item:nth-last-child(-n + 4):not(.item_type_modal):not(
            .slick-slide
        ):nth-last-child(2):nth-child(4n),
    .item:nth-last-child(-n + 4):not(.item_type_modal):not(
            .slick-slide
        ):nth-last-child(3):nth-child(4n),
    .item:nth-last-child(-n + 4):not(.item_type_modal):not(
            .slick-slide
        ):nth-last-child(3):nth-child(4n + 3),
    .item:nth-last-child(-n + 4):not(.item_type_modal):not(
            .slick-slide
        ):nth-last-child(4):nth-child(4n),
    .item:nth-last-child(-n + 4):not(.item_type_modal):not(
            .slick-slide
        ):nth-last-child(4):nth-child(4n + 2),
    .item:nth-last-child(-n + 4):not(.item_type_modal):not(
            .slick-slide
        ):nth-last-child(4):nth-child(4n + 3) {
        border-bottom: 1px solid rgba(212, 213, 213, 0.5);
    }
    .item:last-child:first-child:not(.item_type_modal):not(.slick-slide),
    .item:last-child:nth-child(4n + 1):not(.item_type_modal):not(.slick-slide),
    .item:last-child:nth-child(4n + 2):not(.item_type_modal):not(.slick-slide),
    .item:last-child:nth-child(4n + 3):not(.item_type_modal):not(.slick-slide) {
        border-right: 1px solid rgba(212, 213, 213, 0.5);
    }
    .menu .item:last-child:first-child:not(.item_type_modal):not(.slick-slide),
    .menu
        .item:last-child:nth-child(4n + 1):not(.item_type_modal):not(
            .slick-slide
        ),
    .menu
        .item:last-child:nth-child(4n + 2):not(.item_type_modal):not(
            .slick-slide
        ),
    .menu
        .item:last-child:nth-child(4n + 3):not(.item_type_modal):not(
            .slick-slide
        ) {
        border-right: 0;
    }
}
@media print, screen and (min-width: 62.5em) {
    .item {
        width: calc(100% / 2 - 20px);
        margin: 20px 10px 0;
        padding: 16px 24px;
        -webkit-box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
        box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
        border-radius: 8px;
        background: #fff;
        -webkit-transition: -webkit-box-shadow 0.25s;
        transition: -webkit-box-shadow 0.25s;
        transition: box-shadow 0.25s;
        transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
    }
    .item:hover {
        -webkit-box-shadow: 0 4px 32px rgba(53, 56, 57, 0.2);
        box-shadow: 0 4px 32px rgba(53, 56, 57, 0.2);
        -webkit-transition: -webkit-box-shadow 0.25s;
        transition: -webkit-box-shadow 0.25s;
        transition: box-shadow 0.25s;
        transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
    }
    .search__item .item {
        width: 100%;
        margin: 10px 0 0;
    }
    .menu .item {
        width: 100%;
        margin: 0;
    }
    .item:nth-child(n) {
        border: 0;
        padding-top: 16px;
    }
    .offers .item {
        width: calc(100% / 4 - 20px);
    }
    .sales__items .item {
        width: calc(100% / 4 - 20px);
    }
    .sales__items .item:nth-of-type(odd):last-child {
        width: calc(100% / 4 - 20px);
    }
    .item_type_horizontal {
        width: calc(100% / 3 - 20px);
        padding: 24px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: 0 10px;
    }
    .item_type_horizontal:nth-child(n) {
        padding: 24px;
    }
    .item_type_history,
    .item_type_modal {
        padding: 10px 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        margin: 0;
    }
    .item_type_history:nth-child(n),
    .item_type_modal:nth-child(n) {
        padding: 10px 0;
        border-top: 1px solid #d4d5d5;
    }
    .item_type_history:first-child,
    .item_type_modal:first-child {
        border-top: 0;
    }
    .item_type_history:hover,
    .item_type_modal:hover {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .item_type_history {
        width: 100%;
    }
    .item.slick-slide {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 16px 24px;
        border: 0;
    }
    .item.slick-slide:nth-of-type(n) {
        border-right: 0;
    }
}
@media print, screen and (min-width: 62.5em) and (min-width: 62.5em) {
    .item.slick-slide {
        -webkit-box-shadow: none;
        box-shadow: none;
    }
    .item.slick-slide.slick-active {
        -webkit-box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
        box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    }
    .item.slick-slide.slick-active:hover {
        -webkit-box-shadow: 0 4px 20px rgba(53, 56, 57, 0.2);
        box-shadow: 0 4px 20px rgba(53, 56, 57, 0.2);
        -webkit-transition: -webkit-box-shadow 0.25s;
        transition: -webkit-box-shadow 0.25s;
        transition: box-shadow 0.25s;
        transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
    }
}
@media screen and (min-width: 80em) {
    .item {
        width: calc(100% / 3 - 20px);
    }
    .catalog_type_fav .item {
        width: calc(100% / 4 - 20px);
    }
}
.search__header .search__list {
    display: block;
}

.item_type_menu {
    display: block;
    width: 100%;
    max-width: 230px;
    margin: 0 auto;
    text-align: center;
}
.header-search-item {

}
.item_type_horizontal .item__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.item_type_history .item__wrapper,
.item_type_modal .item__wrapper {
    width: calc(100% - 122px);
}
@media print, screen and (min-width: 62.5em) {
    .catalog__list_type_list .item__wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: calc(100% - 156px);
    }
    .item_type_horizontal .item__wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        width: calc(100% - 140px);
    }
}
.item__image {
    display: block;
    margin: 0 auto;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
    text-align: center;
}
.item__image img {
    max-height: 160px;
    margin: 0 auto;
}
.item_type_history .item__image,
.item_type_modal .item__image {
    width: 110px;
    margin-right: 12px;
}
@media print, screen and (min-width: 62.5em) {
    .item_type_horizontal .item__image {
        margin: 0 20px 0 0;
    }
}
.catalog__list .item__image,
.offers__list .item__image,
.sales__list .item__image,
.search__list .item__image,
.similar__list .item__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 160px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.item_type_horizontal .item__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 160px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media print, screen and (min-width: 62.5em) {
    .item_type_horizontal .item__image {
        width: 120px;
    }
}
.item__info {
    position: relative;
}
.catalog__list_type_list .item__info {
    position: relative;
}
.item__setnumber {
    color: #8c8e8e;
    font-size: 12px;
    line-height: 1.33;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
}
.item__title {
    display: block;
    margin-top: 12px;
    font-size: 17px;
    line-height: 1.4;
    font-weight: bold;
    text-transform: uppercase;
}
.item__title a {
    color: #001617;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
.item_type_history .item__title,
.item_type_modal .item__title {
    margin-top: 0;
}
@media print, screen and (min-width: 62.5em) {
    .item__title {
        margin-top: 30px;
        line-height: 1.48;
    }
    .item_type_horizontal .item__title {
        margin-top: 0;
    }
    .item_type_history .item__title,
    .item_type_modal .item__title {
        font-size: 17px;
        line-height: 1.4;
    }
    .item__title a:hover {
        color: #0abab5;
        -webkit-transition: color 0.25s;
        transition: color 0.25s;
    }
}
.item_type_history .item__info,
.item_type_modal .item__info {
    display: block;
    font-size: 13px;
    line-height: 1.29;
}
@media print, screen and (min-width: 62.5em) {
    .catalog__list_type_list .item__info {
        width: calc(100% - 209px);
    }
}
.item__tech {
    display: none;
}
@media print, screen and (min-width: 62.5em) {
    .catalog__list_type_list .item__tech {
        display: block;
        margin-top: 15px;
    }
}
.item__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-top: 5px;
    font-size: 14px;
    line-height: 1.57;
}
.item__row:first-child {
    margin-top: 0;
}
.item__row span:first-child {
    width: 120px;
    padding-right: 5px;
}
.item__row span:last-child {
    width: calc(100% - 120px);
}
.item__row span a {
    color: #0abab5;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .item__row span a:hover {
        color: #001617;
    }
}
@media print, screen and (min-width: 62.5em) {
    .catalog__list_type_list .item__right {
        margin-left: 30px;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        position: relative;
        text-align: center;
    }
}
.item__price {
    display: block;
    margin-top: 10px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
}
@media print, screen and (min-width: 62.5em) {
    .item__price {
        margin-top: 8px;
        min-height: 50px;
    }
    .item_type_history .item__price,
    .item_type_horizontal .item__price,
    .item_type_modal .item__price {
        min-height: unset;
    }
}
.item__old {
    margin-left: 8px;
    color: #8c8e8e;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
}
.item__old span {
    position: relative;
}
.item__old span::after {
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 7px;
    left: 0;
    background: #8c8e8e;
    content: "";
}
.item__wholesale {
    display: none;
    margin-top: 8px;
    color: #8c8e8e;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.4;
}
@media print, screen and (min-width: 62.5em) {
    .item__wholesale {
        display: block;
    }
}
.item__counter {
    margin-top: 20px;
}
.item__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 22px;
}
@media print, screen and (min-width: 62.5em) {
    .item__buttons {
        margin-top: 6px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.item__button {
    width: 100%;
}
@media print, screen and (min-width: 62.5em) {
    .item__button {
        width: auto;
    }
    .item_type_horizontal .item__button {
        margin-top: 10px;
    }
    .item__buttons .item__button {
        margin-top: 6px;
    }
}
.item__fav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 1.57;
    cursor: pointer;
    color: #8c8e8e;
    fill: transparent;
    -webkit-transition: color 0.25s, fill 0.25s;
    transition: color 0.25s, fill 0.25s;
}
.item__fav_type_active {
    color: #0abab5;
    fill: #0abab5;
}
@media print, screen and (min-width: 62.5em) {
    .item__fav:hover {
        color: #0abab5;
    }
}
.item__fav svg {
    width: 24px;
    height: 24px;
    position: static;
}
.item__fav span {
    display: none;
    margin-left: 10px;
}
.item__badges {
    display: block;
    padding-top: 22px;
    position: absolute;
    left: 8px;
    z-index: 11;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.1;
}
@media print, screen and (min-width: 62.5em) {
    .item__badges {
        padding-top: 31px;
        left: 0;
        font-size: 13px;
        line-height: 1.4;
    }
}
.item__new {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px 0 0;
    position: absolute;
    top: 10px;
    left: 0;
    color: #0abab5;
}
@media print, screen and (min-width: 62.5em) {
    .item__new {
        padding: 2px 8px 2px 24px;
        top: 10px;
    }
}
.item__offer,
.item__sale {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 8px 7px 8px;
    margin-top: 4px;
    min-width: 47px;
    border-radius: 2px;
    background-color: #0abab5;
    color: #fff;
}
@media print, screen and (min-width: 62.5em) {
    .item__offer,
    .item__sale {
        padding: 2px 8px 2px 24px;
        min-width: 90px;
        margin-top: 6px;
        border-radius: 4px;
    }
}
.item__sign {
    display: block;
    width: 100%;
}
.item__fav-added {
    display: none;
    padding: 6px 12px;
    border-radius: 5px;
    position: absolute;
    top: -11px;
    right: 27px;
    z-index: 11;
    background: #001617;
    opacity: 0;
    visibility: hidden;
    color: #fff;
    font-size: 12px;
    line-height: 1.33;
    white-space: nowrap;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}
@media print, screen and (min-width: 62.5em) {
    .item__fav-added {
        opacity: 1;
        visibility: visible;
    }
}
.catalog__list_type_list .item__fav-added {
    top: auto;
    bottom: 30px;
    right: -4px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}
.item__fav-added a {
    color: #0abab5;
}
@media print, screen and (min-width: 62.5em) {
    .item__fav-added a:hover {
        color: #fff;
    }
}
.item__holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.item__another {
    display: none;
    color: #8c8e8e;
    font-size: 12px;
    line-height: 1.33;
}
.catalog__list_type_list .item__another {
    display: block;
    opacity: 0;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .catalog__list_type_list .item__another {
        margin-left: 10px;
        padding-left: 13px;
        position: relative;
    }
    .catalog__list_type_list .item__another::before {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        content: "|";
    }
}
@media print, screen and (min-width: 62.5em) {
    .catalog__list_type_list .item:hover .item__another {
        opacity: 1;
    }
}
.item__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.item__form + div {
    width: 100%;
}
@media print, screen and (min-width: 62.5em) {
    .item__form + div {
        width: auto;
    }
}
.item__form + div > div {
    width: 100%;
}
@media print, screen and (min-width: 62.5em) {
    .item__form + div > div {
        width: auto;
    }
}
.item__form input {
    width: 40px;
    height: 32px;
    padding: 0;
    border: 1px solid rgba(212, 213, 213, 0.5);
    border-radius: 4px;
    margin: 0 4px;
    font-size: 13px;
    line-height: 1.15;
    text-align: center;
    -moz-appearance: textfield;
    appearance: textfield;
}
.item__form input::-webkit-inner-spin-button,
.item__form input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.item__minus,
.item__plus {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(212, 213, 213, 0.5);
    color: #8c8e8e;
    text-align: left;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    cursor: pointer;
}
@media print, screen and (min-width: 62.5em) {
    .item__minus:hover,
    .item__plus:hover {
        opacity: 0.8;
    }
    .item__minus:hover svg,
    .item__plus:hover svg {
        color: #0abab5;
    }
}
.item__minus svg,
.item__plus svg {
    display: block;
    width: 10px;
    height: 10px;
    color: #8c8e8e;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .item__minus svg,
    .item__plus svg {
        width: 14px;
        height: 14px;
    }
}
.item__about {
    display: block;
    font-size: 13px;
    line-height: 1.4;
}
.item__about a {
    border-bottom: 1px solid #001617;
    color: #001617;
    -webkit-transition: color 0.25s, border-color 0.25s;
    transition: color 0.25s, border-color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .item__about a:active,
    .item__about a:hover {
        border-color: #0abab5;
        color: #0abab5;
    }
}
.item__notavailable {
    display: none;
    padding-left: 16px;
    position: relative;
    color: #df3232;
    font-size: 12px;
    line-height: 1.4;
}
.item__notavailable:before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #df3232;
    position: absolute;
    top: 4px;
    left: 0;
    content: "";
}
@media print, screen and (min-width: 62.5em) {
    .item__notavailable {
        display: block;
    }
    .item__buttons .item__notavailable {
        margin-top: 6px;
        margin-right: 10px;
    }
}
.dropdown {
    width: 185px;
    position: relative;
}
.dropdown__current {
    display: block;
    border-radius: 4px;
    padding: 7px 24px 6px 10px;
    border: 1px solid #d4d5d5;
    position: relative;
    font-size: 13px;
    line-height: 1.15;
    cursor: pointer;
    white-space: nowrap;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
.dropdown__current::after {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 2px;
    right: 0;
    background: url(../svg/dropdown.svg);
    background-size: 24px 24px;
    content: "";
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
}
.dropdown.active .dropdown__current::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.dropdown__holder {
    display: none;
    width: 100%;
    -webkit-box-shadow: 0 8px 16px rgba(53, 56, 57, 0.16);
    box-shadow: 0 8px 16px rgba(53, 56, 57, 0.16);
    border-radius: 4px;
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    z-index: 12;
    background: #fff;
}
.dropdown__list {
    margin: 0;
    list-style: none;
}
.dropdown__list li {
    display: block;
    font-size: 13px;
    line-height: 1.4;
}
.dropdown__list li a {
    display: block;
    padding: 5px 10px;
    color: #001617;
}
.dropdown__list li a:hover {
    background: rgba(229, 229, 229, 0.5);
}
.dropdown__list li span {
    display: block;
    padding: 5px 10px;
    position: relative;
    color: #0abab5;
}
.dropdown__list li span:after {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 2px;
    right: 10px;
    background: url(../svg/done.svg) no-repeat;
    content: "";
}
.filter {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    display: none;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 121;
    background: #fff;
}
@media print, screen and (min-width: 62.5em) {
    .filter {
        display: block;
        padding: 0;
        position: static;
    }
}
.filter__close {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 22px;
    right: 8px;
    z-index: 3;
    color: #8c8e8e;
}
.filter__close svg {
    display: block;
    width: 100%;
    height: 100%;
    position: static;
}
@media print, screen and (min-width: 62.5em) {
    .filter__close {
        display: none;
    }
}
.filter__inner {
    height: 100%;
    overflow: auto;
}
@media print, screen and (min-width: 62.5em) {
    .filter__inner {
        height: auto;
        overflow: inherit;
    }
}
.filter__wrapper {
    padding: 27px 8px 70px;
}
@media print, screen and (min-width: 62.5em) {
    .filter__wrapper {
        padding: 0;
        margin-top: 20px;
    }
}
.filter__name {
    display: block;
    color: #001617;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.17;
}
@media print, screen and (min-width: 62.5em) {
    .filter__name {
        font-size: 24px;
    }
}
.filter__icon {
    display: block;
    width: 24px;
    height: 24px;
    background: url(../svg/dropdown.svg) no-repeat center center;
    background-size: 24px 24px;
    position: absolute;
    top: -6px;
    right: 0;
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
}
.filter__section.closed .filter__icon {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.filter__title {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: auto;
    padding-right: 28px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    color: #001617;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.15;
    cursor: pointer;
}
.filter__section {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.filter__section:first-child {
    margin-top: 0;
}

.filter__fieldset {
    display: block;
    padding: 0;
}
.filter__fieldset label {
    display: inline-block;
    font-size: 13px;
    line-height: 1.4;
}
/*.filter__fieldset label.disabled {*/
/*    display: none;*/
/*}*/
.filter__fieldset label.disabled span {
    opacity: 0.5;
    cursor: default;
}
.filter__fieldset label.disabled span:hover::before {
    border-color: #c2c2c2;
}
.filter__fieldset label > span {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 29px;
    height: 18px;
    max-width: 270px;
    position: relative;
    color: #001617;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
    cursor: pointer;
}
.filter__fieldset label > span:before {
    display: inline-block;
    width: 18px;
    height: 18px;
    padding: 0;
    border: 2px solid #8c8e8e;
    border-radius: 6px;
    -webkit-transition: border-color 0.25s;
    transition: border-color 0.25s;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}
@media print, screen and (min-width: 62.5em) {
    .filter__fieldset label > span:hover:before {
        border-color: #0abab5;
    }
}
.filter__fieldset input[type="checkbox"]:checked + span:before {
    border-color: #0abab5;
    background: #0abab5 url(../svg/check.svg) no-repeat center 1px;
    -webkit-transition: background-color 0.25s;
    transition: background-color 0.25s;
}
.filter__fieldset input[type="checkbox"]:disabled + span {
    opacity: 0.5;
    cursor: default;
}
@media print, screen and (min-width: 62.5em) {
    .filter__fieldset input[type="checkbox"]:disabled + span:hover:before {
        border-color: #c2c2c2;
    }
}
.filter__fieldset [type="checkbox"] + span {
    margin: 0;
}
.filter__fieldset [type="checkbox"] {
    margin: 0;
    position: absolute;
    left: -9999px;
}
.filter__row {
    padding-left: 3px;
    margin-top: 5px;
}
.filter__row_type_offer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0;
}
.filter__row_type_offer label {
    font-weight: 700;
}
.filter__row_type_offer label:not(:last-child) {
    margin-right: 35px;
}
@media print, screen and (min-width: 62.5em) {
    .filter__row {
        margin-top: 4px;
        padding-left: 0;
    }
}
.filter__input {
    display: inline-block;
    width: 97px;
}
.filter__more {
    display: inline-block;
    margin-top: 8px;
    color: #8c8e8e;
    font-size: 13px;
    line-height: 1.44;
}
@media print, screen and (min-width: 62.5em) {
    .filter__more {
        font-size: 13px;
        line-height: 1.4;
    }
}
.filter__more span {
    color: #8c8e8e;
    cursor: pointer;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .filter__more span:hover {
        color: #0abab5;
    }
}
.filter__list {
    display: none;
}
.filter__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 10px 19px;
    -webkit-box-shadow: 0 -2px 8px rgba(53, 56, 57, 0.08);
    box-shadow: 0 -2px 8px rgba(53, 56, 57, 0.08);
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #fff;
    text-align: center;
}
@media print, screen and (min-width: 62.5em) {
    .filter__buttons {
        display: block;
        max-width: 240px;
        padding: 30px 0 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: relative;
        bottom: auto;
    }
}
.filter__button {
    display: block;
    width: calc(50% - 5px);
}
.filter__button:not(:last-child) {
    margin-right: 10px;
}
@media print, screen and (min-width: 62.5em) {
    .filter__button {
        width: 100%;
        max-width: 240px;
    }
}
.filter__remove {
    display: block;
    width: calc(50% - 5px);
    padding: 7px 10px;
    color: #001617;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
    cursor: pointer;
    text-align: center;
}
@media print, screen and (min-width: 62.5em) {
    .filter__remove {
        width: auto;
        padding: 0;
        margin-top: 15px;
        color: #8c8e8e;
    }
}
.filter__prices {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 15px -5px 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
@media print, screen and (min-width: 62.5em) {
    .filter__prices {
        margin: 15px 0 0;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media screen and (min-width: 80em) {
    .filter__prices {
        margin: 15px -5px 0;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.filter__price {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(50% - 10px);
    height: 34px;
    margin: 0 5px;
    padding: 0 10px;
    border: 1px solid #c2c2c2;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 14px;
    line-height: 1.43;
    border-radius: 8px;
}
.filter__price:not(:last-child) {
    margin-right: 10px;
}
.filter__price span {
    margin-right: 6px;
    color: #8c8e8e;
}
.filter__price input {
    display: inline-block;
    width: calc(100% - 11px);
    height: 100%;
    border: 0;
}
.filter__price input:focus {
    outline: 0;
}
.filter__price:focus,
.filter__price:hover {
    outline: 0;
    -webkit-box-shadow: 0 0 0 1px #c2c2c2;
    box-shadow: 0 0 0 1px #c2c2c2;
    -webkit-transition: -webkit-box-shadow 0.25s;
    transition: -webkit-box-shadow 0.25s;
    transition: box-shadow 0.25s;
    transition: box-shadow 0.25s, -webkit-box-shadow 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .filter__price {
        width: 100%;
        margin: 0;
    }
    .filter__price:not(:last-child) {
        margin-right: 0;
    }
    .filter__price:last-child {
        margin-top: 5px;
    }
}
@media screen and (min-width: 80em) {
    .filter__price {
        width: calc(50% - 10px);
        margin: 0 5px;
    }
    .filter__price:not(:last-child) {
        margin-right: 10px;
    }
    .filter__price:last-child {
        margin-top: 0;
    }
}
.filter__categories {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.4;
}
@media print, screen and (min-width: 62.5em) {
    .filter__categories {
        margin-top: 16px;
    }
}
.filter__categories li {
    display: block;
    margin-top: 8px;
}
.filter__categories li:first-child {
    margin-top: 0;
}
.filter__categories li a {
    color: #001617;
}
@media print, screen and (min-width: 62.5em) {
    .filter__categories li a:hover {
        color: #0abab5;
    }
}
.pagination {
    margin-top: 20px;
    text-align: center;
    letter-spacing: 0.01em;
}
@media print, screen and (min-width: 62.5em) {
    .pagination {
        margin-top: 37px;
    }
}
.top .pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0;
}
.top .pagination:not(:last-child) {
    margin-right: 23px;
}
.pagination__showed {
    display: block;
    color: #8c8e8e;
    font-size: 13px;
    line-height: 1;
}
.top .pagination__showed {
    color: #001617;
}
.pagination__list {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px;
}
.top .pagination__list {
    margin-top: 0;
}
.pagination__list > li {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 2px;
    height: 30px;
    padding: 7px 10px;
    border: 1px solid transparent;
    border-radius: 8px;
    position: relative;
    font-size: 13px;
    line-height: 1;
    -webkit-transition: border-color 0.25s;
    transition: border-color 0.25s;
}
.pagination__list > li:hover {
    border-color: #d4d5d5;
}
.pagination__list > li.current {
    border-radius: 8px;
    background-color: #0abab5;
    color: #fff;
}
.pagination__list > li.current:hover {
    border-color: transparent;
}
.pagination__list > li svg {
    display: block;
    width: 24px;
    height: 24px;
}
.pagination__list > li > a {
    float: none;
    display: inline;
    margin: 0;
    padding: 0;
    background: #fff;
    color: #001617;
    font-size: 13px;
    line-height: 1;
    text-decoration: none;
}
.pagination__list > li > a::after {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
}
.pagination__list > li > a:hover {
    background: 0 0;
}
@media print, screen and (min-width: 62.5em) {
    .pagination__list > li > a:hover {
        color: #001617;
        text-decoration: none;
    }
}
.pagination__list > li.next,
.pagination__list > li.prev {
    width: 24px;
    height: 24px;
    padding: 0;
    margin: 0;
}
.pagination__list > li.next:hover,
.pagination__list > li.prev:hover {
    border-color: transparent;
}
.pagination__list > li.next > a,
.pagination__list > li.prev > a {
    color: #8c8e8e;
}
@media print, screen and (min-width: 62.5em) {
    .pagination__list > li.next > a:hover,
    .pagination__list > li.prev > a:hover {
        color: #0abab5;
    }
}
.pagination__list > li.next.disabled,
.pagination__list > li.prev.disabled {
    opacity: 0.5;
}
.pagination__list > li.next.disabled > a,
.pagination__list > li.prev.disabled > a {
    pointer-events: none;
}
.pagination__list > li.prev {
    margin-right: 5px;
}
.pagination__list > li.next {
    margin-left: 5px;
}
.pagination__list > li.next svg {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.filter .noUi-pips {
    display: none;
}
.filter .noUi-horizontal {
    height: 3px;
    margin-top: 18px;
    border-radius: 5px;
}
.filter .noUi-background {
    padding-left: 15px;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #ededed;
}
.filter .noUi-background.noUi-origin {
    padding: 0;
}
.filter .noUi-connect {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #0abab5;
}
.filter .noUi-target {
    padding-right: 0;
    margin-bottom: 0;
    padding-left: 0;
    margin-left: 1px;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.filter .noUi-handle {
    width: 20px !important;
    height: 20px !important;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: -8px !important;
    border-radius: 50%;
    border: 3px solid #0abab5;
    cursor: pointer;
    -webkit-transition: border-width 0.25s;
    transition: border-width 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .filter .noUi-handle:hover {
        border-width: 5px;
    }
}
.filter .noUi-handle-upper {
    left: -1px !important;
}
.filter .noUi-handle-lower {
    left: -1px !important;
}
.filter .noUi-handle:after,
.filter .noUi-handle:before {
    display: none !important;
}
.search {
    display: block;
    width: 100%;
    padding: 20px 0 16px;
    overflow-y: auto;
    position: fixed;
    top: 112px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 16;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    -webkit-transition: opacity 0.25s, visibility 0.25s;
    transition: opacity 0.25s, visibility 0.25s;
}
@media print, screen and (min-width: 48em) {
    .search {
        display: block;
        width: calc(100% - 145px);
        width: 100%;
        max-width: 510px;
        padding: 0;
        overflow-y: visible;
        position: static;
        top: 0;
        left: 0;
        background-color: transparent;
        visibility: visible;
        opacity: 1;
        -webkit-transition: none;
        transition: none;
    }
}
.search.is-active {
    display: block;
    visibility: visible;
    opacity: 1;
}
@media print, screen and (min-width: 48em) {
    .search.is-active {
        visibility: visible;
        opacity: 1;
    }
}
.search__holder {
    padding: 0 20px;
}
@media print, screen and (min-width: 48em) {
    .search__holder {
        margin: 0 auto;
        padding: 0;
    }
}
.search__form {
    width: 100%;
}
.search__inner {
    padding: 0 16px;
    position: relative;
}
@media print, screen and (min-width: 48em) {
    .search__inner {
        padding: 0;
    }
}
.search__input {
    width: 100%;
    height: 28px;
    padding: 0 30px 0 10px;
    border: none;
    border: 1px solid #d4d5d5;
    border-radius: 2px;
    -webkit-transition: border-color 0.25s;
    transition: border-color 0.25s;
    color: #001617;
    font-size: 16px;
    line-height: 1.14;
    border-radius: 8px;
}
.search__input::-webkit-input-placeholder {
    color: #8c8e8e;
    font-size: 13px;
}
.search__input::-moz-placeholder {
    color: #8c8e8e;
    font-size: 13px;
}
.search__input:-ms-input-placeholder {
    color: #8c8e8e;
    font-size: 13px;
}
.search__input::-ms-input-placeholder {
    color: #8c8e8e;
    font-size: 13px;
}
.search__input::placeholder {
    color: #8c8e8e;
    font-size: 13px;
}
.search__input:focus {
    border-color: #0abab5;
}
@media print, screen and (min-width: 48em) {
    .search__input {
        height: 40px;
        padding: 0 13px 0 10px;
        border: 1px solid #d4d5d5;
        background: 0 0;
        font-size: 13px;
    }
    .search__input:hover {
        border-color: #8c8e8e;
        -webkit-transition: border-color 0.25s;
        transition: border-color 0.25s;
    }
    .search__input:focus:hover {
        border-color: #0abab5;
    }
}
.search__icon {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 2px;
    right: 22px;
    color: #8c8e8e;
    cursor: pointer;
}
@media print, screen and (min-width: 48em) {
    .search__icon {
        top: 8px;
        left: 10px;
        right: auto;
    }
}
.search__close {
    display: block;
    width: 32px;
    height: 32px;
    padding: 4px;
    position: absolute;
    top: 4px;
    right: 6px;
    color: #8c8e8e;
    cursor: pointer;
}
.search__close svg {
    display: block;
    width: 100%;
    height: 100%;
}
.search__close.hidden {
    display: none;
}
.search__results.hidden {
    display: none;
}
@media print, screen and (min-width: 48em) {
    .search__results {
        width: 100%;
        -webkit-box-shadow: 0 4px 32px rgba(53, 56, 57, 0.2);
        box-shadow: 0 4px 32px rgba(53, 56, 57, 0.2);
        border-radius: 4px;
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 1;
        background-color: #fff;
    }
}
.search__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px -10px 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media print, screen and (min-width: 48em) {
    .search__list {
        margin: 0 -10px 0;
    }
    .search__list_type_list {
        margin: 20px 0 30px;
    }
}
.search__item {
    width: 50%;
}
.search__item:first-child {
    margin-top: 0;
}
.search__item a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 14px;
    line-height: 1.43;
}
@media print, screen and (min-width: 62.5em) {
    .search__item a {
        font-size: 16px;
        line-height: 1.5;
    }
    .search__item a:hover .search__title {
        color: #0abab5;
    }
}
.search__item_type_all {
    margin-top: 25px;
}
.search__item_type_all > a {
    display: block;
    color: #001617;
    font-size: 15px;
    line-height: 1.4;
    text-transform: uppercase;
}
@media print, screen and (min-width: 62.5em) {
    .search__item_type_all > a:hover {
        color: #0abab5;
    }
}
.search__item_type_all.active > a {
    color: #0abab5;
}
@media print, screen and (min-width: 48em) {
    .search__item {
        width: calc(100% / 3 - 20px);
        margin: 0 10px;
    }
}
.search__title {
    display: block;
    width: calc(100% - 80px);
    color: #001617;
}
.search__item.active .search__title {
    color: #0abab5;
}
.search__price {
    color: #001617;
}
.search__background {
    display: block;
    width: 100%;
    height: 1px;
    -webkit-box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 99999px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 100vmax rgba(0, 0, 0, 0.2);
    position: absolute;
    z-index: 5;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.25s, visibility 0.25s;
    transition: opacity 0.25s, visibility 0.25s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
}
.search.is-active + .search__background {
    visibility: visible;
    opacity: 1;
}
.search__title {
    display: block;
    margin-top: 8px;
    color: #8c8e8e;
    font-size: 13px;
    line-height: 1.15;
}
.search__offers {
    padding: 0;
    margin: 0;
    font-size: 13px;
    line-height: 1.15;
}
.search__offers li {
    margin-top: 15px;
}
.search__offers li a {
    color: #001617;
}
@media print, screen and (min-width: 62.5em) {
    .search__offers li a:hover {
        color: #0abab5;
    }
}
.search__default {
    display: block;
    padding: 8px 0 0;
}
@media print, screen and (min-width: 48em) {
    .search__default {
        padding: 10px 0 23px;
    }
}
.search__default.is-inactive {
    display: none;
}
.search__found {
    display: none;
    padding: 8px 0 0;
}
@media print, screen and (min-width: 48em) {
    .search__found {
        padding: 10px 0 23px;
    }
}
.search__found.is-active {
    display: block;
}
.modal {
    display: none;
    width: 100%;
    max-width: calc(100% - 32px);
    padding: 16px;
    margin: 16px 0;
    border-radius: 10px;
    -webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
    position: relative;
    background: #fff;
}
.modal_padding_smaller {
    padding: 16px;
}
@media screen and (min-width: 27.625em) {
    .modal {
        max-width: 410px;
    }
}
@media print, screen and (min-width: 62.5em) {
    .modal {
        padding: 32px 48px;
        margin: 0;
    }
    .modal_padding_smaller {
        padding: 32px;
    }
}
.modal__header {
    text-align: center;
}
.modal__header img {
    display: block;
    margin: 0 auto;
}
.modal__header span {
    display: inline-block;
    margin-top: 8px;
    color: #8c8e8e;
    font-size: 13px;
    line-height: 1.23;
}
.modal__close {
    width: 36px;
    height: 36px;
    padding: 6px;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 30;
    color: #8c8e8e;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
    cursor: pointer;
}
.modal__close svg {
    display: block;
    width: 100%;
    height: 100%;
}
@media print, screen and (min-width: 62.5em) {
    .modal__close:hover {
        color: #0abab5;
    }
}
.modal__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.modal__left {
    width: 38.8333%;
    padding: 30px 20px;
    border-right: 1px solid #c2c2c2;
}
@media print, screen and (min-width: 48em) {
    .modal__left {
        padding: 40px;
    }
}
.modal__right {
    width: 61.1667%;
    padding: 30px 20px;
}
@media print, screen and (min-width: 48em) {
    .modal__right {
        padding: 40px 35px 40px 40px;
    }
}
.modal__image {
    width: 100%;
}
.modal__image img {
    width: 100%;
}
.modal__name {
    display: block;
    margin-top: 20px;
    font-size: 12px;
    line-height: 1.33;
}
.modal__name a {
    color: #001617;
}
.modal__bottom {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 40px;
    margin-top: 50px;
}
.modal__bottom a {
    color: #0abab5;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
}
@media print, screen and (min-width: 62.5em) {
    .modal__bottom a:hover {
        color: #001617;
    }
}
.modal__text {
    display: block;
    color: #001617;
    font-size: 14px;
    line-height: 1.43;
}
@media print, screen and (min-width: 62.5em) {
    .modal__text {
        font-size: 16px;
        line-height: 1.5;
    }
}
.modal__text a {
    margin-left: 5px;
    color: #0abab5;
}
@media print, screen and (min-width: 62.5em) {
    .modal__text a {
        margin-left: 7px;
    }
    .modal__text a:hover {
        color: #001617;
    }
}
.modal__form {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .modal__about + .modal__form {
        margin-top: 30px;
    }
}
.modal__tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 35px 0 0;
    padding: 0;
    overflow-y: auto;
}
.modal__tab {
    display: block;
    width: 50%;
    padding-bottom: 5px;
    border-bottom: 2px solid transparent;
    background: 0 0;
    color: #8c8e8e;
    font-size: 24px;
    line-height: 1.4;
    white-space: nowrap;
    -webkit-transition: border-color 0.25s;
    transition: border-color 0.25s;
    text-align: center;
}
@media print, screen and (min-width: 62.5em) {
    .modal__tab {
        display: block;
    }
}
.modal__tab:first-child {
    margin-left: 0;
}
.modal__tab.is-active {
    border-color: #0abab5;
    color: #001617;
}
.modal__title {
    display: block;
    font-size: 20px;
    line-height: 1;
}
.modal__title > span {
    color: #0abab5;
}
@media print, screen and (min-width: 62.5em) {
    .modal__title {
        font-size: 24px;
    }
}
.modal__subtitle {
    display: block;
    margin-top: 20px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.18;
}
.modal__about {
    display: block;
    margin-top: 10px;
    color: #001617;
    font-size: 13px;
    line-height: 1.4;
}
.modal__about_type_colored {
    color: #0abab5;
}
.modal__about_type_gray {
    color: #8c8e8e;
}
.modal__button {
    width: 100%;
    margin-top: 30px;
}
.modal__buttons .modal__button {
    margin-top: 10px;
}
.modal__buttons .modal__button:first-child {
    margin-top: 0;
}
.modal__second {
    display: none;
}
.modal__buttons {
    margin-top: 20px;
}
.news_page_main:not(:first-child) {
    margin-top: 40px;
}
@media print, screen and (min-width: 62.5em) {
    .news_page_main:not(:first-child) {
        margin-top: 60px;
    }
}
.news__heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.news__heading > a {
    border-bottom: 1px solid #001617;
    color: #001617;
    font-size: 15px;
    line-height: 1;
}
@media print, screen and (min-width: 62.5em) {
    .news__heading > a {
        font-size: 17px;
    }
}
.news__holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .news__holder {
        margin-top: 30px;
    }
}
.news__holder > a,
.news__holder > span {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-bottom: 7px;
    font-size: 17px;
    line-height: 1.4;
}
@media print, screen and (min-width: 62.5em) {
    .news__holder > a,
    .news__holder > span {
        padding-bottom: 5px;
        font-size: 24px;
        line-height: 1.4;
    }
}
.news__holder > a:not(:last-child),
.news__holder > span:not(:last-child) {
    margin-right: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .news__holder > a:not(:last-child),
    .news__holder > span:not(:last-child) {
        margin-right: 50px;
    }
}
.news__holder > a {
    color: #8c8e8e;
}
@media print, screen and (min-width: 62.5em) {
    .news__holder > a:hover {
        color: #0abab5;
    }
}
.news__holder > span {
    color: #0abab5;
    position: relative;
}
.news__holder > span:after {
    width: 100%;
    height: 2px;
    background-color: #0abab5;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
}
.news__list {
    margin-top: 8px;
}
@media print, screen and (min-width: 62.5em) {
    .news__list {
        margin-top: 0;
    }
}

.news__item {
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}

@media print, screen and (min-width: 62.5em) {
    .news_page_main .news__item:before {
        display: none;
    }
}
.news__image {
    min-height: 180px;
}
.news_page_main .news__image {
    width: 100%;
    height: 180px;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
@media print, screen and (min-width: 62.5em) {
    .news_page_main .news__image {
        height: 300px;
    }
}
.news_page_main .news__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 0;
    object-position: 50% 0;
}
@media print, screen and (min-width: 62.5em) {
    .news__image img {
        -webkit-transition: -webkit-transform 0.25s;
        transition: -webkit-transform 0.25s;
        transition: transform 0.25s;
        transition: transform 0.25s, -webkit-transform 0.25s;
    }
    .news__item:hover .news__image img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform 0.25s;
        transition: -webkit-transform 0.25s;
        transition: transform 0.25s;
        transition: transform 0.25s, -webkit-transform 0.25s;
    }
    .news_page_main .news__item:hover .news__image img {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.news__more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(rgba(0, 0, 0, 0.5)),
        to(rgba(0, 0, 0, 0.5))
    );
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    opacity: 0;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    content: "";
}
@media print, screen and (min-width: 62.5em) {
    .news__item:hover .news__more {
        opacity: 1;
        -webkit-transition: opacity 0.25s;
        transition: opacity 0.25s;
    }
}
.news_page_main .news__content {
    margin-top: 10px;
    padding: 0;
    position: static;
}
@media print, screen and (min-width: 62.5em) {
    .news_page_main .news__content {
        margin-top: 10px;
        padding: 0;
        position: static;
    }
}
.news__title {
    display: block;
    max-width: 260px;
    font-size: 15px;
    line-height: 1.33;
}
.news_page_main .news__title {
    color: #001617;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .news_page_main .news__title {
        color: #001617;
    }
}
@media print, screen and (min-width: 62.5em) {
    .news__title {
        font-size: 17px;
        line-height: 1.4;
    }
    .news_page_main .news__item:hover .news__title {
        color: #0abab5;
        -webkit-transition: color 0.25s;
        transition: color 0.25s;
    }
}
.news__date {
    display: block;
    color: #001617;
    font-size: 11px;
    line-height: 1.83;
}
@media print, screen and (min-width: 62.5em) {
    .news__date {
        font-size: 13px;
        line-height: 1.83;
    }
}

@media print, screen and (min-width: 62.5em) {
    .news_page_main .news__date {
        color: #001617;
    }
}
.news__link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.promo {
    width: calc(100% + 24px);
    margin: 16px -12px 0;
}
@media print, screen and (min-width: 62.5em) {
    .promo {
        width: calc(100% + 30px);
        margin: 0 -15px;
    }
}
/* @media print, screen and (min-width: 1000px) {
    .promo {
        width: calc(100% + 30px);
        margin: 0 -15px;
    }
} */
.promo__list {
    width: 100%;
    position: relative;
    max-height: 300px;
    overflow: hidden;
}
.promo__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    min-height: 200px;
    padding: 29px 20px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}
/*
@media print, screen and (min-width: 48em) {
    .promo__item {
        min-height: calc(50vw - 4px);
        padding: 40px;
    }
}
@media print, screen and (min-width: 62.5em) {
    .promo__item {
        min-height: calc(50vw - 35px); 
        padding: 60px 146px;
        border-radius: 0;
    }
}
@media screen and (min-width: 83.75em) {
    .promo__item {
         min-height: 639px;
    }
} */

@media print, screen and (max-width: 767px) {
    .promo__item {
        min-height: calc(20vw - 4px);
        /* min-height: 140px; */
        /* padding: 40px; */
    }
}
@media print, screen and (min-width: 768px) {
    .promo__item {
        /* min-height: calc(50vw - 4px); */
        min-height: 200px;
        /* padding: 40px; */
    }
}
@media print, screen and (min-width: 1000px) {
    .promo__item {
        /* min-height: calc(50vw - 35px); */
        min-height: 240px;
        /* padding: 60px 146px; */
        /* border-radius: 0; */
    }
}
@media screen and (min-width: 1340px) {
    .promo__item {
        /* min-height: 639px; */
        min-height: 240px;
    }
}

.promo__item:not(:first-child) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
}
.promo__item:not(:first-child).slick-slide {
    visibility: visible;
}
.promo__item.slick-slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.promo__image {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.promo__image img {
    width: 100%;
    /* height: 100%; */
    /* height: 240px; */
    -o-object-fit: cover;
    object-fit: cover;
}

@media (min-width: 768px ) {
    .promo__image img {
        min-height: 200px;
    }
}
@media (min-width: 1000px ) {
    .promo__image img {
        min-height: 240px;
    }
}
@media (min-width: 1340px ) {
    .promo__image img {
        min-height: 240px;
    }
}

.promo__holder {
    width: 178px;
}
@media print, screen and (min-width: 62.5em) {
    .promo__holder {
        width: 316px;
    }
}
.promo__title {
    display: block;
    color: #fff;
    font-size: 28px;
    line-height: 1;
    text-align: center;
}
@media print, screen and (min-width: 62.5em) {
    .promo__title {
        font-size: 50px;
        line-height: 50px;
    }
}
.promo__title span {
    color: #0abab5;
}
.promo__description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    color: #fff;
}
@media print, screen and (min-width: 62.5em) {
    .promo__description {
        margin-top: 20px;
    }
}
.promo__discount {
    display: block;
    margin-right: 6px;
    position: relative;
    color: #0abab5;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
    white-space: nowrap;
}
@media print, screen and (min-width: 62.5em) {
    .promo__discount {
        margin-right: 11px;
        font-size: 50px;
    }
}
.promo__before {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    color: #fff;
    font-size: 7px;
    line-height: 1;
    text-transform: uppercase;
}
@media print, screen and (min-width: 62.5em) {
    .promo__before {
        top: 17px;
        font-size: 13px;
    }
}
.promo__label {
    display: block;
    width: 83px;
    color: #fff;
    font-size: 10px;
    line-height: 1.4;
}
@media print, screen and (min-width: 62.5em) {
    .promo__label {
        width: 147px;
        font-size: 17px;
    }
}
.promo__button {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
}
@media print, screen and (min-width: 62.5em) {
    .promo__button {
        width: calc(100% - 27px);
        height: auto;
        margin: 40px auto;
        padding: 7px 20px;
        position: static;
        background-color: #fff;
        opacity: 1;
        color: #001617;
        font-size: 14px;
        font-weight: 700;
        line-height: 1.8;
        letter-spacing: 0.005em;
        text-align: center;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
        cursor: pointer;
    }
    .promo__button:hover {
        background-color: #0abab5;
        color: #fff;
    }
}
.reveal {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    overflow-y: auto;
    position: relative;
    z-index: 1000;
}
@media print, screen and (min-width: 48em) {
    .reveal {
        max-width: 680px;
        height: auto;
    }
}
@media print, screen and (min-width: 62.5em) {
    .reveal {
        overflow-y: visible;
    }
}
.reveal-overlay {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1005;
    background-color: rgba(0, 22, 23, 0.5);
    overflow-y: auto;
}
.reveal-box {
    height: 100%;
}
@media print, screen and (min-width: 48em) {
    .reveal-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 100%;
        padding: 20px 0;
    }
}
.access {
    display: none;
    -webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
    padding: 20px 23px 40px;
    height: 100%;
    min-height: 480px;
    background: #6fe2df url(../svg/access.svg) 0 -40px no-repeat;
    background-size: 100% auto;
}
.is-reveal-open .access {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}
@media print, screen and (min-width: 48em) {
    .access {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding: 50px;
        min-height: 600px;
        border-radius: 10px;
        -webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
        box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
        background-position: 138px -20px;
        background-size: auto;
    }
    .is-reveal-open .access {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left;
    }
}
.access__holder {
    width: 100%;
}
@media print, screen and (min-width: 48em) {
    .access__holder {
        max-width: 320px;
    }
}
.access__description {
    display: block;
    max-width: 300px;
    margin: 30px auto 0;
    font-size: 17px;
    line-height: 1;
}
@media print, screen and (min-width: 48em) {
    .access__description {
        margin-top: 30px;
        max-width: none;
        font-size: 24px;
        line-height: 1;
    }
}
.access__button {
    margin-top: 30px;
}
.catalog {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .catalog {
        margin-top: 30px;
    }
}
.catalog__row img {
    display: block;
    margin: 10px auto 0;
}
@media print, screen and (min-width: 48em) {
    .catalog__row {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .catalog__row img {
        width: 190px;
        margin: 0 20px 0 0;
    }
}
.catalog__description {
    margin-top: 20px;
    position: relative;
}
@media print, screen and (min-width: 48em) {
    .catalog__description {
        width: calc(100% - 210px);
        margin-top: 0;
    }
}
.catalog__output {
    max-height: 244px;
    overflow: hidden;
}
@media print, screen and (min-width: 62.5em) {
    .catalog__output {
        max-height: 190px;
    }
}
.catalog__output.is-opened {
    max-height: inherit;
}
.catalog__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px -10px 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media print, screen and (min-width: 62.5em) {
    .catalog__list {
        margin: 10px -10px 0;
    }
    .catalog__list_type_list {
        margin: 20px 0 30px;
    }
}
.catalog__list:first-child {
    margin-top: -30px;
}
@media print, screen and (min-width: 62.5em) {
    .catalog__list:first-child {
        margin-top: -30px;
    }
    .catalog__list:first-child.catalog__list_type_list {
        margin-top: -20px;
    }
}
.catalog__title {
    display: block;
    font-size: 17px;
    line-height: 1.4;
}
@media print, screen and (min-width: 62.5em) {
    .catalog__title {
        font-size: 40px;
    }
}
.catalog font.notetext {
    color: #001617;
}
@media screen and (min-width: 80em) {
    .top {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: baseline;
        -webkit-align-items: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.top + p {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .top + p {
        margin-top: 40px;
    }
}
.catalog__row + .top {
    margin-top: 20px;
}
.top__holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media print, screen and (min-width: 62.5em) {
    .top__holder {
        margin-top: 10px;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .top__holder:only-child {
        width: 100%;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}
.top__filter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    color: #001617;
    font-size: 13px;
    line-height: 1.4;
}
.top__filter:before {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    background: url(../svg/filter.svg) no-repeat;
    content: "";
}
.view {
    margin-left: 30px;
}
.view__button {
    width: 13px;
    height: 13px;
    margin-right: 20px;
    color: #0abab5;
    cursor: pointer;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
.view__button:hover {
    color: #001617;
}
.view__button:last-child {
    width: 16px;
    margin-right: 0;
}
.view__button.is-active {
    color: #001617;
    cursor: default;
}
.view__button svg {
    width: 100%;
    height: 100%;
    position: static;
}
.card {
    margin-top: 20px;
}
@media print, screen and (min-width: 48em) {
    .card {
        margin-top: 50px;
    }
}
@media print, screen and (min-width: 62.5em) {
    .card {
        margin-top: 40px;
    }
}
.card__holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.card__gallery {
    margin: 20px -4px 0;
    position: relative;
}
.card__gallery .sp-thumbnail-container .sp-thumbnail {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    margin-top: 0 !important;
}
@media print, screen and (min-width: 62.5em) {
    .card__gallery {
        margin-top: 0;
    }
}
.card__image {
    width: 100%;
    max-width: 400px;
}
@media print, screen and (min-width: 48em) {
    .card__image {
        width: calc(50% - 10px);
        margin-right: 20px;
    }
}
@media print, screen and (min-width: 62.5em) {
    .card__image {
        width: 100%;
        margin: 0;
        max-width: none;
    }
}
.card__helper {
    width: 100%;
    padding-top: 100%;
    position: relative;
}
.card__helper img {
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.card__aside {
    width: 100%;
    max-width: 400px;
    margin-top: 30px;
    padding: 20px 20px 15px;
    border: 1px solid #c2c2c2;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    position: relative;
}
@media print, screen and (min-width: 48em) {
    .card__aside {
        width: calc(50% - 10px);
        margin-top: 0;
    }
}
@media print, screen and (min-width: 62.5em) {
    .card__aside {
        width: 100%;
        padding: 30px;
        position: -webkit-sticky;
        position: sticky;
        top: 100px;
    }
}
.card__prices {
    display: block;
    margin-top: 10px;
}
.card__price {
    display: inline-block;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.4;
    vertical-align: baseline;
}
.card__price:not(:last-child) {
    margin-right: 10px;
}
@media print, screen and (min-width: 62.5em) {
    .card__price {
        font-size: 30px;
        line-height: 1.33;
    }
}
.card__old {
    display: inline-block;
    margin-bottom: 5px;
    color: #8c8e8e;
    font-size: 18px;
    line-height: 1.17;
    text-decoration: line-through;
    vertical-align: middle;
}
.card__old:not(:last-child) {
    margin-right: 10px;
}
@media print, screen and (min-width: 62.5em) {
    .card__old {
        margin-bottom: 10px;
    }
}
.card__wholesale {
    display: inline-block;
    margin-bottom: 0;
    color: #8c8e8e;
    font-size: 12px;
    line-height: 1.14;
    vertical-align: middle;
}
@media print, screen and (min-width: 62.5em) {
    .card__wholesale {
        margin-bottom: 5px;
    }
}
.card__block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 30px;
}
.card__block + .card__block {
    margin-top: 10px;
}
.card__label {
    display: block;
    width: 80px;
    margin-right: 10px;
    padding-top: 4px;
    font-size: 16px;
    line-height: 1.5;
}
.card__strengths,
.card__volumes,
.card__years {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: calc(100% - 90px);
    margin-top: -10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    line-height: 1.57;
}
.card__strength,
.card__volume,
.card__year {
    display: block;
    min-width: 54px;
    margin-top: 10px;
    margin-right: 10px;
    padding: 4px 6px;
    border: 1px solid #c2c2c2;
    color: #001617;
    text-align: center;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.card__strength:last-child,
.card__volume:last-child,
.card__year:last-child {
    margin-right: 0;
}
@media print, screen and (min-width: 62.5em) {
    .card__strength:not(.is-active):hover,
    .card__volume:not(.is-active):hover,
    .card__year:not(.is-active):hover {
        border-color: #0abab5;
        background: #0abab5;
        color: #fff;
    }
}
.card__strength.is-active,
.card__volume.is-active,
.card__year.is-active {
    border-color: rgba(10, 186, 181, 0.03);
    background: rgba(10, 186, 181, 0.3);
}
.card__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% + 5px);
    margin-top: 20px;
    margin-right: -5px;
}
@media print, screen and (min-width: 62.5em) {
    .card__wrapper {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media screen and (min-width: 78.125em) {
    .card__wrapper {
        margin-right: 0;
        width: 100%;
    }
}
.card__wrapper .button,
.card__wrapper .form-wrapper input[name="code_submit_button"],
.form-wrapper .card__wrapper input[name="code_submit_button"] {
    margin-right: 5px;
}
@media screen and (min-width: 78.125em) {
    .card__wrapper .button,
    .card__wrapper .form-wrapper input[name="code_submit_button"],
    .form-wrapper .card__wrapper input[name="code_submit_button"] {
        margin-right: 0;
    }
}
.card__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 130px;
    height: 54px;
    margin-right: 10px;
    border: 1px solid #c2c2c2;
}
@media print, screen and (min-width: 62.5em) {
    .card__form {
        width: calc(100% - 5px);
        margin-top: 10px;
        margin-right: 5px;
    }
}
@media screen and (min-width: 78.125em) {
    .card__form {
        width: 130px;
        margin-right: 10px;
    }
}
.card__form input {
    width: calc(100% - 60px);
    border: none;
    font-size: 18px;
    line-height: 1.44;
    text-align: center;
    -moz-appearance: textfield;
    appearance: textfield;
}
.card__form input::-webkit-inner-spin-button,
.card__form input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.card__minus,
.card__plus {
    width: 30px;
    height: 100%;
    padding: 19px 0;
    border-radius: 0;
    color: #001617;
    text-align: left;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    cursor: pointer;
}
@media print, screen and (min-width: 62.5em) {
    .card__minus:hover,
    .card__plus:hover {
        color: #0abab5;
    }
    .card__minus:hover svg,
    .card__plus:hover svg {
        color: #0abab5;
    }
}
.card__minus svg,
.card__plus svg {
    width: 14px;
    height: 14px;
    color: #001617;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
.card__minus {
    padding-left: 14px;
}
.card__plus {
    padding-right: 14px;
}
.card__action {
    width: calc(100% - 140px);
    min-width: 130px;
    height: 54px;
    font-size: 16px;
    line-height: 1.5;
}
@media print, screen and (min-width: 62.5em) {
    .card__action {
        width: calc(100% - 5px);
        margin-top: 10px;
        margin-right: 5px;
    }
}
@media screen and (min-width: 78.125em) {
    .card__action {
        width: calc(100% - 140px);
        margin-right: 0;
    }
}
.card__action_type_check {
    min-width: 150px;
    padding: 14px 10px;
}
.card__oneclick {
    display: block;
    width: 100%;
    height: 54px;
    margin-top: 10px;
    font-size: 16px;
    line-height: 1.5;
}
.card__fav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #0abab5;
    font-size: 14px;
    line-height: 1.57;
    cursor: pointer;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
.card__fav_type_active {
    color: #0abab5;
}
@media print, screen and (min-width: 62.5em) {
    .card__fav:hover {
        color: #001617;
    }
}
.card__fav svg {
    width: 20px;
    height: 20px;
}
.card__fav span {
    display: block;
    margin-left: 10px;
}
.card__right {
    margin-top: 0;
}
@media print, screen and (min-width: 62.5em) {
    .card__right {
        margin-top: 10px;
    }
}
.card__section {
    max-width: 400px;
    margin-top: 10px;
}
@media print, screen and (min-width: 62.5em) {
    .card__section {
        margin-top: 30px;
    }
}
.card__section:first-child {
    margin-top: 0;
}
.card__subtitle {
    display: block;
    font-size: 18px;
    line-height: 1.44;
}
.card__tech {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px -10px 0;
    font-size: 14px;
    line-height: 1.57;
}
.card__row {
    width: calc(50% - 20px);
    margin: 5px 10px 0;
    color: #001617;
    font-size: 13px;
    line-height: 1.62;
}
@media print, screen and (min-width: 62.5em) {
    .card__row {
        font-size: 15px;
        line-height: 1.53;
    }
}
.card__transcription {
    display: block;
    color: #8c8e8e;
    font-size: 12px;
    line-height: 1.4;
}
.card__name {
    font-weight: 700;
}
.card__value a {
    border-bottom: 1px solid #001617;
    color: #001617;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .card__value a:hover {
        border-color: #0abab5;
        color: #0abab5;
    }
}
.card__title {
    display: block;
    max-width: 100%;
    margin-top: 6px;
    font-size: 17px;
    line-height: 1.44;
    font-weight: bold;
}
@media print, screen and (min-width: 62.5em) {
    .card__title {
        margin-top: 6px;
        font-size: 24px;
        line-height: 1.4;
    }
}
.card__title:first-child {
    margin-top: 0;
}
.card__output {
    margin-top: 15px;
}
@media print, screen and (min-width: 62.5em) {
    .card__output {
        margin-top: 30px;
    }
}
.card__description {
    margin-top: 30px;
}
@media print, screen and (min-width: 62.5em) {
    .card__description {
        margin-top: 60px;
    }
}
.card__degustation {
    margin-top: -5px;
    font-size: 14px;
    line-height: 1.43;
}
@media print, screen and (min-width: 48em) {
    .card__degustation {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        -moz-column-gap: 20px;
        -webkit-column-gap: 20px;
        column-gap: 20px;
        -moz-column-fill: balance;
        -webkit-column-fill: balance;
        column-fill: balance;
    }
}
@media print, screen and (min-width: 62.5em) {
    .card__degustation {
        font-size: 16px;
        line-height: 1.5;
        -moz-column-gap: 30px;
        -webkit-column-gap: 30px;
        column-gap: 30px;
    }
}
.card__item {
    display: block;
    width: 100%;
    margin-top: 20px;
}
@media print, screen and (min-width: 48em) {
    .card__item {
        display: inline-block;
    }
}
@media print, screen and (min-width: 62.5em) {
    .card__item {
        margin-top: 25px;
    }
}
.card__item span:first-child {
    display: block;
    color: #8c8e8e;
    font-size: 12px;
    line-height: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .card__item span:first-child {
        font-size: 14px;
        line-height: 24px;
    }
}
.card__item span:last-child {
    display: block;
}
.card__unavailable {
    display: block;
    font-size: 20px;
    line-height: 1.4;
}
.card__signs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.card__sign {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 10px;
    margin-right: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #001617;
    font-size: 16px;
    line-height: 1.5;
}
.card__sign img {
    width: 40px;
    margin-right: 5px;
}
.card__fav-added {
    padding: 6px 12px;
    border-radius: 5px;
    position: absolute;
    bottom: 45px;
    left: -3px;
    z-index: 10;
    background: #001617;
    color: #fff;
    font-size: 12px;
    line-height: 1.33;
    white-space: nowrap;
}
@media print, screen and (min-width: 62.5em) {
    .card__fav-added {
        bottom: 60px;
        left: 7px;
    }
}
.card__fav-added a {
    color: #0abab5;
}
@media print, screen and (min-width: 62.5em) {
    .card__fav-added a:hover {
        color: #fff;
    }
}
.card__availability {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 16px;
    margin-top: 24px;
    position: relative;
    font-size: 12px;
    line-height: 1.4;
}
.card__availability:before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 0;
    content: "";
}
.card__availability.available {
    color: #0abab5;
}
.card__availability.available:before {
    background-color: #0abab5;
}
.card__availability.notavailable {
    color: #df3232;
}
.card__availability.notavailable:before {
    background-color: #df3232;
}
.card__availability.expected {
    color: #ffb942;
}
.card__availability.expected:before {
    background-color: #ffb942;
}
@media print, screen and (min-width: 62.5em) {
    .card__availability {
        margin-top: 20px;
    }
}
.card__buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 14px;
}
@media print, screen and (min-width: 62.5em) {
    .card__buttons {
        margin-top: 10px;
    }
}
.card__buttons [data-entity="main-button-container"] {
    width: 100%;
}
@media print, screen and (min-width: 62.5em) {
    .card__buttons [data-entity="main-button-container"] {
        width: auto;
    }
}
.card__button {
    width: calc(50% - 8px);
}
.card__button:not(:last-child) {
    margin-right: 8px;
}
@media print, screen and (min-width: 62.5em) {
    .card__button {
        width: auto;
        min-width: 190px;
    }
    .card__button:not(:last-child) {
        min-width: unset;
        margin-right: 10px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}
@media screen and (min-width: 80em) {
    .card__button:not(:last-child) {
        min-width: 190px;
        margin-right: 20px;
        -webkit-box-flex: unset;
        -webkit-flex-grow: unset;
        -ms-flex-positive: unset;
        flex-grow: unset;
    }
}
.card__vendor {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 10px 4px;
    border-radius: 4px;
    background: rgba(212, 213, 213, 0.5);
    color: #001617;
    font-size: 13px;
    line-height: 1.15;
}
.card__vendor span {
    margin-right: 2px;
    color: #8c8e8e;
}
.card__vendor:not(:last-child) {
    margin-right: 10px;
}
.card__like:not(:last-child) {
    margin-right: 15px;
}
.card__badges {
    display: block;
    padding-top: 31px;
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 11;
    font-size: 13px;
    font-weight: 700;
    line-height: 1.4;
}
@media print, screen and (min-width: 62.5em) {
    .card__badges {
        top: 25px;
        left: 105px;
    }
}
.card__new {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 8px 2px 24px;
    position: absolute;
    top: 10px;
    left: 0;
    color: #0abab5;
}
.card__offer,
.card__sale {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 8px 2px 24px;
    margin-top: 6px;
    min-width: 90px;
    border-radius: 0 2px 2px 0;
    background-color: #0abab5;
    color: #fff;
}
.card__counter {
    width: 100%;
    margin-bottom: 10px;
}
@media print, screen and (min-width: 62.5em) {
    .card__counter {
        width: auto;
        margin-bottom: 0;
    }
}
.sp-slides-container {
    -webkit-box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    border-radius: 8px;
}
.sp-thumbnails {
    display: none;
}
@media print, screen and (min-width: 62.5em) {
    .sp-thumbnails {
        display: block;
    }
}
.sp-thumbnails-container {
    padding: 0 8px 8px;
    margin-left: -8px;
    margin-right: 0;
    margin-right: 12px;
}
@media print, screen and (min-width: 62.5em) {
    .sp-thumbnails-container {
        display: block;
    }
}
.sp-thumbnail-container {
    border-radius: 8px;
    cursor: pointer;
}
.sp-thumbnail-container.sp-selected-thumbnail {
    border: 2px solid #0abab5;
}
.sp-thumbnail-container::after,
.sp-thumbnail-container::before {
    display: none;
}
.sp-left-thumbnails .sp-thumbnail-container {
    margin: 10px 0;
    -webkit-box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
}
.sp-buttons {
    margin-top: -6px;
}
.sp-button {
    width: 16px;
    height: 2px;
    margin: 0 4px;
    border: 0;
    border-radius: 50px;
    opacity: 0.2;
}
.sp-button.sp-selected-button {
    background: #0abab5;
    opacity: 1;
}
.sp-buttons {
    display: block;
    width: 100%;
    margin: 16px 0 0;
    padding: 0;
    height: 8px;
    text-align: center;
    list-style: none;
}
.sp-button {
    display: inline-block;
    margin: 0 5px;
    vertical-align: top;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #8c8e8e;
    opacity: 1;
    font-size: 0;
    vertical-align: top;
    cursor: pointer;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.sp-button.sp-selected-button {
    width: 20px;
    border-radius: 20px;
    background-color: #0abab5;
    cursor: default;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.sp-button:last-child {
    margin-right: 0;
}
.sp-image-container > a {
    cursor: -webkit-zoom-in;
    cursor: zoom-in;
}
.slider-pro {
    visibility: hidden;
}
.slider-pro.sp-horizontal {
    visibility: visible;
}
.counter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 20px;
}
.counter input {
    width: 92px;
    height: 32px;
    padding: 0;
    border: 1px solid rgba(212, 213, 213, 0.5);
    border-radius: 4px;
    margin: 0 4px;
    font-size: 16px;
    line-height: 1.15;
    text-align: center;
    -moz-appearance: textfield;
    appearance: textfield;
}
.counter input::-webkit-inner-spin-button,
.counter input::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
.counter__minus,
.counter__plus {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    border-radius: 50%;
    border: 1px solid rgba(212, 213, 213, 0.5);
    color: #8c8e8e;
    text-align: left;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    cursor: pointer;
    z-index: 2;
}
@media print, screen and (min-width: 62.5em) {
    .counter__minus:hover,
    .counter__plus:hover {
        color: #0abab5;
    }
    .counter__minus:hover svg,
    .counter__plus:hover svg {
        color: #0abab5;
    }
}
.counter__minus svg,
.counter__plus svg {
    display: block;
    width: 10px;
    height: 10px;
    color: #8c8e8e;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .counter__minus svg,
    .counter__plus svg {
        width: 14px;
        height: 14px;
    }
}
.options {
    margin-top: 20px;
}
.options__title {
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.53;
}
.options__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -16px;
    padding: 0 11px;
    list-style: none;
    overflow-x: auto;
}
@media print, screen and (min-width: 62.5em) {
    .options__list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: inherit;
    }
}
.options__item {
    min-width: 140px;
    margin: 10px 5px 0;
    font-size: 13px;
}
.options__item a {
    display: block;
    height: 100%;
    padding: 10px;
    border: 1px solid rgba(194, 194, 194, 0.5);
    border-radius: 2px;
    color: #001617;
    -webkit-transition: border-color 0.25s;
    transition: border-color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .options__item a:hover {
        border-color: #001617;
        -webkit-transition: border-color 0.25s;
        transition: border-color 0.25s;
    }
}
.options__item.current a {
    border-color: #0abab5;
}
.options__availability {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 16px;
    margin-top: 10px;
    position: relative;
    line-height: 1.4;
}
.options__availability:before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 4px;
    left: 0;
    content: "";
}
.options__availability.available {
    color: #0abab5;
}
.options__availability.available:before {
    background-color: #0abab5;
}
.options__availability.notavailable {
    color: #df3232;
}
.options__availability.notavailable:before {
    background-color: #df3232;
}
.options__availability.expected {
    color: #8c8e8e;
}
.options__availability.expected:before {
    background-color: #ffb942;
}
.rating {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.rating__holder {
    display: block;
    width: 80px;
    height: 16px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    background: url(../svg/rating/rating.svg);
    background-size: 80px 16px;
}
@media print, screen and (min-width: 62.5em) {
    .rating_size_big .rating__holder {
        width: 140px;
        height: 24px;
        margin-right: 0;
        background-image: url(../svg/rating/rating-big.svg);
        background-size: 140px 24px;
    }
}
.rating_type_vote .rating__holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    width: auto;
    height: 24px;
    background: 0 0;
}
.rating__fill {
    width: 100%;
    height: 16px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../svg/rating/rating-fill.svg) no-repeat;
    background-size: 80px 16px;
}
@media print, screen and (min-width: 62.5em) {
    .rating_size_big .rating__fill {
        height: 24px;
        background-image: url(../svg/rating/rating-fill-big.svg);
        background-size: 140px 24px;
    }
}
.rating__count {
    display: block;
    margin-top: 2px;
    font-size: 13px;
    line-height: 1.4;
}
.rating__count a {
    color: #17000b;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .rating__count a:hover {
        color: #0abab5;
    }
}
.rating label {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    position: relative;
    z-index: 2;
}
.rating label:hover svg,
.rating label:hover ~ label svg {
    fill: #0abab5;
    stroke: #0abab5;
}
.rating label svg {
    display: block;
    height: 100%;
    width: 100%;
    position: relative;
    cursor: pointer;
    stroke: rgba(140, 142, 142, 0.3);
    fill: rgba(140, 142, 142, 0.5);
}
.rating__input {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    opacity: 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    margin: 0;
    margin-right: 5px;
    padding: 0;
    z-index: 1;
    position: absolute;
    left: 116px;
    cursor: pointer;
}
.rating__input:first-of-type {
    margin: 0;
}
.rating__input:checked + svg,
.rating__input:hover + svg {
    fill: #0abab5;
    stroke: #0abab5;
}
.rating__input ~ .rating__input {
    left: 87px;
}
.rating__input ~ .rating__input ~ .rating__input {
    left: 58px;
}
.rating__input ~ .rating__input ~ .rating__input ~ .rating__input {
    left: 29px;
}
.rating__input
    ~ .rating__input
    ~ .rating__input
    ~ .rating__input
    ~ .rating__input {
    left: 0;
}
.rating__input:checked ~ label > svg {
    fill: #0abab5;
    stroke: #0abab5;
}
.cart {
    margin-top: 14px;
}
@media print, screen and (min-width: 62.5em) {
    .cart {
        margin-top: 30px;
    }
}
.cart__clear {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #001617;
    font-size: 15px;
    line-height: 1;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
.cart__clear svg {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 6px;
    margin-top: -2px;
    color: #8c8e8e;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .cart__clear {
        font-size: 17px;
        cursor: pointer;
    }
    .cart__clear:hover {
        color: #0abab5;
        -webkit-transition: color 0.25s;
        transition: color 0.25s;
    }
    .cart__clear:hover svg {
        color: #0abab5;
        -webkit-transition: color 0.25s;
        transition: color 0.25s;
    }
}
.cart__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 15px;
}
.cart__heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.cart__heading h1 {
    font-size: 24px;
    line-height: 1.4;
}
.cart__heading h1:not(:last-child) {
    margin-right: 8px;
}
.cart__heading span {
    color: #8c8e8e;
    font-size: 17px;
    font-weight: 400;
    line-height: 1;
}
.cart__note {
    display: block;
    font-size: 14px;
    line-height: 1.43;
}
@media print, screen and (min-width: 62.5em) {
    .cart__note {
        font-size: 16px;
        line-height: 1.5;
    }
}
.cart__button {
    margin-top: 20px;
}
@media print, screen and (min-width: 48em) {
    .cart__empty .cart__button {
        width: auto;
        min-width: 160px;
        margin-top: 20px;
    }
}
@media print, screen and (min-width: 62.5em) {
    .cart__button {
        margin-top: 30px;
    }
    .cart__empty .cart__button {
        margin-top: 20px;
    }
}
.cart__list {
    margin: 0 -6px;
}
@media print, screen and (min-width: 62.5em) {
    .cart__list {
        -webkit-box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
        box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
        border-radius: 8px;
        padding: 0 10px;
        margin: 0;
    }
}
.cart__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    position: relative;
}
@media print, screen and (min-width: 62.5em) {
    .cart__item {
        padding: 15px 0;
    }
    .cart__item:first-child {
        padding-top: 10px;
    }
    .cart__item:last-child {
        padding-bottom: 10px;
    }
}
.cart__item:not(:first-child) {
    border-top: 1px solid #d4d5d5;
}
.cart__image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 130px;
    height: 130px;
    margin-right: 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media print, screen and (min-width: 62.5em) {
    .cart__image {
        margin-right: 20px;
    }
}
.cart__image img {
    max-height: 130px;
}
.cart__close {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 8px;
    right: 0;
    color: #8c8e8e;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
    cursor: pointer;
}
@media print, screen and (min-width: 48em) {
    .cart__close {
        top: 10px;
        right: 0;
    }
}
@media print, screen and (min-width: 62.5em) {
    .cart__close:hover {
        color: #0abab5;
    }
}
.cart__close svg {
    display: block;
    width: 100%;
    height: 100%;
}
.cart__wrapper {
    width: calc(100% - 142px);
    padding-right: 30px;
}
@media print, screen and (min-width: 62.5em) {
    .cart__wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: calc(100% - 150px);
        padding: 0;
    }
}
@media print, screen and (min-width: 62.5em) {
    .cart__helper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 46%;
        padding: 0;
        margin-right: 20px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
}
.cart__info {
    font-size: 13px;
    line-height: 1.4;
}
.cart__vendor {
    display: none;
}
@media print, screen and (min-width: 62.5em) {
    .cart__vendor {
        display: block;
        font-size: 13px;
        line-height: 1.4;
    }
    .cart__vendor span {
        color: #8c8e8e;
    }
}
.cart__counter {
    max-width: 140px;
    margin-top: 17px;
}
@media print, screen and (min-width: 62.5em) {
    .cart__counter {
        margin-top: 0;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
}
.cart__title {
    display: block;
    color: #001617;
    font-size: 14px;
    line-height: 1.29;
}
@media print, screen and (min-width: 62.5em) {
    .cart__title {
        font-size: 17px;
        line-height: 1.4;
    }
    .cart__empty .cart__title {
        margin-top: 20px;
        font-weight: 700;
    }
}
.cart__title a {
    color: #001617;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .cart__title a:hover {
        color: #0abab5;
    }
}
@media print, screen and (min-width: 62.5em) {
    .cart__prices {
        min-width: 200px;
        padding-right: 40px;
        text-align: right;
    }
}
@media print, screen and (min-width: 62.5em) and (min-width: 62.5em) {
    .cart__prices {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
}
.cart__price {
    margin-right: 5px;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.4;
}
@media print, screen and (min-width: 62.5em) {
    .cart__price {
        display: block;
        margin-right: 0;
        font-size: 18px;
        line-height: 1.4;
    }
}
.cart__old {
    color: #8c8e8e;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: line-through;
}
@media print, screen and (min-width: 62.5em) {
    .cart__old {
        display: block;
    }
}
.cart__empty {
    padding: 60px 0 0;
    color: #8c8e8e;
    font-size: 13px;
    line-height: 1.18;
    text-align: center;
}
.cart__empty > span {
    display: block;
}
.cart__empty > span:last-of-type {
    margin-top: 11px;
}
.cart__about {
    margin-top: 20px;
    color: #001617;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.18;
}
.cart__button {
    width: 100%;
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .cart__button {
        width: auto;
        min-width: 160px;
        margin-top: 30px;
    }
}
.cart__aside {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .cart__aside {
        margin-top: 48px;
        position: -webkit-sticky;
        position: sticky;
        top: 20px;
    }
}
.cart__badges {
    display: block;
    padding-top: 22px;
    position: absolute;
    top: 0;
    left: -10px;
    z-index: 11;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.1;
}
.cart__new {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8px 0 0;
    position: absolute;
    top: 10px;
    left: 0;
    color: #0abab5;
}
.cart__offer,
.cart__sale {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 8px 7px 8px;
    margin-top: 4px;
    min-width: 47px;
    border-radius: 2px;
    background-color: #0abab5;
    color: #fff;
}
.aside {
    -webkit-box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    border-radius: 4px;
    padding: 15px 16px;
}
.cart .aside {
    margin: 10px -6px 0;
    border-radius: 8px;
}
@media print, screen and (min-width: 48em) {
    .cart .aside {
        margin: 0;
    }
}
.checkout .aside {
    margin-top: 40px;
}
@media print, screen and (min-width: 62.5em) {
    .checkout .aside {
        margin-top: 0;
    }
}
.aside__body {
    padding: 20px 20px 30px;
}
@media print, screen and (min-width: 62.5em) {
    .aside__body {
        padding: 30px;
    }
}
.checkout .aside__body {
    padding: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .checkout .aside__body {
        padding: 30px;
    }
}
.aside__title {
    display: block;
    font-size: 26px;
    line-height: 1.31;
}
.aside__wrapper {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .aside__wrapper {
        margin-top: 20px;
    }
}
.aside__line {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media print, screen and (min-width: 62.5em) {
    .aside__line {
        font-size: 16px;
        line-height: 1.5;
    }
}
.aside__line_type_discount span:last-child {
    color: #0abab5;
}
.aside__line span:last-child {
    margin-left: 10px;
    text-align: right;
}
.aside__list {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .aside__list {
        margin-top: 30px;
    }
}
.aside__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}
.aside__item:first-child {
    margin-top: 0;
}
.aside__image {
    display: block;
    width: 60px;
    margin-right: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .aside__image {
        margin-right: 30px;
    }
}
.aside__image img {
    width: 100%;
}
.aside__right {
    width: calc(100% - 80px);
}
@media print, screen and (min-width: 62.5em) {
    .aside__right {
        width: calc(100% - 90px);
    }
}
.aside__name {
    display: block;
    font-size: 14px;
    line-height: 1.43;
}
.aside__name a {
    color: #001617;
}
@media print, screen and (min-width: 62.5em) {
    .aside__name a {
        -webkit-transition: color 0.25s;
        transition: color 0.25s;
    }
    .aside__name a:hover {
        color: #0abab5;
    }
}
.aside__price {
    display: block;
    font-size: 16px;
    line-height: 1.25;
}
.aside__bottom {
    padding: 20px;
    border-top: 1px solid #c2c2c2;
}
@media print, screen and (min-width: 62.5em) {
    .aside__bottom {
        padding: 20px 30px 30px;
    }
}
.aside__holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 26px;
    line-height: 1.31;
}
@media print, screen and (min-width: 62.5em) {
    .aside__holder {
        font-size: 26px;
        line-height: 1.31;
    }
}
.aside__total {
    margin-left: 10px;
    text-align: right;
}
.aside__button {
    margin-top: 10px;
}
.aside__row {
    margin-top: 15px;
}
.approve {
    padding: 20px 20px 20px 48px;
    border-radius: 8px;
    position: relative;
    background: rgba(229, 229, 229, 0.5);
}
.approve:not(:first-child) {
    margin-top: 11px;
}
.approve:before {
    width: 24px;
    height: 24px;
    position: absolute;
    top: calc(50% - 12px);
    left: 15px;
    background: url(../svg/approve.svg) no-repeat;
    content: "";
}
.approve__title {
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.07;
}
.approve__about {
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.4;
}
.checkout {
    margin: 40px -6px 0;
}
@media print, screen and (min-width: 62.5em) {
    .checkout {
        margin: 60px 0 0;
    }
}
@media print, screen and (min-width: 48em) {
    .checkout__tabs {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 14px -10px 0;
    }
}
.checkout__tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    -webkit-box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    border-radius: 8px;
    padding: 14px 20px;
    border: 2px solid transparent;
}
.checkout__tab.current {
    border-color: #0abab5;
    background-color: rgba(229, 229, 229, 0.5);
}
@media print, screen and (min-width: 48em) {
    .checkout__tab {
        width: calc(50% - 20px);
        margin: 0 10px;
    }
}
@media print, screen and (min-width: 62.5em) {
    .checkout__tab {
        cursor: pointer;
    }
}
.checkout__section {
    -webkit-box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    border-radius: 8px;
    padding: 10px 20px;
}
.checkout__holder {
    width: calc(100% - 74px);
    padding-left: 20px;
}
.checkout__holder span {
    display: block;
}
.checkout__note {
    font-size: 13px;
    line-height: 1.4;
}
.checkout__note_color_light {
    color: #8c8e8e;
}
.current .checkout__note:not(.checkout__note_color_light) {
    color: #0abab5;
}
.checkout__heading {
    font-size: 17px;
    line-height: 1.4;
}
@media print, screen and (min-width: 62.5em) {
    .checkout__heading {
        font-size: 24px;
    }
}
.checkout__title {
    margin-bottom: 10px;
    font-size: 17px;
    line-height: 1.4;
}
.checkout__content {
    margin-top: 20px;
}
.checkout__form {
    margin-top: 20px;
    padding-bottom: 10px;
}
@media print, screen and (min-width: 62.5em) {
    .checkout__form {
        margin-top: 0;
        padding-bottom: 18px;
    }
}
.checkout__icon {
    display: block;
    width: 74px;
    max-height: 70px;
    color: #001617;
}
.current .checkout__icon {
    color: #0abab5;
}
.map {
    -webkit-box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    border-radius: 8px;
    padding: 10px;
}
.map_page_main {
    margin: 0 -7px;
    padding: 10px 0 0 20px;
}
@media print, screen and (min-width: 62.5em) {
    .map_page_main {
        padding: 20px;
    }
}
.map_page_main:not(:first-child) {
    margin-top: 40px;
}
@media print, screen and (min-width: 62.5em) {
    .map_page_main:not(:first-child) {
        margin-top: 60px;
    }
}
@media print, screen and (min-width: 62.5em) {
    .map {
        padding: 20px 10px;
    }
}
.map_type_account {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
}
.map__title {
    display: block;
    font-size: 17px;
    line-height: 1.4;
}
@media print, screen and (min-width: 62.5em) {
    .map__title {
        margin-left: 10px;
        font-size: 24px;
    }
}
.map__holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .map__holder {
        margin-top: 30px;
    }
}
.map__column {
    display: none;
    width: 100%;
}
@media print, screen and (min-width: 48em) {
    .map__column {
        display: block;
        width: 50%;
    }
    .map_page_main .map__column {
        width: 58.3%;
    }
}
.map__column:first-child {
    display: block;
    padding: 0;
}
.map_type_account .map__column:first-child {
    padding-left: 0;
    position: relative;
}
.map_type_account .map__column:first-child:after {
    width: calc(100% - 24px);
    height: 36px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(255, 255, 255, 0)),
        color-stop(92.13%, #fff)
    );
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 92.13%);
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
}
@media print, screen and (min-width: 48em) {
    .map__column:first-child {
        padding: 0 20px 0 10px;
    }
    .map_page_main .map__column:first-child {
        width: 41.7%;
    }
}
.map__wrapper {
    height: 100%;
    border-radius: 4px;
    overflow: hidden;
}
.map__list {
    max-height: 383px;
    overflow-y: auto;
    padding-right: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .map__list {
        padding-right: 0;
        max-height: 403px;
        scrollbar-color: #cdcdcd #f2f2f2;
        scrollbar-width: thin;
    }
    .map__list::-webkit-scrollbar {
        width: 4px;
    }
    .map__list::-webkit-scrollbar-track {
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
        background-color: #f2f2f2;
    }
    .map__list::-webkit-scrollbar-thumb {
        width: 4px;
        background: #cdcdcd;
        border-radius: 10px;
    }
}
.map__item:last-child {
    margin-bottom: 20px;
}
.map__item:not(:first-child) {
    margin-top: 45px;
}
.map__button {
    margin-top: 30px;
}
.map__tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px 0 0;
    padding: 0;
    overflow-y: auto;
}
.map__tab {
    display: block;
    margin-left: 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid transparent;
    background: 0 0;
    color: #8c8e8e;
    font-size: 17px;
    line-height: 1.4;
    white-space: nowrap;
    -webkit-transition: border-color 0.25s;
    transition: border-color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .map__tab {
        display: block;
        margin-left: 50px;
        font-size: 24px;
        line-height: 1.4;
    }
}
.map__tab:first-child {
    margin-left: 0;
}
.map__tab.is-active {
    border-color: #0abab5;
    color: #001617;
}
.map #map {
    height: 383px;
}
@media print, screen and (min-width: 62.5em) {
    .map #map {
        height: 403px;
    }
}
.header__addresses .address {
    padding: 20px 0;
}
.header__addresses .address:not(:first-child) {
    border-top: 1px solid rgba(229, 229, 229, 0.5);
    padding: 20px 0;
}
@media print, screen and (min-width: 62.5em) {
    .header__addresses .address:first-child {
        padding-top: 0;
    }
}
.account__block .address {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .account__block .address {
        margin-top: 0;
    }
}
.address__holder {
    padding-left: 44px;
    font-size: 13px;
    line-height: 1.4;
}
.account__block .address__holder,
.header__addresses .address__holder {
    padding-left: 0;
    text-align: left;
}
.address__holder > span {
    display: block;
}
.address__holder > span:not(.address__title) {
    margin-top: 5px;
}
.address__holder > span.address__phone {
    margin-top: 10px;
    font-weight: 600;
}
.address .address__phone + .address__phone {
    margin-top: 5px;
}
.address__title {
    font-size: 17px;
    line-height: 1.4;
    font-weight: bold;
}
@media print, screen and (min-width: 62.5em) {
    .address__title {
        cursor: pointer;
    }
}
.address__phone a {
    color: #001617;
}
.address__phone a span {
    font-weight: 700;
}
.address__metro {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.address__station {
    margin-top: 5px;
    padding-left: 13px;
    position: relative;
}
.address__station:not(:last-child) {
    margin-right: 15px;
}
.address__station i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    position: absolute;
    top: 6px;
    left: 0;
    content: "";
}
.address__radio {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}
.address__check {
    display: block;
    width: 20px;
    height: 20px;
    border: 2px solid rgba(0, 0, 0, 0.54);
    border-radius: 50%;
    position: absolute;
    top: 2px;
    left: 2px;
}
.address__radio:checked + .address__check {
    border-color: #0abab5;
}
.address__radio:checked + .address__check:after {
    display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #0abab5;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
}
.address__label {
    display: block;
    position: relative;
    cursor: pointer;
}
.address__time {
    color: #8c8e8e;
}
.account {
    margin-top: 14px;
}
@media print, screen and (min-width: 62.5em) {
    .account {
        margin-top: 40px;
    }
}
.account__menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.account__menu li {
    color: #0abab5;
    font-size: 17px;
    line-height: 1;
}
.account__menu li:not(:first-child) {
    margin-top: 24px;
}
.account__menu li a {
    color: #001617;
}
@media print, screen and (min-width: 62.5em) {
    .account__menu li a:hover {
        color: #0abab5;
    }
}
.account__row > .columns {
    margin-top: 20px;
}
.account__wrapper {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.account__title {
    display: block;
    font-size: 17px;
    line-height: 1;
}
.account__block {
    height: 100%;
    padding: 20px;
    margin: 0 -6px;
    -webkit-box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    border-radius: 10px;
    font-size: 13px;
    line-height: 1.15;
}
@media print, screen and (min-width: 62.5em) {
    .account__block {
        padding: 30px;
        margin: 0;
    }
}
.account__button {
    width: 100%;
    margin-top: 20px;
}
@media print, screen and (min-width: 48em) {
    .account__button {
        width: auto;
    }
}
@media print, screen and (min-width: 62.5em) {
    .account__button {
        margin-top: 30px;
    }
}
.account__card {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-height: 166px;
    border-radius: 10px;
    padding: 20px;
    background-color: #6fe2df;
}
@media print, screen and (min-width: 62.5em) {
    .account__card {
        height: 100%;
        min-height: unset;
        padding: 30px;
    }
}
.account__info {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .account__info {
        margin-top: 30px;
    }
}
.account__info > span {
    display: block;
    color: #8c8e8e;
}
.account__info > span a,
.account__info > span span {
    color: #001617;
}
.account__info > span:not(:first-child) {
    margin-top: 10px;
}
@media print, screen and (min-width: 62.5em) {
    .account__info > span a:hover {
        color: #0abab5;
    }
}
.account__content {
    color: rgba(0, 22, 23, 0.4);
    font-size: 13px;
    line-height: 1.15;
}
.account__content > span {
    display: block;
    margin-top: 10px;
}
.account__content > span span {
    color: #001617;
}
@media print, screen and (min-width: 62.5em) {
    .account__holder {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.account__back {
    display: block;
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.15;
}
@media print, screen and (min-width: 62.5em) {
    .account__back {
        margin-top: 0;
    }
}
.account__back a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #001617;
    line-height: 1;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
.account__back a svg {
    width: 16px;
    height: 16px;
    margin-right: 8px;
    color: #001617;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .account__back a:hover {
        color: #0abab5;
    }
    .account__back a:hover svg {
        color: #0abab5;
    }
}
.history {
    margin: 20px -6px 0;
}
@media print, screen and (min-width: 48em) {
    .history {
        margin: 20px 0 0;
    }
}
@media print, screen and (min-width: 62.5em) {
    .history {
        margin-top: 30px;
    }
}
.history__row {
    padding: 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    background-color: #fff;
}
.history__row:not(:first-child) {
    margin-top: 10px;
}
.history__row.cancelled,
.history__row.finished {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #f2f2f2;
}
@media print, screen and (min-width: 62.5em) {
    .history__row {
        padding: 30px;
    }
}
@media print, screen and (min-width: 48em) {
    .history__holder {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.history__info {
    margin-top: 10px;
    color: #8c8e8e;
    font-size: 13px;
    line-height: 1.15;
}
.history__info > span {
    display: block;
}
.history__info > span span {
    color: #001617;
}
.history__info > span:not(:first-child) {
    margin-top: 10px;
}
@media print, screen and (min-width: 48em) {
    .history__info {
        margin-top: 0;
    }
}
.history__status {
    padding-left: 18px;
    position: relative;
    color: #001617;
    font-size: 15px;
    line-height: 1.53;
}
.history__status:before {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    top: 5px;
    left: 0;
    content: "";
}
.expected .history__status:before {
    background-color: #ffb942;
}
.finished .history__status:before {
    background-color: #0abab5;
}
.cancelled .history__status:before {
    background-color: #df3232;
}
.history__number {
    display: block;
    font-size: 20px;
    line-height: 1;
}
.history__block {
    padding: 15px 16px;
    -webkit-box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    box-shadow: 0 2px 8px rgba(53, 56, 57, 0.12);
    border-radius: 4px;
}
.history__block:not(:first-child) {
    margin-top: 10px;
}
.columns:not(:first-child) > .history__block:first-child {
    margin-top: 10px;
}
@media print, screen and (min-width: 62.5em) {
    .columns:not(:first-child) > .history__block:first-child {
        margin-top: 0;
    }
}
.history__about {
    margin-top: 20px;
    padding: 20px;
    background: rgba(229, 229, 229, 0.5);
    border-radius: 4px;
}
.history__title {
    display: block;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.18;
}
.history__contacts {
    margin: 10px 0 0;
    font-size: 15px;
    line-height: 1.53;
}
.history__address {
    width: calc(100% - 120px);
    padding: 2px 0;
    font-size: 20px;
    line-height: 1;
}
.history__address > span {
    display: block;
    margin-top: 5px;
    color: #8c8e8e;
    font-size: 13px;
    line-height: 1.15;
}
.history__button {
    margin-top: 20px;
    width: 100%;
}
@media print, screen and (min-width: 48em) {
    .history__button {
        width: auto;
        margin-top: 0;
    }
}
.history__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    position: relative;
}
@media print, screen and (min-width: 62.5em) {
    .history__item {
        padding: 15px 0;
    }
    .history__item:first-child {
        padding-top: 10px;
    }
    .history__item:last-child {
        padding-bottom: 10px;
    }
}
.history__item:not(:first-child) {
    border-top: 1px solid #d4d5d5;
}
.history__image {
    display: block;
    width: 130px;
    margin-right: 12px;
}
@media print, screen and (min-width: 62.5em) {
    .history__image {
        margin-right: 20px;
    }
}
.history__image img {
    max-height: 160px;
}
.history__wrapper {
    width: calc(100% - 142px);
}

.menu-top__item a.action {
    color: red;
    padding-left: 28px;
    position: relative;
}
.menu-top__item a.action::before {
    content: '';
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    left: 0;
    top: calc(50% - 12px);
    background-image: url('/local/templates/cavina/assets/img/menu/hot-sale.svg');
    background-repeat: no-repeat;
    background-size: cover;
}
@media print, screen and (min-width: 62.5em) {
    .history__wrapper {
        width: calc(100% - 150px);
    }
}
@media screen and (min-width: 80em) {
    .history__wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}
@media screen and (min-width: 80em) {
    .history__helper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: calc(100% - 140px);
        padding: 0;
        margin-right: 20px;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
}
.history__line {
    display: block;
    font-size: 13px;
    line-height: 1.4;
}
.history__vendor {
    display: none;
}
@media print, screen and (min-width: 62.5em) {
    .history__vendor {
        display: block;
        margin-top: 10px;
        font-size: 13px;
        line-height: 1.4;
    }
    .history__vendor span {
        color: #8c8e8e;
    }
}
.history__name {
    display: block;
    color: #001617;
    font-size: 14px;
    line-height: 1.29;
}
@media print, screen and (min-width: 62.5em) {
    .history__name {
        font-size: 17px;
        line-height: 1.4;
    }
}
.history__name a {
    color: #001617;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .history__name a:hover {
        color: #0abab5;
    }
}
@media print, screen and (min-width: 62.5em) {
    .history__prices {
        margin-top: 10px;
    }
}
@media screen and (min-width: 80em) {
    .history__prices {
        min-width: 120px;
        margin-top: 0;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        text-align: right;
    }
}
.history__price {
    margin-right: 5px;
    font-weight: 700;
    font-size: 17px;
    line-height: 1.4;
}
@media print, screen and (min-width: 62.5em) {
    .history__price {
        font-size: 18px;
        line-height: 1.4;
    }
}
@media screen and (min-width: 80em) {
    .history__price {
        display: block;
        margin-right: 0;
    }
}
.history__old {
    color: #8c8e8e;
    font-size: 13px;
    line-height: 1.4;
    text-decoration: line-through;
}
@media screen and (min-width: 80em) {
    .history__old {
        display: block;
    }
}
.history__box {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.history__actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.history__edit,
.history__remove {
    display: block;
    width: 24px;
    height: 24px;
    margin-left: 20px;
    color: #8c8e8e;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
    cursor: pointer;
}
@media print, screen and (min-width: 62.5em) {
    .history__edit:hover,
    .history__remove:hover {
        color: #0abab5;
    }
}
.history__edit svg,
.history__remove svg {
    width: 100%;
    height: 100%;
}
.summary {
    font-size: 13px;
    line-height: 1.15;
}
.summary__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 29px;
}
.summary__row-hidden {
    display: none;
}
.summary__row:not(:first-child) {
    margin-top: 5px;
}
.header__btn_type_shops {
    width: auto;
}
@media print, screen and (min-width: 62.5em) {
    .summary__row:not(:first-child) {
        margin-top: 10px;
    }
}
.summary__row_type_promo > form {
    width: 100%;
}
.summary__row_type_promo span:last-child {
    color: #0abab5;
}
.aside .summary__row {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 29px;
}
.aside .summary__row_type_promo {
    height: auto;
    margin-bottom: 13px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative;
}
.aside .summary__row_type_promo .summary__input,
.aside .summary__row_type_promo .summary__submit {
    min-height: 42px;
}

.card__button {
    height: 56px;
    font-size: 20px;
}

@media print, screen and (min-width: 62.5em) {
    .aside .summary__row_type_promo {
        margin-bottom: 0;
    }
}
.history__block .summary__row {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}
.summary__form {
    width: 100%;
}
.summary__total {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 1px dashed #d4d5d5;
    padding-top: 10px;
    margin-top: 10px;
}
.aside .summary__total {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 39px;
    margin-bottom: 20px;
}
.history__block .summary__total {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 39px;
}
.summary__row_type_promo + .summary__total {
    margin-top: 20px;
}
.summary__row_type_promo.show-for-large + .summary__total {
    margin-top: 10px;
}
@media print, screen and (min-width: 62.5em) {
    .summary__row_type_promo.show-for-large + .summary__total {
        margin-top: 20px;
    }
}
.summary__value {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.17;
}
.summary__input {
    height: 30px;
    width: 100%;
    border: 1px solid #d4d5d5;
    border-radius: 8px;
    padding: 0 98px 0 10px;
}
@media print, screen and (min-width: 62.5em) {
    .summary__input:hover,
    .summary__row_type_promo:hover .summary__input {
        border-color: #8c8e8e;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }
    .summary__input:focus:hover {
        border-color: #0abab5;
    }
}
.summary__input::-webkit-input-placeholder {
    color: #b1b2b2;
}
.summary__input::-moz-placeholder {
    color: #b1b2b2;
}
.summary__input:-ms-input-placeholder {
    color: #b1b2b2;
}
.summary__input::-ms-input-placeholder {
    color: #b1b2b2;
}
.summary__input::placeholder {
    color: #b1b2b2;
}
.summary__submit {
    height: 30px;
    padding: 0 10px;
    border: 0;
    border-radius: 0 2px 2px 0;
    position: absolute;
    top: 0;
    right: 0;
    background-color: transparent;
    color: #0abab5;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
}
@media print, screen and (min-width: 62.5em) {
    .summary__submit {
        cursor: pointer;
    }
    .summary__submit:hover {
        color: #001617;
        -webkit-transition: color 0.25s;
        transition: color 0.25s;
    }
}
.summary__promo {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 31px 7px 10px;
    min-height: 30px;
    border-radius: 2px;
    position: relative;
    background-color: #0abab5;
    color: #fff;
    font-size: 13px;
    line-height: 1;
    text-transform: uppercase;
}
.summary__remove {
    width: 16px;
    height: 16px;
    position: absolute;
    top: 7px;
    right: 10px;
    color: #fff;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
    cursor: pointer;
}
.brands {
    margin-top: 40px;
    text-align: center;
}
@media print, screen and (min-width: 62.5em) {
    .brands {
        margin-top: 60px;
    }
}
.brands__title {
    text-align: left;
}
.brands__title.brands__title_type_bordered {
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(194, 194, 194, 0.5);
    font-size: 20px;
    line-height: 1.2;
}
@media print, screen and (min-width: 62.5em) {
    .brands__title.brands__title_type_bordered {
        padding-bottom: 19px;
        font-size: 30px;
        line-height: 1.4;
    }
}
.brands__popular {
    margin-top: 16px;
}
@media print, screen and (min-width: 62.5em) {
    .brands__popular {
        margin-top: 20px;
    }
}
.brands__title_type_bordered + .brands__popular {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .brands__title_type_bordered + .brands__popular {
        margin-top: 30px;
    }
}
.brands__item {
    display: block;
    width: 100%;
    max-width: 76px;
    max-height: 76px;
    margin: 0 auto;
}
@media print, screen and (min-width: 62.5em) {
    .brands__item {
        max-height: 120px;
        margin-top: 30px;
        -webkit-transition: opacity 0.25s;
        transition: opacity 0.25s;
    }
    .brands__item:hover {
        opacity: 0.3;
        -webkit-transition: opacity 0.25s;
        transition: opacity 0.25s;
    }
}
.brands_type_main .brands__item {
    margin-right: auto;
    margin-left: auto;
}
.slick-slide .brands__item {
    margin-top: 0;
}
@media print, screen and (min-width: 62.5em) {
    .slick-slide .brands__item {
        margin-top: 0;
    }
}
.brands__image {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100px;
    margin: 0 auto;
}
@media print, screen and (min-width: 62.5em) {
    .brands__image {
        max-height: 120px;
    }
}
.brands__flex {
    margin-top: 30px;
}
@media print, screen and (min-width: 62.5em) {
    .brands__flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 60px;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}
.brands__flex.is-fixed {
    padding-bottom: 34px;
}
@media print, screen and (min-width: 62.5em) {
    .brands__flex.is-fixed {
        padding-bottom: 0;
    }
}
.brands__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px -20px 0;
    overflow-x: auto;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    font-size: 16px;
    line-height: 1.5;
}
.brands__nav.sticky {
    margin-top: 65px;
    padding: 3px 0;
    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: fixed;
    top: 0;
    right: 20px;
    left: 20px;
    z-index: 10;
    background-color: #fff;
}
@media print, screen and (min-width: 62.5em) {
    .brands__nav {
        margin: -14px 0 0 15px;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow-x: visible;
    }
}
.brands__nav li {
    display: block;
    margin: 0 0 0 25px;
}
@media print, screen and (min-width: 62.5em) {
    .brands__nav li {
        margin-top: 15px;
        margin-left: 25px;
    }
}
.brands__nav li:first-child {
    margin-left: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .brands__nav li:first-child {
        margin-left: 25px;
    }
}
.brands__nav li:last-child {
    padding-right: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .brands__nav li:last-child {
        padding-right: 0;
    }
}
.brands__nav li a {
    color: #0abab5;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .brands__nav li a:hover {
        color: #001617;
    }
}
.brands__block {
    padding-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .brands__block {
        padding-top: 30px;
    }
}
.brands__flex + .brands__block {
    margin-top: 10px;
}
@media print, screen and (min-width: 62.5em) {
    .brands__flex + .brands__block {
        margin-top: 0;
    }
}
.brands__name {
    display: block;
    color: #0abab5;
    font-size: 18px;
    line-height: 1.44;
}
.brands__link {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.43;
}
@media print, screen and (min-width: 62.5em) {
    .brands__link {
        font-size: 16px;
        line-height: 1.5;
    }
}
.brands__link a {
    color: #001617;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .brands__link a:hover {
        color: #0abab5;
    }
}
.brands__more {
    width: 100%;
    margin: 30px auto 0;
}
@media screen and (min-width: 37.5em) {
    .brands__more {
        width: auto;
    }
}
@media print, screen and (min-width: 62.5em) {
    .brands__more {
        margin-top: 40px;
    }
}
.brand-item {
    margin-bottom: 8px;
    text-align: center;
}
@media print, screen and (min-width: 62.5em) {
    .brand-item {
        margin-bottom: 16px;
    }
}
.brand-item .img {
    width: 100%;
    max-width: 250px;
    height: 45vw;
    min-height: 150px;
    max-height: 200px;
    margin: 0 auto;
}
@media print, screen and (min-width: 62.5em) {
    .brand-item .img {
        height: 20vw;
    }
}
.brand-item .img img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center center;
    object-position: center center;
}
.brand-title {
    display: block;
    margin-top: 8px;
    color: #001617;
    font-size: 17px;
    line-height: 1.4;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .brand-title {
        margin-top: 20px;
    }
    .brand-title:hover {
        color: #0abab5;
    }
}
.news_page_main:not(:first-child) {
    margin-top: 40px;
}
@media print, screen and (min-width: 62.5em) {
    .news_page_main:not(:first-child) {
        margin-top: 60px;
    }
}
.news__heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    margin-bottom: 18px;
}
.news__heading > a {
    border-bottom: 1px solid #001617;
    color: #001617;
    font-size: 15px;
    line-height: 1;
}
@media print, screen and (min-width: 62.5em) {
    .news__heading > a {
        font-size: 17px;
    }
}
.news__holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .news__holder {
        margin-top: 30px;
    }
}
.news__holder > a,
.news__holder > span {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding-bottom: 7px;
    font-size: 17px;
    line-height: 1.4;
}
@media print, screen and (min-width: 62.5em) {
    .news__holder > a,
    .news__holder > span {
        padding-bottom: 5px;
        font-size: 24px;
        line-height: 1.4;
    }
}
.news__holder > a:not(:last-child),
.news__holder > span:not(:last-child) {
    margin-right: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .news__holder > a:not(:last-child),
    .news__holder > span:not(:last-child) {
        margin-right: 50px;
    }
}
.news__holder > a {
    color: #8c8e8e;
}
@media print, screen and (min-width: 62.5em) {
    .news__holder > a:hover {
        color: #0abab5;
    }
}
.news__holder > span {
    color: #0abab5;
    position: relative;
}
.news__holder > span:after {
    width: 100%;
    height: 2px;
    background-color: #0abab5;
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
}
.news__list {
    margin-top: 8px;
}
@media print, screen and (min-width: 62.5em) {
    .news__list {
        margin-top: 0;
    }
}

.news__list > .columns {
    margin-bottom: 30px;
}

.news__item {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

@media print, screen and (min-width: 62.5em) {
    .news_page_main .news__item:before {
        display: none;
    }
}
.news__image {
    min-height: 180px;
}
.news_page_main .news__image {
    width: 100%;
    height: auto;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}

@media print, screen and (min-width: 62.5em) {
    .news_page_main .news__image {
         height: 295px;
    }
}
/* todo: Убрать дубликаты в css */
.news_page_main .news__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}
@media print, screen and (min-width: 62.5em) {
    .news__image img {
        -webkit-transition: -webkit-transform 0.25s;
        transition: -webkit-transform 0.25s;
        transition: transform 0.25s;
        transition: transform 0.25s, -webkit-transform 0.25s;
    }
    .news__item:hover .news__image img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform 0.25s;
        transition: -webkit-transform 0.25s;
        transition: transform 0.25s;
        transition: transform 0.25s, -webkit-transform 0.25s;
    }
    .news_page_main .news__item:hover .news__image img {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
}
.news__more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(rgba(0, 0, 0, 0.5)),
        to(rgba(0, 0, 0, 0.5))
    );
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    opacity: 0;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    content: "";
}
@media print, screen and (min-width: 62.5em) {
    .news__item:hover .news__more {
        opacity: 1;
        -webkit-transition: opacity 0.25s;
        transition: opacity 0.25s;
    }
}

@media print, screen and (min-width: 62.5em) {
    .news_page_main .news__content {
        margin-top: 10px;
        padding: 0;
        position: static;
    }
}
.news__title {
    display: block;
    max-width: 260px;
    font-size: 15px;
    line-height: 1.33;
}

@media print, screen and (min-width: 62.5em) {
    .news_page_main .news__title {
        color: #001617;
    }
}
@media print, screen and (min-width: 62.5em) {
    .news__title {
        font-size: 17px;
        line-height: 1.4;
    }
    .news_page_main .news__item:hover .news__title {
        color: #0abab5;
        -webkit-transition: color 0.25s;
        transition: color 0.25s;
    }
}

@media print, screen and (min-width: 62.5em) {
    .news__date {
        font-size: 13px;
        line-height: 1.83;
    }
}
@media print, screen and (min-width: 62.5em) {
    .news_page_main .news__date {
        color: #001617;
    }
}
.news__link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.viewed:not(:first-child) {
    margin-top: 40px;
}
@media print, screen and (min-width: 62.5em) {
    .viewed:not(:first-child) {
        margin-top: 60px;
    }
}
.viewed__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px -10px 0;
}
@media print, screen and (min-width: 62.5em) {
    .viewed__list {
        margin-top: 0;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.offers:not(:first-child) {
    margin-top: 40px;
}
.offers__holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.offers__holder > a {
    border-bottom: 1px solid #001617;
    color: #001617;
    font-size: 17px;
    line-height: 1;
}
.header-search-item .item__wrapper {
    display: flex;
    align-items: center;
}
.header-search-item {
    margin-bottom: 10px;
    padding: 9px;
}
.header-search-item:hover {
    background-color: #f4f4f4;
}
.header-search-item__image {
    margin-right: 10px;
}
.header-search-item .item__image {
    width: 50px;
    height: 50px;
}
.header-search-item .item__image img{
    object-fit: contain;
    height: 100%;
    width: 100%;
}
.search__header {
    padding: 0;
}
.search__header .search__list {
    margin: 0;
    padding: 8px;
}
.search__header .item__title {
    margin-top: 0;
    font-size: 12px;
    color: #333;
}
.search__header .item__price {
    min-height: inherit;
    color: rgba(0, 0, 0, 0.6);
    font-size: 12px;
}
.submit-search-wrapper {
    padding: 9px 0;
}
.submit-search-wrapper .submit-search {
    width: 100%;
    border-radius: 4px;
}
.submit-search-button {
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 100%;
    background-color: #0abab5;
    color: #fff;
    cursor: pointer;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.submit-search-button svg {
    width: 24px;
    height: 24px;
}
@media (min-width: 769px) {
    .cavina-header-search {
        position: relative;
    }
}
@media print, screen and (min-width: 48em) {
    .offers__holder {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.offers__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 10px -10px 0;
}
@media print, screen and (min-width: 48em) {
    .offers__list {
        margin: 0 -10px;
    }
}
.offers__tabs {
    margin: 0 -20px 0;
    padding: 0 20px;
    overflow-y: auto;
}
@media print, screen and (min-width: 62.5em) {
    .offers__tabs {
        margin: 0;
        padding: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.offers__item {
    display: block;
    margin-left: 20px;
    padding-bottom: 5px;
    border-bottom: 2px solid transparent;
    background: 0 0;
    font-size: 17px;
    line-height: 1.4;
    white-space: nowrap;
    -webkit-transition: border-color 0.25s;
    transition: border-color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .offers__item {
        display: block;
        margin-left: 50px;
        font-size: 24px;
        line-height: 1.4;
    }
}
.offers__item:first-child {
    margin-left: 0;
}
.offers__item.is-active {
    border-color: #0abab5;
}
.offers__item.is-active a {
    color: #001617;
}
.offers__item.is-active a:hover {
    border-color: transparent;
    color: #001617;
}
.offers__item a {
    display: inline;
    border-bottom: 2px solid transparent;
    background: 0 0;
    color: #8c8e8e;
    font-size: 17px;
    line-height: 1.4;
    -webkit-transition: color 0.25s;
    transition: color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .offers__item a {
        font-size: 24px;
        line-height: 1.4;
    }
}
.offers__item a:hover {
    background: 0 0;
    color: #001617;
}
@media print, screen and (min-width: 62.5em) {
    .offers__item a:hover {
        color: #001617;
    }
}
.reviews:not(:first-child) {
    margin-top: 40px;
}
@media print, screen and (min-width: 62.5em) {
    .reviews:not(:first-child) {
        margin-top: 60px;
    }
}
@media print, screen and (min-width: 48em) {
    .reviews__heading {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(194, 194, 194, 0.5);
    }
}
.reviews__holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(194, 194, 194, 0.5);
}
@media print, screen and (min-width: 48em) {
    .reviews__holder {
        padding-bottom: 0;
        border-bottom: 0;
    }
}
.reviews__title {
    font-size: 17px;
    font-weight: bold;
}
.reviews__title:not(:last-child) {
    margin-right: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .reviews__title {
        font-size: 24px;
    }
}
.reviews__link {
    display: block;
    margin-top: 20px;
}
.form-wrapper .reviews__link input[name="code_submit_button"],
.reviews__link .button,
.reviews__link .form-wrapper input[name="code_submit_button"] {
    width: 100%;
}
@media print, screen and (min-width: 48em) {
    .reviews__link {
        margin-top: 0;
    }
    .form-wrapper .reviews__link input[name="code_submit_button"],
    .reviews__link .button,
    .reviews__link .form-wrapper input[name="code_submit_button"] {
        width: auto;
    }
}
@media print, screen and (min-width: 62.5em) {
    .reviews__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -10px -10px 0;
    }
}
.reviews__item {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .reviews__item {
        width: calc(50% - 20px);
        margin: 40px 10px 0;
    }
}
.reviews__name {
    display: block;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.18;
}
@media print, screen and (min-width: 62.5em) {
    .reviews__name {
        font-size: 17px;
    }
}
.reviews__date {
    display: block;
    margin-top: 5px;
    color: #8c8e8e;
    font-size: 13px;
    line-height: 1.4;
}
.reviews__rating {
    margin-top: 5px;
}
.reviews__body {
    margin-top: 10px;
    max-width: 570px;
    font-size: 13px;
    line-height: 1.53;
}
.reviews__body p:not(:first-child) {
    margin: 15px 0 0;
}
@media print, screen and (min-width: 62.5em) {
    .reviews__body {
        font-size: 15px;
    }
}
.reviews__more {
    margin-top: 20px;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
}
.reviews__more a {
    color: #0abab5;
}
@media print, screen and (min-width: 62.5em) {
    .reviews__more a:hover {
        color: #001617;
    }
}
@media print, screen and (min-width: 62.5em) {
    .reviews__more {
        margin-top: 30px;
    }
}
.recommended:not(:first-child) {
    margin-top: 40px;
}
@media print, screen and (min-width: 62.5em) {
    .recommended:not(:first-child) {
        margin-top: 60px;
    }
}
.recommended__title {
    display: block;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.18;
}
.recommended__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px -10px 0;
}
@media print, screen and (min-width: 62.5em) {
    .recommended__list {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-top: 0;
    }
}
.description:not(:first-child) {
    margin-top: 40px;
}
@media print, screen and (min-width: 62.5em) {
    .description:not(:first-child) {
        margin-top: 60px;
    }
}
.description__heading {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(194, 194, 194, 0.5);
    font-weight: bold;
}
.description__heading span {
    display: block;
    font-size: 17px;
    line-height: 1.4;
}
@media print, screen and (min-width: 62.5em) {
    .description__heading {
        padding-bottom: 20px;
    }
    .description__heading span {
        font-size: 24px;
    }
}
.description__holder {
    display: block;
    margin-top: 15px;
}
@media print, screen and (min-width: 62.5em) {
    .description__holder {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-top: 30px;
    }
}
.description__title {
    display: block;
    padding: 12px 34px 12px 0;
    position: relative;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.18;
}
.description__title:after {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 8px;
    right: 0;
    background: url(../svg/dropdown.svg) no-repeat;
    content: "";
}
@media print, screen and (min-width: 62.5em) {
    .description__title:after {
        display: none;
    }
}
@media print, screen and (min-width: 62.5em) {
    .description__title {
        max-width: 570px;
        padding: 0;
        font-size: 17px;
    }
    .columns:only-child .description__title {
        max-width: none;
    }
}
.description__output {
    display: none;
}
@media print, screen and (min-width: 62.5em) {
    .description__output {
        display: block;
        margin-top: 10px;
        max-width: 570px;
    }
    .columns:only-child .description__output {
        max-width: none;
    }
}
.similar:not(:first-child) {
    margin-top: 40px;
}
@media print, screen and (min-width: 62.5em) {
    .similar:not(:first-child) {
        margin-top: 60px;
        margin-bottom: -20px;
    }
}
.similar__title {
    display: block;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.18;
}
.similar__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 16px -10px 0;
}
@media print, screen and (min-width: 62.5em) {
    .similar__list {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-top: 0;
    }
}
.menu__wrapper .addresses {
    max-height: unset;
}
.addresses__tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgba(229, 229, 229, 0.5);
}
.addresses__tab {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 2px solid transparent;
    background: 0 0;
    color: #8c8e8e;
    font-size: 24px;
    line-height: 1.4;
    white-space: nowrap;
    -webkit-transition: border-color 0.25s;
    transition: border-color 0.25s;
    text-align: center;
}
@media print, screen and (min-width: 62.5em) {
    .addresses__tab {
        display: block;
    }
}
.addresses__tab:first-child {
    margin-left: 0;
}
.addresses__tab:not(:last-child) {
    margin-right: 20px;
}
.addresses__tab.is-active {
    border-color: #0abab5;
    color: #001617;
}
.addresses__list {
    scrollbar-color: #cdcdcd #f2f2f2;
    scrollbar-width: thin;
}
.addresses__list::-webkit-scrollbar {
    width: 4px;
}
.addresses__list::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 0;
    background-color: #f2f2f2;
}
.addresses__list::-webkit-scrollbar-thumb {
    width: 4px;
    background: #cdcdcd;
    border-radius: 10px;
}
@media print, screen and (min-width: 48em) {
    .addresses__list {
        max-height: 456px;
        overflow-y: auto;
        margin-top: 20px;
        padding-right: 13px;
    }
}
.success__holder {
    padding: 40px 0 0;
    font-size: 13px;
    line-height: 1.4;
    text-align: center;
}
.success__holder > span {
    display: block;
}
.success__holder > span:last-of-type {
    margin-top: 11px;
}
@media print, screen and (min-width: 62.5em) {
    .success__holder {
        padding: 100px 0 0;
    }
}
.success__title {
    display: block;
    color: #001617;
    font-size: 20px;
    line-height: 1;
}
.success__title > span {
    color: #0abab5;
}
@media print, screen and (min-width: 62.5em) {
    .success__title {
        font-size: 24px;
    }
}
.success__image {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .success__image {
        margin-top: 30px;
    }
}
.success__about {
    display: block;
    margin-top: 20px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.18;
}
@media print, screen and (min-width: 62.5em) {
    .success__about {
        margin-top: 30px;
    }
}
.success__button {
    width: 100%;
    margin-top: 20px;
}
@media print, screen and (min-width: 48em) {
    .success__button {
        width: auto;
        min-width: 200px;
        margin-top: 30px;
    }
}
.sales {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .sales {
        margin-top: 30px;
    }
}
.sales__title {
    display: block;
    font-size: 17px;
    line-height: 1.4;
}
@media print, screen and (min-width: 62.5em) {
    .sales__title {
        font-size: 40px;
    }
}
.sales__item {
    min-height: 180px;
    padding: 16px 20px 44px;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    color: #fff;
}
@media print, screen and (min-width: 48em) {
    .sales__item {
        height: calc(100% - 20px);
    }
}
@media print, screen and (min-width: 62.5em) {
    .sales__item {
        padding: 30px 30px 74px;
        min-height: 260px;
        /* min-height: 340px; */
    }
}
.sales__item_font_black {
    color: #001617;
}

.sales__item_font_black .sales__name {
    display: none;
}

.sales_type_card .sales__item {
    margin-top: 0;
}
.sales_type_card .sales__others .sales__item {
    margin-top: 20px;
}
.sales__image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.sales__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}
@media print, screen and (min-width: 62.5em) {
    .sales__image img {
        -webkit-transition: -webkit-transform 0.25s;
        transition: -webkit-transform 0.25s;
        transition: transform 0.25s;
        transition: transform 0.25s, -webkit-transform 0.25s;
    }
    .sales__item:hover .sales__image img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform 0.25s;
        transition: -webkit-transform 0.25s;
        transition: transform 0.25s;
        transition: transform 0.25s, -webkit-transform 0.25s;
    }
    .sales_type_card .sales__item:hover .sales__image img {
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .sales_type_card .sales__others .sales__item:hover .sales__image img {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
        -webkit-transition: -webkit-transform 0.25s;
        transition: -webkit-transform 0.25s;
        transition: transform 0.25s;
        transition: transform 0.25s, -webkit-transform 0.25s;
    }
}
.sales__content {
    /* width: 65%; */
    max-width: 306px;
    position: relative;
    z-index: 2;
}
@media print, screen and (min-width: 62.5em) {
    .sales__content {
        width: 55%;
    }
}
.sales__name {
    display: block;
    font-size: 20px;
    line-height: 1.2;
    color: inherit;
}

.sales__description {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.33;
}
@media print, screen and (min-width: 62.5em) {
    .sales__description {
        margin-top: 20px;
        font-size: 13px;
        line-height: 1.4;
    }
}
.sales__discount {
    /* width: 80px; */
    /* padding: 2px 10px 2px 4px; */
    padding: 5px 10px;
    position: absolute;
    bottom: 20px;
    left: 30px;
    background: #0abab5;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.33;
    text-align: center;
    border-radius: 8px;
}
@media print, screen and (min-width: 62.5em) {
    .sales__discount {
        width: 91px;
        padding: 3px 10px 3px 4px;
        bottom: 30px;
        font-size: 13px;
        line-height: 1.4;
    }
}
.sales__link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.sales__items {
    display: block;
    margin-top: 40px;
}

html.with-opened-popup {
    overflow: hidden;
}
.r-popup {
    display: none;
    opacity: 0;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
}
.r-popup__body-wrp {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.r-popup__body {
    background-color: #fff;
    position: relative;
    z-index: 1;
    min-width: 300px;
    padding: 20px;
    max-height: 90svh;
    overflow-y: auto;
    max-width: 800px;
    border-radius: 8px;
}
.r-popup__body .btn-primary {
    border-radius: 0;
    background-color: var(--theme-color-second);
}
.r-popup__body .form-control {
    border-radius: 0;
}
.r-popup__body .form-control:focus {
    box-shadow: none;
}
.r-popup__title {
    margin: 20px 0;
    text-align: center;
    font-size: 24px;
}
.r-popup__title > div {
    font-size: 16px;
}
.r-popup__content {
    margin: 20px 0;
}
.r-popup__close {
    display: flex;
    width: 30px;
    height: 30px;
    position: absolute;
    opacity: 0.4;
    right: 6px;
    top: 6px;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.r-popup__close:hover {
    opacity: 0.6;
}
.r-popup__close img {
    width: 20px;
    height: 20px;
}
.r-popup__overlay {
    background-color: #000;
    opacity: 0.3;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.r-popup .asl_w_container {
    min-width: 360px;
}
@media print, screen and (min-width: 62.5em) {
    .sales__items {
        margin-top: 60px;
    }
}
.sales__subtitle {
    display: block;
    color: #001617;
    font-size: 17px;
    line-height: 1;
}
@media print, screen and (min-width: 62.5em) {
    .sales__subtitle {
        font-size: 24px;
        line-height: 1.4;
    }
}
.sales__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 20px -8px 0;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media print, screen and (min-width: 62.5em) {
    .sales__list {
        margin-top: 0;
    }
}
.sales__info {
    margin-top: 20px;
}
@media print, screen and (min-width: 48em) {
    .sales__info {
        margin-top: 0;
        padding-left: 2px;
    }
}
.sales__others {
    margin-top: 40px;
}
@media print, screen and (min-width: 62.5em) {
    .sales__others {
        margin-top: 65px;
    }
}
.sales__heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.sales__heading > a {
    border-bottom: 1px solid #001617;
    color: #001617;
    font-size: 15px;
    line-height: 1;
    -webkit-transition: color 0.25s, border-color 0.25s;
    transition: color 0.25s, border-color 0.25s;
}
@media print, screen and (min-width: 62.5em) {
    .sales__heading > a {
        font-size: 17px;
    }
    .sales__heading > a:hover {
        border-color: rgba(10, 186, 181, 0.7);
        color: #0abab5;
    }
}
.about {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 360px;
    margin-top: -20px;
    padding: 20px 0 30px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
}
@media screen and (min-width: 80em) {
    .about {
        min-height: 560px;
        padding: 50px 0;
    }
}
.about__background {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.about__background img {
    width: 100%;
    max-width: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center center;
    object-position: center center;
}
.about__holder {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    z-index: 2;
    color: #fff;
}
@media print, screen and (min-width: 48em) {
    .about__holder {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.about__image {
    display: block;
    width: 150px;
    margin: 0 auto;
}
@media print, screen and (min-width: 48em) {
    .about__image {
        width: 37%;
        max-width: 428px;
        margin-right: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
}
.about__content {
    margin-top: 20px;
}
@media print, screen and (min-width: 48em) {
    .about__content {
        max-width: 644px;
        width: 57%;
        margin-top: 0;
    }
}
.about__label {
    display: block;
    font-size: 15px;
    line-height: 1.33;
}
@media print, screen and (min-width: 62.5em) {
    .about__label {
        font-size: 17px;
        line-height: 1.65;
    }
}
.about__title {
    display: block;
    margin-top: 20px;
    color: #fff;
    font-size: 24px;
    line-height: 1.4;
}
@media print, screen and (min-width: 62.5em) {
    .about__title {
        font-size: 40px;
        line-height: 1.25;
    }
}
.about__description {
    display: block;
    margin-top: 20px;
    font-size: 14px;
    line-height: 1.43;
}
@media print, screen and (min-width: 62.5em) {
    .about__description {
        font-size: 17px;
        line-height: 1.65;
    }
}
.advantages {
    margin-top: 40px;
}
@media print, screen and (min-width: 62.5em) {
    .advantages {
        margin-top: 80px;
    }
}
.advantages__title {
    display: block;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(194, 194, 194, 0.5);
    font-size: 20px;
    line-height: 1.2;
}
@media print, screen and (min-width: 62.5em) {
    .advantages__title {
        padding-bottom: 19px;
        font-size: 30px;
        line-height: 1.4;
    }
}
.advantages__list {
    margin-top: -6px;
}
@media print, screen and (min-width: 62.5em) {
    .advantages__list {
        margin-top: -25px;
    }
}
.advantages__item {
    display: block;
    margin-top: 30px;
    padding-left: 80px;
    position: relative;
}
@media print, screen and (min-width: 48em) {
    .advantages__item {
        width: calc(100% - 20px);
    }
}
@media print, screen and (min-width: 62.5em) {
    .advantages__item {
        width: calc(100% - 40px);
        margin-top: 55px;
        padding-left: 110px;
    }
}
.advantages__image {
    width: 60px;
    height: 60px;
    padding: 10px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, #ddf7f6 0, rgba(255, 255, 255, 0) 100%);
}
@media print, screen and (min-width: 62.5em) {
    .advantages__image {
        width: 80px;
        height: 80px;
        padding: 15px;
    }
}
.advantages__image img {
    width: 100%;
}
.advantages__name {
    display: block;
    color: #001617;
    font-size: 16px;
    line-height: 1.5;
}
@media print, screen and (min-width: 62.5em) {
    .advantages__name {
        font-size: 20px;
        line-height: 1.5;
    }
}
.advantages__description {
    display: block;
    margin-top: 10px;
    color: #686868;
    font-size: 14px;
    line-height: 1.57;
}
@media print, screen and (min-width: 62.5em) {
    .advantages__description {
        font-size: 15px;
        line-height: 1.53;
    }
}
.place {
    margin-top: 40px;
    padding: 28px 0 0;
    background: no-repeat center center;
    background-size: cover;
    color: #fff;
}
@media print, screen and (min-width: 48em) {
    .place {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media print, screen and (min-width: 62.5em) {
    .place {
        margin-top: 80px;
    }
}
.place__image {
    margin: 20px -16px 0;
    text-align: center;
}
@media print, screen and (min-width: 48em) {
    .place__image {
        max-width: none;
        margin: 0;
    }
}
.place__image img {
    width: 100%;
    max-width: 400px;
}
@media print, screen and (min-width: 48em) {
    .place__image img {
        max-width: 100%;
    }
}
@media print, screen and (min-width: 48em) {
    .place__content {
        padding: 28px 0;
    }
}
.place__title {
    display: block;
    color: #fff;
    font-size: 24px;
    line-height: 1.4;
}
@media print, screen and (min-width: 62.5em) {
    .place__title {
        font-size: 40px;
        line-height: 1.25;
    }
}
.place__description {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.43;
}
@media print, screen and (min-width: 62.5em) {
    .place__description {
        font-size: 17px;
        line-height: 1.65;
    }
}
.place__description p {
    margin-top: 20px;
}
.place__description p:first-child {
    margin-top: 0;
}
.place__button {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .place__button {
        margin-top: 40px;
    }
}
.breadcrumbs + .article__top {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .breadcrumbs + .article__top {
        margin-top: 30px;
    }
}
.article__date {
    display: block;
    margin-top: 5px;
    color: #8c8e8e;
    font-size: 13px;
    line-height: 1.4;
}
@media print, screen and (min-width: 62.5em) {
    .article__date {
        line-height: 1.83;
    }
}
.article__image {
    display: block;
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .article__image {
        margin-top: 30px;
    }
}
.article__image img {
    width: 100%;
    border-radius: 8px;
}
.article__body {
    display: block;
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .article__body {
        margin-top: 30px;
    }
}
.article__bottom {
    display: block;
    margin-top: 30px;
}
@media print, screen and (min-width: 48em) {
    .article__bottom {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media print, screen and (min-width: 62.5em) {
    .article__bottom {
        margin-top: 40px;
    }
}
.article__label {
    display: block;
    margin-bottom: 10px;
    color: #8c8e8e;
    font-size: 15px;
    line-height: 1.15;
}
@media print, screen and (min-width: 48em) {
    .article__label {
        margin-bottom: 7px;
        margin-right: 10px;
    }
}
.article__share {
    opacity: 0.4;
}
.restaurants__item {
    padding: 8px 0 8px 32px;
    position: relative;
}
.addresses .restaurants__item {
    padding: 20px 20px 20px 59px;
    margin: 0 -20px;
    text-align: left;
}
@media print, screen and (min-width: 62.5em) {
    .addresses .restaurants__item {
        margin: 0 -4px 0 -20px;
        background-color: #fff;
        -webkit-transition: background-color 0.25s;
        transition: background-color 0.25s;
    }
    .addresses .restaurants__item:hover {
        background-color: rgba(229, 229, 229, 0.5);
    }
    .addresses .restaurants__item:hover::before {
        -webkit-filter: grayscale(1) brightness(0);
        filter: grayscale(1) brightness(0);
    }
}
.addresses .restaurants__item::after {
    width: calc(100% - 40px);
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 20px;
    background: rgba(229, 229, 229, 0.5);
    content: "";
}
.addresses .restaurants__item:last-child::after {
    display: none;
}
.restaurants__item:not(:first-child) {
    margin-top: 8px;
}
.addresses .restaurants__item:not(:first-child) {
    margin-top: 0;
}
.restaurants__item::before {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 8px;
    left: 0;
    background: url(../svg/location.svg) no-repeat center center;
    background-size: 24px 24px;
    content: "";
    -webkit-transition: -webkit-filter 0.25s;
    transition: -webkit-filter 0.25s;
    transition: filter 0.25s;
    transition: filter 0.25s, -webkit-filter 0.25s;
}
.addresses .restaurants__item::before {
    top: calc(50% - 12px);
    left: 20px;
}
.restaurants__logo {
    display: block;
    max-width: 107px;
    height: 24px;
}
.restaurants__logo img {
    max-width: 100%;
    max-height: 100%;
}
.addresses .restaurants__logo {
    max-width: 120px;
    height: auto;
    max-height: 36px;
}
.restaurants__info {
    display: block;
    margin-top: 10px;
}
.addresses .restaurants__info {
    margin-top: 15px;
}
.restaurants__schedule {
    display: block;
    margin-top: 5px;
    color: #8c8e8e;
    font-size: 13px;
    line-height: 1.15;
}
.restaurants__schedule:first-child {
    margin-top: 0;
}
.addresses .restaurants__schedule {
    line-height: 1.38;
}
.restaurants__address {
    display: block;
    max-width: 248px;
    margin-top: 5px;
    font-size: 13px;
    line-height: 1.15;
}
.addresses .restaurants__address {
    max-width: none;
}
.restaurants__address:first-child {
    margin-top: 0;
}
.restaurants__link {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}
.textpage {
    display: block;
    margin-top: 14px;
}
@media print, screen and (min-width: 62.5em) {
    .textpage {
        margin-top: 40px;
    }
}
.textpage__menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
.textpage__menu li {
    color: #0abab5;
    font-size: 17px;
    line-height: 1;
}
.textpage__menu li:not(:first-child) {
    margin-top: 24px;
}
.textpage__menu li a {
    color: #001617;
}
@media print, screen and (min-width: 62.5em) {
    .textpage__menu li a:hover {
        color: #0abab5;
    }
}
.textpage__title {
    display: block;
    font-size: 24px;
    line-height: 1.4;
}
@media print, screen and (min-width: 62.5em) {
    .textpage__title {
        font-size: 40px;
    }
}
.textpage__body {
    margin-top: 10px;
}
@media print, screen and (min-width: 62.5em) {
    .textpage__body {
        margin-top: 30px;
    }
}
.selectric {
    border-color: rgba(0, 0, 0, 0.2);
    background: #fff;
    text-align: left;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.selectric-hover .selectric {
    border-color: rgba(0, 0, 0, 0.2);
}
@media print, screen and (min-width: 62.5em) {
    .selectric-open .selectric {
        border-color: rgba(0, 0, 0, 0.2);
    }
}
.selectric-focus .selectric {
    border-color: rgba(0, 0, 0, 0.2);
}
.selectric-disabled {
    opacity: 0.5;
    cursor: not-allowed;
}
.selectric .label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0 32px 0 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    font-size: 13px;
    line-height: 1.4;
    vertical-align: middle;
}
.form-wrapper .selectric input[name="code_submit_button"],
.selectric .button,
.selectric .form-wrapper input[name="code_submit_button"] {
    display: block;
    width: 24px;
    height: 100%;
    margin: 0;
    padding: 0;
    border: none;
    position: absolute;
    top: 0;
    right: 8px;
    background-color: transparent;
}
.form-wrapper .selectric input[name="code_submit_button"]::after,
.selectric .button::after,
.selectric .form-wrapper input[name="code_submit_button"]::after {
    width: 100%;
    height: 100%;
    border: none;
    background: url(../svg/dropdown.svg) no-repeat center center;
    background-size: 24px 24px;
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
}
.form-wrapper
    .selectric-open
    .selectric
    input[name="code_submit_button"]::after,
.selectric-open .selectric .button::after,
.selectric-open
    .selectric
    .form-wrapper
    input[name="code_submit_button"]::after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
}
.selectric-items {
    height: auto;
    max-height: 180px;
    width: 100%;
    padding: 0;
    border: none;
    -webkit-box-shadow: 0 8px 16px rgba(53, 56, 57, 0.16);
    box-shadow: 0 8px 16px rgba(53, 56, 57, 0.16);
    border-radius: 4px;
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    z-index: 1000;
    background: #fff;
    text-align: left;
}
.selectric-items li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    font-size: 13px;
    line-height: 1.4;
    padding: 6px 10px;
    color: #001617;
    letter-spacing: 0.01em;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
}
.selectric-items li.selected {
    padding-right: 47px;
    background: 0 0;
    position: relative;
}
.selectric-items li.selected span {
    color: #0abab5;
}
.selectric-items li.selected:after {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 2px;
    right: 10px;
    background: url(../svg/done.svg) no-repeat;
    content: "";
}
.selectric-items li:hover {
    background: rgba(229, 229, 229, 0.5);
}
.selectric-items li.disabled {
    display: none;
}
.popup-window.popup-window-with-titlebar {
    width: 100%;
    max-width: calc(100% - 32px);
    padding: 16px;
    margin: 16px 0;
    border-radius: 10px;
    -webkit-box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
    box-shadow: 0 16px 32px rgba(0, 0, 0, 0.2);
    position: relative;
    background: #fff;
}
@media screen and (min-width: 27.625em) {
    .popup-window.popup-window-with-titlebar {
        max-width: 410px;
    }
}
@media print, screen and (min-width: 62.5em) {
    .popup-window.popup-window-with-titlebar {
        padding: 32px;
        margin: 0;
    }
}
.popup-window-titlebar {
    height: auto;
}
.popup-window-titlebar-text {
    display: block;
    max-width: calc(100% - 20px);
    padding: 0;
    overflow: visible;
    white-space: unset;
    color: #001617;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
}
.popup-window-titlebar-text > span {
    color: #0abab5;
}
@media print, screen and (min-width: 62.5em) {
    .popup-window-titlebar-text {
        font-size: 24px;
    }
}
.popup-window-content {
    display: block;
    margin-top: 30px;
    padding: 0;
}
.popup-window-content > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.popup-window-content > div > img {
    width: 110px;
    max-width: 110px;
    margin-right: 12px;
}
.popup-window-content > div > p {
    display: block;
    margin-top: 0;
    font-size: 17px;
    line-height: 1.4;
}
.popup-window-close-icon.popup-window-titlebar-close-icon {
    display: block;
    width: 36px;
    height: 36px;
    padding: 6px;
    top: 10px;
    right: 10px;
}
.popup-window-close-icon.popup-window-titlebar-close-icon::after {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 6.41L17.59 5L12 10.59L6.41 5L5 6.41L10.59 12L5 17.59L6.41 19L12 13.41L17.59 19L19 17.59L13.41 12L19 6.41Z' fill='%238C8E8E'/%3E%3C/svg%3E");
}
.popup-window-buttons {
    margin-top: 20px;
    padding: 0;
}
.popup-window-buttons > .btn.btn-default.btn-buy {
    margin-right: 0 !important;
    margin-top: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 40px;
    padding: 7px 28px;
    border: 1px solid #0abab5;
    border-radius: 2px;
    background: 0 0;
    color: #0abab5;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
    text-align: center;
    white-space: nowrap;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    cursor: pointer;
}
.popup-window-buttons > .btn.btn-default.btn-buy:last-child {
    padding: 7px 16px;
    border-color: #001617;
    border-radius: 2px;
    background-color: #001617;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.8;
}
@media print, screen and (min-width: 62.5em) {
    .popup-window-buttons > .btn.btn-default.btn-buy:hover {
        border-color: #0abab5;
        background-color: #0abab5;
        color: #fff;
        -webkit-transition: background-color 0.25s;
        transition: background-color 0.25s;
    }
}
.regions {
    margin-top: 20px;
}
@media print, screen and (min-width: 62.5em) {
    .regions {
        margin-top: 30px;
    }
}
.regions__holder {
    margin-top: 0;
}
@media print, screen and (min-width: 62.5em) {
    .regions__holder {
        margin-top: -10px;
    }
}
.regions__item {
    margin-top: 24px;
    position: relative;
}
@media print, screen and (min-width: 62.5em) {
    .regions__item {
        margin-top: 40px;
    }
}
.regions__image {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}
.regions__image img {
    display: block;
    width: 100%;
    max-width: unset;
    height: 100%;
    min-height: 150px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}
.regions__more {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: -webkit-gradient(
        linear,
        left bottom,
        left top,
        from(rgba(0, 0, 0, 0.5)),
        to(rgba(0, 0, 0, 0.5))
    );
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
    opacity: 0;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    line-height: 1.4;
    content: "";
}
@media print, screen and (min-width: 62.5em) {
    .regions__item:hover .regions__more {
        opacity: 1;
        -webkit-transition: opacity 0.25s;
        transition: opacity 0.25s;
    }
}
.regions__content {
    margin-top: 8px;
}
@media print, screen and (min-width: 62.5em) {
    .regions__content {
        margin-top: 10px;
    }
}
.regions__title {
    display: block;
    color: #001617;
    font-size: 15px;
    line-height: 1.33;
    text-transform: uppercase;
}
@media print, screen and (min-width: 62.5em) {
    .regions__title {
        font-size: 17px;
        line-height: 1.4;
        -webkit-transition: color 0.25s;
        transition: color 0.25s;
    }
    .regions__item:hover .regions__title {
        color: #0abab5;
    }
}
.regions__desc {
    display: block;
    margin-top: 5px;
    color: #001617;
    font-size: 12px;
    line-height: 1.67;
}
@media print, screen and (min-width: 62.5em) {
    .regions__desc {
        font-size: 13px;
        line-height: 1.83;
    }
}
.regions__link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}


.r-notification {
    display: flex;
    align-items: center;
    position: fixed;
    right: 20px;
    bottom: 60px;
    background-color: #fff;
    padding: 20px;
    width: 300px;
    border: 1px solid rgba(0,0,0,0.1);
    box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
    z-index: 999;
}
.r-notification__image {
    background-image: url('/local/templates/cavina/assets/img/notification/info.svg');
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.4;
    margin-right: 5px;
}

.r-notification__close {
    position: absolute;
    cursor: pointer;
    width: 20px;
    height: 20px;
    top: 10px;
    right: 10px;
    opacity: 0.5;
    transition: 0.3s;
    &:hover{
        opacity: 0.8;
    }
}

.r-notification__content{
    font-weight: 300;
    min-width: 200px;
}

.r-notification.success {
    .r-notification__image {
        background-image: url('/local/templates/cavina/assets/img/notification/success.svg');
    }
}

.r-notification.error {
    border: 1px solid red;
    .r-notification__image {
        background-image: url('/local/templates/cavina/assets/img/notification/error.svg');
    }
}
/* полоса прокрутки (скроллбар) */
::-webkit-scrollbar {
    width: 5px; /* ширина для вертикального скролла */
    height: 5px; /* высота для горизонтального скролла */
    background-color: #f0f0f0;
}

/* ползунок скроллбара */
::-webkit-scrollbar-thumb {
    background-color: #c3c4c3;
    border-radius: 9px;
    opacity: 0.5;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #0abab5;
    opacity: 1;
}

html.fixed-header body {
    padding-top: 120px;
}
.header-wrapper {
    background-color: #fff;
}
html.fixed-header .header-wrapper {
    position: fixed;
    width: 100%;
    top: 0;
    background-color: #fff;
    z-index: 22;
}
.sales_more--button {
    position: relative;
    color: #fff;
    background-color: #0abab5;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 8px;
    font-weight: 600;
    margin: 20px 0;
    margin-top: 0;
    cursor: help;
    z-index: 3;
}
.mobile-bottom-menu {
    position: fixed;
    bottom: 0;
    z-index: 32;
    width: 100%;
    padding: 2px 13px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 4px rgba(18, 29, 41, 0.08);
    box-shadow: 0px -2px 4px rgba(18, 29, 41, 0.08);
}
[data-action="with-hint"] {
    position: relative;
    cursor: pointer;
}
.cavina-hint {
    position: absolute;
    top: -35px;
    left: 20px;
    background: #0abab5;
    padding: 10px 20px;
    color: #fff;
    border-radius: 4px;
}

.r-tooltip {
    opacity: 0;
    position:absolute;
    z-index:30;
    background-color: #fff;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    line-height: 1.2;
    display: none;
}
.r-tooltip:before {
    content: '';
    position: absolute;
    border: 10px solid transparent;
    border-bottom: 13px solid white;
    top: -22px;
    right: 50%;
    z-index: 999;
    transform: translateX(50%);
}
.r-tooltip:after {
    content: '';
    position: absolute;
    border: 11px solid transparent;
    border-bottom: 14px solid #E5E5E5;
    top: -25px;
    right: 50%;
    transform: translateX(50%);
    z-index: 99;
}
.r-header-auth-tooltip {
    max-width: 240px;
    padding: 10px;
}
.r-header-auth-tooltip p {
    font-size: 13px;
    margin-bottom: 10px;
}
.r-header-auth-tooltip .button {
    width: 100%;
    font-size: 13px;
}
.grecaptcha-badge {
    visibility: hidden;
}
img.lazy {
    opacity: 0;
    transition: 0.5s;
}
img.lazy.loaded {
    opacity: 1;
}
@media(max-width: 768px) {
    html.fixed-header body {
        padding-top: 112px;
    }
    .header__top .search {
        top: 112px !important;
    }
    .search__header .search__list {
        padding: 8px 0;
    }
    .submit-search-button {
        right: 17px;
    }
    .cavina-header-search .search__input {
        padding-right: 62px;
    }
    .top__holder {
        background-color: #f2f2f2;
        padding: 5px 0;
    }
    .cart .aside {
        margin: 10px 0px 0;
    }
}
@media(max-width: 999px) {
    .card__button {
        width: 162px;
    }
    .sales__discount {
        left: 20px;
    }
    a.header__btn_type_shops {
        display: block;
    }
}

