:root {
    --color-back: #000000;
    --color-white: #ffffff;
    --color-red: #dd0909;
    --color-green: #008800;
    --color-orange: #ffaa00;
    --color-active: #47bf05;
    --color-processing: #4c6090;
    --color-paused: #838383;
    --color-primary: var(--color-red);
    --color-secondary: #231d65;
    --color-text: var(--color-secondary);
    --color-ended: var(--color-black);
    --color-bd: #b7b7b7;
    --color-bg: #ebebeb;
    --color-link: var(--color-primary);
    --color-hover: #9a0000;
    --color-hover-secondary: #070336;
    --color-facebook: #3b5998;
    --color-twitter: #1da1f2;
    --color-google: #dd4b39;
    --color-youtube: #ff0000;
    --color-linkedin: #0077b5;
    --color-instagram: #c13584;
    --color-pinterest: #bd081c;
    --color-gradient: #ffffff
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

main {
    display: block
}

a {
    background-color: rgba(0,0,0,0)
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,strong {
    font-weight: bold
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

img {
    border-style: none
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

button,[type=button],[type=reset],[type=submit] {
    -webkit-appearance: button
}

button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner {
    padding: 0;
    border-style: none
}

legend {
    display: table;
    max-width: 100%;
    padding: 0;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

:root {
    accent-color: var(--color-primary)
}

:focus {
    outline: 2px solid var(--color-secondary);
    outline-offset: 0
}

input:focus,textarea:focus,select:focus {
    outline-offset: -2px
}

@supports selector(:focus-visible) {
    :focus {
        outline: none
    }

    :focus-visible {
        outline: 2px solid var(--color-secondary);
        outline-offset: 0
    }

    input:focus-visible,textarea:focus-visible,select:focus-visible {
        outline-offset: -2px
    }
}

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

img,iframe,object,embed,svg {
    vertical-align: middle
}

fieldset {
    margin: 0;
    padding: 0;
    border: 0
}

figure {
    margin: 0
}

[disabled] {
    cursor: default
}

.as-link {
    display: inline;
    padding: 0;
    border: 0;
    background: none;
    font-size: inherit;
    line-height: inherit;
    text-align: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.footer__list,.m-side__list,.m-steps__list,.m-social__list,.m-other__list,.m-secondary__list,.m-main__list,.b-languages__list,.b-suggest__list,.b-accordion__list,.grid {
    margin: 0
}

.footer__item,.m-side__item,.m-steps__item,.m-social__item,.m-other__item,.m-secondary__item,.m-main__item,.b-languages__item,.b-suggest__item,.b-accordion__item,.grid__cell {
    margin: 0;
    padding: 0;
    background: none
}

.grid {
    counter-reset: none
}

.grid__cell {
    position: static
}

.grid__cell::before {
    content: normal;
    counter-increment: none;
    position: static;
    top: auto;
    left: auto
}

.grid {
    display: flex;
    flex-wrap: wrap
}

.grid__cell {
    flex: 0 0 auto;
    width: 100%
}

.grid--scroll {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto
}

.js .grid--scroll {
    overflow-x: hidden
}

.grid--scroll .grid__cell {
    flex-shrink: 0
}

.grid--scroll .slick-slide .grid__cell {
    max-width: none
}

html {
    color: var(--color-text);
    font-family: "degular",-apple-system,blinkmacsystemfont,"Segoe UI",roboto,helvetica,arial,sans-serif;
    font-size: 18px;
    line-height: 1.5833333333
}

@media(min-width: 1000px) {
    html {
        font-size:22px
    }
}

@media(min-width: 1280px) {
    html {
        font-size:24px
    }
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
    margin: 1.5em 0 .5em;
    font-family: "degular",-apple-system,blinkmacsystemfont,"Segoe UI",roboto,helvetica,arial,sans-serif;
    font-weight: 900;
    line-height: .9;
    text-transform: uppercase
}

.h0 {
    font-size: 53px;
    letter-spacing: .03em
}

@media(min-width: 1280px) {
    .h0 {
        font-size:80px
    }
}

@media(min-width: 1650px) {
    .h0 {
        font-size:120px
    }
}

h1,.h1 {
    font-size: 40px
}

@media(min-width: 1280px) {
    h1,.h1 {
        font-size:70px
    }
}

@media(min-width: 1650px) {
    h1,.h1 {
        font-size:80px
    }
}

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

@media(min-width: 1280px) {
    h2,.h2 {
        font-size:40px
    }
}

@media(min-width: 1650px) {
    h2,.h2 {
        font-size:48px
    }
}

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

@media(min-width: 1280px) {
    h3,.h3 {
        font-size:36px
    }
}

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

@media(min-width: 1280px) {
    h4,.h4 {
        font-size:26px
    }
}

h5,.h5 {
    font-size: 15px
}

@media(min-width: 1280px) {
    h5,.h5 {
        font-size:22px
    }
}

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

p {
    margin: 0 0 1.35em
}

hr {
    height: 1px;
    margin: 1.35em 0;
    border: solid var(--color-bd);
    border-width: 1px 0 0;
    overflow: hidden
}

blockquote {
    margin: 0 0 1.35em;
    padding: 0
}

blockquote p {
    margin-bottom: 0
}

a,.as-link {
    color: var(--color-link);
    text-decoration: underline;
    transition: color .3s;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.hoverevents a:hover,.hoverevents .as-link:hover {
    color: var(--color-hover)
}

.as-link {
    cursor: pointer
}

ul,ol,dl {
    margin: 0 0 1.35em;
    padding: 0;
    list-style: none
}

li {
    margin: 0 0 .3375em;
    padding: 0 0 0 18px
}

ul li {
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%206%203%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23DD0909%22%20d%3D%22M0%200h6v3H0V0z%22%2F%3E%3C%2Fsvg%3E");
    background-position: 2px .85em;
    background-repeat: no-repeat;
    background-size: 6px 3px
}

ol {
    counter-reset: item
}

ol li {
    position: relative;
    padding: 0 0 0 25px
}

ol li::before {
    content: counter(item) ".";
    counter-increment: item;
    position: absolute;
    top: 0;
    left: 0
}

ol ol li::before {
    content: counter(item, lower-alpha) "."
}

dt {
    margin: 0;
    font-weight: bold
}

dd {
    margin: 0 0 .675em;
    padding: 0
}

table {
    clear: both;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    width: 100%;
    margin: 0 0 1.35em;
    border: 1px solid var(--color-bd)
}

caption {
    padding: 0 0 10px;
    font-weight: bold;
    text-align: left;
    caption-side: top
}

td,th {
    vertical-align: top;
    padding: 15px 20px;
    border: 1px solid var(--color-bd)
}

th {
    font-weight: 600;
    text-align: left
}

thead th {
    background: var(--color-bg)
}

figure {
    margin-bottom: 1.35em
}

figure a:focus {
    outline: none
}

figcaption {
    margin-top: .5em
}

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

.icon-svg {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    width: 1000px
}

.icon-svg__svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    fill: currentColor;
    pointer-events: none;
    transform: translateZ(0)
}

.icon-svg::before {
    content: "";
    display: block;
    padding-top: 100%
}

.icon-svg--arrow-left {
    width: 561.7px
}

.icon-svg--arrow-right {
    width: 561.7px
}

.icon-svg--card {
    width: 46px
}

.icon-svg--check-bold {
    width: 28.4px
}

.icon-svg--exclamation {
    width: 4.6px
}

.icon-svg--facebook {
    width: 310px
}

.icon-svg--gift {
    width: 19px
}

.icon-svg--globe {
    width: 100px
}

.icon-svg--info {
    width: 100px
}

.icon-svg--instagram {
    width: 24px
}

.icon-svg--linkedin {
    width: 310px
}

.icon-svg--pause {
    width: 15.3px
}

.icon-svg--planned {
    width: 11.1px
}

.icon-svg--play-video {
    width: 130px
}

.icon-svg--point {
    width: 100px
}

.icon-svg--processing {
    width: 21.4px
}

.icon-svg--questionmark {
    width: 7px
}

.icon-svg--search {
    width: 68px
}

.icon-svg--stop {
    width: 20.5px
}

.icon-svg--tiktok {
    width: 310px
}

.icon-svg--transport {
    width: 315.5px
}

.icon-svg--twitter {
    width: 310px
}

.icon-svg--youtube {
    width: 310px
}

.icon-svg--arrow-left::before {
    padding-top: 173.0461100231%
}

.icon-svg--arrow-right::before {
    padding-top: 173.0461100231%
}

.icon-svg--arrow::before {
    padding-top: 61.8%
}

.icon-svg--burger::before {
    padding-top: 71.51%
}

.icon-svg--card::before {
    padding-top: 69.5652173913%
}

.icon-svg--check-bold::before {
    padding-top: 92.9577464789%
}

.icon-svg--check-circle::before {
    padding-top: 100.23%
}

.icon-svg--check::before {
    padding-top: 92.68%
}

.icon-svg--edit::before {
    padding-top: 100.28%
}

.icon-svg--exclamation::before {
    padding-top: 439.1304347826%
}

.icon-svg--eye::before {
    padding-top: 71.43%
}

.icon-svg--pause::before {
    padding-top: 128.1045751634%
}

.icon-svg--planned::before {
    padding-top: 188.2882882883%
}

.icon-svg--play::before {
    padding-top: 163.75%
}

.icon-svg--point::before {
    padding-top: 90.9%
}

.icon-svg--processing::before {
    padding-top: 32.2429906542%
}

.icon-svg--questionmark::before {
    padding-top: 131.4285714286%
}

.icon-svg--star::before {
    padding-top: 96%
}

.icon-svg--stop::before {
    padding-top: 95.6097560976%
}

.icon-svg--transport::before {
    padding-top: 65.705229794%
}

.btn {
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    border: 0;
    background: none;
    text-decoration: none;
    cursor: pointer
}

.btn__text {
    position: relative;
    display: block;
    min-width: 160px;
    padding: 8px 15px 11px;
    background-color: var(--color-primary);
    background-image: url("../img/illust/typography/btn-bg-primary.png");
    background-position: top left;
    background-repeat: no-repeat;
    background-size: auto 100%;
    color: var(--color-white);
    font-weight: bold;
    font-size: 17px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    transition: background-color .3s,border-color .3s,color .3s
}

.btn--blue .btn__text {
    background-color: var(--color-hover-secondary);
    background-image: url("../img/illust/typography/btn-bg-secondary.png");
    background-position: top center
}

.btn--blue.btn--secondary .btn__text {
    background-color: rgba(0,0,0,0);
    background-image: none;
    color: var(--color-secondary)
}

.btn--blue.btn--secondary .btn__text::before {
    background-image: url("../img/illust/typography/underline-secondary.svg")
}

.btn--white.btn--secondary .btn__text {
    background-color: rgba(0,0,0,0);
    background-image: none;
    color: var(--color-white)
}

.btn--white.btn--secondary .btn__text::before {
    background-image: url("../img/illust/typography/underline-white.svg")
}

.btn--white.btn--secondary .btn__text::after {
    background-image: url("../img/illust/typography/underline-red.svg")
}

.btn--xs .btn__text {
    padding: 11px 20px 13px;
    font-size: 17px
}

.btn--sm .btn__text {
    padding: 11px 20px 13px;
    font-size: 22px
}

.btn--lg .btn__text {
    padding: 14px 20px 17px;
    font-size: 26px
}

.btn--secondary .btn__text {
    min-width: auto;
    padding: 0 0 8px;
    background-color: rgba(0,0,0,0);
    background-image: none;
    color: var(--color-primary)
}

.btn--secondary .btn__text::before,.btn--secondary .btn__text::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 2px;
    background-image: url("../img/illust/typography/underline-red.svg");
    background-size: cover;
    transition: opacity .3s,filter .3s
}

.btn--secondary .btn__text::after {
    background-image: url("../img/illust/typography/underline-white.svg");
    opacity: 0
}

.btn--secondary.btn--sm .btn__text {
    font-size: 15px
}

.btn:disabled,.btn.is-disabled {
    opacity: .5;
    pointer-events: none
}

.hoverevents .btn:hover .btn__text {
    background-color: var(--color-hover);
    color: var(--color-white)
}

.hoverevents .btn--secondary:hover .btn__text {
    background-color: rgba(0,0,0,0);
    color: var(--color-primary)
}

.hoverevents .btn--secondary:hover .btn__text::before {
    opacity: 0
}

.hoverevents .btn--secondary:hover .btn__text::after {
    opacity: 1
}

.hoverevents .btn--blue.btn--secondary:hover .btn__text {
    color: var(--color-secondary)
}

@media(min-width: 750px) {
    .btn__text {
        min-width:240px;
        padding: 14px 20px 17px;
        font-size: 26px
    }

    .btn--secondary .btn__text {
        min-width: auto
    }

    .btn--secondary.btn--sm .btn__text {
        font-size: 22px
    }
}

.inp-text,.inp-select {
    display: block;
    width: 100%;
    min-height: 34px;
    padding: 3px 10px 5px;
    border: 1px solid var(--color-bd);
    border-radius: 0;
    background-color: var(--color-white);
    color: var(--color-text);
    font-size: 18px;
    line-height: 1;
    transition: background-color .3s,border-color .3s;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[type=search].inp-text::-webkit-search-decoration,[type=search].inp-select::-webkit-search-decoration,[type=search].inp-text::-webkit-search-cancel-button,[type=search].inp-select::-webkit-search-cancel-button,[type=search].inp-text::-webkit-search-results-button,[type=search].inp-select::-webkit-search-results-button,[type=search].inp-text::-webkit-search-results-decoration,[type=search].inp-select::-webkit-search-results-decoration {
    -webkit-appearance: none
}

.inp-text:disabled,.inp-select:disabled {
    background-color: var(--color-bg)
}

.inp-text:focus,.inp-select:focus {
    border-color: var(--color-text)
}

.has-error .inp-text,.has-error .inp-select {
    border-color: var(--color-red)
}

.inp-fix {
    position: relative;
    display: block
}

.inp-fix--icon .inp-text {
    padding-right: 40px
}

.inp-fix__icon {
    position: absolute;
    top: 50%;
    right: 8px;
    width: 20px;
    color: var(--color-secondary);
    transform: translateY(-50%)
}

.inp-fix__btn {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 0 20px;
    color: var(--color-primary)
}

.inp-fix__btn::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 2px;
    height: 80%;
    border-radius: 2px;
    background: rgba(0,0,0,0);
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transition: background-color .3s
}

.inp-fix__btn .icon-svg {
    width: 24px;
    color: inherit
}

.has-error .inp-fix {
    color: var(--color-red)
}

.has-warning .inp-fix {
    color: var(--color-orange)
}

.has-ok .inp-fix {
    color: var(--color-green)
}

.inp-text[type=text]+.inp-fix__btn::before {
    background: var(--color-link)
}

.hoverevents .inp-fix__btn:hover {
    color: var(--color-secondary)
}

.hoverevents .inp-text[type=text]+.inp-fix__btn:hover::before {
    background-color: var(--color-secondary)
}

.inp-label {
    display: block;
    vertical-align: top;
    margin-bottom: 4px;
    font-size: 17px
}

@media(min-width: 480px) {
    .inp-label {
        font-size:18px
    }
}

@media(max-width: 749.98px) {
    .inp-label {
        margin-bottom:4px
    }
}

.inp-select {
    padding-right: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 5'%3E%3Cpath d='M10 0L5 5 0 0'/%3E%3C/svg%3E%0A");
    background-position: top 50% right 15px;
    background-repeat: no-repeat;
    background-size: 10px 5px
}

.inp-select::-ms-expand {
    display: none
}

.inp-text::placeholder {
    color: rgba(var(--color-text), 0.5);
    opacity: 1
}

.inp-text[type=password]::-webkit-credentials-auto-fill-button,.inp-text[type=password]::-webkit-contacts-auto-fill-button {
    position: absolute;
    right: 0;
    display: none !important;
    visibility: hidden;
    pointer-events: none
}

.inp-text:focus::placeholder {
    color: rgba(var(--color-black), 0.25)
}

textarea.inp-text {
    height: auto
}

.inp-wrap {
    margin-bottom: 4px
}

@media(min-width: 480px) {
    .inp-wrap {
        margin-bottom:6px
    }
}

.inp-item {
    position: relative;
    display: inline-block;
    padding-left: 50px;
    font-size: 17px;
    line-height: 1.1;
    cursor: pointer
}

.inp-item input {
    position: absolute;
    left: -5000px
}

.inp-item>span {
    transition: color .3s
}

.inp-item>span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-image: url("../img/illust/typography/circle.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.inp-item>span .icon-svg {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 20px;
    color: rgba(0,0,0,0);
    transition: color .3s
}

.inp-item--checkbox input:checked+span .icon-svg,.inp-item--radio input:checked+span .icon-svg {
    color: var(--color-primary)
}

.inp-item.is-disabled {
    color: var(--color-bd);
    filter: grayscale(100%);
    pointer-events: none
}

.has-error .inp-item input+span {
    color: var(--color-red)
}

.has-error .inp-item--checkbox input:checked+span::before,.has-error .inp-item--radio input:checked+span::after {
    background-color: var(--color-red)
}

.hoverevents .inp-item:hover input+span {
    color: var(--color-primary)
}

.hoverevents .inp-item:hover input+span::before {
    border-color: var(--color-primary)
}

.has-error .inp-item:hover input+span {
    color: var(--color-primary)
}

.has-error .inp-item:hover input+span::before {
    border-color: var(--color-primary)
}

@media(min-width: 750px) {
    .inp-item {
        padding-left:40px;
        font-size: 18px;
        line-height: 1.3
    }

    .inp-item>span::before {
        width: 24px;
        height: 24px
    }

    .inp-item>span .icon-svg {
        top: 6px;
        left: 6px;
        width: 12px;
        height: 12px
    }
}

.inp-choose {
    position: relative;
    display: block;
    height: 100%;
    font-size: 17px;
    line-height: 1.2;
    cursor: pointer
}

.inp-choose input {
    position: absolute;
    left: -5000px
}

.inp-choose__box {
    display: block;
    height: 100%;
    padding: 16px 55px 16px 20px;
    border: 1px solid rgba(0,0,0,0);
    background: var(--color-white);
    text-align: left;
    transition: border-color .3s,box-shadow .3s;
    box-shadow: 0 0 0 1px rgba(0,0,0,0)
}

.inp-choose__box::before {
    content: "";
    position: absolute;
    top: 14px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-image: url("../img/illust/typography/circle.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.inp-choose__box .icon-svg {
    position: absolute;
    top: 24px;
    right: 30px;
    width: 20px;
    height: 20px;
    color: rgba(0,0,0,0);
    transition: color .3s
}

.inp-choose__title {
    display: block;
    color: var(--color-red);
    font-weight: 900;
    font-size: 26px;
    text-transform: uppercase
}

.inp-choose__price {
    display: block;
    margin: 5px 0 0;
    color: var(--color-red);
    font-weight: 500;
    font-size: 30px
}

.inp-choose__desc {
    display: block
}

.inp-choose__info {
    display: block;
    margin: 10px 0 0;
    font-weight: bold;
    text-transform: uppercase
}

.inp-choose__sufix {
    font-weight: 800
}

.b-modal .inp-choose>span {
    box-shadow: 0 0 0 1px var(--color-secondary)
}

.inp-choose--lg>span {
    padding: 12px 55px 12px 25px
}

.inp-choose--lg strong {
    margin: 0 0 -3px;
    font-size: 40px
}

.inp-choose--frequency .inp-choose__title {
    position: relative;
    display: inline-block;
    padding-right: 20px
}

.inp-choose--frequency .inp-choose__title .tooltip {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    width: 28px;
    height: 28px
}

.inp-choose--frequency .inp-choose__title .tooltip__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 28px;
    height: 28px;
    color: var(--color-secondary);
    transform: translate(-50%, -50%)
}

.inp-choose--frequency .inp-choose__title .tooltip__btn .icon-svg {
    top: 50%;
    left: 50%;
    width: 28px;
    height: 28px;
    transform: translate(-50%, -50%)
}

.inp-choose--frequency .inp-choose__title .tooltip__btn .icon-svg svg {
    fill: var(--color-secondary)
}

.inp-choose--frequency .inp-choose__title .tooltip__content {
    font-weight: 400;
    text-transform: none
}

.inp-choose--frequency .inp-choose__price {
    display: block;
    color: var(--color-secondary);
    font-weight: 900;
    font-size: 26px;
    text-transform: none
}

.inp-choose--delivery .inp-choose__title {
    position: relative;
    display: inline-block;
    padding-right: 20px
}

.inp-choose--delivery .inp-choose__title .tooltip {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 26px
}

.inp-choose--delivery .inp-choose__title .tooltip__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 26px;
    height: 26px;
    color: var(--color-secondary);
    transform: translate(-50%, -50%)
}

.inp-choose--delivery .inp-choose__title .tooltip__btn .icon-svg {
    top: 50%;
    left: 50%;
    width: 26px;
    height: 26px;
    transform: translate(-50%, -50%)
}

.inp-choose--delivery .inp-choose__title .tooltip__btn .icon-svg svg {
    fill: var(--color-secondary)
}

.inp-choose--delivery .inp-choose__title .tooltip__content {
    font-weight: 400;
    text-transform: none
}

.inp-choose input:checked+span {
    border-color: var(--color-secondary);
    box-shadow: 0 0 0 1px var(--color-secondary)
}

.inp-choose input:checked+span .icon-svg {
    color: var(--color-primary)
}

.inp-choose.disabled {
    cursor: default
}

.inp-choose.disabled .inp-choose__box {
    background-color: #f5f5f5
}

.inp-choose.disabled .inp-choose__box::before {
    opacity: .5
}

.inp-choose.disabled .inp-choose__title {
    color: #e47979
}

.inp-choose.disabled .inp-choose__desc {
    color: #8784a8
}

.inp-choose.disabled .inp-choose__price {
    color: #8784a8
}

.inp-choose.disabled .tooltip .icon-svg--info svg {
    fill: #8784a8
}

.inp-choose .tooltip__btn:hover {
    color: var(--color-hover-secondary)
}

@media(min-width: 480px) {
    .inp-choose {
        font-size:18px
    }

    .inp-choose>span {
        padding: 21px 55px 21px 25px
    }

    .inp-choose>span::before {
        top: 18px;
        right: 24px
    }

    .inp-choose>span .icon-svg {
        top: 27px;
        right: 34px
    }

    .inp-choose__price {
        font-size: 40px
    }

    .inp-choose__info {
        margin: 20px 0 0
    }

    .inp-choose--lg>span {
        padding: 20px 55px 20px 32px
    }

    .inp-choose--lg>span::before {
        top: 30px
    }

    .inp-choose--lg>span .icon-svg {
        top: 40px
    }

    .inp-choose--lg strong {
        margin: 0;
        font-size: 50px
    }

    .inp-choose--delivery .inp-choose__title .tooltip {
        width: 31px;
        height: 31px
    }

    .inp-choose--delivery .inp-choose__title .tooltip__btn {
        width: 31px;
        height: 31px
    }

    .inp-choose--delivery .inp-choose__title .tooltip__btn .icon-svg {
        width: 31px;
        height: 31px
    }
}

.inp-count {
    position: relative;
    display: inline-flex;
    gap: 14px;
    align-items: center
}

.inp-count .inp-text {
    width: 88px;
    height: 48px;
    min-height: 0;
    padding: 0 0 7px;
    border: 1px solid var(--color-primary);
    font-size: 40px;
    text-align: center
}

.inp-count .inp-text:focus {
    z-index: initial;
    border-color: #e8e8e8
}

.inp-count .inp-text::-webkit-outer-spin-button,.inp-count .inp-text::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none
}

.inp-count .inp-text[type=number] {
    -moz-appearance: textfield
}

.safari .inp-count .inp-text {
    height: auto
}

@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
    @supports(-webkit-appearance: none) and (stroke-color: transparent) {
        .inp-count .inp-text {
            height:auto
        }
    }
}

.inp-count__tool {
    position: relative;
    width: 38px;
    height: 38px;
    border: 2px solid var(--color-link);
    border-radius: 50%
}

.inp-count__tool::before,.inp-count__tool::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    width: 16px;
    height: 2px;
    background: var(--color-link);
    transform: translate(-50%, -50%);
    transition: background-color .3s
}

.inp-count__tool--plus::after {
    transform: translate(-50%, -50%) rotate(90deg)
}

.hoverevents .inp-count__tool:hover {
    border-color: var(--color-hover)
}

.hoverevents .inp-count__tool:hover::before,.hoverevents .inp-count__tool:hover::after {
    background: var(--color-hover)
}

@media(max-width: 479.98px) {
    .b-modal .inp-count {
        gap:12px
    }

    .b-modal .inp-count .inp-text {
        width: 65px;
        height: 35px;
        padding: 0 0 4px;
        font-size: 24px
    }

    .b-modal .inp-count .inp-count__tool {
        width: 30px;
        height: 30px;
        border-width: 1px
    }

    .b-modal .inp-count .inp-count__tool::before,.b-modal .inp-count .inp-count__tool::after {
        width: 12px
    }
}

@media(min-width: 480px) {
    .inp-count {
        gap:10px
    }

    .inp-count .inp-text {
        width: 50px;
        height: 28px;
        padding: 0 0 4px;
        font-size: 24px
    }

    .safari .inp-count .inp-text {
        height: auto
    }

    @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
        @supports(-webkit-appearance: none) and (stroke-color: transparent) {
            .inp-count .inp-text {
                height:auto
            }
        }
    }

    .inp-count__tool {
        width: 24px;
        height: 24px;
        border-width: 1px
    }

    .inp-count__tool::before,.inp-count__tool::after {
        width: 8px
    }
}

.inp-tabs {
    display: flex;
    gap: 10px;
    margin: 0;
    font-size: 18px
}

.inp-tabs input {
    position: absolute;
    left: -5000px
}

.inp-tabs__item {
    flex: 1 1 auto;
    cursor: pointer
}

.inp-tabs__inner {
    position: relative;
    display: block;
    padding: 4px 35px 6px 10px;
    border: 1px solid var(--color-bd);
    transition: border-color .3s,background-color .3s,color .3s
}

.inp-tabs__inner .icon-svg {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 10px;
    color: var(--color-secondary);
    visibility: hidden;
    opacity: 0;
    transform: translateY(-50%);
    transition: opacity .3s,visibility .3s
}

.inp-tabs__inner::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 18px;
    height: 18px;
    border: 1px solid var(--color-secondary);
    border-radius: 50%;
    background: var(--color-white);
    visibility: hidden;
    opacity: 0;
    transform: translateY(-50%);
    transition: opacity .3s,visibility .3s;
    box-shadow: 0 0 0 1px var(--color-white)
}

input:checked+.inp-tabs__inner {
    border-color: var(--color-secondary);
    background: var(--color-secondary);
    color: var(--color-white)
}

input:checked+.inp-tabs__inner .icon-svg,input:checked+.inp-tabs__inner::before {
    visibility: visible;
    opacity: 1
}

.inp-payment {
    display: flex;
    gap: 6px;
    margin: 0;
    font-size: 18px
}

.inp-payment input {
    position: absolute;
    left: -5000px
}

.inp-payment__item {
    flex: 0 0 calc(33.33% - 6px);
    cursor: pointer
}

.inp-payment__img {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
    margin-bottom: 7px;
    padding: 12px;
    border: 1px solid rgba(0,0,0,0);
    transition: border-color .3s,box-shadow .3s;
    box-shadow: 0 0 0 1px var(--color-bd)
}

.inp-payment__img img {
    max-height: 100%
}

input:checked+.inp-payment__inner .inp-payment__img {
    border-color: var(--color-secondary);
    box-shadow: 0 0 0 1px var(--color-secondary)
}

@media(max-width: 479.98px) {
    .b-modal .inp-payment {
        flex-direction:column;
        font-size: 20px;
        text-align: left
    }

    .b-modal .inp-payment .inp-payment__img {
        height: 80px;
        margin-bottom: 4px
    }
}

.inp-subscription {
    position: relative;
    display: block;
    height: 100%;
    font-size: 17px;
    line-height: 1.2;
    cursor: pointer
}

.inp-subscription input {
    position: absolute;
    left: -5000px
}

.inp-subscription>span {
    display: block;
    height: 100%;
    padding: 16px 75px 16px 20px;
    border: 1px solid rgba(0,0,0,0);
    background: var(--color-white);
    text-align: left;
    transition: border-color .3s,box-shadow .3s;
    box-shadow: 0 0 0 1px rgba(0,0,0,0)
}

.inp-subscription>span::before {
    content: "";
    position: absolute;
    top: 14px;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-image: url("../img/illust/typography/circle.svg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100% 100%
}

.inp-subscription>span .icon-svg {
    position: absolute;
    top: 24px;
    right: 30px;
    width: 20px;
    height: 20px;
    color: rgba(0,0,0,0);
    transition: color .3s
}

.inp-subscription strong {
    display: block;
    color: var(--color-red);
    font-weight: 900;
    font-size: 26px;
    text-transform: uppercase
}

.b-modal .inp-subscription>span {
    box-shadow: 0 0 0 1px var(--color-secondary)
}

.inp-subscription input:checked+span {
    border-color: var(--color-secondary);
    box-shadow: 0 0 0 1px var(--color-secondary)
}

.inp-subscription input:checked+span .icon-svg {
    color: var(--color-primary)
}

@media(min-width: 480px) {
    .inp-subscription {
        font-size:18px
    }

    .inp-subscription>span {
        padding: 21px 55px 21px 25px
    }

    .inp-subscription>span::before {
        top: 18px;
        right: 24px
    }

    .inp-subscription>span .icon-svg {
        top: 27px;
        right: 34px
    }
}

.file-input__trigger {
    white-space: nowrap;
    cursor: pointer
}

.file-input__input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.file-input__list {
    margin-top: 15px
}

.file-input__item {
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 5px;
    font-size: 16px;
    line-height: 1
}

.file-input__item:last-child {
    margin-bottom: 0
}

.file-input__info {
    display: flex;
    align-items: center;
    width: 65%
}

.file-input__info>* {
    margin-right: 10px
}

.file-input__name {
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.file-input__remove {
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    border: none;
    background-color: rgba(0,0,0,0);
    color: var(--color-primary);
    text-decoration: underline;
    cursor: pointer
}

.hoverevents .file-input__remove:hover {
    text-decoration: none
}

.row-main {
    position: relative;
    width: 100%;
    max-width: 1510px;
    margin: 0 auto;
    padding: 0 17px
}

.row-main::before,.row-main::after {
    content: "";
    display: table
}

.row-main::after {
    clear: both
}

.row-main .full-width {
    position: relative;
    left: 50%;
    width: 100vw;
    width: calc(var(--vw, 1vw)*100);
    margin-left: -50vw;
    margin-left: calc(var(--vw, 1vw)*-50)
}

.row-main--sm {
    max-width: 1100px
}

.row-main--lg {
    max-width: 1880px
}

@media(min-width: 750px) {
    .row-main {
        padding:0 30px
    }

    .row-main--lg {
        padding: 0 35px
    }
}

@media(min-width: 1280px) {
    .row-main {
        padding:0 80px
    }

    .row-main--sm {
        padding: 0 60px
    }

    .row-main--lg {
        padding: 0 35px
    }
}

.grid {
    margin-bottom: -30px;
    margin-left: -30px
}

.grid--x-0 {
    margin-left: 0
}

.grid--x-0>.grid__cell {
    border-left-width: 0
}

.grid--x-xs {
    margin-left: -15px
}

.grid--x-xs>.grid__cell {
    border-left-width: 15px
}

.grid--x-sm {
    margin-left: -30px
}

.grid--x-sm>.grid__cell {
    border-left-width: 30px
}

.grid--x-md {
    margin-left: -60px
}

.grid--x-md>.grid__cell {
    border-left-width: 60px
}

.grid--x-lg {
    margin-left: -80px
}

.grid--x-lg>.grid__cell {
    border-left-width: 80px
}

.grid--x-xl {
    margin-left: -90px
}

.grid--x-xl>.grid__cell {
    border-left-width: 90px
}

.grid--x-xxl {
    margin-left: -100px
}

.grid--x-xxl>.grid__cell {
    border-left-width: 100px
}

.grid--y-0 {
    margin-bottom: 0
}

.grid--y-0>.grid__cell {
    border-bottom-width: 0
}

.grid--y-xs {
    margin-bottom: -15px
}

.grid--y-xs>.grid__cell {
    border-bottom-width: 15px
}

.grid--y-sm {
    margin-bottom: -30px
}

.grid--y-sm>.grid__cell {
    border-bottom-width: 30px
}

.grid--y-md {
    margin-bottom: -60px
}

.grid--y-md>.grid__cell {
    border-bottom-width: 60px
}

.grid--y-lg {
    margin-bottom: -80px
}

.grid--y-lg>.grid__cell {
    border-bottom-width: 80px
}

.grid--y-xl {
    margin-bottom: -90px
}

.grid--y-xl>.grid__cell {
    border-bottom-width: 90px
}

.grid--y-xxl {
    margin-bottom: -100px
}

.grid--y-xxl>.grid__cell {
    border-bottom-width: 100px
}

@media(min-width: 360px) {
    .grid--x-0\@xs {
        margin-left:0
    }

    .grid--x-0\@xs>.grid__cell {
        border-left-width: 0
    }

    .grid--x-xs\@xs {
        margin-left: -15px
    }

    .grid--x-xs\@xs>.grid__cell {
        border-left-width: 15px
    }

    .grid--x-sm\@xs {
        margin-left: -30px
    }

    .grid--x-sm\@xs>.grid__cell {
        border-left-width: 30px
    }

    .grid--x-md\@xs {
        margin-left: -60px
    }

    .grid--x-md\@xs>.grid__cell {
        border-left-width: 60px
    }

    .grid--x-lg\@xs {
        margin-left: -80px
    }

    .grid--x-lg\@xs>.grid__cell {
        border-left-width: 80px
    }

    .grid--x-xl\@xs {
        margin-left: -90px
    }

    .grid--x-xl\@xs>.grid__cell {
        border-left-width: 90px
    }

    .grid--x-xxl\@xs {
        margin-left: -100px
    }

    .grid--x-xxl\@xs>.grid__cell {
        border-left-width: 100px
    }

    .grid--y-0\@xs {
        margin-bottom: 0
    }

    .grid--y-0\@xs>.grid__cell {
        border-bottom-width: 0
    }

    .grid--y-xs\@xs {
        margin-bottom: -15px
    }

    .grid--y-xs\@xs>.grid__cell {
        border-bottom-width: 15px
    }

    .grid--y-sm\@xs {
        margin-bottom: -30px
    }

    .grid--y-sm\@xs>.grid__cell {
        border-bottom-width: 30px
    }

    .grid--y-md\@xs {
        margin-bottom: -60px
    }

    .grid--y-md\@xs>.grid__cell {
        border-bottom-width: 60px
    }

    .grid--y-lg\@xs {
        margin-bottom: -80px
    }

    .grid--y-lg\@xs>.grid__cell {
        border-bottom-width: 80px
    }

    .grid--y-xl\@xs {
        margin-bottom: -90px
    }

    .grid--y-xl\@xs>.grid__cell {
        border-bottom-width: 90px
    }

    .grid--y-xxl\@xs {
        margin-bottom: -100px
    }

    .grid--y-xxl\@xs>.grid__cell {
        border-bottom-width: 100px
    }
}

@media(min-width: 480px) {
    .grid--x-0\@sm {
        margin-left:0
    }

    .grid--x-0\@sm>.grid__cell {
        border-left-width: 0
    }

    .grid--x-xs\@sm {
        margin-left: -15px
    }

    .grid--x-xs\@sm>.grid__cell {
        border-left-width: 15px
    }

    .grid--x-sm\@sm {
        margin-left: -30px
    }

    .grid--x-sm\@sm>.grid__cell {
        border-left-width: 30px
    }

    .grid--x-md\@sm {
        margin-left: -60px
    }

    .grid--x-md\@sm>.grid__cell {
        border-left-width: 60px
    }

    .grid--x-lg\@sm {
        margin-left: -80px
    }

    .grid--x-lg\@sm>.grid__cell {
        border-left-width: 80px
    }

    .grid--x-xl\@sm {
        margin-left: -90px
    }

    .grid--x-xl\@sm>.grid__cell {
        border-left-width: 90px
    }

    .grid--x-xxl\@sm {
        margin-left: -100px
    }

    .grid--x-xxl\@sm>.grid__cell {
        border-left-width: 100px
    }

    .grid--y-0\@sm {
        margin-bottom: 0
    }

    .grid--y-0\@sm>.grid__cell {
        border-bottom-width: 0
    }

    .grid--y-xs\@sm {
        margin-bottom: -15px
    }

    .grid--y-xs\@sm>.grid__cell {
        border-bottom-width: 15px
    }

    .grid--y-sm\@sm {
        margin-bottom: -30px
    }

    .grid--y-sm\@sm>.grid__cell {
        border-bottom-width: 30px
    }

    .grid--y-md\@sm {
        margin-bottom: -60px
    }

    .grid--y-md\@sm>.grid__cell {
        border-bottom-width: 60px
    }

    .grid--y-lg\@sm {
        margin-bottom: -80px
    }

    .grid--y-lg\@sm>.grid__cell {
        border-bottom-width: 80px
    }

    .grid--y-xl\@sm {
        margin-bottom: -90px
    }

    .grid--y-xl\@sm>.grid__cell {
        border-bottom-width: 90px
    }

    .grid--y-xxl\@sm {
        margin-bottom: -100px
    }

    .grid--y-xxl\@sm>.grid__cell {
        border-bottom-width: 100px
    }
}

@media(min-width: 750px),print {
    .grid--x-0\@md {
        margin-left:0
    }

    .grid--x-0\@md>.grid__cell {
        border-left-width: 0
    }

    .grid--x-xs\@md {
        margin-left: -15px
    }

    .grid--x-xs\@md>.grid__cell {
        border-left-width: 15px
    }

    .grid--x-sm\@md {
        margin-left: -30px
    }

    .grid--x-sm\@md>.grid__cell {
        border-left-width: 30px
    }

    .grid--x-md\@md {
        margin-left: -60px
    }

    .grid--x-md\@md>.grid__cell {
        border-left-width: 60px
    }

    .grid--x-lg\@md {
        margin-left: -80px
    }

    .grid--x-lg\@md>.grid__cell {
        border-left-width: 80px
    }

    .grid--x-xl\@md {
        margin-left: -90px
    }

    .grid--x-xl\@md>.grid__cell {
        border-left-width: 90px
    }

    .grid--x-xxl\@md {
        margin-left: -100px
    }

    .grid--x-xxl\@md>.grid__cell {
        border-left-width: 100px
    }

    .grid--y-0\@md {
        margin-bottom: 0
    }

    .grid--y-0\@md>.grid__cell {
        border-bottom-width: 0
    }

    .grid--y-xs\@md {
        margin-bottom: -15px
    }

    .grid--y-xs\@md>.grid__cell {
        border-bottom-width: 15px
    }

    .grid--y-sm\@md {
        margin-bottom: -30px
    }

    .grid--y-sm\@md>.grid__cell {
        border-bottom-width: 30px
    }

    .grid--y-md\@md {
        margin-bottom: -60px
    }

    .grid--y-md\@md>.grid__cell {
        border-bottom-width: 60px
    }

    .grid--y-lg\@md {
        margin-bottom: -80px
    }

    .grid--y-lg\@md>.grid__cell {
        border-bottom-width: 80px
    }

    .grid--y-xl\@md {
        margin-bottom: -90px
    }

    .grid--y-xl\@md>.grid__cell {
        border-bottom-width: 90px
    }

    .grid--y-xxl\@md {
        margin-bottom: -100px
    }

    .grid--y-xxl\@md>.grid__cell {
        border-bottom-width: 100px
    }
}

@media(min-width: 1000px),print {
    .grid--x-0\@lg {
        margin-left:0
    }

    .grid--x-0\@lg>.grid__cell {
        border-left-width: 0
    }

    .grid--x-xs\@lg {
        margin-left: -15px
    }

    .grid--x-xs\@lg>.grid__cell {
        border-left-width: 15px
    }

    .grid--x-sm\@lg {
        margin-left: -30px
    }

    .grid--x-sm\@lg>.grid__cell {
        border-left-width: 30px
    }

    .grid--x-md\@lg {
        margin-left: -60px
    }

    .grid--x-md\@lg>.grid__cell {
        border-left-width: 60px
    }

    .grid--x-lg\@lg {
        margin-left: -80px
    }

    .grid--x-lg\@lg>.grid__cell {
        border-left-width: 80px
    }

    .grid--x-xl\@lg {
        margin-left: -90px
    }

    .grid--x-xl\@lg>.grid__cell {
        border-left-width: 90px
    }

    .grid--x-xxl\@lg {
        margin-left: -100px
    }

    .grid--x-xxl\@lg>.grid__cell {
        border-left-width: 100px
    }

    .grid--y-0\@lg {
        margin-bottom: 0
    }

    .grid--y-0\@lg>.grid__cell {
        border-bottom-width: 0
    }

    .grid--y-xs\@lg {
        margin-bottom: -15px
    }

    .grid--y-xs\@lg>.grid__cell {
        border-bottom-width: 15px
    }

    .grid--y-sm\@lg {
        margin-bottom: -30px
    }

    .grid--y-sm\@lg>.grid__cell {
        border-bottom-width: 30px
    }

    .grid--y-md\@lg {
        margin-bottom: -60px
    }

    .grid--y-md\@lg>.grid__cell {
        border-bottom-width: 60px
    }

    .grid--y-lg\@lg {
        margin-bottom: -80px
    }

    .grid--y-lg\@lg>.grid__cell {
        border-bottom-width: 80px
    }

    .grid--y-xl\@lg {
        margin-bottom: -90px
    }

    .grid--y-xl\@lg>.grid__cell {
        border-bottom-width: 90px
    }

    .grid--y-xxl\@lg {
        margin-bottom: -100px
    }

    .grid--y-xxl\@lg>.grid__cell {
        border-bottom-width: 100px
    }
}

@media(min-width: 1280px) {
    .grid--x-0\@xl {
        margin-left:0
    }

    .grid--x-0\@xl>.grid__cell {
        border-left-width: 0
    }

    .grid--x-xs\@xl {
        margin-left: -15px
    }

    .grid--x-xs\@xl>.grid__cell {
        border-left-width: 15px
    }

    .grid--x-sm\@xl {
        margin-left: -30px
    }

    .grid--x-sm\@xl>.grid__cell {
        border-left-width: 30px
    }

    .grid--x-md\@xl {
        margin-left: -60px
    }

    .grid--x-md\@xl>.grid__cell {
        border-left-width: 60px
    }

    .grid--x-lg\@xl {
        margin-left: -80px
    }

    .grid--x-lg\@xl>.grid__cell {
        border-left-width: 80px
    }

    .grid--x-xl\@xl {
        margin-left: -90px
    }

    .grid--x-xl\@xl>.grid__cell {
        border-left-width: 90px
    }

    .grid--x-xxl\@xl {
        margin-left: -100px
    }

    .grid--x-xxl\@xl>.grid__cell {
        border-left-width: 100px
    }

    .grid--y-0\@xl {
        margin-bottom: 0
    }

    .grid--y-0\@xl>.grid__cell {
        border-bottom-width: 0
    }

    .grid--y-xs\@xl {
        margin-bottom: -15px
    }

    .grid--y-xs\@xl>.grid__cell {
        border-bottom-width: 15px
    }

    .grid--y-sm\@xl {
        margin-bottom: -30px
    }

    .grid--y-sm\@xl>.grid__cell {
        border-bottom-width: 30px
    }

    .grid--y-md\@xl {
        margin-bottom: -60px
    }

    .grid--y-md\@xl>.grid__cell {
        border-bottom-width: 60px
    }

    .grid--y-lg\@xl {
        margin-bottom: -80px
    }

    .grid--y-lg\@xl>.grid__cell {
        border-bottom-width: 80px
    }

    .grid--y-xl\@xl {
        margin-bottom: -90px
    }

    .grid--y-xl\@xl>.grid__cell {
        border-bottom-width: 90px
    }

    .grid--y-xxl\@xl {
        margin-bottom: -100px
    }

    .grid--y-xxl\@xl>.grid__cell {
        border-bottom-width: 100px
    }
}

@media(min-width: 1650px) {
    .grid--x-0\@xxl {
        margin-left:0
    }

    .grid--x-0\@xxl>.grid__cell {
        border-left-width: 0
    }

    .grid--x-xs\@xxl {
        margin-left: -15px
    }

    .grid--x-xs\@xxl>.grid__cell {
        border-left-width: 15px
    }

    .grid--x-sm\@xxl {
        margin-left: -30px
    }

    .grid--x-sm\@xxl>.grid__cell {
        border-left-width: 30px
    }

    .grid--x-md\@xxl {
        margin-left: -60px
    }

    .grid--x-md\@xxl>.grid__cell {
        border-left-width: 60px
    }

    .grid--x-lg\@xxl {
        margin-left: -80px
    }

    .grid--x-lg\@xxl>.grid__cell {
        border-left-width: 80px
    }

    .grid--x-xl\@xxl {
        margin-left: -90px
    }

    .grid--x-xl\@xxl>.grid__cell {
        border-left-width: 90px
    }

    .grid--x-xxl\@xxl {
        margin-left: -100px
    }

    .grid--x-xxl\@xxl>.grid__cell {
        border-left-width: 100px
    }

    .grid--y-0\@xxl {
        margin-bottom: 0
    }

    .grid--y-0\@xxl>.grid__cell {
        border-bottom-width: 0
    }

    .grid--y-xs\@xxl {
        margin-bottom: -15px
    }

    .grid--y-xs\@xxl>.grid__cell {
        border-bottom-width: 15px
    }

    .grid--y-sm\@xxl {
        margin-bottom: -30px
    }

    .grid--y-sm\@xxl>.grid__cell {
        border-bottom-width: 30px
    }

    .grid--y-md\@xxl {
        margin-bottom: -60px
    }

    .grid--y-md\@xxl>.grid__cell {
        border-bottom-width: 60px
    }

    .grid--y-lg\@xxl {
        margin-bottom: -80px
    }

    .grid--y-lg\@xxl>.grid__cell {
        border-bottom-width: 80px
    }

    .grid--y-xl\@xxl {
        margin-bottom: -90px
    }

    .grid--y-xl\@xxl>.grid__cell {
        border-bottom-width: 90px
    }

    .grid--y-xxl\@xxl {
        margin-bottom: -100px
    }

    .grid--y-xxl\@xxl>.grid__cell {
        border-bottom-width: 100px
    }
}

.grid__cell {
    position: relative;
    border: 30px solid rgba(0,0,0,0);
    border-width: 0 0 30px 30px;
    border-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3C/svg%3E")
}

.grid__cell--top {
    align-self: flex-start
}

.grid__cell--middle {
    align-self: center
}

.grid__cell--bottom {
    align-self: flex-end
}

.grid__cell--eq {
    display: flex
}

.grid__cell--eq>* {
    flex: 1 1 auto
}

.grid--nowrap {
    flex-wrap: nowrap
}

.grid--middle {
    align-items: center
}

.grid--bottom {
    align-items: flex-end
}

.grid--center {
    justify-content: center
}

.grid--right {
    justify-content: flex-end
}

.grid--space-between {
    justify-content: space-between
}

.grid--x-0 {
    margin-left: 0
}

.grid--x-0>.grid__cell {
    border-left-width: 0
}

.grid--y-0 {
    margin-bottom: 0
}

.grid--y-0>.grid__cell {
    border-bottom-width: 0
}

@media(max-width: 999.98px) {
    .grid--x-0 {
        margin-left:0
    }

    .grid--x-0>.grid__cell {
        border-left-width: 0
    }

    .grid--y-0 {
        margin-bottom: 0
    }

    .grid--y-0>.grid__cell {
        border-bottom-width: 0
    }
}

.grid--x-xs {
    margin-left: -15px
}

.grid--x-xs>.grid__cell {
    border-left-width: 15px
}

.grid--y-xs {
    margin-bottom: -15px
}

.grid--y-xs>.grid__cell {
    border-bottom-width: 15px
}

@media(max-width: 999.98px) {
    .grid--x-xs {
        margin-left:-7.5px
    }

    .grid--x-xs>.grid__cell {
        border-left-width: 7.5px
    }

    .grid--y-xs {
        margin-bottom: -7.5px
    }

    .grid--y-xs>.grid__cell {
        border-bottom-width: 7.5px
    }
}

.grid--x-sm {
    margin-left: -30px
}

.grid--x-sm>.grid__cell {
    border-left-width: 30px
}

.grid--y-sm {
    margin-bottom: -30px
}

.grid--y-sm>.grid__cell {
    border-bottom-width: 30px
}

@media(max-width: 999.98px) {
    .grid--x-sm {
        margin-left:-15px
    }

    .grid--x-sm>.grid__cell {
        border-left-width: 15px
    }

    .grid--y-sm {
        margin-bottom: -15px
    }

    .grid--y-sm>.grid__cell {
        border-bottom-width: 15px
    }
}

.grid--x-md {
    margin-left: -60px
}

.grid--x-md>.grid__cell {
    border-left-width: 60px
}

.grid--y-md {
    margin-bottom: -60px
}

.grid--y-md>.grid__cell {
    border-bottom-width: 60px
}

@media(max-width: 999.98px) {
    .grid--x-md {
        margin-left:-30px
    }

    .grid--x-md>.grid__cell {
        border-left-width: 30px
    }

    .grid--y-md {
        margin-bottom: -30px
    }

    .grid--y-md>.grid__cell {
        border-bottom-width: 30px
    }
}

.grid--x-lg {
    margin-left: -80px
}

.grid--x-lg>.grid__cell {
    border-left-width: 80px
}

.grid--y-lg {
    margin-bottom: -80px
}

.grid--y-lg>.grid__cell {
    border-bottom-width: 80px
}

@media(max-width: 999.98px) {
    .grid--x-lg {
        margin-left:-40px
    }

    .grid--x-lg>.grid__cell {
        border-left-width: 40px
    }

    .grid--y-lg {
        margin-bottom: -40px
    }

    .grid--y-lg>.grid__cell {
        border-bottom-width: 40px
    }
}

.grid--x-xl {
    margin-left: -90px
}

.grid--x-xl>.grid__cell {
    border-left-width: 90px
}

.grid--y-xl {
    margin-bottom: -90px
}

.grid--y-xl>.grid__cell {
    border-bottom-width: 90px
}

@media(max-width: 999.98px) {
    .grid--x-xl {
        margin-left:-45px
    }

    .grid--x-xl>.grid__cell {
        border-left-width: 45px
    }

    .grid--y-xl {
        margin-bottom: -45px
    }

    .grid--y-xl>.grid__cell {
        border-bottom-width: 45px
    }
}

.grid--x-xxl {
    margin-left: -100px
}

.grid--x-xxl>.grid__cell {
    border-left-width: 100px
}

.grid--y-xxl {
    margin-bottom: -100px
}

.grid--y-xxl>.grid__cell {
    border-bottom-width: 100px
}

@media(max-width: 999.98px) {
    .grid--x-xxl {
        margin-left:-50px
    }

    .grid--x-xxl>.grid__cell {
        border-left-width: 50px
    }

    .grid--y-xxl {
        margin-bottom: -50px
    }

    .grid--y-xxl>.grid__cell {
        border-bottom-width: 50px
    }
}

.size--auto {
    width: auto
}

.size--autogrow {
    flex: 1 0 auto;
    width: auto
}

.size--1-12 {
    width: 8.3333333333%
}

.size--2-12 {
    width: 16.6666666667%
}

.size--3-12 {
    width: 25%
}

.size--4-12 {
    width: 33.3333333333%
}

.size--5-12 {
    width: 41.6666666667%
}

.size--6-12 {
    width: 50%
}

.size--7-12 {
    width: 58.3333333333%
}

.size--8-12 {
    width: 66.6666666667%
}

.size--9-12 {
    width: 75%
}

.size--10-12 {
    width: 83.3333333333%
}

.size--11-12 {
    width: 91.6666666667%
}

.size--12-12 {
    width: 100%
}

@media(min-width: 360px) {
    .size--auto\@xs {
        width:auto
    }

    .size--autogrow\@xs {
        flex: 1 0 auto;
        width: auto
    }

    .size--1-12\@xs {
        width: 8.3333333333%
    }

    .size--2-12\@xs {
        width: 16.6666666667%
    }

    .size--3-12\@xs {
        width: 25%
    }

    .size--4-12\@xs {
        width: 33.3333333333%
    }

    .size--5-12\@xs {
        width: 41.6666666667%
    }

    .size--6-12\@xs {
        width: 50%
    }

    .size--7-12\@xs {
        width: 58.3333333333%
    }

    .size--8-12\@xs {
        width: 66.6666666667%
    }

    .size--9-12\@xs {
        width: 75%
    }

    .size--10-12\@xs {
        width: 83.3333333333%
    }

    .size--11-12\@xs {
        width: 91.6666666667%
    }

    .size--12-12\@xs {
        width: 100%
    }
}

@media(min-width: 480px) {
    .size--auto\@sm {
        width:auto
    }

    .size--autogrow\@sm {
        flex: 1 0 auto;
        width: auto
    }

    .size--1-12\@sm {
        width: 8.3333333333%
    }

    .size--2-12\@sm {
        width: 16.6666666667%
    }

    .size--3-12\@sm {
        width: 25%
    }

    .size--4-12\@sm {
        width: 33.3333333333%
    }

    .size--5-12\@sm {
        width: 41.6666666667%
    }

    .size--6-12\@sm {
        width: 50%
    }

    .size--7-12\@sm {
        width: 58.3333333333%
    }

    .size--8-12\@sm {
        width: 66.6666666667%
    }

    .size--9-12\@sm {
        width: 75%
    }

    .size--10-12\@sm {
        width: 83.3333333333%
    }

    .size--11-12\@sm {
        width: 91.6666666667%
    }

    .size--12-12\@sm {
        width: 100%
    }
}

@media(min-width: 750px),print {
    .size--auto\@md {
        width:auto
    }

    .size--autogrow\@md {
        flex: 1 0 auto;
        width: auto
    }

    .size--1-12\@md {
        width: 8.3333333333%
    }

    .size--2-12\@md {
        width: 16.6666666667%
    }

    .size--3-12\@md {
        width: 25%
    }

    .size--4-12\@md {
        width: 33.3333333333%
    }

    .size--5-12\@md {
        width: 41.6666666667%
    }

    .size--6-12\@md {
        width: 50%
    }

    .size--7-12\@md {
        width: 58.3333333333%
    }

    .size--8-12\@md {
        width: 66.6666666667%
    }

    .size--9-12\@md {
        width: 75%
    }

    .size--10-12\@md {
        width: 83.3333333333%
    }

    .size--11-12\@md {
        width: 91.6666666667%
    }

    .size--12-12\@md {
        width: 100%
    }
}

@media(min-width: 1000px),print {
    .size--auto\@lg {
        width:auto
    }

    .size--autogrow\@lg {
        flex: 1 0 auto;
        width: auto
    }

    .size--1-12\@lg {
        width: 8.3333333333%
    }

    .size--2-12\@lg {
        width: 16.6666666667%
    }

    .size--3-12\@lg {
        width: 25%
    }

    .size--4-12\@lg {
        width: 33.3333333333%
    }

    .size--5-12\@lg {
        width: 41.6666666667%
    }

    .size--6-12\@lg {
        width: 50%
    }

    .size--7-12\@lg {
        width: 58.3333333333%
    }

    .size--8-12\@lg {
        width: 66.6666666667%
    }

    .size--9-12\@lg {
        width: 75%
    }

    .size--10-12\@lg {
        width: 83.3333333333%
    }

    .size--11-12\@lg {
        width: 91.6666666667%
    }

    .size--12-12\@lg {
        width: 100%
    }
}

@media(min-width: 1280px) {
    .size--auto\@xl {
        width:auto
    }

    .size--autogrow\@xl {
        flex: 1 0 auto;
        width: auto
    }

    .size--1-12\@xl {
        width: 8.3333333333%
    }

    .size--2-12\@xl {
        width: 16.6666666667%
    }

    .size--3-12\@xl {
        width: 25%
    }

    .size--4-12\@xl {
        width: 33.3333333333%
    }

    .size--5-12\@xl {
        width: 41.6666666667%
    }

    .size--6-12\@xl {
        width: 50%
    }

    .size--7-12\@xl {
        width: 58.3333333333%
    }

    .size--8-12\@xl {
        width: 66.6666666667%
    }

    .size--9-12\@xl {
        width: 75%
    }

    .size--10-12\@xl {
        width: 83.3333333333%
    }

    .size--11-12\@xl {
        width: 91.6666666667%
    }

    .size--12-12\@xl {
        width: 100%
    }
}

@media(min-width: 1650px) {
    .size--auto\@xxl {
        width:auto
    }

    .size--autogrow\@xxl {
        flex: 1 0 auto;
        width: auto
    }

    .size--1-12\@xxl {
        width: 8.3333333333%
    }

    .size--2-12\@xxl {
        width: 16.6666666667%
    }

    .size--3-12\@xxl {
        width: 25%
    }

    .size--4-12\@xxl {
        width: 33.3333333333%
    }

    .size--5-12\@xxl {
        width: 41.6666666667%
    }

    .size--6-12\@xxl {
        width: 50%
    }

    .size--7-12\@xxl {
        width: 58.3333333333%
    }

    .size--8-12\@xxl {
        width: 66.6666666667%
    }

    .size--9-12\@xxl {
        width: 75%
    }

    .size--10-12\@xxl {
        width: 83.3333333333%
    }

    .size--11-12\@xxl {
        width: 91.6666666667%
    }

    .size--12-12\@xxl {
        width: 100%
    }
}

.message {
    display: block;
    padding: 9px 14px 11px;
    background: var(--color-bg);
    font-size: 16px;
    line-height: 1.1
}

.message>:last-child {
    margin-bottom: 0
}

.message--min {
    min-width: 60%;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content
}

.message--error,.message--ok,.message--warning {
    color: var(--color-white)
}

.message--error li::before,.message--ok li::before,.message--warning li::before {
    background-color: var(--color-white)
}

.message--error a,.message--ok a,.message--warning a {
    color: var(--color-white)
}

.message--error {
    background: var(--color-red)
}

.message--ok {
    background: var(--color-green)
}

.message--warning {
    background: var(--color-orange)
}

.message--arrow {
    position: relative;
    margin-top: 14px
}

.message--arrow::before {
    content: "";
    position: absolute;
    bottom: 100%;
    left: 33px;
    border-width: 0 13px 13px;
    border-style: solid;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) var(--color-red) rgba(0,0,0,0)
}

.message--error.message--arrow::before {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) var(--color-red) rgba(0,0,0,0)
}

.message--ok.message--arrow::before {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) var(--color-green) rgba(0,0,0,0)
}

.message--warning.message--arrow::before {
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) var(--color-orange) rgba(0,0,0,0)
}

.inp-wrap+.message {
    margin-top: 6px
}

.inp-wrap+.message--arrow {
    margin-top: 14px
}

@media(min-width: 750px) {
    .message {
        padding:9px 14px 11px;
        font-size: 16px;
        line-height: 1.3
    }
}

.js-phone-input__base {
    position: absolute;
    left: 0;
    height: 100%;
    opacity: 0;
    pointer-events: none
}

.js-phone-input__wrapper {
    position: relative;
    z-index: 0;
    display: flex;
    flex-direction: row-reverse;
    background-color: var(--color-white)
}

.js-phone-input__flag {
    position: relative;
    display: flex;
    flex: 0 0 auto;
    align-items: center;
    width: 80px;
    padding: 0 10px;
    padding-right: 28px;
    border: 1px solid var(--color-bd);
    border-right-width: 0;
    background-position: top 50% right 10px;
    background-repeat: no-repeat;
    background-size: 10px 5px;
    font-size: 13px;
    line-height: 1;
    transition: border-color .3s;
    pointer-events: none
}

.js-phone-input__flag img {
    width: 33px
}

.js-phone-input__flag::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 14px;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: var(--color-red) rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
    transform: translateY(-50%)
}

.js-phone-input__prefix {
    display: none;
    margin-left: 10px
}

.js-phone-input__input {
    padding: 4px 20px 6px 0;
    background-color: rgba(0,0,0,0);
    text-shadow: 0 1px 1px var(--color-white),1px 0 1px var(--color-white),0 -1px 1px var(--color-white),-1px 0 1px var(--color-white),-1px -1px 1px var(--color-white),1px 1px 1px var(--color-white),1px -1px 1px var(--color-white),-1px 1px 1px var(--color-white);
    font-variant-numeric: tabular-nums
}

.js-phone-input--has-country .js-phone-input__input {
    border-left-width: 0
}

.js-phone-input__input:focus {
    outline: 0
}

.js-phone-input__input:focus~.js-phone-input__flag {
    border-color: var(--color-text)
}

.has-error .js-phone-input__input {
    padding-right: 40px;
    border-color: var(--color-red)
}

.has-error .js-phone-input__input~.js-phone-input__flag {
    border-color: var(--color-red)
}

.js-phone-input__input:disabled {
    text-shadow: 0 1px 1px var(--color-bg),1px 0 1px var(--color-bg),0 -1px 1px var(--color-bg),-1px 0 1px var(--color-bg),-1px -1px 1px var(--color-bg),1px 1px 1px var(--color-bg),1px -1px 1px var(--color-bg),-1px 1px 1px var(--color-bg)
}

.js-phone-input__input:disabled~.js-phone-input__flag {
    background-color: var(--color-bg)
}

.js-phone-input__placeholder {
    display: none
}

.js-phone-input__select {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    padding: 0 20px;
    border: none;
    background-color: rgba(0,0,0,0);
    color: rgba(0,0,0,0);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.js-phone-input__select option {
    color: var(--color-text)
}

.js-phone-input__select:focus {
    outline: 0
}

.img {
    position: relative;
    display: block;
    overflow: hidden
}

.img::before {
    content: "";
    display: block;
    padding-top: 100%;
    pointer-events: none
}

.img lite-youtube,.img iframe,.img video,.img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@supports(object-fit: cover) {
    .img lite-youtube,.img iframe,.img video,.img img {
        object-fit:cover
    }
}

.img--3-2::before {
    padding-top: 66.6666666667%
}

.img--2-1::before {
    padding-top: 50%
}

.img--contain img {
    object-fit: contain
}

.item-icon {
    display: flex;
    align-items: center
}

.item-icon .icon-svg,.item-icon img {
    flex: 0 0 auto;
    width: 40px;
    margin: 0 10px 0 0
}

.item-icon--after {
    flex-direction: row-reverse
}

.item-icon--after .icon-svg {
    margin: 0 0 0 10px
}

@media(min-width: 750px) {
    .item-icon img,.item-icon .icon-svg {
        width:60px
    }
}

.embla {
    position: relative
}

.embla__viewport {
    position: relative;
    width: 100%;
    overflow: hidden
}

.embla__viewport.is-draggable {
    cursor: move;
    cursor: grab
}

.embla__viewport.is-dragging {
    cursor: grabbing
}

.embla__viewport.is-dragging a,.embla__viewport.is-dragging button {
    pointer-events: none
}

.embla__viewport.is-dragging article {
    -webkit-user-select: none;
    user-select: none
}

.embla__container {
    transform: translateZ(0);
    will-change: transform
}

.embla__container.grid--scroll {
    overflow: visible
}

.no-js .embla__container {
    overflow-x: scroll
}

.embla__btns,.embla__btn {
    display: none
}

.embla__dots {
    display: flex;
    justify-content: center;
    margin: 32px -4px -4px;
    list-style: none
}

.embla__dots.is-disabled {
    display: none;
    pointer-events: none
}

.embla__dot {
    position: relative;
    padding: 11px;
    border: none;
    background: none;
    outline: 0;
    cursor: pointer
}

.embla__dot::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14px;
    height: 14px;
    border: 1px solid var(--color-primary);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: background-color .3s
}

.embla__slide {
    position: relative
}

.embla__slide.is-one {
    width: 100%
}

.embla__slide.is-two {
    width: 50%
}

.embla__slide.is-three {
    width: 33.333%
}

.embla__slide.is-four {
    width: 25%
}

.embla__slide.is-five {
    width: 20%
}

.embla__slide.is-six {
    width: 16.666%
}

.embla__container.show-half-slides .embla__slide {
    --screen-content-diff: 17px;
    width: calc((100vw - var(--screen-content-diff))/1.3)
}

.embla__container.show-half-slides .embla__slide.is-one {
    width: calc((100vw - var(--screen-content-diff))/1.3)
}

.embla__container.show-half-slides .embla__slide.is-two {
    width: calc((100vw - var(--screen-content-diff))/2.3)
}

.embla__container.show-half-slides .embla__slide.is-three {
    width: calc((100vw - var(--screen-content-diff))/3.3)
}

.embla__container.show-half-slides .embla__slide.is-four {
    width: calc((100vw - var(--screen-content-diff))/4.3)
}

.embla__container.show-half-slides .embla__slide.is-five {
    width: calc((100vw - var(--screen-content-diff))/5.3)
}

.embla__container.show-half-slides .embla__slide.is-six {
    width: calc((100vw - var(--screen-content-diff))/6.3)
}

.embla__btn--prev {
    right: 100%
}

.embla__btn--next {
    left: 100%
}

.embla:not(.is-initialized) .embla__btns,.no-js .embla__btns {
    display: none
}

.embla__dot.is-selected::before {
    background: var(--color-primary)
}

.hoverevents .embla__btn:not([disabled]):hover {
    color: var(--color-primary)
}

@media(max-width: 749.98px) {
    .embla__btn {
        display:none
    }
}

@media(min-width: 480px) {
    .embla__slide.is-one {
        width:100%
    }

    .embla__slide.is-two {
        width: 50%
    }

    .embla__slide.is-three {
        width: 33.333%
    }

    .embla__slide.is-four {
        width: 25%
    }

    .embla__slide.is-five {
        width: 20%
    }

    .embla__slide.is-six {
        width: 16.666%
    }

    .embla__container.show-half-slides .embla__slide {
        --screen-content-diff: 17px;
        width: calc((100vw - var(--screen-content-diff))/1.3)
    }

    .embla__container.show-half-slides .embla__slide.is-one {
        width: calc((100vw - var(--screen-content-diff))/1.3)
    }

    .embla__container.show-half-slides .embla__slide.is-two {
        width: calc((100vw - var(--screen-content-diff))/2.3)
    }

    .embla__container.show-half-slides .embla__slide.is-three {
        width: calc((100vw - var(--screen-content-diff))/3.3)
    }

    .embla__container.show-half-slides .embla__slide.is-four {
        width: calc((100vw - var(--screen-content-diff))/4.3)
    }

    .embla__container.show-half-slides .embla__slide.is-five {
        width: calc((100vw - var(--screen-content-diff))/5.3)
    }

    .embla__container.show-half-slides .embla__slide.is-six {
        width: calc((100vw - var(--screen-content-diff))/6.3)
    }
}

@media(min-width: 750px) {
    .embla__slide.is-one {
        width:100%
    }

    .embla__slide.is-two {
        width: 50%
    }

    .embla__slide.is-three {
        width: 33.333%
    }

    .embla__slide.is-four {
        width: 25%
    }

    .embla__slide.is-five {
        width: 20%
    }

    .embla__slide.is-six {
        width: 16.666%
    }

    .embla__container.show-half-slides .embla__slide {
        --screen-content-diff: 30px;
        width: calc((100vw - var(--screen-content-diff))/2.5)
    }

    .embla__container.show-half-slides .embla__slide.is-one {
        width: calc((100vw - var(--screen-content-diff))/1.5)
    }

    .embla__container.show-half-slides .embla__slide.is-two {
        width: calc((100vw - var(--screen-content-diff))/2.5)
    }

    .embla__container.show-half-slides .embla__slide.is-three {
        width: calc((100vw - var(--screen-content-diff))/3.5)
    }

    .embla__container.show-half-slides .embla__slide.is-four {
        width: calc((100vw - var(--screen-content-diff))/4.5)
    }

    .embla__container.show-half-slides .embla__slide.is-five {
        width: calc((100vw - var(--screen-content-diff))/5.5)
    }

    .embla__container.show-half-slides .embla__slide.is-six {
        width: calc((100vw - var(--screen-content-diff))/6.5)
    }
}

@media(min-width: 1000px) {
    .embla__dots {
        margin:40px -6px -6px
    }

    .embla__dot {
        padding: 14px
    }

    .embla__dot::before {
        width: 16px;
        height: 16px;
        border-width: 2px
    }
}

@media(min-width: 1280px) {
    .embla__slide.is-one {
        width:100%
    }

    .embla__slide.is-two {
        width: 50%
    }

    .embla__slide.is-three {
        width: 33.333%
    }

    .embla__slide.is-four {
        width: 25%
    }

    .embla__slide.is-five {
        width: 20%
    }

    .embla__slide.is-six {
        width: 16.666%
    }

    .embla__container.show-half-slides .embla__slide {
        --screen-content-diff: 80px;
        width: calc((100vw - var(--screen-content-diff))/2.5)
    }

    .embla__container.show-half-slides .embla__slide.is-one {
        width: calc((100vw - var(--screen-content-diff))/1.5)
    }

    .embla__container.show-half-slides .embla__slide.is-two {
        width: calc((100vw - var(--screen-content-diff))/2.5)
    }

    .embla__container.show-half-slides .embla__slide.is-three {
        width: calc((100vw - var(--screen-content-diff))/3.5)
    }

    .embla__container.show-half-slides .embla__slide.is-four {
        width: calc((100vw - var(--screen-content-diff))/4.5)
    }

    .embla__container.show-half-slides .embla__slide.is-five {
        width: calc((100vw - var(--screen-content-diff))/5.5)
    }

    .embla__container.show-half-slides .embla__slide.is-six {
        width: calc((100vw - var(--screen-content-diff))/6.5)
    }
}

@media(min-width: 1650px) {
    .embla__btn {
        padding:50px
    }

    .embla__btn--prev {
        right: 100%;
        left: auto
    }

    .embla__btn--next {
        right: auto;
        left: 100%
    }

    .embla__slide.is-one {
        width: 100%
    }

    .embla__slide.is-two {
        width: 50%
    }

    .embla__slide.is-three {
        width: 33.333%
    }

    .embla__slide.is-four {
        width: 25%
    }

    .embla__slide.is-five {
        width: 20%
    }

    .embla__slide.is-six {
        width: 16.666%
    }

    .embla__container.show-half-slides .embla__slide {
        width: calc((100vw - (100vw - 1510px + 160px)/2)/4.5)
    }

    .embla__container.show-half-slides .embla__slide.is-one {
        width: calc((100vw - (100vw - 1510px + 160px)/2)/1.5)
    }

    .embla__container.show-half-slides .embla__slide.is-two {
        width: calc((100vw - (100vw - 1510px + 160px)/2)/2.5)
    }

    .embla__container.show-half-slides .embla__slide.is-three {
        width: calc((100vw - (100vw - 1510px + 160px)/2)/3.5)
    }

    .embla__container.show-half-slides .embla__slide.is-four {
        width: calc((100vw - (100vw - 1510px + 160px)/2)/4.5)
    }

    .embla__container.show-half-slides .embla__slide.is-five {
        width: calc((100vw - (100vw - 1510px + 160px)/2)/5.5)
    }

    .embla__container.show-half-slides .embla__slide.is-six {
        width: calc((100vw - (100vw - 1510px + 160px)/2)/6.5)
    }
}

.stars {
    display: flex;
    align-items: flex-start;
    font-size: 13px
}

.stars .icon-svg {
    flex: 0 0 auto;
    width: 16px;
    margin: 0 3px
}

.stars__inner {
    position: relative;
    margin-left: -3px
}

.stars__icons {
    display: flex;
    color: rgba(0,0,0,0);
    line-height: 1;
    white-space: nowrap
}

.stars__text {
    margin-left: 5px;
    white-space: nowrap
}

.stars__icons--active {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    color: var(--color-secondary);
    overflow: hidden
}

.basket {
    position: relative;
    display: block
}

.basket__img {
    width: 38px;
    height: 38px
}

.basket__count {
    position: absolute;
    top: -10px;
    right: -7px;
    width: 22px;
    height: 22px;
    padding: 3px 0;
    border-radius: 50px;
    background: var(--color-secondary);
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    line-height: 1;
    text-align: center
}

@media(min-width: 1000px) {
    .basket__img {
        width:55px;
        height: 55px
    }

    .basket__count {
        top: -8px;
        right: -10px;
        width: 30px;
        height: 30px;
        font-size: 20px
    }
}

.link-mask {
    position: relative
}

.link-mask__link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    cursor: pointer
}

@keyframes animation-rotate {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(359deg)
    }
}

.block-loader {
    position: relative
}

.block-loader__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    border-radius: 40px;
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity .3s 0s,visibility .3s 0s
}

.block-loader__loader::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 20px;
    margin: -10px 0 0 -10px;
    border: 2px solid rgba(var(--color-black), 0.5);
    border-radius: 20px;
    border-top-color: rgba(0,0,0,0)
}

.block-loader.is-loading {
    pointer-events: none
}

.block-loader.is-loading .block-loader__loader {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s,0s
}

.block-loader.is-loading .block-loader__loader::after {
    animation: animation-rotate .8s infinite linear
}

.body-loader__loader {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    border-radius: 40px;
    background: rgba(0,0,0,.5);
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity .3s 0s,visibility .3s 0s
}

.body-loader__loader::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    border: 4px solid #fff;
    border-radius: 20px;
    border-top-color: rgba(0,0,0,0)
}

body.is-loading {
    pointer-events: none
}

body.is-loading .body-loader__loader {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s,0s
}

body.is-loading .body-loader__loader::after {
    animation: animation-rotate .8s infinite linear
}

.flag {
    display: flex;
    align-items: center;
    color: var(--color-variant);
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase
}

.flag__icon {
    position: relative;
    width: 23px;
    height: 23px;
    margin-right: 18px;
    border: 1px solid var(--color-variant);
    border-radius: 50%
}

.flag__icon .icon-svg {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    transform: translate(-50%, -50%)
}

.flag__icon .icon-svg--check-bold {
    width: 13px
}

.flag__icon .icon-svg--pause {
    width: 7px
}

.flag__icon .icon-svg--exclamation {
    width: 3px
}

.flag__icon .icon-svg--planned {
    left: calc(50% + 2px);
    width: 7px
}

.flag__icon .icon-svg--processed {
    width: 14px
}

.flag__icon .icon-svg--stop {
    width: 8px
}

.flag--active {
    --color-variant: var(--color-active)
}

.flag--paused {
    --color-variant: var(--color-paused)
}

.flag--processing {
    --color-variant: var(--color-processing)
}

.flag--ended {
    --color-variant: var(--color-ended)
}

.gift {
    font-weight: 600;
    font-size: 18px;
    line-height: 1.6666666667
}

.gift .icon-svg {
    width: 20px
}

.tooltip__btn {
    color: var(--color-link);
    text-decoration: underline;
    transition: color .3s;
    cursor: pointer
}

.tooltip__content {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    display: none;
    min-width: 310px;
    max-width: 310px;
    padding: 15px 20px;
    background: var(--color-secondary);
    color: var(--color-white);
    font-size: 18px;
    line-height: 1.2222222222;
    white-space: normal;
    text-align: center
}

.tooltip__arrow {
    position: absolute;
    z-index: -1;
    width: 20px;
    height: 20px;
    background: var(--color-secondary);
    transform: rotate(45deg)
}

.tooltip.is-open .tooltip__content {
    display: block
}

.tooltip__btn:hover {
    color: var(--color-hover)
}

.back .item-icon {
    justify-content: center
}

.back .icon-svg {
    width: 15px
}

@media(max-width: 1279.98px) {
    .b-mobile__menu {
        position:absolute;
        top: 0;
        left: 0;
        width: 100vw;
        width: calc(var(--vw, 1vw)*100);
        height: 100vh;
        height: calc(var(--vh, 1vh)*100);
        padding: 120px 70px 50px 35px;
        background: var(--color-secondary);
        overflow-x: hidden;
        overflow-y: auto;
        visibility: hidden;
        opacity: 0;
        transition: opacity .3s,visibility .3s;
        -webkit-overflow-scrolling: touch
    }

    .b-mobile__toggle-wrap {
        position: relative;
        z-index: 1;
        display: flex;
        margin: 0
    }

    .b-mobile__toggle {
        color: var(--color-text);
        transition: color .3s
    }

    .b-mobile__toggle .icon-svg {
        width: 33px;
        height: 33px
    }

    .b-mobile__toggle .icon-svg--close {
        display: none
    }

    .b-mobile__btns {
        margin-bottom: 25px
    }

    .b-mobile__btn {
        margin-bottom: 15px
    }

    .b-mobile__btn .btn__text {
        min-width: 220px
    }

    .b-mobile .basket-mobile {
        position: absolute;
        top: 15px;
        right: 91px;
        width: 38px;
        height: 38px
    }

    .b-mobile .basket__img {
        width: 38px;
        height: 38px
    }

    .is-menu-open .b-mobile__toggle {
        color: var(--color-white)
    }

    .is-menu-open .b-mobile__toggle .icon-svg--close {
        display: block
    }

    .is-menu-open .b-mobile__toggle .icon-svg--burger {
        display: none
    }

    .is-menu-open .b-mobile__menu {
        visibility: visible;
        opacity: 1
    }

    .hoverevents .b-mobile__toggle:hover {
        color: var(--color-link)
    }
}

@media(max-width: 749.98px) {
    .b-mobile .basket-mobile {
        right:73px
    }
}

@media(min-width: 1280px) {
    .b-mobile__menu {
        display:flex;
        justify-content: space-between;
        align-items: center
    }

    .b-mobile .basket-mobile {
        display: none
    }

    .b-mobile__btns,.b-mobile__toggle-wrap {
        display: none
    }
}

.b-intro {
    display: flex
}

.b-intro:first-child {
    margin-top: -190px
}

.b-intro__bg {
    position: relative;
    flex: 0 0 100%;
    background: #e7e7e7;
    overflow: hidden
}

.b-intro__parallax {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.b-intro__img-wrap {
    position: absolute;
    height: 100%
}

.b-intro__img-wrap--bg {
    top: 58%;
    left: 50%;
    width: 1100px;
    transform: translateX(-63%) translateY(-59%) rotate(-4deg)
}

.b-intro__img-wrap--boat {
    top: 48%;
    left: 50%;
    width: 650px;
    transform: translateX(-60.5%)
}

.b-intro__img {
    position: absolute;
    width: 102%;
    max-width: none;
    margin-left: -10px
}

.b-intro__img--bg {
    animation: clouds 4s ease-in-out alternate infinite
}

.b-intro__img--boat {
    transform: rotate(-3.5deg);
    transform-origin: center right;
    animation: boat 4s ease-in-out alternate infinite
}

.b-intro__main {
    position: relative;
    flex: 0 0 100%;
    margin-left: -100%;
    padding: 130px 0 40px
}

.b-intro__title {
    max-width: 400px;
    margin-bottom: 10px;
    color: var(--color-primary)
}

.b-intro__annot {
    max-width: 330px;
    margin-bottom: 150px;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2
}

.b-intro__btns {
    display: flex;
    gap: 5px 15px;
    flex-direction: column;
    align-items: center
}

.b-intro__arrow {
    position: absolute;
    right: 0;
    bottom: -15px;
    left: 0;
    margin: 0;
    text-align: center;
    animation: arrow 2s ease-in alternate infinite
}

.b-intro__arrow .icon-svg {
    width: 60px
}

@media(min-width: 480px) {
    .b-intro__img-wrap--bg {
        top:50%
    }

    .b-intro__img-wrap--boat {
        top: 45%;
        width: 970px
    }
}

@media(min-width: 750px) {
    .b-intro__btns {
        flex-direction:row
    }

    .b-intro__img-wrap--bg {
        top: calc(-66vw + 30%);
        left: 50%;
        width: 200vw;
        transform: translateX(-66%) rotate(-4deg)
    }

    .b-intro__img-wrap--boat {
        top: 50%;
        left: 50%;
        width: 140vw;
        transform: translateX(-56%) translateY(-16%)
    }
}

@media(min-width: 1000px) {
    .b-intro__main {
        padding:160px 0 80px
    }

    .b-intro__arrow {
        bottom: -35px
    }
}

@media(min-width: 1280px) {
    .b-intro__main {
        padding:180px 0 55px
    }

    .b-intro__title {
        max-width: 650px;
        margin-bottom: 20px
    }

    .b-intro__annot {
        max-width: 340px;
        margin-bottom: 50px;
        font-size: 22px
    }

    .b-intro__arrow {
        bottom: -20px
    }

    .b-intro__img-wrap--bg {
        top: calc(-48vw + 52%);
        left: 50%;
        width: 120vw;
        transform: translateX(-57%) rotate(-4deg)
    }

    .b-intro__img-wrap--boat {
        top: calc(-10vw + 56%);
        left: 50%;
        width: 101vw;
        transform: translateX(-50%)
    }
}

@media(min-width: 1650px) {
    .b-intro__main {
        padding:230px 0 170px
    }

    .b-intro__title {
        max-width: 800px;
        margin-bottom: 25px
    }

    .b-intro__annot {
        max-width: 400px;
        margin-bottom: 95px;
        font-size: 30px
    }

    .b-intro__arrow {
        bottom: -120px
    }
}

@keyframes arrow {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(20px)
    }
}

@keyframes boat {
    0% {
        transform: rotate(-3.5deg)
    }

    100% {
        transform: rotate(-4deg)
    }
}

@keyframes clouds {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(2vw)
    }
}

.b-bg {
    position: relative;
    background-position: top center;
    background-size: cover
}

.b-bg__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.b-bg--img {
    background-image: url("../img/illust/choose/mobile.webp");
    background-position: center bottom;
    background-repeat: no-repeat
}

.b-bg--img:first-child {
    margin-top: -80px
}

.b-bg--img-contentpage {
    background-position: center bottom;
    background-repeat: no-repeat
}

.b-bg--img-contentpage:first-child {
    margin-top: -80px
}

.b-bg--fishermans {
    padding: 50px 0 30px;
    background-color: var(--color-secondary);
    background-image: url("../img/illust/fishermans/mobile.webp");
    color: var(--color-white)
}

.b-bg--how {
    max-width: 100vw;
    padding: 30px 0;
    overflow-x: hidden
}

.b-bg--why {
    padding: 25px 0 35px;
    overflow: hidden
}

.b-bg--account {
    position: relative;
    padding: 0 0 26px;
    background-color: var(--color-bg)
}

.b-bg--account::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1474px;
    background-image: url("../img/illust/choose/mobile_new.webp");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover
}

.b-bg--detail {
    position: relative;
    padding: 70px 0 100px;
    background-color: var(--color-bg)
}

.b-bg--detail:first-child {
    margin-top: -150px
}

.b-bg--detail::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1474px;
    background-image: url("../img/illust/choose/mobile_new.webp");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover
}

.b-bg--choose,.b-bg--choose-step-1 {
    position: relative;
    padding: 160px 0 100px;
    background-color: var(--color-bg)
}

.b-bg--choose:first-child,.b-bg--choose-step-1:first-child {
    margin-top: -130px
}

.b-bg--choose::before,.b-bg--choose-step-1::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1474px;
    background-image: url("../img/illust/choose/mobile_new.webp");
    background-position: center 200px;
    background-repeat: no-repeat;
    background-size: cover
}

.b-bg--choose-step-1::before {
    background-image: url("../img/illust/choose/mobile2.webp");
    background-position: center bottom
}

.b-bg--login {
    position: relative;
    padding: 160px 0 100px;
    background-color: var(--color-bg)
}

.b-bg--login:first-child {
    margin-top: -150px
}

.b-bg--login::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1474px;
    background-image: url("../img/illust/choose/mobile_new.webp");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover
}

.b-bg--preview {
    position: relative;
    padding: 160px 0 100px;
    background-color: var(--color-bg)
}

.b-bg--preview:first-child {
    margin-top: -130px
}

.b-bg--preview::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1474px;
    background-image: url("../img/illust/choose/mobile_new.webp");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover
}

.b-bg--preview::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-image: linear-gradient(transparent 1%, var(--color-bg))
}

.b-bg--preview .f-login {
    position: relative;
    z-index: 100
}

.b-bg--preview .b-preview__info-text {
    position: relative;
    z-index: 100
}

.b-bg--order {
    padding: 140px 0 0;
    background-image: url("../img/illust/order/mobile.webp");
    background-position: center bottom
}

.b-bg--order:first-child {
    margin-top: -150px
}

.b-bg--success {
    padding: 180px 0 130px;
    background-image: url("../img/illust/success/mobile.webp");
    background-position: center center
}

.b-bg--success:first-child {
    margin-top: -150px
}

@media(max-width: 999.98px) {
    .b-bg--log-in {
        padding:20px 0 26px
    }
}

@media(min-width: 480px) {
    .b-bg--order {
        padding-top:150px
    }
}

@media(min-width: 750px) {
    .b-bg--fishermans {
        padding:70px 0 50px;
        background-image: url("../img/illust/fishermans/desktop.webp")
    }

    .b-bg--how {
        padding: 70px 0 50px;
        background-image: url("../img/illust/how/desktop.webp")
    }

    .b-bg--why {
        padding: 70px 0 50px
    }

    .b-bg--account::before {
        height: 465px;
        background-image: url("../img/illust/choose/middle_new.webp");
        background-position: center 100px
    }

    .b-bg--detail {
        padding: 100px 0 150px
    }

    .b-bg--detail::before {
        height: 465px;
        background-image: url("../img/illust/choose/middle_new.webp");
        background-position: center 100px
    }

    .b-bg--choose,.b-bg--choose-step-1 {
        padding: 220px 0 150px
    }

    .b-bg--choose::before,.b-bg--choose-step-1::before {
        height: 465px;
        background-image: url("../img/illust/choose/middle_new.webp");
        background-position: center 100px
    }

    .b-bg--login {
        padding: 220px 0 150px
    }

    .b-bg--login::before {
        height: 465px;
        background-image: url("../img/illust/choose/middle_new.webp");
        background-position: center 100px
    }

    .b-bg--preview {
        padding: 220px 0 150px
    }

    .b-bg--preview::before {
        height: 465px;
        background-image: url("../img/illust/choose/middle_new.webp");
        background-position: center 100px
    }

    .b-bg--order {
        padding-top: 130px;
        background-image: url("../img/illust/order/desktop.webp")
    }

    .b-bg--success {
        padding: 280px 0 210px;
        background-image: url("../img/illust/success/desktop.webp")
    }
}

@media(min-width: 1000px) {
    .b-bg--img {
        background-image:url("../img/illust/choose/desktop.webp");
        background-position: center center
    }

    .b-bg--why {
        background-image: url("../img/illust/why/desktop.webp")
    }

    .b-bg--order {
        padding-top: 83px
    }

    .b-bg--account {
        padding: 54px 0 56px
    }

    .b-bg--account::before {
        background-position: center 150px
    }

    .b-bg--detail {
        padding: 170px 0 260px
    }

    .b-bg--detail::before {
        background-position: center 150px
    }

    .b-bg--choose,.b-bg--choose-step-1 {
        padding: 220px 0 260px
    }

    .b-bg--choose::before,.b-bg--choose-step-1::before {
        background-position: center 150px
    }

    .b-bg--login {
        padding: 220px 0 260px
    }

    .b-bg--login::before {
        background-position: center 150px
    }

    .b-bg--preview {
        padding: 220px 0 260px
    }

    .b-bg--preview::before {
        background-position: center 150px
    }
}

@media(min-width: 1280px) {
    .b-bg--img:first-child {
        margin-top:0
    }

    .b-bg--img-contentpage:first-child {
        margin-top: -50px
    }

    .b-bg--fishermans {
        padding: 90px 0 55px
    }

    .b-bg--how {
        padding: 90px 0 135px
    }

    .b-bg--why {
        padding: 100px 0 60px;
        background-position: center right calc(30% - 10vw)
    }

    .b-bg--account::before {
        height: 845px;
        background-image: url("../img/illust/choose/desktop_new.webp");
        background-position: center 400px
    }

    .b-bg--detail::before {
        height: 845px;
        background-image: url("../img/illust/choose/desktop_new.webp");
        background-position: center 400px
    }

    .b-bg--choose::before,.b-bg--choose-step-1::before {
        height: 845px;
        background-image: url("../img/illust/choose/desktop_new.webp");
        background-position: center 400px
    }

    .b-bg--login {
        padding: 260px 0
    }

    .b-bg--login::before {
        height: 845px;
        background-image: url("../img/illust/choose/desktop_new.webp");
        background-position: center 400px
    }

    .b-bg--preview::before {
        height: 845px;
        background-image: url("../img/illust/choose/desktop_new.webp");
        background-position: center 400px
    }
}

@media(min-width: 1650px) {
    .b-bg--img:first-child {
        margin-top:0
    }

    .b-bg--img-contentpage:first-child {
        margin-top: 0
    }

    .b-bg--fishermans {
        padding: 90px 0 45px;
        background-image: url("../img/illust/fishermans/ultrawide.webp")
    }

    .b-bg--how {
        background-image: url("../img/illust/how/ultrawide.webp")
    }

    .b-bg--why {
        padding: 90px 0 55px;
        background-image: url("../img/illust/why/ultrawide.webp");
        background-position: center center
    }

    .b-bg--account::before {
        height: 400px;
        background-image: url("../img/illust/choose/desktop_new.webp");
        background-position: center top
    }

    .b-bg--detail {
        padding: 170px 0 260px
    }

    .b-bg--detail::before {
        height: 400px;
        background-image: url("../img/illust/choose/desktop_new.webp");
        background-position: center top
    }

    .b-bg--choose::before,.b-bg--choose-step-1::before {
        height: 400px;
        background-image: url("../img/illust/choose/desktop_new.webp");
        background-position: center top
    }

    .b-bg--login::before {
        height: 400px;
        background-image: url("../img/illust/choose/desktop_new.webp");
        background-position: center top
    }

    .b-bg--preview::before {
        height: 400px;
        background-image: url("../img/illust/choose/desktop_new.webp");
        background-position: center top
    }

    .b-bg--order {
        padding: 100px 0 0
    }
}

@media(min-width: 2000px) {
    .b-bg--account::before {
        height:500px
    }

    .b-bg--detail::before {
        height: 500px
    }

    .b-bg--choose::before,.b-bg--choose-step-1::before {
        height: 500px
    }

    .b-bg--login::before {
        height: 500px
    }

    .b-bg--preview::before {
        height: 500px
    }
}

.b-fishermans__title {
    margin-bottom: 10px;
    color: var(--color-white);
    line-height: 1
}

.b-fishermans__content {
    max-width: 330px;
    margin-bottom: 20px;
    font-weight: 300
}

.b-fishermans__imgs {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    max-width: 510px;
    margin-bottom: 30px
}

.b-fishermans__imgs .img {
    flex: 1 1 auto
}

.b-fishermans__imgs .img::before {
    padding-top: 66.6666666667%
}

.b-fishermans__imgs img {
    object-position: center bottom
}

.b-fishermans__quote {
    max-width: 450px
}

.b-fishermans__btns {
    margin-bottom: 40px
}

@media(min-width: 750px) {
    .b-fishermans {
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr auto auto;
        grid-template-areas: "boats quote" "btns quote" "video video";
        grid-gap: 0 30px
    }

    .b-fishermans__boats {
        grid-area: boats
    }

    .b-fishermans__title {
        margin-bottom: 25px;
        line-height: .9
    }

    .b-fishermans__content {
        max-width: 500px;
        margin-bottom: 30px;
        font-weight: 300
    }

    .b-fishermans__imgs {
        gap: 30px;
        margin-bottom: 50px
    }

    .b-fishermans__btns {
        grid-area: btns;
        margin: 0
    }

    .b-fishermans__quote {
        grid-area: quote;
        align-self: flex-end;
        max-width: none
    }

    .b-fishermans__video {
        grid-area: video;
        margin: 55px 0 0
    }
}

@media (min-width: 750px) {
    .b-fishermans__boats {
        -ms-grid-row:1;
        -ms-grid-column: 1
    }

    .b-fishermans__btns {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .b-fishermans__quote {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 3
    }

    .b-fishermans__video {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }
}

@media(min-width: 1650px) {
    .b-fishermans {
        grid-template-columns:calc(45% - 15px) calc(55% - 15px)
    }

    .b-fishermans__title {
        line-height: 1
    }

    .b-fishermans__video {
        margin: 115px 0 0
    }
}

.foxentry-input-icon {
    z-index: 1 !important;
    cursor: pointer
}

.b-quote {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    margin-bottom: 35px;
    padding-top: 60px;
    line-height: 1.2
}

.b-quote__img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 50%
}

.b-quote__img::before {
    padding-top: 73.5294117647%
}

.b-quote__author {
    margin-bottom: 20px
}

.b-quote__name {
    display: block;
    margin-bottom: 0;
    color: var(--color-primary);
    font-weight: 900;
    font-size: 30px;
    line-height: .9;
    text-transform: uppercase
}

.b-quote__position {
    font-weight: bold;
    font-size: 18px
}

.b-quote__content {
    order: 1;
    max-width: 305px;
    font-style: italic;
    font-size: 15px
}

@media(min-width: 1280px) {
    .b-quote {
        margin-bottom:0;
        padding-top: 75px
    }

    .b-quote__img {
        width: 300px;
        height: 260px
    }

    .b-quote__author {
        margin-bottom: 25px;
        font-size: 18px
    }

    .b-quote__name {
        max-width: 220px;
        margin-bottom: 20px;
        font-size: 48px
    }

    .b-quote__content {
        max-width: 410px;
        font-size: 18px
    }
}

@media(min-width: 1650px) {
    .b-quote {
        padding-top:120px
    }

    .b-quote__img {
        right: -30px;
        width: 350px;
        height: 300px
    }

    .b-quote__author {
        margin-bottom: 15px
    }

    .b-quote__name {
        max-width: none;
        margin-bottom: 5px
    }

    .b-quote__content {
        max-width: 470px
    }
}

.b-video__link-modal,.b-video__video {
    position: relative;
    flex: 0 0 100%
}

.b-video__link-modal:not(.img),.b-video__video:not(.img) {
    aspect-ratio: 16/9
}

.b-video__link-modal>*,.b-video__video>* {
    cursor: pointer
}

.b-video__video {
    margin: 0 -17px
}

.b-video__main {
    padding: 20px 0 0;
    font-size: 17px;
    line-height: 1.2
}

.b-video__img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.b-video__btn {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 10%;
    min-width: 80px;
    max-width: 130px;
    margin-top: -10px;
    color: var(--color-link);
    font-size: 0;
    transform: translate(-50%, -50%);
    transition: opacity .3s,visibility .3s,color .3s
}

.b-video__btn .icon-svg {
    width: 100%;
    color: var(--color-red);
    transition: color .3s
}

.b-video__btn .u-vhide {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 10px;
    color: var(--color-white);
    font-weight: bold;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    clip: unset
}

.b-video__link-modal .b-video__btn,.b-video__link-modal .b-video__video {
    pointer-events: none
}

.b-bg--fishermans .b-video__main a {
    color: var(--color-white)
}

.b-video--full .b-video__video.lyt-activated+.b-video__main {
    display: none
}

.b-video.is-playing .b-video__btn {
    visibility: hidden;
    opacity: 0
}

.hoverevents .b-video__link-modal:hover .b-video__btn,.hoverevents .b-video__video:hover .b-video__btn {
    color: var(--color-white)
}

.hoverevents .b-video__link-modal:hover .b-video__btn .icon-svg,.hoverevents .b-video__video:hover .b-video__btn .icon-svg {
    color: #9a0100
}

.hoverevents .b-bg--fishermans .b-video__main a:hover {
    color: var(--color-link)
}

@media(min-width: 750px) {
    .b-video__video {
        margin:0 -30px
    }

    .b-video__btn .u-vhide {
        font-size: 16px
    }
}

@media(min-width: 1280px) {
    .b-video__btn .u-vhide {
        font-size:22px
    }

    .b-video__main {
        font-size: 20px;
        line-height: inherit
    }

    .b-video__video {
        margin: 0 -50px
    }
}

.b-bnr__img-wrap {
    margin: 0 -17px 25px
}

.b-bnr__img::before {
    padding-top: 43.0555555556%
}

.b-bnr__title {
    margin-bottom: 5px;
    color: var(--color-red)
}

.b-bnr__content {
    font-weight: 300;
    font-size: 17px;
    line-height: 1.1
}

.b-bnr__content ul {
    padding-top: 10px
}

.b-bnr__content li {
    margin-bottom: 1px;
    background-position: 2px .5em
}

.c-bnrs--carousel .b-bnr__img-wrap {
    margin: 0 0 15px
}

.c-bnrs--carousel .b-bnr__img {
    height: 335px
}

@media(max-width: 1279.98px) {
    .b-bnr__content li {
        background-position:2px .5em
    }
}

@media(min-width: 1280px) {
    .b-bnr__img-wrap {
        margin:0 0 25px
    }

    .b-bnr__img {
        max-height: 285px
    }

    .b-bnr__img::before {
        padding-top: 67.5%
    }

    .b-bnr__title {
        margin-bottom: 15px
    }

    .b-bnr__content {
        font-size: 20px
    }

    .b-bnr__content ul {
        padding-top: 0
    }

    .b-bnr__content li {
        margin-bottom: 8px
    }

    .c-bnrs--carousel .b-bnr__img-wrap {
        margin-bottom: 30px
    }

    .c-bnrs--carousel .b-bnr__content {
        max-width: 50%
    }

    .c-bnrs--carousel .b-bnr__img {
        height: 355px;
        max-height: none
    }
}

@media(min-width: 1650px) {
    .c-bnrs--carousel .b-bnr__img-wrap {
        margin-bottom:15px
    }

    .c-bnrs--carousel .b-bnr__img {
        height: 500px
    }
}

.b-how__how {
    margin-bottom: 30px
}

.b-how__btns {
    margin-bottom: 50px
}

.b-how__btns .grid {
    justify-content: center
}

.b-how__offer {
    margin-bottom: 25px
}

@media(min-width: 750px) {
    .b-how__how {
        margin-bottom:65px
    }

    .b-how__btns {
        margin-bottom: 110px
    }

    .b-how__offer {
        margin-bottom: 40px
    }
}

.b-why__benefits {
    margin-bottom: 35px
}

.b-why__btns {
    margin-bottom: 80px
}

@media(min-width: 1000px) {
    .b-why__btns {
        padding-left:calc(26% + 50px)
    }
}

@media(min-width: 1280px) {
    .b-why__benefits {
        margin-bottom:80px
    }

    .b-why__btns {
        margin-bottom: 100px
    }
}

@media(min-width: 1650px) {
    .b-why__btns {
        margin-bottom:140px;
        padding-left: 450px
    }
}

.b-benefits__title {
    margin-bottom: 20px;
    line-height: 1
}

.b-benefits__content {
    margin-bottom: 25px;
    font-weight: 300;
    font-size: 20px;
    line-height: 1.2
}

.b-benefits__main {
    margin-bottom: 35px
}

.b-benefits__img {
    grid-area: img;
    max-height: 350px
}

.b-benefits__items {
    grid-area: items
}

.b-benefits__grid {
    margin: 0 0 -45px -40px
}

.b-benefits__cell {
    border-width: 0 0 45px 40px
}

.b-benefits__name {
    margin-bottom: 0;
    line-height: 1
}

.b-benefits__desc {
    margin: 0 0 0 50px;
    font-size: 17px;
    line-height: 1.2
}

.b-benefits__more {
    margin: 0 0 0 50px
}

@media(max-width: 999.98px) {
    .b-benefits__img {
        margin:0 -17px 25px
    }

    .b-benefits__img img {
        object-position: top 78% left 50%
    }

    .b-benefits__name {
        font-size: 27px
    }
}

@media(min-width: 750px) {
    .b-benefits__content {
        max-width:700px;
        margin: 0 0 85px
    }

    .b-benefits__main {
        margin: 0 0 80px
    }

    .b-benefits__img {
        margin: 0 0 60px
    }

    .b-benefits__desc {
        margin: 0 0 10px
    }

    .b-benefits__more {
        margin: 0
    }

    .b-benefits__cell {
        width: 50%
    }
}

@media(min-width: 1000px) {
    .b-benefits__title {
        line-height:.9
    }

    .b-benefits__main {
        display: grid;
        grid-template-columns: 26% 1fr;
        grid-template-areas: "img items";
        grid-gap: 50px
    }

    .b-benefits__items {
        margin-bottom: 10px
    }

    .b-benefits__grid {
        margin: 0 0 -80px -80px
    }

    .b-benefits__cell {
        border-width: 0 0 80px 80px
    }

    .b-benefits__content {
        font-size: 24px;
        line-height: 1.1
    }

    .b-benefits__img {
        max-height: none
    }

    .b-benefits__img:first-child {
        margin: 10px 0 0
    }

    .b-benefits__img img {
        top: 50%;
        left: 50%;
        width: auto;
        max-width: none;
        height: 125%;
        transform: translate(-51%, -60%)
    }

    .b-benefits__name {
        margin-bottom: 20px
    }

    .b-benefits__desc {
        font-size: 20px;
        line-height: 1.05
    }

    .b-benefits__img {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .b-benefits__items {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }
}

@media(min-width: 1650px) {
    .b-benefits__title {
        margin-bottom:30px;
        line-height: 1
    }

    .b-benefits__content {
        margin-bottom: 60px;
        line-height: 1.2
    }

    .b-benefits__main {
        grid-template-columns: 380px 1fr;
        grid-gap: 70px
    }

    .b-benefits__cell {
        max-width: 450px
    }

    .b-benefits__desc {
        margin-bottom: 15px;
        line-height: 1.3
    }
}

.b-reference__head {
    margin-bottom: 20px
}

.b-reference__name {
    margin: 0;
    font-weight: 600;
    font-size: 17px
}

.b-reference__name .icon-svg {
    width: 15px;
    margin-right: 10px;
    color: var(--color-primary)
}

.b-reference__stars {
    margin-bottom: 10px
}

.b-reference__title {
    margin: 0 0 20px
}

.b-reference__content {
    font-size: 17px;
    line-height: 1.4
}

@media(min-width: 1280px) {
    .b-reference__head {
        display:flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px
    }

    .b-reference__name {
        font-size: 26px
    }

    .b-reference__name .icon-svg {
        width: 30px;
        margin-right: 15px
    }

    .b-reference__stars {
        margin: 0;
        padding-top: 6px
    }

    .b-reference__title {
        margin: 0 0 25px
    }

    .b-reference__content {
        font-size: 20px
    }
}

.b-annot {
    text-align: center
}

.b-annot__title {
    margin-bottom: 20px
}

.b-annot__content {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.2
}

@media(min-width: 1000px) {
    .b-annot__title {
        margin-bottom:15px;
        font-size: 70px
    }

    .b-annot__content {
        font-size: 24px;
        line-height: 1.25
    }
}

.b-choose {
    margin: 0 auto
}

.b-choose .b-annot {
    margin-bottom: 30px
}

.b-choose__trigger {
    display: inline-block;
    color: var(--color-text);
    font-weight: 700;
    text-decoration: none
}

.b-choose__frequency {
    display: none
}

.b-choose__basket {
    display: none
}

.b-choose__delivery {
    display: none
}

.b-choose--package {
    margin-bottom: 60px
}

.b-choose--package .b-annot {
    margin-bottom: 25px
}

.b-choose--frequency {
    margin-bottom: 60px
}

.b-choose--frequency .b-annot {
    margin-bottom: 25px
}

.b-choose--delivery .b-annot {
    margin-bottom: 25px
}

.b-choose__frequency.is-open {
    display: block
}

.b-choose__trigger.is-open {
    display: none
}

.b-choose__basket.is-open {
    display: block
}

.b-choose__delivery.is-open {
    display: block
}

@media(min-width: 1000px) {
    .b-choose .b-annot {
        margin-bottom:65px
    }

    .b-choose--package {
        margin-bottom: 100px
    }

    .b-choose--package .b-annot {
        margin-bottom: 45px
    }

    .b-choose--frequency {
        margin-bottom: 165px
    }

    .b-choose--frequency .b-annot {
        margin-bottom: 35px
    }

    .b-choose--delivery .b-annot {
        margin-bottom: 45px
    }
}

.b-fish {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 10px 10px 20px;
    background: var(--color-white);
    text-align: center
}

.b-fish__img {
    margin-bottom: 15px
}

.b-fish__img::before {
    padding-top: 40.3225806452%
}

.b-fish__title {
    margin: 0 0 15px
}

.b-fish__content {
    margin: auto 0 20px;
    font-weight: 300;
    font-size: 17px;
    line-height: 1.2
}

.b-fish__btn-wrap {
    margin: 0 0 10px
}

.b-fish__more {
    position: relative;
    z-index: 1;
    margin: 0
}

.b-modal .b-fish {
    padding: 10px 10px 15px;
    border: 1px solid var(--color-secondary)
}

.b-modal .b-fish .b-fish__img {
    margin-bottom: 15px
}

.b-modal .b-fish .b-fish__img::before {
    padding-top: 34.4262295082%
}

.b-modal .b-fish .b-fish__title {
    margin-bottom: 10px;
    font-size: 27px
}

.b-modal .b-fish .b-fish__more {
    display: none
}

.b-modal .b-fish .b-fish__btn-wrap {
    margin: 0
}

@media(min-width: 750px) {
    .b-fish {
        padding:10px 10px 30px
    }

    .b-fish__img {
        margin-bottom: 30px
    }

    .b-fish__img::before {
        padding-top: 55.5555555556%
    }

    .b-fish__title {
        font-size: 40px
    }

    .b-fish__content {
        margin-bottom: 25px;
        font-size: 18px;
        line-height: 1.3
    }

    .b-fish__btn-wrap {
        margin: 0 0 15px
    }
}

.b-gallery {
    width: 100%;
    max-width: 980px;
    margin: 0 auto
}

.b-gallery__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    margin-bottom: -20px;
    margin-left: -20px
}

.b-gallery__item {
    position: relative;
    flex: 1 0 33.333%;
    border-bottom: 20px solid rgba(0,0,0,0);
    border-left: 20px solid rgba(0,0,0,0)
}

.b-gallery__item a {
    position: relative;
    display: block;
    padding-top: 100%;
    background-color: var(--color-bg);
    overflow: hidden
}

.b-gallery__item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center
}

.b-gallery__btn {
    flex: 0 0 100%;
    border-left: 20px solid rgba(0,0,0,0);
    text-align: center
}

.b-gallery .b-gallery__item.is-hide {
    display: none
}

.b-gallery .b-gallery__item img.is-invisible {
    left: -99999px
}

@media(max-width: 479.98px) {
    .b-gallery__item {
        flex:1 0 50%
    }
}

.b-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s,z-index 0s .3s,visibility 0s .3s
}

.b-modal__wrapper {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: 60px 1fr;
    grid-template-areas: "content content" "content content";
    width: 1020px;
    max-width: 100vw;
    height: 100%;
    max-height: 100%;
    overflow: hidden
}

.b-modal__header {
    position: relative;
    z-index: 11;
    display: flex;
    grid-area: 1/2/2/2;
    justify-content: flex-end
}

.b-modal__title {
    z-index: 2;
    display: none;
    grid-area: title;
    justify-content: center;
    align-items: center;
    padding: 0 0 0 52px;
    background: var(--color-white)
}

.b-modal__title h3 {
    margin: 0
}

.b-modal__description {
    display: none
}

.b-modal__content {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    position: relative;
    z-index: 2;
    display: flex;
    grid-area: content;
    min-height: 140px;
    background: var(--color-white);
    text-align: center;
    overflow: hidden
}

.b-modal__slide {
    display: flex;
    flex: 0 0 100%;
    align-items: flex-start;
    order: 2;
    max-height: 100%;
    overflow: hidden;
    overflow-y: auto;
    opacity: 0;
    transition: opacity .3s,z-index 0s .3s
}

.b-modal__slide.is-active {
    z-index: 2;
    order: 1;
    opacity: 1;
    transition: opacity .3s,z-index 0s
}

.b-modal__image,.b-modal__video {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.b-modal__image>*,.b-modal__video>* {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 100%
}

.b-modal__image--multiple>*,.b-modal__video--multiple>* {
    max-width: 50%
}

.b-modal__image img {
    -webkit-user-select: none;
    user-select: none
}

.b-modal__inner {
    width: 100%;
    padding: 45px 20px
}

body:not(.is-loading) .b-modal__inner {
    background: #fff
}

.b-modal__inner>*:last-child {
    margin-bottom: 0
}

.b-modal__iframe {
    height: 100%;
    padding: 20px;
    background: #fff
}

.b-modal__iframe iframe {
    width: 100%;
    height: 100%
}

.b-modal__embed {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.b-modal__embed::before {
    content: "";
    display: block;
    padding-top: 56.25%
}

.b-modal__embed iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.b-modal__nav {
    display: none;
    grid-area: nav;
    border-left: 1px solid var(--color-bd);
    background: var(--color-bg)
}

.b-modal__loader {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: none;
    align-items: center;
    color: #fff;
    font-size: 30px;
    justify-items: center
}

.b-modal__loader .icon-load {
    width: 40px;
    animation-name: loader;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.b-modal__loader-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    border-radius: 50%;
    background: rgba(0,0,0,.5);
    animation-name: loader;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite
}

.b-modal__loader-icon>span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.b-modal__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(var(--color-secondary), 0.8);
    background-image: url("../img/illust/modal.jpg");
    background-size: cover;
    opacity: .66
}

.b-modal__prev,.b-modal__next {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 10px;
    z-index: 3;
    display: flex;
    align-items: center;
    pointer-events: none
}

.b-modal__prev {
    justify-content: flex-start
}

.b-modal__next {
    right: 10px;
    left: auto;
    justify-content: flex-end
}

.b-modal__prev-btn,.b-modal__next-btn {
    display: inline-block;
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    color: inherit;
    line-height: inherit;
    text-align: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    color: var(--color-bg);
    transition: color .3s;
    pointer-events: auto
}

.hoverevents .b-modal__prev-btn:hover,.hoverevents .b-modal__next-btn:hover {
    color: var(--color-bg);
    cursor: pointer
}

.b-modal__prev-btn .icon-svg,.b-modal__next-btn .icon-svg {
    width: 20px
}

.b-modal__close {
    display: inline-block;
    padding: 0;
    border: none;
    border-radius: 0;
    background: none;
    color: inherit;
    line-height: inherit;
    text-align: inherit;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: flex;
    padding: 20px 28px;
    color: var(--color-link);
    outline: none;
    transition: color .3s;
    cursor: pointer
}

.b-modal__close .icon-svg {
    width: 30px;
    height: 30px
}

.b-modal__btns {
    display: flex
}

.b-modal--img .b-modal__slide:not(.is-active) {
    position: absolute;
    left: -5000px;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s,visibility .3s
}

.b-modal--img .b-modal__wrapper {
    display: block;
    width: auto;
    height: auto
}

.b-modal--img .b-modal__header {
    position: absolute;
    right: 0
}

.b-modal--img .b-modal__content {
    width: 100%;
    padding: 0 70px
}

.b-modal--img .b-modal__image {
    width: 980px;
    max-width: 100%;
    height: calc(100vh - 80px);
    max-height: 875px
}

.hoverevents .b-modal--img .b-modal__close:hover img {
    opacity: .5
}

.b-modal--img .b-modal__close img {
    max-width: 30px;
    transition: opacity .3s
}

.b-modal--img .b-modal__prev-btn,.b-modal--img .b-modal__next-btn {
    color: var(--color-link)
}

.hoverevents .b-modal--img .b-modal__prev-btn:hover img,.hoverevents .b-modal--img .b-modal__next-btn:hover img {
    opacity: .5
}

.b-modal--img .b-modal__prev-btn img,.b-modal--img .b-modal__next-btn img {
    max-width: 20px;
    transition: opacity .3s
}

.b-modal--youtube .b-modal__close {
    display: none
}

.b-modal.is-opened {
    z-index: 100001;
    visibility: visible;
    opacity: 1;
    transition: opacity .3s,z-index 0s,visibility 0s
}

body.is-loading .b-modal__wrapper,body.is-loading .b-modal__bg {
    display: none
}

body.is-loading .b-modal__loader {
    display: grid
}

.b-modal.is-first .b-modal__prev {
    display: none
}

.b-modal.is-last .b-modal__next {
    display: none
}

.hoverevents .b-modal__close:hover,.hoverevents .b-modal--img .b-modal__prev-btn:hover,.hoverevents .b-modal--img .b-modal__next-btn:hover {
    color: var(--color-hover)
}

@media(max-width: 479.98px) {
    .b-modal__slide {
        align-items:center
    }
}

@media(min-width: 480px) {
    .b-modal {
        padding:20px 17px
    }

    .b-modal__wrapper {
        max-width: 1476px;
        height: auto
    }

    .b-modal__close {
        padding: 20px;
        cursor: pointer
    }

    .b-modal__close .icon-svg {
        width: 22px;
        height: 22px
    }
}

@media(max-width: 749.98px) {
    .b-modal--img .b-modal__image {
        width:100vw;
        max-width: 100vw;
        height: calc(100dvh - 40px);
        max-height: calc(100dvh - 40px)
    }

    .b-modal--img .b-modal__close {
        padding: 15px
    }

    .b-modal--img .b-modal__close .icon-svg {
        width: 20px;
        height: 20px
    }
}

@media(min-width: 750px) {
    .b-modal {
        padding:20px 30px
    }

    .b-modal__wrapper {
        max-width: 1450px
    }

    .b-modal__inner {
        padding: 65px
    }

    .b-modal__prev {
        left: 25px
    }

    .b-modal__next {
        right: 25px
    }

    .b-modal__prev-btn .icon-svg,.b-modal__next-btn .icon-svg {
        width: 50px
    }

    .b-modal--img .b-modal__prev-btn .icon-svg,.b-modal--img .b-modal__next-btn .icon-svg {
        width: 30px
    }
}

@media(min-width: 1280px) {
    .b-modal {
        padding:20px 80px
    }

    .b-modal__wrapper {
        max-width: 1350px
    }

    .b-modal__inner .h1,.b-modal__inner h1 {
        font-size: 70px
    }
}

@media screen and (max-width: 425px) {
    .b-modal__btns {
        flex-direction:column-reverse;
        align-items: center
    }
}

@keyframes loader {
    from {
        transform: rotate(360deg)
    }

    to {
        transform: rotate(0deg)
    }
}

.b-accordion {
    padding: 15px 0 50px
}

.b-accordion__head {
    margin: 0 auto 20px
}

.b-accordion__title {
    font-size: 40px
}

.b-accordion__list {
    margin-bottom: -10px
}

.b-accordion__item {
    position: relative;
    margin-bottom: 10px;
    border: 1px solid var(--color-secondary)
}

.b-accordion__question {
    position: relative;
    margin: 0;
    padding: 10px 50px 13px 17px;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2
}

.b-accordion__question::before,.b-accordion__question::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 17px;
    width: 20px;
    height: 2px;
    background: var(--color-link);
    transform: translateY(-50%);
    transition: background-color .3s,transform .3s
}

.b-accordion__question::after {
    transform: translateY(-50%) rotate(90deg)
}

.b-accordion__answer {
    padding: 5px 17px 22px;
    font-weight: 300;
    font-size: 17px;
    line-height: 1.15
}

.b-accordion__toggle .icon-svg {
    display: none
}

.b-accordion__item.is-open .b-accordion__question::after {
    transform: translateY(-50%) rotate(0)
}

.b-accordion__item:not(.is-open) .b-accordion__answer {
    display: none
}

@media(min-width: 750px) {
    .b-accordion__head {
        margin-bottom:35px
    }
}

@media(min-width: 1280px) {
    .b-accordion {
        padding:45px 0 115px
    }

    .b-accordion__head {
        margin: 0 auto 65px
    }

    .b-accordion__title {
        font-size: 70px
    }

    .b-accordion__list {
        margin-bottom: -20px
    }

    .b-accordion__item {
        margin-bottom: 20px
    }

    .b-accordion__question {
        padding: 12px 50px 14px 22px;
        font-size: 24px
    }

    .b-accordion__question::before,.b-accordion__question::after {
        right: 22px
    }

    .b-accordion__answer {
        margin: -6px 0 0;
        padding: 0 22px 15px;
        font-size: 20px;
        line-height: 1.45
    }
}

.b-accessory {
    height: 100%;
    padding: 10px 10px 20px;
    background: var(--color-white);
    text-align: center
}

.b-accessory__img {
    margin: 0 0 15px
}

.b-accessory__title {
    margin: 0 0 25px;
    font-size: 27px
}

.b-accessory__add {
    display: flex;
    justify-content: center;
    min-height: 48px;
    margin: 0 0 10px;
    line-height: 1
}

.safari .b-accessory__add {
    min-height: 48px
}

@media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
    @supports(-webkit-appearance: none) and (stroke-color: transparent) {
        .b-accessory__add {
            min-height:37px
        }
    }
}

.b-accessory__btn {
    font-weight: bold;
    font-size: 25px;
    text-transform: uppercase;
    text-decoration: none
}

.b-accessory__count {
    display: none
}

.b-accessory__more {
    margin: 0
}

.b-accessory.has-items .b-accessory__btn {
    display: none
}

.b-accessory.has-items .b-accessory__count {
    display: inline-flex
}

.b-modal .b-accessory {
    padding: 10px;
    border: 1px solid var(--color-secondary)
}

.b-modal .b-accessory .b-accessory__img::before {
    padding-top: 66.6666666667%
}

.b-modal .b-accessory .b-accessory__title {
    margin-bottom: 15px
}

.b-modal .b-accessory .b-accessory__add {
    margin: 0
}

.b-modal .b-accessory .b-accessory__more {
    display: none
}

@media(min-width: 360px) {
    .b-modal .b-accessory {
        display:grid;
        grid-template-columns: minmax(45%, 135px) 1fr;
        grid-template-rows: auto 1fr;
        grid-template-areas: "img title" "img add";
        gap: 0 20px;
        text-align: left
    }

    .b-modal .b-accessory__img {
        grid-area: img;
        margin: 0
    }

    .b-modal .b-accessory__title {
        grid-area: title;
        font-size: 27px
    }

    .b-modal .b-accessory__add {
        grid-area: add;
        justify-content: flex-start
    }

    .b-modal .b-accessory > .b-benefits__img {
        -ms-grid-row: 1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1
    }

    .b-modal__title {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }
}

@media (min-width: 1000px) {
    .b-modal .b-accessory__img {
        -ms-grid-row:1;
        -ms-grid-column: 1
    }
}

@media (min-width: 360px) {
    .b-modal .b-accessory > .b-accessory__img {
        -ms-grid-row:1;
        -ms-grid-row-span: 3;
        -ms-grid-column: 1
    }

    .b-modal .b-accessory__title {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .b-modal .b-accessory__add {
        -ms-grid-row: 3;
        -ms-grid-column: 3
    }
}

@media(max-width: 749.98px) {
    .b-accessory__img::before {
        padding-top:40.9836065574%
    }
}

@media(min-width: 480px) {
    .b-accessory__img {
        margin:0 0 25px
    }

    .b-accessory__title {
        margin: 0 0 20px;
        font-size: 40px
    }

    .b-accessory__btn {
        font-size: 26px
    }

    .b-accessory__add {
        min-height: 28px;
        margin: 0 0 25px
    }

    .safari .b-accessory__add {
        min-height: 37px
    }

    @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) {
        @supports(-webkit-appearance: none) and (stroke-color: transparent) {
            .b-accessory__add {
                min-height:37px
            }
        }
    }
}

.b-order {
    font-size: 17px;
    line-height: 1.15
}

.b-order__summary {
    padding: 90px 0 30px;
    background: #eaeaea
}

.b-order__form {
    padding: 30px 0 85px
}

.b-order__head {
    margin-bottom: 20px
}

.b-order__title {
    margin-bottom: 25px
}

@media(min-width: 750px) {
    .b-order {
        font-size:18px;
        line-height: 1.2
    }

    .b-order__head {
        max-width: 60%
    }

    .b-order__title {
        margin-bottom: 25px
    }

    .b-order__head .b-order__title {
        margin-bottom: 15px
    }
}

@media(min-width: 1000px) {
    .b-order {
        display:grid;
        grid-template-columns: 1fr minmax(auto, 910px) 410px;
        grid-template-areas: "form form ."
    }

    .b-order__form {
        grid-area: form;
        padding: 90px 0 100px
    }
}

@media (min-width: 1000px) {
    .b-order__form {
        -ms-grid-row:1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
}

@media(min-width: 1280px) {
    .b-order {
        grid-template-columns:15fr minmax(auto, 910px) minmax(535px, 16fr)
    }
}

.b-summary {
    font-size: 20px
}

.b-summary__table {
    margin-bottom: 18px;
    border: none
}

.b-summary__cell {
    height: 45px;
    padding: 0 5px;
    border: none
}

.b-summary__cell:first-child {
    padding-left: 0
}

.b-summary__cell:last-child {
    padding-right: 0
}

.b-summary__cell--price {
    white-space: nowrap;
    text-align: right
}

.b-summary__cell--edit {
    width: 60px;
    text-align: right
}

.b-summary__info {
    display: block;
    font-size: 14px
}

.b-summary__row:first-child .b-summary__cell {
    padding-top: 0
}

.b-summary__link {
    display: inline-flex
}

.b-summary__link .icon-svg {
    width: 20px
}

.b-summary__link .icon-svg--questionmark {
    width: 14px
}

.basket-summary-mobile .b-summary__link {
    display: none !important
}

tbody .b-summary__row:last-child .b-summary__cell {
    padding-bottom: 18px
}

tfoot .b-summary__row:first-child .b-summary__cell--name,tfoot .b-summary__row:first-child .b-summary__cell--price,tfoot .b-summary__row:first-child .b-summary__cell--edit {
    padding-top: 10px;
    padding-bottom: 12px;
    border: 1px solid var(--color-secondary);
    border-width: 1px 0
}

.b-summary__table--info .b-summary__cell--edit {
    width: auto
}

.b-summary__table--info .b-summary__row:last-child .b-summary__cell {
    padding-bottom: 0
}

@media(min-width: 1280px) {
    .b-summary {
        max-width:350px;
        font-size: 18px
    }

    .b-summary__table {
        margin-bottom: 25px
    }

    .b-summary__cell {
        height: auto;
        padding: 7px
    }

    .b-summary__cell--edit {
        width: 20px
    }

    .b-summary__table--info .b-summary__cell {
        padding: 0
    }

    tbody .b-summary__row:last-child .b-summary__cell {
        padding-bottom: 25px
    }

    tfoot .b-summary__row:first-child .b-summary__cell--name,tfoot .b-summary__row:first-child .b-summary__cell--price {
        padding-top: 20px;
        padding-bottom: 25px
    }

    tfoot .b-summary__row:first-child .b-summary__cell--edit {
        border: none
    }
}

.b-open__box {
    margin-bottom: 30px
}

.js .b-open__box {
    position: absolute;
    top: -5000px;
    left: -5000px;
    transition: opacity .3s
}

.js .b-open__box.is-visible,.js .b-open__box.is-open {
    position: static;
    top: auto;
    left: auto
}

.b-success {
    line-height: 1.2;
    text-align: center
}

.b-success__title {
    max-width: 400px;
    margin: 0 auto 15px;
    line-height: 1
}

.b-success__highlight {
    margin-bottom: 15px;
    font-size: 27px
}

.b-success__content {
    margin-bottom: 40px
}

.b-success__btn {
    margin: 0
}

@media(max-width: 999.98px) {
    .b-success {
        font-size:20px;
        line-height: 1.15
    }
}

@media(min-width: 1000px) {
    .b-success__title {
        max-width:700px;
        margin: 0 auto 85px;
        font-size: 70px
    }

    .b-success__highlight {
        margin-bottom: 15px;
        font-size: 40px
    }

    .b-success__content {
        margin-bottom: 75px
    }
}

.b-basket {
    z-index: 7;
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    pointer-events: none
}

.b-basket__content {
    position: relative;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: transform .3s,padding .3s,opacity .3s,visibility .3s
}

.b-basket__box {
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    margin: 0 0 0 auto;
    padding: 0;
    background: #eaeaea;
    overflow: hidden;
    pointer-events: auto
}

.b-basket__box .row-main {
    height: 100%
}

.b-basket__bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    margin-left: -1px;
    background: #eaeaea
}

.b-basket__inner {
    height: 100%;
    padding: 40px 20px 40px 0;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain
}

.is-basket-open .b-basket__content .dicount-code-activator {
    margin-left: 0 !important
}

.is-basket-open .b-basket__content {
    overflow: visible;
    visibility: visible;
    opacity: 1
}

.basket .b-basket__box {
    padding-top: 170px
}

@media(max-width: 749.98px) {
    .b-basket {
        position:fixed;
        top: 67px;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 99999
    }

    .b-basket__box {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100%
    }

    .b-basket--steps {
        top: 139px
    }
}

@media(min-width: 750px) {
    .b-basket {
        display:grid;
        grid-template-columns: 1fr 410px
    }

    .b-basket__content {
        position: relative;
        grid-area: 1/2/2/3;
        height: 100%;
        background: #eaeaea;
        outline: 5000px solid rgba(var(--color-black), 0.4)
    }

    .b-basket__box {
        width: 410px;
        padding-top: 100px
    }

    .b-basket--steps .b-basket__box {
        padding-top: 130px
    }

    .basket .b-basket__box {
        outline: none
    }

    .b-basket__inner::-webkit-scrollbar {
        width: 10px;
        height: 10px;
        background-color: rgba(0,0,0,0)
    }

    .b-basket__inner::-webkit-scrollbar-button {
        display: none
    }

    .b-basket__inner::-webkit-scrollbar-thumb {
        background: linear-gradient(90deg, transparent 0, transparent 3px, var(--color-bd) 3px, var(--color-bd) 8px, transparent 8px, transparent 10px)
    }

    .b-basket__inner::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(90deg, transparent 0, transparent 3px, var(--color-paused) 3px, var(--color-paused) 8px, transparent 8px, transparent 10px)
    }

    .b-basket__inner::-webkit-scrollbar-thumb:active {
        background: linear-gradient(90deg, transparent 0, transparent 3px, var(--color-paused) 3px, var(--color-paused) 8px, transparent 8px, transparent 10px)
    }
}

@media(min-width: 1000px) {
    .b-basket__bg {
        margin-left:0
    }

    .b-basket--steps .b-basket__box {
        padding-top: 173px
    }

    .basket .b-basket__box {
        padding-top: 173px
    }

    .is-scrolled.basket .b-basket__box {
        padding-top: 120px
    }

    .has-summary .b-basket__content {
        outline: none;
        visibility: visible;
        opacity: 1;
        transform: translateX(0)
    }
}

@media(min-width: 1280px) {
    .b-basket {
        grid-template-columns:1fr 535px
    }

    .b-basket__box {
        width: 535px;
        padding-top: 140px
    }

    .is-scrolled.basket .b-basket__box {
        padding-top: 130px
    }
}

@media(min-width: 1650px) {
    .b-basket--steps .b-basket__box {
        padding-top:190px
    }

    .basket .b-basket__box {
        padding-top: 227px
    }

    .is-scrolled.basket .b-basket__box {
        padding-top: 150px
    }
}

.b-product {
    position: relative;
    padding: 20px 18px;
    background-color: var(--color-white)
}

.b-product__flag {
    margin-bottom: 10px;
    line-height: 1
}

.b-product__header {
    margin-bottom: 30px
}

.b-product__header>* {
    margin-bottom: 0
}

.b-product__title {
    font-size: 1.25rem
}

.b-product__link {
    color: var(--color-text);
    text-decoration: none
}

.b-product__gift {
    margin-top: 5px
}

.b-product__table {
    border-width: 0;
    font-size: .75rem
}

.b-product__table th,.b-product__table td {
    padding: 0;
    border-width: 0
}

.b-product__info {
    font-size: 22px
}

.b-product__btns {
    position: relative;
    z-index: 1
}

@media(max-width: 749.98px) {
    .b-product__table th,.b-product__table td {
        display:block
    }

    .b-product__table td {
        padding-bottom: 10px
    }

    .b-product__table tr:last-child td {
        padding-bottom: 0
    }

    .b-product__btns .grid {
        justify-content: center
    }
}

@media(min-width: 750px) {
    .b-product {
        padding:30px 35px
    }

    .b-product__flag {
        position: absolute;
        top: 20px;
        right: 25px;
        margin: 0
    }

    .b-product__header {
        display: flex
    }

    .b-product__gift {
        margin: 0 0 0 25px
    }

    .b-product__table {
        max-width: 60%
    }
}

.b-payment {
    position: relative;
    padding: 20px 18px;
    background-color: var(--color-white)
}

.b-payment__flag {
    margin-bottom: 10px;
    line-height: 1
}

.b-payment__header {
    margin-bottom: 30px
}

.b-payment__header>* {
    margin-bottom: 0
}

.b-payment__title {
    font-size: 1.25rem
}

.b-payment__link {
    color: var(--color-text);
    text-decoration: none
}

.b-payment__link .icon-svg {
    width: 47px;
    margin-right: 20px;
    color: var(--color-primary)
}

.b-payment__table {
    border-width: 0;
    font-size: .75rem
}

.b-payment__table th,.b-payment__table td {
    padding: 0;
    border-width: 0
}

.b-payment__btns {
    position: relative;
    z-index: 1
}

@media(max-width: 749.98px) {
    .b-payment__table th,.b-payment__table td {
        display:block
    }

    .b-payment__table td {
        padding-bottom: 10px
    }

    .b-payment__table tr:last-child td {
        padding-bottom: 0
    }

    .b-payment__btns .grid {
        justify-content: center
    }
}

@media(min-width: 750px) {
    .b-payment {
        padding:30px 35px
    }

    .b-payment__flag {
        position: absolute;
        top: 20px;
        right: 25px;
        margin: 0
    }

    .b-payment__header {
        display: flex
    }
}

.b-order-detail__table-title {
    font-weight: normal;
    text-transform: none
}

.b-order-detail__table {
    border-width: 0
}

.b-order-detail__table tr>:first-child {
    padding-left: 0
}

.b-order-detail__table tr>:last-child {
    padding-right: 0
}

.b-order-detail__table tfoot {
    border: 1px solid var(--color-secondary);
    border-width: 1px 0
}

.b-order-detail__cell {
    vertical-align: middle;
    padding: 25px;
    border-width: 0;
    font-size: 15px
}

.b-order-detail__cell--img {
    width: 135px;
    text-align: center
}

.b-order-detail__cell--img .icon-svg {
    width: 47px
}

.b-order-detail__cell--name {
    font-weight: 900;
    font-size: 18px;
    text-transform: uppercase
}

.b-order-detail__info {
    font-size: 15px
}

.b-order-detail__info a {
    color: var(--color-text)
}

@media(max-width: 749.98px) {
    .b-order-detail__row {
        display:flex;
        flex-wrap: wrap
    }

    .b-order-detail__row>* {
        display: inline-block
    }

    .b-order-detail__cell {
        display: block;
        padding: 0 0 10px;
        line-height: 1
    }

    .b-order-detail__cell--img {
        display: none
    }

    .b-order-detail__cell--name {
        width: 100%;
        padding: 10px 0 5px;
        font-size: 18px
    }

    .b-order-detail__cell--number {
        padding-right: 15px
    }

    .b-order-detail__cell--total {
        width: 100%;
        padding-bottom: 5px
    }

    .b-order-detail tbody tr:last-child td:last-child {
        padding-bottom: 30px
    }

    .b-order-detail tfoot tr:first-child td:first-child {
        padding-top: 20px
    }

    .b-order-detail tfoot tr:first-child td:last-child {
        padding-bottom: 9px
    }

    .b-order-detail tfoot tr:last-child td:first-child {
        padding-top: 9px
    }

    .b-order-detail tfoot tr:last-child td:last-child {
        padding-bottom: 20px
    }
}

@media(min-width: 750px) {
    .b-order-detail__cell--number,.b-order-detail__cell--price,.b-order-detail__cell--total {
        text-align:right
    }

    .b-order-detail tfoot tr:first-child td {
        padding-top: 40px
    }

    .b-order-detail tfoot tr:last-child td {
        padding-bottom: 40px
    }
}

@media(min-width: 1280px) {
    .b-order-detail__table tfoot td {
        padding:5px 25px
    }

    .b-order-detail__cell {
        font-size: 22px
    }

    .b-order-detail__cell--name {
        font-size: 30px
    }

    .b-order-detail__info {
        font-size: 18px
    }
}

.b-map {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 955px;
    min-height: 515px;
    margin: 0 auto
}

.b-map__map {
    flex: 1 1 auto
}

.b-map__map::before {
    padding-top: 83.7696335079%
}

.b-map__map img {
    object-fit: contain
}

.b-map__point {
    position: absolute;
    margin: 0
}

.b-map__trigger {
    position: relative;
    border-width: 0;
    background-color: rgba(0,0,0,0);
    color: var(--color-primary);
    font-weight: 600;
    font-size: 15px;
    line-height: 1.1363636364;
    text-transform: uppercase;
    text-decoration: none;
    cursor: pointer
}

.b-map__trigger .icon-svg {
    display: block;
    width: 28px;
    margin: 0 auto
}

.b-map__name {
    display: block
}

.b-map__info {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 15px;
    background-image: url("../img/illust/wave.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 15px;
    line-height: 1.2;
    text-align: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s,visibility .3s
}

.b-map__info>:last-child {
    margin-bottom: 0
}

.b-map__inner {
    position: relative;
    width: 100%;
    max-width: 350px;
    padding: 50px 20px 20px;
    background-color: var(--color-white)
}

.b-map__title {
    margin-bottom: 15px;
    color: var(--color-secondary);
    font-weight: 900;
    font-size: 36px;
    line-height: 1;
    text-transform: uppercase
}

.b-map__text-lg {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.1111111111
}

.b-map__close {
    position: absolute;
    top: 15px;
    right: 15px;
    border-width: 0;
    background-color: rgba(0,0,0,0);
    color: var(--color-primary);
    cursor: pointer
}

.b-map__close .icon-svg {
    width: 18px
}

.b-map__item.is-open .b-map__info {
    visibility: visible;
    opacity: 1
}

.hoverevents .b-map__trigger:hover::before {
    visibility: hidden;
    opacity: 0
}

@media(min-width: 1000px) {
    .b-map__trigger {
        font-size:1.1458333333vw
    }

    .b-map__trigger .icon-svg {
        width: 3.4895833333vw
    }

    .b-map__trigger::before {
        content: "";
        position: absolute;
        right: 0;
        bottom: -3px;
        left: 0;
        height: 2px;
        background-image: url("../img/illust/typography/underline-red.svg");
        background-size: cover;
        transition: opacity .3s,visibility .3s
    }

    .b-map__name br {
        display: none
    }

    .b-map__info {
        top: 50%;
        right: auto;
        bottom: auto;
        left: 50%;
        width: 100%;
        max-width: 350px;
        padding: 0;
        background-image: none;
        transform: translate(-50%, -50%);
        box-shadow: 0 0 0 1px var(--color-secondary)
    }
}

@media(min-width: 1280px) {
    .b-map__trigger {
        font-size:22px
    }

    .b-map__trigger .icon-svg {
        width: 67px
    }
}

.b-detail .row-main {
    padding: 0 30px
}

.b-detail .b-bg {
    min-height: 220px;
    background-image: url("../img/illust/article.jpg")
}

.b-detail__content {
    position: relative;
    z-index: 100;
    max-width: 1100px;
    margin: 0 auto;
    padding: 25px 0;
    background-color: var(--color-white)
}

.b-detail__header {
    display: flex;
    flex-direction: column;
    text-align: center
}

.b-detail__title {
    order: 2;
    max-width: 740px;
    margin: 0 auto 55px
}

.b-detail__category {
    order: 1;
    margin-bottom: 10px
}

.b-detail__info {
    order: 3
}

.b-detail__info a {
    color: var(--color-text);
    font-weight: 700
}

@media(min-width: 750px) {
    .b-detail .b-bg {
        min-height:560px
    }

    .b-detail__content {
        margin: -110px auto 0;
        padding: 45px 0
    }
}

@media(min-width: 1000px) {
    .b-detail .row-main {
        padding:0 60px
    }
}

.b-article__img {
    flex: 0 0 auto;
    margin: 0 0 15px
}

.b-article__img::before {
    padding-top: 67.5%
}

.b-article__content>:last-child {
    margin-bottom: 0
}

.b-article__category {
    display: block;
    margin-bottom: 5px;
    font-weight: 100;
    font-size: 15px;
    text-transform: none
}

.b-article__title {
    margin-bottom: 15px
}

.b-article__link {
    color: var(--color-text);
    text-decoration: none
}

.b-article__annot {
    font-size: 15px;
    line-height: 1.2
}

@media(max-width: 749.98px) {
    .b-article__title {
        font-size:18px
    }
}

@media(min-width: 750px) {
    .b-article__img {
        margin:0 0 35px
    }

    .b-article--thumb {
        display: flex;
        align-items: center
    }

    .b-article--thumb .b-article__img {
        width: 33.3%;
        margin: 0 25px 0 0
    }
}

@media(min-width: 1000px) {
    .b-article__category {
        font-size:20px
    }

    .b-article__title {
        margin-bottom: 35px
    }

    .b-article__annot {
        font-size: 20px
    }

    .b-article--thumb .b-article__img {
        margin: 0 50px 0 0
    }
}

@media(min-width: 1280px) {
    .b-article--thumb .b-article__img {
        width:577px
    }
}

.b-suggest {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    left: 0;
    z-index: 1;
    min-height: 40px;
    padding: 15px 10px;
    border: 0;
    background: var(--color-white);
    font-size: 12px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s,visibility 0s .3s
}

.b-suggest__content {
    max-height: 525px;
    overflow-y: auto
}

.b-suggest__group {
    margin-bottom: 35px
}

.b-suggest__group:last-child {
    margin-bottom: 0
}

.b-suggest__title {
    margin-bottom: 10px;
    font-weight: 700;
    font-size: 13px;
    line-height: 1.3076923077;
    text-align: left
}

.b-suggest__item {
    margin-bottom: 8px;
    text-align: left
}

.b-suggest__item:last-child {
    margin-bottom: 0
}

.b-suggest__item.important {
    margin-bottom: 35px
}

.b-suggest__item.important .important__link {
    color: var(--color-white)
}

.b-suggest__link {
    position: relative;
    display: inline-block;
    color: var(--color-secondary);
    font-family: "degular",-apple-system,blinkmacsystemfont,"Segoe UI",roboto,helvetica,arial,sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    text-decoration: underline;
    transition: color .3s
}

.b-suggest.is-visible {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s,0s
}

.hoverevents .b-suggest__link:hover {
    text-decoration: none
}

@media(max-width: 999.98px) {
    .b-suggest {
        display:flex;
        flex-direction: column;
        justify-content: space-between
    }

    .b-suggest__content {
        height: 100%
    }
}

@media(min-width: 1000px) {
    .b-suggest {
        top:calc(100% + 10px);
        box-shadow: 0 0 18px rgba(0,0,0,.15)
    }
}

.component-heading h1,.component-heading h2,.component-heading h3,.component-heading h4,.component-heading h5,.component-heading h6 {
    margin-bottom: 0
}

.b-languages {
    position: absolute;
    top: 17px;
    left: 35px;
    z-index: 100
}

.b-languages__button {
    display: flex;
    align-items: stretch;
    text-decoration: none
}

.b-languages__button .icon-svg {
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    color: var(--color-white)
}

.b-languages__text {
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    justify-content: center;
    margin-left: 20px;
    color: var(--color-white);
    font-size: 20px;
    line-height: 1.2
}

.b-languages__link {
    min-height: 33px;
    padding: 0 46px;
    color: #0b063f;
    text-decoration: none
}

.b-languages--steps {
    position: relative;
    top: auto;
    left: auto;
    order: 1;
    margin: 0;
    padding-left: 16px
}

.b-languages--steps::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 24px;
    background: var(--color-text);
    transform: translateY(-50%)
}

.b-languages--steps .b-languages__button .icon-svg {
    color: #0b063f
}

.b-languages--steps .b-languages__text {
    color: #0b063f
}

.b-languages--steps .b-languages__list {
    position: absolute;
    top: 33px;
    right: 0;
    width: 150px;
    padding-bottom: 10px;
    background-color: #0b063f
}

.b-languages--steps .b-languages__item {
    display: block
}

.b-languages--steps .b-languages__link {
    display: block;
    min-height: 33px;
    padding: 0 0 0 46px;
    color: var(--color-white);
    text-decoration: none
}

.b-languages--steps.is-open {
    top: auto;
    width: 150px;
    padding: 0;
    background-color: #0b063f
}

.b-languages--steps.is-open--steps .b-languages--steps.is-open__button .icon-svg {
    display: none
}

.b-languages--steps.is-open--steps .b-languages--steps.is-open__button .b-languages__text {
    flex: 1 1 auto;
    min-height: 33px;
    margin: 0;
    padding: 0 0 0 62px;
    color: var(--color-white);
    font-weight: 600
}

.b-languages--steps.is-open::before {
    content: "";
    position: absolute;
    top: 18px;
    left: 23px;
    width: 0;
    height: 0;
    border-right: 6px solid rgba(0,0,0,0);
    border-bottom: 6px solid var(--color-white);
    border-left: 6px solid rgba(0,0,0,0)
}

.b-languages.is-open {
    top: 7px;
    left: 35px;
    padding: 6px 0;
    background-color: var(--color-white)
}

.b-languages.is-open .b-languages__button .icon-svg {
    display: none
}

.b-languages.is-open .b-languages__button .b-languages__text {
    min-height: 33px;
    margin: 0;
    padding: 0 46px;
    color: #0b063f;
    font-weight: 600
}

.b-languages.is-open::before {
    content: "";
    position: absolute;
    top: 20px;
    left: 16px;
    width: 0;
    height: 0;
    border-right: 6px solid rgba(0,0,0,0);
    border-bottom: 6px solid #0b063f;
    border-left: 6px solid rgba(0,0,0,0)
}

@media(max-width: 1279.98px) {
    .b-languages--steps {
        position:absolute;
        top: 30px;
        right: 0;
        z-index: 100
    }

    .b-languages--steps::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 24px;
        background: var(--color-text);
        transform: translateY(-50%)
    }

    .b-languages--steps .b-languages__button {
        padding-right: 35px
    }

    .b-languages--steps .b-languages__button .icon-svg {
        color: #0b063f
    }

    .b-languages--steps .b-languages__text {
        color: #0b063f
    }

    .b-languages--steps .b-languages__list {
        position: absolute;
        top: 33px;
        right: 0;
        width: 140px;
        padding-bottom: 10px;
        background-color: #0b063f
    }

    .b-languages--steps .b-languages__item {
        display: block
    }

    .b-languages--steps .b-languages__link {
        display: block;
        min-height: 33px;
        padding: 0 0 0 46px;
        color: var(--color-white);
        text-decoration: none
    }

    .b-languages--steps.is-open {
        top: 26px !important;
        left: auto;
        width: 140px;
        padding: 0;
        background-color: #0b063f
    }

    .b-languages--steps.is-open .b-languages__button .icon-svg {
        display: none
    }

    .b-languages--steps.is-open .b-languages__button .b-languages__text {
        flex: 1 1 auto;
        min-height: 33px;
        margin: 0;
        padding: 0 0 0 46px;
        color: var(--color-white);
        font-weight: 600
    }

    .b-languages--steps.is-open::before {
        content: "";
        position: absolute;
        top: 18px;
        left: 16px;
        width: 0;
        height: 0;
        border-right: 6px solid rgba(0,0,0,0);
        border-bottom: 6px solid var(--color-white);
        border-left: 6px solid rgba(0,0,0,0)
    }

    .b-languages--steps.is-open::after {
        left: -17px
    }
}

@media(max-width: 999.98px) {
    .b-languages--steps {
        top:20px
    }

    .b-languages--steps .b-languages__button {
        padding-right: 17px
    }

    .b-languages--steps.is-open {
        top: 16px !important;
        width: 124px
    }

    .b-languages--steps.is-open::after {
        left: -15px
    }

    .b-languages--steps .b-languages__list {
        width: 124px
    }
}

@media(max-width: 479.98px) {
    .b-languages--steps {
        min-width:120px;
        margin-left: 0
    }
}

@media(min-width: 1280px) {
    .b-languages {
        position:relative;
        top: auto;
        left: auto;
        order: 1;
        min-width: 150px;
        margin-left: 16px;
        padding-left: 16px
    }

    .b-languages::after {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 24px;
        background: var(--color-text);
        transform: translateY(-50%)
    }

    .b-languages__button .icon-svg {
        color: #0b063f
    }

    .b-languages__text {
        color: #0b063f
    }

    .b-languages__list {
        position: absolute;
        top: 33px;
        right: 0;
        width: 150px;
        padding-bottom: 10px;
        background-color: #0b063f
    }

    .b-languages__item {
        display: block
    }

    .b-languages__link {
        display: block;
        min-height: 33px;
        padding: 0 0 0 46px;
        color: var(--color-white);
        text-decoration: none
    }

    .b-languages.is-open {
        top: auto;
        left: 16px;
        width: 150px;
        padding: 0;
        background-color: #0b063f
    }

    .b-languages.is-open .b-languages__button .icon-svg {
        display: none
    }

    .b-languages.is-open .b-languages__button .b-languages__text {
        flex: 1 1 auto;
        min-height: 33px;
        margin: 0;
        padding: 0 0 0 46px;
        color: var(--color-white);
        font-weight: 600
    }

    .b-languages.is-open::before {
        content: "";
        position: absolute;
        top: 18px;
        left: 18px;
        width: 0;
        height: 0;
        border-right: 6px solid rgba(0,0,0,0);
        border-bottom: 6px solid var(--color-white);
        border-left: 6px solid rgba(0,0,0,0)
    }

    .b-languages.is-open::after {
        left: -16px
    }
}

@media(min-width: 1650px) {
    .b-languages {
        margin-left:26px;
        padding-left: 26px
    }

    .b-languages__link {
        padding: 0 0 0 46px
    }

    .b-languages--steps .b-languages__link {
        padding: 0 0 0 46px
    }

    .b-languages.is-open {
        left: 26px
    }

    .b-languages.is-open .b-languages__button .b-languages__text {
        padding: 0 0 0 46px
    }

    .b-languages.is-open::before {
        left: 16px
    }

    .b-languages.is-open::after {
        left: -26px
    }
}

.b-calendar {
    width: 100%;
    margin: 0 auto;
    border: solid 1px var(--color-bd);
    background-color: var(--color-white);
    overflow: hidden;
    box-shadow: 0 4px 22px 0 rgba(0,0,0,.05)
}

.b-calendar__btn {
    min-width: 27px;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    line-height: normal;
    text-align: center;
    overflow: visible;
    cursor: pointer
}

.b-calendar__header {
    display: flex;
    align-items: center;
    padding: 20px 22px
}

.b-calendar__header svg {
    fill: var(--color-primary)
}

.b-calendar__label {
    width: 100%;
    font-weight: bold;
    text-align: center
}

.b-calendar__week {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--color-bg)
}

.b-calendar__week span {
    flex: 0 0 14.28%;
    flex-direction: column;
    max-width: 14.28%;
    padding: 20px 10px;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase
}

.b-calendar__body {
    display: flex;
    flex-wrap: wrap
}

.b-calendar__date {
    display: flex;
    flex: 0 0 14.28%;
    flex-direction: column;
    align-items: center;
    max-width: 14.28%;
    padding: 20px 0;
    background-color: var(--color-white)
}

.b-calendar__date span {
    font-size: 16px
}

.b-calendar__date--active {
    cursor: pointer
}

.b-calendar__date--today {
    background-color: var(--color-primary);
    color: var(--color-white)
}

.b-calendar__date--selected {
    background-color: var(--color-bg);
    color: var(--color-text)
}

.b-calendar__date--disabled {
    border-radius: 0;
    opacity: .5;
    pointer-events: none
}

@media(max-width: 479.98px) {
    .b-calendar__date {
        padding:10px 0
    }
}

.b-preview {
    pointer-events: none
}

.c-bnrs {
    font-size: 20px
}

.c-bnrs__head {
    margin-bottom: 35px
}

.c-bnrs__title {
    margin-bottom: 10px;
    font-size: 40px;
    line-height: 1
}

.c-bnrs__content {
    line-height: 1.15
}

.c-bnrs__content p {
    margin-bottom: 25px
}

.c-bnrs__list {
    margin: 0 0 -25px -50px
}

.c-bnrs__item {
    border-width: 0 0 25px 50px
}

.c-bnrs--carousel .embla__viewport,.c-bnrs--carousel .embla__container {
    overflow: visible
}

.c-bnrs--carousel .c-bnrs__head {
    max-width: 900px;
    margin-bottom: 50px
}

.c-bnrs--carousel .c-bnrs__title {
    max-width: 950px;
    margin-bottom: 25px;
    color: var(--color-primary)
}

.c-bnrs--carousel .c-bnrs__list {
    margin: 0 0 0 -15px
}

.c-bnrs--carousel .c-bnrs__item {
    border-width: 0 0 0 15px
}

.c-bnrs--arrows .embla__btns {
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    z-index: 5;
    display: block;
    display: flex;
    justify-content: flex-end;
    pointer-events: none
}

.c-bnrs--arrows .embla__btn {
    display: block;
    margin: 0;
    padding: 0 15px;
    border-width: 0;
    background-color: rgba(0,0,0,0);
    color: var(--color-primary);
    transition: color .3s,opacity .3s,visibility .3s;
    cursor: pointer;
    pointer-events: all
}

.c-bnrs--arrows .embla__btn .icon-svg {
    width: 20px
}

.c-bnrs--arrows .embla__btn.is-disabled {
    visibility: hidden;
    opacity: 0
}

.c-bnrs--arrows .embla__btn.embla__btn--next::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100px;
    background: linear-gradient(270deg, var(--color-gradient) 3%, rgba(255, 255, 255, 0) 100%)
}

.c-bnrs--arrows .c-bnrs__inner {
    position: relative
}

.hoverevents .c-bnrs--arrows .embla__btn:hover {
    color: var(--color-black)
}

@media(max-width: 479.98px) {
    .c-bnrs--carousel .c-bnrs__item {
        width:300px
    }
}

@media(min-width: 480px) {
    .c-bnrs--carousel .c-bnrs__item {
        width:300px
    }

    .c-bnrs__list--2 .c-bnrs__item,.c-bnrs__list--3 .c-bnrs__item,.c-bnrs__list--4 .c-bnrs__item {
        width: 50%
    }

    .c-bnrs--carousel .c-bnrs__content {
        max-width: none
    }
}

@media(min-width: 750px) {
    .c-bnrs {
        font-size:24px
    }

    .c-bnrs__head {
        margin-bottom: 55px
    }

    .c-bnrs__content {
        max-width: none
    }

    .c-bnrs__list--3 .c-bnrs__item,.c-bnrs__list--4 .c-bnrs__item {
        width: 33.3%
    }

    .c-bnrs--arrows .embla__btn.embla__btn--prev::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        width: 65px;
        background: linear-gradient(90deg, var(--color-white) 50%, rgba(255, 255, 255, 0) 100%)
    }

    .c-bnrs--arrows .embla__btn.embla__btn--next::before {
        width: 100px
    }

    .c-bnrs--arrows .c-bnrs__list {
        margin: 0 0 0 -25px
    }

    .c-bnrs--arrows .c-bnrs__item {
        border-width: 0 0 0 25px
    }
}

@media(min-width: 1000px) {
    .c-bnrs__list--4 .c-bnrs__item {
        width:25%
    }

    .b-bg .c-bnrs--arrows .embla__btn.embla__btn--prev::before {
        background: linear-gradient(90deg, var(--color-bg) 50%, rgba(255, 255, 255, 0) 100%)
    }

    .b-bg .c-bnrs--arrows .embla__btn.embla__btn--next::before {
        background: linear-gradient(270deg, var(--color-gradient) 3%, rgba(255, 255, 255, 0) 100%)
    }

    .c-bnrs--arrows .c-bnrs__list {
        margin: 0 0 0 -50px
    }

    .c-bnrs--arrows .c-bnrs__item {
        width: 33.3%;
        border-width: 0 0 0 50px
    }
}

@media(min-width: 1280px) {
    .c-bnrs__title {
        max-width:950px;
        margin-bottom: 15px;
        font-size: 70px;
        line-height: .9
    }

    .c-bnrs--carousel .c-bnrs__head {
        margin-bottom: 60px
    }

    .c-bnrs--carousel .c-bnrs__title {
        max-width: 950px;
        margin-bottom: 30px
    }

    .c-bnrs--carousel .c-bnrs__content p {
        margin-bottom: 20px
    }

    .c-bnrs--arrows .embla__btn {
        padding: 0 50px
    }

    .c-bnrs--arrows .embla__btn .icon-svg {
        width: 30px
    }

    .c-bnrs--arrows .embla__btn.embla__btn--prev::before {
        width: 150px
    }

    .c-bnrs--arrows .embla__btn.embla__btn--next::before {
        width: 200px
    }
}

@media(min-width: 1650px) {
    .c-bnrs__title {
        font-size:80px
    }

    .c-bnrs--carousel .c-bnrs__title {
        line-height: 1
    }

    .c-bnrs--carousel .c-bnrs__main:not([data-number]) {
        margin: 0 -130px
    }

    .c-bnrs--carousel .c-bnrs__main:not([data-number]) .c-bnrs__item {
        width: 48%
    }

    .c-bnrs--arrows .c-bnrs__main:not([data-number]) {
        margin: 0
    }

    .c-bnrs--arrows .c-bnrs__main:not([data-number]) .c-bnrs__item {
        width: 33.3%
    }
}

.c-references {
    flex: 1 1 100%;
    padding: 30px 0 50px;
    overflow: hidden
}

.c-references__title {
    max-width: 700px;
    margin-bottom: 35px;
    line-height: 1
}

.c-references__main .embla__viewport {
    overflow: visible
}

.c-references__item {
    width: 280px
}

.homepage .c-references {
    flex: 0 1 auto
}

@media(min-width: 750px) {
    .c-references__list {
        margin:0 0 0 -60px
    }

    .c-references__item {
        width: 42%;
        border-width: 0 0 0 60px
    }
}

@media(min-width: 1280px) {
    .c-references {
        padding:60px 0
    }

    .c-references__title {
        margin-bottom: 65px;
        line-height: .9
    }

    .c-references__list {
        margin: 0 0 0 -100px
    }

    .c-references__item {
        border-width: 0 0 0 100px
    }
}

@media(min-width: 1650px) {
    .c-references {
        padding:90px 0
    }

    .c-references__title {
        margin-bottom: 50px;
        font-size: 80px;
        line-height: 1
    }

    .c-references__list {
        margin: 0 0 0 -150px
    }

    .c-references__item {
        width: 45%;
        border-width: 0 0 0 150px
    }

    .c-references .embla__dots {
        margin-top: 120px
    }
}

.c-fish .grid {
    margin: 0 0 -15px -15px
}

.c-fish .grid__cell {
    border-width: 0 0 15px 15px
}

@media(min-width: 1000px) {
    .c-fish .grid {
        margin:0 0 -35px -35px
    }

    .c-fish .grid__cell {
        border-width: 0 0 35px 35px
    }
}

.c-accessories__btn {
    margin: 40px 0 0;
    text-align: center
}

@media(min-width: 480px) {
    .c-accessories__btn {
        margin:70px 0 0
    }
}

.c-products__title {
    font-weight: 400
}

.c-products__list>:last-child {
    margin-bottom: 0
}

.c-products__item {
    margin-bottom: 25px
}

.c-payments__list>:last-child {
    margin-bottom: 0
}

.c-payments__item {
    margin-bottom: 25px
}

.c-articles__title {
    text-align: center
}

.c-articles__list {
    margin: 0 0 -20px -20px
}

.c-articles__item {
    border-bottom-width: 20px !important;
    border-left-width: 20px !important
}

.c-articles__more {
    margin-top: 45px;
    text-align: center
}

@media(min-width: 1000px) {
    .c-articles__list {
        margin:0 0 -40px -40px
    }

    .c-articles__item {
        border-bottom-width: 40px !important;
        border-left-width: 40px !important
    }

    .c-articles__more {
        margin-top: 70px
    }
}

.f-login__text {
    margin-bottom: 25px
}

.f-login__inps {
    margin-bottom: 30px
}

.f-login__agreement {
    font-size: 18px;
    line-height: 1.2
}

@media(max-width: 749.98px) {
    .f-login__text {
        font-size:20px;
        text-align: center
    }
}

@media(min-width: 750px) {
    .f-login__text {
        margin-bottom:10px
    }

    .f-login__inps {
        margin-bottom: 30px
    }
}

.f-order__group {
    margin: 0 0 40px
}

.f-order__msg {
    font-weight: 300;
    font-size: 14px
}

.f-order__group--delivery {
    margin-bottom: 25px
}

.f-order__group--invoicing {
    margin-bottom: 25px
}

.f-order__group--checkbox .f-order__row {
    margin-bottom: 30px
}

.f-order__agreement {
    font-size: 18px;
    line-height: 1.2
}

.f-order__toggle:not(.is-visible) {
    display: none
}

@media(max-width: 479.98px) {
    .f-order__btn {
        text-align:center
    }
}

@media(min-width: 480px) {
    .f-order__group {
        margin:0 0 50px
    }

    .f-order__row {
        display: flex;
        gap: 20px;
        align-items: center
    }

    .f-order__inp {
        flex: 0 0 auto;
        width: 60%
    }

    .f-order__msg {
        margin: 26px 0 0
    }

    .f-order__btn .btn__text {
        min-width: 350px
    }

    .f-order__group--delivery {
        margin-bottom: 20px
    }

    .f-order__group--invoicing {
        margin-bottom: 20px
    }

    .f-order__group--payment {
        margin-bottom: 40px
    }

    .f-order__group--checkbox {
        margin-bottom: 35px
    }

    .f-order__group--checkbox .f-order__row {
        margin-bottom: 15px
    }
}

.f-search {
    position: relative;
    z-index: 51;
    max-width: 330px;
    margin: 0 auto
}

.f-search__wrap {
    margin: 0
}

.f-search__header {
    display: none;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px
}

.f-search__label {
    display: block;
    margin-bottom: 0
}

.f-search__inp {
    padding: 8px 55px 8px 5px;
    border: 1px solid var(--color-secondary);
    border-width: 0 0 1px;
    background-color: rgba(0,0,0,0);
    outline: 0;
    font-weight: 500;
    font-size: 15px;
    line-height: 1.2;
    transition: box-shadow .1s,border-color .1s
}

.f-search__inp::placeholder {
    color: var(--color-text);
    transition: color .3s
}

.f-search__btn {
    position: absolute;
    top: 50%;
    right: 0;
    left: auto;
    display: block;
    width: 24px;
    height: 24px;
    margin: 0;
    padding: 0;
    border-width: 0;
    background-color: rgba(0,0,0,0);
    color: var(--color-primary);
    transform: translateY(-50%);
    transition: color .3s;
    cursor: pointer
}

.f-search__btn .icon-svg {
    width: 17px
}

.f-search__clear {
    position: absolute;
    top: 50%;
    right: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    border-width: 0;
    border-radius: 2px;
    background-color: rgba(0,0,0,0);
    color: var(--color-secondary);
    visibility: hidden;
    opacity: 0;
    transform: translateY(-50%);
    transition: color .3s,opacity .3s,visibility .3s;
    cursor: pointer
}

.f-search__clear .icon-svg {
    width: 10px
}

.f-search.is-filled .f-search__clear {
    visibility: visible;
    opacity: 1
}

.f-search__inp:focus::placeholder {
    color: rgba(var(--color-text), 0.3)
}

.hoverevents .f-search__btn:hover {
    color: var(--color-secondary)
}

.hoverevents .f-search__clear:hover {
    color: var(--color-primary)
}

@media(min-width: 1000px) {
    .f-search__inp {
        padding:8px 75px 12px 5px;
        font-size: 24px;
        line-height: 1.1666666667
    }

    .f-search__btn {
        width: 44px;
        height: 44px
    }

    .f-search__btn .icon-svg {
        width: 24px
    }

    .f-search__clear {
        right: 44px;
        width: 22px;
        height: 22px
    }

    .f-search__clear .icon-svg {
        width: 12px
    }
}

.m-accessibility {
    position: absolute;
    top: 0;
    left: -5000px
}

.m-accessibility a:focus,.m-accessibility a:active {
    position: absolute;
    top: 0;
    left: 5000px;
    z-index: 100000;
    width: 200px;
    padding: 2px 0 5px;
    background-color: var(--color-white);
    text-align: center
}

.m-main {
    font-weight: 500
}

.m-main__link {
    color: var(--color-white);
    text-decoration: none
}

.hoverevnets .m-main__link:hover {
    color: var(--color-hover)
}

@media(max-width: 1279.98px) {
    .m-main {
        margin-bottom:20px;
        font-weight: 900;
        font-size: 29px;
        line-height: 1.7;
        text-transform: uppercase
    }
}

@media(min-width: 1280px) {
    .m-main {
        margin-right:20px
    }

    .m-main__list {
        display: flex;
        margin: 0 -10px
    }

    .m-main__link {
        padding: 10px;
        color: var(--color-secondary)
    }
}

@media(min-width: 1650px) {
    .m-main {
        margin-right:0
    }

    .m-main__list {
        margin: 0 -17px
    }

    .m-main__link {
        padding: 8px 17px
    }
}

@media(max-width: 1279.98px) {
    .m-secondary {
        display:none
    }
}

@media(min-width: 1280px) {
    .m-secondary {
        font-weight:bold
    }

    .m-secondary__list {
        display: flex;
        align-items: center;
        margin: 0 -16px
    }

    .m-secondary__item {
        position: relative
    }

    .m-secondary__item:not(:first-child)::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 1px;
        height: 24px;
        background: var(--color-text);
        transform: translateY(-50%)
    }

    .m-secondary__link {
        display: flex;
        gap: 16px;
        align-items: center;
        padding: 8px 16px;
        color: var(--color-text);
        text-decoration: none
    }

    .m-secondary__link.is-highlighted {
        color: var(--color-primary)
    }

    .hoverevents .m-secondary__link:hover {
        color: var(--color-hover)
    }
}

@media(min-width: 1400px) {
    .m-secondary {
        margin-left:auto
    }
}

@media(min-width: 1650px) {
    .m-secondary__list {
        margin:0 -26px
    }

    .m-secondary__link {
        padding: 0 26px
    }
}

.m-other {
    line-height: 1.2
}

.m-other__link {
    color: var(--color-white);
    text-decoration: none
}

.hoverevents .m-other__link:hover {
    color: var(--color-link)
}

@media(min-width: 1280px) {
    .m-other {
        display:none
    }
}

.m-social {
    font-size: 0
}

.m-social__list {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.m-social__link {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid var(--color-link);
    border-radius: 50%;
    text-decoration: none;
    transition: color .3s,border-color .3s
}

.m-social__icon {
    width: 22px
}

.hoverevents .m-social__link.hover {
    border-color: var(--color-white);
    color: var(--color-white)
}

@media(min-width: 480px) {
    .m-social__link {
        width:45px;
        height: 45px
    }
}

.m-steps {
    font-weight: 500;
    font-size: 12px
}

.m-steps__list {
    counter-reset: item;
    display: flex;
    gap: 15px;
    justify-content: space-around;
    align-items: center
}

.m-steps__item {
    counter-increment: none;
    position: relative
}

.m-steps__item::before {
    content: none
}

.m-steps__holder,.m-steps__link {
    position: relative;
    display: block;
    padding: 30px 0 0;
    color: inherit;
    text-decoration: none
}

.m-steps__holder::before,.m-steps__link::before {
    content: counter(item);
    counter-increment: item;
    position: absolute;
    top: 0;
    left: 50%;
    width: 25px;
    height: 25px;
    border: 2px solid var(--color-white);
    border-radius: 50%;
    font-weight: 900;
    font-size: 18px;
    line-height: 1;
    text-align: center;
    transform: translateX(-50%);
    transition: background-color .3s,color .3s;
    box-shadow: 0 0 0 2px var(--color-secondary)
}

.m-steps__item.is-active .m-steps__link::before {
    background: var(--color-secondary);
    color: var(--color-white)
}

.hoverevents .m-steps__link:hover {
    color: inherit
}

.hoverevents .m-steps__link:hover::before {
    background: var(--color-secondary);
    color: var(--color-white)
}

@media(min-width: 480px) {
    .m-steps {
        font-size:18px
    }
}

@media(min-width: 750px) {
    .m-steps__list {
        justify-content:space-between
    }

    .m-steps__holder,.m-steps__link {
        padding: 0 0 0 50px
    }

    .m-steps__holder::before,.m-steps__link::before {
        top: 50%;
        left: 0;
        width: 32px;
        height: 32px;
        padding: 3px 0;
        font-size: 20px;
        transform: translateY(-50%)
    }
}

.m-side {
    line-height: 1.2
}

.m-side__item {
    margin-bottom: 12px
}

.m-side__link {
    color: var(--color-text);
    font-size: .9rem;
    text-transform: uppercase;
    text-decoration: none
}

.m-side__item.is-selected .m-side__link {
    font-weight: 900
}

.hoverevents .m-side__item.is-selected .m-side__link:hover {
    color: var(--color-text)
}

@media(max-width: 999.98px) {
    .m-side__list {
        display:flex;
        flex-wrap: nowrap;
        margin: 0 0 0 -20px;
        padding-bottom: 5px;
        overflow-x: auto
    }

    .m-side__item {
        margin: 0;
        border: 20px solid rgba(0,0,0,0);
        border-width: 0 0 0 20px
    }

    .m-side__link {
        white-space: nowrap
    }
}

.m-paging {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 0 0 -8px
}

.m-paging__pages {
    display: flex;
    justify-content: center;
    align-items: center
}

.m-paging__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26px;
    height: 26px;
    margin: 0 0 0 8px;
    border-width: 0;
    color: var(--color-text);
    font-size: 18px;
    line-height: 1;
    text-decoration: none;
    transition: background-color .3s,color .3s
}

.m-paging__item--arrow {
    color: var(--color-primary)
}

.m-paging__item--arrow:first-child {
    padding-top: 3px
}

.m-paging__item--arrow .icon-svg {
    width: 16px;
    height: 26px
}

.m-paging__item--hellip {
    padding-bottom: 6px
}

.m-paging__item.is-active {
    color: var(--color-primary);
    font-weight: 700
}

.hoverevents .m-paging__item[href]:hover {
    color: var(--color-primary)
}

.hoverevents .m-paging__item--arrow[href]:hover {
    color: var(--color-text)
}

@media(max-width: 749.98px) {
    .m-paging__item {
        display:none
    }

    .m-paging__item--arrow,.m-paging__item--hellip,.m-paging__item:nth-child(-n+3),.m-paging__item:nth-last-child(-n+2) {
        display: flex
    }
}

@media(min-width: 480px) {
    .m-paging__item {
        margin-left:10px
    }

    .m-paging__item--arrow:first-child {
        margin: 0 15px 0 0
    }

    .m-paging__item--arrow:last-child {
        margin: 0 0 0 30px
    }
}

html {
    height: 100%;
    box-sizing: border-box
}

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

body {
    position: relative;
    min-width: 320px
}

.main-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1
}

.main-wrapper .b-basket {
    z-index: 100
}

@media(min-width: 750px) {
    .main-wrapper {
        display:grid;
        grid-template-columns: 1fr 410px
    }

    .main-wrapper .main {
        grid-area: 1/1/2/3
    }

    .main-wrapper .b-basket {
        grid-area: 1/1/2/3;
        margin-top: -150px
    }
}

@media(min-width: 1280px) {
    .main-wrapper {
        grid-template-columns:1fr 535px
    }
}

:first-child {
    margin-top: 0
}

@media(max-width: 999.98px) {
    #CybotCookiebotDialog {
        left:17px !important;
        width: calc(100vw - 34px) !important;
        max-width: calc(100vw - 34px) !important;
        transform: none !important;
        transform: translateY(-50%) !important
    }
}

.header {
    position: sticky;
    top: 0;
    z-index: 99999;
    background-color: var(--color-white);
    font-size: 20px;
    pointer-events: none
}

.header__holder {
    transition: background-color .3s;
    pointer-events: auto
}

.header__inner {
    display: flex;
    gap: 24px 0;
    justify-content: space-between;
    align-items: center;
    min-height: 67px;
    padding: 14px 0;
    transition: padding .3s
}

.header__logo {
    display: block;
    flex: 0 0 auto;
    margin: 0;
    padding: 0;
    font-family: "degular",-apple-system,blinkmacsystemfont,"Segoe UI",roboto,helvetica,arial,sans-serif;
    font-size: 100%;
    line-height: 1
}

.header__logo img {
    width: 150px
}

.header__steps {
    flex: 1 1 auto
}

.header__steps-basket {
    flex: 0 0 55px;
    width: 55px;
    text-align: right
}

.homepage .header {
    height: 150px;
    background-color: rgba(0,0,0,0)
}

.header--basket .header__holder {
    background: var(--color-white)
}

.no-js .header__holder,.is-basket-open .header__holder,.is-scrolled .header__holder {
    background: var(--color-white);
    box-shadow: 0 0 10px rgba(var(--color-black), 0.1)
}

@media(max-width: 1279.98px) {
    .header--basket .header__inner {
        flex-wrap:wrap
    }

    .header__steps {
        order: 1;
        width: 100%;
        max-width: 100%
    }

    .header__steps-basket {
        margin-right: 136px
    }
}

@media(max-width: 999.98px) {
    .header__steps-basket {
        margin-right:120px
    }
}

@media(max-width: 749.98px) {
    .header__steps-basket {
        margin-right:136px
    }
}

@media(max-width: 479.98px) {
    .header__steps-basket {
        margin-right:136px
    }

    .header--basket .header__logo img {
        width: 110px
    }
}

@media(max-width: 365px) {
    .header--basket .header__logo img {
        width:80px
    }
}

@media(min-width: 750px)and (max-width: 999.98px) {
    .header--basket .header__inner {
        padding-bottom:25px
    }
}

@media(min-width: 1280px) {
    .header__steps {
        max-width:730px;
        margin-left: 100px
    }

    .has-summary .header__holder {
        background: var(--color-white);
        box-shadow: 0 0 10px rgba(var(--color-black), 0.1)
    }

    .header__mobile {
        width: 100%;
        max-width: 990px
    }

    .header__logo img {
        width: 180px
    }

    .header__steps-basket {
        flex: 1 1 auto;
        margin-left: auto
    }
}

@media(min-width: 1400px) {
    .header__steps {
        margin-left:180px
    }
}

@media(min-width: 1500px) {
    .header__steps {
        margin-left:200px
    }
}

@media(min-width: 1650px) {
    .header {
        font-size:22px
    }

    .header__inner {
        min-height: 100px;
        padding: 10px 0
    }

    .header__inner-hp {
        padding: 40px 0
    }

    .header__mobile {
        max-width: 1190px
    }

    .header__logo img {
        width: 220px
    }

    .header__steps {
        margin-left: 280px
    }

    .header__steps-basket {
        width: 220px
    }

    .no-js .header__holder .header__inner,.has-summary .header__holder .header__inner,.is-basket-open .header__holder .header__inner,.is-scrolled .header__holder .header__inner {
        min-height: 100px;
        padding: 10px 0
    }
}

@media(min-width: 1800px) {
    .header__steps {
        margin-left:340px
    }
}

.footer {
    position: relative;
    z-index: 6;
    color: var(--color-white);
    font-size: 17px;
    line-height: 1.15;
    overflow: hidden
}

.footer__bg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.footer__inner {
    padding: 25px 0 0
}

.footer__img {
    height: 100%
}

.footer__img::before {
    padding: 0
}

.footer__title {
    margin-bottom: 2px;
    color: var(--color-red);
    font-weight: bold;
    font-size: 17px;
    text-transform: none
}

.footer__link {
    color: var(--color-white);
    text-decoration: none
}

.footer__logo {
    margin: 0 -35px -3px
}

.footer__logo img {
    width: 100%
}

.footer__contact {
    margin-bottom: 30px
}

.footer__copy {
    margin: 0 0 40px;
    font-size: 13px
}

.footer__copy span {
    color: var(--color-primary)
}

.hoverevents .footer__link:hover {
    color: var(--color-link)
}

@media(max-width: 749.98px) {
    .footer .row-main {
        padding:0 35px
    }

    .footer__col-1,.footer__col-3,.footer__col-4 {
        margin-bottom: 30px
    }

    .footer__col-2 {
        margin-bottom: 25px
    }
}

@media(min-width: 480px) {
    .footer__inner {
        display:grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr auto auto auto auto;
        grid-template-areas: "col1 ." "col2 col3" "col4 ." "copy copy" "logo logo"
    }

    .footer__col-1 {
        grid-area: col1
    }

    .footer__col-2 {
        grid-area: col2
    }

    .footer__col-3 {
        grid-area: col3
    }

    .footer__col-4 {
        grid-area: col4
    }

    .footer__copy {
        grid-area: copy
    }

    .footer__logo {
        grid-area: logo
    }
}

@media (min-width: 480px) {
    .footer__col-1 {
        -ms-grid-row:1;
        -ms-grid-column: 1
    }

    .footer__col-2 {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .footer__col-3 {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }

    .footer__col-4 {
        -ms-grid-row: 3;
        -ms-grid-column: 1
    }

    .footer__copy {
        -ms-grid-row: 4;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }

    .footer__logo {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2
    }
}

@media(min-width: 750px) {
    .footer {
        font-size:22px;
        line-height: 1.35
    }

    .footer__inner {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr auto auto;
        grid-template-areas: "col1 col2 col3 col4" "copy copy copy copy" "logo logo logo logo";
        gap: 55px 50px;
        padding: 80px 0 0
    }

    .footer__copy {
        margin: 0;
        font-size: 18px
    }

    .footer__title {
        margin-bottom: 20px;
        font-size: 26px
    }

    .footer__col-1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .footer__col-2 {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .footer__col-3 {
        -ms-grid-row: 1;
        -ms-grid-column: 5
    }

    .footer__col-4 {
        -ms-grid-row: 1;
        -ms-grid-column: 7
    }

    .footer__copy {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 7
    }

    .footer__logo {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 7
    }
}

@media(min-width: 1000px) {
    .footer__inner {
        grid-template-columns:auto auto auto auto 1fr;
        grid-template-rows: 1fr auto;
        grid-template-areas: "col1 col2 col3 col4 logo" "copy copy copy copy logo";
        padding: 125px 0 0
    }

    .footer__contact {
        margin-bottom: 35px
    }

    .footer__copy {
        margin: 0 0 40px
    }

    .footer__logo {
        grid-column: 4/6;
        align-self: flex-end;
        margin: 0 -30px -2px -80px
    }

    .footer__col-1 {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .footer__col-2 {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .footer__col-3 {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .footer__col-4 {
        -ms-grid-row: 1;
        -ms-grid-column: 4
    }

    .footer__copy {
        -ms-grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 4
    }

    .footer__logo {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 5;
        -ms-grid-column-span: 1
    }
}

@media(min-width: 1280px) {
    .footer__logo {
        margin:0 70px -4px -30px
    }
}

@media(min-width: 1650px) {
    .footer__inner {
        gap:55px 60px
    }
}

.main {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%
}

.main>.row-main {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    height: 100%
}

.main>.row-main>* {
    flex-grow: 1;
    height: 100%
}

.u-clearfix::before,.u-clearfix::after {
    content: "";
    display: table
}

.u-clearfix::after {
    clear: both
}

.u-vhide {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0 0 0 0)
}

.u-out,.js .u-js-out {
    position: absolute;
    left: -5000px
}

.u-line-clamp {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.u-t-lg {
    margin-bottom: .5em;
    font-size: 22px
}

@media(min-width: 1000px) {
    .u-t-lg {
        font-size:24px
    }
}

@media(min-width: 1280px) {
    .u-t-lg {
        font-size:30px
    }
}

.js .u-js-hide {
    display: none
}

.u-hide {
    display: none
}

.u-mw-1-12 {
    width: 100%;
    max-width: 39px
}

.u-mw-2-12 {
    width: 100%;
    max-width: 158px
}

.u-mw-3-12 {
    width: 100%;
    max-width: 278px
}

.u-mw-4-12 {
    width: 100%;
    max-width: 397px
}

.u-mw-5-12 {
    width: 100%;
    max-width: 516px
}

.u-mw-6-12 {
    width: 100%;
    max-width: 635px
}

.u-mw-7-12 {
    width: 100%;
    max-width: 754px
}

.u-mw-8-12 {
    width: 100%;
    max-width: 873px
}

.u-mw-9-12 {
    width: 100%;
    max-width: 993px
}

.u-mw-10-12 {
    width: 100%;
    max-width: 1112px
}

.u-mw-11-12 {
    width: 100%;
    max-width: 1231px
}

.u-mx-auto {
    margin-right: auto;
    margin-left: auto
}

.u-ml-auto {
    margin-left: auto
}

.u-mb-last-0>*:last-child:not(.grid) {
    margin-bottom: 0
}

.u-va-t {
    vertical-align: top
}

.u-va-m {
    vertical-align: middle
}

.u-va-b {
    vertical-align: bottom
}

.u-ow-h {
    overflow: hidden
}

.u-d-n {
    display: none
}

.u-d-b {
    display: block
}

.u-d-ib {
    display: inline-block
}

.u-fl-l {
    float: left
}

.u-fl-r {
    float: right
}

.u-fs-i {
    font-style: italic
}

.u-fw-l {
    font-weight: 300
}

.u-fw-n {
    font-weight: normal
}

.u-fw-b {
    font-weight: bold
}

.u-ta-l {
    text-align: left
}

.u-ta-r {
    text-align: right
}

.u-ta-c {
    text-align: center
}

.u-ta-j {
    text-align: justify
}

.u-tt-l {
    text-transform: lowercase
}

.u-tt-u {
    text-transform: uppercase
}

.u-tt-c {
    text-transform: capitalize
}

.u-whs-nw {
    white-space: nowrap
}

.u-pt-0 {
    padding-top: 0
}

.u-pt-xs {
    padding-top: 20px
}

.u-pt-sm {
    padding-top: 40px
}

.u-pt-md {
    padding-top: 60px
}

.u-pt-lg {
    padding-top: 80px
}

.u-pt-xl {
    padding-top: 120px
}

.u-pt-xxl {
    padding-top: 140px
}

.u-pt-xxxl {
    padding-top: 160px
}

.u-pb-0 {
    padding-bottom: 0
}

.u-pb-xs {
    padding-bottom: 20px
}

.u-pb-sm {
    padding-bottom: 40px
}

.u-pb-md {
    padding-bottom: 60px
}

.u-pb-lg {
    padding-bottom: 80px
}

.u-pb-xl {
    padding-bottom: 120px
}

.u-pb-xxl {
    padding-bottom: 140px
}

.u-pb-xxxl {
    padding-bottom: 160px
}

.u-mb-0 {
    margin-bottom: 0
}

.u-mb-xxs {
    margin-bottom: 10px
}

.u-mb-xs {
    margin-bottom: 20px
}

.u-mb-sm {
    margin-bottom: 40px
}

.u-mb-md {
    margin-bottom: 60px
}

.u-mb-lg {
    margin-bottom: 80px
}

.u-mb-xl {
    margin-bottom: 120px
}

.u-mb-xxl {
    margin-bottom: 140px
}

.u-mb-xxxl {
    margin-bottom: 160px
}

.u-mt-0 {
    margin-top: 0
}

.u-mt-xxs {
    margin-top: 10px
}

.u-mt-xs {
    margin-top: 20px
}

.u-mt-sm {
    margin-top: 40px
}

.u-mt-md {
    margin-top: 60px
}

.u-mt-lg {
    margin-top: 80px
}

.u-mt-xl {
    margin-top: 120px
}

.u-mt-xxl {
    margin-top: 140px
}

.u-mt-xxxl {
    margin-top: 160px
}

.u-m-auto {
    margin: 0 auto
}

.u-bgc-gray {
    background-color: var(--color-bg)
}

.u-bgc-primary {
    background-color: var(--color-primary)
}

.u-bgc-secondary {
    background-color: var(--color-secondary)
}

.u-bgc-red {
    background-color: var(--color-red)
}

.u-c-primary {
    color: var(--color-primary)
}

.u-c-secondary {
    color: var(--color-secondary)
}

.u-c-black {
    color: var(--color-black)
}

.u-c-white {
    color: var(--color-white)
}

.u-c-red {
    color: var(--color-red)
}

.u-c-green {
    color: var(--color-green)
}

.u-c-orange {
    color: var(--color-orange)
}

.u-mw-960 {
    max-width: 960px
}

@media(min-width: 360px) {
    .u-d-n\@xs {
        display:none
    }

    .u-d-b\@xs {
        display: block
    }

    .u-d-ib\@xs {
        display: inline-block
    }

    .u-ta-l\@xs {
        text-align: left
    }

    .u-ta-r\@xs {
        text-align: right
    }

    .u-ta-c\@xs {
        text-align: center
    }

    .u-ta-j\@xs {
        text-align: justify
    }

    .u-pt-0\@xs {
        padding-top: 0
    }

    .u-pt-xs\@xs {
        padding-top: 20px
    }

    .u-pt-sm\@xs {
        padding-top: 40px
    }

    .u-pt-md\@xs {
        padding-top: 60px
    }

    .u-pt-lg\@xs {
        padding-top: 80px
    }

    .u-pt-xl\@xs {
        padding-top: 120px
    }

    .u-pt-xxl\@xs {
        padding-top: 140px
    }

    .u-pt-xxxl\@xs {
        padding-top: 160px
    }

    .u-pb-0\@xs {
        padding-bottom: 0
    }

    .u-pb-xs\@xs {
        padding-bottom: 20px
    }

    .u-pb-sm\@xs {
        padding-bottom: 40px
    }

    .u-pb-md\@xs {
        padding-bottom: 60px
    }

    .u-pb-lg\@xs {
        padding-bottom: 80px
    }

    .u-pb-xl\@xs {
        padding-bottom: 120px
    }

    .u-pb-xxl\@xs {
        padding-bottom: 140px
    }

    .u-pb-xxxl\@xs {
        padding-bottom: 160px
    }

    .u-mb-0\@xs {
        margin-bottom: 0
    }

    .u-mb-xxs\@xs {
        margin-bottom: 10px
    }

    .u-mb-xs\@xs {
        margin-bottom: 20px
    }

    .u-mb-sm\@xs {
        margin-bottom: 40px
    }

    .u-mb-md\@xs {
        margin-bottom: 60px
    }

    .u-mb-lg\@xs {
        margin-bottom: 80px
    }

    .u-mb-xl\@xs {
        margin-bottom: 120px
    }

    .u-mb-xxl\@xs {
        margin-bottom: 140px
    }

    .u-mb-xxxl\@xs {
        margin-bottom: 160px
    }

    .u-mt-0\@xs {
        margin-top: 0
    }

    .u-mt-xxs\@xs {
        margin-top: 10px
    }

    .u-mt-xs\@xs {
        margin-top: 20px
    }

    .u-mt-sm\@xs {
        margin-top: 40px
    }

    .u-mt-md\@xs {
        margin-top: 60px
    }

    .u-mt-lg\@xs {
        margin-top: 80px
    }

    .u-mt-xl\@xs {
        margin-top: 120px
    }

    .u-mt-xxl\@xs {
        margin-top: 140px
    }

    .u-mt-xxxl\@xs {
        margin-top: 160px
    }

    .u-m-auto\@xs {
        margin: 0 auto
    }

    .u-mw-960\@xs {
        max-width: 960px
    }
}

@media(min-width: 480px) {
    .u-d-n\@sm {
        display:none
    }

    .u-d-b\@sm {
        display: block
    }

    .u-d-ib\@sm {
        display: inline-block
    }

    .u-ta-l\@sm {
        text-align: left
    }

    .u-ta-r\@sm {
        text-align: right
    }

    .u-ta-c\@sm {
        text-align: center
    }

    .u-ta-j\@sm {
        text-align: justify
    }

    .u-pt-0\@sm {
        padding-top: 0
    }

    .u-pt-xs\@sm {
        padding-top: 20px
    }

    .u-pt-sm\@sm {
        padding-top: 40px
    }

    .u-pt-md\@sm {
        padding-top: 60px
    }

    .u-pt-lg\@sm {
        padding-top: 80px
    }

    .u-pt-xl\@sm {
        padding-top: 120px
    }

    .u-pt-xxl\@sm {
        padding-top: 140px
    }

    .u-pt-xxxl\@sm {
        padding-top: 160px
    }

    .u-pb-0\@sm {
        padding-bottom: 0
    }

    .u-pb-xs\@sm {
        padding-bottom: 20px
    }

    .u-pb-sm\@sm {
        padding-bottom: 40px
    }

    .u-pb-md\@sm {
        padding-bottom: 60px
    }

    .u-pb-lg\@sm {
        padding-bottom: 80px
    }

    .u-pb-xl\@sm {
        padding-bottom: 120px
    }

    .u-pb-xxl\@sm {
        padding-bottom: 140px
    }

    .u-pb-xxxl\@sm {
        padding-bottom: 160px
    }

    .u-mb-0\@sm {
        margin-bottom: 0
    }

    .u-mb-xxs\@sm {
        margin-bottom: 10px
    }

    .u-mb-xs\@sm {
        margin-bottom: 20px
    }

    .u-mb-sm\@sm {
        margin-bottom: 40px
    }

    .u-mb-md\@sm {
        margin-bottom: 60px
    }

    .u-mb-lg\@sm {
        margin-bottom: 80px
    }

    .u-mb-xl\@sm {
        margin-bottom: 120px
    }

    .u-mb-xxl\@sm {
        margin-bottom: 140px
    }

    .u-mb-xxxl\@sm {
        margin-bottom: 160px
    }

    .u-mt-0\@sm {
        margin-top: 0
    }

    .u-mt-xxs\@sm {
        margin-top: 10px
    }

    .u-mt-xs\@sm {
        margin-top: 20px
    }

    .u-mt-sm\@sm {
        margin-top: 40px
    }

    .u-mt-md\@sm {
        margin-top: 60px
    }

    .u-mt-lg\@sm {
        margin-top: 80px
    }

    .u-mt-xl\@sm {
        margin-top: 120px
    }

    .u-mt-xxl\@sm {
        margin-top: 140px
    }

    .u-mt-xxxl\@sm {
        margin-top: 160px
    }

    .u-m-auto\@sm {
        margin: 0 auto
    }

    .u-mw-960\@sm {
        max-width: 960px
    }
}

@media(min-width: 750px) {
    .u-d-n\@md {
        display:none
    }

    .u-d-b\@md {
        display: block
    }

    .u-d-ib\@md {
        display: inline-block
    }

    .u-ta-l\@md {
        text-align: left
    }

    .u-ta-r\@md {
        text-align: right
    }

    .u-ta-c\@md {
        text-align: center
    }

    .u-ta-j\@md {
        text-align: justify
    }

    .u-pt-0\@md {
        padding-top: 0
    }

    .u-pt-xs\@md {
        padding-top: 20px
    }

    .u-pt-sm\@md {
        padding-top: 40px
    }

    .u-pt-md\@md {
        padding-top: 60px
    }

    .u-pt-lg\@md {
        padding-top: 80px
    }

    .u-pt-xl\@md {
        padding-top: 120px
    }

    .u-pt-xxl\@md {
        padding-top: 140px
    }

    .u-pt-xxxl\@md {
        padding-top: 160px
    }

    .u-pb-0\@md {
        padding-bottom: 0
    }

    .u-pb-xs\@md {
        padding-bottom: 20px
    }

    .u-pb-sm\@md {
        padding-bottom: 40px
    }

    .u-pb-md\@md {
        padding-bottom: 60px
    }

    .u-pb-lg\@md {
        padding-bottom: 80px
    }

    .u-pb-xl\@md {
        padding-bottom: 120px
    }

    .u-pb-xxl\@md {
        padding-bottom: 140px
    }

    .u-pb-xxxl\@md {
        padding-bottom: 160px
    }

    .u-mb-0\@md {
        margin-bottom: 0
    }

    .u-mb-xxs\@md {
        margin-bottom: 10px
    }

    .u-mb-xs\@md {
        margin-bottom: 20px
    }

    .u-mb-sm\@md {
        margin-bottom: 40px
    }

    .u-mb-md\@md {
        margin-bottom: 60px
    }

    .u-mb-lg\@md {
        margin-bottom: 80px
    }

    .u-mb-xl\@md {
        margin-bottom: 120px
    }

    .u-mb-xxl\@md {
        margin-bottom: 140px
    }

    .u-mb-xxxl\@md {
        margin-bottom: 160px
    }

    .u-mt-0\@md {
        margin-top: 0
    }

    .u-mt-xxs\@md {
        margin-top: 10px
    }

    .u-mt-xs\@md {
        margin-top: 20px
    }

    .u-mt-sm\@md {
        margin-top: 40px
    }

    .u-mt-md\@md {
        margin-top: 60px
    }

    .u-mt-lg\@md {
        margin-top: 80px
    }

    .u-mt-xl\@md {
        margin-top: 120px
    }

    .u-mt-xxl\@md {
        margin-top: 140px
    }

    .u-mt-xxxl\@md {
        margin-top: 160px
    }

    .u-m-auto\@md {
        margin: 0 auto
    }

    .u-mw-960\@md {
        max-width: 960px
    }
}

@media(min-width: 1000px) {
    .u-d-n\@lg {
        display:none
    }

    .u-d-b\@lg {
        display: block
    }

    .u-d-ib\@lg {
        display: inline-block
    }

    .u-ta-l\@lg {
        text-align: left
    }

    .u-ta-r\@lg {
        text-align: right
    }

    .u-ta-c\@lg {
        text-align: center
    }

    .u-ta-j\@lg {
        text-align: justify
    }

    .u-pt-0\@lg {
        padding-top: 0
    }

    .u-pt-xs\@lg {
        padding-top: 20px
    }

    .u-pt-sm\@lg {
        padding-top: 40px
    }

    .u-pt-md\@lg {
        padding-top: 60px
    }

    .u-pt-lg\@lg {
        padding-top: 80px
    }

    .u-pt-xl\@lg {
        padding-top: 120px
    }

    .u-pt-xxl\@lg {
        padding-top: 140px
    }

    .u-pt-xxxl\@lg {
        padding-top: 160px
    }

    .u-pb-0\@lg {
        padding-bottom: 0
    }

    .u-pb-xs\@lg {
        padding-bottom: 20px
    }

    .u-pb-sm\@lg {
        padding-bottom: 40px
    }

    .u-pb-md\@lg {
        padding-bottom: 60px
    }

    .u-pb-lg\@lg {
        padding-bottom: 80px
    }

    .u-pb-xl\@lg {
        padding-bottom: 120px
    }

    .u-pb-xxl\@lg {
        padding-bottom: 140px
    }

    .u-pb-xxxl\@lg {
        padding-bottom: 160px
    }

    .u-mb-0\@lg {
        margin-bottom: 0
    }

    .u-mb-xxs\@lg {
        margin-bottom: 10px
    }

    .u-mb-xs\@lg {
        margin-bottom: 20px
    }

    .u-mb-sm\@lg {
        margin-bottom: 40px
    }

    .u-mb-md\@lg {
        margin-bottom: 60px
    }

    .u-mb-lg\@lg {
        margin-bottom: 80px
    }

    .u-mb-xl\@lg {
        margin-bottom: 120px
    }

    .u-mb-xxl\@lg {
        margin-bottom: 140px
    }

    .u-mb-xxxl\@lg {
        margin-bottom: 160px
    }

    .u-mt-0\@lg {
        margin-top: 0
    }

    .u-mt-xxs\@lg {
        margin-top: 10px
    }

    .u-mt-xs\@lg {
        margin-top: 20px
    }

    .u-mt-sm\@lg {
        margin-top: 40px
    }

    .u-mt-md\@lg {
        margin-top: 60px
    }

    .u-mt-lg\@lg {
        margin-top: 80px
    }

    .u-mt-xl\@lg {
        margin-top: 120px
    }

    .u-mt-xxl\@lg {
        margin-top: 140px
    }

    .u-mt-xxxl\@lg {
        margin-top: 160px
    }

    .u-m-auto\@lg {
        margin: 0 auto
    }

    .u-mw-960\@lg {
        max-width: 960px
    }
}

@media(min-width: 1280px) {
    .u-d-n\@xl {
        display:none
    }

    .u-d-b\@xl {
        display: block
    }

    .u-d-ib\@xl {
        display: inline-block
    }

    .u-ta-l\@xl {
        text-align: left
    }

    .u-ta-r\@xl {
        text-align: right
    }

    .u-ta-c\@xl {
        text-align: center
    }

    .u-ta-j\@xl {
        text-align: justify
    }

    .u-pt-0\@xl {
        padding-top: 0
    }

    .u-pt-xs\@xl {
        padding-top: 20px
    }

    .u-pt-sm\@xl {
        padding-top: 40px
    }

    .u-pt-md\@xl {
        padding-top: 60px
    }

    .u-pt-lg\@xl {
        padding-top: 80px
    }

    .u-pt-xl\@xl {
        padding-top: 120px
    }

    .u-pt-xxl\@xl {
        padding-top: 140px
    }

    .u-pt-xxxl\@xl {
        padding-top: 160px
    }

    .u-pb-0\@xl {
        padding-bottom: 0
    }

    .u-pb-xs\@xl {
        padding-bottom: 20px
    }

    .u-pb-sm\@xl {
        padding-bottom: 40px
    }

    .u-pb-md\@xl {
        padding-bottom: 60px
    }

    .u-pb-lg\@xl {
        padding-bottom: 80px
    }

    .u-pb-xl\@xl {
        padding-bottom: 120px
    }

    .u-pb-xxl\@xl {
        padding-bottom: 140px
    }

    .u-pb-xxxl\@xl {
        padding-bottom: 160px
    }

    .u-mb-0\@xl {
        margin-bottom: 0
    }

    .u-mb-xxs\@xl {
        margin-bottom: 10px
    }

    .u-mb-xs\@xl {
        margin-bottom: 20px
    }

    .u-mb-sm\@xl {
        margin-bottom: 40px
    }

    .u-mb-md\@xl {
        margin-bottom: 60px
    }

    .u-mb-lg\@xl {
        margin-bottom: 80px
    }

    .u-mb-xl\@xl {
        margin-bottom: 120px
    }

    .u-mb-xxl\@xl {
        margin-bottom: 140px
    }

    .u-mb-xxxl\@xl {
        margin-bottom: 160px
    }

    .u-mt-0\@xl {
        margin-top: 0
    }

    .u-mt-xxs\@xl {
        margin-top: 10px
    }

    .u-mt-xs\@xl {
        margin-top: 20px
    }

    .u-mt-sm\@xl {
        margin-top: 40px
    }

    .u-mt-md\@xl {
        margin-top: 60px
    }

    .u-mt-lg\@xl {
        margin-top: 80px
    }

    .u-mt-xl\@xl {
        margin-top: 120px
    }

    .u-mt-xxl\@xl {
        margin-top: 140px
    }

    .u-mt-xxxl\@xl {
        margin-top: 160px
    }

    .u-m-auto\@xl {
        margin: 0 auto
    }

    .u-mw-960\@xl {
        max-width: 960px
    }
}

@media(min-width: 1650px) {
    .u-d-n\@xxl {
        display:none
    }

    .u-d-b\@xxl {
        display: block
    }

    .u-d-ib\@xxl {
        display: inline-block
    }

    .u-ta-l\@xxl {
        text-align: left
    }

    .u-ta-r\@xxl {
        text-align: right
    }

    .u-ta-c\@xxl {
        text-align: center
    }

    .u-ta-j\@xxl {
        text-align: justify
    }

    .u-pt-0\@xxl {
        padding-top: 0
    }

    .u-pt-xs\@xxl {
        padding-top: 20px
    }

    .u-pt-sm\@xxl {
        padding-top: 40px
    }

    .u-pt-md\@xxl {
        padding-top: 60px
    }

    .u-pt-lg\@xxl {
        padding-top: 80px
    }

    .u-pt-xl\@xxl {
        padding-top: 120px
    }

    .u-pt-xxl\@xxl {
        padding-top: 140px
    }

    .u-pt-xxxl\@xxl {
        padding-top: 160px
    }

    .u-pb-0\@xxl {
        padding-bottom: 0
    }

    .u-pb-xs\@xxl {
        padding-bottom: 20px
    }

    .u-pb-sm\@xxl {
        padding-bottom: 40px
    }

    .u-pb-md\@xxl {
        padding-bottom: 60px
    }

    .u-pb-lg\@xxl {
        padding-bottom: 80px
    }

    .u-pb-xl\@xxl {
        padding-bottom: 120px
    }

    .u-pb-xxl\@xxl {
        padding-bottom: 140px
    }

    .u-pb-xxxl\@xxl {
        padding-bottom: 160px
    }

    .u-mb-0\@xxl {
        margin-bottom: 0
    }

    .u-mb-xxs\@xxl {
        margin-bottom: 10px
    }

    .u-mb-xs\@xxl {
        margin-bottom: 20px
    }

    .u-mb-sm\@xxl {
        margin-bottom: 40px
    }

    .u-mb-md\@xxl {
        margin-bottom: 60px
    }

    .u-mb-lg\@xxl {
        margin-bottom: 80px
    }

    .u-mb-xl\@xxl {
        margin-bottom: 120px
    }

    .u-mb-xxl\@xxl {
        margin-bottom: 140px
    }

    .u-mb-xxxl\@xxl {
        margin-bottom: 160px
    }

    .u-mt-0\@xxl {
        margin-top: 0
    }

    .u-mt-xxs\@xxl {
        margin-top: 10px
    }

    .u-mt-xs\@xxl {
        margin-top: 20px
    }

    .u-mt-sm\@xxl {
        margin-top: 40px
    }

    .u-mt-md\@xxl {
        margin-top: 60px
    }

    .u-mt-lg\@xxl {
        margin-top: 80px
    }

    .u-mt-xl\@xxl {
        margin-top: 120px
    }

    .u-mt-xxl\@xxl {
        margin-top: 140px
    }

    .u-mt-xxxl\@xxl {
        margin-top: 160px
    }

    .u-m-auto\@xxl {
        margin: 0 auto
    }

    .u-mw-960\@xxl {
        max-width: 960px
    }
}