.base-container {
    width: 100%;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    padding-right: 12px;
    padding-right: var(--layout-margin, 12px);
    padding-left: 12px;
    padding-left: var(--layout-margin, 12px);
    max-width: 1344px;
    max-width: var(--layout-max-width, 1344px)
}

.common-breadcrumbs {
    padding-bottom: 5px;
    overflow-x: auto
}

@media (min-width: 768px) {
    .common-breadcrumbs {
        padding-bottom: 0;
        overflow-x: hidden
    }
}

.common-breadcrumbs__items {
    display: flex;
    flex-flow: row nowrap;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

@media (min-width: 768px) {
    .common-breadcrumbs__items {
        flex-wrap: wrap;
        width: auto
    }
}

.common-breadcrumbs__item {
    font-size: 12px;
    flex: 0 1 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.common-breadcrumbs__item:after {
    content: "/";
    display: inline-block;
    margin-right: .75em;
    margin-left: .75em;
    color: #ffd546
}

.common-breadcrumbs__item:last-child:after {
    display: none
}

.common-breadcrumbs__item-link {
    padding-top: .25em;
    padding-bottom: .25em;
    display: inline-block;
    color: #919191
}

.common-breadcrumbs__item-link--is-link {
    color: #484848
}

.section-title__title--size-h1 {
    font-size: 32px;
    line-height: 38.4px;
    font-weight: 500
}

@media (min-width: 360px) {
    .section-title__title--size-h1 {
        font-size: calc(25.73913px + 1.73913vw)
    }
}

@media (min-width: 1280px) {
    .section-title__title--size-h1 {
        font-size: 48px
    }
}

@media (min-width: 360px) {
    .section-title__title--size-h1 {
        line-height: calc(30.88696px + 2.08696vw)
    }
}

@media (min-width: 1280px) {
    .section-title__title--size-h1 {
        line-height: 57.6px
    }
}

.section-title__title--size-h2 {
    font-size: 26px;
    line-height: 31.2px;
    font-weight: 500
}

@media (min-width: 360px) {
    .section-title__title--size-h2 {
        font-size: calc(23.65217px + .65217vw)
    }
}

@media (min-width: 1280px) {
    .section-title__title--size-h2 {
        font-size: 32px
    }
}

@media (min-width: 360px) {
    .section-title__title--size-h2 {
        line-height: calc(28.38261px + .78261vw)
    }
}

@media (min-width: 1280px) {
    .section-title__title--size-h2 {
        line-height: 38.4px
    }
}

.section-title__title--size-h3 {
    font-size: 24px;
    line-height: 31.2px;
    font-weight: 500
}

@media (min-width: 360px) {
    .section-title__title--size-h3 {
        font-size: calc(23.21739px + .21739vw)
    }
}

@media (min-width: 1280px) {
    .section-title__title--size-h3 {
        font-size: 26px
    }
}

@media (min-width: 360px) {
    .section-title__title--size-h3 {
        line-height: calc(30.18261px + .28261vw)
    }
}

@media (min-width: 1280px) {
    .section-title__title--size-h3 {
        line-height: 33.8px
    }
}

.section-title__title--size-h4 {
    font-size: 21px;
    line-height: 27.3px;
    font-weight: 500
}

@media (min-width: 360px) {
    .section-title__title--size-h4 {
        font-size: calc(19.82609px + .32609vw)
    }
}

@media (min-width: 1280px) {
    .section-title__title--size-h4 {
        font-size: 24px
    }
}

@media (min-width: 360px) {
    .section-title__title--size-h4 {
        line-height: calc(25.77391px + .42391vw)
    }
}

@media (min-width: 1280px) {
    .section-title__title--size-h4 {
        line-height: 31.2px
    }
}

.section-title__title--size-h5 {
    font-size: 18px;
    line-height: 23.4px;
    font-weight: 500
}

@media (min-width: 360px) {
    .section-title__title--size-h5 {
        font-size: calc(16.82609px + .32609vw)
    }
}

@media (min-width: 1280px) {
    .section-title__title--size-h5 {
        font-size: 21px
    }
}

@media (min-width: 360px) {
    .section-title__title--size-h5 {
        line-height: calc(21.87391px + .42391vw)
    }
}

@media (min-width: 1280px) {
    .section-title__title--size-h5 {
        line-height: 27.3px
    }
}

.section-title__title--size-h6 {
    font-size: 16px;
    line-height: 22.4px;
    font-weight: 500
}

@media (min-width: 360px) {
    .section-title__title--size-h6 {
        font-size: calc(15.21739px + .21739vw)
    }
}

@media (min-width: 1280px) {
    .section-title__title--size-h6 {
        font-size: 18px
    }
}

@media (min-width: 360px) {
    .section-title__title--size-h6 {
        line-height: calc(22.0087px + .1087vw)
    }
}

@media (min-width: 1280px) {
    .section-title__title--size-h6 {
        line-height: 23.4px
    }
}

.section-title__subtitle {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 1em
}

.base-page {
    flex: 1 1 auto
}

@media (min-width: 768px) {
    .base-page[\:has\(.content-block-banner-timer\)

] .common-breadcrumbs__item-link {
      color: #fff
  }

    .base-page:has(.content-block-banner-timer) .common-breadcrumbs__item-link {
        color: #fff
    }
}

.base-page__container {
    padding-top: 65px;
    padding-top: var(--header-height, 65px);
    padding-bottom: 55px
}

@media (min-width: 360px) {
    .base-page__container {
        padding-bottom: calc(15.86957px + 10.86957vw)
    }
}

@media (min-width: 1280px) {
    .base-page__container {
        padding-bottom: 155px
    }
}

.base-page--has-header .base-page__container {
    padding-top: 0
}

.base-page__header {
    position: relative;
    padding-top: 65px;
    padding-top: var(--header-height, 65px);
    margin-bottom: 18px;
    z-index: 0
}

@media (min-width: 360px) {
    .base-page__header {
        margin-bottom: calc(3.52174px + 4.02174vw)
    }
}

@media (min-width: 1280px) {
    .base-page__header {
        margin-bottom: 55px
    }
}

.base-page--has-breadcrumbs .base-page__header {
    padding-top: 20px
}

.base-page__header--has-image, .base-page__header--has-video {
    min-height: 320px;
    padding-bottom: 24px;
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    color: #fff
}

@media (min-width: 360px) {
    .base-page__header--has-image, .base-page__header--has-video {
        min-height: calc(188.52174px + 36.52174vw)
    }
}

@media (min-width: 1280px) {
    .base-page__header--has-image, .base-page__header--has-video {
        min-height: 656px
    }
}

@media (min-width: 360px) {
    .base-page__header--has-image, .base-page__header--has-video {
        padding-bottom: calc(2.08696px + 6.08696vw)
    }
}

@media (min-width: 1280px) {
    .base-page__header--has-image, .base-page__header--has-video {
        padding-bottom: 80px
    }
}

.base-page__breadcrumbs {
    width: 100%;
    margin-bottom: 18px;
    flex: 0 0 auto
}

@media (min-width: 360px) {
    .base-page__breadcrumbs {
        margin-bottom: calc(9.3913px + 2.3913vw)
    }
}

@media (min-width: 1280px) {
    .base-page__breadcrumbs {
        margin-bottom: 40px
    }
}

.base-page__header--has-image .base-page__breadcrumbs .common-breadcrumbs__item-link, .base-page__header--has-video .base-page__breadcrumbs .common-breadcrumbs__item-link {
    color: #fff
}

.base-page__title {
    width: 100%;
    margin-top: auto;
    flex: 0 0 auto
}

.base-page__image {
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -2;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover
}

.base-page__image:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: -1;
    background: linear-gradient(0deg, rgba(34, 34, 34, .33), rgba(34, 34, 34, .66))
}

.base-page__video {
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    overflow: hidden
}

.base-page__video:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: linear-gradient(0deg, rgba(34, 34, 34, .33), rgba(34, 34, 34, .66))
}

.base-page__video video {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.base-page--has-sidebar .base-page__body {
    display: grid;
    grid-template-areas:"main    main    main    main" "sidebar sidebar sidebar sidebar";
    grid-template-columns:repeat(4, 1fr);
    grid-row-gap: 0;
    row-gap: 0;
    align-items: start;
    grid-column-gap: 16px;
    -moz-column-gap: 16px;
    column-gap: 16px;
    grid-column-gap: var(--layout-gutter, 16px);
    -moz-column-gap: var(--layout-gutter, 16px);
    column-gap: var(--layout-gutter, 16px)
}

@media (min-width: 768px) {
    .base-page--has-sidebar .base-page__body {
        grid-template-areas:"main    main    main    main    main    main    main    main" "sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar";
        grid-template-columns:repeat(8, 1fr)
    }
}

@media (min-width: 1024px) {
    .base-page--has-sidebar .base-page__body {
        grid-template-areas:"main    main    main    main    main    main    main    main    main    main    main    main" "sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar sidebar";
        grid-template-columns:repeat(12, 1fr)
    }
}

@media (min-width: 1280px) {
    .base-page--has-sidebar .base-page__body {
        grid-template-areas:"main main main main main main main main . sidebar sidebar sidebar"
    }
}

.base-page__header--has-image ~ .base-page__body, .base-page__header--has-video ~ .base-page__body {
    padding-top: 32px
}

@media (min-width: 360px) {
    .base-page__header--has-image ~ .base-page__body, .base-page__header--has-video ~ .base-page__body {
        padding-top: calc(13.21739px + 5.21739vw)
    }
}

@media (min-width: 1280px) {
    .base-page__header--has-image ~ .base-page__body, .base-page__header--has-video ~ .base-page__body {
        padding-top: 80px
    }
}

.base-page__main {
    grid-area: main
}

.base-page__sidebar {
    margin-top: 50px;
    grid-area: sidebar;
    height: 100%
}

@media (min-width: 1280px) {
    .base-page__sidebar {
        margin-top: 0
    }
}

.base-section {
    position: relative
}

.base-image {
    display: inline-block;
    vertical-align: top;
    max-width: 100%
}

.base-image:not(.base-image--lqip) {
    height: auto
}

.base-image--lqip {
    filter: blur(5px);
    transition: filter .15s
}

.base-image--loaded.base-image--lqip {
    filter: none
}

.base-image--preloader-background:not(.is-loaded) {
    background-color: #eee
}

.base-image--preloader:not(.is-loaded) {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 720 720'%3E%3Cpath fill='%2351529c' d='M360.5 683.5c5.3-.4 10.6-.8 15.8-1.2 5.2-.6 10.5-1.3 15.7-1.9 5.2-.8 10.4-1.7 15.6-2.5.6-.1 1.3-.2 1.9-.3l1.9-.4 3.8-.8 7.7-1.7 1.9-.4 1.9-.5 3.8-1 7.6-2c2.5-.6 5-1.5 7.5-2.3l7.5-2.4c2.5-.7 4.9-1.8 7.4-2.6l7.3-2.8c2.5-.9 4.8-2 7.2-3l7.2-3.1c38-17.1 72.5-41.4 101.1-71.1l10.5-11.4c3.3-4 6.6-7.9 9.9-11.9 3.1-4.1 6.3-8.2 9.3-12.3l4.4-6.4 2.2-3.2c.7-1.1 1.5-2.1 2.1-3.2 11.2-17.3 20.8-35.5 28.4-54.6 7.7-19 13.6-38.8 17.4-58.9 3.9-20.1 5.9-40.6 5.9-61.1s-2-41-5.9-61.1c-3.8-20.1-9.7-39.9-17.4-58.9-7.7-19-17.3-37.3-28.4-54.6-.7-1.1-1.4-2.1-2.1-3.2l-2.2-3.2-4.4-6.3c-3-4.1-6.2-8.2-9.3-12.3-3.3-4-6.6-7.9-9.9-11.9l-10.5-11.4c-28.6-29.7-63.1-54-101.1-71.1l-7.2-3.1c-2.4-1-4.8-2.1-7.2-3l-7.3-2.8c-2.5-.9-4.9-1.9-7.4-2.6l-7.5-2.4c-2.5-.8-5-1.7-7.5-2.3l-7.6-2-3.8-1-1.9-.5-1.9-.4-7.7-1.7-3.8-.8-1.9-.4c-.6-.1-1.3-.2-1.9-.3l-7.8-1.3-3.9-.7c-1.3-.2-2.6-.5-3.9-.6-5.2-.6-10.5-1.3-15.7-1.9-5.3-.4-10.5-.8-15.8-1.2 42.3-2.2 85.3 4.8 125.5 20 40.2 15.3 77.3 38.9 108.5 69 31.2 30.1 56.3 66.6 73.3 106.7 8.5 20 14.9 41 19.3 62.3 4.3 21.4 6.4 43.2 6.5 64.9-.1 21.8-2.2 43.6-6.5 64.9-4.4 21.3-10.8 42.3-19.3 62.3-17 40.1-42.1 76.6-73.3 106.7-31.2 30.1-68.3 53.8-108.4 69-40.3 15.4-83.3 22.4-125.6 20.2z'%3E%3CanimateTransform attributeType='xml' attributeName='transform' type='rotate' from='0 360 360' to='360 360 360' dur='.6s' repeatCount='indefinite'/%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 64px 64px
}

.base-image__image {
    display: block;
    max-width: 100%;
    height: auto
}

.base-image__hidden-data {
    width: 1px;
    height: 1px;
    font-size: 0;
    opacity: 0;
    visibility: hidden
}

.base-button {
    width: auto;
    margin: 0;
    color: currentColor;
    font: inherit;
    background: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: manipulation;
    position: relative;
    padding: 14px 20px;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    text-align: left;
    border: 1px solid;
    transition-property: color, background-color, border-color, opacity;
    transition-duration: .3s
}

.base-button:active {
    transform: translateY(1px)
}

.base-button[disabled] {
    color: #919191;
    background-color: #e1e1e1;
    border-color: #e1e1e1;
    pointer-events: none
}

.base-button--variant-primary {
    color: #222;
    background-color: #ffd546;
    border-color: #ffd546
}

.base-button--variant-primary.focus-visible, .base-button--variant-primary:focus-visible {
    color: #fff;
    background-color: #51529c;
    border-color: #51529c
}

@media (hover: hover) {
    .base-button--variant-primary:hover {
        color: #fff;
        background-color: #51529c;
        border-color: #51529c
    }
}

.base-button--variant-primary-stroke {
    color: #222;
    background-color: transparent;
    border-color: #ffd546
}

.base-button--variant-primary-stroke.focus-visible, .base-button--variant-primary-stroke:focus-visible {
    color: #51529c;
    border-color: #51529c
}

@media (hover: hover) {
    .base-button--variant-primary-stroke:hover {
        color: #51529c;
        border-color: #51529c
    }
}

.base-button--variant-secondary {
    color: #222;
    background-color: #e1e1e1;
    border-color: #e1e1e1
}

.base-button--variant-secondary.focus-visible, .base-button--variant-secondary:focus-visible {
    color: #fff;
    background-color: #51529c;
    border-color: #51529c
}

@media (hover: hover) {
    .base-button--variant-secondary:hover {
        color: #fff;
        background-color: #51529c;
        border-color: #51529c
    }
}

.base-button--variant-secondary-stroke {
    color: #222;
    background-color: transparent;
    border-color: #e1e1e1
}

.base-button--variant-secondary-stroke.focus-visible, .base-button--variant-secondary-stroke:focus-visible {
    color: #e8b60e;
    border-color: #e8b60e
}

@media (hover: hover) {
    .base-button--variant-secondary-stroke:hover {
        color: #e8b60e;
        border-color: #e8b60e
    }
}

.base-button--variant-tertiary {
    color: #222;
    background-color: #ffd546;
    border-color: #ffd546
}

.base-button--variant-tertiary.focus-visible, .base-button--variant-tertiary:focus-visible {
    color: #51529c;
    background-color: #fff;
    border-color: #fff
}

@media (hover: hover) {
    .base-button--variant-tertiary:hover {
        color: #51529c;
        background-color: #fff;
        border-color: #fff
    }
}

.base-button--variant-tertiary-stroke {
    color: #ffd546;
    background-color: transparent;
    border-color: #ffd546
}

.base-button--variant-tertiary-stroke.focus-visible, .base-button--variant-tertiary-stroke:focus-visible {
    color: #fff;
    border-color: #fff
}

@media (hover: hover) {
    .base-button--variant-tertiary-stroke:hover {
        color: #fff;
        border-color: #fff
    }
}

.base-button--block {
    width: 100%;
    display: flex;
    justify-content: center
}

.base-button--loading {
    pointer-events: none
}

.base-button__content {
    z-index: 2;
    visibility: visible;
    opacity: 1;
    display: inline-flex;
    flex: 0 1 auto;
    transition: border-color .3s
}

.base-button--loading .base-button__content {
    z-index: -1;
    visibility: hidden;
    opacity: 0
}

.base-button__icon {
    width: 1.1em;
    height: 1.1em;
    margin-left: 1em;
    display: inline-block;
    flex: 0 0 auto
}

.base-button__loading {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px
}

.base-button__loading-dot {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -5px;
    margin-left: -5px;
    background: currentColor;
    border-radius: 50%;
    -webkit-animation: loading-dot 1.1s ease-in-out .1s infinite;
    animation: loading-dot 1.1s ease-in-out .1s infinite
}

.base-button__loading-dot--dot-1 {
    margin-left: -21.6px;
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.base-button__loading-dot--dot-3 {
    margin-left: 11.6px;
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

@-webkit-keyframes loading-dot {
    50% {
        opacity: .75;
        transform: scale(.2)
    }
}

@keyframes loading-dot {
    50% {
        opacity: .75;
        transform: scale(.2)
    }
}

.block-404__status {
    position: relative;
    display: block;
    margin-right: auto;
    margin-bottom: 60px;
    margin-left: auto;
    max-width: 604px
}

.block-404__status:before {
    content: "";
    display: block;
    padding-top: 37.0860927152%
}

:not(#\9) .block-404__status img, :not(#\9) .block-404__status picture { /*! @specificity */
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.block-404__content {
    margin-right: auto;
    margin-left: auto;
    max-width: 604px
}

.block-404__title {
    margin-bottom: 1.5em;
    font-size: 16px;
    line-height: 22.4px;
    font-weight: 500
}

@media (min-width: 360px) {
    .block-404__title {
        font-size: calc(15.21739px + .21739vw)
    }
}

@media (min-width: 1280px) {
    .block-404__title {
        font-size: 18px
    }
}

@media (min-width: 360px) {
    .block-404__title {
        line-height: calc(22.0087px + .1087vw)
    }
}

@media (min-width: 1280px) {
    .block-404__title {
        line-height: 23.4px
    }
}

:not(#\9) .block-404__return-link { /*! @specificity */
    margin-top: 30px;
    max-width: 335px
}

.page-404 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.page-404 .base-page__container {
    padding-top: 65px;
    padding-bottom: 65px
}

@media (min-width: 768px) {
    .page-404 .base-page__container {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.page-404__block-404 {
    width: 100%;
    flex: 0 0 auto
}

.the-page-loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    background: transparent;
    transition: .2s !important
}

.the-page-loader--active {
    background: hsla(0, 0%, 100%, .6);
    z-index: 9999
}

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

blockquote, body, button, code, div, figure, form, h1, h2, h3, h4, h5, h6, html, input, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%
}

b, strong {
    font-weight: bolder
}

code, pre {
    font-family: Geometria,Arial,sans-serif;
    font-size: 1em
}

:root {
    -moz-tab-size: 2;
    -o-tab-size: 2;
    tab-size: 2
}

sub, sup {
    position: relative;
    vertical-align: baseline;
    font-size: .6em;
    line-height: 0
}

sup {
    top: -.7em
}

sub {
    top: .7em
}

[type=button], [type=file], [type=reset], [type=submit], button, select {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border: 0
}

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

caption, th {
    text-align: left
}

li {
    list-style: none
}

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



iframe {
    border: 0
}

svg {
    position: relative;
    display: block
}

svg:not([fill]) {
    fill: currentColor
}

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

::-ms-clear, ::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

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

input:-webkit-autofill {
    -webkit-transition: background-color 999s ease-in-out 0s !important;
    transition: background-color 999s ease-in-out 0s !important
}

a[href="#"] {
    -webkit-touch-callout: none
}

textarea {
    overflow: hidden;
    resize: none
}

@media (prefers-reduced-motion: reduce) {
    *, :after, :before {
        transition-duration: 0s !important;
        -webkit-animation-duration: 0s !important;
        animation-duration: 0s !important
    }
}

:root {
    --header-height: 65px;
    --layout-min-width: 280px;
    --layout-max-width: 1344px;
    --layout-gutter: 16px;
    --layout-margin: 12px
}

@media (min-width: 768px) {
    :root {
        --header-height: 80px
    }
}

@media (min-width: 360px) {
    :root {
        --layout-margin: 16px
    }
}

@media (min-width: 480px) {
    :root {
        --layout-margin: 32px
    }
}

@media (min-width: 768px) {
    :root {
        --layout-margin: 40px
    }
}

@media (min-width: 1280px) {
    :root {
        --layout-margin: 56px
    }
}



#global-wrapper {
    position: relative;
    display: flex;
    flex-flow: column;
    width: 100vw;
    min-height: 100vh;
    padding-top: 65px;
    padding-top: var(--header-height, 65px)
}

a, button {
    color: inherit;
    text-decoration: none
}
a:hover {
    color: #cdcccc;;
    text-decoration: none
}

::-moz-selection {
    color: #fff;
    background: #0081cc
}

::selection {
    color: #fff;
    background: #0081cc
}

:focus {
    outline: none
}

.focus-visible, :focus-visible {
    outline: 4px solid currentColor;
    outline-offset: 4px
}

.js-focus-visible .focus-visible:not(input):not(textarea):not(select) {
    z-index: 100;
    transition: none !important
}

.-clearfix:after {
    content: "";
    display: block;
    clear: both
}

.-unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.-text-align-center {
    text-align: center
}

br.-fixed {
    display: block !important
}

.-vh, .-visually-hidden, .is-visually-hidden, .screen-reader-text, .visually-hidden {
    position: absolute;
    z-index: -1;
    width: 1px;
    height: 1px;
    margin: -1px;
    clip: rect(0 0 0 0)
}

.-show-phone-landscape {
    display: none
}

@media (min-width: 480px) {
    span.-show-phone-landscape {
        display: inline-block
    }
}

@media (min-width: 480px) {
    div.-show-phone-landscape {
        display: block
    }
}

.fashion-arrow {
    width: 16px;
    height: 24px;
    position: relative;
    display: inline-block
}

.fashion-arrow:after, .fashion-arrow:before {
    content: "";
    display: block;
    width: 59.5%;
    height: 2px;
    position: absolute;
    top: 50%;
    background: currentColor;
    border-radius: 3px;
    transition: transform .3s ease
}

.fashion-arrow:before {
    left: 0;
    transform: rotate(45deg)
}

.fashion-arrow:after, .fashion-arrow[data-fashion-arrow-active]:before, [data-fashion-arrow-active] .fashion-arrow:before {
    transform: rotate(-45deg)
}

.fashion-arrow:after {
    right: 0
}

.fashion-arrow[data-fashion-arrow-active]:after, [data-fashion-arrow-active] .fashion-arrow:after {
    transform: rotate(45deg)
}

.fashion-underline {
    position: relative;
    display: inline-block
}

.fashion-underline:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform .3s, opacity .3s, transform-origin 0s .3s;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    will-change: transform
}

@media (hover: hover) {
    .fashion-underline-container:hover .fashion-underline:after, .fashion-underline:hover:after {
        transform: scaleX(1);
        transform-origin: 100% 50%
    }
}

@media (hover: hover) {
    .fashion-underline-container:active .fashion-underline:after, .fashion-underline:active:after, .fashion-underline[data-fashion-underline-active]:active:after, [data-fashion-underline-active]:active .fashion-underline:after {
        opacity: 0;
        transform: scaleX(1) translateY(3px)
    }
}

.fashion-underline[data-fashion-underline-active]:after, [data-fashion-underline-active] .fashion-underline:after {
    transform: scaleX(1);
    transform-origin: 0 50%
}

.common-logo {
    display: block;
    position: relative;
    display: inline-block
}

.common-logo:before {
    content: "";
    display: block;
    /*padding-top: 16.4102564103%*/
}

a.common-logo:active {
    transform: translateY(1px)
}

.common-logo__icon {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    color: #ffcf02
}

.common-sandwich-button {
    width: auto;
    margin: 0;
    padding: 0;
    color: currentColor;
    font: inherit;
    background: none;
    border: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: manipulation;
    width: 40px;
    height: 40px;
    position: relative;
    display: inline-flex;
    align-items: center;
    color: #ffd546;
    transition-property: color, transform, opacity, visibility;
    transition-duration: .3s
}

.common-sandwich-button.focus-visible, .common-sandwich-button:focus-visible {
    color: #e8b60e
}

@media (hover: hover) {
    .common-sandwich-button:hover {
        color: #e8b60e
    }
}

.common-sandwich-button:active {
    transform: scale(.98);
    transition-duration: .2s
}

.common-sandwich-button__line {
    width: 60%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2px;
    display: block;
    background-color: currentColor;
    border-radius: 4px;
    transform: translateX(-50%);
    transition: .25s ease-out;
    transition-property: top, transform
}

.common-sandwich-button__line--pos-start {
    top: 30%
}

.common-sandwich-button--active .common-sandwich-button__line--pos-start {
    top: 50%;
    transform: translateX(-50%) rotate(135deg)
}

.common-sandwich-button__line--pos-center {
    top: 70%
}

.common-sandwich-button--active .common-sandwich-button__line--pos-center {
    top: 50%;
    transform: translateX(-50%) rotate(-135deg)
}

.common-sandwich-button--active .common-sandwich-button__line--pos-end {
    transform: translateX(-50%) scaleX(0)
}

.header-controls__inner {
    height: 100%;
    margin-right: -16px;
    margin-left: -16px;
    display: flex;
    align-items: stretch
}

.header-controls__feedback {
    width: auto;
    padding: 0;
    color: currentColor;
    font: inherit;
    background: none;
    border: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: manipulation;
    margin: 0 16px;
    line-height: 1.2;
    display: none;
    flex: 0 0 auto;
    align-items: center;
    color: #ffd546;
    transition: color .3s
}

.header-controls__feedback:active {
    transform: translateY(1px)
}

.header-controls--in-nav .header-controls__feedback {
    display: flex
}

@media (min-width: 768px) {
    .header-controls__feedback {
        display: flex
    }
}

.header-controls__feedback-label {
    position: relative;
    display: inline-block;
    flex: 0 1 auto
}

.header-controls__feedback-label:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    background-color: currentColor;
    transform-origin: 100% 50%;
    transition-property: opacity, visibility, transform;
    transition-duration: .3s
}

@media (hover: hover) {
    .header-controls__feedback:hover .header-controls__feedback-label:after {
        visibility: hidden;
        opacity: 0;
        transform: translateY(3px)
    }
}

:not(#\9) .header-controls__compare { /*! @specificity */
    margin-right: 16px;
    margin-left: 16px;
    flex: 0 0 auto
}

:not(#\9) .header-controls__compare.focus-visible { /*! @specificity */
    color: #ffd546
}

:not(#\9) .header-controls__compare:focus-visible { /*! @specificity */
    color: #ffd546
}

@media (hover: hover) {
    :not(#\9) .header-controls__compare:hover { /*! @specificity */
        color: #ffd546
    }
}

.header-controls--in-nav .header-controls__compare {
    display: flex !important
}

@media (max-width: 767px) {
    :not(#\9) .header-controls__compare {
        display: none
    }
}

.header-controls__search {
    width: 40px;
    height: 40px;
    position: relative;
    margin-right: 16px;
    display: block;
    flex: 0 0 auto;
    align-self: center
}

.header-controls__search-show {
    width: auto;
    margin: 0;
    padding: 0;
    color: currentColor;
    font: inherit;
    background: none;
    border: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    touch-action: manipulation;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition-property: color, opacity, visibility;
    transition-duration: .3s
}

.header-controls__search-show.focus-visible, .header-controls__search-show:focus-visible {
    color: #ffd546
}

@media (hover: hover) {
    .header-controls__search-show:hover {
        color: #ffd546
    }
}

.header-controls__search-show--active {
    visibility: visible;
    opacity: 1
}

.header-controls__search-show-icon {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    transition: transform .2s
}

.header-controls__search-show:active .header-controls__search-show-icon {
    transform: scale(.95)
}

.header-controls__search-hide {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin-top: 1px;
    visibility: hidden;
    opacity: 0
}

.header-controls__search-hide--active {
    visibility: visible;
    opacity: 1
}

@media (max-width: 1279px) {
    .header-nav-menu {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        padding-right: 12px;
        padding-right: var(--layout-margin, 12px);
        padding-left: 12px;
        padding-left: var(--layout-margin, 12px);
        z-index: 30;
        transition: transform .3s;
        pointer-events: none
    }

    .header-nav-menu--pos-top {
        padding-top: 65px;
        padding-bottom: 100px
    }
}

@media (--less-laptop)and (--tablet-portrait) {
    .header-nav-menu--pos-top {
        margin-top: -1px;
        padding-top: 0;
        padding-bottom: 20px
    }
}

@media (max-width: 1279px) {
    .header-nav-menu--pos-sub {
        padding-top: 0;
        padding-bottom: 20px;
        background-color: #222;
        transform: translateX(100%);
        will-change: transform
    }
}

@media (--less-laptop)and (--tablet-portrait) {
    .header-nav-menu--pos-sub {
        padding-top: 0;
        padding-bottom: 20px
    }
}

@media (max-width: 1279px) {
    .header-nav-menu--active {
        transform: none
    }
}

@media (max-width: 1279px) {
    .header-nav-menu__items {
        height: 100%;
        overflow: hidden;
        overflow-y: auto;
        pointer-events: all
    }

    html:not(.mobile) .header-nav-menu__items {
        scrollbar-width: thin;
        scrollbar-color: #e1e1e1 transparent
    }

    html:not(.mobile) .header-nav-menu__items::-webkit-scrollbar {
        width: 4px;
        height: 4px
    }

    html:not(.mobile) .header-nav-menu__items::-webkit-scrollbar-track {
        background-color: transparent
    }

    html:not(.mobile) .header-nav-menu__items::-webkit-scrollbar-thumb {
        background-color: #e1e1e1
    }
}

@media (max-width: 1279px) and (hover: hover) {
    html:not(.mobile) .header-nav-menu__items::-webkit-scrollbar-thumb:hover {
        background-color: #c8c8c8
    }
}

@media (max-width: 1279px) {
    html:not(.mobile) .header-nav-menu__items::-webkit-scrollbar-button, html:not(.mobile) .header-nav-menu__items::-webkit-scrollbar-corner {
        width: 0;
        height: 0;
        display: none
    }
}

@media (max-width: 1279px) {
    .header-nav-menu__item {
        line-height: 1.4;
        display: flex;
        align-items: stretch;
        border-top: 1px solid #484848
    }

    .header-nav-menu__item:last-child {
        color: #ffd546;
        border-bottom: 1px solid #484848
    }
}

@media (max-width: 1279px) {
    .header-nav-menu__item-link {
        padding-top: 1em;
        padding-right: 1em;
        padding-bottom: 1em;
        display: block;
        flex: 1 1 auto
    }

    .header-nav-menu__item-link--accent {
        margin-left: 1em
    }
}

@media (max-width: 1279px) {
    .header-nav-menu__item-link-label:after {
        display: none
    }

    .header-nav-menu__item-link--accent .header-nav-menu__item-link-label {
        color: #222;
        border-color: transparent
    }

    .header-nav-menu__item-link--accent .header-nav-menu__item-link-label:before {
        content: "";
        display: block;
        position: absolute;
        top: -5px;
        right: -10px;
        bottom: -5px;
        left: -10px;
        z-index: -1;
        background-color: #ffd546;
        transform: skew(-20deg);
        transition-property: background-color;
        transition-duration: .3s
    }
}

@media (max-width: 1279px) and (hover: hover) {
    .header-nav-menu__item-link--accent:hover .header-nav-menu__item-link-label:before {
        background-color: #ffcf02
    }
}

@media (max-width: 1279px) {
    .header-nav-menu__item-next {
        width: 2.5em;
        position: relative;
        display: block;
        cursor: pointer
    }
}

@media (max-width: 1279px) {
    .header-nav-menu__item-next-icon {
        width: .66em;
        height: .66em;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%)
    }
}

@media (max-width: 1279px) {
    .header-nav-menu__back-item {
        font-size: 95%
    }
}

@media (max-width: 1279px) {
    .header-nav-menu__back-item-control {
        width: auto;
        margin: 0;
        color: currentColor;
        font: inherit;
        background: none;
        border: 0;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
        touch-action: manipulation;
        width: 100%;
        padding: 20px 0;
        display: flex;
        align-items: center;
        color: #ffd546
    }
}

@media (max-width: 1279px) {
    .header-nav-menu__back-item-control-icon {
        width: .66em;
        height: .66em;
        margin-right: 1em
    }
}

@media (max-width: 1279px) {
    .header-nav-menu__back-item-control-label {
        display: block;
        flex: 0 1 auto
    }
}

@media (min-width: 1280px) {
    .header-nav-menu--pos-sub {
        visibility: hidden;
        opacity: 0;
        width: 520px;
        position: absolute;
        top: 100%;
        left: 0;
        padding-top: 30px;
        padding-bottom: 30px;
        font-size: 95%;
        z-index: 30;
        transition-property: opacity, visibility;
        transition-duration: .3s
    }

    .header-nav-menu--pos-sub:before {
        content: "";
        display: block;
        width: 200vw;
        height: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: -1;
        background-color: #222;
        border-color: #484848;
        border-style: solid;
        border-width: 1px 0
    }

    .header-nav-menu--pos-sub[focus-within], .header-nav-menu__item-link.focus-visible ~ .header-nav-menu--pos-sub {
        visibility: visible;
        opacity: 1
    }

    .header-nav-menu--pos-sub:focus-within, .header-nav-menu__item-link.focus-visible ~ .header-nav-menu--pos-sub {
        visibility: visible;
        opacity: 1
    }

    .header-nav-menu--pos-sub[focus-within], .header-nav-menu__item-link:focus-visible ~ .header-nav-menu--pos-sub {
        visibility: visible;
        opacity: 1
    }

    .header-nav-menu--pos-sub:focus-within, .header-nav-menu__item-link:focus-visible ~ .header-nav-menu--pos-sub {
        visibility: visible;
        opacity: 1
    }
}

@media (min-width: 1280px) and (hover: hover) {
    .header-nav-menu__item:hover > .header-nav-menu--pos-sub {
        visibility: visible;
        opacity: 1
    }
}

@media (min-width: 1280px) {
    .header-nav-menu__items {
        padding-right: 1em
    }

    html:not(.mobile) .header-nav-menu__items {
        scrollbar-width: thin;
        scrollbar-color: #e1e1e1 transparent
    }

    html:not(.mobile) .header-nav-menu__items::-webkit-scrollbar {
        width: 4px;
        height: 4px
    }

    html:not(.mobile) .header-nav-menu__items::-webkit-scrollbar-track {
        background-color: transparent
    }

    html:not(.mobile) .header-nav-menu__items::-webkit-scrollbar-thumb {
        background-color: #e1e1e1
    }
}

@media (min-width: 1280px) and (hover: hover) {
    html:not(.mobile) .header-nav-menu__items::-webkit-scrollbar-thumb:hover {
        background-color: #c8c8c8
    }
}

@media (min-width: 1280px) {
    html:not(.mobile) .header-nav-menu__items::-webkit-scrollbar-button, html:not(.mobile) .header-nav-menu__items::-webkit-scrollbar-corner {
        width: 0;
        height: 0;
        display: none
    }

    .header-nav-menu__items--pos-top {
        height: 100%;
        display: flex;
        align-items: stretch
    }

    .header-nav-menu__items--pos-sub {
        display: grid;
        grid-template-columns:repeat(2, 1fr);
        align-items: start;
        max-height: calc(100vh - 145px);
        max-height: calc(100vh - var(--header-height, 65px) - 80px);
        overflow: hidden;
        overflow-y: auto
    }

    .header-nav-menu__item {
        position: relative;
        display: flex;
        flex: 0 1 auto;
        align-items: center
    }

    .header-nav-menu__item:last-child {
        color: #ffd546
    }

    .header-nav-menu__item-link {
        height: 100%;
        padding: .5em 1em;
        display: flex;
        flex: 0 1 auto;
        align-items: center;
        cursor: pointer
    }

    .header-nav-menu__item-link-label {
        display: inline-block;
        flex: 0 1 auto
    }

    .header-nav-menu__item-next {
        width: .66em;
        height: .66em;
        margin-right: 1em;
        margin-left: -.5em;
        display: inline-block;
        flex: 0 0 auto;
        transition: transform .3s
    }

    .header-nav-menu[focus-within] ~ .header-nav-menu__item-next, .header-nav-menu__item-link.focus-visible ~ .header-nav-menu__item-next {
        transform: rotateX(180deg)
    }

    .header-nav-menu:focus-within ~ .header-nav-menu__item-next, .header-nav-menu__item-link.focus-visible ~ .header-nav-menu__item-next {
        transform: rotateX(180deg)
    }

    .header-nav-menu[focus-within] ~ .header-nav-menu__item-next, .header-nav-menu__item-link:focus-visible ~ .header-nav-menu__item-next {
        transform: rotateX(180deg)
    }

    .header-nav-menu:focus-within ~ .header-nav-menu__item-next, .header-nav-menu__item-link:focus-visible ~ .header-nav-menu__item-next {
        transform: rotateX(180deg)
    }
}

@media (min-width: 1280px) and (hover: hover) {
    .header-nav-menu__item:hover > .header-nav-menu__item-next {
        transform: rotateX(180deg)
    }
}

@media (min-width: 1280px) {
    .header-nav-menu__item-next-icon {
        width: 100%;
        height: 100%;
        transform: rotate(90deg)
    }

    .header-nav-menu__back-item {
        display: none
    }
}

@media (max-width: 1279px) {
    .header-nav {
        width: 100%;
        height: calc(100vh - 65px);
        height: calc(var(--vh, 1vh) * 100 - var(--header-height, 65px));
        position: absolute;
        top: 100%;
        left: 0;
        padding-top: 25px;
        padding-right: 12px;
        padding-right: var(--layout-margin, 12px);
        padding-bottom: 25px;
        padding-left: 12px;
        padding-left: var(--layout-margin, 12px);
        display: flex;
        flex-direction: column;
        color: #fff;
        background-color: #222;
        border-color: #484848;
        border-style: solid;
        border-width: 1px 0;
        overflow: hidden;
        transform: translateX(-100%);
        transition: transform .3s;
        will-change: transform
    }

    .header-nav--active {
        transform: none
    }

    .header-nav__controls {
        width: 100%;
        flex: 0 0 auto
    }
}

@media (--less-laptop)and (--tablet-portrait) {
    .header-nav__controls {
        display: none
    }
}

@media (max-width: 1279px) {
    .header-nav__controls .header-controls__inner {
        flex-direction: row-reverse;
        justify-content: space-between
    }
}

@media (max-width: 1279px) {
    .header-nav__controls .header-controls__search {
        display: none
    }
}

@media (max-width: 1279px) {
    .header-nav__menu, .header-nav__search {
        width: 100%;
        flex: 0 0 auto
    }

    .header-nav__search {
        margin-top: auto
    }
}

@media (--less-laptop)and (--tablet-portrait) {
    .header-nav__search {
        display: none
    }
}

@media (min-width: 1280px) {
    .header-nav__controls {
        display: none
    }

    .header-nav__menu {
        height: 100%
    }

    .header-nav__search {
        display: none
    }
}

.header-catalog:before {
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    background-color: #222;
    border-color: #484848;
    border-style: solid;
    border-width: 1px 0
}

.header-catalog__container {
    padding-top: 30px;
    padding-bottom: 30px;
    display: grid;
    grid-template-areas:"banner banner banner menu menu menu menu menu menu menu menu menu";
    grid-template-columns:repeat(12, 1fr);
    grid-gap: 16px;
    gap: 16px;
    grid-gap: var(--layout-gutter, 16px);
    gap: var(--layout-gutter, 16px);
    align-items: start
}

.header-catalog__banner {
    position: relative;
    display: block;
    grid-area: banner;
    max-width: 240px
}

.header-catalog__banner:before {
    content: "";
    display: block;
    padding-top: 126.6666666667%
}

.header-catalog__banner.nuxt-link-exact-active {
    pointer-events: none
}

:not(#\9) .header-catalog__banner-image { /*! @specificity */
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.header-catalog__banner-image img {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.header-catalog__banner-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding: 16px;
    z-index: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    color: #fff
}

.header-catalog__banner-title {
    font-size: 16px;
    line-height: 22.4px;
    font-weight: 500;
    width: 100%;
    flex: 0 0 auto
}

@media (min-width: 360px) {
    .header-catalog__banner-title {
        font-size: calc(15.21739px + .21739vw)
    }
}

@media (min-width: 1280px) {
    .header-catalog__banner-title {
        font-size: 18px
    }
}

@media (min-width: 360px) {
    .header-catalog__banner-title {
        line-height: calc(22.0087px + .1087vw)
    }
}

@media (min-width: 1280px) {
    .header-catalog__banner-title {
        line-height: 23.4px
    }
}

.header-catalog__banner-link {
    padding-top: .75em;
    padding-bottom: .75em;
    font-size: 13px;
    line-height: 1.4;
    display: inline-block;
    flex: 0 0 auto
}

.header-catalog__menu {
    margin-top: -.5em;
    margin-bottom: -.5em;
    padding-right: 10px;
    grid-area: menu;
    max-height: 50vh;
    overflow: hidden;
    overflow-y: auto
}

html:not(.mobile) .header-catalog__menu {
    scrollbar-width: thin;
    scrollbar-color: #e1e1e1 transparent
}

html:not(.mobile) .header-catalog__menu::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

html:not(.mobile) .header-catalog__menu::-webkit-scrollbar-track {
    background-color: transparent
}

html:not(.mobile) .header-catalog__menu::-webkit-scrollbar-thumb {
    background-color: #e1e1e1
}

@media (hover: hover) {
    html:not(.mobile) .header-catalog__menu::-webkit-scrollbar-thumb:hover {
        background-color: #c8c8c8
    }
}

html:not(.mobile) .header-catalog__menu::-webkit-scrollbar-button, html:not(.mobile) .header-catalog__menu::-webkit-scrollbar-corner {
    width: 0;
    height: 0;
    display: none
}

.header-catalog__menu-items {
    display: grid;
    grid-template-columns:repeat(3, 1fr)
}

.header-catalog__menu-item-link {
    height: 100%;
    padding: .5em 1em;
    display: block;
    flex: 0 1 auto;
    align-items: center
}

.header-catalog__menu-item-link:active {
    transform: translateY(1px)
}

.header-catalog__menu-item-link-label {
    position: relative;
    display: inline;
    border-bottom: 1px solid transparent;
    transition: border-color .2s
}

@media (hover: hover) {
    .header-catalog__menu-item-link:hover .header-catalog__menu-item-link-label {
        border-bottom-color: currentColor
    }
}

.header-catalog__menu-item-link:active .header-catalog__menu-item-link-label {
    border-bottom-color: transparent
}

.header-catalog__menu-item-link--accent .header-catalog__menu-item-link-label {
    color: #222;
    border-color: transparent
}

@media (hover: hover) {
    .header-catalog__menu-item-link--accent:hover .header-catalog__menu-item-link-label {
        border-bottom-color: transparent
    }
}

.header-catalog__menu-item-link--accent .header-catalog__menu-item-link-label:before {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    right: -10px;
    bottom: -5px;
    left: -10px;
    z-index: -1;
    background-color: #ffd546;
    transform: skew(-20deg);
    transition-property: background-color;
    transition-duration: .3s
}

@media (hover: hover) {
    .header-catalog__menu-item-link--accent:hover .header-catalog__menu-item-link-label:before {
        background-color: #ffcf02
    }
}

.search-form {
    position: relative;
    display: flex
}

.search-form__input {
    margin: 0;
    background: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    padding: 14px 16px;
    font-size: 15px;
    line-height: 1.4;
    display: block;
    color: #484848;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    transition: border-color .3s
}

.search-form__input:-webkit-autofill {
    -webkit-transition: border-color .3s, background-color 999s ease-in-out 0s !important;
    transition: border-color .3s, background-color 999s ease-in-out 0s !important
}

@media (hover: hover) {
    .search-form__input:hover {
        border-color: #c8c8c8
    }
}

.search-form__input:focus {
    border-color: #ffd546;
    outline: 0
}

@media (max-width: 767px) {
    .search-form__input {
        padding-right: 55px
    }
}

:not(#\9) .search-form__submit { /*! @specificity */
    flex: 0 0 auto;
    justify-content: center;
    text-align: center
}

.search-form:not(.search-form--variant-wide) .search-form__submit {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    color: #222;
    background: none;
    border: none
}

.search-form:not(.search-form--variant-wide) .search-form__submit.focus-visible, .search-form:not(.search-form--variant-wide) .search-form__submit:focus-visible {
    color: #e8b60e
}

@media (hover: hover) {
    .search-form:not(.search-form--variant-wide) .search-form__submit:hover {
        color: #e8b60e
    }
}

.search-form:not(.search-form--variant-wide) .search-form__submit[disabled] {
    color: #919191
}

.search-form:not(.search-form--variant-wide) .search-form__submit .base-button__content {
    display: none
}

.search-form:not(.search-form--variant-wide) .search-form__submit .base-button__icon {
    margin: auto
}

@media (max-width: 767px) {
    .search-form--variant-wide .search-form__submit {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin-top: auto;
        margin-bottom: auto;
        color: #222;
        background: none;
        border: none
    }

    .search-form--variant-wide .search-form__submit.focus-visible, .search-form--variant-wide .search-form__submit:focus-visible {
        color: #e8b60e
    }
}

@media (max-width: 767px) and (hover: hover) {
    .search-form--variant-wide .search-form__submit:hover {
        color: #e8b60e
    }
}

@media (max-width: 767px) {
    .search-form--variant-wide .search-form__submit[disabled] {
        color: #919191
    }

    .search-form--variant-wide .search-form__submit .base-button__content {
        display: none
    }

    .search-form--variant-wide .search-form__submit .base-button__icon {
        margin: auto
    }
}

@media (min-width: 768px) {
    .search-form--variant-wide .search-form__submit {
        min-width: 200px
    }

    .search-form--variant-wide .search-form__submit .base-button__icon {
        display: none
    }
}

.header-search__container {
    padding-top: 0;
    padding-bottom: 0
}

@media (max-width: 767px) {
    .header-search__container {
        padding: 0
    }
}

@media (min-width: 768px) {
    .header-search__form {
        padding-top: 30px;
        padding-bottom: 30px
    }
}

@media (min-width: 1280px) {
    .header-search__form {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.the-header {
    width: 100vw;
    height: 65px;
    height: var(--header-height, 65px);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    position: fixed !important;
    z-index: 300;
    color: #fff;
    background-color: #222
}

.the-header__container {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
    display: grid;
    grid-template-columns:1fr 1px;
    align-items: center
}

@media (min-width: 768px) {
    .the-header__container {
        grid-template-columns:repeat(12, 1fr);
        grid-gap: 16px;
        gap: 16px;
        grid-gap: var(--layout-gutter, 16px);
        gap: var(--layout-gutter, 16px)
    }
}

.the-header__aside {
    display: flex;
    grid-column: 1/span 6;
    align-items: center
}

@media (min-width: 1280px) {
    .the-header__aside {
        grid-column: 1/span 3
    }
}

:not(#\9) .the-header__nav-control { /*! @specificity */
    margin-right: 16px;
    margin-right: var(--layout-gutter, 16px);
    flex: 0 0 auto
}

@media (min-width: 1280px) {
    :not(#\9) .the-header__nav-control {
        display: none
    }
}

.the-header__logo {
    width: 155px;
    flex: 0 1 auto
}

@media (min-width: 360px) {
    .the-header__logo {
        width: calc(131.52174px + 6.52174vw)
    }
}

@media (min-width: 1280px) {
    .the-header__logo {
        width: 215px
    }
}

.the-header__main {
    display: flex;
    grid-column: 7/span 6;
    align-items: stretch;
    align-self: stretch
}

@media (min-width: 1280px) {
    .the-header__main {
        grid-column: 4/span 9
    }
}

.the-header__nav {
    width: 100%;
    flex: 0 0 auto
}

@media (min-width: 1280px) {
    .the-header__nav {
        width: auto;
        flex: 0 1 auto
    }
}

@media (min-width: 1280px) {
    .the-header__nav--has-catalog .header-nav-menu__item--pos-top:first-child .header-nav-menu, .the-header__nav--has-catalog .header-nav-menu__item--pos-top:first-child .header-nav-menu__item-next {
        display: none
    }
}

.the-header__controls {
    flex: 0 0 auto
}

@media (min-width: 768px) {
    .the-header__controls {
        margin-left: auto;
        display: block
    }
}

:not(#\9) .the-header__catalog-control { /*! @specificity */
    display: none;
    flex: 0 0 auto;
    align-self: center
}

@media (min-width: 1280px) {
    :not(#\9) .the-header__catalog-control {
        margin-top: 1px;
        margin-left: -40px;
        display: inline-flex
    }
}

.the-header__catalog {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    z-index: 20;
    display: none
}

@media (min-width: 1280px) {
    .the-header__catalog {
        display: block
    }
}

.the-header__search {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
    z-index: 10;
    padding: 24px 16px 16px;
    background-color: #222
}

@media (min-width: 768px) {
    .the-header__search {
        padding: 0
    }
}

.the-header__search:before {
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    background-color: #222;
    border-color: #484848;
    border-style: solid;
    border-width: 1px 0
}

.common-social-links__items {
    margin: -8px;
    display: flex;
    flex-wrap: wrap
}

.common-social-links__item {
    width: 40px;
    height: 40px
}

.common-social-links__link {
    width: 100%;
    height: 100%;
    position: relative;
    display: inline-block;
    transition: color .3s
}

.common-social-links__link:active {
    transform: translateY(1px)
}

.common-social-links__icon {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    fill: none !important;
    stroke: currentColor;
    transition: transform .3s
}

@media (hover: hover) {
    .common-social-links__link:hover .common-social-links__icon {
        transform: scale(1.06)
    }
}

.common-social-links__icon--ok {
    width: 20px;
    height: 20px;
    border: 1px solid;
    border-radius: 3px
}

.catalog-link {
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    transition-property: background-color, box-shadow;
    transition-duration: .3s
}

.catalog-link--variant-dark {
    color: #fff;
    background-color: #484848;
    box-shadow: inset 0 0 0 1px #484848
}

.catalog-link--variant-dark.focus-visible, .catalog-link--variant-dark:focus-visible {
    background-color: #222;
    box-shadow: inset 0 0 0 1px #ffd546
}

@media (hover: hover) {
    .catalog-link--variant-dark:hover {
        background-color: #222;
        box-shadow: inset 0 0 0 1px #ffd546
    }
}

.catalog-link--variant-light {
    color: #222;
    background-color: #fff;
    box-shadow: inset 0 0 0 1px #e1e1e1
}

.catalog-link--variant-light.focus-visible, .catalog-link--variant-light:focus-visible {
    box-shadow: inset 0 0 0 1px #6163c6
}

@media (hover: hover) {
    .catalog-link--variant-light:hover {
        box-shadow: inset 0 0 0 1px #6163c6
    }
}

.catalog-link__image {
    width: 55px;
    height: 80px;
    display: block;
    flex: 0 0 auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

@media (min-width: 1024px) {
    .catalog-link__image {
        width: 45px;
        height: 65px;
        margin-right: 15px
    }
}

.catalog-link__content {
    padding: 15px;
    display: flex;
    flex: 0 1 auto;
    flex-wrap: wrap
}

@media (min-width: 1024px) {
    .catalog-link__content {
        padding: 0
    }
}

.catalog-link__title {
    margin: .25em .35em;
    line-height: 1.2;
    font-weight: 500;
    display: block;
    flex: 0 0 100%
}

@media (min-width: 480px) {
    .catalog-link__title {
        flex: 0 1 auto
    }
}

@media (min-width: 1024px) {
    .catalog-link__title {
        flex: 0 0 100%
    }
}

@media (min-width: 1280px) {
    .catalog-link__title {
        font-size: 120%
    }
}

.catalog-link__link {
    margin: .25em .35em;
    line-height: 1.2;
    display: flex;
    flex: 0 0 100%;
    align-items: center
}

.catalog-link--variant-dark .catalog-link__link {
    color: #ffd546
}

@media (min-width: 480px) {
    .catalog-link__link {
        flex: 0 1 auto
    }
}

@media (min-width: 1024px) {
    .catalog-link__link {
        flex: 0 0 100%
    }
}

.catalog-link__link-label {
    flex: 0 0 auto
}

.catalog-link__link-icon {
    width: 1em;
    height: 1em;
    margin-left: 1em;
    flex: 0 0 auto
}

.catalog-link:active .catalog-link__link-icon {
    transform: translateY(1px)
}

@media (min-width: 1024px) {
    .catalog-link {
        padding: 12px
    }
}

.creator-link {
    display: inline-flex;
    align-items: center
}

.creator-link__label {
    margin-right: 1em;
    font-size: 12px;
    line-height: 1.2;
    display: inline-block;
    flex: 0 0 auto;
    opacity: .7;
    transition: opacity .3s
}

.creator-link.focus-visible .creator-link__label, .creator-link:focus-visible .creator-link__label {
    opacity: 1
}

@media (hover: hover) {
    .creator-link:hover .creator-link__label {
        opacity: 1
    }
}

.creator-link__logo {
    width: 80px;
    height: auto;
    display: block;
    position: relative;
    display: inline-block;
    flex: 0 0 auto
}

.creator-link__logo:before {
    content: "";
    display: block;
    padding-top: 17.5%
}

.creator-link__logo .icon {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    fill: currentColor;
    transition: fill .3s
}

.creator-link.focus-visible .creator-link__logo .icon, .creator-link:focus-visible .creator-link__logo .icon {
    fill: #0064c8
}

@media (hover: hover) {
    .creator-link:hover .creator-link__logo .icon {
        fill: #0064c8
    }
}

.creator-link:active .creator-link__logo .icon {
    fill: #e10000
}

.footer-nav__menu {
    margin: -5px;
    display: grid;
    grid-template-columns:1fr
}

@media (min-width: 768px) {
    .footer-nav__menu {
        grid-template-columns:repeat(2, 1fr)
    }
}

@media (min-width: 1280px) {
    .footer-nav__menu {
        margin: -10px
    }
}

.footer-nav__menu-item {
    font-size: 95%
}

.footer-nav__menu-item-link {
    padding: 5px;
    display: inline-block
}

@media (min-width: 1280px) {
    .footer-nav__menu-item-link {
        padding: 10px;
        display: block
    }
}

.footer-nav__menu-item-link-label {
    display: inline;
    border-bottom: 1px solid transparent;
    transition: border-color .3s
}

.footer-nav__menu-item-link-label:after {
    display: none
}

@media (min-width: 1280px) {
    .footer-nav__menu-item-link-label:after {
        display: block
    }
}

@media (min-width: 1280px) {
    .footer-nav__menu-item-link-label {
        display: inline-block;
        border-bottom: none
    }
}

@media (hover: hover) {
    .footer-nav__menu-item-link:hover .footer-nav__menu-item-link-label {
        border-bottom-color: currentColor
    }
}

.footer-documents {
    font-size: 0
}

.footer-documents__link {
    margin-bottom: .5em;
    font-size: 12px;
    line-height: 1.4
}

.footer-documents__link:last-child {
    margin-bottom: 0
}

.the-footer {
    color: #919191;
    background-color: #222
}

.the-footer__container {
    padding-top: 35px;
    padding-bottom: 35px;
    display: grid;
    grid-template-areas:"links" "." "nav" "." "catalog" "." "info" "creator";
    grid-gap: 16px;
    gap: 16px;
    grid-gap: var(--layout-gutter, 16px);
    gap: var(--layout-gutter, 16px);
    align-items: end
}

@media (min-width: 360px) {
    .the-footer__container {
        padding-top: calc(25.21739px + 2.71739vw)
    }
}

@media (min-width: 1280px) {
    .the-footer__container {
        padding-top: 60px
    }
}

@media (min-width: 360px) {
    .the-footer__container {
        padding-bottom: calc(25.21739px + 2.71739vw)
    }
}

@media (min-width: 1280px) {
    .the-footer__container {
        padding-bottom: 60px
    }
}

@media (min-width: 768px) {
    .the-footer__container {
        grid-template-areas:"links   links   links   nav     nav     nav     nav     nav" ".       .       .       .       .       .       .       ." "info    info    info    catalog catalog catalog catalog catalog" "creator creator creator catalog catalog catalog catalog catalog";
        grid-template-columns:repeat(8, 1fr)
    }
}

@media (min-width: 1024px) {
    .the-footer__container {
        grid-template-areas:"links links links nav nav nav nav nav catalog catalog catalog catalog" "info  info  info  nav nav nav nav nav creator creator creator creator";
        grid-template-columns:repeat(12, 1fr);
        grid-gap: 16px 32px;
        gap: 16px 32px;
        grid-gap: var(--layout-gutter, 16px) calc(var(--layout-gutter, 16px) * 2);
        gap: var(--layout-gutter, 16px) calc(var(--layout-gutter, 16px) * 2);
        align-items: start
    }
}

@media (min-width: 1280px) {
    .the-footer__container {
        grid-template-areas:"links links links . nav nav nav nav . catalog catalog catalog" "info  info  info  . nav nav nav nav . creator creator creator"
    }
}

.the-footer__links {
    display: grid;
    grid-area: links;
    grid-template-columns:repeat(2, 1fr);
    grid-gap: 16px;
    gap: 16px;
    grid-gap: var(--layout-gutter, 16px);
    gap: var(--layout-gutter, 16px);
    align-items: center;
    align-self: start
}

@media (min-width: 768px) {
    .the-footer__links {
        grid-template-columns:1fr;
        grid-gap: 32px;
        gap: 32px;
        grid-gap: calc(var(--layout-gutter, 16px) * 2);
        gap: calc(var(--layout-gutter, 16px) * 2)
    }
}

.the-footer__logo {
    width: 175px;
    align-self: start;
    max-width: 100%
}

@media (min-width: 360px) {
    .the-footer__logo {
        width: calc(165.21739px + 2.71739vw)
    }
}

@media (min-width: 1280px) {
    .the-footer__logo {
        width: 200px
    }
}

.the-footer__social .common-social-links__items {
    justify-content: flex-end
}

@media (min-width: 768px) {
    .the-footer__social .common-social-links__items {
        justify-content: flex-start
    }
}

.the-footer__social .common-social-links__link.focus-visible, .the-footer__social .common-social-links__link:focus-visible {
    color: #ffd546
}

@media (hover: hover) {
    .the-footer__social .common-social-links__link:hover {
        color: #ffd546
    }
}

.the-footer__nav {
    grid-area: nav;
    color: #fff
}

@media (min-width: 1280px) {
    .the-footer__nav {
        margin-right: -24px;
        margin-left: -24px
    }
}

@media (min-width: 1660px) {
    .the-footer__nav {
        margin-right: -16px;
        margin-left: -16px
    }
}

.the-footer__catalog {
    grid-area: catalog
}

.the-footer__info {
    grid-area: info
}

@media (min-width: 1024px) {
    .the-footer__info {
        align-self: end
    }
}

.the-footer__copyright {
    font-size: 12px;
    line-height: 1.4
}

.the-footer__documents {
    margin-top: 12px
}

.the-footer__documents .footer-documents__link.focus-visible, .the-footer__documents .footer-documents__link:focus-visible {
    color: #fff
}

@media (hover: hover) {
    .the-footer__documents .footer-documents__link:hover {
        color: #fff
    }
}

.the-footer__creator {
    grid-area: creator
}

@media (min-width: 1024px) {
    .the-footer__creator {
        justify-self: end;
        align-self: end
    }
}

.the-cookie-notification {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20000;
    color: #fff;
    background-color: rgba(72, 72, 72, .9)
}

.the-cookie-notification__container {
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

.the-cookie-notification__message {
    flex: 0 1 auto
}

:not(#\9) .the-cookie-notification__button { /*! @specificity */
    margin-left: 32px;
    flex: 0 0 auto
}

:not(#\9) .fancybox__container :focus { /*! @specificity */
    box-shadow: none
}

.fancybox__container .focus-visible, .fancybox__container :focus-visible {
    outline: 4px solid currentColor;
    outline-offset: 4px
}

.fancybox__backdrop {
    background: #fff;
    opacity: 1
}

.fancybox__slide {
    padding-right: 8px;
    padding-left: 8px
}

@media (min-width: 480px) {
    .fancybox__slide {
        padding-right: 16px;
        padding-left: 16px
    }
}

.fancybox__toolbar {
    padding-right: 8px;
    padding-left: 8px;
    background: none
}

@media (min-width: 480px) {
    .fancybox__toolbar {
        padding-right: 16px;
        padding-left: 16px
    }
}

.fancybox__toolbar__items--right {
    margin-right: -8px
}

.fancybox__carousel {
    position: static
}

.fancybox__nav {
    height: 96px;
    position: absolute;
    right: 0;
    bottom: 0;
    padding-right: 8px;
    padding-left: 8px;
    display: none;
    align-items: center;
    opacity: 1
}

@media (min-width: 480px) {
    .fancybox__nav {
        padding-right: 16px;
        padding-left: 16px
    }
}

@media (min-width: 768px) {
    .fancybox__nav {
        height: 104px
    }
}

@media (min-width: 1024px) {
    .fancybox__nav {
        height: 112px;
        display: inline-flex
    }
}

:not(#\9) .carousel__button { /*! @specificity */
    width: 48px;
    height: 48px;
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    color: #919191;
    border-radius: 0;
    box-shadow: none;
    transform: none;
    transition: color .3s
}

:not(#\9) .carousel__button.focus-visible { /*! @specificity */
    color: #ffd546
}

:not(#\9) .carousel__button:focus-visible { /*! @specificity */
    color: #ffd546
}

@media (hover: hover) {
    :not(#\9) .carousel__button:hover { /*! @specificity */
        color: #ffd546
    }
}

:not(#\9) .carousel__button:active { /*! @specificity */
    color: #e8b60e
}

.carousel__button.is-prev {
    order: 1
}

.carousel__button.is-next {
    order: 2
}

.carousel__button svg {
    width: 24px;
    height: 24px;
    filter: none
}

.fancybox__thumbs {
    padding: 0;
    opacity: 1
}

@media (min-width: 1024px) {
    .fancybox__thumbs {
        padding-right: 128px
    }
}

.fancybox__thumbs .carousel__track {
    padding: 16px 8px
}

@media (min-width: 480px) {
    .fancybox__thumbs .carousel__track {
        padding-right: 16px;
        padding-left: 16px
    }
}

.fancybox__thumbs .carousel__slide {
    width: 64px;
    margin-right: 8px;
    padding: 0
}

.fancybox__thumbs .carousel__slide:last-child {
    margin-right: 0
}

@media (min-width: 768px) {
    .fancybox__thumbs .carousel__slide {
        width: 72px
    }
}

@media (min-width: 1024px) {
    .fancybox__thumbs .carousel__slide {
        width: 80px
    }
}

@media (min-width: 1280px) {
    .fancybox__thumbs .carousel__slide {
        margin-right: 16px
    }
}

.fancybox__thumb {
    padding-top: 100%;
    border-radius: 0
}

:not(#\9) .fancybox__thumb:after { /*! @specificity */
    border: 2px solid #e1e1e1;
    border-radius: inherit;
    opacity: 1;
    transition: border-color .3s
}

@media (hover: hover) {
    :not(#\9) .carousel__slide:hover .fancybox__thumb:after { /*! @specificity */
        border-color: #c8c8c8
    }
}

:not(#\9) .carousel__slide.is-nav-selected .fancybox__thumb:after { /*! @specificity */
    border-color: #ffd546
}

.global-loader-container--relative {
    position: relative
}

.global-loader-container--transition > * {
    transition-property: opacity, filter !important;
    transition-duration: .3s !important
}

.global-loader-container--opacity > * {
    opacity: .5
}

.global-loader-overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 200;
    opacity: 0;
    transition: .3s !important
}

.global-loader-overlay--active {
    opacity: 1
}

.global-loader-spinner {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.global-loader-overlay--fixed .global-loader-spinner {
    position: fixed
}